/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

/*--- reset ------------*/
/* Resetting of element defaults to avoid cross-browser incompatibilities */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, table, legend, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
text-align: left;
}

html {
overflow: auto; /* removes vertical scrollbar */
}

body {
background-image: url(../pictos_site_21/back.gif);
background-repeat: repeat-x;
font-family: Verdana,Verdana,Arial,Helvetica,sans-serif;
text-align: center;
font-size: 11px;
background-color: #dde1e3;
background-position: left top;
color: #4b4b4c;
width: 100%;
height: 100%;
}

img, img a, img a:hover {
border: 0;
}

a {
text-decoration: underline;
color: #3397b9;

}

a:hover {
text-decoration: none;
color: #3397b9;

}

a:visited {
text-decoration: underline;
}

a:visited:hover {
text-decoration: none;
}

h1 {
color: #000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 21px;
margin-top: 0px;
margin-bottom: 7px;
padding: 0px;
font-weight: normal;
text-align: left;
}

h2 {
color: #000;
font-size: 1.1em;
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
font-weight: bold;
text-align: left;
border-bottom: 1px solid #3397b9;
text-transform: uppercase;
}

h3 {
color: #3397b9;
font-size: 1.1em;
margin-top: 10px;
margin-bottom: 6px;
padding: 0px;
font-weight: bold;
text-transform: uppercase;
}

h4 {
color: #3397b9;
font-size: 1.2em;
margin-top: 10px;
margin-bottom: 3px;
padding: 0px;
font-weight: bold;
}


.texte-bleu {
color: #98B1C8;
}

.texte-rouge {
color: #ff3333;
}

.texte-noir {
color: #000;
}

.bloc-couleur {
margin: 0px;
border: 1px #e7e7e7 solid;
background-color: #e7ecee;
padding: 10px;
}

.bloc-cadre {
margin: 0px;
background-color: #ffffff;
padding: 10px;
border: 1px #e7e7e7 solid;
}

hr {
display:block;
height: 1px;
 margin: 0;
 _margin: -7px 0;
 padding: 0;
 color: #e7e7e7;
 background-color: #e7e7e7;
 border: 0;
margin-top: 10px;
margin-bottom: 10px; }


tbody {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
}


form {
display:block;
margin:0;
padding:0;
}

p {
margin:0;
padding:0;
}

ul {
margin:20;
padding:0;
}

li{
list-style-type: none;
background: url(../pictos_site_21/mini_fleche_noire.gif) no-repeat left 6px;
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 10px;
padding-right: 14px;
padding-bottom: 5px;
}

/* construction-------------------------------------------*/

#centrage {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}


#conteneur {
position: absolute;
top: 50%;
left: 50%;
width: 939px;
margin: -303px 0 0 -470px;
text-align: left;
}

#marge-conteneur {
padding-top: 0px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;
background-color: white;
}

#attente {
background: url(../pictos_site_21/back_attente.gif) repeat-x left 8px;
height: 163px;
margin-top: 200px;
}

#contenu-attente {
padding-top: 95px;
margin-left: 626px;
}

.en-attente a{
line-height: 2.9em;
padding-top: 1px;
padding-bottom: 3px;
padding-left: 8px;
background: url(../pictos_site_21/fleche_noire.gif) no-repeat left center;
font-size: 10px;
color: #fff;
}

.en-attente a:hover{
color: #fff;
}

#header {
margin: 0px;
padding: 0px;
background: url(../pictos_site_21/back_menu.gif) repeat-x left bottom;
}

/* My Comment */

#logo {
float: left;
margin: 0px;
padding: 0px;
}

#bloc-rechercher{
float: right;
margin-top: 10px;
font-size: 10px;
color: #8f8f8f;
}

#bloc-rechercher a{
color: #8f8f8f;
text-decoration: none;
}

#bloc-rechercher a:hover{
color: #8f8f8f;
text-decoration: underline;
}

.habillage-recherche {
width: 142px;
background-color: #ffffff;
height: 21px;
margin-right: 4px;
vertical-align: middle;
display: inline-block;
color: #8f8f8f;
padding-left: 5px;
padding-top: 4px;
margin-top: 10px;
font-size: 10px;
border: 1px solid #cdcdcd;
}

.alignementBtRecherche {
margin-top: 10px;
vertical-align:middle;
}

