/* Alterre styles */

* {background-repeat:no-repeat;
box-sizing: border-box;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	background-color: #d5e5f5;
	text-align: justify;
	padding: 0px;
	margin-right: auto!important;
	margin-left: auto;
	color: #4f6479;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images/interface/fond.jpg);
	background-repeat: repeat-x;
	background-position: center 0px;
	width: 90%;
	min-width: 980px;
	max-width:1400px;
	}

/************* POLICES GOOGLEFONT **********************/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto'), url(fonts/roboto_500.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), url(fonts/roboto_400_condensed.woff) format('woff');
}
@font-face {
  font-family: 'Cookie';
  font-style: normal;
  font-weight: 400;
  src: local('Cookie'), url(fonts/cookie.woff) format('woff');
}
	
:focus {outline: 0;}
a,a:visited {
	text-decoration:none;
	color: #005da8;
}
a:hover   {
	text-decoration:underline;
	color: #0070CF;
}  
small {
	font-size: 70%;
	font-weight: normal;
}/*
.gros { font-size: 16px; }
.poids_fichier {
	font-size: 12px;
	font-style: italic;
	color: #8C8C8C;
}*/
body.action_partenariale h1.titre_page {background-color: rgba(90, 174,0, 0.90);}
body.themes h1.titre_page {background-color: rgba(244,126,0, 0.90);}
	
hr  {
	clear: both;
	padding: 0px;
	height: 1px;
	margin: 12px 0px;
	border:none;
	border-top: 1px solid #ffffff;
}
hr.filet_invisible {
	margin: 0px;
	height: 0px!important;
	border-top: none;
}/*
blockquote {
	margin-top: 5px;
	margin-right: 10%;
	margin-bottom: 5px;
	margin-left: 10%;
}*/
fieldset {
	clear:both;
	margin: 20px 0;
	padding: 20px 5% 15px;
	border: 1px solid #FFFFFF;
}
fieldset > h3:first-of-type {margin-top: 0px;}
legend {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 500;
	font-size:26px;
	margin-top:-10px;
	padding-bottom: 27px;
margin-left: -2%;
}/*
fieldset legend {
	color: #FFF;
	padding-bottom: 5px;
	font-size: 18px;
	text-shadow: 1px 1px 3px rgba(69,91,115,0.39);
}

/************* TAGS **********************/
.tag {
	background-image: url(../images/icones/tags.svg);
	background-size:15px;
	padding-left: 25px;
	padding-top: 1px;
	min-height:15px;
	margin-bottom: 7px;
	font-size: 13px;
	color: #7dabcf;
	text-align: left;
	line-height: normal;
	}
.tag a {
	color: #7dabcf;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7dabcf;
}
.tag a:hover {
	text-decoration: none;
	color: #1D76B7;
}

/************* LOGO **********************/
#cartouche_logo_alterre {
	position:absolute;
	top:0;
	width: 90%;
	min-width: 980px;
	max-width:1400px;
	overflow:hidden;
	height:233px;
pointer-events: none;
}
#logo_alterre {
	width: 17%;
	height: 233px;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 26.41%,rgba(188,218,249,1.00) 86.87%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 26.41%,rgba(188,218,249,1.00) 86.87%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 26.41%,rgba(188,218,249,1.00) 86.87%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 26.41%,rgba(188,218,249,1.00) 86.87%);
	-webkit-box-shadow: 10px -15px 10px -10px rgba(23,31,39,0.35);
	box-shadow: 10px -15px 10px -10px rgba(23,31,39,0.35);
}
#accueil #logo_alterre {width: 20%;}
#logo_alterre a {
pointer-events: auto;
	display:block;
	background-image: url(../images/interface/logo_alterre.svg);
	background-size:70%;
	background-position:center 20px;
	height: 210px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#logo_alterre a:hover {background-position:center 25px;}
#logo_alterre span { display: none; }

