/*********************************************************
* CSS screen
* 
* name:		architecturalement votre
* 
* date:		2010.12.07
* author:	erational <http://www.erational.org>
* version:	0.93
* licence:	GPL v3
*
**********************************************************/


/*****************
*	tags
*****************/
body { 
	color:#3a3a40;
	background: no-repeat bottom fixed url('http://www.esa-paris.fr/skel/img/background-esa.png');
	font-family:'Assistant',Helvetica,Arial,verdana,sans-serif;
	font-size: 13px;
	width: 95vw;
	margin-left: 2vw;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

@media screen and (max-width: 1400px) {
body {
	background: white;
  }
}

@media screen and (max-width: 1030px) {
body {
	width: 100%;
	margin: 0 auto;
  }
}

h1,h2,h3,h4,h5,h6,p,div,form { margin:0;padding:0;font-family:'Assistant',Helvetica,Arial,sans-serif;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {color:#000;}
h2 a, h3 a { color:#000;}
a {text-decoration:none;}
.col1 a {color:#f00;}
.col2 a {color:#000;}
.col3 a {color:#e2007a;}
.col4 a {color:#ff6300;}
.col5 a {color:#0899e2;}
.col6 a {color:#00d27f;}

a:hover { color:#000;}
a:focus {outline: none;}
img {border:0;}
sup {line-height: 0.5;}
hr {height:0;border:0;clear:both;}
button {outline: none;}
table {margin:0;border-collapse:collapse;}
table.spip {margin:-0.8em 0 0.6em 0;}
td {font-size:0.8em;}
form { margin:0; padding:0;}
fieldset {border:0;}
legend {background:#fff;padding:0 45px 0 5px;border-bottom:3px solid #666;}
label span {color:red;} 
fieldset {border:0;margin-top:10px;padding:8px;} 
textarea {font-family:'Assistant', Arial, Helvetica, verdana, sans-serif;font-size:1em;} /* FF fix*/
object {outline:none; /* to remove gray border when hit flash with FF*/}
#map {height: 480px;}
.illus {overflow: hidden;}

/*****************
*	banner
*****************/
#banner {line-height:160%;}
#banner h1{display:none;}
#banner img {margin:-7px 0 0 -4px;}
#banner label {display:none;}
#banner a {color:#3e3e40;}
#banner h2 a {color:#000;} 


#banner .logo {float:left;width:174px;}
#banner .col {float:left;width:148px;margin:0 0 0 16px;}
#banner .col6 {margin:0; width: 100%; float: none}
#banner h2 {font-family:'Assistant',Helvetica,Arial,serif;/*font-weight:bold;*/font-size:16px;text-transform:uppercase;border-bottom:1px solid #000;margin-bottom:6px;padding-bottom: 4px;}
#banner h3 {font-size:14px; /* fix old browser IE7, Konqueror */}
#banner ul {margin:0;padding:0;list-style:none;}
#banner li {font-size:9px;}

#banner .tools {width: 286px; float: right;}
#banner .tools div {}
#banner .tools a.intra, #banner .tools h2, #banner .col6 a {
	background: transparent;
	padding: 6px 0;
	font-family: 'Assistant', Helvetica,Arial,serif;
	display: inline-block;
	text-align: left;
	margin-top: 8.5px;
	width: 100%;
	text-transform: capitalize;
	font-size: 14px;
}

#banner #tools_list:hover,
#banner #tools_list:focus-within,
#banner #tools_list:hover input,
#banner #tools_list:hover a,
#banner #tools_list:hover .fas,
#banner #tools_list:focus-within .fas,
#banner .tools a.intra:hover,
#tools_list.on,
#tools_list.on i {
	color: #00d27f !important;
	border-color: #00d27f !important;
}

#banner .tools a.intra.on {
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
}

#banner .tools_content {
	width: 92%;
	display: inline-block;
}

#banner #tools_list {
	border-bottom: 1px solid #3e3e40;
}

#banner .fas {
	width: 7%;
	color: #3e3e40;
}

#banner input {
	background: transparent;
	padding: 0 0 7px 0;
	font-family: 'Assistant', Helvetica,Arial,serif;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	text-align: left;
	width: 100%;
	color: #3e3e40;
}

#banner textarea:focus,
#banner input:focus {
	color: #00d27f;
}

#banner input:hover {
	color: #00d27f;
	border-color: #00d27f;
}

a.lang {padding-left:25px;line-height:20px;
		background-image:url(../img/icon_lang.png);		   
		background-repeat:no-repeat;	  
}
a.lang_en {background-position:left 0px;}
a.lang_en:hover {background-position:left -30px;}
a.lang_fr {background-position:left -60px;}
a.lang_fr:hover {background-position:left -90px;}

#banner a span {width:20px; height:13px;background-image:url(../img/icon_lang.png);display:block;float:left;margin-right:4px;}
#banner a span.next {background-position:0 0;}
#banner a:hover span.next {background-position:-20px 0;}
.main-menu {
	margin-top: 20px;
	display: inline-block;
	width: 796px;
}

/*****************
*	couleurs
*****************/
/* rouge */
.col1 h2.on {color:#f00;border-bottom:1px solid #f00 !important;}  /* avant lorsque lien sur titre ajout de	  #banner .col1 h2:hover */
.col1 a.on,
.col1 a:hover,
.col1 a span,
.col1 h3,
.col1 #content a {color:#f00 !important;}
.col1 #rubrique-content a {color:#f00 !important;}
.col1 #menu ul {border-color:#f00;}

.col1 .pagination {
	background-image: url(../img/stripes-rouge.png);
	border-bottom: 1px solid #f00;
}

.col1 #sous-menu.on {
	background-image: url(../img/stripes-rouge.png);
	background-repeat: repeat;
}

.col1 #sous-menu-fleche.on {
	width: 0px;
	height: 0px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f00;
	float: right;
}

.col1 h5 {
	background-color: transparent;
	color: #f00 !important;
	font-size: 13px;
	text-align: left;
	font-weight: 600;
	margin: 2em 0 0 0;
	padding: 0.4em 0 0.3em;
	border-bottom: 1px solid;
}

.col1 h6 {
	background-color: transparent;
	color: #f00 !important;
	font-size: 13px;
	text-align: left;
	font-weight: 600;
	margin: 1em 0 0.3em 0;
	line-height: 150%;
}

/* noir */
.col2 h2.on{color:#000;border-bottom:1px solid #000!important;}
.col2 a.on,
.col2 a:hover,
.col2 a span,
.col2 h3,
.col2 #content a {color:#000 !important;}
.col2 #rubrique-content a {color:#000 !important;}
.col2 #menu ul {border-color:#000;}
.col2 #menu a {font-weight: 400;}
.col2 #menu a:hover {font-weight: 700;}

.col2 .pagination {
	background-image: url(../img/stripes-noir.png);
	border-bottom: 1px solid #000;
}


.col2 #sous-menu.on {
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
}

.col2 #sous-menu-fleche.on {
	width: 0px;
	height: 0px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #000;
	float: right;
}

.col2 h4 {
	line-height: 2.8;
}

.col2 h5 {
	background-color: transparent;
	color: #000 !important;
	font-size: 13px;
	text-align: left;
	font-weight: 600;
	margin: 2em 0 0 0;
	padding: 0.4em 0 0.3em;
	border-bottom: 1px solid;
}

.col2 h6 {
	background-color: transparent;
	color: #000 !important;
	font-size: 13px;
	text-align: left;
	font-weight: 600;
	margin: 1em 0 0.3em 0;
	line-height: 150%;
}

/* cassis */
.col3 h2.on {color:#e2007a;border-bottom:1px solid #e2007a !important;}
.col3 a.on,
.col3 a:hover,
.col3 a span,
.col3 h3,
.col3 #content a {color:#e2007a !important;}
.col3 #rubrique-content a {color:#e2007a !important;}
.col3 #menu ul {border-color:#e2007a;}

.col3 .pagination {
	background-image: url(../img/stripes-cassis.png);
}

.col3 hr {
	height: 6px;
	border-bottom: 1px solid #e2007a;
	margin-bottom: 12px;
}

.col3 #sous-menu.on {
	background-image: url(../img/stripes-cassis.png);
	background-repeat: repeat;
}

.col3 #sous-menu-fleche.on {
	width: 0px;
	height: 0px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #e2007a;
	float: right;
}

