/*------- HTML -------*/
BODY { font-family: Arial,Helvetica,Verdana; color: #FFFFFF; font-size: 10px; background : #4E5558; text-align:center;}
A { font-family: Arial,Helvetica,Verdana; font-size: 10px; color: #FFA200; font-weight: bold; text-decoration: none;margin-bottom:16px }
A:hover { font-family: Arial,Helvetica,Verdana; font-size: 10px; color: #FFA200; font-weight: bold; text-decoration: underline;margin-bottom:16px }
/*------- Layout -------*/
#global { width:780px; margin-left:auto; margin-right:auto;text-align:left; }
#header { height:130px;border:1px solid white; background-image: url(img/bando_top.jpg); background-repeat: no-repeat;width:780px; cursor: pointer;}
#nav { width:780px;height:31px; border:1px solid white;border-top:none; background: #C5BCAC; background-image: url(img/logo_nav.gif); background-repeat: no-repeat;}
#navFlash { width:780px;height:31px; border-left:1px solid white; border-right:1px solid white;background: #403C4C;text-align:left}
#content { margin-top:15px;margin-bottom:15px;display:table-caption;width:780px;height:auto;overflow:visible;position:relative;}
#footer { border:1px solid white; height:80px;width:780px;background: #C5BCAC;font-family: Arial,Helvetica,Verdana; font-size: 10px; color: #4E5558;}
#colGqui { position:relative;width:250px;border:1px solid #FFFFFF;float:left;margin-right:15px;background:white;}
#colG { position:relative;width:250px;border:1px solid white;float:left;margin-right:15px;border-top:none}
#colD { position:relative;width:510px;float:right;}
#actu { width:300px;float:left;margin-right:15px;margin-bottom:15px}
#service { width:195px;float:left;margin-bottom:15px}
#solution { width:510px;clear:both;background:#9AA8AD;border:1px solid white;}
#solution DIV {border:none;}
#solution A { font-family: Arial,Helvetica,Verdana; font-size: 10px; color: black; font-weight: bold; text-decoration: none;margin-bottom:16px }
#colGqui IMG {border:1px solid #FFA200;margin-right:0px;}
#colGqui DIV {border:none;}
#colGsol {background:#FFFFFF;position:relative;width:250px;border:1px solid white;float:left;margin-right:15px;}
#colGsol DIV {border:none;}
/*------- Style -------*/
.titBgOrang { clear:both;margin-bottom:10px;height:25px;background:#FFA200; background-image: url(img/flech_fdorang.gif); background-repeat: no-repeat; color:#FFFFFF;border:1px solid white;}
.titBgBeige { clear:both;margin-bottom:10px;height:25px;background:#C5BCAC; background-image: url(img/flech_fdbeig.gif); background-repeat: no-repeat; color:#FFFFFF;border:1px solid white;}
.titBgGris { clear:both; margin-bottom:15px;height:25px;background:#9AA8AD; background-image: url(img/flech_fdgris.gif); background-repeat: no-repeat; color:#4E5558;border:1px solid white;}
.para { margin-top:5px;margin-bottom:10px;margin-right:6px;margin-left:6px;clear:both;}
.tablo { clear:both;}
.titre { padding-top:6px;font-family: Arial,Helvetica,Verdana; font-size: 15px; font-weight:900;line-height:15px; text-transform: uppercase; text-align:left;margin-left:25px; }
A.lkFoot { font-family: Arial,Helvetica,Verdana; font-size: 10px; color:#4E5558; font-weight: bold; text-decoration: none }
A.lkFoot:hover { font-family: Arial,Helvetica,Verdana; font-size: 10px; color:#FFFFFF; font-weight: bold; text-decoration: underline }
.titProd { font-family: Arial,Helvetica,Verdana; font-size: 15px; color: #FFA200;font-weight:900;line-height:25px; text-transform: uppercase; text-align:left;}
A.stitProd { font-family: Arial,Helvetica,Verdana; font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none }
A.stitProd:hover { font-family: Arial,Helvetica,Verdana; font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: underline }
A.lkprod { font-family: Arial,Helvetica,Verdana; font-size: 10px; color: #FFA200; font-weight: bold; text-decoration: none;margin-bottom:16px }
A.lkprod:hover { font-family: Arial,Helvetica,Verdana; font-size: 10px; color: #FFA200; font-weight: bold; text-decoration: underline;margin-bottom:16px }
.txtWht { font-family: Arial,Helvetica,Verdana; color: #FFFFFF; font-size: 11px;}
.txtBlack { font-family: Arial,Helvetica,Verdana; color: #000000; font-size: 11px;}
.txtYell { font-family: Arial,Helvetica,Verdana; color: #FFA200; font-size: 11px;}
.txtWhtB { font-family: Arial,Helvetica,Verdana; color: #FFFFFF; font-size: 11px; font-weight: bold;}
.txtBlackB { font-family: Arial,Helvetica,Verdana; color: #000000; font-size: 11px; font-weight: bold;}
.txtYellB { font-family: Arial,Helvetica,Verdana; color: #FFA200; font-size: 11px; font-weight: bold;}
.sTitBlack { font-family: Arial,Helvetica,Verdana; color: #000000; font-size: 12px; font-weight:bold; text-transform: uppercase;}
.sTitWhite { font-family: Arial,Helvetica,Verdana; color: #FFFFFF; font-size: 12px; font-weight:bold; text-transform: uppercase;}
.sTitOrang { font-family: Arial,Helvetica,Verdana; color: #FFA200; font-size: 12px; font-weight:bold; text-transform: uppercase;}
.nomProd { color: #403C4C; padding-top:6px;font-family: Arial,Helvetica,Verdana; font-size: 15px; font-weight:900;line-height:15px; text-transform: uppercase; text-align:left;margin-left:25px; }
.imgLeft { border:1px solid white;float:left; margin-right:15px;margin-bottom:10px;}
.imgRight { border:1px solid white;float:right; margin-left:15px;margin-bottom:10px;}
#tablo1 table { border:1px solid #FFFFFF; margin-bottom:16px; padding: 0px; border-spacing: 0px; border-collapse: collapse; clear:both;}
#tablo1 table thead tr td { background-color:#FFA200;font-family: Arial,Helvetica,Verdana; font-size: 11px; color: #FFFFFF;padding-left:6px;padding-right:6px; padding-top: 4px; padding-bottom: 4px;font-weight:bold}
#tablo1 table tbody tr td { background-color:#FFFFFF;font-family: Arial,Helvetica,Verdana; font-size: 11px; color: #000000;padding-left:6px;padding-right:6px; padding-top: 2px; padding-bottom: 2px; }
#tablo2 table { border:1px solid #FFFFFF; margin-bottom:16px; padding: 0px; border-spacing: 0px; border-collapse: collapse; clear:both;}
#tablo2 table thead tr td { background-color:#4E5558;font-family: Arial,Helvetica,Verdana; font-size: 11px; color: #FFFFFF;padding-left:6px;padding-right:6px; padding-top: 4px; padding-bottom: 4px;font-weight:bold }
#tablo2 table tbody tr td { background-color:#FFFFFF;font-family: Arial,Helvetica,Verdana; font-size: 11px; color: #000000;padding-left:6px;padding-right:6px; padding-top: 2px; padding-bottom: 2px; }
/*------- formulaire -------*/
.case { float:left;margin-right:5px;margin-left:15px;clear:left; }
.arsInput { font-family: Arial,Helvetica,Verdana; font-size: 11px; color: #403C4C;border:1px solid #403C4C;width:300px; font-weight:bold;}
.arsInputRadio { /*float: right;*/}
.arsInputTxtArea { font-family: Arial,Helvetica,Verdana; font-size: 12px; color: #403C4C;border:1px solid #403C4C;width:500px;}
.arsInputDate { font-family: Arial,Helvetica,Verdana; font-size: 11px; color: #403C4C;border:1px solid #403C4C;width:100px; font-weight:bold;}
#prodSelector { width:510px;height:300px;overflow:scroll;overflow-x: hidden; overflow-y: scroll;border:1px solid white; }
.tabSatisfact {width:100%;border-collapse:collapse/**/}
.tabSatisfact TD.off {background-color:#4E5558;}
.tabSatisfact THEAD TR TD { padding:2px; background-color:#FFA200;text-align:center;}
.tabSatisfact TBODY TD { width:80px;text-align:center}
.tabSatisfact TBODY TD.quest { width:150px;padding:2px; padding-top:5px;padding-bottom:5px; background-color:white;text-align:left;}
.tabSatisfact TBODY TD.err { background-color:#4E5558;width:10px;}