#conteneur {padding-top: 165px;}
.filrouge {
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 20%;
	overflow:hidden;
	text-align: left;
	padding-left: 23px;
	padding-top:4px;
	background-image: url(../images/icones/home.svg);
	background-size:15px;
	background-position:0 center;
	line-height: 30px;
	height: 30px;
	margin-top: 0px;
	margin-bottom: 60px;
	text-shadow: 1px 1px 3px rgba(88,133,180,0.4);
}
.filrouge a   { color: #FFFFFF; }

.titre_rubrique {
	font-size: 24px;
	margin-top:-60px;
	margin-left: 20%;
	margin-bottom:40px;
	text-shadow: 1px 1px 3px rgba(88,133,180,0.56);
}
.titre_rubrique a { color: #FFFFFF; }

/************* COLONNE 1 **********************/
#colonne1 {display:none;}
body.colonne1_visible #colonne1 {
	float: right;
	width: 34%;
	padding-left:5%;
	display:inline-block;	
}
#colonne1 ul, #colonne1 li {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 500;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	text-align:left;
	line-height:normal;
	font-size:15px;
}
#colonne1 li li {
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px;
}
#colonne1 li a {
	padding: 7px 4%;
	border-bottom: 1px solid #9dc6ee;
	display: block;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.4s;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.4s;
	transition-property: background-color, color;
	transition-duration: 0.4s;
}
#colonne1 li li a {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:8%;
	border-bottom:none;
}
#colonne1 li a:hover {
	background-color:rgba(255,255,255,0.3);
	color:#004178;
	text-decoration:none;
}

/************* CENTRAL **********************/
#central {
	float: left;
	width: 66%;
	display:inline-block;
	}
.xxl #central { width: auto; 
float:none;
display:block;
}
.annuaire_des_acteurs #central { width: 56%; }

/************* PETITES COLONNES **********************/
.colonne_1tiers {
	display: inline-block;
	vertical-align: top;
	width: 29%;
	margin-right: 3%;
	text-align: left;
	padding-bottom: 10px;
}/*
.demie_colonne { float: left;
	width: 45%;
	margin-right: 5%; 
	}*/
.colonne_1quart {
	float: left;
	width: 21%;
	margin-left: 2%;
	margin-right: 2%;
	text-align: left;
	padding-bottom: 10px;
}/*
.colonne_1quart p {text-align:left;}
	
/************* SIGNATURE **********************/
#signature {
	position: absolute;
	width: 100%;
	left: 0;
	background-color: #76a2cf;
	margin-top: 20px;
	padding-top: 8px;
	background-image: -webkit-linear-gradient(270deg,rgba(103,154,205,1.00) 0%,rgba(115,165,214,1.00) 50.18%);
	background-image: -moz-linear-gradient(270deg,rgba(103,154,205,1.00) 0%,rgba(115,165,214,1.00) 50.18%);
	background-image: -o-linear-gradient(270deg,rgba(103,154,205,1.00) 0%,rgba(115,165,214,1.00) 50.18%);
	background-image: linear-gradient(180deg,rgba(103,154,205,1.00) 0%,rgba(115,165,214,1.00) 50.18%);
	}
#signature1 {
	margin-right: auto;
margin-left: auto;
width: 90%;
min-width: 980px;
}
#signature #menu5, #signature #menu6, #signature #menu7, #signature #menu8, #signature #menu9 { display: none; }
#signature a {color:#FFFFFF;}
#signature ul {padding-left:0;
	font-weight:bold;
	}
#signature li {
	padding: 0px;
	list-style-type:none;
	list-style-image: none;
	text-align:left;
	font-size:15px;
	line-height:normal;
	margin-top: 0px;
	margin-bottom: 5px;
	float:left;
	display:inline-block;
	width:19%;
	padding-right:2%;
}
@media only screen and (max-width : 1400px) {#signature li {width:18%;}}
#signature .sous_menu {margin-top:10px;}
#signature li li {font-size:13px;
float:none;
display:block;
width:auto;
}
#signature li li a {color:#d5e5f5;}

/************* SIGNATURE FINANCEURS **********************/
#bloc_financeurs {
	float:left;
	display:inline-block;
	width:20%;
	max-width:270px;
	color: #FFFFFF;
	font-style: italic;
	}
