/* -------------------------- RESET ------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
img, div { behavior: url(../iepngfix.htc) }
.clearer {clear: both;}
html, body { background-image:url(../images/background_global.jpg); background-position:left top; background-repeat:repeat-x; font-family: Arial, Helvetica, sans-serif; background-color:#0062a1; height:100%;padding:0; margin:0;}

/* -------------------------- HEADER ------------------------- */

div#wrapper { background-image:url(../images/background_header.jpg); background-position:center top; background-repeat:no-repeat; width:100%; padding: 0; margin: 0 auto; float:left;}
div#wrapper div#contenu_top { width:980px; height:467px; margin:0 auto; padding:0;  }
div#wrapper div#contenu_top div#top {width:980px; height:134px; margin:0; padding:0; text-align:left; }

/* ----------------------- LOGO ---------------------- */

div#wrapper div#contenu_top div#top div#top_logo {width:409px; height:134px; margin:0; padding:0; text-align:left; float:left; }
div#wrapper div#contenu_top div#top div#top_logo img { margin:17px 0 0 26px; border:0px}
/* ----------------------- NAVIGATION SECONDAIRE ---------------------- */

div#wrapper div#contenu_top div#top div#top_navigation_secondaire { width:571px; height:99px; margin:0; padding:0; float:left; text-align:right;}
div#wrapper div#contenu_top div#top div#top_navigation_secondaire p { font-family:Verdana, Geneva, sans-serif; font-size:0.7em; color:#2e7eb1; margin:16px 27px 0 0;}
div#wrapper div#contenu_top div#top div#top_navigation_secondaire p a { color:#2e7eb1;}
div#wrapper div#contenu_top div#top div#top_navigation_secondaire p a:hover { color:#333;}

/* ----------------------- NAVIGATION PRINCIPALE ---------------------- */

div#wrapper div#contenu_top div#top div#top_navigation_principale { width:526px; height:35px; margin:0 0 0 30px; padding:0; float:left;}

/* -------------------------- SLIDER ------------------------- */

div#wrapper div#contenu_top div#top_image { background-image:url(../images/background_image.jpg); background-position:right top; background-repeat:no-repeat; width:980px; height:333px; margin:0; padding:0; float:left; text-align:right;}
div#wrapper div#contenu_top div#top_image div#slider {width:957px; height:278px; margin:8px 0 0 0; padding:0; text-align:right;}
div#wrapper div#contenu_top div#piece{width: 383px;height: 352px;position: absolute;margin:120px 0 0 0;padding:0 0 0 0;z-index: 150}

/* -------------------------- CONTENT ------------------------- */