.col3 h5 {
	background-color: transparent;
	color: #e2007a !important;
	font-size: 13px;
	text-align: left;
	font-weight: 600;
	margin: 2em 0 0 0;
	padding: 0.4em 0 0.3em;
	border-bottom: 1px solid;
}

.col3 h6 {
	background-color: transparent;
	color: #e2007a !important;
	font-size: 13px;
	text-align: left;
	font-weight: 600;
	margin: 1em 0 0.3em 0;
	line-height: 150%;
}

/* orange */
.col4 h2.on {color:#ff6300;border-bottom:1px solid #ff6300 !important;}
.col4 a.on,
.col4 a:hover,
.col4 a span,
.col4 h3,
.col4 #content a {color:#ff6300 !important;}
.col4 #rubrique-content a {color:#ff6300 !important;}
.col4 #menu ul {border-color:#ff6300;}

.col4 .pagination {
	background-image: url(../img/stripes-orange.png);
	border-bottom: 1px solid #ff6300;
}

.col4 #sous-menu.on {
	background-image: url(../img/stripes-orange.png);
	background-repeat: repeat;
}

.col4 #sous-menu-fleche.on {
	width: 0px;
	height: 0px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #ff6300;
	float: right;
}

.col4 h5 {
	background-color: transparent;
	color: #ff6300 !important;
	font-size: 13px;
	text-align: left;
	font-weight: 600;
	margin: 2em 0 0 0;
	padding: 0.4em 0 0.3em;
	border-bottom: 1px solid;
}

.col4 h6 {
	background-color: transparent;
	color: #ff6300 !important;
	font-size: 13px;
	text-align: left;
	font-weight: 600;
	margin: 1em 0 0.3em 0;
	line-height: 150%;
}

/* bleu */
.col5 h2.on {color:#0899e2;border-bottom:1px solid #0899e2 !important;}
.col5 a.on,
.col5 a:hover,
.col5 a span,
.col5 h3,
.col5 #content a {color:#0899e2 !important;}
.col5 #rubrique-content a {color:#0899e2 !important;}
.col5 #menu ul {
	border-color: #0899e2;
}
.col5 .pagination {
	background-image: url(../img/stripes-bleu.png);
	border-bottom: 1px solid #0899e2;
}

.col5 #sous-menu.on {
	background-image: url(../img/stripes-bleu.png);
	background-repeat: repeat;
}

.col5 #sous-menu-fleche.on {
	width: 0px;
	height: 0px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #0899e2;
	float: right;
}

.col5 h5 {
	background-color: transparent;
	color: #0899e2 !important;
	font-size: 13px;
	text-align: left;
	font-weight: 600;
	margin: 2em 0 0 0;
	padding: 0.4em 0 0.3em;
	border-bottom: 1px solid;
}

.col5 h6 {
	background-color: transparent;
	color: #0899e2 !important;
	font-size: 13px;
	text-align: left;
	font-weight: 600;
	margin: 1em 0 0.3em 0;
	line-height: 150%;
}

/* vert #00d27f */
.tools h2:hover, #banner .tools .col6 h2.on {color:#00d27f;border-bottom:1px solid #00d27f;}
.col6 a.on,
.col6 a:hover,
.col6 a span,
.col6 h3,
.col6 #content a {color:#00d27f !important; border-color:#00d27f !important;}
.col6 #rubrique-content a {color:#00d27f !important;}
.col6 #menu ul {border-color: #00d27f;}

.col6 .pagination {
	background-image: url(../img/stripes-vert.png);
	border-bottom: 1px solid #00d27f;
}

.col6 h4 {
	line-height: 2.8;
}

.col6 #sous-menu.on {
	background-image: url(../img/stripes-vert.png);
	background-repeat: repeat;
}

.col6 #sous-menu-fleche.on {
	width: 0px;
	height: 0px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #00d27f;
	float: right;
}

.col6 h5 {
	background-color: transparent;
	color: #00d27f !important;
	font-size: 13px;
	text-align: left;
	font-weight: 600;
	margin: 2em 0 0 0;
	padding: 0.4em 0 0.3em;
	border-bottom: 1px solid;
}

.col6 h6 {
	background-color: transparent;
	color: #00d27f !important;
	font-size: 13px;
	text-align: left;
	font-weight: 600;
	margin: 1em 0 0.3em 0;
	line-height: 150%;
}

.col1 #content a:hover,
.col2 #content a:hover,
.col2 #content a:hover,
.col3 #content a:hover,
.col4 #content a:hover,
.col5 #content a:hover,
.col6 #content a:hover {text-decoration:underline;}

.col1 #rubrique-content a:hover,
.col2 #rubrique-content a:hover,
.col2 #rubrique-content a:hover,
.col3 #rubrique-content a:hover,
.col4 #rubrique-content a:hover,
.col5 #rubrique-content a:hover,
.col6 #rubrique-content a:hover {text-decoration:underline;}

