/* CSS Document */

/* pierrick LAURENT */
*{
	margin:0;
	padding:0;
	}
.clear{
	clear:both;
	height:0px;
	line-height:0px;
	}
#haut1{
	background:url(images/fondhaut1.jpg) repeat-x top left;
	width:100%;
	}	
	
#haut2{
	background:url(images/fondhaut2.jpg) repeat-x top left;
	width:100%;
	}
	
#haut3{
	background:url(images/fondhaut3.jpg) repeat-x top left;
	width:100%;
	}
	
#conteneur{
	width:955px;
	margin:0 auto;
	padding:0;
	position: relative;
	}
#contenu{
	width:855px;
	margin:0 auto;
	padding:0 50px;
	}
#contenuinterne{
	background:url(images/couple.jpg) no-repeat 50px bottom;
	width:855px;
	margin:0 auto;
	padding:0 50px 0 50px;
	}	
#bandeau1{
	background:url(images/bandeau1.jpg) repeat-x top left;
	padding: 0 50px;
	height: 300px;
	}
#bandeau2{
	background:url(images/bandeau2.jpg) repeat-x top left;
	padding: 0 50px;
	height: 300px;
	}
#bandeau3{
	background:url(images/bandeau3.jpg) repeat-x top left;
	padding: 0 50px;
	height: 300px;
	}
	
#bandeau4{
	background:url(images/bandeau4.jpg) repeat-x top left;
	padding: 0 50px;
	height: 300px;
	}			
		
#logo{
	margin:0 0 0 20px;
	padding: 20px 0 0 0;
	}
/**********************************menu*****************************/
#menu1{
	margin:60px 0 0 0;
	padding: 0 0 0 20px;
	}
	
#menu1 ul{
	padding:0;
	list-style-type: none;
	}
		
#menu1 ul li{
	display:block;
	margin:13px 0 13px 0;
	height:19px;
	}	
	
#menu1 ul li a {
	display:block;

	text-decoration: none;
	height: 19px;
	} 
	
#menu1 ul li a#accueil{
	background:url(images/accueilvert.jpg) no-repeat top left;
	width:92px;
	height: 19px;
	}
#menu1 ul li a#prestations{
	background: url(images/prestavert.jpg) no-repeat top left;
	width:124px;
	height:19px;
	}
#menu1 ul li a#realisations{
	background: url(images/reavert.jpg) no-repeat top left;
	width:130px;
	height:19px;
	}
#menu1 ul li a#contact{
	background: url(images/contactvert.jpg) no-repeat top left;
	width:100px;
	height:19px;
	}	
	
#menu1 ul li a#accueil:hover{
	background:url(images/accueilvert.jpg) no-repeat bottom left;
	width:92px;
	height:19px;
	}
#menu1 ul li a#prestations:hover{
	background: url(images/prestavert.jpg) no-repeat bottom left;
	width:124px;
	height:19px;
	}
#menu1 ul li a#realisations:hover{
	background: url(images/reavert.jpg) no-repeat bottom left;
	width:130px;
	height:19px;
	}
#menu1 ul li a#contact:hover{
	background: url(images/contactvert.jpg) no-repeat bottom left;
	width:100px;
	height:19px;
	}			
/*************************************************************************/
#menu2{
	margin:60px 0 0 0;
	padding: 0 0 0 20px;
	}
	
#menu2 ul{
	padding:0;
	list-style-type: none;
	}
		
#menu2 ul li{
	display:block;
	margin:13px 0 13px 0;
	height:19px;
	}	
	
#menu2 ul li a {
	display:block;

	text-decoration: none;
	height: 19px;
	} 
	
#menu2 ul li a#accueil{
	background:url(images/accueilbleu.jpg) no-repeat top left;
	width:92px;
	height: 19px;
	}
#menu2 ul li a#prestations{
	background: url(images/prestableu.jpg) no-repeat top left;
	width:124px;
	height:19px;
	}
#menu2 ul li a#realisations{
	background: url(images/reableu.jpg) no-repeat top left;
	width:130px;
	height:19px;
	}

#menu2 ul li a#prestationsact{
	background: url(images/prestableu.jpg) no-repeat bottom left;
	width:124px;
	height:19px;
	}
#menu2 ul li a#realisationsact{
	background: url(images/reableu.jpg) no-repeat bottom left;
	width:130px;
	height:19px;
	}
	
#menu2 ul li a#contact{
	background: url(images/contactbleu.jpg) no-repeat top left;
	width:100px;
	height:19px;
	}	
	
#menu2 ul li a#accueil:hover{
	background:url(images/accueilbleu.jpg) no-repeat bottom left;
	width:92px;
	height:19px;
	}