div#wrapper div#centre_contenu { width:980px; margin:0 auto; padding:0; }
div#wrapper div#centre_contenu div#centre_contenu_gauche { width:678px; margin:0; padding:0; float:left;}
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre { width:339px; margin:0; padding:0; float:left; text-align:left;}
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre img { margin:41px 0 10px 22px; border:0px;}
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre h1 { font-family:Verdana, Geneva, sans-serif; font-size:0.9em; color:#FFF; margin:0 0 15px 23px; font-weight:bold;}
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre p { font-family:Verdana, Geneva, sans-serif; line-height:16px; font-size:0.7em; color:#FFF; margin:0 48px 10px 23px; text-align:justify; }
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre p a { font-family:Verdana, Geneva, sans-serif; color: #CCC; } 
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre p a:hover { font-family:Verdana, Geneva, sans-serif; color: #fff; }
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre ul { font-family:Verdana, Geneva, sans-serif; color: #fff; margin:0 0 10px 38px;}
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre li {list-style-image:url(../images/puce.gif); font-family:Verdana, Geneva, sans-serif; font-size:0.7em; line-height:21px; }
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre li a {list-style-image:url(../images/puce.gif); font-family:Verdana, Geneva, sans-serif; color:#CCC; }
div#wrapper div#centre_contenu div#centre_contenu_gauche .grand-titre li a:hover {list-style-image:url(../images/puce.gif); font-family:Verdana, Geneva, sans-serif; color:#FFF; }
div#wrapper div#centre_contenu div#centre_contenu_droit { width:302px; margin:0; padding:0; float:left; text-align:center;}
div#wrapper div#centre_contenu div#centre_contenu_droit div#soumission-step-one { width:287px; height:338px; margin:42px 0 0 0; background-image:url(../images/background_soumission.png); background-position:left top; background-repeat:no-repeat; }
div#wrapper div#centre_contenu div#centre_contenu_droit div#services-offerts { width:287px; height:338px; margin:42px 0 0 0; background-image:url(../images/services-offerts.png); background-position:left top; background-repeat:no-repeat; }
div#wrapper div#centre_contenu div#centre_contenu_droit div#services-offerts ul { font-family:Verdana, Geneva, sans-serif; color: #fff; margin:80px 0 10px 38px;text-align: left;float: left}
div#wrapper div#centre_contenu div#centre_contenu_droit div#services-offerts li {list-style-image:url(../images/puce.gif); font-family:Verdana, Geneva, sans-serif; font-size:0.7em; line-height:21px; }
div#wrapper div#centre_contenu div#centre_contenu_droit div#services-offerts li a {list-style-image:url(../images/puce.gif); font-family:Verdana, Geneva, sans-serif; color:#CCC; }
div#wrapper div#centre_contenu div#centre_contenu_droit div#services-offerts li a:hover {list-style-image:url(../images/puce.gif); font-family:Verdana, Geneva, sans-serif; color:#FFF; }
div#wrapper div#centre_contenu div#centre_contenu_droit div#soumission-step-one form { margin:67px 0 0 0; float:left; }
div#wrapper div#centre_contenu div#centre_contenu_droit div#soumission-step-one form input[type=text] { width:227px; margin:8px 0 5px 0px; border:0px; color:#666;}
div#wrapper div#centre_contenu div#centre_contenu_droit div#soumission-step-one .bnt { margin:10px 0 0 150px;  }
div#wrapper div#centre_contenu div#centre_contenu_gauche p { font-family:Verdana, Geneva, sans-serif; line-height:16px; font-size:0.7em; color:#FFF; margin:0 48px 10px 23px; text-align:justify; }
div#wrapper div#centre_contenu div#centre_contenu_gauche p a { font-family:Verdana, Geneva, sans-serif; color: #fff; } 
div#wrapper div#centre_contenu div#centre_contenu_gauche h1 { font-family:Verdana, Geneva, sans-serif; font-size:0.9em; color:#FFF; margin:40px 0 25px 23px; font-weight:bold;}
div.left{float: left}
div.right{float: left;margin:82px 0 0 0}
div.right2{float: left;margin:6px 0 0 11px}
div.left p{line-height: 20px!important}
div.separator{background:url(../images/separator.png);width:612px;height:24px;margin:16px 0 10px 22px;padding:0;float:left}
.realisation{background:url(../images/background-realisations.png);width:256px;height:112px;margin:16px 10px 10px 22px;padding:6px 6px 22px 6px;float:left}
.realisation img{width:256px;height:112px;margin:16px 0 10px 22px;padding:0;float:left}
#ui-datepicker-div {font-size: 70%}
#box-confirmation {background-color: #0f72b4;padding:14px 8px 8px 8px;margin: 0 0 20px 22px;width: 600px;border: solid 1px #2990d5;float: left}
.image-confirmation{float:left;margin: 4px 10px 0 6px}
h2 {font-size: 120%;color:#6fa5cd;font-weight: bold;margin:0!important;padding:0!important}
ul#services { font-family:Verdana, Geneva, sans-serif; color: #fff; margin:0 0 10px 44px;}
ul#services li {list-style-image:url(../images/arrow.png); font-family:Verdana, Geneva, sans-serif; line-height:16px; font-size:0.7em; margin: 0 40px 20px 0 ;text-align: justify}
ul#services li a {list-style-image:url(../images/arrow.png); font-family:Verdana, Geneva, sans-serif; line-height:16px; font-size:0.7em; }
ul#services li a:hover {list-style-image:url(../images/arrow.png); font-family:Verdana, Geneva, sans-serif; line-height:16px; font-size:0.7em; }

/* -------------------------- FOOTER ------------------------- */

div#footer { background-image:url(../images/background_footer.jpg);  background-position:center top; background-repeat: repeat-x; width:100%; margin:25px 0 0 0; height:80px; float:left;}
div#footer div#footer_centre { width:980px; margin:0 auto; padding:0; height:80px;}
div#footer div#footer_centre div#gauche_footer { width:400px; margin:0; padding:0; float:left; text-align:left; height:82px;}
div#footer div#footer_centre div#gauche_footer img { margin:15px 10px 0 28px; float:left;}
div#footer div#footer_centre div#gauche_footer p { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; line-height:15px; color:#FFF; margin:30px 0 0 0px; float:left;}
div#footer div#footer_centre div#droit_footer  { width:300px; margin:0; padding:0; float:right; text-align:right; height:82px;}
div#footer div#footer_centre div#droit_footer p { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; color:#FFF; margin:34px 15px 0 16px; float:right;}
div#footer div#footer_centre div#droit_footer p a { text-decoration:none; color:#FFF; }
div#footer div#footer_centre div#droit_footer p a:hover { text-decoration:none; color:#CCC; }
div#footer div#footer_centre div#droit_footer img { border:0px; margin:25px 10px 0 0; float:right;}

/* -------------------------- FORM RAPIDE ------------------------- */

#soumission-step-one input.inputfield_small{background-color:#fff;border:none;background-image:url(../images/champ-soumission.png);background-position:0 0;background-repeat:no-repeat;height:24px;width:227px;padding:0 6px 0 6px;margin: 0 0 0 0;font-family:Arial,Verdana,sans-serif;}
#soumission-step-one input.inputfield_small:focus {background-position: 0 -30px;}
#soumission-step-one input.inputfield:focus {background-position: -10px -112px;}


/* -------------------------- FORM CONTACT ------------------------- */

div.contact_form{width: 660px;float: left;padding:0 0 40px 24px;margin: 0}
div.contact_form p{font-size:11px;color:#fff;line-height:1.5em;margin:0 0 2px 0 !important;padding:0 !important;text-align:justify}
div.contact_form fieldset{border: none;margin: 0;padding: 0}
div.contact_leftcolumn{float:left;width: 210px;margin: 0 0 16px 0;padding: 0}
div.contact_centercolumn{float:left;width:210px;margin: 0 0 16px 0;padding: 0}
div.contact_rightcolumn{float:left;width:180px;margin: 0 0 16px 0;padding: 0}
div.contact_doublecolumn{float:left;padding:0;clear:both;margin:0 0 16px 0;width: 612px}
form.contact label {font-family:Arial,Verdana,sans-serif;font-weight: bold;font-size: 12px;color: #fff;margin:0}
form.contact input.inputfield_small{background-color:#fff;border:none;background-image:url(../images/champ-contact.png);background-position:0 0;background-repeat:no-repeat;height:24px;width:180px;padding:0 6px 0 6px;margin: 0 0 0 0;font-family:Arial,Verdana,sans-serif;}
form.contact input.inputfield_small:focus {background-position: 0 -30px;}
form.contact input.inputfield:focus {background-position: -10px -112px;}
form.contact div.contact_inputtext_top{width:612px;font-size:0;height:4px;background-image:url(../images/champ-contact.png);background-position:0px -61px;margin:0;padding:0;}
form.contact div.contact_inputtext_ml{float:left;width:4px;height:94px;background-image:url(../images/champ-contact.png);background-position:0px -65px;}
form.contact div.contact_inputtext_mm textarea{resize:none;float:left;background-color:#fff;border:none;width:604px;height:91px;padding-left:0;padding-top:2px;padding-bottom:1px;}
form.contact div.contact_inputtext_mr{float:left;width:4px;height:94px;background-image:url(../images/champ-contact.png);background-position:-608px -65px;margin: 0}
form.contact div.contact_inputtext_bottom{float:left;width:612px;height:4px;font-size:0;background-image:url(../images/champ-contact.png);background-position:0px -159px;margin : 0 0 0 0}
form.contact div.contact_submit{margin: 10px 10px 0 0;float: right}
form.contact div.contact_inputtext {width: 612px;}
form.contact p{margin: 10px 0 6px 0}
input.submit_button_envoyer {background:url(../images/submit-buttons.png) 0px 0px no-repeat;	width: 105px;height: 32px;border: none;cursor: pointer;margin: 0 32px 0 0;float: left}
input.submit_button_envoyer:hover {background-position: 0px -34px;}
input.submit_button_effacer {background:url(../images/submit-buttons.png) 0px -70px no-repeat;	width: 69px;height: 32px;border: none;cursor: pointer;margin: 2px 4px 0 10px;float: left}
input.submit_button_effacer:hover {background-position: -0px -104px;}
input[type=checkbox]{margin : 0 10px 0 0 }
form.contact textarea{font-family:Arial,Verdana,sans-serif;font-weight: normal;font-size: 11px;color: #000;margin:0;padding:0}

/* -------------------------- FORM REQUIRED FIELD ------------------------- */

.formError {position:absolute;top:300px; left:300px;width:150px;padding-bottom:15px;display:block;z-index:5000;}
.formError .formErrorContent {width:100%; background:#000;color:#fff;font-family:tahoma;font-size:10px;box-shadow: 0px 0px 6px #000;-moz-box-shadow: 0px 0px 6px #000;-webkit-box-shadow: 0px 0px 6px #000;padding:4px 10px 4px 10px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
.formError .formErrorArrow{position:absolute;bottom:0;left:20px;width:15px; height:15px;}
.formError .formErrorArrow div{box-shadow: 0px 0px 6px #000;-moz-box-shadow: 0px 0px 6px #000;-webkit-box-shadow: 0px 0px 6px #000;font-size:0px; }
.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;}