#bloc_financeurs p {
	font-size:13px;
	margin-bottom: 5px;
	text-align:left;
}
.logo_rare {
	text-align:left;
	font-size:13px;
	clear:both;
	color: #FFFFFF;
	margin-top:20px;
	background-image:url(../images/accueil/logo_rare.png);
	background-position: right 0px;
	min-height: 55px;
	padding-top:25px;
	display: block;
	padding-right:118px;
}

/************* SIGNATURE 2 **********************/
#signature2 {
	margin-top: 20px;
	background-color: #004d9c;
	color: #83a3c4;
	padding-top: 12px;
	padding-bottom: 20px;
	background-image: -webkit-linear-gradient(0deg,rgba(0,77,156,1.00) 0%,rgba(0,30,72,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(0,77,156,1.00) 0%,rgba(0,30,72,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(0,77,156,1.00) 0%,rgba(0,30,72,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(0,77,156,1.00) 0%,rgba(0,30,72,1.00) 100%);
	text-align: center;
	font-size: 13px;
}
#signature2 a { color: #83a3c4; }
#signature2 strong a { color: #FFFFFF;}

/************* VIGNETTES **********************/
.bandeau_haut_image {
margin-bottom: 25px;
	height:200px;
	overflow:hidden;
}
body.pas_de_bandeau .bandeau_haut_image {display:none;}
.bandeau_haut_image img {width:100%;
min-height: 200px;
}
@media only screen and (max-width : 1400px) {.bandeau_haut_image img {width:auto;}}

.vignette_cartouche, .facettes-fancybox {
	float: right;
	margin-bottom: 20px;
	margin-top:25px;
	margin-left: 25px;
}
.vignette_cartouche a {background-color:#0070CF;
display: inline-block;
}
.vignette_cartouche img, .facette_imagette img, .facettes-fancybox img {
	border: 1px solid #A1B6C9;
	-webkit-box-shadow: 2px 3px 3px rgba(96,116,135,0.22);
	box-shadow: 2px 3px 3px rgba(96,116,135,0.22);
	-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;
	vertical-align:middle;
}
.vignette_cartouche a:hover > img, #autres_images a:hover > img,/* .resultat_mosaique_image a:hover > img, .liste_expo_mosaique a:hover > img, .vignette_facette:hover > img, */ a .facette_imagette img:hover, .facettes-fancybox img:hover {opacity:0.6;}/*
#bloc_image_fichier_dans_colonne {
	background-color: #FFF;
	margin-left: -1px;
	padding-bottom: 15px;
	padding-top: 40px;
}
#bloc_image_fichier_dans_colonne .fichier { margin-bottom: 0px; }
	
/************* TABLEAUX **********************/
table{
	border-collapse:collapse;
	font-size: 13px;
	border-width: 0px!important;
	border-style: none!important;
	width: 100%!important;
	margin-top:15px;
	margin-bottom: 25px;
}
th {
	font-weight:bold;
	text-align: left;
	padding: 6px 8px;
	font-size: 14px;
	vertical-align: bottom;
	border-bottom:3px solid #FFFFFF;
	color:#253646;
}
td {
	text-align:left;
	padding: 6px 8px;
	border-bottom:1px solid rgba(255,255,255,0.39);
	}
/*table tr:nth-child(odd) { background-color : rgba(234,242,249,0.2); }*/
.tableau_facettes tr:hover > td { background-color: rgba(0,141,255,0.13); }

td p, td h4, td h6, td li {text-align:left;}
.cellule_insecable { white-space: nowrap; }

/************* SOMMAIRE SIMPLE **********************/
.liste_simple {
	margin-top: 15px;
	}
.liste_simple .affichage_liste_entree {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	padding-left: 15px;
	background-image: url(../images/icones/fleche.svg);
	background-size:6px;
	background-position: 0px 5px;
	margin-left: 15px;
	margin-bottom: 7px;
	}
	
/************* SOMMAIRE RESUME **********************/
.liste_resume {clear:both;
margin-top:20px;
}
.liste_resume .affichage_liste_entree {
	float: left;
	width: 30%;
	margin:0 2% 0 1%;
	margin-bottom: 35px;
}
.liste_resume .numero_4, .liste_resume .numero_7, .liste_resume .numero_10, .liste_resume .numero_13, .liste_resume .numero_16, .liste_resume .numero_19  {clear:both;}

.xxl .liste_resume .affichage_liste_entree {
	clear:none;
	width: 22%;
	}
.xxl .liste_resume .numero_5, .xxl .liste_resume .numero_9, .xxl .liste_resume .numero_13, .xxl .liste_resume .numero_17, .xxl .liste_resume .numero_21, .xxl .liste_resume .numero_25, .xxl .liste_resume .numero_29, .xxl .liste_resume .numero_33, .xxl .liste_resume .numero_37 { clear: both; }

.liste_resume .vignette_cartouche {
	float: none;
	margin-left: 0px;
}
#affichage_liste img{max-width:100%;}
.liste_resume h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 18px;
}
.liste_resume h3 {
	margin-top: 2px;
	font-size: 16px;
}
.affichage_liste_entree p {
	text-align: left;
	line-height: normal;
	margin-top: 2px;
	font-size: 14px;
}
.liste_resume hr {display:none;}
	
	/*
.liste_complete .affichage_liste_entree { 	
	display: inline-block;
	width: 30%;
	float: left;
	overflow: hidden;
	margin-bottom: 15px;
	padding-right: 3%;
	height: 200px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A0C1D7;
	 	}
.liste_complete h1 {
	font-size: 18px;
	margin-bottom: 4px;
	color: #5e83a7;
	}
.liste_complete h2 {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 2px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
.liste_complete p {
	font-size: 12px;
	line-height: normal;
	text-align: left;
	margin: 0px;
}
.liste_complete hr { display: none; }

/************* AGENDA **********************/
body.agenda #contenu_central {padding-top:0px;}
#agenda_barre_mois {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight:500;
	text-align: center;
	width: 100%;
}
#agenda_barre_mois .bloc_date {
	float: left;
	width: 8%;
