@charset "utf-8";
body {
	background-color: #FF5B00;
	background-image: url(img/bg_body.png);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#303030;
}
.transpa {visibility: hidden;}
.centrage {text-align: center;}

.firstparagraph:first-letter { 
	font-weight:bold;
	font-size: 19px;
	margin-right: 2px;
}

a:link { color:#FF5B00; text-decoration: none;}
a:visited { color:#FF5B00; text-decoration : none; }
a:hover {color:#5C5C5C; text-decoration: none;}
a:active { color:#FF5B00; text-decoration : none;}


/***** structure global  ****/
#global {
	width: 904px;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
#header {
	background-image: url(img/bg_header.png);
	background-repeat: no-repeat;
	width: 904px;
	height: 54px;
}
#contenuleft, #contenuright {
	float: left;
}
#contenuleft {
	background-image: url(img/bg_logo.png);
	background-repeat: no-repeat;
	width: 169px;
	height: 296px;
}
#contenuright {
 	background-image: url(img/bg_contenuright.png);
	background-repeat: repeat-y;
	width: 735px;
}
h1 {
	font-size: 1px;
	margin: 0;
	padding: 0;
}
#conteneur {
 	background-image: url(img/bg_conteneur.png);
	background-repeat: no-repeat;
	width: 735px;
}
#contenu{
	/*background-image: url(img/bg_contenu.png);
	background-position: 0 160px;
	background-repeat: no-repeat;*/
	
	width: 600px;
	margin-left: 18px;
	background-repeat: no-repeat;
}
#footer {
	background-image: url(img/bg_footer.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 735px;
	height: 63px;
	clear: both;
}

/*** menu ***/
#menu ul{
	margin: 0;
	padding: 0;
	list-style-type:none;
}
#menu li{
	height: 147px;
	float: left;
}
#menu li a{
	display:block;
	height: 147px;
	text-decoration:none;
}
#menufirst {
	background-image : url(img/bg_menufirst.png);
	background-repeat: no-repeat;
	width: 69px;
}
#menuaccueil a{
	background-image: url(img/bg_menuaccueil.png);
	background-repeat: no-repeat;
	width: 86px;
}
#menuaccueil a:hover {
	background-image: url(img/bg_menuaccueil-hover.png);
	background-repeat: no-repeat;
	width: 86px;
}
#menuapropos a{
	background-image: url(img/bg_menuapropos.png);
	background-repeat: no-repeat;
	width: 95px;
}
#menuapropos a:hover {
	background-image: url(img/bg_menuapropos-hover.png);
	background-repeat: no-repeat;
	width: 95px;
}

#menuservices a {
	background-image: url(img/bg_menuservices.png);
	background-repeat: no-repeat;
	width: 90px;
}
#menuservices a:hover {
	background-image: url(img/bg_menuservices-hover.png);
	background-repeat: no-repeat;
	width: 90px;
}
#menurealis a {
	background-image: url(img/bg_menurealisations.png);
	background-repeat: no-repeat;
	width: 130px;
}
#menurealis a:hover {
	background-image: url(img/bg_menurealisations-hover.png);
	background-repeat: no-repeat;
	width: 130px;
}
#menucontact a {
	background-image: url(img/bg_menucontact.png);
	background-repeat: no-repeat;
	width: 96px;
}
#menucontact a:hover {
	background-image: url(img/bg_menucontact-hover.png);
	background-repeat: no-repeat;
	width: 96px;
}
#menuend {
	background-image: url(img/bg_menuend.png);
	background-repeat: no-repeat;
	width: 169px;
}

/*** contenu ***/
h3 {
	font-size: 15px;
	margin: 0;
	padding: 0;
	padding-top : 10px;
}

.iconbig {
	padding-right: 15px;
}


#titrepage {
	padding-top: 10px;
}
#texteintropage {
	width: 600px;
	height: 134px;
	margin-top:10px;
}
.introaccueil{
	background-image:url(img/banner-intro-accueil.png);
}
.introapropos{
	background-image:url(img/banner-intro-apropos.png);
}
.introrealisations{
	background-image:url(img/banner-intro-realisations.png);
}
.introcontact{
	background-image:url(img/banner-intro-contact.png);
}

#texteintropage .txt {
	color:#FFFFFF;
	font-weight: bold;
	padding-top: 52px;
	padding-left: 30px;
}

