/* ---------------------- Redslate nav ---------------------- */
.red #slatenav{position:abolute;margin-top:5px;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(http://www.colitor.com/images/redslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.red #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.red #slatenav ul li{display:block;float:left;margin:0 20px 0 0;}
.red #slatenav ul li a{display:block;float:left;color:#FECCC3;text-decoration:none;padding:14px 2px 0 10px;height:28px;}
.red #slatenav ul li a:hover,.red #slatenav ul li a.current{color:#fff;background:transparent url(http://www.colitor.com/images/redslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Redslate nav ---------------------- */



/*fin du menu*/

#lightbox{
	background-color:#ddd; /* couleur du cadre de la photo agrandie */
	padding: 5px; /* largeur du cadre */
	border-bottom: 4px solid #666;
	border-right: 4px solid #666;/* effet de relief sur le cadre */
}
#lightboxDetails{
	font-size: 0.6em; /* allure de la légende */
	padding-top: 0.4em;
	font-family:verdana;font-size:8pt;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://www.colitor.com/overlay.png); }

* html #overlay{
	background-color: #333; /* couleur de transparence */
	background-color: transparent;
	background-image: url(http://www.colitor.com/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}
	
.img_mini{border:1px dotted #666} /* bordure pour la miniature */

/*fin diapo*/

.Style1 {color: #000000}
a:hover {
	color: #000;
}

body {
margin : 0 ; 
padding : 0 ; 
text-align : center;
font-family : arial;
font-size : 12px;
margin-top: 12px ;
background : #FFFFFF url(http://www.colitor.com/images/fondcontour.jpg) repeat-x ;

}

#bloc_flash {
z-index:10;


}

#content {
width : 970px;
margin-left : auto;
margin-right : auto;
margin-top:0px;


}

#naviguation {
margin : 5px 0 0 0;
width : 100%; 
height : 22px ;
background : #0A284E url(http://www.colitor.com/images/nav.gif);   }
html>body #naviguation { height: auto; min-height:  22px;}


#naviguation ul{
margin : 0; 
padding : 0; 
list-style : none;}

#naviguation li{
 float : left;}

#naviguation li a {
display : block;
padding : 2px 20px 0 20px;
margin :  0 ;
color : #fff;
text-decoration : none;
background :  url(http://www.colitor.com/images/sep.gif) right 4px no-repeat;}

#naviguation li a:hover {
color : #ccc;
}



#centre {
width : 100%;
margin-top:10px; 
text-align : left;
height : 470px;  }
html>body #centre { height: auto; min-height:  470px;}


#bloc_presentation {
	float : left;
	width : 450	px;
	color : #ffffff;
	margin-left:0px;
	font-size : 15px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:5px;
	background-color:#FFFFFF;
}

#bloc_realisation {
	float : left;
	width : 978	px;
	color : #ffffff;
	padding:10px;
	margin-left:10px;
	margin-top:0px;
	background-color:#FFFFFF;
}


#bloc_photo1 {
	float : left;
	width : 214px;
	color : #ffffff;
	margin-top:5px;
	margin-left:1px;
	padding:3px;
	background-color:#fff;
	
	
	}
	

#bloc_photodiapo {
	float : left;
	width : 214px;
	color : #ffffff;
	margin-top:5px;
	margin-left:46px;
	padding:5px;
	background-color:#fff;
	
	
	}
	
	#bloc_nosforces {
	float : left;
	width : 400px;
	height:100px;
	color : #000000;
	margin-left:0px;
	padding:0px;
	
	
	}
	
	#bloc_texrealisation {
	float : left;
	width : 160px;
	color : #000000;
	margin-top:5px;
	margin-left:0px;
	padding:6px;
	
	}
	
	#bloc_texrealisationlogo {
	float : left;
	width : 160px;
	height:170px;
	color : #000000;
	margin-top:5px;
	margin-left:0px;
	padding:6px;
	background-repeat:no-repeat;
	
	
	}


#bloc_details {
	float : left;
	width : 300px;
	color : #ffffff;
	margin-top:0px;
	margin-left:0px;
	padding:11px;
	background-color:#fff;
}

#bloc_details2 {
	float : left;
	width : 440px;
	color : #ffffff;
	border:#000000;
	margin-top:0px;
	margin-left:25px;
	padding:6px;
	background-color:#fff;
}

#bloc_details3 {
	float : left;
	width : 900px;
	color : #ffffff;
	border:#000000;
	margin-top:0px;
	margin-left:30px;
	padding:6px;
	background-color:#fff;
}


#bloc_ousommesnous {
	float : left;
	width : 968px;
	margin-top:2px;
	margin-left:0px;
	padding:0px;
	background-color:#fff;
	
}



#bloc_logoavcmrealisationrenov {
	float : left;
	width : 700px;
	color : #ffffff;
	border:#000000;
	margin-top:0px;
	margin-left:50px;
	padding:6px;
	background-color:#fff;
}

#bloc_logoavcmrealisation {
	float : left;
	width : 800px;
	color : #ffffff;
	border:#000000;
	margin-top:0px;
	margin-left:70px;
	padding:6px;
	background-color:#fff;
}