/* couleur home */
#banner	 .col_home h2, 
.col_home h2 a {color:#000;}
.col_home a {color:#3a3a40;}
.col_home a span {font-weight:bold;}

#headA .col1:hover a, #headD .col1:hover a, #headE .col1:hover a, #headF .col1:hover a, #headJ .col1:hover a {color:#f00;}
#headA .col2:hover a, #headD .col2:hover a, #headE .col2:hover a, #headF .col2:hover a, #headJ .col2:hover a {color:#000;}
#headA .col3:hover a, #headD .col3:hover a, #headE .col3:hover a, #headF .col3:hover a, #headJ .col3:hover a {color:#e2007a;}
#headA .col4:hover a, #headD .col4:hover a, #headE .col4:hover a, #headF .col4:hover a, #headJ .col4:hover a {color:#ff6300;}
#headA .col5:hover a, #headD .col5:hover a, #headE .col5:hover a, #headF .col5:hover a, #headJ .col5:hover a {color:#0899e2;}
#headA .col6:hover a, #headD .col6:hover a, #headE .col6:hover a, #headF .col6:hover a, #headJ .col6:hover a {color:#00d27f;}

#headA .col1:hover h2, #headC:hover .col1 h2, #headD .col1:hover h2, #headE .col1:hover h2, #headF .col1:hover h2, #headH .col1:hover h2, #headJ .col1:hover h2, #headL .col1:hover h2, #headM .col1:hover h2 {color: #f00; border-color: #f00 !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#headA .col2:hover h2, #headC:hover .col2 h2, #headD .col2:hover h2, #headE .col2:hover h2, #headF .col2:hover h2, #headH .col2:hover h2, #headJ .col2:hover h2, #headL .col2:hover h2, #headM .col2:hover h2 {color: #000; border-color: #000 !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#headA .col3:hover h2, #headC:hover .col3 h2, #headD .col3:hover h2, #headE .col3:hover h2, #headF .col3:hover h2, #headH .col3:hover h2, #headJ .col3:hover h2, #headL .col3:hover h2, #headM .col3:hover h2 {color: #e2007a; border-color: #e2007a !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#headA .col4:hover h2, #headC:hover .col4 h2, #headD .col4:hover h2, #headE .col4:hover h2, #headF .col4:hover h2, #headH .col4:hover h2, #headJ .col4:hover h2, #headL .col4:hover h2, #headM .col4:hover h2 {color: #ff6300; border-color: #ff6300 !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#headA .col5:hover h2, #headC:hover .col5 h2, #headD .col5:hover h2, #headE .col5:hover h2, #headF .col5:hover h2, #headH .col5:hover h2, #headJ .col5:hover h2, #headL .col5:hover h2, #headM .col5:hover h2 {color: #0899e2; border-color: #0899e2 !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#headA .col6:hover h2, #headC:hover .col6 h2, #headD .col6:hover h2, #headE .col6:hover h2, #headF .col6:hover h2, #headH .col6:hover h2, #headJ .col6:hover h2, #headL .col6:hover h2, #headM .col6:hover h2 {color: #00d27f; border-color: #00d27f !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}

#headA .col1:hover h3, #headC:hover .col1 h3, #headD .col1:hover h3, #headE .col1:hover h3, #headF .col1:hover h3, #headH .col1:hover h3, #headJ .col1:hover h3, #headL .col1:hover h3, #headM .col1:hover h3 {color: #f00 !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#headA .col2:hover h3, #headC:hover .col2 h3, #headD .col2:hover h3, #headE .col2:hover h3, #headF .col2:hover h3, #headH .col2:hover h3, #headJ .col2:hover h3, #headL .col2:hover h3, #headM .col2:hover h3 {color: #000 !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#headA .col3:hover h3, #headC:hover .col3 h3, #headD .col3:hover h3, #headE .col3:hover h3, #headF .col3:hover h3, #headH .col3:hover h3, #headJ .col3:hover h3, #headL .col3:hover h3, #headM .col3:hover h3 {color: #e2007a !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#headA .col4:hover h3, #headC:hover .col4 h3, #headD .col4:hover h3, #headE .col4:hover h3, #headF .col4:hover h3, #headH .col4:hover h3, #headJ .col4:hover h3, #headL .col4:hover h3, #headM .col4:hover h3 {color: #ff6300 !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#headA .col5:hover h3, #headC:hover .col5 h3, #headD .col5:hover h3, #headE .col5:hover h3, #headF .col5:hover h3, #headH .col5:hover h3, #headJ .col5:hover h3, #headL .col5:hover h3, #headM .col5:hover h3 {color: #0899e2 !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#headA .col6:hover h3, #headC:hover .col6 h3, #headD .col6:hover h3, #headE .col6:hover h3, #headF .col6:hover h3, #headH .col6:hover h3, #headJ .col6:hover h3, #headL .col6:hover h3, #headM .col6:hover h3 {color: #00d27f !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}

#headC:hover .col1 h3 a, #headD .col1:hover h3 a, #headE .col1:hover h3 a, #headF .col1:hover h3 a, #headH:hover .col1 h3 a, #headL:hover .col1 h3 a, #headM:hover .col1 h3 a {color: #f00 !important;}
#headC:hover .col2 h3 a, #headD .col2:hover h3 a, #headE .col2:hover h3 a, #headF .col2:hover h3 a, #headH:hover .col2 h3 a, #headL:hover .col2 h3 a, #headM:hover .col2 h3 a {color: #000 !important;}
#headC:hover .col3 h3 a, #headD .col3:hover h3 a, #headE .col3:hover h3 a, #headF .col3:hover h3 a, #headH:hover .col3 h3 a, #headL:hover .col3 h3 a, #headM:hover .col3 h3 a {color: #e2007a !important;}
#headC:hover .col4 h3 a, #headD .col4:hover h3 a, #headE .col4:hover h3 a, #headF .col4:hover h3 a, #headH:hover .col4 h3 a, #headL:hover .col4 h3 a, #headM:hover .col4 h3 a {color: #ff6300 !important;}
#headC:hover .col5 h3 a, #headD .col5:hover h3 a, #headE .col5:hover h3 a, #headF .col5:hover h3 a, #headH:hover .col5 h3 a, #headL:hover .col5 h3 a, #headM:hover .col5 h3 a {color: #0899e2 !important;}
#headC:hover .col6 h3 a, #headD .col6:hover h3 a, #headE .col6:hover h3 a, #headF .col6:hover h3 a, #headH:hover .col6 h3 a, #headL:hover .col6 h3 a, #headM:hover .col6 h3 a {color: #00d27f !important;}

#headA .col1:hover .sommaire-title-container, #headC .col1:hover .sommaire-title-container, #headD .col1:hover .sommaire-title-container, #headE .col1:hover .sommaire-title-container, #headF .col1:hover .sommaire-title-container, #headH .col1:hover .sommaire-title-container, #headJ .col1:hover .sommaire-title-container, #headL .col1:hover .sommaire-title-container, #headM .col1:hover .sommaire-title-container {border-color: #f00;}
#headA .col2:hover .sommaire-title-container, #headC .col2:hover .sommaire-title-container, #headD .col2:hover .sommaire-title-container, #headE .col2:hover .sommaire-title-container, #headF .col2:hover .sommaire-title-container, #headH .col2:hover .sommaire-title-container, #headJ .col2:hover .sommaire-title-container, #headL .col2:hover .sommaire-title-container, #headM .col2:hover .sommaire-title-container {border-color: #000;}
#headA .col3:hover .sommaire-title-container, #headC .col3:hover .sommaire-title-container, #headD .col3:hover .sommaire-title-container, #headE .col3:hover .sommaire-title-container, #headF .col3:hover .sommaire-title-container, #headH .col3:hover .sommaire-title-container, #headJ .col3:hover .sommaire-title-container, #headL .col3:hover .sommaire-title-container, #headM .col3:hover .sommaire-title-container {border-color: #e2007a;}
#headA .col4:hover .sommaire-title-container, #headC .col4:hover .sommaire-title-container, #headD .col4:hover .sommaire-title-container, #headE .col4:hover .sommaire-title-container, #headF .col4:hover .sommaire-title-container, #headH .col4:hover .sommaire-title-container, #headJ .col4:hover .sommaire-title-container, #headL .col4:hover .sommaire-title-container, #headM .col4:hover .sommaire-title-container {border-color: #ff6300;}
#headA .col5:hover .sommaire-title-container, #headC .col5:hover .sommaire-title-container, #headD .col5:hover .sommaire-title-container, #headE .col5:hover .sommaire-title-container, #headF .col5:hover .sommaire-title-container, #headH .col5:hover .sommaire-title-container, #headJ .col5:hover .sommaire-title-container, #headL .col5:hover .sommaire-title-container, #headM .col5:hover .sommaire-title-container {border-color: #0899e2;}
#headA .col6:hover .sommaire-title-container, #headC .col6:hover .sommaire-title-container, #headD .col6:hover .sommaire-title-container, #headE .col6:hover .sommaire-title-container, #headF .col6:hover .sommaire-title-container, #headH .col6:hover .sommaire-title-container, #headJ .col6:hover .sommaire-title-container, #headL .col6:hover .sommaire-title-container, #headM .col6:hover .sommaire-title-container {border-color: #00d27f;}

#headC .col1:hover a, #headH .col1:hover a, #headL .col1:hover a, #headM .col1:hover a {color: #f00 !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#headC .col2:hover a, #headH .col2:hover a, #headL .col2:hover a, #headM .col2:hover a {color: #000 !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#headC .col3:hover a, #headH .col3:hover a, #headL .col3:hover a, #headM .col3:hover a {color: #e2007a !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#headC .col4:hover a, #headH .col4:hover a, #headL .col4:hover a, #headM .col4:hover a {color: #ff6300 !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#headC .col5:hover a, #headH .col5:hover a, #headL .col5:hover a, #headM .col5:hover a {color: #0899e2 !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
#headC .col6:hover a, #headH .col6:hover a, #headL .col6:hover a, #headM .col6:hover a {color: #00d27f !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}

#container-sommaire .col1 h1, #container-sommaire .col1 h2 {color: #f00;}
#container-sommaire .col2 h1, #container-sommaire .col2 h2 {color: #000;}
#container-sommaire .col3 h1, #container-sommaire .col3 h2 {color: #e2007a;}
#container-sommaire .col4 h1, #container-sommaire .col4 h2 {color: #ff6300;}
#container-sommaire .col5 h1, #container-sommaire .col5 h2 {color: #0899e2;}
#container-sommaire .col6 h1, #container-sommaire .col6 h2 {color: #00d27f;}

.col1 .sommaire-title-container h3,
.col2 .sommaire-title-container h3,
.col3 .sommaire-title-container h3,
.col4 .sommaire-title-container h3,
.col5 .sommaire-title-container h3,
.col6 .sommaire-title-container h3 {color: #3a3a40 !important;}

#container .col1 .sommaire-title-container:hover {background-color: rgba(255, 255, 255, 0.9); height: 100%; color:#f00 !important;}
#container .col2 .sommaire-title-container:hover {background-color: rgba(255, 255, 255, 0.9); height: 100%; color:#000 !important;}
#container .col3 .sommaire-title-container:hover {background-color: rgba(255, 255, 255, 0.9); height: 100%; color:#e2007a !important;}
#container .col4 .sommaire-title-container:hover {background-color: rgba(255, 255, 255, 0.9); height: 100%; color:#ff6300 !important;}
#container .col5 .sommaire-title-container:hover {background-color: rgba(255, 255, 255, 0.9); height: 100%; color:#0899e2 !important;}
#container .col6 .sommaire-title-container:hover {background-color: rgba(255, 255, 255, 0.9); height: 100%; color:#00d27f !important;}

.col1 .sommaire-title-container:hover h3 {color: #f00 !important;}
.col2 .sommaire-title-container:hover h3 {color: #000 !important;}
.col3 .sommaire-title-container:hover h3 {color: #e2007a !important;}
.col4 .sommaire-title-container:hover h3 {color: #ff6300 !important;}
.col5 .sommaire-title-container:hover h3 {color: #0899e2 !important;}
.col6 .sommaire-title-container:hover h3 {color: #00d27f !important;}

.col1:hover .sommaire-title-container-text a span {color:#f00 !important;}
.col2:hover .sommaire-title-container-text a span {color:#000 !important;}
.col3:hover .sommaire-title-container-text a span {color:#e2007a !important;}
.col4:hover .sommaire-title-container-text a span {color:#ff6300 !important;}
.col5:hover .sommaire-title-container-text a span {color:#0899e2 !important;}
.col6:hover .sommaire-title-container-text a span {color:#00d27f !important;}

#container .col1 #content a:hover {color:#f00 !important;}
#container .col2 #content a:hover {color:#000 !important;}
#container .col4 #content a:hover {color:#ff6300 !important;}
#container .col5 #content a:hover {color:#0899e2 !important;}
#container .col6 #content a:hover {color:#00d27f !important;}

#container .col1 #rubrique-content a:hover,#container .col1 #rubrique-content .plan-rub a.on {color:#f00 !important;}
#container .col2 #rubrique-content a:hover,#container .col2 #rubrique-content .plan-rub a.on {color:#000 !important;}
#container .col3 #rubrique-content a:hover,#container .col3 #rubrique-content .plan-rub a.on {color:#e2007a !important;}
#container .col4 #rubrique-content a:hover,#container .col4 #rubrique-content .plan-rub a.on {color:#ff6300 !important;}
#container .col5 #rubrique-content a:hover,#container .col5 #rubrique-content .plan-rub a.on {color:#0899e2 !important;}
#container .col6 #rubrique-content a:hover,#container .col6 #rubrique-content .plan-rub a.on {color:#00d27f !important;}

#container .col1 .preview-title-container:hover {background-color: rgba(255, 255, 255, 0.6); height: 100%; color:#f00 !important;}
#container .col2 .preview-title-container:hover {background-color: rgba(255, 255, 255, 0.6); height: 100%; color:#000 !important;}
#container .col3 .preview-title-container:hover {background-color: rgba(255, 255, 255, 0.6); height: 100%; color:#e2007a !important;}
#container .col4 .preview-title-container:hover {background-color: rgba(255, 255, 255, 0.6); height: 100%; color:#ff6300 !important;}
#container .col5 .preview-title-container:hover {background-color: rgba(255, 255, 255, 0.6); height: 100%; color:#0899e2 !important;}
#container .col6 .preview-title-container:hover {background-color: rgba(255, 255, 255, 0.6); height: 100%; color:#00d27f !important;}

#container #rubrique-content .col1 .preview-title-container:hover h3 a{color:#f00 !important;}
#container #rubrique-content .col2 .preview-title-container:hover h3 a{color:#000 !important;}
#container #rubrique-content .col3 .preview-title-container:hover h3 a{color:#e2007a !important;}
#container #rubrique-content .col4 .preview-title-container:hover h3 a{color:#ff6300 !important;}
#container #rubrique-content .col5 .preview-title-container:hover h3 a{color:#0899e2 !important;}
#container #rubrique-content .col6 .preview-title-container:hover h3 a{color:#00d27f !important;}

/*****************
* footer
*****************/
#footer .core {border-top:3px solid #000 !important;padding:10px 0 35px 0;}
#footer a {color:#3e3e40;/*font-weight:bold;*/text-decoration:underline;}
#footer a:hover {color:#00d27f;}

#footer .logo {border-left: 1px solid;padding: 5px 0 0 10px;height: 45px;width: 160px;float: left;}
#footer .adresse {float: left;width: 275px;border-left: 1px solid;padding-left: 10px;height: 50px;}

#footer .rss {width: 145px;border-left: 1px solid;padding-left: 10px;float: left;height: 50px;}

#footer .fb {font-size:20px;}
#footer .fb a {text-decoration:none;}
#footer .credit {clear:both;padding:3px 0 0 0;}


/*****************
* container (commun)
*****************/
#container {margin:1.5em 0 3.5em 0; line-height:150%;}
#container h2 {
	font-size:26px;
	text-align:left;
	font-family:'Assistant',Helvetica,Arial,serif;
	border-bottom:3px solid #000;
	text-transform:uppercase;
	line-height:30px;
	padding-bottom:0;
	margin-bottom:6px;
	letter-spacing: 0.1px;
	hyphens: none;
}
#container h2 i {
	font-style: normal;
}

/****************
* layout home 
****************/

.sommaire-title-container {
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 50;
	height: 45%;
	border: 1px solid;
	background-color: rgba(255, 255, 255, 0.85);
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
	cursor: pointer;
	padding: 0;
	text-align: left;
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-direction: column;
}

#headA .sommaire-title-container,
#headJ .sommaire-title-container {
	height: 35%;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	cursor: default;
}

#headC .sommaire-title-container,
#headH .sommaire-title-container,
#headL .sommaire-title-container,
#headM .sommaire-title-container {
	height: 100%;
}

.sommaire-title-container-text {
	text-align: left;
	padding: 15px;
	visibility: hidden;
	opacity: 0;
	font-size: 14px;
	line-height: 130%;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	transition: all 600ms ease;
}

.sommaire-title-container-text a {color: #000; text-decoration: underline;}

.sommaire-title-container-text a span {color: #000 !important;}

#headA .sommaire-title-container-text,
#headJ .sommaire-title-container-text {
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-o-transition: all 800s ease;
	-ms-transition: all 800ms ease;
}

#headC .sommaire-title-container:hover h2,
#headH .sommaire-title-container:hover h2,
#headL .sommaire-title-container:hover h2,
#headM .sommaire-title-container:hover h2 {
	visibility: hidden;
	line-height: 0;
	opacity: 0;
	border-bottom: 0 transparent;
	margin: 0 15px;
}

#headC .sommaire-title-container:hover h3,
#headH .sommaire-title-container:hover h3,
#headL .sommaire-title-container:hover h3,
#headM .sommaire-title-container:hover h3 {
	visibility: hidden;
	line-height: 0;
	opacity: 0;
}

#headC .sommaire-title-container:hover .sommaire-title-container-text,
#headH .sommaire-title-container:hover .sommaire-title-container-text,
#headL .sommaire-title-container:hover .sommaire-title-container-text,
#headM .sommaire-title-container:hover .sommaire-title-container-text {
	visibility: visible;
	opacity: 1;
}

#headC .sommaire-title-container-text,
#headH .sommaire-title-container-text,
#headL .sommaire-title-container-text,
#headM .sommaire-title-container-text {
	visibility: hidden;
	opacity: 0;
	font-size: 13px;
}

.sommaire-title-container:hover .sommaire-title-container-text {
	text-align: left;
	display: block;
	padding: 15px;
	visibility: visible;
	opacity: 1;
}

#headA, #headC, #headD, #headE, #headF, #headH, #headJ, #headL, #headM {
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}

#headA {
	float: left;
	width: 643px;
	height: 643px;
}

#headB {
	width: 151px;
	height: 151px;
	float: right;
	margin-left: 13px;
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
}

#headC {
	width: 151px;
	height: 151px;
	float: right;
	margin-left: 12px;
}

#headD {
	width: 314px;
	height: 314px;
	float: right;
	margin-left: 13px;
	margin-top: 13px;
}

#headE,
#headgroup {
	width: 314px;
	height: 314px;
	float: left;
	margin-right: 13px;
	margin-top: 14px;
}

#headF {
	width: 314px;
	height: 314px;
	float: left;
	margin-top: 13px;
}

#headG {
	width: 314px;
	height: 314px;
	float: left;
	margin-right: 13px;
	margin-top: 13px;
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
}

