

html,body,br,div,span,a,object,iframe,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,p,blockquote,q,address,small,big,cite,dfn,ins,del,i,em,b,strong,strike,pre,code,samp,kbd,var,tt,form,legend,label,option,.nobox,textarea{background:transparent;border:0;font-size:100%;outline:0;vertical-align:baseline;margin:0;padding:0;}
br{height:0;}
a img{border:0;}
a:link,a:visited{color:#474747}
a:hover,a:active{color:#474747}
fieldset,img{border:0;}
.clearer {clear: both;}



/* -------------------------- HEADER ------------------------- */
div#wrapper_top {text-align:center; background-image:url(../images/background_top.jpg); background-position:center top; background-repeat:no-repeat; background-color:#000; width:100%; height:301px; padding: 0; margin: 0 auto; float:left;}
div#wrapper_top div#brosse { background-image:url(../images/brosse.png); background-position:left top; background-repeat:no-repeat;width:259px; height:232px; margin:0; padding:0; position:absolute;}
div#wrapper_top div#contenu_top { width: 980px; height:301px; margin:0 auto; padding:0; text-align:left; }
/* HEADER - NAVIGATION PRINCIPALE */
div#wrapper_top div#contenu_top div#navigation_top { background-image:url(../images/background_navigation.gif); background-position:bottom left; background-repeat:repeat-x; width:598px; height:40px; margin:256px 0 0 0; padding:0; position:relative; float:left;}
div#wrapper_top div#contenu_top div#camion { width:507px; height:268px; margin:33px 0 0 473px; padding:0; position:absolute;}
/* HEADER - LOGO BRETON */
div#wrapper_top div#contenu_top div#logo_breton { width:259px; height:206px; margin:24px 0 0 0px; padding:0; position:absolute; float:left; }
div#wrapper_top div#contenu_top div#logo_breton img { border:0px solid; }

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

html, body { font-family: Arial, Verdana, Helvetica, sans-serif;background-color:#e6edf1;text-align: center; height:100%;padding: 0;margin: 0;}
div#wrapper_contenu { background-image:url(../images/background_center.jpg); background-position:center top; background-repeat: repeat-x; background-color:#a70303; width:100%; text-align:center; margin:0; padding:0; float:left;}
div#wrapper_contenu div#contenu_centre_shadow { background-image:url(../images/background_centre_shadow.png); background-repeat:no-repeat; background-position:center top; margin:0 auto; padding:0; overflow:hidden; }
div#wrapper_contenu div#contenu_centre { background-image:url(../images/background_centre_repeat.jpg); background-position:left top; background-repeat:repeat-y; width:980px; margin:0 auto; padding:0; overflow:hidden;}
/* CONTENU - GAUCHE */
div#wrapper_contenu div#contenu_centre div#centre_gauche { width:721px; margin:0; padding:0; float:left;}
#bloc-dual { width:721px; height:270px;margin:0; padding:0;}
#bloc-dual div.contact-left { width:340px;margin:0; padding:0;float:left}
#bloc-dual div.contact-right { width:340px;margin:0; padding:0;float:left;margin: 0 0 0 14px}
div.bloc-info .close {position:relative;right:10px;top:10px;}
.image-warning{float: left;margin: 0 20px 10px 0}
.carte{margin: 10px 0 0 0}
.balais {margin:20px 0 0 40px;float: left}
.citernes {margin:20px 0 20px 40px;float: left}
span.rouge {color: #d60007;font-weight: bold;font-size: 110%}
div.bloc-info {width:610px;background-color: #be3c3c;margin: 20px 0 16px 20px;_margin:20px 0 16px 10px;padding:20px;float: left;}
div.bloc-info p{font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 10px !important}
div#wrapper_contenu div#contenu_centre div#centre_gauche div.bloc-info p{margin:0;color: #ffffff}
div#wrapper_contenu div#contenu_centre div#centre_gauche h1 { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; color:#d60007; background-image:url(../images/separateur.png); background-position:bottom left; background-repeat:no-repeat; height:30px; width:676px; margin:28px 0 0 20px; _margin:28px 0 0 0px; padding:0;}
div#wrapper_contenu div#contenu_centre div#centre_gauche h2 { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#908e8e; background-image:url(../images/separateur.jpg); background-position:bottom left; background-repeat:no-repeat; height:25px;margin:28px 0 0 20px; _margin:28px 0 0 20px; padding:0;}
div#wrapper_contenu div#contenu_centre div#centre_gauche h1 span { font-size:0.8em; font-style:italic; color:#908e8e; }
div#wrapper_contenu div#contenu_centre div#centre_gauche p { font-family:Verdana, Geneva, sans-serif; line-height:18px; font-size:0.7em; color:#474747; margin:15px 35px 15px 20px; padding:0; text-align:justify;}
div#wrapper_contenu div#contenu_centre div#centre_gauche img.main { width:140px; height:92px; margin:6px 17px 17px 0px; }
div#wrapper_contenu div#contenu_centre div#centre_gauche img.camion { width:673px; height:131px; margin:10px 0px 20px 20px; float:left; }

div#wrapper_contenu div#contenu_centre div#centre_gauche div#liste { background-image:url(../images/background_ul.jpg); background-position:left top; background-repeat:no-repeat; width:674px; height:133px; margin:25px 0 15px 20px; padding:0;}
div#wrapper_contenu div#contenu_centre div#centre_gauche div#liste ul { text-align:left; list-style-image:url(../images/puce.gif); width:250px; margin:15px 0 0 40px; _margin:15px 0 0 15px; padding:0; float:left;}
div#wrapper_contenu div#contenu_centre div#centre_gauche div#liste li a { font-family:Verdana, Geneva, sans-serif; line-height:24px; font-size:0.7em; color:#FFF; padding:0 0 0 8px; }
div#wrapper_contenu div#contenu_centre div#centre_gauche div#liste li a:hover { color: #666; }
/* CONTENU - DROIT */
div#wrapper_contenu div#contenu_centre div#centre_droit { width:259px; margin:0; padding:0; float:left; }
/* CONTENU - DROIT - TERRITOIRES */
div#wrapper_contenu div#contenu_centre div#centre_droit div#territoire { width:259px; height:132px; margin:56px 0 0 0; padding:0; text-align:center; float:left;}
div#wrapper_contenu div#contenu_centre div#centre_droit div#territoire img { border:0px; }
/* CONTENU - DROIT - ROUTE */
div#wrapper_contenu div#contenu_centre div#centre_droit div#route { width:259px; height:70px; margin:37px 0 0 0; padding:0; text-align:center; float:left;}
/* CONTENU - DROIT - ROUTE */
div#wrapper_contenu div#contenu_centre div#centre_droit div#contact { text-align:left; width:259px; margin:37px 0 0 0; padding:0; float:left;}
div#wrapper_contenu div#contenu_centre div#centre_droit div#contact p { font-family:Verdana, Geneva, sans-serif; font-size:0.7em; color:#333; margin:0 0 0 23px;}
div#wrapper_contenu div#contenu_centre div#centre_droit div#contact p a { color:#333;}
div#wrapper_contenu div#contenu_centre div#centre_droit div#contact p a:hover { color: #666;}

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

/* FOOTER */
div#footer_1top { background-image:url(../images/background_footer_top_repeat.png); background-position:center top; background-repeat: repeat-x; width:100%; height:10px; margin:0; padding:0; float:left;}
div#footer_top { background-image:url(../images/background_footer_top.png); background-position:center top; background-repeat:no-repeat; width:100%; height:10px; margin:0; padding:0; float:left;}
div#footer { background-image:url(../images/background_bottom.jpg); background-position:center top; background-repeat: repeat-x; width:100%; height:82px; float:left;}
div#footer div#footer_centre { width:980px; margin:0 auto; padding:0; height:82px;}
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:10px 10px 0 0; float:left;}
div#footer div#footer_centre div#gauche_footer p { font-family:Arial, Helvetica, sans-serif; font-size:0.7em; color:#FFF; margin:25px 0 0 10px; 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:28px 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:20px 0px 0 0; float:right;}

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

div.contact_form{width: 651px;float: left;padding:0 0 40px 0;margin: 0 0 0 20px;_margin: 0 0 0 10px}
div.contact_form p{font-size:11px;color:#908e8e;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: 218px;margin: 0 0 16px 0;padding: 0}
div.contact_centercolumn{float:left;width:218px;margin: 0 0 16px 0;padding: 0}
div.contact_rightcolumn{float:left;width:215px;margin: 0 0 16px 0;padding: 0}
div.contact_doublecolumn{float:left;padding-top:0;clear:both;}
form.contact label {font-family:Arial,Verdana,sans-serif;font-weight: bold;font-size: 12px;color: #908e8e;margin:0}
input.inputfield_small{background-color:#fff;border:none;background-image:url(../images/contact_form.png);background-position:-10px -13px;background-repeat:no-repeat;height:19px;width:183px;padding:6px 8px 0 10px;margin: 0 0 0 0;font-family:Arial,Verdana,sans-serif;}
form.contact input.inputfield_small:focus {background-position: -10px -43px;}
form.contact input.inputfield:focus {background-position: -10px -112px;}
form.contact div.contact_inputtext_top{width:647px;font-size:0;height:4px;background-image:url(../images/contact_form.png);background-position:-10px -103px;margin:0;padding:0;}
form.contact div.contact_inputtext_ml{float:left;width:4px;height:94px;background-image:url(../images/contact_form.png);background-position:-10px -107px;}
form.contact div.contact_inputtext_mm textarea{resize:none;float:left;background-color:#fff;border:none;width:636px;height:91px;padding-left:3px;padding-top:2px;padding-bottom:1px;font-family:Arial,Verdana,sans-serif;font-size:11px}
form.contact div.contact_inputtext_mr{float:left;width:4px;height:94px;background-image:url(../images/contact_form.png);background-position:-653px -106px;}
form.contact div.contact_inputtext_bottom{float:left;width:647px;height:4px;font-size:0;background-image:url(../images/contact_form.png);background-position:-10px -202px;}
form.contact div.contact_submit{margin: 10px 10px 0 0;float: right}
form.contact div.contact_inputtext {width: 648px;}
form.contact p{margin: 10px 0 6px 0}
input.submit_button_envoyer {background:url(../images/submit_buttons.png) -10px -14px no-repeat;	width: 79px;height: 25px;border: none;cursor: pointer;}
input.submit_button_envoyer:hover {background-position: -10px -48px;}
input.submit_button_effacer {background:url(../images/submit_buttons.png) -10px -84px no-repeat;	width: 84px;height: 25px;border: none;cursor: pointer;margin: 0 8px 0 10px}
input.submit_button_effacer:hover {background-position: -10px -118px;}
input[type=checkbox]{margin : 0 10px 0 0 }

/* -------------------------- FORM ERROR ------------------------- */

.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;}

