html{margin:0px; padding:0px; height: 100%;}
body{margin:0px; padding:0px; height: 100%; background:white url('../img/fond.png') no-repeat 0 90px;font-family: Arial; font-size:16px}
img{margin:0px; padding:0px; border:0px;}
a{margin:0px; padding:0px; border:0px; color:#000000}
table{margin:0px; padding:0px; height: auto;}
td{margin:0px; padding:0px; border:0px}

h1 {color: #d7228a; font-size: 150%; font-family: Tahoma; text-align: center; margin-top:0}
h2 {color: #ea6721; font-size: 120%; text-align: left; margin-top:0; font-weight: bold; }

.rouge {color: red;font-weight:bold;}
.gris {color: #bbb;font-weight:bold;}
.moyen {font-size: 10pt}
.space {clear: both; margin:0; padding:0; font-size: 1px;}
.petit {font-size: 8pt}
.livre    { float: left; padding:2px; margin: 0 4px 0 0; border: solid 1px #ea6721; /*height:140px; width:auto;max-width:185px*/}
.livre:hover    { border: solid 1px #000; }

#msgerreur {text-align: left; color: red; font-weight: bold; font-size: 10pt; }
.loginok {color: #ea6721; font-weight: bold; font-size: 10pt; font-family: Arial; }

.logo {float: left; vertical-align:middle; height: 112px;}
.logo img {vertical-align: middle; margin-top: 8px; margin-left:8px}

.logo_drte {float: right; margin-top: 0px}

.slogan {font-size: 120%; font-weight: bold; color: #ea6721; text-align: center; margin:0 0 10px 0; padding:0; }

.tbl_gene {width:100%; background:url('../img/fond_droit.png') no-repeat 100% 90px; height:100%}

#bandeau{font: bold italic 17px verdana; color: #00a5da; text-align:center;}

.actus {float: right; vertical-align:top; text-align:left; padding: 8px; margin: 0 5px 0 0;width: 28%; font-family: Arial; border: 1px #2d78ac solid; height: 500px; overflow-y: scroll}
.actus h1 {font-weight:bold; font-size: 20px;color:#2d78ac; text-align:center; margin:0 0 5px 10px; padding:0 10px; background-color:white; width: 100px; }
.actus .titre {font-weight:bold; font-size: 14px;border-bottom:solid 1px #8ec740}
.actus .date { font-style:italic; font-size:12px;padding-bottom:4px;}
.actus img {border: solid 1px black;}
.actus .resume { font-weight:bold; font-style: italic; font-size: 12px;padding-bottom:5px;}
.actus .detail {font-weight:bold; font-style:italic; font-size:10px;padding-bottom:25px;}

.nouveautes {padding: 8px;clear:both;float:left;width:77%; height: 600px; overflow-y: scroll}
.nouveautes h1 {color: #d7228a; font-size: 120%; font-family: Tahoma; text-align: center; margin-top:0}
.nouveautes ul.liste       {padding:10px; margin:0 0 15px 0; list-style: none; }
.nouveautes ul.liste a    { text-decoration:none;}
.nouveautes ul.liste a:hover    { text-decoration:underline;}
.nouveautes ul.liste .couv    { float: left; height: 165px;}

.nouveautes ul.liste li	      {  float: left; text-align: left; font-size:12px; padding:0; margin:0;}
.nouveautes ul.listehome       {padding:0; margin:0; list-style: none;}
.nouveautes ul.listehome a    { text-decoration:none;}
.nouveautes ul.listehome a:hover    { text-decoration:underline;}
.nouveautes ul.listehome .couv    { float: left; height: 165px;}
.nouveautes ul.listehome li	      {float: left; font-size:12px; padding:10px 5px; margin:0 5px; border-bottom: 1px #d7228a solid; width:45%;height:170px;}
.nouveautes ul.listehome li.entete {margin-top: 8px; clear:both;width: 92%;border-bottom: 1px #2d78ac solid;height:15px;}
.nouveautes ul.listehome li.entete h2 {color:#2d78ac; margin:0; padding:0}
.nouveautes ul.listehome li.spacer {clear:both; border-bottom:none; padding:0; margin:0; width: 92%; height:0;}

ul.liste       {padding:0; margin:0; list-style: none;}
ul.liste a    { text-decoration:none;}
ul.liste a:hover    { text-decoration:underline;}
ul.liste .couv    { float: left; height: 165px;}
ul.liste li	      {float: left; font-size:12px; padding:10px 5px; margin:0 5px; border-bottom: 1px #d7228a solid; width:45%; height:170px;}
ul.liste li.entete {margin-top: 8px; clear:both;width: 92%;border-bottom: 1px #2d78ac solid;height:15px;}
ul.liste li.entete h2 {color:#2d78ac; margin:0; padding:0}
ul.liste li.spacer {clear:both; border-bottom:none; padding:0; margin:0; width: 92%; height:0;}

ul.lst_packs       {padding:0; margin:0; list-style: none;}
ul.lst_packs li	      { font-size:12px; padding:10px 5px; margin:0 5px; border-bottom: 1px #d7228a solid;  width: 100%}

.lst_clients {margin:0 auto; padding:0; font-size: 10pt; width:90%}
.lst_clients .entete {font-weight: bold;}
.lst_clients td {margin:0; padding: 2px 5px; }

.menu_droit {float: right; vertical-align:top; text-align:left; padding: 8px; margin: 0 5px 0 0;width: 18%; font-size:100%; }
.menu_droit ul{list-style: none; margin:0 0 0 10px; padding:0}
.menu_droit li{font-weight: bold; margin: 15px 0}
.menu_droit a {text-decoration: none;}
.menu_droit a:hover { color: #ea6721; text-decoration: none;}

.niveau_lst form {text-align: center; font-weight: bold;}
.niveau_lst .explic {font-style: italic; font-weight: normal; font-size: 11px;color: grey; margin:0; padding:0;}
.niveau_lst .btnL {font-size: 9px; font-weight: bold; background:#8ec740; color: white; width:60px; height: 20px; border: 0; vertical-align: bottom; margin:0 0 0 1px; padding:0; cursor:pointer;}

#accueil{float: left;background:url('../img/accueil_fond.jpg'); background-repeat:no-repeat; margin:0; padding:0; /*height:485px;*/ width:560px; position: relative; display: block;}
#accueil a{text-decoration:none;font:bold 17px arial;color:#8F959B}

#titre{text-align:center}

.recherche { font-size:11px; font-family:Tahoma;color:white; text-align: left;width: 185px; margin:10px 0 0 3px; }
.recherche form {margin:0; padding:0}
.recherche a { color: white; text-decoration: none;}
.recherche a:hover { color: #ffc311; text-decoration: none;}
.recherche .avance{ font-size:9px; font-family:Arial;color:white; text-align: left; margin:5px 0 0 55px; }
.recherche #rech { font-size: 10px; width: 180px; height: 14px }
.recherche .btn {font-size: 9px; font-weight: bold; background:#8ec740; color: white; width: 20px; height: 20px; border: 0; vertical-align: bottom; margin:0 0 0 1px; padding:0; cursor:pointer; float:right}
.recherche .btn:hover {background:#ea6721;cursor:pointer}

.frm_login { font-size:11px; font-family:Tahoma;color:white; text-align: left; }
.frm_login form {margin:0; padding:0; text-align:left}
.frm_login .login { font-size: 10px; width: 120px; height: 14px }
.frm_login .btn {font-size: 9px; font-weight: bold; background:#8ec740; color: white; width: 20px; height: 18px; border: 1px solid #8ec740; margin:0; padding:0; cursor:pointer}
.frm_login .btn:hover {background:#ea6721;cursor:pointer;  border: 1px solid #ea6721; }

.contenu .btn {font-size: 9px; font-weight: bold; background:#8ec740; color: white; width: 20px; height: 20px; border: 0; margin:0; padding:0; cursor:pointer}
.contenu .btn:hover {background:#ea6721;cursor:pointer}

.contenu{padding: 8px;clear:both;float:left;width:77%; height: 650px; overflow-y: scroll; font-size:10pt;}

.frm_recherche {font:bold 22px arial;padding:40px; text-align:center}
.frm_recherche .input_txt {width:200px;background-color:#ea6721;font-weight:bold; font-size: 14px; font-family: arial;}

#contact {font:bold 12px arial;margin-left:50px}
#contact td{font:bold 12px arial;}
#contact input{border:solid 1px #E92426}
#contact textarea{border:solid 1px #E92426}
#contact div{padding-top:5px}
#contact button{color:green}

.affClient{margin: 0 15px;}
.affClient .RaisonSociale { color:#93C709; font-weight: bold;}
.affClient .libClient {width: 120px; font-weight: bold;}

.pagination{clear: both; font-weight: bold; font-size: 10pt;color:#E92426;text-decoration:none;padding: 0 1px; margin-top: 10px;margin-right: 40px;text-align:right;}
.pagination_on {color:#FFDE00;text-decoration:none; padding: 0 1px; }
.pagination a {color:#E92426;text-decoration:none;padding: 0 1px; }
.pagination a:hover {background:#FFDE00;text-decoration:none; padding: 0 1px;}

.panier { position: static; padding-top: 20px; float: right}
.titre_detail { position: static; float: left; width: 85%; }

.fond_menu_haut {background:url('../img/fond_haut.png'); height: 112px; background-repeat:repeat-x; background-position: -14px 0; padding: 5px 10px 0 0;}

#menu_haut {height:112px; }
#menu_gauche { vertical-align:top; background:url('../img/arbre.png') no-repeat 0% 70px; width: 200px; margin:0; padding:0}

ul.menu_haut {position: relative; list-style: none; display: inline; font-family: Arial Narrow, sans serif; font-size: 130%; font-weight: bold; text-align: center; padding:0; width: 100%}
ul.menu_haut li { display: inline; margin: 8px 0 0 0; padding: 0 2%; float:left;text-align: center;color: white;}
ul.menu_haut li a {color: white; text-decoration : none; }
ul.menu_haut li a.rouge_orange {color: #c03;}
ul.menu_haut li a:hover {color: #ffc311; text-decoration : none; }
ul.menu_haut li a.on {color: #ffc311; text-decoration : none; }


.menu_gauche {text-align: left; margin:0; padding:0;}
.menu_gauche a { text-decoration : none; }
.menu_gauche a:hover { text-decoration: none;}
.menu_gauche a.on { color: #ffc311; text-decoration : none; }
.menu_gauche .mg1 {margin:0 0 0 20px}
.menu_gauche .mg1:hover {}
.menu_gauche .mg1 a {}
.menu_gauche .mg1 a:hover {}
.menu_gauche .mg2 {margin:0 0 0 80px}
.menu_gauche .mg2:hover {}
.menu_gauche .mg2 a {}
.menu_gauche .mg2 a:hover {}
.menu_gauche .mg3 {margin:-5px 0 0 10px}
.menu_gauche .mg3:hover {}
.menu_gauche .mg3 a {}
.menu_gauche .mg3 a:hover {}
.menu_gauche .mg4 {margin:5px 0 0 60px}
.menu_gauche .mg4:hover {}
.menu_gauche .mg4 a {}
.menu_gauche .mg4 a:hover {}
.menu_gauche .mg5 {margin:10px 0 0 25px}
.menu_gauche .mg5:hover {}
.menu_gauche .mg5 a {}
.menu_gauche .mg5 a:hover {}
.menu_gauche .mg6 {margin:10px 0 0 45px}
.menu_gauche .mg6:hover {}
.menu_gauche .mg6 a {}
.menu_gauche .mg6 a:hover {}
.menu_gauche .mg7 {margin:40px 0 0 45px}
.menu_gauche .mg7:hover {}
.menu_gauche .mg7 a {}
.menu_gauche .mg7 a:hover {}
.menu_gauche .lien_acc {font-family: Verdana; font-weight: bold; font-size: 10px;color:#FFFFFF; margin: 50px 0 0 70px}

.print_repre {position: absolute; top: 75px; left: 40%;font-weight: bold; margin:0 auto; padding: 2px 5px; background: orange; text-align:center;}
.print_repre a {}
.print_repre a:hover {text-decoration: underline}
.print_repre input.print_btn { background: orange; border:0; font-weight: bold; font-family: Arial; cursor: pointer}