#headH {
	width: 151px;
	height: 151px;
	margin-top: 14px;
	margin-left: 13px;
	float: left;
}

#headI {
	width: 151px;
	height: 151px;
	float: right;
	margin-left: 12px;
	margin-top: 14px;
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
}

#headJ {
	float: right;
	width: 643px;
	height: 643px;
	margin-top: 13px;
}

#headK {
	width: 151px;
	height: 151px;
	float: left;
	margin-right: 12px;
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
}

#headL {
	width: 151px;
	height: 151px;
	float: right;
}

#headM {
	width: 151px;
	height: 151px;
	margin-top: 14px;
	margin-right: 12px;
	float: left;
}

#headN {
	width: 151px;
	height: 151px;
	float: right;
	margin-top: 14px;
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
}

#headO {
	width: 314px;
	height: 314px;
	float: right;
	margin-left: 13px;
	margin-top: 13px;
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
}

#headA h2,
#headC h2,
#headD h2,
#headE h2,
#headF h2,
#headH h2,
#headJ h2,
#headL h2,
#headM h2 {
	font-weight: 700;
	text-decoration: none;
	margin: 10px 15px 6px 15px;
	text-align: left;
	width: calc(100% - 30px);
	text-transform: lowercase;
	color: #3a3a40;
	border-color: #3a3a40;
}