#menu2 ul li a#prestations:hover{
	background: url(images/prestableu.jpg) no-repeat bottom left;
	width:124px;
	height:19px;
	}
#menu2 ul li a#realisations:hover{
	background: url(images/reableu.jpg) no-repeat bottom left;
	width:130px;
	height:19px;
	}
#menu2 ul li a#contact:hover{
	background: url(images/contactbleu.jpg) no-repeat bottom left;
	width:100px;
	height:19px;
	}
/*********************************************************************************/
#menu3{
	margin:60px 0 0 0;
	padding: 0 0 0 20px;
	}
	
#menu3 ul{
	padding:0;
	list-style-type: none;
	}
		
#menu3 ul li{
	display:block;
	margin:13px 0 13px 0;
	height:19px;
	}	
	
#menu3 ul li a {
	display:block;

	text-decoration: none;
	height: 19px;
	} 
	
#menu3 ul li a#accueil{
	background:url(images/accueiljaune.jpg) no-repeat top left;
	width:92px;
	height: 19px;
	}
#menu3 ul li a#prestations{
	background: url(images/prestajaune.jpg) no-repeat top left;
	width:124px;
	height:19px;
	}
#menu3 ul li a#realisations{
	background: url(images/reajaune.jpg) no-repeat top left;
	width:130px;
	height:19px;
	}
#menu3 ul li a#contact{
	background: url(images/contactjaune.jpg) no-repeat top left;
	width:100px;
	height:19px;
	}
#menu3 ul li a#contactact{
	background: url(images/contactjaune.jpg) no-repeat bottom left;
	width:100px;
	height:19px;
	}	
	
	
#menu3 ul li a#accueil:hover{
	background:url(images/accueiljaune.jpg) no-repeat bottom left;
	width:92px;
	height:19px;
	}
#menu3 ul li a#prestations:hover{
	background: url(images/prestajaune.jpg) no-repeat bottom left;
	width:124px;
	height:19px;
	}
#menu3 ul li a#realisations:hover{
	background: url(images/reajaune.jpg) no-repeat bottom left;
	width:130px;
	height:19px;
	}
#menu3 ul li a#contact:hover{
	background: url(images/contactjaune.jpg) no-repeat bottom left;
	width:100px;
	height:19px;
	}
	
/*******************************************************************************/	
span.visible{
	visibility:hidden;}

/************************************contenu**********************************/
#gauche{
	width:240px;
	float:left;
	margin:0 20px 0 0;
	}	

#gauche3{
	width:855px;
	margin:0;
	}	 
	
#gaucheinterne{
	width:240px;
	float:left;
	margin:0 20px 170px 0;
	}

#droite{
	width:575px;
	float:left;
	background-color: #f3f3f3;
	padding: 0 0 20px 20px;
	}
#droite2{
	width:575px;
	float:right;
	background-color: #f3f3f3;
	padding: 0 0 20px 20px;
	}
p.titre{
	padding:15px 0 14px;
	}
	
p.filetrouge{
	background:url(images/filetrouge.jpg) repeat-x top left;
	height:1px;
	line-height:1px;
	margin: 0 0 10px 0;
	}
	
p.filetpointiller{
	background: url(images/pointiller.jpg) repeat-x top left;
	height:1px;
	line-height:1px;
	margin: 0 0 10px 0;
	}		

p.filetbleu{
	background:url(images/filetbleu.jpg) repeat-x top left;
	height:1px;
	line-height:1px;
	margin: 0 0 10px 0;
	}
	
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:justify;
	}
	
p.alinea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:justify;
	padding: 0 0 0 15px;
	}	
.centrer{
	text-align:center;
	margin:0 auto;
	}
	
.centrer a{
	display:block;
	width:135px;
	height:23px;
	text-decoration:none;
	border:0px;
	background:url(images/devis.jpg) no-repeat top left;
	margin: 0 auto;
	}
	
.centrer a:hover{
	background:url(images/devishover.jpg) no-repeat top left;
	}	
			
.bleu{
	color:#076CA4;
	}	
	
.rouge{
	color:#9d132e;
	}	
	
.gros{
	font-weight:bold;
	font-size:12px;
	}
	
.titrefleche{
	padding:0 0 0 15px;
	background:url(images/flechebleue.jpg) no-repeat 1px 2px;
	font-weight:bold;
	font-size:12px;
	}		
	
.titreflecherouge{
	padding:0 0 0 15px;
	background:url(images/flecherouge.jpg) no-repeat 1px 2px;
	font-weight:bold;
	font-size:12px;
	}	
#colgauche{
	width:256px;
	padding:0 20px 0 0;
	float: left;
	}	
	
#coldroite{
	width:268px;
	padding:15px 0px 0 0px;
	float: left;
	}		
	
#coldroite img{
	margin:0 0 10px 0;
	}
	
