<@charset "utf-8";
/* CSS Document */

/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis styles.css.
 */

/******************************************************** STRUCTURE ********************************************************/
@charset "utf-8";
/* CSS Document */

/***************** BODY *****************/
* {
/*---on passe toutes les marges Ã  0---*/
	margin:0;
	padding:0;
}
body,html{
	height:100%;

}
body{
	background:#e5e5e5 url(http://ecoboost.fr/images/charte/fd-bgd.jpg) center top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808080;
}

/****************************************************** CONTAINER *******************************************************/
#container{
	position:relative;
	width:960px;
	height:auto !important; 
	height:100%;  /*IE6 */
	min-height:100%;
	margin:0 auto;
	border:px solid red;
}
/******************************************************** HEADER ********************************************************/
#header {
	float:left;
	width:960px;
	height:42px;
	background:url(http://ecoboost.fr/images/charte/fd-header.png) no-repeat top left;
	padding:0px;
	margin:20px 0 0 0;
	list-style: none;
	/*border:1px solid red;*/
}

/********************************* Contenu *********************************/
#contenu{
	float:left;
	width:960px;
	height:auto;
	background:url(http://ecoboost.fr/images/charte/fd-contenu.png) repeat-y 0 42px;
}
#contenu-texte {
	float:right;
	width:74%;
	margin:0px;
	padding:2%;
	margin:0;
	color:#808080;
	height:auto !important; 
	height:100%;  /*IE6 */
}

/********************************* Navigation *********************************/
/***** Zone de navigation *****/
#navigation{
	float:left;
	width:20%;
	height:auto;
	margin:0;
}

/***** Logo *****/
#navigation #logo{
	float:left;
	margin:10% 3% 2%;
	height:10%;
	width:95%;
}


/***** Menu de navigation *****/
#navigation p{
	float:left;
	width:88%;
	height:2%;
	height:auto;
	padding:5% 0 0 1%;
	margin-left:5%;
	margin-bottom:5%;
	border-top:1px solid #343;
	/*font-family: Raleway, cursive;*/
}

/*** Sous-rubrique de la navigation***/
#navigation ul{
	float:left;
	width:86%;
	padding:0 0 0 1%;
	margin:0 0 5% 6%;
}
#navigation li{
	float:left;
	color:#fff;
	margin:2% 0 0 4%;
	font-weight:normal;
	/*font-family: Raleway, cursive;*/
	list-style:none;
	list-style-type:none;
	width:100%;
}
/*** Lien de la navigation***/
#navigation a {
	text-decoration:none;
	font-size:1.1em;
	color:#225a0d;
	font-weight:bold;
}
#navigation li a{
	margin:0;
	text-decoration:none;
	color:#808080;
	display:block;
	display:inline;
	font-weight:800;
}

#navigation a:hover,
#navigation li a:hover{
	color:#09d4c1;
}
#navigation a.choix{
	color:#09d4c1;
}

/***** Coordonnées *****/
#navigation #adresse{
	float:left;
	margin:20% 3% 5%;
	height:10%;
	width:94%;
	color:#343;
	/*border:1px solid red;*/
}
/***** Réseaux sociaux *****/
#navigation #reseau{
	float:left;
	margin:20% 0 5% 5%;
	height:10%;
	width:97%;
}
#navigation #reseau img{
	width:12%;
	height:auto;
	border:0;
}
#navigation #adresse h2{
	color:#2a8b03;
	margin-left:4%;
	font-variant:small-caps;
	margin-bottom:5px;
	font-size:1.1em;
}
#navigation #reseau h2{
	color:#2a8b03;
	margin-left:2%;
	font-variant:small-caps;
	margin-bottom:5px;
	font-size:1.1em;
}
#navigation #adresse p,
#navigation #reseau p{
	border-top:0px solid #343;
	padding:0;
	margin-left:5%;
}


/********************************** Carousel **********************************/
#contenu #contenu-texte #carousel {
    width:100%;
    height: 420px;
    display: relative;
	margin:0 0 3% 0%;
	border:1px solid red;
}
#contenu #contenu-texte #carousel img {
    display: hidden; /* hide images until carousel prepares them */
    cursor: pointer; /* not needed if you wrap carousel items in links */
	border:0px solid #efefef;
	width:100%;
	margin:0;
}

/********************************* slideshow *********************************/
#contenu #contenu-texte #slideshow {
	margin-left:auto; 
	margin-right:auto;
	margin-bottom:5%;
	width:100%;
    height: 420px;
	background-color:#000;	
	overflow:hidden;
	border:1px solid #999;
}
#contenu #contenu-texte #slideshow .slidesjs-container {
	position:absolute;
}