#container-sommaire h1 {
	font-weight: 700;
	text-decoration: none;
	margin: 0;
	text-align: left;
	text-transform: lowercase;
	color: #3a3a40;
	border-color: #3a3a40;
}

#container-sommaire hr {
	border-bottom: 1px solid;
}

#container-sommaire h1,
#headA h2,
#headD h2,
#headE h2,
#headF h2,
#headJ h2 {
	letter-spacing: 0.2px;
}

#headD h2,
#headE h2,
#headF h2 {
	margin: 10px 15px 6px 15px;
}

#headA h2,
#headJ h2 {
	margin: 10px 15px 10px 15px;
	padding-bottom: 10px;
	width : 613px;
}

#headA h2 a,
#headC h2 a,
#headD h2 a,
#headE h2 a,
#headF h2 a,
#headH h2 a,
#headJ h2 a,
#headL h2 a,
#headM h2 a {
	color: #3a3a40;
}

#container-sommaire h1::first-letter,
#headA h2::first-letter,
#headC h2::first-letter,
#headD h2::first-letter,
#headE h2::first-letter,
#headF h2::first-letter,
#headH h2::first-letter,
#headJ h2::first-letter,
#headL h2::first-letter,
#headM h2::first-letter {
	text-transform: uppercase !important;
}

