/* Accueil Alterre styles */

#accueil { background-image: url(../images/accueil/fond.jpg); }
#cartouche_logo_alterre {height:409px;}
#logo_alterre {height:409px;}
#accueil .pitch_accueil {
display: block;
background-image: url(../images/interface/logo_alterre.svg);
background-size: 70%;
background-position: center 20px;
height: 409px;
color:#5f6b75;
font-size:13px;
padding:220px 14% 0 14%;
line-height:17px;
text-align:left;
}
@media only screen and (max-width : 1400px) {#accueil .pitch_accueil {padding:230px 11% 0 11%;
background-size: 80%;
line-height:16px;
}}
@media only screen and (max-width : 1150px) {#accueil .pitch_accueil {padding-top:190px;}}

#accueil .filrouge, #accueil .titre_page{ display: none; }
#accueil #conteneur { padding-top: 185px;}
#accueil #central {
	width:100%;
	float:none;
	padding-top: 220px;
	}

/************* ACTUALITES DEFILANTES *****************/
.actualites_accueil {
	position: absolute;
top: 148px;
width: 90%;
min-width: 980px;
max-width: 1400px;
	height: 261px;
overflow: hidden;
}
.actualites_accueil > div {
	background-color: #5790c7;
	width: 80%;
	height: 261px;
	margin-left: 20%;
}/*
.slider_cycle_slide {
	width: 760px;
	height: 261px;
}*/
.actualites_accueil h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	display: inline;
	font-weight: bold;
	line-height: normal;
	margin-left: 25px;
	margin-top: 55px;
	padding:0;
	background-color:transparent;
	z-index: 10;
	top:auto;
	text-shadow:none;
}
#cycle_1 h1 a { color: #99ccfe; }

#cycle_1 .navigation {
	display: inline;
	margin-left: 180px;
	margin-top: 56px;
	position: absolute;
	z-index: 10;
}
#pagerSlide {
	display: inline;
}
#pagerSlide a {
	margin-right: 5px;
	background-color: #99ccfe;
	height: 12px;
	width: 12px;
	display: inline-block;
}
#pagerSlide a:hover, #pagerSlide a.activeSlide {
	background-color: #FFFFFF;
	text-decoration: none;
}
#pagerSlide span { display: none; }

#slider_cycle_1, .slider_cycle_slide {height:261px;
width:100%;
}
.actualites_accueil img {
	position: absolute;
	margin-left: 50%;
	-webkit-box-shadow: 0px 0px 30px -10px rgba(16,39,61,0.82);
	box-shadow: 0px 0px 30px -10px rgba(16,39,61,0.82);
}
.textes_slider {margin-left:25px;
margin-top:80px;
max-width:44%;
}
.actualites_accueil h2 {
	font-size: 24px;
	margin-top: 80px;
}
.actualites_accueil h2 a { color: #FFF; }
#accueil .actualites_accueil h3 {	font-size: 16px;
color:#253f59;
margin-top: 0px;
}
#accueil .actualites_accueil p {color:#FFFFFF;
line-height: 19px;
}

/************* RESSOURCES RECENTES *****************/
#accueil .ressources_rose {
	width:78%;
	margin-right:2%;
	display:inline-block;
	float:left;
}

/************* SIDDE **********************/
#accueil .calage_intitule_sidde {
	display:inline-block;
	padding-top: 20px;
	}
#accueil .colonne_1quart {width:29%;}
.colonne_1quart + .colonne_1quart + .colonne_1quart + .colonne_1quart {display:none;}
@media only screen and (min-width : 1200px) {
#accueil .colonne_1quart {display:block!important;
	width: 21%;
	}
	}
#macaron_sidde {
	margin-top: 110px;
	width:20%;
	display:inline-block;
	float:left;
	text-align:left;
}
#accueil .calage_personnage {float:none;}
#accueil #macaron_sidde > span {margin-left: 100px;}
#macaron_sidde a {
	min-height:250px;
	padding: 6%;
	padding-top:35px;
	background-image: -webkit-linear-gradient(270deg,rgba(50,163,133,1.00) 0%,rgba(50,163,133,0.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(50,163,133,1.00) 0%,rgba(50,163,133,0.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(50,163,133,1.00) 0%,rgba(50,163,133,0.00) 100%);
	background-image: linear-gradient(180deg,rgba(50,163,133,1.00) 0%,rgba(50,163,133,0.00) 100%);
	background-color: transparent;
}
#macaron_sidde a:hover {background-color: transparent;}
#accueil .personnage {margin-left:-20px;
margin-top:-150px;
	-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;
	}
#accueil #macaron_sidde a:hover > .calage_personnage .personnage {margin-left:-35px!important;}
#macaron_sidde li {font-family: Helvetica, Arial, sans-serif;
text-align:left;
margin-bottom: 4px;
}

