/*css hacks*/
/* http://paulirish.com/2009/browser-specific-css-hacks/ */

*
{
  margin:0;
  padding:0;  
}

body
{
 background:#A1A8AE;
 background-image:url(../images/index/fond.jpg);
 background-repeat:no-repeat;
 background-position:top center;
 text-align:center;
}

#container
{
	position:relative;
  margin:0;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px !ie;
  width:952px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align:left;
}


#slogan_entreprise{ width:473px; height:186px; position:absolute; left:350px; }

#logo_accueil{ width:405px; height:296px; position:absolute; left:120px; top:35px; }

img{
	
	border:0;
	
	}




#tete
{
  
 /* background:url(../images/tete_in.jpg);*/
  height:403px;
}  
  
#tete h1
{
  text-indent: -9999px;  
}  

/************************Menu 1***********************/
#menu
{
 
  margin:0;
  padding:0;
  /* margin:0 auto;position:relative;*/
  position:absolute;
  left:337px;
  top:320px;
 /* left:166px;
  _left:150px;*/
  width:620px; 
  z-index:3;
} 
#encartactu{
height:auto; 
padding:20px; 
border: solid #F90 thin; 
text-align:justify;
width:500px;
font-size:12px;
font-weight:900;
background:url(../images/index/fond_actu.png);
margin:50px;
margin-right:25px;
margin-top:25px;
 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	float:left;
	}
#encartactu h1{
	color:#F60;
font-size:18px;
font-weight:900;
margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:#F60 solid thin;
	}	
#encartactu ul{
	list-style:none;
	margin:0;
	padding:0;
}

#encartactu ul li{
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:#F60 solid thin;
	text-align:left;
}

#encartactu a{
	text-decoration:none;
	color:#000;
}

#encartactu a:visited{
	text-decoration:none;
	color:#000;
}

#encartactu a:hover{
	text-decoration:underline;
}

#pressbook li p{
	margin:0;
	padding:0;
	font-size:11px;
	}

#pressbook li{
	margin:0;
	padding:0;
	font-size:11px;
	}


#menu1
{
  background:#333333;
  width: 585px;
  height:42px;
  margin:0 0 0 50px;
  z-index:9;
} 
 
#menu1 ul li a /***couleur texte menu principal***/
{
  font-size:10pt;  
  color:#FF6600;
  text-decoration:none;
}

#menu1 ul
{
  
  float:right;  
  list-style-type: none;
  margin:0 15px 0 0px;
  padding:0;
  padding-left:5px;
}

#menu1 li {              /*  l'arrière-plan constitue la partie gauche du bouton  */  
  margin:0;
  padding:5px;
  display:inline;
  float:right;   
  border-right:1px solid #FF6600;
}

#menu1 li a { 
             /*  l'arrière-plan constitue le reste du bouton  */
  display:block; 
  margin:0;
  color:#0078BC;
  text-decoration:none;
  text-align:center;
  font-weight:normal;
  
}

#menu1x17 
{
  width:100px;
}

#menu1x1
{
 width:100px;  
}

#menu1x2
{
 width:100px;  
}

#menu1x3 
{
  width:80px;
}

#menu1x4 
{
  width:100px;
}

#menu1x5 
{
  width:100px;
}

li#menu1x4 a, li#menu1x17 a
{
  color:white;
}


li#menu1x1 a:hover, li#menu1x17 a:hover
{
  color:white;
}
  
div#ssmenu1 a:hover
{
  background:gray;
  color:#0079BC;
}

li#menu1x2 a:hover
{
  color:white;
}
  
div#ssmenu2 a:hover
{
  background:white;
  color:#FFFFFF;
}

li#menu1x3 a:hover
{
  color:white;
} 

li#menu1x4 a:hover
{
  color:white;
} 

li#menu1x5 a:hover
{
  color:white;
} 

/**********sous-menu Menu 1*******************/

div#ssmenu1
{
  top:100px;
 
} 


div#ssmenu2
{
 
} 

div#ssmenu3 
{
  
} 
 
div#ssmenu4 
{
    background:#333333;
    left:50px;
  z-index:9;
} 
 
div#ssmenu4x6
{
  left:0 !important;
  left:0px; 
  top:50px !important; 
  top:50px;
  z-index:9;
} 
 