#coldroiteinterne{
	width:268px;
	padding:0;
	float: left;
	}		
	
#coldroiteinterne img{
	}		
/**************************************footer***************************************/
#bas{
	background:url(images/bgfooter.jpg) repeat-x top left;
	width:100%;
	clear: both;
	}

#footer{
	background:url(images/fondfooter.jpg) no-repeat top left;
	padding:25px 50px 30px 50px;
	width:855px;
	margin: 0 auto;
	}
	
#adresse{
	float:left;
	padding: 0 55px 0 0;
	}	
/****************menubas*****************/
#menubas{
	float:left;
	width: 480px;
	padding: 0 0 0 60px;
	height: 12px;
	font-size: 11px;
	
	}
#menubas ul{
	margin: 0 0 15px 0;
	}

#menubas ul li{
	list-style-type:none;
	border-right: 1px solid;
	border-right-color: #076CA4;
	display: inline;
	height:12px;
	padding: 0 10px 0 10px;
	}
	
#menubas ul li#sansbord{
	border:none;
	}	
	
#menubas ul li a{
	color: #076CA4;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#menubas ul li a:hover{
	color: #94B950;
	}			

.tt{
	width:286px;
	margin:0 auto;
	}
	
.tt a{
	display:block;
	width:286px;
	height:65px;
	background:url(images/tt.jpg) no-repeat top left;
	text-decoration: none;
	}	
.tt a:hover{
	background:url(images/tthover.jpg) no-repeat top left;
	}


/**********************************page interne*******************************/
ul.charte{
	background:url(images/encart-liste.jpg) no-repeat top left;
	width:259px;
	height:213px;
	padding: 15px 0 0 0;
	}
	
ul.charte li{
	list-style-type:none;
	background:url(images/flecheblanche.gif) no-repeat 13px 3px;
	padding:0 0 0 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	}	

img.floatleft{
	float:left;
	margin: 0 5px 0 0;
	}
	
#coldroite img.margin{
	margin:0;
	}	

img.floatleft2{
	float:left;
	margin: 3px 5px 8px 0;
	border: 1px solid;
	border-color: #076CA4;
	}

/************************************contact*****************************************/
#enveloppe{
	background:url(images/enveloppe.jpg) no-repeat left 4px;
	padding: 0 0 0 50px;
	}

#enveloppe p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	text-align:justify;
	}

#tel{
	background:url(images/tel.jpg) no-repeat left 1px;
	padding: 6px 0 6px 50px;
	margin:10px 0 10px 0;
	}

#tel p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	text-align:justify;
	}
	
#mail{
	background:url(images/arobase.jpg) no-repeat left 1px;
	padding: 6px 0 6px 50px;
	}

#mail p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	text-align:justify;
	}	


/*--------------pop up--------------*/

#photo6 {
	display: none;
	position: absolute;
	top: 40px;
	left: 80px;
	height: 450px;
	width: 600px;
	border:none;
	z-index: 2000;
}

#photo6 img {
	border: 2px solid #f96002;
}

.fermer-carte {
	background: #f96002;
	line-height: 16px;
	height: 18px;
	padding-right: 1px;
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}
.fermer-carte a {
	color: #FFFFFF;
	display: block;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.fermer-carte a:hover {
	color: #990000;
	text-decoration: none;
}
.cadreX {
	border: 1px #f96002 solid;
	padding: 0px 3px;
}

/*------------------formulaire-------------*/


#form{
	padding:0px 0px 0px 0px;
	margin:5px 0 0 0;
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 268px;
}

p.formu{
	float:left;
	display:block;
	width: 268px;
	}
	
.intitule{
	display:block;
	height:15px;
	float:right;
	margin: 4px 0 0 0;
	padding: 0 5px 0 0;
	color: #F45F01;
	}

label{
	display:block;
	font-size:12px;
	float:left;
    width:;
    font: Arial, Helvetica, sans-serif;
	margin: 4px 0 0 0;
}

.input{
    height:;
	font-size:12px;
	font: Arial, Helvetica, sans-serif;
	padding:2px 0px 2px 4px;
	margin:2px 0px 2px 0px;
	float: right;
	background-color: #F3F3F3;
	color:#333333;
	border: solid 1px;
	width: 200px;
}

textarea{
    height:;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	border:solid 1px;
	padding:0px 0px 0px 0px;
	margin:3px 0px 0px 0px;
	float: left;
	width: 270px;
	color: #333333;
	background-color: #F3F3F3;
	height: 60px;
}

#bouton{
	display:block;
	width: 60px;
	height:20px;
	padding:0px 0px 0px 0px;
	margin:2px 0px 0px 0px;
	font-size:12px;
	cursor:pointer;
	float: right;
	border:solid 1px;
}