body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0;
	margin:0 auto;
	background-color:#91B2DD;
}
.main{
	width:900px;
	margin:0px auto;
	text-align:left;
	padding-top: 30px;
	/*border-style: dashed;
	border-color: purple;*/
}
#header{
	height:135px;
	width:650px;
	padding-bottom: 30px;
	background-position:top;
	/*border-style: dashed;
	border-color: purple;*/
}

#left{
	position:relative;
	/*width:650px;*/
	/*min-height:300px;*/
	float:left;
	overflow:hidden;
/*	padding-top: 20px;*/
	/*margin-bottom:10px;*/
	/*border-style: dashed;
	border-color: red;*/
}
#right{
	position:relative;
	/*width:300px;*/
	/*min-height:300px;*/
	float:right;
	overflow:hidden;
    /*border-style: dashed;
	border-color: black;*/
}

#menu_nav {
	padding:14px 0px 14px 0px;
	/*width:150px;*/
	clear:both;	
	/*border-style: dashed;
	border-color: blue;*/
}

#footer{
	position:relative;
	/*width:1000px;*/
	clear:left;
	border-top:5px solid #EEEA25;
	background-repeat:repeat-x;
	background-position:top;
	height:80px;
	padding:10px 10px 0 0;
	text-align:right;
	/*border-style: dashed;
	border-color: green;*/
}
.logo{
	padding:0px 0 0 0px;
	position:absolute;
	
	/*border-style: dashed;
	border-color: purple;*/
}
.slogan1{
	padding:5px 0 0 180px;	
	position:relative;
	font-size:32px;
	font-family: Algerian;
	/*border-style: dashed;
	border-color: yellow;*/
}

.slogan2{
	padding:3px 0 0 120px;	
	position:relative;
	font-size:12px;
	text-align: center;
	font-family: Arial black;
	font-weight:bold;
	/*border-style: dashed;
	border-color: yellow;*/
}

.slogan1_1{
	font-style:italic;
	/*border-style: dashed;
	border-color: yellow;*/
}

.slogan3{
	padding:0px 0 0 110px;	
	position:relative;
	font-size:16px;
	text-align: center;
	font-family: Arial black;
	font-weight:bold;
	/*border-style: dashed;
	border-color: yellow;*/
}
a{
	/*color:#74B739;*/
	color:#000000;
	background-color:inherit;
	border:0px;
}
a:hover{
	color:##EFD242;
	background-color:inherit;
	text-decoration:none;
}
#menu_nav a {
	color:#000000;
	/*background-color:#74B739;*/
	/*background-color:#EFD242;*/
	background-color:#EEEA25;
	font-weight:bold;
	font-size:12px;
	/*width:100%;*/
	text-decoration:none;
	padding:7px 23px 7px 22px;
	border:1px solid #35830D;
}

#menu_nav a:hover {
	color:#ffffff;
	/*background-color:#35830D;*/
	background-color:#F7EE11;
	/*background-color:#D1B606;*//*jaune banane*/
	text-decoration:none;
	padding:7px 23px 7px 22px;
}
.title1{
	/*width:650px;*/
	font-size:18px;
	font-weight:bold;
	/*color:#737373;*/
	color:#000000;
	background-color:inherit;
	/*font-style:italic;*/
	margin:0 10px 0 10px;
}

.title2{
	/*border-bottom:3px solid #EFD242;*/
/*	width:110px;*/
	position:relative;
	font-size:14px;
	font-weight:bold;
	/*color:#737373;*/
	color:#000000;
	background-color:inherit;
	/*font-style:italic;*/
	/*border-style: dashed;
	border-color: blue;*/
}

.title3{
	/*width:650px;*/
	font-size:18px;
	font-weight:bold;
	/*color:#737373;*/
	color:#000000;
	background-color:inherit;
	text-align:center;
}
#title_1{
	text-align:left;
	/*text-decoration: underline;*/
}

#title_2{
	text-align:center;
	/*text-decoration: underline;*/
}

#title_3{
	text-align:right;
	/*text-decoration: underline;*/
}

.contenu ul li , .contenu_a ul li , .contenu_b ul li , .contenu_c ul li {
	margin-top:5px;
	font-size:12px;
}

