/* GENERAL : boutons, clear, marges, couleurs... */
a{
color:#693;
text-decoration:none;
}
a:visited{color:#906;}
a:hover{
color:#060;
text-decoration:underline;
}
/*
h1{
color:#39f;
background-image:url('../img/menu-gauche-puce-h2.gif');
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
border-bottom:double 3px #39f;
font-size:22pt;
}
*/
h1{
color:#000;
background-image:url('../img/accueils/design/decole-bas.jpg');
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:15px;
margin-bottom:20px;
text-align:center;
width:720px;
font-size:22pt;
}

h2{
color:#39f;
background-image:url('../img/menu-gauche-puce-h2.gif');
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
border-bottom:double 3px #39f;
}
h3{
color:#39f;
background-image:url('../img/menu-gauche-puce-h3.gif');
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
border-bottom:double 3px #39f;
}
h4{
color:#39f;
background-image:url('../img/menu-gauche-puce-h4.gif');
background-repeat:no-repeat;
background-position:left;
padding-left:15px;
border-bottom:solid 1px #39f;
}

.clear{
clear:both;
margin:0px;
padding:0px;
}
.left{float:left;}
.right{float:right;}

.margin0{margin:0px;}
.margin5{margin:5px;}
.margin10{margin:10px;}
.margin15{margin:15px;}
.margin20{margin:20px;}

.margin-L5{margin-left:5px;}
.margin-L10{margin-left:10px;}
.margin-L15{margin-left:15px;}
.margin-L20{margin-left:20px;}
.margin-L30{margin-left:30px;}
.margin-L40{margin-left:40px;}
.margin-L50{margin-left:50px;}

.margin-R5{margin-right:5px;}
.margin-R10{margin-right:10px;}
.margin-R15{margin-right:15px;}
.margin-R20{margin-right:20px;}

.padding0{padding:0px;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding15{padding:15px;}
.padding20{padding:20px;}

.padding-L5{padding-left:5px;}
.padding-L10{padding-left:10px;}
.padding-L15{padding-left:15px;}
.padding-L20{padding-left:20px;}

.padding-R5{padding-right:5px;}
.padding-R10{padding-right:10px;}
.padding-R15{padding-right:15px;}
.padding-R20{padding-right:20px;}

.couleur01{color:#060;}
.couleur02{color:#39f;}
.couleur03{color:#fff;}
.couleur04{color:#888;}
.couleur05{color:#000;}

tr.ligne00{
background-color:#669933;
}
tr.ligne01{
background-color:#eee;
}
tr.ligne02{
background-color:#ddd;
}
tr.ligne03{
background-color:#ccc;
}
tr.ligne04{
background-color:#ff3;
}
tr.ligne05{
background-color:#ffffcc;
}
tr.ligne06{
background-color:#fff;
}
td.ligne04{
background-color:#ff3;
}
td.ligne05{
background-color:#ffffcc;
}
.size8{font-size:8pt;}
.size9{font-size:9pt;}
.size10{font-size:10pt;}
.size11{font-size:11pt;}
.size12{font-size:12pt;}
.size14{font-size:14pt;}
.size16{font-size:16pt;}
.size18{font-size:18pt;}
.size20{font-size:20pt;}

.bold{font-weight:bold;}
.italic{font-style:italic;margin:0px;padding:0px;}

.rouge{color:#f00;}

.aere-Top5{margin-top:5px;}
.aere-Top10{margin-top:10px;}
.aere-Top15{margin-top:15px;}
.aere-Top20{margin-top:20px;}
.aere5{margin:5px;}
.aere10{margin:10px;}
.aere15{margin:15px;}
.aere20{margin:20px;}

.separation{
height:18px;
background-image:url('../img/decole-bas-petit.jpg');
background-repeat:no-repeat;
background-position:bottom;
}

/* SITE */
body{
background-image:url('../img/body-bg-degrade.jpg');
background-repeat:repeat-x;
background-position:top;
background-color:#cf9;
color:#000;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
text-align: center;
}
#site{
margin:0 auto;
padding:auto;
width:985px;
background-color:#fff;
border:solid 2px #060;
border-top:none;
text-align:left;
padding-top:0px;
overflow:hidden;
}
/* HEADER */
#header-droite a{
color:#060;
}
#header-droite a:hover{
color:#693;
}
#header-top-bandeau{
background-image:url('../img/header-top-bandeau.gif');
background-repeat:repeat-x;
background-position:top;
height:19px;
}
#zone-gauche{
float:left;
width:225px;
height:80px;
}
#logo{
width:225px;
text-align:center;
float:left;
margin-top:0px;
padding-left:0px;
margin-bottom:0px;
}
#langues{
float:left;
margin:0px;
width:225px;
text-align:center;
margin-top:10px;
}
#header-droite{
float:left;
width:755px;
height:85px;
}
#zone-centre{
margin-top:5px;
}
#zone-news-liens-utilisateur{
height:42px;
width:610px;
}
#zone-news{
float:left;
background-image:url('../img/cadre-newsletter02.gif');
background-repeat:no-repeat;
background-position:top;
width:283px;
height:62px;
padding-top:7px;
line-height:24px;
margin-top:7px;
text-align:center;
}
#zone-news input{
cursor:pointer;
}
#zone-liens-utilisateur{
float:left;
background-image:url('../img/cadre-liens-utilisateur02.gif');
background-repeat:no-repeat;
background-position:top;
width:262px;
height:62px;
margin-left:18px;
margin-top:7px;
padding-top:4px;
line-height:18px;
text-align:center;
}
#zone-panier{
float:right;
background-image:url('../img/panier/panier.gif');
background-repeat:no-repeat;
background-position:top;
width:167px;
height:62px;
margin-right:7px;
margin-top:7px;
}
#zone-panier a:hover{
text-decoration:none;
color:#693;
}
#somme-panier{
text-align:right;
width:85px;
margin-top:10px;
margin-left:2px;
font-size:12pt;
font-weight:bold;
}
#somme-panier a:hover{
text-decoration:underline;
color:#693;
}
#titre-panier{
text-align:center;
font-weight:bold;
font-size:11pt;
padding-top:2px;
}
#navigation{
margin:0px;
padding:0px;
margin-top:0px;
margin-left:225px;
}
#btn{
width:107px;
height:31px;
overflow:hidden;
text-align:center;
}
#btn a{
color:#030;
width:107px;
line-height:31px;
font-weight:bold;
}
#btn a:hover{
color:#060;
text-decoration:none;
}
#btn:hover{
background-image:url('../img/boutons_menu/btn-select.png');
background-repeat:no-repeat;
background-position:top;
}
.btn-select{
background-image:url('../img/boutons_menu/btn-select.png');
background-repeat:no-repeat;
background-position:top;
background-color:#ff3;
width:107px;
height:31px;
position:relative;
z-index:10; 
}
.btn-normal{
background-image:url('../img/boutons_menu/btn-normal.png');
background-repeat:no-repeat;
background-position:top;
position:relative;
z-index:0; 
}
#btn-ligne-double{
width:107px;
height:31px;
overflow:hidden;
text-align:center;
}
#btn-ligne-double a{
color:#030;
width:99px;
line-height:14px;
font-weight:bold;
font-size:9pt;
padding-top:2px;
}
#btn-ligne-double a:hover{
color:#060;
text-decoration:none;
}
#btn-ligne-double:hover{
background-image:url('../img/boutons_menu/btn-select.png');
background-repeat:no-repeat;
background-position:top;
}
#btn-annuaire{
width:107px;
height:31px;
overflow:hidden;
text-align:center;
background-image:url('../img/boutons_menu/btn-normal.png');
background-repeat:no-repeat;
background-position:top;
}
#btn-annuaire a{
color:#030;
width:99px;
line-height:14px;
font-weight:bold;
font-size:9pt;
padding-top:2px;
}
#btn-annuaire a:hover{
color:#060;
text-decoration:none;
}
#btn-annuaire:hover{
background-image:url('../img/boutons_menu/btn-select.png');
background-repeat:no-repeat;
background-position:top;
}
#header-bande-bas{
float:left;
background-image:url('../img/header-bande-bas.gif');
background-repeat:repeat-x;
background-position:top;
height:10px;
width:985px;
padding-left:221px;
margin-top:-1px;
}