div#ssmenu1a
{
	  z-index:3;
}

.sousmenu3
{
  width:auto;
  min-width:170px;
  text-align:left;
  position:absolute;
  color:#FF6600;
  z-index:9;
  font-size:10px;
  visibility:hidden;
  border:thin solid #FF6600;
  margin-left:130px;
  margin-top:-20px;
}

.sousmenu2
{
  width:auto;
  min-width:150px;
  text-align:center;
  position:absolute;
  color:#FF6600;
  z-index:9;
  font-size:9pt;
  visibility:hidden;
  border:thin solid #FF6600;
  margin-left:140px;
  margin-top:-5px;
}


.sousmenu
{
  width:200px;
  text-align:center;
  position:absolute;
  top:38px;
  background:#333333;
  color:#FF6600;
  z-index:9;
  font-size:12px;
  visibility:hidden;
  border:thin solid #FF6600;
}

.sousmenu a, .sousmenu2 a
{
  padding:5px;
  padding-left:15px;
  color:#FF6600;
  display:block;
  font-weight:100;
  background:#333333;
  border-bottom:thin solid #FF6600;
} 

.sousmenu a:visited, .sousmenu a:link
{
  padding:5px;
  background-color:#333333;
  color:#FF6600;
  text-decoration:none;
  border-bottom:thin solid #FF6600;
  font-weight:100;
}

.sousmenu a:hover
{
  padding:5px;
  color:#FFFFFF;
  text-decoration:none;
  font-weight:100;
  visibility:visible;
  z-index:100;
  display:block;
}

span.mActuel
{
  color:white;  
}

#menu1x1 li a
{
  color:green;
}

#menu1x2 li a
{
  color:red;
}





/*************Menu 2 fond #FF6600**************/
#menu2
{
 /* position:relative;*/
  _background:url(../images/menu2.png) no-repeat; /**ciblage ie6**/
  background:url(../images/declinaison/menuB.png) no-repeat;
  width:585px;
  /*width:585px !ie; ie 6,7*/
  height:25px;
  font-size:14px;
  margin:0 0 0 100px;
  float:right;
}  

/*cible ie8*/
html>/**/body #menu2 
{ 
width:585px;  
}


#menu2 ul
{
  list-style-type: none;
  float:right;
  /*background:#FF6600;*/
  margin:0 20px 0 0px;
  padding:0;
  padding-right:5px;
}
#menu2 li
{              /*  l'arrière-plan constitue la partie gauche du bouton  */
  float:right;
  margin:0;
  height:15px;
  display:inline;
}

#menu2 ul li a 
{
  margin:0;
  padding: 8px;
  padding-top:0px;
  color:black;  
  text-decoration:none;
  text-align:center;
  
}

#menu2 li a:hover
{
  color:gray;
  text-decoration:none;
}

    
/*************corps***************************/    
#corps   
{
/*  background:url(../images/bas.jpg);
  background-repeat: no-repeat;*/
  min-height:306px;       /**hack min-height ie6**/
  height:auto !important;  /**val 1 interprétée puis la 2eme importante prise, mais comme vide elle ets abandonnée**/
  height:306px;
}

#images
{
  width:780px;
  margin:0 0 0 60px;  
  padding-top:0 10px;
}

#images ul
{
  list-style-type:none;
  margin:0 0 0 189px;
}    

#images ul li
{
  display:inline;
  padding:2px;
}


#etude 
{
  margin:53px 0 0 38px;
  /*width:900px;*/
  height:76px;  
}
#etude div
{
  float:left;
  margin-right:10px;
}

#produit
{
  background:#333333;
  width:205px;
  height:74px;
}

#produit p
{
  padding:3px 0 0 3px;
}
 
#produit p a
{
  color:#F63217;
  text-decoration:none;
  padding:5px 0 0 5px;
}
 
#produit p a:hover
{
  color:white;
}
  
div#produit+div
{
  margin:0 20px 0 0;
}

div#produit+div >img
{
  border:2px solid #f00;
}

#entreprise
{
  background:#FBB03B;
  width:143px;
  height:74px;
}


#ecoconcept
{
  background:#CF0;
  width:207px;
  height:74px;
}

#ecoconcept p a
{
  color:#666666;
  text-shadow:1px solid #666666;
  text-decoration:none;
  font-weight:lighter;
}