margin-right: 1%;
	background-color: #6063ad;
	margin-top: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#agenda_barre_mois a .bloc_date:hover { background-color: #45499f;
	margin-top: 0px; }
#agenda_barre_mois a:hover {
	text-decoration: none;
	color: #FFF;
}
#agenda_barre_mois .mois_en_cours .mois { background-color: transparent; 
color:#7577ba;
}
#agenda_barre_mois .mois_en_cours {background-color: transparent;}
#agenda_barre_mois .mois_en_cours .annee {color:#9294cf;
 }
#agenda_barre_mois .mois {
	text-transform:lowercase;
	display: block;
	background-color:#303385;
	color:#9d9fd7;
	padding:4px 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#agenda_barre_mois a:hover > .bloc_date .mois {background-color:#181b66;
	color: #FFF;
	}
#agenda_barre_mois .annee {
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #FFF;
	padding: 6px 0;
	display: block;
}

#agenda_liste {
	clear: both;
	margin-top: 20px;
}
#agenda_liste li {
	background-image: url(../images/icones/agenda_region.svg);
	background-size: 45px;
	background-position: 0px 10px;
	padding-left: 60px;
	list-style-image: none;
	list-style-type: none;
	border-bottom: 1px solid rgba(237,246,255,0.49);
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 35px;
}
#agenda_liste a {
	font-size:16px;
	color:#6063ad;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 500;
}

#agenda_liste .evenement_hors_region { background-image: url(../images/icones/agenda_france.svg);
	background-size: 50px; 
	}/*
#agenda_liste strong {
	font-size: 14px;
	color: #403E39;
}
#agenda_liste em { color: #8E9BA6; }

/************* AGENDA DETAIL **********************/
#agenda_detail h1:first-of-type {background-color:#6063ad;
margin-bottom: 10px;
}
#agenda_detail .date_et_lieu {
	margin-top:0;
	color:#3c3f83;
}
#agenda_detail .type_evenement {
	color:#595cab;
	margin:10px 0;
}
#agenda_detail .vignette_cartouche {margin-top:0;}

