/* Redefinitions des balises HTML */
*{margin:0;padding:0;}
body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:12px/1.2em Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:#424242;}
img{border:0}
a{text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}
ul{margin:0; list-style:none;}
ol{margin:0;list-style:none;}
dd{margin:0;}
hr{display:none;}
fieldset{border:none;}
fieldset legend{display:none;}
.clear {height:0; line-height:0; font-size:0; clear:both;}
/* Structure generale */
body{ background:#FFEFC4;}
#page{text-align:center;background:url(../images/bg_page.jpg) repeat-y center #FFEFC4; overflow:hidden;}
#global{width:938px;text-align:left;margin:0 auto; text-align: left; padding:0; overflow:hidden;}
#header{width:938px;}
#cont{ float:left; width:938px;}
#contentLeft{ float:left; display:inline; width:203px;}
#content {float:left; display:inline; width:423px;}
#content1{float:left; display:inline; width:670px; padding:0 18px 17px 0;}
#contentRight{float:left; display:inline; width:270px;}
#contentRight1{float:left; width:200px;}
#contentDec{ width:883px; padding:15px 40px 15px 15px;}
#footer{width:938px;margin:0 auto;}
/*-------------mise en page header----------------*/
#header h1{ float:left;}
.topHeader{ overflow:hidden; width:100%; height:104px; background: url(../images/bg_barre.gif) repeat-x bottom;}
.topHeader h1{ margin:4px 0 0 21px;}
/* .topHeader .lang{float:right;padding:5px 15px 5px 0;overflow:hidden;}
.topHeader .lang li{display:inline;border:1px solid #f49900;padding:2px;}
.topHeader .lang li a{color:#f49900; text-decoration:none;font-size:11px;}
.topHeader .lang li a:hover{color:#424242;}*/
/* ----------- Le 28-08-09 -------------- */
.topHeader .lang{float:right;padding:5px 15px 0 0;overflow:hidden;}
.topHeader .lang li{display:inline;border:none; padding:0;}
.topHeader .lang li a{color:#f49900; text-decoration:none;font-size:0; background:url(../images/flag_en.gif) 0 0 no-repeat; width:25px; height:20px; display:block;}
.topHeader .lang li a.flagEn{color:#f49900; text-decoration:none;font-size:0; background:url(../images/flag_fr.gif) 0 0 no-repeat; width:25px; height:20px; display:block;}
.topHeader .lang li a:hover{color:#424242;}
/*------------------------*/
.nav{ clear:right; float:right;display:inline; margin-top:40px; width:auto;}
.menu *{float:left;display:inline;line-height:35px;}
.menu li{list-style:none;margin:0 4px 0 0;}
.menu li a{text-decoration:none;color:#000;font-size:12px;font-weight: normal;cursor:pointer; color:#565654;}
.menu li a:hover{ color:#menu li a}
.menu li a .left, .menu li a .right{width:12px;background:url(../images/bg-blank.gif) no-repeat 0 0;}
.menu li a .center{color:#565654;}
.menu li a:hover, .menu li a.selected{color:#5260E3;background:url(../images/bg-onglet01.gif) 50% 4px no-repeat;}
.menu li a:hover .left, .menu li a.selected .left{background:url(../images/bg-onglet01-left.gif) 0 4px no-repeat;}
.menu li a:hover .right, .menu li a.selected .right{background:url(../images/bg-onglet01-right.gif) 100% 4px no-repeat; }
.banniere{ width:931px; padding:9px 0 9px 7px;}
/*-------------mise en page contentRight----------------*/
.FormRevendeur{ background:url(../images/bg_bolk02.gif) top left no-repeat;}
.FormRevendeur_bas{background:url(../images/bg_bolk02_bas.gif) bottom left no-repeat; padding-bottom:10px; margin:0 0 4px 0;}
.FormRevendeur p{overflow:hidden;padding:4px 0 0 10px;clear:both;}
.FormRevendeur p.compte{ float:left; width:120px;}
.FormRevendeur p.compte a{ color:#CD6618; font-size:10px; text-decoration:underline;}
.FormRevendeur p .label00{margin:0;width:95px; display:block; float:left;}
.FormRevendeur p input.input_text{ border:none; float:left; width:146px; height:23px; background:url(../images/bg_inputtxt.gif) no-repeat; padding:4px 0 0 2px;}
.actus{background:url(../images/bg_bolk02.gif) top left no-repeat;}
.actus h2{ padding:0 0 10px 0;}
.actusbas{background:url(../images/bg_bolk02_bas.gif) bottom left no-repeat; padding-bottom:6px;}
.actusbas p{ padding:10px 0 12px 10px;}
.actusbas p a{ font-size:11px;}
.actusbas p.detailactus{ padding:0 0 0 100px;}
.actusbas p.detailactus a{ padding:0 20px 0 0;}
.msg_erreur{ font-size:10px; color:#FF0000; font-weight:bold; padding:0 0 0 4px;}
/*-------------mise en page contentLeft----------------*/
#contentLeft{ width:245px;}
#contentLeft h2,#contentRight h2{ font-size:24px; padding:0 0 10px 15px; margin:0;}
#contentLeft h2 span{ font-size:36px;}
#contentLeft ul{ margin:2px 0 2px 6px;}
#contentLeft ul li{padding:2px 0 2px 13px; background:url(../images/puce-01.gif) 0 6px no-repeat;}
#contentLeft ul li a{ font-size:10px; text-decoration:none;}
#contentLeft ul li a:hover{text-decoration: underline;}
.blok01{ background: url(../images/bg_bolk01.gif) no-repeat top; margin:0 0 4px 7px; display:table; width:238px; padding:2px 0 0 0;}
.basBlok01{ background:url(../images/bg_bolk01_bas.gif) no-repeat bottom; padding-bottom:20px; }
#contentLeft ul.service li{ background:none;}
/*-------------mise en page content----------------*/
#content{ background: url(../images/bg-top.gif) no-repeat top;}
#content p{ text-align:justify; padding:0 0 20px 0; line-height:22px;}
#content p span a{ color:#F49900; padding:0 0 0 10px;}
#content1 h2{ font-size:18px; padding:0 0 10px 0; color:#F5870A; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
/*#content1 table.tableHistirique{ border:1px solid #CBC0A4;}
#content1 table.tableHistirique td{ border:1px solid #CBC0A4; padding:10px;}*/
#content1 h5{color:#000; margin:0 0 0 20px;}
.tableHistirique{ border:1px solid #cacaca; border-width:1px 0 0 1px; margin:0 0 10px 0;}
.tableHistirique th{ vertical-align:middle; background:#FAE08A; padding:6px; text-align:center;border:1px solid #cacaca;border-width:0 1px 1px 0; vertical-align:top;}
.tableHistirique td{ vertical-align:top; background:#FFEFC4; padding:6px;border:1px solid #cacaca;border-width:0 1px 1px 0;}
.tableHistirique td.nom{ vertical-align:top; background:#d6dce1; padding:4px;border:1px solid #cacaca;border-width:0 1px 1px 0; color:#5589b2;}
#content1 h3, #contentDec h3{ color:#F5870A; font-size:16px; padding:3px 0;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#content1 h4 { color:#F5870A; font-size:14px; padding:0; width:auto; display:inline; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#content1 p{ text-align:justify; margin:4px 0 10px 0; font-size:11px;}
#content1 p.liste{ text-align:justify; margin:4px 0; font-size:11px;}
#content1 ul, #contentDec ul{ padding:0; margin:0 0 20px 20px;}
#content1 ul li, #contentDec ul li{ background:url(../images/puce-02.gif) 0 6px no-repeat; padding:3px 0 3px 16px; font-size:11px;}
#content1 ul li span, #contentDec ul li span{ font-weight:bold;}
#content1 p span{ font-weight:bold;}
#content p span ,#content1 p span, #contentDec p span{ color:#424242; font-weight:bold;}
#content p span.gras, #content1 p span.gras{font-weight:bold;}
#contentBas{ background:url(../images/bg-bas.gif) no-repeat bottom; padding:17px 17px 20px 17px;}
#contentBas p span a{ padding: 0 0 0 250px;}
.hauteur{float:left; width:0; height:350px;}
/*-------------mise en page de la la decliné contentDec----------------*/
#contentDec h2{font-size:24px; padding:10px 0; margin:0; color:#F5870A;}
#contentDec p{ font-size:11px; text-align:justify; padding-bottom:10px;}
#contentDec p a{ color:#F4A313; text-decoration:none; }
#contentDec p a:hover{ color:#F4A313; text-decoration: underline;}
#contentDec ul.ulPlan{ margin:20px; padding:0;}
#contentDec ul.ulPlan li{ font-weight:bold;}
#contentDec ul.ulPlan li ul{ margin:0 0 20px 20px;}
#contentDec ul.ulPlan li ul li{ padding:2px; background:none;}
#contentDec ul.ulPlan li ul li a{ text-decoration:none;}
#contentDec ul.ulPlan li ul li a:hover{ color:#F4990A;}
/**-- #contentDec h3{ font-size:11px; font-weight:bold; padding:4px 0 10px 0;}---*/
.liresuite{ float:right; padding:0; margin:0; background:#0066FF;}
.siege{ width:600px; background:#E5E5E5; padding:14px; margin:0 0 20px 72px; position: relative;}
.loupe{position:absolute; top:-35px; right:0;}
.siege p{ font-size:11px;}
.siege p span{ font-weight:bold;}
.adresse { padding: 0 0 0 86px;}
/** formulaire de contact---*/
.formContact{ padding:0; color:#424242; font-size:11px; margin:0 auto;padding:0 0 0 100px;}
.formContact label{width:105px; float:left; padding:0; text-align:right; padding:0 10px 0 0;}
.formContact label span{ color:#FF0000;}
.formContact label.label01{ width:120px; color:#D09123; font-size:9px;}
.formContact select {width:182px; border: 1px solid #A6A6A6; height:20px;}
.formContact fieldset{padding:0;}
.formContact fieldset fieldset input{float:left;}
.formContact fieldset fieldset label{width:80px; padding:0 0 0 5px;}
.formContact fieldset ol{border:none; margin:0 10px; padding:0; float:left; width:300px;}
.formContact fieldset ol.bis{ width:800px;border:none; margin:0 10px; padding:0; float:left;}
.formContact input.input_text{ width:178px; border: 1px solid #A6A6A6; height:18px;}
.formContact input.cherchepiece{ width:500px; border: 1px solid #A6A6A6;}
.formContact ol li {padding:0 0 10px 0; margin:0; overflow:hidden;}
.formContact .votreMessage{width:500px;margin:0 6px 0 0; font-size:11px;border: 1px solid #A6A6A6;}
.submitForm{background:url(../images/btn_envoyer.gif) no-repeat; border:none; cursor:pointer; width:82px; height:23px;float:right; margin:0 180px 0 0}
.submitForm2{background:url(../images/btn_envoyer_en.gif) no-repeat; border:none; cursor:pointer; width:82px; height:23px;float:right; margin:0 180px 0 0}
.msg_envoie {font-size:12px; color:#F3AD11; font-weight:bold;width:600px; padding:0 14px; margin:0 0 20px 72px; }
/*-----------page equipe derigeante-----------*/
.responsable{float:left; width:500px; margin:0 0 10px 0;}
.responsable img{float:left ; margin:0 20px 4px 0;}
/*-------------mise en page footer----------------*/
#footer{ float:left; background:url(../images/bg_footer.gif) no-repeat 0 0 #292929; color:#FFFFFF; font-size:9px;}
.copyright{ float:left; width:300px; padding:0 0 0 6px;}
.pyxi{ float:right; background:url(../images/img_py.gif) 97% 0 no-repeat; padding:0 25px 0 0;}
.pyxi ul li{ padding:2px 0;}
.pyxi ul li a{color:#FFFFFF; font-size:9px; text-decoration:none;}
.pyxi ul li a:hover{color:#FFFFFF; font-size:9px; text-decoration: underline;}
#footer dl{ float:left;margin:10px 0 0 0;background:url(../images/border_dt.gif) no-repeat right; height:210px;}
#footer dl.last{background: none;}
#footer dt{height:16px; width:132px; color:#FFFFFF; font-size:10px; padding:6px 0 0 10px; margin:0; font-weight:bold; }
#footer dt a{ display:block; padding:3px 10px; text-transform:uppercase;}
#footer dt a:hover{ text-decoration:none;}
#footer dd{margin:0; padding:1px 14px 1px 10px; }
#footer dd a{ font-size:9px; color:#E2C48F; text-decoration: none;line-height:14px;}
#footer dd a:hover{ font-size:9px; color:#DE9924; text-decoration:underline;}
/* Correction bug IE pour gerer le retour a la ligne */
.spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0px;line-height:0px;height:0px;width:100%;margin:0;padding:0;}
/* Suppléments */
a.actif{color:#F5870A;}
.touteactus{font-size:11px; text-decoration:underline;}
.touteactus p a{ color:#F4990A;}
.filariane{font-size:11px; text-decoration:none; color: #828282; font-style:italic; }
div.espace_filariane{padding-top:10px; padding-bottom: 14px;}
.revendeur p{ padding-left: 60px; font-size:11px; text-align:justify; padding-bottom:10px;}
#contentDec .titre{ font-size:15px; padding-bottom:10px; padding-top:10px; font-weight: bold;}
.revendeur p span.telecharger{font-style: italic;}
/*------------ nos services------*/
.diag{ margin:10px 0 20px 30px;}
.serviceComment{float:left; display:inline; width:670px; background: url(../images/pix_gris.gif) 320px 0 repeat-y; margin:20px 0 0 0;}
.services{float:left; display:inline; width:282px; padding:0 38px 0 0;}
#content1 .services h2{ font-size:16px; font-weight:bold; color:#1a171b; background:url(../images/h2_services.gif) 0 4px no-repeat; padding:0 0 0 16px; font-family: Verdana, Arial, Helvetica, sans-serif}
#content1 .services p{ margin:0 0 20px 0;}
.comments{float:left; display:inline; width:327px; padding:0 0 0 23px;}
.comment{float:left; display:inline; width:327px; padding:20px 0 0 0;}
.topComment{float:left; display:inline; width:327px; height:18px; background:url(../images/top_comment.gif) 0 0 no-repeat;}
.txtComment{float:left; display:inline; width:293px; background:url(../images/txt_comment.gif) 0 0 repeat-y; padding:0 12px 0 22px;}
.txtComment img{float:left; border:1px solid #dcdcdc; padding:3px 4px; background:#f3f0ec; margin:0 12px 0 0;}
#content1 .txtComment p{ margin:0; line-height:16px;}
#content1 .txtComment a{ font-size:11px; color:#f4c517; text-decoration:none;}
#content1 .txtComment a.suite{ float:right;}
#content1 .commentateur, #content1 .commentateur a{font-weight:bold;color:#f4c517; }
#content1 .entreprise{font-weight:bold;}
.bottomComment{float:left; display:inline; width:327px;height:49px; background:url(../images/bottom_comment.gif) 0 0 no-repeat; padding-bottom:25px;}
.services_details li {padding-left:5px;}
.solutionComment{float:left; display:inline; width:883px; background: url(../images/pix_gris.gif) 533px 0 repeat-y; margin:20px 0 40px 0;}
.nosSolutions{float:left; display:inline; width:495px; padding:0 38px 0 0;}
#contentDec .nosSolutions h3{ color:#f59f0e; font-size:18px;}
#contentDec .nosSolutions .cas p.lien{ margin:0;}
#contentDec .nosSolutions .cas{ float:left; width:495px;}
#contentDec .nosSolutions .cas p{ margin:24px 0 0 0; background: url(../images/icone_cas.gif) 0 0 no-repeat; padding:0 0 0 30px; line-height:18px;}
.nosSolutions a.suite{ float:right;}
.temoin{float:left; display:inline; width:327px; padding:20px 0 0 0;}
.topTemoin{float:left; display:inline; width:327px; height:42px; background:url(../images/top_temoin.gif) 0 0 no-repeat;}
.txtTemoin{float:left; display:inline; width:293px; background:url(../images/txt_temoin.gif) 0 0 repeat-y; padding:0 12px 0 22px;}
.txtTemoin p.nomEntreprise{background: url(../images/icone_temoin.gif) 0 0 no-repeat; padding:0 0 0 34px; line-height:18px; margin:08px 0;}
#contentDec .commentateur, #contentDec .commentateur a{font-weight:bold;color:#f4c517; }
#contentDec .entreprise{font-weight:bold;}
.txtTemoin img{float:left; border:1px solid #dcdcdc; padding:3px 4px; background:#f3f0ec; margin:0 12px 0 0;}
.bottomTemoin{float:left; display:inline; width:327px;height:17px; background:url(../images/bottom_temoin.gif) 0 0 no-repeat;}
.nosReferences{float:left; display:inline; width:883px; padding:20px 0; }
.topNosReferences{float:left; display:inline; width:883px; height:8px; background:url(../images/top_ref.gif) 0 0 no-repeat; font-size:1px; }
.txtNosReferences{float:left; display:inline; width:859px; padding:0 12px; background:url(../images/txt_ref.gif) 0 0 repeat-y;}
#contentDec .txtNosReferences p{ color:#c7c7c7;}
.bottomNosReferences{float:left; display:inline; width:883px; height:8px; background:url(../images/bottom_ref.gif) 0 0 no-repeat; font-size:1px; }
#contentDec h3.clear{clear:both;color:#f59f0e; font-size:18px;}
#content1 h3.sous-titre, #content1 ul.sous-titre, #content1 p.sous-titre {padding-left:15px; }
#content1 p.intro, #content1 ul.intro li {/*font-weight:bold !important*/}
#content1 div.niv02{padding:0 0 0 20px;}
/*Bloc partenaires*/
.blocPartenaire{width:320px; float:left; margin:0 10px 10px 0; padding:0 0 20px 0;}
.imgPartenaire{width:156px; float:left; background:#fff; text-align:center}
.txtParentaire{width:160px; float:left;padding:20px 0 0 4px; font-size:11px;}
.fValidator-msg{ padding-left:112px ; color: red; font-size: 11px;font-family: arial;}