#ecoconcept p a:hover
{
  color:#f00;
  text-shadow:1px solid #666666;
  text-decoration:none;
  font-weight:lighter;
}

#ecoconcept p
{
  padding:3px 0 0 3px;
  text-align:center;
}

#entreprise p
{
  padding:3px 0 0 3px;
}

#entreprise p a
{
  color:#666666;
  text-shadow:1px solid #666666;
  text-decoration:none;
}
 
#entreprise p a:hover
{
  color:white;
}

div#entreprise+div >img
{
  border:1px solid #F93;
}

#etude p a
{ 
  font-size:20pt;
  text-align:left;
  padding:5px;
  cursor:pointer;
}

div#entreprise > div > img
{
	border: 1px solid #F93;
}

#bilan_carbone
{
  
  margin:10px 0 0 200px;  
  font-weight:thin;
}


#actu_basse
{
	font-size:10px;
	color:#F60;
	font-weight:900;
	position:absolute;
	right:41px;
	width:320px;
	height:240px;
	top:447px;
	text-align:left;
	z-index:1;
	display:none;
}


#bilan_carbone2
{
	font-size:20px;
	color:#F60;
	font-weight:900;
	position:absolute;
	left:37px;
	width:400px;
	top:515px;
	text-align:left;
}

#bilan_carbone2 img
{ border:solid 2px #CF0; }

#bilan_carbone2 a
{
	color:#F60;
	text-decoration:none;
}

#bilan_carbone2 a:hover
{
	text-decoration:underline;
}

#bilan_carbone p
{
  color:#999999;
  text-decoration:none;
  margin:0;
  font-size:17pt;
  font-weight:thin;
}

#bilan_carbone a{
	  color:#999999;
	  text-decoration:none;

	  }

#bilan_carbone a:hover{
	  color:#999999;
	  text-decoration:none;

	  }

#bilan_carbone img
{
  position:relative;
  left:110px;
  bottom:25px;  
}

/**********contenu text et images***********/
#contenu
{
  width:915px;  
  height:auto;
  margin:90px 0 0 155px !important;
  margin:70px 0 0 155px;
  
  margin:0!important;
  margin:0;
  
  padding:20px 0 0 38px;
  font-size:10pt;
  background:white;
  clear:none;
  display:none; /**enlever pour utiliser le contenu**/
  

}

#contenu div 
{
  display:inline-block;
  

}

#texte
{
   border:1px dashed gray;
   *width:50%; /*ie7*/
   *float:left;
}

#texte p
{
  width:450px; 
  padding:10px;

}

#imageCt
{
 border:1px dashed green;
 *width:45%;
 *float:right;
}




/*********pied de page*******************/
#footer
{
  
  /*margin:95px 0 0 155px !important; **à modifier si on veut mettre le contenu, la margin-top doit diminuer***/
  _margin:0; /*ie6*/  
  margin:5px auto;
  
  width:915px; 
  text-align:center;
  color:#949393;
  padding:20px 0 0 38px;
  font-size:10pt;
}

#footer a
{
  text-decoration:none;
  color:#949393;
}    

#footer a:hover
{
  color:#6699ff;
  text-decoration:underline;
}


div#legal h1{
	color:#804000;
	font-size:18px;}
	
div#legal ul{
	list-style:circle;
	margin-left:10px;}

div#legal li{
	list-style:circle;
	margin-left:10px;}
	
/*	
	#contenuText{
		width:800px;}*/
		
		
#texte_accueil{
	  					float: left;
                        font-size: 12px;
                        font-weight:bold;
                        height: auto;
                        margin: 25px 25px 0px 50px;
                        padding: 0;
                        text-align: justify;
                        width: 540px;
						color:#000;
						}

#texte_accueil strong{  color:#FF6600; }

#carroussel_container {
	
	float:right; width: 300px; min-height: 200px; border: thin solid #FF9900;
    border-radius: 10px 10px 10px 10px; margin-right:20px; padding:0;
	padding-bottom:5px;
	background:#FFF;
	
	}


#carroussel_container h1{
	
		color:#F60;
		font-size:18px;
		font-weight:900;
		margin-left:5px;
	
	}
	
.carousel{ margin-bottom:0; }