/* réinitialisation des éléments
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style-type:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

@font-face { font-family: 'HelveticaNeueLTStdCnBold'; src: url('fonts/helveticaneueltstd-bdcn-webfont.eot'); src: url('fonts/helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneueltstd-bdcn-webfont.woff') format('woff'), url('fonts/helveticaneueltstd-bdcn-webfont.ttf') format('truetype'), url('fonts/helveticaneueltstd-bdcn-webfont.svg#HelveticaNeueLTStdCnBold') format('svg'); font-weight: normal; font-style: normal; }

/* body et html
--------------------------------------------------------------------------------------- */
body { color:#fff; font-size:12px; line-height:150%; font-family: Arial, Verdana, sans-serif; text-align:left; }
.both { clear:both; }

/* textes et hyperliens globaux
--------------------------------------------------------------------------------------- */
a, a:link			{ color:#f1c007; text-decoration:none; outline:none; }
a:visited			{ color:#f1c007; text-decoration:none; outline:none; }
a:hover, a:focus	{ color:#fdedb2; text-decoration:none; outline:none; }
a:active			{ color:#f1c007; text-decoration:none; outline:none; }

.mailto { padding:0 0 0 20px; background:url(images/icon_email.png) no-repeat left center; }

h1,h2,h3,h4,h5,h6,h7 { font-family: 'HelveticaNeueLTStdCnBold'; color:#fff; font-weight:normal; line-height:100%; text-transform:uppercase; }
h1 span { color:#fff; }
h1 { font-size:24px; display:block; height:60px; line-height:80px; padding:0 0 0 30px; background:url(images/bg_h1.png); text-shadow:1px 3px 1px #262626; color:#ccc; font-style:italic; }
h2 { font-size:18px; }

#container { display:block; width:820px; margin:20px auto; padding:0; background:#565656; box-shadow:0 0 12px #000; }
#header { display:block; width:820px; height:123px; position:relative; background:url(images/bg_header.png) no-repeat left top; }
#logo { position:absolute; z-index:1; left:32px; top:0; display:block; width:265px; height:123px; }
#phonenumber { position:absolute; z-index:2; right:25px; top:15px; display:block; width:186px; height:50px; background:url(images/btn_phonenumber.png) no-repeat left top; text-indent:-9999px; }
#phonenumber:hover { background:url(images/btn_phonenumber.png) no-repeat left bottom; }

#menu { position:absolute; z-index:3; right:15px; top:75px; }
#menu li { display:inline-block; float:left; margin:0; padding:0; list-style:none; }
#menu li a { font-family: 'HelveticaNeueLTStdCnBold'; display:block; float:left; margin:0 15px 0 0; height:32px; line-height:32px; color:#fff; font-size:19px; text-transform:uppercase; text-shadow:1px 1px 1px #575757; }
#menu li a.actif { color:#f1c007; }

#seperator { display:block; width:820px; height:6px; position:relative; clear:both; }
#seperatorInt { position:absolute; z-index:900; left:-1px; top:0; display:block; width:822px; height:8px; background:url(images/bg_seperatorInt.png) repeat-x center top; }

#banner { display:block; width:820px; height:200px; background:#ccc; position:relative; }
.nivoSlider { position:relative; width:820px; height:200px; background:url(images/loading.gif) no-repeat 50% 50%; }
.nivoSlider img { position:absolute; z-index:1; top:0px; left:0px; display:none; }
.nivoSlider a { border:0; display:block; }
.nivo-controlNav { position:absolute; bottom:10px; right:10px; }
.nivo-controlNav a { display:block; float:left; width:16px; height:16px; background:url(images/btn_nivoslider.png) no-repeat left top; text-indent:-9999px; }
.nivo-controlNav a:hover, .nivo-controlNav a.active { background:url(images/btn_nivoslider.png) no-repeat left bottom; }

#content { display:block; width:820px; background:#333 url(images/bg_coldroite.png) repeat-x right top; }
.borderTop { display:block; width:820px; height:3px; background: url(images/bg_content.png) no-repeat center top; clear:both; }

.colDroite { display:block; float:right; width:310px; min-height:382px; position:relative; }
#btn_soumission { position:absolute; z-index:1; left:25px; top:25px; display:block; width:258px; height:101px; background:url(images/btn-demandez-une-sousmission.png) no-repeat left top; text-indent:-9999px; }
#btn_soumission:hover { background:url(images/btn-demandez-une-sousmission.png) no-repeat left bottom; }

#slideshow { display:block; width:258px; height:185px; margin:125px 0 0 25px; position:relative; }
#slideshow img { position:absolute; left:0; top:0; }
#overlay { position:absolute; z-index:999; left:0; top:0; background:url(images/overlay-slideshow.png) no-repeat left top; display:block; width:258px; height:185px; }
#slideshow .nivo-controlNav { display:none; }

.zoneTexte { display:block; float:left; width:450px; min-height:322px; background:#333 url(images/bg_zonetexte.png) repeat-y right top; padding:30px; font-size:14px; color:#fff; }
.zoneTexte ul { margin:0 0 10px 0; list-style-type:none; }
.zoneTexte ul li { color:#f1c007; padding:0 0 0 15px; font-weight:bold; background:url(images/bg_li.png) no-repeat left center; }
.zoneTexte em { color:#f1c007; }
.zoneTexte p { margin:0 0 10px 0; line-height:150%; }

.services_lst { padding:10px 0; border-bottom:1px solid #232323; margin:0 0 10px 0; position:relative; }
.services_lst h2 { margin:0 0 10px 0; }
.services_lst .top { position:absolute; z-index:1; right:10px; bottom:-10px; display:block; width:23px; height:22px; background: url(images/btn_top.png) no-repeat left top; text-indent:-9999px; }
.services_lst .top:hover { background: url(images/btn_top.png) no-repeat left bottom; }

.imgRealisations { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; border:2px solid #222; display:block; width:135px; height:100px; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 11px 11px 0; }
.imgRealisations:hover { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; border:2px solid #f1c007; }
.imgRealisations img { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

#formContact .form { width:222px; }
.champTexte { width:200px; border:1px solid #222; border-radius:7px; padding:5px 10px; background:#444; color:#fff; font-family: 'HelveticaNeueLTStdCnBold'; font-size:14px; font-weight:normal; margin:0 0 10px 0; box-shadow:none; -moz-box-shadow:none; }
.boiteTexte { width:200px; border:1px solid #222; border-radius:7px; padding:5px 10px; background:#444; color:#fff; font-family: 'HelveticaNeueLTStdCnBold'; font-size:14px; margin:0 0 10px 0; box-shadow:none; -moz-box-shadow:none; }
.bouton { border:1px solid #222; border-radius:7px; color:#fff; font-family: 'HelveticaNeueLTStdCnBold'; font-size:14px; padding:5px 10px; background:#444; }
.bouton:hover { cursor:pointer; background:#222; box-shadow:0 0 3px #000; }
.form .erreur { border:1px solid #cc0000; }
#emailSent { padding:0 0 0 20px; background:url(images/icone_check.png) no-repeat left center; color:#dd2e2e; }

#formSoumission .champTexte { width:180px; }
#formSoumission .form tr td { padding:0 10px 0 0; }
#formSoumission #Travaux { width:202px; border:1px solid #222; border-radius:7px; padding:4px 10px; background:#444; color:#fff; font-family: 'HelveticaNeueLTStdCnBold'; font-size:14px; margin:0 0 10px 0; }

#footer { display:block; width:820px; height:61px; background:url(images/bg_footer.png) no-repeat center top; position:relative; }
#rbq { font-weight:; font-size:14px;position:relative; float:left; left:20px; top:15px;/*position:absolute; z-index:1; left:0; top:0; display:block; width:147px; height:41px; background:url(images/rbq.png) no-repeat left center; text-indent:-9999px;*/ }
#rbq span{ color:#f1c007;}
#motto { position:relative; float:right;left:-20px; top:25px; /*position:absolute; z-index:1; right:0; top:0; display:block; width:126px; height:41px; background:url(images/motto.png) no-repeat right center; text-indent:-9999px;*/ }
#motto a{color:#ffffff; }

/*------*/
.left{
	float:left;
}
.zoneTexte .address-list { 
	list-style-type:none;
	font-weight:normal;
	color:#ffffff;
}
.zoneTexte ul.address-list  li { 
	list-style-type:none;
	color:#ffffff; 
	padding:0 0 0 0px; 
	font-weight:normal; 
	background:none;
}
.warningText{
	width:310px;
}
.warning{
	width:90%;
	border:3px solid #ccc;
	height:110px;
	padding:10px;
	background:#444;
	border-radius:8px;
	position:relative;
	margin-bottom:10px;
}
.warning img{
	max-width:80px;
	border-radius:8px;
	margin-right:10px;
}