#headC h2,
#headH h2,
#headL h2,
#headM h2 {
	border-bottom:1px solid;
	line-height:30px;
	font-size:16px;
	margin: 10px 15px;
	visibility: visible;
	opacity: 1;
}

#container-sommaire h1,
#headD h2,
#headE h2,
#headF h2 {
	border-bottom:2px solid;
	line-height:25px;
	font-size: 18px;
	padding-bottom: 5px;
}

#headA h3,
#headC h3,
#headD h3,
#headE h3,
#headF h3,
#headH h3,
#headJ h3,
#headL h3,
#headM h3 {
	font-weight: 300;
	margin: 0 15px;
	display: inline-flex;
	visibility: visible;
	opacity: 1;
}

#headA h3,
#headJ h3 {
	font-size: 22px;
	color: #3a3a40 !important;
}

#headD h3,
#headE h3,
#headF h3 {
	font-size: 16px;
}

#headC h3 a,
#headD h3 a,
#headE h3 a,
#headF h3 a,
#headH h3 a,
#headL h3 a,
#headM h3 a {
	font-size: 20px;
	color: #3a3a40 !important;
}

#container-sommaire h2 {
	font-size: 20px;
	font-weight: 300;
	margin: 5px 0 10px 0;
}

.sommaire-title-container .date {
	text-transform: uppercase;
	padding: 0 15px;
	display: none;
	font-size: 16px;
}

.sommaire-title-container .event {
	text-transform:uppercase;
	padding: 0 15px 10px 15px;
	display:none;
}

.sommaire-title-container:hover .event, 
.sommaire-title-container:hover .date {display:block;}
.col3 .date {color:#e2007a; text-transform:uppercase;}


/*****************
*  menu (gauche)
*****************/
#menu {}
#menu h2 {
	font-size: 19px;
	padding: 6px 0 4px 0;
	line-height: 20px;
}
#menu h3 {
	margin-top:0.5em;
	font-size:14px;
	font-weight:bold;
	display: inline-block;
	padding: 0.8em 0 0;
	max-width: 110px;
}
#menu h4 {font-size:14px;font-weight:normal;margin:0;line-height: 160%;}

#menu ul {
	margin:0;
	list-style:none;
	border-bottom:1px solid;
	padding:0.5em 0 0.8em;
}

#menu ul.last {border:none;}

#menu li {}
#menu a {color:#3a3a40;}



/*****************
*	content
*****************/

.pagination {
	font-size: 16px;
	background-repeat: repeat;
	padding: 10px;
}
.sep {
	padding: 0 2px;
}

.lien_pagination {
	text-decoration: none !important;
}

#rubrique-content, #content {}
#rubrique-content h3, #content h3 {font-size:13px;text-align:left;font-weight:bold;margin:1em 0 0 0;}
#rubrique-content p, #content p {margin:0 0 1em 0;}
#rubrique-content img, #content img {}
#rubrique-content a.spip_out, #content a.spip_out {padding-right:7px;margin-right:4px;background:transparent url(../img/spip_out.gif) no-repeat right;}

#container #content a {text-decoration:underline;color:#3a3a40 !important;}
#container #content a:hover {color:#e2007a !important;}

#container #content h2 a {
	letter-spacing: -0.01em;
	text-decoration:none;
	color:#000 !important;
	pointer-events: none;
	cursor: text;
}
#container #content h2 a:hover {
	color:#000 !important;
	pointer-events: none;
	cursor: text;
	text-decoration: none;
}

#container #rubrique-content a {text-decoration:underline;color:#3a3a40 !important;}

/* mode plan */
.meta-tech {margin-top:0.4em;}
.plan-rub {
	padding: 0.7em 0 1.1em 0;
	border-bottom:3px solid #000;
	font-size: 14px;
}
#content .plan-rub a, #container .plan-rub a {text-decoration:none !important; padding: 1.1em 0.7em;}
#rubrique-content .plan-rub a {text-decoration:none !important;}
.plan-rub .col {float:left;}
.plan-rub .colC {margin-right:0;width:100px;}
.plan-rub .col ul {list-style:none;margin:0;padding:0;display: inline-flex; white-space: nowrap;}

 /* couleurs */