/******************************************************** CONTENU ********************************************************/
#contenu-accueil {
	float:left;
	width:665px;
	margin:0px;
	padding:20px;
	background:none;
	color:#808080;
}
#contenu #contenu-texte h1{
	font-family: Raleway;
    font-size: 2.2em;
    font-weight: normal;
    color:#185300;
	line-height: 32px;
    margin: 15px 0 0 0;
    padding: 0px 0 15px;
	text-align:center;
}
#contenu-texte h2{
	color:#9dc31e;
	font-size:16px;
	margin:15px 0 0 0;
}
#contenu-texte p{
	margin:5px 0px 12px 0;
	line-height:1.4em;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
#contenu-texte a{
	margin:0;
	text-decoration:none;
	color:#225a0d;
	font-weight:700;
}

#contenu-texte a:hover{
	color:#09d4c1;
}

#contenu-texte ul{
	margin:10px 0 10px 50px;
	line-height:1.4em;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
#contenu-texte li{
	list-style:circle;
}
#contenu-texte ul li.espace{
	margin:0 0 10px 0;
}
#contenu-texte ul li.espace1{
	margin:0 0 5px 0;
}

#contenu-texte ul li ul li{
	line-height:1.4em;
	font-size:0.8em;
	list-style:square;
}


/*********************** Alignement des images ***********************/
#contenu-texte .imgalignementdroite{
	float:right;
	width:30%;
	height:auto;
	margin-left:10px;
	border:1px solid #CCC;
}
#contenu-texte .imgalignementdroite1{  /************* Image à droite sans contour *************/
	float:right;
	width:30%;
	height:auto;
	margin-left:10px;
}
#contenu-texte .imgalignementdroite2{  /************* Image à droite avec contour plus grande *************/
	float:right;
	width:50%;
	height:auto;
	margin:5px 0 0 10px;
	border:1px solid #CCC;
}
#contenu-texte .imgalignementdroite3{  /************* Image à droite sans contour plus grande *************/
	float:right;
	width:50%;
	height:auto;
	margin:5px 0 0 10px;
}
#contenu-texte .imgalignementgauche{
	float:left;
	width:30%;
	height:auto;
	margin:0 10px 10px 0;
	border:1px solid #CCC;
}
#contenu-texte .imgalignementcentre{
	float:left;
	margin-left:20%;
}
#contenu-texte .imgaligndroitemini{
	float:right;
	width:10%;
	height:auto;
}


/******************************************************** FOOTER ********************************************************/
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer{
	clear:both;
}
#clearFooter{
	height:100px;/*--- = Ã  la hauteur du footer ---*/
}

#footer{
	/*margin: -110px auto 0 auto;---margin top = - hauteur du footer---*/
	position: relative;/*---obligatoire pour le footer---*/
	clear: both;
	width:960px;
	height:100px;
	height:40px;
	margin: -40px auto 0;
	font-size:1em;
	padding:10px 0 0 0;
	background-image:url(http://ecoboost.fr/images/charte/fd-footer.png);
}
#footer a{
	float:right;
	margin-right:3%;
	font-size:0.9em;
	color:##225a0d;
	font-weight:200;
}
#footer a:hover{
	color:#09d4c1;
}
#footer #logo{
	float:left;
	width:221px;
	height:72px;
	background-image:url(http://ecoboost.fr/images/charte/logo-footer.gif);
	background-repeat:no-repeat;
	margin:10px 19px;
}
#footer #bloc1{
	float:left;
	width:280px;
	height:72px;
	margin:10px 19px 10px 0px;
}
#footer #bloc1 a,
#footer #bloc1 a:visited,
#footer #bloc1 a:active{
	color:#808080;
	text-decoration:none;
}
#footer #bloc1 a:hover{
	text-decoration:underline;
}
#footer #bloc2{
	float:left;
	width:223px;
	height:72px;
	margin:10px 19px 10px 0px;
}
#footer #bloc2 p{
	text-align:center;
}
#footer #bloc3{
	float:left;
	width:123px;
	height:72px;
	margin:10px 0px;
}

#footer p{
	line-height:1.2em;
	padding:0px;
	margin:0px;
}
/*
     FILE ARCHIVED ON 14:08:07 May 18, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:26:10 Jan 29, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 218.937 (3)
  esindex: 0.005
  captures_list: 265.877
  CDXLines.iter: 10.719 (3)
  PetaboxLoader3.datanode: 247.497 (4)
  exclusion.robots: 0.131
  exclusion.robots.policy: 0.122
  RedisCDXSource: 33.715
  PetaboxLoader3.resolve: 249.193 (2)
  load_resource: 281.641
*/