#menu-principal {
height: 32px;
padding: 0px;
margin: 0px;
clear: both;
}

#bloc-centre {
margin-top: 8px;
height: 11px;
background: url(../pictos_site_21/back_centre.gif) repeat-x;
}


/* flash-------------------------------------------*/

#flashcontent {
margin: 0px;
padding: 0px;
}

#flashcontent table {
border: none;
border-collapse: collapse;
}

#flashcontent td {
margin: 0;
padding: 0;
}

#flashcontent td .compte {
margin: 0;
padding: 0;
background-color: #8aacb5;
}

/* mom compte-------------------------------------------*/

#mon-compte {
margin-left: 10px;
margin-top: 20px;
color: #fff;
}

.habillage-mon-compte {
width: 104px;
background-color: #FFFFFF;
border: 1px #cdcdcd solid;
height: 18px;
font-size: 11px;
vertical-align: middle;
padding-top: 2px;
padding-left: 2px;
margin-top: 2px;
margin-bottom: 4px;
}

.bouton-mon-compte {
vertical-align: middle;
margin-left:5px;
margin-bottom: 4px;
}

#mon-compte ul{
margin-top: 10px;
margin-left: 0;
margin-bottom: 0;
padding: 0px;
}

#mon-compte li{
list-style-type: none;
padding-top: 5px;
padding-bottom: 5px;
padding-top: 0px;
padding-left: 0px;
margin: 0;
background-image: none;
font-size: 10px;
}

#mon-compte a{
font-size: 11px;
color: #fff;
font-weight: bold;
}

#mon-compte a:hover{
color: #fff;
}

.acces-pro{
line-height: 2.9em;
padding-top: 1px;
padding-bottom: 3px;
padding-right: 21px;
font-weight: bold;
background: url(../pictos_site_21/ico_cadenas.gif) no-repeat right center;
font-size: 12px;
}


/* acces pro inter-------------------------------------------*/


#bloc-accespro-inter{
float: right;
margin-top: 10px;
margin-right: 25px;
padding-right: 25px;
font-size: 10px;
color: #000;
line-height: 1.6em;
background: url(../pictos_site_21/ico_cadenas.gif) no-repeat right top;
text-align: right;
}

#bloc-accespro-inter .accespro a{
font-size: 12px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 13px;
background: url(../pictos_site_21/fleche_accespro.gif) no-repeat left center;
color: #666666;
text-decoration: underline;
}

#bloc-accespro-inter .accespro a:hover{
color: #000;
text-decoration: none;
}

#bloc-choix-sites{
float: right;
margin-top: 10px;
margin-right: 5px;
padding-right: 25px;
font-size: 10px;
color: #000;
line-height: 1.6em;
text-align: right;
}

.habillage-choix-sites {
background-color: #ffffff;
font-size: 11px;
color: #666666;
width:120px;
border: 1px solid #cccccc;
}





/* construction accueil-------------------------------------------*/

#bloc-edito {
padding: 0px;
margin-top: 0px;
float: left;
border-right: 1px #e7e7e7 solid;
width: 301px;
height: 175px;
text-align: left;
line-height: 1.4em;
}

#bloc-edito h1 {
color: #000;
font-size: 21px;
margin-top: 0px;
margin-bottom: 7px;
padding: 0px;
font-weight: normal;
text-align: left;
line-height: 21px;
}

#inter-edito {
padding-left: 10px;
padding-right: 10px;
}


#bloc-focus {
padding: 0px;
margin-top: 0px;
float: left;
border-right: 1px #e7e7e7 solid;
width: 301px;
height: 175px;
text-align: left;
line-height: 1.4em;
}

#bloc-focus h1 {
color: #3397b9;
font-size: 21px;
margin-top: 0px;
margin-bottom: 7px;
padding: 0px;
font-weight: normal;
text-align: left;
line-height: 21px;
}

#inter-focus {
padding-left: 10px;
padding-right: 10px;
}

.visuel-focus {
float: left;
margin-right: 10px;
}

#bloc-focus .titre-focus a{
font-size: 13px;
font-weight: bold;
color: #3397b9;
text-decoration: none;
line-height: 21px;
}

#bloc-focus .titre-focus a:hover{
color: #3397b9;
text-decoration: underline;
}

.en-savoir-plus a{
line-height: 2.9em;
padding-top: 1px;
padding-bottom: 3px;
padding-left: 8px;
background: url(../pictos_site_21/fleche_noire.gif) no-repeat left center;
font-size: 10px;
color: #3397b9;
}