#container .col1 #content .plan-rub a.on {
	background-image: url(../img/stripes-rouge.png);
	background-repeat: repeat;
	color:#f00 !important;
	}
#container .col2 #content .plan-rub a.on {
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
	color:#000 !important;
}
#container .col3 #content .plan-rub a.on {
	background-image: url(../img/stripes-cassis.png);
	background-repeat: repeat;
	color:#e2007a !important;
}
#container .col4 #content .plan-rub a.on {
	background-image: url(../img/stripes-orange.png);
	background-repeat: repeat;
	color:#ff6300 !important;
}
#container .col5 #content .plan-rub a.on {
	background-image: url(../img/stripes-bleu.png);
	background-repeat: repeat;
	color:#0899e2 !important;
}
#container .col6 #content .plan-rub a.on {
	background-image: url(../img/stripes-vert.png);
	background-repeat: repeat;
	color:#00d27f !important;
}

.preview-title-container {
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 50;
	height: 45%;
	border: 1px solid;
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
	padding: 0;
}

.preview-title-fleche {
	width: 0px;
	height: 0px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	top: 10px;
	position: absolute;
	left: 0;
}

#container #rubrique-content .preview-title-container h3 a{
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
	line-height: 1.3;
	margin: 0.6em 0.8em 0.6em;
	left: 0;
	position: absolute;
	top: 0;
	text-align: left;
	border-bottom: 2px solid;
	padding-bottom: 5px;
	width: calc(100% - 1.6em);
	color: #3a3a40;
}

.preview-title-container h3 {
	text-align: left;
	display: block;
	padding: 15px;
}

/* portolio */ 
.portfolio-container {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	width: 100%;
}

.portfolio-item {
	margin: 0 5px 0 0;
	overflow: hidden;
	border-bottom: 0px solid white;
}

.portfolio-item:nth-child(4),
.portfolio-item:nth-child(8),
.portfolio-item:nth-child(12),
.portfolio-item:nth-child(16),
.portfolio-item:nth-child(20),
.portfolio-item:nth-child(24),
.portfolio-item:nth-child(28),
.portfolio-item:nth-child(32){
	margin: 0;
}

#container #content .portfolio-item a:hover {
	color: white !important;
}

.portfolio-item:hover img {
	transform: scale(1.1);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-bottom: 5px solid white;
	box-sizing: border-box;
} 