#contenu-site{
background-image:url('../img/menu-gauche-bg.gif');
background-repeat:repeat-y;
background-position:left;
}

/* MENU GAUCHE */
#menu-gauche{
background-image:url('../img/menu-gauche-bg.gif');
background-repeat:repeat-y;
background-position:left;
float:left;
width:224px;
margin-top:-10px;
position:relative;
z-index:10; 
}
#menu-gauche input{
cursor:pointer;
margin:0px;
padding:0px;
}
#titre-menu-gauche{
background-image:url('../img/menu-gauche-bg-titre.png');
background-repeat:no-repeat;
background-position:top;
height:48px;
width:224px;
font-weight:bold;
font-size:12pt;
text-align:center;
color:#060;
padding-top:6px;
}
#menu-gauche-contenu{
/*margin-left:15px;*/
}
#menu-gauche-contenu{
margin-left:10px;
margin-right:2px;
}

/* LISTE-SCROLLINDEX */
#liste-scrollindex {
margin-top:5px;
height:400px;
overflow:auto;
width:202px;
border:solid 1px #ddd;
background-color:#cf9;
padding-left:3px;
font-size:8pt;
}
#liste-scrollindex p{
overflow:hidden;
/*height:16px;*/
margin:0px;
padding:0px;
font-size:8pt;
}
#liste-scrollindex p a{
color:#060;
padding-left:17px;
display:block;
}
#liste-scrollindex p a:visited{
/*font-weight:normal;*/
color:#906;
}
#liste-scrollindex p a:hover{
font-weight:bold;
color:#030;
}
#liste-scrollindex p.famille-scrollindex a{
color:#060;
background-image:url('../img/menu-gauche-puce02.gif');
background-repeat:no-repeat;
background-position:left top;
padding-left:17px;
display:block;
}
/* CONTENU PAGE */
#contenu-page{
float:left;
width:742px;
text-align:center;
margin-bottom:5px;
}
.titre-accueil{
font-weight:bold;
font-size:12pt;
}