.text1{
	/*border:1px solid #D1D1D1;*/
	/*width:650px;*/
	font-size:15px;
	margin:3px 10px 0 0;
	padding:3px;
	background-color:#EEEA25;
	/*background-color:#F7EE11;*/
	/*font-family: Algerian;*/
}


.text1 ul li{
	margin-top:5px;
}

.text2{
	border:1px solid #D1D1D1;
	width:130px;
	margin:3px 0px 0 0;
	padding:5px;
}
.text3{
	width:130px;
	margin:0 0 0 0;
	padding:5px;
}
.text4{
	width:120px;
	margin:0 0 0 0;
	padding-top:5px;
}

.text4 a {
	/*border-style: dashed;
	border-color: yellow;*/
	padding-left: 20px;
	font-size:12px;
	font-weight:bold;
}

.text5{
	width:580px;
	margin:5px 10px 0 0;
	padding:3px;
	font-weight:bold;
}

.text6{
	padding-left:60px;
	font-weight:bold;
	text-align:center;
}

.cp{
	float:left;
	padding-left:10px;
}



/*********************************/
.cadre_arrondi div { float: left; } /* S'apllique à tous les divs de .cadre_arrondi */
.hg, .gauche, .gauche2, .gauche3, .gauche4, .gauche_a ,.gauche_b, .gauche_c, .bg { clear: left; } /* Pour passer outre le float des blocs précédents */

.hg { background-image: url('images/coin-h-g.png'); }
.hd { background-image: url('images/coin-h-d.png'); }
.bg { background-image: url('images/coin-b-g.png'); }
.bd { background-image: url('images/coin-b-d.png'); }
.gauche, .gauche2, .gauche3 , .gauche4, .gauche_a, .gauche_b, .gauche_c { background-image: url('images/gauche.png'); }
.droite, .droite2, .droite3, .droite4, .droite_a , .droite_b, .droite_c{ background-image: url('images/droite.png'); }
.haut, .haut2, .haut3 , .haut4{ background-image: url('images/haut.png'); }
.bas, .bas2, .bas3 , .bas4{ background-image: url('images/bas.png'); }
                        
/*.haut, .bas, .droite, .gauche { background-color: #FFFFFF; }*/

.cadre_arrondi {
	/*width: 650px;*/
	/*height: 150px;	*/
	overflow:hidden;
}
                  
.hg, .hd, .bg, .bd {
	width: 25px;
	height: 25px;
}
/******* TEMPLATE *** PArtie plus utilisée *****/	 

.haut, .bas {
	width: 550px;
	height: 25px;
}
      
 
.gauche, .droite {
	width: 25px;
	height: 130px;
}
                        
.contenu {
	width: 550px;
	height: 130px;
	background-color: #FFFFFF;
}

/************* DIV la recherche au produit ***/  
.contenu_a{
	width: 550px;
	height: 110px;
	background-color: #FFFFFF;
}
.gauche_a, .droite_a{
	width: 25px;
	height: 110px;
}
/************* DIV Le Savoir du Produit au Chantier ***/ 
.contenu_b{
	width: 550px;
	height: 170px;
	background-color: #FFFFFF;
}
.gauche_b, .droite_b{
	width: 25px;
	height: 170px;
}

/************* DIV L'Expérience du Chantier à l'Oeuvre ***/  
.contenu_c{
	width: 550px;
	height: 170px;
	background-color: #FFFFFF;
}
.gauche_c, .droite_c{
	width: 25px;
	height: 170px;
}

/*************** partie cadre de droite *** CONTACTS */                               

.haut2, .bas2 {
	width: 130px;
	height: 25px;
}
                        
.gauche2, .droite2 {
	width: 25px;
	height: 270px;
}
                        
.contenu2 {
	width: 130px;
	height: 270px; 
	background-color: #FFFFFF;	
}

/*************** partie cadre de droite **** documentation */                               

.haut3, .bas3 {
	width: 230px;
	height: 25px;
}
                        
.gauche3, .droite3 {
	width: 25px;
	height: 220px;
}
                        
.contenu3 {
    width: 230px;
    height: 220px;
	background-color: #FFFFFF;
}

/*************** partie CONTACTez nous */                               

.haut4, .bas4{
	width: 550px;
	height: 25px;
}
                        
.gauche4, .droite4 {
	width: 25px;
	height: 400px;
}
                        
.contenu4 {
    width: 550px;
    height: 400px;
	background-color: #FFFFFF;	
	overflow:hidden;
}