#toutes-news{
float: right;
}

#bloc-news .plus-news a{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 13px;
background: url(../pictos_site_21/ico_plus.gif) no-repeat left center;
font-size: 10px;
color: #000;
text-decoration: none;
}

#bloc-news .plus-news a:hover{
color: #000;
text-decoration: underline;
}

#bloc-news {
padding: 0px;
margin-top: 0px;
float: right;
width: 315px;
height: 175px;
text-align: left;
}

#bloc-news h1 {
color: #a9b92f;
font-size: 21px;
margin-top: 0px;
margin-bottom: 7px;
padding: 0px;
font-weight: normal;
text-align: left;
line-height: 21px;
padding-left: 10px;
}



#bloc-deroulant {
height: 135px;
overflow: auto;
padding-left: 10px;
}

#contenu-deroulant {
padding-top: 0px;
line-height: 1.4em;
}

#bloc-news ul{
margin-top: 10px;
margin-left: 0;
margin-bottom: 0;
padding: 0px;
}

#bloc-news li{
list-style-type: none;
padding-top: 0px;
padding-bottom: 15px;
padding-left: 25px;
margin: 0;
background: url(../pictos_site_21/ico_actu.gif) no-repeat;
}

#bloc-news li a{
font-size: 13px;
color: #a9b92f;
text-decoration: none;
}

#bloc-news li a:hover{
color: #a9b92f;
text-decoration: underline;
}

.alignement {
vertical-align: middle;
display: inline-block;
}



/* Form-------------------------------------------*/


.habillage-champs1 {
width: 200px;
background-color: #ffffff;
border: 1px #cdcdcd solid;
height: 18px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
}

.habillage-champs2{
width: 200px;
background-color: #ffffff;
border: 1px #cdcdcd solid;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
}

.habillage-message {
width: 200px;
background-color: #ffffff;
border: 1px #cdcdcd solid;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
}

.habillage-select {
background-color: #ffffff;
border: 1px #cdcdcd solid;
height: 18px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-select2 {
width: 90%;
background-color: #ffffff;
border: 1px #cdcdcd solid;
height: 18px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
margin-left: 24px;
margin-top: 10px;
margin-bottom: 10px;
}



/* Haut de page-------------------------------------------*/

#bloc-hautdepage {
text-align: right;
margin-top: 10px;
margin-bottom: 10px;
}

#bloc-hautdepage a{
text-decoration: none;
color: #8f8f8f;
}

#bloc-hautdepage a:hover{
text-decoration: underline;
color: #8f8f8f;
}

.ico-hautdepage{
padding-right: 12px;
background-image: url(../pictos_site_21/fleche_top.gif);
background-repeat: no-repeat;
background-position: right center;
}

/* Tetiere-------------------------------------------*/

#tetiere {
 height: 160px;
margin: 0px;
 
}

#contenu-tetiere {
float: left;
padding-top: 23px;
margin-left: 10px;
font-size: 13px;
color: #fff;
width: 280px;
}

*>#contenu-tetiere {
margin-left: 30px;
}

#contenu-tetiere h1{
margin-top: 0px;
font-size: 17px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
}

/* My Comment */

#outils {
width: 166px;
margin-top: 92px;
float: right;
background-color: #dee2e4;
}

*>#outils {
margin-top: 95px;
}



/* Arborescence-------------------------------------------*/

#bloc-arbo {
font-size: 10px;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 8px;
margin-top: 7px;
color: #9b9e9f; }

#bloc-arbo a, #bloc-arbo a:visited {
text-decoration: none;
color: #9b9e9f;
}

#bloc-arbo a:hover, #bloc-arbo a:visited:hover {
text-decoration: underline;
color: #9b9e9f;
}

#bloc-arbo .youarehere {
color: #3397b9;
}

/* Gauche-------------------------------------------*/

#gauche {
margin: 0px;
padding-left: 8px;
padding-right: 8px;
line-height: 1.4em;
}


#menu-gauche {
margin-top: 0px;
margin-bottom: 20px;
padding: 0px;
color: #6D7375;
line-height: 1.4em;
}


#menu-gauche ul {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0pt;
}

#menu-gauche li {
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px #e7e7e7 solid;
background-image: none;
}

