<!--
.styles {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: none}
.stylesbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CC3300; text-decoration: none ; font-weight: bold}

BODY {margin-top:0; margin-bottom:0; margin-left:0; margin-right:0;background-color: #ffffff;}
a:hover {text-decoration: underline;color: #000000; font-weight:800}
a {text-decoration: none;color: #0C77BB;}


/* titre affichée en haut de la page */
.titre { text-decoration: none; color: #0C77BB;font-family:  arial,helvetica,sans-serif; font-size: 14px;font-weight:800;}
div.titre { border-bottom:1px solid #E8E8E8;margin-bottom:8px;padding-bottom:12px;margin-right:15px;}


table {margin-top:14px;}

.champs {color: #187BBD; text-decoration: none; font-family:  arial,helvetica,sans-serif;  font-size: 12px;font-weight:600;}
.asterisque {color: #FF0000; text-decoration: none; font-family:  arial,helvetica,sans-serif;  font-size: 14px;font-weight:600;}
.rubrique {text-decoration: none; color: #0D26A1;font-family:  arial,helvetica,sans-serif; font-size: 12px;font-weight:600;}
.legende {color: #000000; text-decoration: none; font-family:  arial,helvetica,sans-serif;  font-size: 10px;font-weight:400;}
.legende_champs {color: #808080; text-decoration: none; font-family:  arial,helvetica,sans-serif;  font-size: 11px;font-weight:400;}
.text2 {color: #000000; text-decoration: none; font-family:  arial,helvetica,sans-serif;  font-size: 12px;font-weight:400;}
.text1 {color: #000000; text-decoration: none; font-family:  arial,helvetica,sans-serif;  font-size: 14px;font-weight:800;}
INPUT { background-color: #D0DEF4; background-image: ; font-size: 11px; font-family: verdana, sans-serif; font-weight: 100; color: #000000; border: 1px solid #F88544}
.checkbox { background-color: #FFFFFF; background-image: none; font-size: 11px; font-family: verdana, sans-serif; font-weight: 100; color: #000000;border: 0;}
.fieldset { text-decoration: none; color: #8D1727;font-family:  arial,helvetica,sans-serif; font-size: 14px;font-weight:800;}
.entete {color: #D95039; text-decoration: none; font-family:  arial,helvetica,sans-serif;  font-size: 12px;font-weight:600;}
.designation2 { text-decoration: none; color: #000000;font-family:  arial,helvetica,sans-serif; font-size: 12px;font-weight:400;}
.quantite2 { text-decoration: none; color: #000000;font-family:  arial,helvetica,sans-serif; font-size: 12px;font-weight:800;}
.prix2 { text-decoration: none; color: #000000;font-family:  arial,helvetica,sans-serif; font-size: 12px;font-weight:600;}
.total_port { text-decoration: none; color: #000000;font-family:  arial,helvetica,sans-serif; font-size: 12px;font-weight:800;}
.total_a_payer { text-decoration: none; color: #8D1727;font-family:  arial,helvetica,sans-serif; font-size: 14px;font-weight:800;}
.entete { text-decoration: none; color: #000000;font-family:  arial,helvetica,sans-serif; font-size: 12px;font-weight:600;}
.etab {color: #FFFFFF; text-decoration: none; font-family:  arial,helvetica,sans-serif;  font-size: 11px;font-weight:600;vertical-align:middle;text-align:center;}
.etab a {color: #FFFFFF; text-decoration: none; font-family:  arial,helvetica,sans-serif;  font-size: 11px;font-weight:600;}
.etab a:hover {color: #FF0000; text-decoration: none; font-family:  arial,helvetica,sans-serif;  font-size: 11px;font-weight:600;}

.ltab {color: #000000; text-decoration: none; font-family:  arial,helvetica,sans-serif;  font-size: 10px;font-weight:100;vertical-align:middle;text-align:center;}
.ltab a {color: #000000; text-decoration: none; font-family:  arial,helvetica,sans-serif;  font-size: 10px;font-weight:100;vertical-align:middle;text-align:center;border: 0px;padding:0px; margin:0px;}
.ltab a:hover {color: #FF0000; text-decoration: none; font-family:  arial,helvetica,sans-serif;  font-size: 10px;font-weight:100;vertical-align:middle;text-align:center;border: 0px;padding:0px; margin:0px;}

.texte_btn {color: #0D26A1; text-decoration: none; font-family:  arial,helvetica,sans-serif;  font-size: 11px;font-weight:600;}
.texte_btn_hover {color: #FF0000; text-decoration: none; font-family:  arial,helvetica,sans-serif;  font-size: 12px;font-weight:600;}

.mpover {cursor:pointer; color: #CEB928; font-family:  arial;text-decoration: none; font-size: 11px; font-weight:600 ; border: 0px; vertical-align:middle;text-align:center;}
.mpout {color: #676767;  font-family:arial; font-weight: 600; text-decoration: none; font-size: 11px; border: 0px; vertical-align:middle;text-align:left;}
.mppuce {vertical-align:middle;horizontal-align:right;}
.mpover a:hover {text-decoration: none;color: #CEB928;}
.mpout a {text-decoration: none;color: #676767;}

.mover {cursor:pointer; color: #CEB928;  font-family:  arial; font-size: 11px; font-weight:100 ; border: 0px; vertical-align:middle;text-align:center;}
.mout {color: #676767; text-align:justify; font-family: arial; font-weight: 100;  font-size: 11px; border: 0px; vertical-align:middle;}
.mpuce {vertical-align:middle;horizontal-align:right;}
.mover a:hover {text-decoration: none;color: #CEB928;}
.mout a {text-decoration: none;color: #676767;}

.new  {  font-family: Arial, Helvetica; font-size: 11px;  color: #F88544; font-weight:normal;}
.new a { text-decoration: none; font-family: Arial, Helvetica; font-size: 11px;  color: #F88544;font-weight:normal;}
.new a:hover { text-decoration: none; font-family: Arial, Helvetica; font-size: 11px;  color: #F88544;font-weight:normal;}

SELECT {color: #000000; background-color: #D0DEF4;  background-image: ;  font-family:  verdana,sans-serif; font-size: 11px; font-weight:100 ; border: 1px solid #F88544 }
TEXTAREA {color: #000000; background-color: #D0DEF4; background-image: ; text-align:justify; font-family:verdana,sans-serif; font-weight: 100;  font-size: 11px; border: 1px solid #F88544;}

.champformblanc { background-color: #F5F5F5; font-size: 11px; font-family: verdana, sans-serif; font-weight: 100; color: #000000; border: 1px solid #C0C0C0;}


.images {background: #DADDE4;}


/*--------------------------------------------------------------------------------------------------*/
/*------------------------------------------liste sous pages-----------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
div.liste_sous_pages {text-align:left;border-bottom:1px solid #E8E8E8;padding-bottom:8px;padding-left:8px;margin-right:15px;}
div.liste_sous_pages ul {list-style:none;margin:0;padding:0;}
div.liste_sous_pages ul li {margin:0px;padding-left:14px;padding-top:3px;padding-bottom:3px;background-repeat:no-repeat;background-image: url('../arrow_gray.gif');background-position: 2px 8px;}
div.liste_sous_pages ul li a {font-size: 12px;font-weight:normal;}


/*--------------------------------------------------------------------------------------------------*/
/*-------------------------------------------INPUT--------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
fieldset {margin:0;margin-bottom:28px;padding:8px;padding-top:12px;}
legend {padding:0;padding-bottom:0px;text-transform:uppercase;font-size:14px;letter-spacing:0px;line-height:18px;}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {border : 0px;}      //for FireFox
input[type="submit"]:focus, input[type="button"]:focus,input[type="password"]:focus,input[type="text"]:focus {outline : none;}  //for IE8
button::-moz-focus-inner {border: 0;padding: 0;}


input[type="text"],input[type="password"],TEXTAREA {background:#FFFFFF;font-family: Arial,serif;font-size:11px;color:#4B0117;padding:1px; padding-left:3px; padding-right:16px;border: 1px solid #BDA799;
-webkit-appearance: textfield;margin-top:2px;margin-bottom:6px;}
TEXTAREA {padding-right:4px;}
SELECT {background:#FFFFFF;font-size:11px;color:#4B0117;padding:1px; padding-left:3px; padding-right:1px;border: 1px solid #BDA799;margin-top:2px;margin-bottom:6px;}
input[type="text"]:focus,  SELECT:focus, TEXTAREA:focus,input[type="password"]:focus,SELECT:focus { outline: 0;border: 1px solid #F68B2C;}


input,  textarea, select,input[type="text"],input[type="password"],input[type="submit"],input[type="button"],button  {
  background-color: #eee;
  background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #fff), color-stop(100%, #efefef));
  background: -moz-linear-gradient(top, #fff, #efefef);
  border-radius: 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  padding-top:3px;padding-bottom:3px;
  -webkit-appearance: none;-moz-appearance: none;appearance: none;
}
input:focus, textarea:focus, select:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="button"]:hover {
  box-shadow: 0px 0px 4px #F48004;
  -webkit-box-shadow: 0px 0px 4px #F48004;
  -moz-box-shadow: 0px 0px 4px #F48004;
}


input[type="submit"],input[type="button"],button {font-weight:bold;padding-left:35px;padding-right:35px;color:#187BBD;}


/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------FORMULAIRE DE CONTACT---------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
div.conteiner_formulaire_contact {text-align:left;padding:0px;padding-right:2em;padding-bottom:4em;width:600px;}
.conteiner_formulaire_contact DIV.bouton {margin-top:-8px;display:block;}
.conteiner_formulaire_contact input[type="button"] {font-size:11px;text-transform : uppercase;margin:0px;padding:10px;padding-top:2px;padding-bottom:2px;margin-left:auto;margin-right:0px;text-align:center;display:block;}
.asterisque {color:#FF0000;font-size:11px;}
div.informatique_et_libertes {font-weight:normal;color:#888888;font-size:11px;}


/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------plan du site------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
.collapsible-list div.testlien {float:right;background-image: none;padding:0px;margin:0px;display: block;margin-top:-1.5em;margin-right:10px;}
.collapsible-list div.testlien img {padding:0px;margin:4px;margin-right:2px;margin-left:2px;cursor: pointer;}
.collapsible-list .nouveau {padding:0px;padding-left:5px;margin:4px;color:#BBBBBB;font-size: 0.8em;font-style:italic;}
.collapsible-list .vieille {padding:0px;padding-left:5px;margin:4px;color:#FF0000;font-size: 0.8em;font-style:italic;}
.collapsible-list sup.document {padding:0px;padding-left:5px;color:#F88544;font-size: 0.8em;font-style:italic;}
.collapsible-list sup.accueil {color:#41A9E9;font-weight:bold;}
.collapsible-list  li {padding: 1em;padding-left: 0em;padding-top: 4px;padding-bottom: 4px;margin: 0em;}
.collapsible-list li {font-weight:normal;}
.collapsible-list li.niveau1 {font-weight:bold;color:#0C77BB;}
.collapsible-list li.niveau1 span a {border-bottom: none;color:#0C77BB;}
.collapsible-list li.niveau2 {font-weight:bold;color:#4899CC;}
.collapsible-list li.niveau2 span a {border-bottom: none;color:#4899CC;}
.collapsible-list li.niveau3 {font-weight:normal;color:#888888;}
.collapsible-list li.niveau3 span a {border-bottom: none;color:#888888;}
.collapsible-list li a, .collapsible-list li span a {border-bottom: none;color:#888888;}
.collapsible-list li span a:hover {}


/*-----------------------------------------------------------------------------------------------*/
/*------------------encart authentification / login - NE PAS SUPPRIMER !------------------------*/
/*----------------------------------------------------------------------------------------------*/
div.block-content.login {background-color:#FFFFFF;border: 1px solid #2F96BB;font-size:12px;font-family:arial;letter-spacing:0.5px;margin-top:50px;margin-bottom:50px;padding:8px;padding-left:10px;padding-right:10px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;position:relative;z-index:100;width:360px;margin-left:auto;margin-right:auto; text-align:center;-webkit-box-shadow: 0px 0px 15px 0px rgba(89, 89, 89, 0.46);-moz-box-shadow: 0px 0px 15px 0px rgba(89, 89, 89, 0.46);box-shadow: 0px 0px 15px 0px rgba(89, 89, 89, 0.46);}
div.block-content.login > h1 {display:none;}
div.block-content.login > div.block-header {color:#FFFFFF;background:#2F83A2;margin-left:-9px;margin-top:-7px;width:378px;display:block;font-weight:bold;font-size:18px;padding-bottom:8px;padding-top:8px;-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
div.block-content.login p.inline-small-label label {color:#2F96BB;font-weight: bold;display: block;margin-bottom:4px;text-align:left;}
div.block-content.login p.inline-small-label label[for=pass] {color:#2F96BB;font-weight: bold;display: block;margin-bottom:px;text-align:left;}
div.block-content.login input[type="text"],div.block-content.login input[type="password"],div.block-content.login button
{padding:4px;border:1px solid #2F96BB;
  background-color: #eee;
  background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #fff), color-stop(100%, #efefef));
  background: -moz-linear-gradient(top, #fff, #efefef);
  border-radius: 3px;-webkit-border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;
  }
div.block-content.login button {margin-right:0px;margin-top:10px;margin-bottom:12px;margin-left:auto;display:block;width:180px;font-weight:bold;
border:1px solid #216C87; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;
color: #FFFFFF;
 background:#4EB8E0; background-image: -webkit-gradient(linear, left top, left bottom, from(#4EB8E0), to(#216C87));
 background-image: -webkit-linear-gradient(top, #4EB8E0, #216C87);
 background-image: -moz-linear-gradient(top, #4EB8E0, #216C87);
 background-image: -ms-linear-gradient(top, #4EB8E0, #216C87);
 background-image: -o-linear-gradient(top, #4EB8E0, #216C87);
 background-image: linear-gradient(to bottom, #4EB8E0, #216C87);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4EB8E0, endColorstr=#216C87);}
div.block-content.login input[type="text"]:focus,div.block-content.login input[type="password"]:focus {
box-shadow: 0px 0px 4px #2F96BB;-webkit-box-shadow: 0px 0px 4px #2F96BB;-moz-box-shadow: 0px 0px 4px #2F96BB;
}
div.block-content.login p.message {clear:both;color:#444444;padding: 0.583em 0.833em 0.75em 0.75em;margin-bottom:0.95em;-moz-border-radius: 0.4em;	-webkit-border-radius: 0.4em;color: #576a73;border: 1px solid #d9d9d9;background-color:#E9E9E9;}
div.block-content.login p.message.error {color:#FF0000;}
.full-width {-moz-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 99%;}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {border : 0px;}      /*for FireFox*/
input[type="submit"]:focus, input[type="button"]:focus,input[type="password"]:focus,input[type="text"]:focus {outline : none;}  /*for IE8 */
button::-moz-focus-inner {border: 0;padding: 0;}
/*--------------------------------------------------------------------------------*/
/*------------------fin encart authentification / login --------------------------*/
/*-------------------------------------------------------------------------------*/


-->