/************* RESEAUX SOCIAUX **********************/
#reseaux_sociaux {clear:both;
text-align:center;
height:40px;
margin-top:20px;
}
#reseaux_sociaux a {
	margin:10px 5px 0;
	display:inline-block;
	width:30px;
	height:30px;
background-position:center center;
vertical-align:middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.twitter-partage {
background-size:70%;	
background-color: #5cccff;
background-image: url(../images/icones/twitter.svg);
}
.fb-partage {
background-size:40%;	
background-color: #4f6a9f;
background-image: url(../images/icones/facebook.svg);
}
#reseaux_sociaux a:hover {margin-top:0;}
#reseaux_sociaux span {display:none;}

/************* FINANCEURS **********************/
#liste_financeurs .colonne_1quart {margin-top: 20px;}
.logo_financeur {height: 120px;
	background-position:center bottom;}
#logo_cr_bourgogne .logo_financeur {background-image: url(../images/logos/bourgogne_franche_comte.svg);}
#logo_ademe .logo_financeur {background-image: url(../images/logos/ademe.gif);}
#logo_dreal .logo_financeur {background-image: url(../images/logos/prefet.gif);}
#logo_feder .logo_financeur {background-image: url(../images/logos/feder.gif);}
#logo_cg21 .logo_financeur {background-image: url(../images/logos/cg21_cote_d_or.gif);}
#logo_cg71 .logo_financeur { background-image: url(../images/logos/cg71_saone_et_loire.gif);}
#logo_cg58 .logo_financeur { background-image: url(../images/logos/cg58_nievre.gif);}
#logo_cg89 .logo_financeur { background-image: url(../images/logos/cg89_yonne.gif);}
#logo_ars_bourgogne .logo_financeur { background-image: url(../images/logos/ars_bourgogne.png); }
#logo_agence_eau_seine_normandie .logo_financeur { background-image: url(../images/logos/agence_eau_seine_normandie.png); }
#logo_agence_eau_loire_bretagne .logo_financeur { background-image: url(../images/logos/agence_eau_loire_bretagne.png); }
#logo_agence_eau_rhone_med_corse .logo_financeur { background-image: url(../images/logos/agence_eau_rhone_med_corse.png); }

/********** NAVIGATION TRANSVERSALE *******************/
#article_bas {clear:both;}
#navigation_transversale {
	margin-top:30px;
	clear:both;
	padding-bottom: 20px;
	font-size:14px;
}
#navigation_transversale a {
	background-size:12px;
	width: 49%;
	display: inline-block;
	color: #5082b2;
	min-height: 13px;
	}
#navigation_transversale a:hover { color: #005da8; }
#navigation_transversale .precedent {
	background-image: url(../images/icones/page_precedente.svg);
	padding-left: 22px;
	float: left;
	background-position: 0px 0;
}
#navigation_transversale .suivant {
	float: right;
	background-image: url(../images/icones/page_suivante.svg);
	text-align: right;
	padding-right: 22px;
	background-position: right 0;
}

/************* FLUX RSS **********************//*
#flux_rss_externe .bloc_flux { border-bottom: 1px dotted #b2aea3; 
padding-bottom:15px;
margin-bottom:15px;
text-align:center;
}
#flux_rss_externe .bloc_flux:last-of-type, #flux_rss_externe .bloc_flux:first-of-type { border-bottom-style: none; }
#flux_rss_externe .bloc_flux:first-of-type a {font-size: 25px!important;
color: #000!important;
}
#flux_rss_externe .bloc_flux:first-of-type {
	color: #FFFFFF;
	font-size: 5px;
}
#flux_rss_externe .bloc_flux:first-of-type em {display:none;}

#flux_rss_externe .bloc_flux a:first-of-type {font-size: 17px;
color: #D17800;
text-align: left;
display:block;
}
#flux_rss_externe img { 
margin-top:10px;
margin-bottom:10px;
border: 1px solid #b2aea3;
	-webkit-box-shadow: 3px 3px 6px #C9C9C9;
	box-shadow: 3px 3px 6px #C9C9C9; 
	max-width: 484px;
	}
#flux_rss_externe blockquote {
	margin-right: 0;
margin-left: 0;
margin-bottom:0;
text-align: justify;
	}
#flux_rss_externe .bloc_flux br, #flux_rss_externe .bloc_flux div {display:none;}
#flux_rss_externe .bloc_flux div a {
	font-size: 12px!important;
color: #005da8!important;
display:inline!important;
}
#flux_rss_externe .bloc_flux em {font-size: 12px;
color: #8C8C8C;
text-align: left;
display:block;
}*/