#menu-gauche a {
font-size: 12px;
margin: 0pt;
display: block;
color: #4b4b4c;
text-decoration: none;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

#menu-gauche a:hover {
color: #3397b9
}

#menu-gauche a.current {
color: #3397B9;
font-weight: bold;
padding-left: 10px;
background: url(../pictos_site_21/fleche_menu_bleu.gif) no-repeat left 9px;
}

#menu-gauche a.current:hover {
color: #000;
}

#menu-gauche a.activ {
font-size: 11px;
color: #000;
 padding-left: 30px;
 }

#menu-gauche a.activ:hover {
color: #0080c0;
}

ul#subgauche {
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
border: none;
}

#subgauche li {
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px #ffffff solid;
}

#subgauche li.dernier {
margin-bottom: 10px;
}

#subgauche a {
font-size: 10px;
margin: 0px;
padding: 2px 2px 2px 17px;
display: block;
color: #666666;
text-decoration: none;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

#subgauche a:hover {
color: #3397b9;
text-decoration: underline;
}

#subgauche a.youarehere {
color: #3397b9;
background-image: url(../pictos_site_21/mini_fleche_bleu.gif);
background-repeat: no-repeat;
background-position: 10px 6px; }

#subgauche a.youarehere:hover {
text-decoration: none;
}

/* Téléchargement-------------------------------------------*/

#bloc-telechargement {
margin-top: 0px;
margin-bottom: 10px;
padding: 10px 0;
background-image: url(../pictos_site_21/back_telechargement.gif);
background-repeat: no-repeat;
background-position: 125px 10px;
background-color: #e7ebed;
line-height: 1.4em;
}

#bloc-telechargement h1{
color: #000;
font-size: 11px;
font-weight: bold;
margin: 0px;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: none;
}

#bloc-telechargement ul {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding: 0px;
}

#bloc-telechargement li {
margin: 0px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 0px;
padding-left: 0px;
display: block;
background: url(../pictos_site_21/mini_fleche_noire.gif) no-repeat left 6px;
}

#bloc-telechargement a {
font-size: 11px;
margin: 0px;
display: block;
padding-left: 10px;
text-decoration: none;
color: #666666;
}

#bloc-telechargement a:hover {
text-decoration: underline;
}

/* Liens-------------------------------------------*/


#bloc-liens {
margin-top: 0px;
margin-bottom: 10px;
padding: 10px 0;
background-image: url(../pictos_site_21/back_liens.gif);
background-repeat: no-repeat;
background-position: 125px 10px;
background-color: #e7ebed;
line-height: 1.4em;
}

#bloc-liens h1{
color: #000;
font-size: 11px;
font-weight: bold;
margin: 0px;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: none;
}

#bloc-liens ul {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding: 0px;
}

#bloc-liens li {
margin: 0px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 0px;
padding-left: 0px;
display: block;
background: url(../pictos_site_21/mini_fleche_noire.gif) no-repeat left 6px;
}

#bloc-liens a {
font-size: 11px;
margin: 0px;
display: block;
padding-left: 10px;
text-decoration: none;
color: #666666;
}

#bloc-liens a:hover {
text-decoration: underline;
}


/* En savoir plus-------------------------------------------*/

#bloc-ensavoirplus {
margin-top: 0px;
margin-bottom: 10px;
padding: 10px 0;
line-height: 1.4em;
background: #f2f7f9 url(../pictos_site_21/back_ensavoirplus.gif) repeat-x left top;
}

#bloc-ensavoirplus h1{
color: #000;
font-size: 11px;
font-weight: bold;
margin: 0px;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: none;
}

#bloc-ensavoirplus ul {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding: 0px;
}

#bloc-ensavoirplus li {
margin: 0px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 0px;
padding-left: 0px;
display: block;
background: url(../pictos_site_21/mini_fleche_noire.gif) no-repeat left 6px;
}

#bloc-ensavoirplus a {
font-size: 11px;
margin: 0px;
display: block;
padding-left: 10px;
text-decoration: none;
color: #666666;
}

#bloc-ensavoirplus a:hover {
text-decoration: underline;
}


/* Actu droite-------------------------------------------*/

#bloc-news-inter {
padding: 0px;
margin-bottom: 30px;
}

#bloc-news-inter h1 {
color: #a9b92f;
font-size: 21px;
margin-top: 0px;
margin-bottom: 7px;
padding: 0px;
font-weight: normal;
text-align: left;
line-height: 21px;
padding-left: 0px;
}