/** sous titre section **/
h2 {
	margin: 0;
	padding:0;
	margin-top: 10px;
}
.soustitre, .soustitrelittle {
	height:48px;
	width: 90%;
	border-left: 20px solid #303030;
	border-bottom: 1px dotted #303030;
	background-repeat: no-repeat;
	background-position: 15px 0;
}
.soustitrelittle {
	height:20px;
	background-image:url(img/titre-null.gif);
}

#titreservices {
	background-image:url(img/titre-services.gif);
	/*margin-left: 35px;*/
}
#titreapropos {
	background-image:url(img/titre-apropos.gif);
	/*margin-left: 35px;*/
}
#titrerealisations {
	background-image:url(img/titre-realisations.gif);
}
#titrecoordonnees {
	background-image:url(img/titre-coordonnees.gif);
	/*margin-left: 35px;*/
}
#titreformucontact {
	background-image:url(img/titre-formucontact.gif);
	/*margin-left: 35px;*/
}
.contenutexte1, .contenutexte2, .contenutexte3 {
	margin-top: 15px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:10px;
}
.contenutexte2 {
	margin-left: 60px;
}
.contenutexte3 {
	margin-left: 100px;
}
.contenutexte4 {
	padding:0;
	margin:0;
	margin-right: 5px;
	margin-top: 0px;
}
.contenucolonne, .accueilservicecolonneL, accueilservicecolonneR {
	float: left;
}
#accueilleft {
	width: 300px;
}
#accueilright {
	width: 300px;
}

.accueilservicecolonneL {
	width: 60px;
	padding-top: 10px;
}
.accueilservicecolonneR {

}

#btn-devisgratuit {
	background-image:url(img/devisgratuit.png);
	background-repeat: no-repeat;
	width: 300px;
	height:80px;
	display:block;

}

/** realisation **/

/*#lientyperea a:link { font-size: 35px;}
#lientyperea a:visited { color:#FF5B00; text-decoration : none; }
#lientyperea a:hover {color:#5C5C5C; text-decoration: none;}
#lientyperea a:active { color:#FF5B00; text-decoration : none;}*/

#realisleft {
	width: 140px;
}
#realisright {
	width: 450px;
}
#realisleft ul {
	/*background-image:url(img/bg_realisationmenu.png);
	background-repeat:no-repeat;*/
	width: 140px;
	height:192px;
	font-size: 28px;
	font-weight:bold;
	text-align:right;
	margin:0;
	padding:0;
	padding-right:5px;
	list-style-type:none;
	display:block;
}
.tableaurealis {
	margin : 0 auto auto auto;
} 
.tableaurealis tr{
	padding: 0;
	margin: 0;
}
.tableaurealis td{
	padding: 2px;
	margin: 0;
}

.blocrealis {
	margin-top: 15px;
	margin-bottom: 15px;
	visibility: hidden;
}

.imgrealis1 {
	background-image: url(img/bg_imgrealisation1.png);
	padding-top: 5px;
	width: 133px;
	height: 128px;
	display: block;
}
.imgrealis2 {
	background-image: url(img/bg_imgrealisation2.png);
	padding-top: 10px;
	width: 360px;
	height: 225px;
	display: block;
	margin:0 auto;
}
/***/

.bannerservices {
	margin-top: 10px;
}
.linkbannerservice {
	width:600px;
	height:102px;
	display:block;
}
/**** Formu ****/

#formu h5{
	color:#FF5B00;
	font-size: 12px;
	margin: 0;
	padding:0;
	margin-bottom: 5px;
}
.objformu {
	padding: 4px;
}
.objformu label {
	float: left;
	text-align:right;
	width: 74px;
	margin-right: 10px;
}
.objformu textarea, .inputformu  {
	/*idth:75%;*/
	width:385px;
	border: 1px solid #666666;

}

#formu fieldset {
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding: 10px;
	padding-left: 20px;
}

#formu .formutyperealis {
	background-color:#FF5B00;
	color:#FFFFFF;
	height: 23px;
	margin-bottom:1px;
}

.formustatut {
	padding: 10px;
}
.formuspaceleft {
	margin-left: 25px;
}

.aidelien {
	color: #5C5C5C;

}

.aidetexte {
	background-color:#FF5B00;
	color: #FFFFFF;
	margin:0;
	padding: 3px;

}


/*** footer ***/
#footercontenu {
	border-top: 1px dotted #666666;
	font-size: 11px;
	width: 600px;
	margin-left: 17px;
	text-align: center;
	overflow:auto;
}