p.mise_a_jour {
	clear:left;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	color: #6e7c8a;
	margin-top: 15px;
	background-image:url(../images/icones/date_maj.svg);
	background-size:16px;
	background-position: 0px 1px;
	padding-left:24px;
}

/************* PLAN DU SITE **********************/
#plan_du_site hr:first-of-type {
	display: none;
}
#plan_du_site h2 {margin-top:30px;
	border-top: 1px solid #ffffff;
	padding-top:15px;
	}
#plan_du_site .plandusite_niveau1_1 h2 {border-top:none;}
#plan_du_site h2 a { color: #003a6c; }
#plan_du_site h3 {
	margin-left: 35px;
	margin-top: 15px;
}
#plan_du_site h4 {
	font-size: 15px;
font-weight: 500;
	margin-left: 60px;
}
#plan_du_site h5 {
	font-size: 14px;
	margin-left: 85px;
	margin-top: 8px;
	margin-bottom: 5px;
	font-weight: normal;
}
#plan_du_site h5 a {	color: #278ee5;}
#plan_du_site h6 { margin-left: 100px; }
#plan_du_site p {
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 15px;
	background-image: url(../images/icones/fleche.svg);
	background-repeat: no-repeat;
	background-size:7px;
	background-position: 0px 5px;
}
.references, .references a {
	font-size: 9px;
	text-transform: uppercase;
	color: #8db4db;
	line-height: normal;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.references a:hover {color:#0070CF;}

/************* ALERTE COOKIES **********************//*
#arkoCnilTracking-conteneur { 
	background-image: url(../images/interface/petale_pied_de_page.png);
	background-position: 15px center;
	background-color: rgba(12,95,166,0.88); 
position:absolute;
top:140px;
color:#FFFFFF;
z-index:900;
margin-left:100px;
width:694px;
border-radius:5px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
	padding-left: 65px;
text-align:center;
	}
#arkoCnilTracking-message	{text-align:justify;
margin-bottom:10px;}
#arkoCnilTracking-conteneur a {
	text-transform:uppercase;
	font-weight:bold;
	color:#d9edff;
	margin-left:10px;
	margin-right:10px;
}
#arkoCnilTracking-conteneur a:hover {color:#FFFFFF;}

/************* TROMBINOSCOPE **********************/
#trombinoscope {text-align:center;}
#trombinoscope .colonne_1tiers {text-align:center;
padding-bottom: 30px;
}
#trombinoscope img {
	display: block;
margin-left: auto;
margin-right: auto;
border-radius:18px;
margin-bottom:10px;
-webkit-box-shadow: 2px 3px 3px rgba(96, 116, 135, 0.22);
box-shadow: 2px 3px 3px rgba(96, 116, 135, 0.22);
}
#trombinoscope strong {clear:both;}

/************* ANNUAIRE **********************/
body.annuaire_des_acteurs h1, body.resultat_annuaire_des_acteurs h1, #agenda_detail h1 {
	position:inherit;
line-height: normal;
padding: 10px 20px;
}
body.annuaire_des_acteurs #colonne2 label {
	display:block;
	width:auto;
}
body.annuaire_des_acteurs #colonne2 .bouton {	margin-top:0;}
ul#resultats_annuaire strong {font-size:16px;}
.ville_annuaire {
	font-size: 13px;
color: #7c8ea0;
}
body.resultat_annuaire_des_acteurs legend, #agenda_detail legend {color:#FFF;
padding-bottom:0;
}