#bloc-news-inter ul{
margin-top: 10px;
margin-left: 0;
margin-bottom: 0;
margin-right: 0;
padding: 0px;
}

#bloc-news-inter li{
list-style-type: none;
padding-top: 0px;
padding-bottom: 15px;
padding-left: 25px;
margin: 0;
background: url(../pictos_site_21/ico_actu.gif) no-repeat;
}

#bloc-news-inter li a{
font-size: 11px;
color: #000;
text-decoration: none;
}

#bloc-news-inter li a:hover{
color: #000;
text-decoration: underline;
}

#bloc-news-inter .plus-news a{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 13px;
background: url(../pictos_site_21/ico_plus.gif) no-repeat left center;
font-size: 10px;
color: #a9b92f;
text-decoration: none;
}

#bloc-news-inter .plus-news a:hover{
color: #a9b92f;
text-decoration: underline;
}


.lien-actu {
font-size: 15px;
font-weight: bold;
line-height: 2em;
}

.lire-la-suite {
padding-left: 20px;
background-image: url(../pictos_site_21/fleche_suivant.gif);
background-repeat: no-repeat;
background-position: 10px center;
}

.ico-fleche-gauche {
padding-left: 10px;
background-image: url(../pictos_site_21/fleche_precedent.gif);
background-repeat: no-repeat;
background-position: left center;
}

.ico-fleche-droite {
padding-right: 10px;
background-image: url(../pictos_site_21/fleche_suivant.gif);
background-repeat: no-repeat;
background-position: right center;
}

#bloc-retour{
padding: 0px;
margin-bottom: 30px;
}

#bloc-nav-actu{
text-align: right;
padding: 0px;
margin: 0px;
}


/* Centre contenu-------------------------------------------*/

#centre {
margin-top: 0px;
margin-bottom: 25px;
margin-left: 10px;
padding-left: 15px;
margin-right: 10px;
padding-right: 15px;
line-height: 1.4em;
border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
}

#centre h1{
color: #3397b9;
margin-bottom: 20px;
}

#centre a{
color: #3397b9;
}

#centre .chapeau{
font-size: 13px;
font-color: #333333;
line-height: 1.8em;
padding-bottom: 5px;
border-bottom: 1px solid #e7e7e7;
}


/* pagination-------------------------------------------*/

ul#bloc-chiffre {
list-style: none;
margin: 0;
padding: 0;
font-size: 10px; }

#bloc-chiffre li{
display: inline;
padding: 0;
background-image: none;
}

#bloc-chiffre a{
color: #9ea7ae;
border: 1px #e7ebed solid;
background-color: #fff;
padding:2px;
text-decoration: none;
}

#bloc-chiffre a:hover{
color: #9ea7ae;
border: 1px #e7ebed solid;
background-color: #e7ebed;
}

#bloc-chiffre a.youarehere, .bloc-chiffre a.youarehere:hover{
color: #ffffff;
border: 1px #9ea7ae solid;
background-color: #9ea7ae;
}

/* Lexique-------------------------------------------*/

#bloc-lexique ul{
list-style: none;
margin: 0;
padding: 0;
font-size: 12px; }

#bloc-lexique li{
display: inline;
color: #D5D5D5;
padding:2px;
text-decoration: none;
font-weight: bold;
background-image: none;
margin: 0;
}

#bloc-lexique a{
color: #666666;
text-decoration: underline;
}

#bloc-lexique a:hover{
color: #3397b9;
text-decoration: none;
}

#bloc-lexique a.youarehere, .bloc-lexique a.youarehere:hover{
color: #ffffff;
padding: 2px;
background-color: #3397b9;
text-decoration: none;
}



/* Contact-------------------------------------------*/

#bloc-contact{
padding: 10px;
margin-top: 10px;
background-color: #fff;
border: 1px #3397b9 solid;
line-height: 1.4em;
}

#bloc-contact h1{
color: #000;
font-size: 11px;
font-weight: bold;
margin: 0px;
padding: 0px;
}


.ico-courrier {
padding-left: 18px;
background-image: url(../pictos_site_21/ico_courrier.gif);
background-repeat: no-repeat;
background-position: left center; }


.ico-phone {
padding-left: 18px;
background-image: url(../pictos_site_21/ico_phone.gif);
background-repeat: no-repeat;
background-position: left center; }