/* agenda et syndication */
.preview iframe {margin-bottom: 1.2em;}
.preview {border-bottom:1px solid #f00; padding-bottom:1em; margin-top:1em;}
.preview-title {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: left;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	width: 796px;
	transform: translateX(-15px);
}

.preview-title-tile {
	width: 250px;
	height: 250px;
	position: relative;
	margin: 15px 0 0 15px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.preview-title-tile img {
	width: 250px;
	height: 250px;
}

.preview-title-tile-text{
	width: 250px;
	height: 250px;
	position: relative;
	margin: 15px 0 0 15px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid;
	text-align: left;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
.col1 .preview {
	border-bottom:1px solid #f00; 
}
.col2 .preview {
	border-bottom:1px solid #000; 
}
.col3 .preview {
	border-bottom: 1px solid #e2007a;
	margin: 1.5em 0;
	padding: 0;
}
.col4 .preview {
	border-bottom:1px solid #ff6300; 
}
.col5 .preview {
	border-bottom:1px solid #0899e2; 
}
.col6 .preview {
	border-bottom:1px solid #00d27f; 
}
.permalink {margin-top:1em;color:#ddd;}

.meta { margin-bottom:1em;}
#content .meta a {text-decoration:none !important;border-bottom:1px solid #3a3a40;}
#rubrique-content .meta a {text-decoration:none !important;border-bottom:1px solid #3a3a40;}

#container #content .permalink a {color:#aaa !important;text-decoration:none;}
#content .preview h2 {border:none;margin:0;padding:0;font-size:20px;line-height:24px;}
#content .preview h2 a {text-decoration:none !important;}

#container #rubrique-content .permalink a {color:#aaa !important;text-decoration:none;}
#rubrique-content .preview h2 {border:none;margin:0;padding:0;font-size:20px;line-height:24px;}
#rubrique-content .preview h2 a {text-decoration:none !important;}

/* archives */
#content .row h3 {font-size:15px;margin:6px 0 0 0;}
#content .row a {text-decoration:none !important;}

#rubrique-content .row h3 {font-size:15px;margin:0;}
#rubrique-content .row a {text-decoration:none !important;}

#content .col3 h3 {color: #3a3a40 !important; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none;}

/*****************
*  aside
*****************/
#aside {}
#aside h2 {
	margin-bottom: 18px;
	font-size: 19px;
	padding: 6px 0 4px 0;
	line-height: 20px;
}

#aside a {text-decoration:underline;}
#aside a:hover {color:#3a3a40 !important;}
#aside ul {list-style:none;margin:0;padding:0;}
#aside li a {text-decoration:none;font-weight:normal;}
#aside form {margin-bottom: 1em; margin-top: 0.5em;}
#aside #recherche {box-sizing: border-box;}

#aside .bloc {margin-bottom:1.5em;}


#aside .voisin li {padding:0 0 .1em 0;}
#aside .voisin li a.on {font-weight:bold;}
#aside .voisin li a:hover {color:#000;}

#aside .syndication li {padding:0 0 .8em 0;}
#aside .syndication li a {padding:0 0 1em 0; color:#3a3a40;}
#aside .syndication a strong {display:block;}

/* couleurs */
#aside .col1 a {color:#f00;}
#aside .col2 a {color:#000;}
#aside .col3 a {color:#e2007a;}
#aside .col4 a {color:#ff6300 !important;}
#aside .col5 a {color:#0899e2;}
#aside .col6 a {color:#00d27f;}

#aside .col1 .syndication li a:hover {color:#f00 !important;}
#aside .col2 .syndication li a:hover {color:#000 !important;}
#aside .col3 .syndication li a:hover {color:#e2007a !important;}
#aside .col4 .syndication li a:hover {color:#ff6300 !important;}
#aside .col5 .syndication li a:hover {color:#0899e2 !important;}
#aside .col6 .syndication li a:hover {color:#00d27f !important;}

/* agenda */
#aside .col1 h3 a, #aside .col1 h3 {text-decoration:none;color:#000;font-weight:normal;font-size:13px;}
#aside .col1 h3 a.on {color:#f00;}

/*****************
* formulaires
*****************/
#content form p,
#content form li { clear:both; padding:0;/*border:1px solid red; */}
#content form p label,
#content form li label	{  float: left;	 width:150px; padding-right:10px;text-align: right;}
#content form textarea {float:left;width:300px;margin-bottom:10px;}
#content form input.checkbox {float:left;margin-right:5px;}
#content form .choix {padding:3px 0;}
#content form .choix label {width:260px;text-align:left;}
#content form .boutons {margin-left:160px;}

/*****************
*	misc - commons
*****************/
.spacer {	clear: both; }
.required {color:#f00;}
.warning {	margin: 5px;  padding: 15px 15px 15px 60px;	 background: #fff url(../img/but_warning.png) no-repeat 5px 5px;}
.congratulation {  margin: 5px;	 padding: 15px 15px 15px 60px;	background: #fff url(../img/but_congratulation.png) no-repeat 5px 5px;}
.hidden {display:none; }
.liner {border-bottom:1px solid #ddd;}
.invisible {visibility:hidden;}
.right {text-align:right;}

/****************
* layout home  sommaire
****************/
.sommaire-text {
	padding: 0.7em 2.8em 0.7em 0.7em;
	text-decoration: none;
	position: absolute;
	left: 0;
	line-height: 1.3;
	bottom: 0;
	z-index: 50;
	height: 45%;
	border: 1px solid;
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.more_info { margin:1em 0;text-align:right;}

/*****************
* annuaire
*****************/
.agence {padding:0.5em;}
.agence span {display:none;}
.annu_key {width:300px;float:right;}
.annu_key div {float:right;}
.annu_key div div {background:#eee;padding:2px 8px;margin:2px;text-align:center;float:left;width:auto;}
.annu_key div.annu_e div {background:#ff6300;color:#fff;margin-bottom:4px;}
.annu_r {clear:both;} 

.col3 .annu_key {width:100%;float:left;}
.col3 .preview .annu_key {width:auto;float:left;max-width: 225px;}
.col3 .annu_key div {float:left; width: 100%;}

.col3 div.annu_e div {
	background: transparent;
	color: #e2007a;
	margin: 4px 0 0 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	width: auto;
}

.col3 div.annu_r div {
	padding: 0;
	text-transform: none;
	font-style: italic;
	text-align: left;
	width: auto;
	background: transparent;
	color: #e2007a;
	margin: 0;
}

.col3 .informations {
	background-image: url(../img/stripes-cassis.png);
	background-repeat: repeat;
	padding: 10px;
}

/*****************
* spip (reprise de dist + spip-contrib)
*****************/

#spip-admin {margin-right:200px;}

/* Document (version 2010.10.01) */
.spip_doc_titre {font-size:0.8em;}
dl.spip_documents  {margin:0;}
.spip_documents a.spip_out {background:transparent !important;text-decoration:none!important;border:0px #fff !important;} /* pour eviter les bordures sur lien img [<img1>->url] */
.spip_documents_left   {  float: left;	margin-right: 8px;	margin-bottom: 8px;}
.spip_documents_right  {  float: right;	 padding-left: 15px;  padding-bottom: 1.15em;}
dl.spip_documents_center,
.spip_documents_center {  display: block !important; float:none;text-align: center;	 margin: 5px auto;}
.spip_doc_titre, .spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }
img.spip_logos {margin:0 8px 8px 0 !important;}
.col4 img.spip_logos,
.col3 img.spip_logos {margin:0 !important;}
dl.spip_documents a img {border:0 !important;}
/* modele speciale img afficher titre et desc */
.spip_document_titre {font-size:0.9em;display:block;color:#aaa;}
#content .spip_document_titre {font-size:0.9em;display:block;color:#aaa;font-weight:normal;font-style: normal;}
#rubrique-content .spip_document_titre {font-size:0.9em;display:block;color:#aaa;font-weight:normal;}
.spip_document_descriptif {font-size:x-small;font-weight:normal;color:#aaa;display:block;}

/* 2015: oembed: on masque les titres */
.oembed_video .spip_doc_titre {display:none;}

/* Paragraphes, citations, code et poesie */
blockquote, blockquote.spip {	margin: 1em 0;	padding : 4px 1em 4px 1em;	border: 1px solid #CCC;	border-left: 4px solid #A0C0E0;color: #333;}
.spip_poesie {	margin: 1em;	padding-left: 1em;	border-left: 1px solid;	font-family: Garamond, Georgia, Times, serif; }
.spip_poesie div { text-indent: -60px; margin-left: 60px; }
tt, .spip_code, .spip_cadre {	font-family: monospace;	font-style: normal;	font-size: 1.1em;}
.spip_code { color: #345DA4; }
tt { color: #333; }
.spip_cadre {	width: 98%;	padding: 4px; padding-top: 0.5em;	background: #eee;	color: #3465a4;	border: 1px inset #eee;	border-left: 4px solid #345DA4;}
#content .spip_cadre {float:none;}
#rubrique-content .spip_cadre {float:none;}
.spip_surligne {background: yellow;}

/* Tableaux */
table.spip {	margin: auto;	margin-bottom: 1em;	border: 1px solid;	border-collapse: collapse; font-size:15px; font-weight:bold; }
table.spip caption {	caption-side: top;	text-align: center;	margin: auto;	padding: 3px;	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }
table.spip a img {border:0;}
.table_adherent th {font-size:10px;}
.table_adherent td {border:1px solid #888;}

/*****************
* spip : formulaire (reprise de dist)
*****************/

input, select, textarea {font-size: 14px;}
#aside input,#aside select,#aside textarea {width: 100%; height: 35px; border: 1px solid #3e3e40; background: transparent;}


/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }

/* Explications */
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0.4em; padding:0.2em 0 !important; }

/* Labels */
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative;  }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }
.formulaire_adherent label {float:left;padding-right:8px;text-align:right;width:200px;}

.formulaire_spip .choix label{display:inline;font-weight:normal;}

/* Champs de saisie */
.formulaire_spip input.text { width:300px; border: 1px inset; }
.formulaire_spip textarea { width:99%; border: 1px inset; height:100px;}
.formulaire_spip select { }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0;	 }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {}


/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

/* Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
.formulaire_spip fieldset.previsu p { margin: 1em 0; } 

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea {  border-style: solid; border-color: #C30; }
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok, .formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }


/* Variantes et cas particuliers
----------------------------------------------- */

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }

/* Formulaire de forum */
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche { margin: 0; padding: 0; background: none; }
.formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_recherche label {}

/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */

/* Formulaire de login dans une page */
.formulaire_login ul li {clear:left;}
.formulaire_login .editer_password .details {display:block;}
.formulaire_login #spip_logo_auteur {float:right;}