/************* BLOCS DE RESSOURCES **********************/
.ressources_rose .trois_petits_points a {background-image:url(../images/icones/trois_petits_points_blancs.svg)!important;
color:#FFFFFF;
}

fieldset.ressources {
	border: none;
	padding: 20px 2% 15px;
	font-size: 13px;
	color:#702c41;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,0.52) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,0.52) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,0.52) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,0.52) 100%);
}
fieldset.ressources legend {color:#df3166;}
fieldset.ressources span {
	display:block;
	margin-top: -25px;
	background-image:url(../images/interface/barre_rose.png);
	background-repeat:repeat-x;
	background-position:0 27px;
}
fieldset.ressources img {
	border: 1px solid #be93a9;
	max-width: 134px;
	max-height: 190px;
	-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;
	-webkit-box-shadow: 2px 2px 3px rgba(102,116,130,0.35);
	box-shadow: 2px 2px 3px rgba(102,116,130,0.35);
	}
fieldset.ressources img:hover {opacity:0.6;}
fieldset.ressources h4 {
	font-size:13px;
	margin-bottom:4px;
}
fieldset.ressources_rose h4 {color:#FFFFFF;}

fieldset.ressources h4 a {color:#df3166;}

/************* BLOCS DE RESSOURCES ROSES **********************/
fieldset.ressources_rose {
	background-image: -webkit-linear-gradient(270deg,rgba(199,95,126,1.00) 0%,rgba(199,95,126,0.51) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(199,95,126,1.00) 0%,rgba(199,95,126,0.51) 100%);
	background-image: -o-linear-gradient(270deg,rgba(199,95,126,1.00) 0%,rgba(199,95,126,0.51) 100%);
	background-image: linear-gradient(180deg,rgba(199,95,126,1.00) 0%,rgba(199,95,126,0.51) 100%);
}
fieldset.ressources_rose span {background-image:url(../images/interface/barre_rose_foncee.png);}
fieldset.ressources_rose img {
	border-color: #883e63;
	-webkit-box-shadow: 2px 2px 3px rgba(79,20,49,0.35);
	box-shadow: 2px 2px 3px rgba(79,20,49,0.35);
}
fieldset.ressources_rose h4 a {color:#FFFFFF;}

/************* BLOCS DE RESSOURCES SIDDE **********************/
fieldset.ressources_sidde {color:#2c705e;}
fieldset.ressources_sidde legend {color:#2ca181;}
fieldset.ressources_sidde span {background-image:none;}
fieldset.ressources_sidde img {border-color: #93bfb4;}
fieldset.ressources_sidde h4 a {color:#2ca181;}

/************* VIGNETTES LETTRINES **********************/
.vignette_lettrine {
	float:left;
	display:inline-block;
	width:25%;
	height: 165px;
	margin-right:5%;
	margin-bottom:15px;
	background-position:left center;
}
.lettrine_agenda21 {background-image: url(../images/logos/agenda21.svg);}
.lettrine_decouvertes_nature {background-image: url(../images/logos/decouvertes_nature.gif);
background-size: contain;}
.lettrine_oceb {background-image: url(../images/logos/oceb.png);
background-size: contain;}
.lettrine_orb {background-image: url(../images/logos/orb.svg);
margin-right:0;
width:20%;
}
.lettrine_reseau_bocages {background-image: url(../images/logos/reseau_bocages.gif);
background-size: contain;}
.lettrine_reseau_captages {background-image: url(../images/logos/reseau_captages.gif);
background-size: contain;
width: 30%;
}
.lettrine_sffere {background-image: url(../images/logos/sffere.svg);}
.lettrine_hyccare {background-image: url(../images/logos/hyccare.png);
background-size: contain;
}


body.pas_de_bandeau #contenu_central {padding-top:10px;}
body.pas_de_bandeau .titre_page {
	position:relative;
	top:0;
}