/* Pied-------------------------------------------*/


#pied {
margin-top:10px;
padding-top: 20px;
font-size: 10px;
color: #8f8f8f;
border-top: 1px #e7e7e7 solid;
text-align: right;
}

#pied a{
text-decoration: none;
color: #8f8f8f;
}

#pied a:hover{
text-decoration: underline;
}

#honcode{
	position: relative;
width: 939px;
margin: 10px auto;
text-align: center;
}

#honcode img{
margin:0 6px 0 0;
}

.espace{
margin-left: 10px;
margin-right: 10px;
}

#bloc-newsletter{
float: left;
margin-top: 0px;
font-size: 11px;
color: #666666;
font-weight: bold;
}

#bloc-newsletter a{
color: #8f8f8f;
text-decoration: none;
}

#bloc-newsletter a:hover{
color: #8f8f8f;
text-decoration: underline;
}

.habillage-newsletter {
width: 142px;
background-color: #ffffff;
height: 21px;
margin-left: 10px;
margin-right: 4px;
vertical-align: middle;
display: inline-block;
color: #8f8f8f;
padding-left: 5px;
padding-top: 4px;
font-size: 10px;
border: 1px solid #cdcdcd;
font-weight: normal;
}

.alignementBtNewsletter {
vertical-align:middle;
}

.spacer {
clear: both;
}

/* private-------------------------------------------*/

#bloc-private{
margin-right: 20px;
color: #666666;
}

#bloc-private a{
text-decoration: none;
}

#bloc-private a:hover{
text-decoration: underline;
}

#bloc-private ul {
margin-top: 10px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
}

#bloc-private li{
list-style-type: none;
background: url(../pictos_site_21/mini_fleche_noire.gif) no-repeat left 6px;
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 10px;
padding-right: 0px;
padding-bottom: 5px;
}


h1.private{
color: #000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 15px;
margin-top: 0px;
margin-bottom: 12px;
padding: 0px;
font-weight: normal;
text-align: left;
}

.visuel-sommaire {
margin-right: 10px;
}

.resume-sommaire {
font-size: 12px;
line-height: 1.3em;
}

.separateur-sommaire {
clear: both;
height: 30px;
margin-right: 20px;
background: url(../pictos_site_21/back_filet_sommaire.gif) repeat-x center;
}

/* private-------------------------------------------*/

#bloc-sondage{
margin: 10px;
font-weight: bold;
}

#bloc-sondage table, #bloc-sondage td{
padding: 3px;
font-weight: normal;
}

input{
font-size: 10px;		
}

#bloc-sondage .resultats a{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 8px;
background: url(../pictos_site_21/mini_fleche_noire.gif) no-repeat left center;
font-size: 11px;
text-decoration: underline;
font-weight: normal;
}

#bloc-sondage .resultats a:hover{
text-decoration: none;
}


/* pages liste-------------------------------------------*/

#bloc-liste{
margin: 10px;
}

#bloc-liste ul {
margin-top: 10px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
}

#bloc-liste li{
list-style-type: none;
background: url(../pictos_site_21/mini_fleche_noire.gif) no-repeat left 6px;
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 10px;
padding-right: 0px;
padding-bottom: 10px;
font-size: 12px;
}

#bloc-select-liste{
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #cccccc;
text-align: right;
}

.habillage-liste {
background-color: #ffffff;
font-size: 11px;
color: #666666;
width:250px;
border: 1px solid #cccccc;
}

/* pages produits-------------------------------------------*/

#table-produits table {
}

#table-produits td {
margin: 0;
color: #747a83;
border-bottom: 1px solid #e7e7e7;
}

#table-produits td.titre {
background-color: #e1e1e1;
color: 000;
font-size: 12px;
padding: 7px;
font-weight: bold;
}

#table-produits td.produit {
color: 999999;
font-size: 12px;
padding: 7px;
font-weight: bold;
text-transform: uppercase;
}

#table-produits td.pathologie {
color: 999999;
font-size: 12px;
padding: 7px;
}

h1.titre-produit {
font-weight: bold;
font-size: 21px;
line-height:21px;
}

.cadre-titre-h2{
border-bottom: 1px solid #ba1b01;
padding-bottom:3px;
margin-bottom: 20px;
}

*>.cadre-titre-h2{
padding-bottom:1px;
}
	