/************* NOS ACTIONS **********************/
fieldset.actions {
	clear:both;
	margin:15px 10px 20px;
	padding: 0;
	border: none;
	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.actions legend {color:#5aae00;
margin-left: -10px;
padding-bottom: 45px;
}
.coins_vert_actions {
	background-image:url(../images/accueil/corner_gauche_actions.svg), url(../images/accueil/corner_droite_actions.svg);
	background-position:0 0, right bottom;
	background-size:43px;
	margin: -45px -10px -10px -10px;
	padding: 20px 2% 15px;
}
.action_accueil a {
	float: left;
	display: inline-block;
width: 18%;
margin-left:1%;
margin-right: 1%;
margin-bottom: 15px;
background-position:center center;
background-size:80%;
height:170px;
	-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;
}
@media only screen and (min-width : 1200px) {.action_accueil a {width: 14%;
margin-left:3%;
margin-right:3%;
}}
@media only screen and (min-width : 1500px) {.action_accueil a {width: 12%;
margin-left:4%;
margin-right:4%;
}}
.action_accueil .orb {background-image:url(../images/logos/orb.svg);}
.action_accueil .oceb {background-image:url(../images/logos/oceb.png);}
.action_accueil .reseau_bocages {background-image:url(../images/logos/reseau_bocages.gif);}
.action_accueil .reseau_captages {background-image:url(../images/logos/reseau_captages.gif);
background-size: 100%;
}
.action_accueil .sffere {background-image:url(../images/logos/sffere.svg);}
.action_accueil .eedd {background-image:url(../images/logos/eedd.png);}
.action_accueil .hyccare {background-image:url(../images/logos/hyccare.png);
background-size: 90%;
}
.action_accueil .agenda21 {background-image:url(../images/logos/agenda21.svg);}
.action_accueil .decouvertes_nature {background-image:url(../images/logos/decouvertes_nature.gif);
background-size:65%;}
.action_accueil .reseau_dechets {background-image:url(../images/logos/reseau_dechets.png);
background-size:85%;}
.action_accueil .trois_points_verts {background-image:url(../images/accueil/trois_points_verts.svg);
background-size:50%;}
.action_accueil .trois_points_verts:hover {background-size:40%;}
.action_accueil span {display:none;}
.action_accueil a:hover {opacity:0.6;}
fieldset.actions hr {border-top-color:#dcf9bd;
border-top-width:7px;
margin:20px;}

/************* THEMES **********************/
#colonne_un_accueil {
	float:left;
	display:inline-block;
	width:25%;
	margin-right:2%;
text-align: left;
}
#nos_themes {margin-bottom:10px;}
#nos_themes > span {
	display:block;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 26px;
color:#d04900;
}
#nos_themes a {
	text-align:center;
	line-height:36px;
	vertical-align:middle;
	display:inline-block;
	background-color:#d04900;
	color:#FFFFFF;
	white-space: nowrap;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight:500;
	margin-bottom:1px;
	border-right:1px solid #d5e5f5;
	overflow:hidden;
	-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;
	width:50%;
}
#nos_themes a:hover {
	text-decoration:none;
	background-color:#ff6815;
	color:#FFFFFF;
}

#nos_themes .them_mobilite {
font-family: 'Cookie', 'Roboto', Helvetica, Arial, sans-serif;
font-weight:normal;
text-transform:lowercase;
font-size:30px;
color:#ffc5a5;
}
#nos_themes .them_pesticides {
font-family: 'Cookie', 'Roboto', Helvetica, Arial, sans-serif;
text-transform:lowercase;
font-size:30px;
background-color:#e35d14;
}
#nos_themes .them_foret {
color:#ffc5a5;
text-transform:uppercase;
}
#nos_themes .them_services_eco {width:100%;}
#nos_themes .them_democratie {width:100%;
background-color:#e35d14;
color:#ffab7c;
}
#nos_themes .them_inegalites {width:80%;
text-transform:uppercase;
font-size:12px;
color:#ffc5a5;
}
@media only screen and (max-width : 1100px) {#nos_themes .them_inegalites {font-size: 11px;}}
#nos_themes .them_sols {width:20%;
background-color:#e35d14;
font-family: 'Cookie', 'Roboto', Helvetica, Arial, sans-serif;
font-weight:normal;
text-transform:lowercase;
font-size:34px;
}

/************* AGENDA **********************/
#colonne_deux_accueil {
	float:left;
	display:inline-block;
	width:36%;
	margin-right:2%;
text-align: left;
}
#intitule_agenda {
	display:block;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 26px;
color:#6063ad;
}

/************* INSCRIVEZ-VOUS **********************/
#inscrivez_vous div {
	display:block;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 26px;
color:#85add6;
}
#inscrivez_vous a {
	background-color:#FFF;
	background-image:url(../images/accueil/planisffere.gif);
	background-position:center;
	display:block;
	height:100px;
	margin-bottom: 10px;
	-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;
}
#inscrivez_vous a:hover {opacity:0.6;}
#inscrivez_vous span {display:none;}

#colonne_trois_accueil {
	float:left;
	display:inline-block;
	width:35%;
}