/* FOOTER */
#footer{
border-top:solid 1px #060;
}
#footer a{
color:#060;
}
#footer a:hover{
color:#693;
}
#raccourci-conteneur{
float:left;
text-align:center;
padding-left:20px;
}
#raccourci{
float:left;
font-size:8pt;
width:45px;
text-align:center;
}
#blocos{
float:right
}
#bloc-coordonnees{
float:left;
color:#fff;
background-color:#060;
padding:10px;
padding-top:auto;
padding-bottom:auto;
height:60px;
}
#bloc-coordonnees a{
color:#fff;
}
#acces-rapide{
float:left;
border-left:solid 1px #060;
border-right:solid 1px #fff;
}
#acces-rapide .titre{
background-color:#060;
color:#fff;
padding-right:2px;
}
#acces-rapide a{
font-size:8pt;
padding-left:2px;
padding-right:5px;
}
#octea{
float:left;
margin-right:5px;
margin-top:60px;
font-size:8pt;
}

/* FICHES */
#la-fiche #footer-la-fiche a{
color:#fff;
}
#la-fiche #footer-la-fiche a:hover{
color:#fff;
text-decoration:underline;
}
#navigation-fiches{
float:right;
font-size:8pt;
background-color:#fff;
}
#navigation-fiches-liens{
width:60px;
float:left;
text-align:center;
}
#navigation-fiches-print{
float:right;
font-size:10pt;
background-color:#fff;
padding-right:10px;
}
#navigation-fiches-print-liens{
width:170px;
float:left;
text-align:center;
margin-top:10px;
}
#navigation-fiches-print-liens2{
width:115px;
float:left;
text-align:center;
margin-top:-5px;
}

#navigation-fiches-print2{
float:right;
font-size:10pt;
margin-right:50px;
width:165px;
height:80px;
background-image:url('../img/fond-partager-cette-page.jpg');
background-repeat:no-repeat;
background-position:left top;
}

table.article a{
color:#060;
}
table.article a:hover{
color:#693;
}

/* IMAGE EN "POPUP" */
.popimage {
position:absolute;
visibility:hidden;
}

/* AVIS */
.avismenugauche{
margin-right:10px;
margin-bottom:10px;
}