h2.titre-produit  {
color: #ffffff;
font-weight: normal;
font-size: 11px;
margin: 0px;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:3px;
display: inline;
text-transform: uppercase;
background: #3397b9 url(../pictos_site_21/angle_droit.gif) no-repeat right top;
border: none;
}


.visuel-produit {
float: right;
margin-bottom: 20px;
}

#telechargement-produit ul {
margin:20;
padding:0;
}

#telechargement-produit li{
list-style-type: none;
background: url(../pictos_site_21/ico_pdf.gif) no-repeat left center;
padding-left: 28px;
padding-right: 14px;
padding-bottom: 5px;
padding-top: 5px;
}
   
/* pages RH-------------------------------------------*/

#table-rh table {
line-height: 1.4em;
}

#table-rh td {
margin: 0;
color: #747a83;
border-bottom: 1px solid #e7e7e7;
}

#table-rh td.titre {
background-color: #e1e1e1;
color: 000;
font-size: 12px;
padding: 7px;
font-weight: bold;
}

#table-rh td.intitule {
font-size: 11px;
padding: 7px;
}

#table-rh td.default {
color: 000;
font-size: 10px;
padding: 7px;
text-align: center;
}

#table-rh-descriptif table {
border: 1px solid #e8e4df;
background-color: #f3f0ee;
}

#table-rh-descriptif td {
margin: 0;
color: #666666;
padding: 7px;
font-size: 12px;
}

#table-rh-descriptif td.poste {
margin: 0;
color: #000;
padding: 7px;
font-size: 12px;
font-weight: bold;
}

#table-rh-form table {
}

#table-rh-form td {
margin: 0;
padding: 7px;
}

.enavant {
font-weight:bold;
}

.bloc-couleur-rh {
margin: 0px;
border: 1px #e7e7e7 solid;
background-color: #f3f0ee;
padding: 10px;
}

#temoignage {
margin: 0px;
border: 1px #dee2e4 solid;
padding-top: 37px;
padding-left: 16px;
padding-right: 10px;
padding-bottom: 10px;
background: url(../pictos_site_21/back_temoignage.gif) no-repeat right top;
} 


/* pages phototheque-------------------------------------------*/

ul#tabnav {
font: 11px;
list-style-type: none;
padding-bottom: 0px;
border-bottom: 1px solid #bfbfbf;
margin: 0;
color:#999999;
width:535px;
padding-left:5px;
}
*>ul#tabnav {
padding-bottom: 23px;
}

ul#tabnav li {
float: left;
color:#999999;
height: 20px;
padding: 0px;
background-color: #ffffff;
margin: 2px 2px 1px 0px;
border: 1px solid #dfdfdf;
border-bottom: 1px solid #bfbfbf;
list-style-type: none;
background-image: none;    
}

ul#tabnav li.active {
font-weight:bold;
color:#5b52ad;
border-color:#bfbfbf;
border-bottom: 1px solid #fff;
background-image:url(../pictos_site_21/back_tabnav.html);
background-repeat: repeat-x;
background-position:top;
background-color: #fff;
}

ul#tabnav li a {
color:#999999;
}

ul#tabnav li a:hover {
color:#000;
}

ul#tabnav li.active a {
color: #5b52ad;
background-image:url(../pictos_site_21/back_tabnav.html);
background-repeat: repeat-x;
background-position:top;
background-color: #ffffff;
}

#tabnav a {
cursor:pointer;
float: left;
display: block;
color: #999999;
text-decoration: none;
padding: 4px;
padding-left:5px;
padding-right:5px;
}

#tabnav a:hover {
color: #000;
background-image:url(../pictos_site_21/back_tabnav.html);
background-repeat: repeat-x;
background-position:top left;
background-color: #ffffff;
}

#table-phototheque table {
line-height: 1.4em;
}

#table-phototheque td {
margin: 0;
padding: 7px;
}

#table-phototheque ul {
margin-top:5px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding:0;
}

#table-phototheque li{
list-style-type: none;
background: url(../pictos_site_21/mini_fleche_noire.gif) no-repeat left 6px;
background-repeat: no-repeat;
background-position: 0px 7px;
padding-left: 10px;
padding-right: 14px;
padding-top: 2px;
padding-bottom: 1px;
}

#table-phototheque .marge-photo{
margin-bottom: 10px;	
}