#bloc_texte_image {
	float : left;
	width : 500px;
	margin : 0 0 0 20px;
	background : transparent;
	font-family: Arial, Helvetica, sans-serif;
}


#bloc_texte_image ul {
margin : 5px 0 0 0;
 padding : 0; 
 list-style : none;
 font-size : 10px
}
#bloc_texte_image li {
padding : 0; 
margin : 3px 0 0 0; 
}

#bloc_texte_image li a {
height : 8px; 
display : block;
text-decoration : none;
color : #0A284E;
background : url(http://www.colitor.com/images/liste.gif) left no-repeat; 
text-indent : 10px; 
}
html>body #bloc_texte_image li a  { height: auto; min-height:  13px;}


#bloc_texte_image li a:hover {
text-decoration : none;
color : #9B856C;
}



#bloc_texte_image img {
margin : 20px 0 0 0;
padding : 0;
border : 1px solid #274163;
display : block;}

#bloc_texte_image p{
margin : 0;
padding : 0;
color : #fff;
background : #274163;
text-indent : 10px;
}




#bloc_texte p{
margin : 0px 0 0 1px;
padding : 0; }

#bloc_texte h1{
padding : 15px 0 10px 1px;
margin : 0;
font-family : arial, verdana }




#articles {
width : 100% ; 
background : #fff;
font-size : 12px;}

#articles p { margin : 0}

#articles img{
float : left ; display : block }



#bloc_bureauetude {
width : 510px;
margin : 15px 0 0 0; 
padding : 0 0 0 0; 
float : right ;
text-align : justify;
background-color:#FFFFFF;


}


#bloc_menubas {
width : 970px; 
margin : 0 0 0 0px; 
padding : 0 0 0 0; 
float : left ;
text-align : left;
background-color:#FFFFFF;

 }



#bloc_menubas {
width : 970px; 
margin :  0 0 0 0px; 
padding : 0 2px 0 0; 
float : left ;
font-size:12px;
text-align : center;
background-color:#FFFFFF;


 }

#menu_bas li a:hover {
text-decoration : none;
padding: 0 50px;
color : #cccccc;
width:940;
}




.titre_articles {  
float : left;  
width : 510px; 
height : 45px ;
background-color:#FFFFFF;

 }
 
 .titre_brochure { 
float : left; 
width : 610px;
margin : 0 50px 0 0 ;

 }
 
  
 .titre_brochure2 { 
float : left; 
width : 250px;
margin : 0 50px 0 0 ;
background-image:url(http://www.colitor.com/images/fondbrochure.jpg);
height:450px;

 }


html>body .titre_articles { height: auto; min-height:  45px;

}

.titre_articles img {float : left}
.titre_articles h3 { margin : 0 ; padding : 0 0 0 50px; color : #000000; }
.titre_articles p { margin : 0 ; padding : 0 0 0 50px; }

.spacer2 {clear : both ; width : 968px ; height : 15px; }

.spacer {clear : both ; height : 13px; }

.mbas {
background : url(http://www.colitor.com/images/footer.jpg) repeat-x ; 
margin : 5px 0 0 0; 
clear : both ;
 height : 13px; 
 padding : 0 0px 0px 0;
 color : #000;
 text-align : left;
 font-size : 10px; }
 
 .mbas p{
padding : 2px 50px 0 15px }

 .mbas a{
color : #fff}

 .mbas a:hover{
color : #f4a113}

.mbas {
background : url(http://www.colitor.com/images/footer.jpg) repeat-x ; 
margin : 0 0 0 0; 
clear : both ;
 height : 16px; 
 padding : 0 50px ;
 color : #fff;
 text-align : left;
 font-size : 12px; }
 
 .footer p{
padding : 1px 0 0 5px }

 .footer a{
color : #000}

 .footer a:hover{
color : #f4a113}


.boot {margin : -10px 0 0 0; 
position : absolute; 
display : block;
background : #fff ; 
padding : 4px; 
color : #0D294E;
font-weight : bold; 
font-family : times;
font-size : 14px;
height : 23px; }

.boot_002 {

display : block;
float:left;  
padding : 0 0 0 0; 
margin :  0 0 0 0px; 
color : #000; 
height : 14px;
font-size : 9px}


a {text-decoration : none; color  : #000}
a:hover {text-decoration : none; color : #0A284E;}

.link a{
float : right ; 
padding : 0 ; 
margin : 0 ; 
color : #886C4E ; 
text-decoration : underline; }



.menutexte {
font-size:14px;
font-style:normal;
font:Arial, Helvetica, sans-serif;
color:#000000;

}
#logo-zone {
	width:500px;
	height:145px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
}

#construction {
	width:500px;
	height:145px;
	float:none;
}
#maison h1 {
	background: transparent url(http://www.colitor.com/images/logobande.jpg) no-repeat left top;
	width:500px;
	height:145px;
	display:block;
	margin: 0px;
	text-indent: -9009px;
}
#maison h1 a { 
	width:500px;
	height:145px;
	display:block;
}