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

body {
margin: 0pt;
padding: 0pt;
background-image: url(../pictos_site_21/back_accueil.jpg);
background-repeat: repeat-x;
font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
text-align: center;
font-size: 11px;
background-color: #ffffff;
background-position: top top;
color: #333333; }


a {
color: #1f549c;
text-decoration: underline;

}

a:hover {
color: #1f549c;
text-decoration: none;
}

a:visited {
color: #1f549c;
text-decoration: none;
}

a:visited:hover {
color: #1f549c;
text-decoration: underline;
}

h1 {
text-align: left;
color: #7d6032;
font-size: 20px;
margin-top: 20px;
margin-bottom: 15px;
padding: 0px;
font-weight: normal;
text-transform: uppercase; }

h2 {
text-align: left;
font-size: 18px;
color: #1f549c;
font-weight: normal;
}

h3 {
font-size: 14px;
color: #7d6032;
padding: 0px;
margin-bottom:5px;
margin-top:0px;
 }

h4 {
text-align: left;
font-size: 12px;
color: #1f549c;
font-weight: bold;
margin-bottom:0px;
margin-top:0px;}


.date {
font-size: 12px;
text-align: left;
padding-left: 7px;
font-weight: bold; }

.texte-noir {
color: #000000;
}

.texte-gris {
color: #666666;
}

.texte-marron{
color: #7d6032;
}

.texte-bleu{
color: #1f549c;
}

.texte-9{
font-size:9px;
}

.bloc-texte {
margin-top: 5px;
margin-bottom: 5px;
padding: 8px;
background-position: top;
background-color: #f3f3f3;
border:1px #cccccc solid;
}

.titre-focus{
font-size: 12px;
color: #7d6032;
padding: 0px;

}

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


tbody {
font-size: 11px;
}


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

p {
margin:0;
padding:0;
}


#conteneur {
margin: auto;
position: relative;
width: 970px;
}

#conteneur -popup{
margin: auto;
position: relative;
width: 650px;
}


/* menu*/

#menu{
height: 65px;
margin:0px;
}



#menu ul {
margin: 0;
padding: 0 0 0 0%;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 13px;
}

#menu li {
margin: 0;
padding: 0;
display: inline;
list-style: none;
background-image: none;
}

#menu a {
padding-top: 34px;
padding-bottom:13px;
padding-left:12px;
padding-right:12px;
text-decoration: none;
float: left;
background-image: url(../pictos_site_21/back_off_topmenu.jpg);
background-position: top right;
}

#menu a:hover {
background-image: url(../pictos_site_21/back_on_topmenu.jpg);
background-position: top right;
list-style: none;
color:#7d6032;
}

#menu a.youarehere {
background-image: url(../pictos_site_21/back_on_topmenu.jpg);
background-position: top right;
color:#7d6032;
}



/* header*/

#header-acceuil {
width: 970px;
height: 226px;
background-image: url(../pictos_site_21/header.jpg);
background-repeat: no-repeat; }

#header {
width: 970px;
height: 158px;
background-image: url(../pictos_site_21/header_inter.jpg);
background-repeat: no-repeat; }

#header-espace {
width: 970px;
height: 158px;
background-image: url(../pictos_site_21/header_espace.jpg);
background-repeat: no-repeat; }

#header-popup {
height: 110px;
background-image: url(../pictos_site_21/header_popup.gif);
background-repeat: no-repeat; }


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


/* gauche*/


#gauche{
width: 319px;
background-image: url(../pictos_site_21/back_gauche_accueil.jpg);
background-repeat: no-repeat;
background-position: top left;
float:left;
}

#gauche p{
margin-top:0px;
margin-bottom:50px;
padding-top:0px;
padding-left:35px;
padding-right:32px;
text-align:left;
text-align:justify;
font-size:10px;
line-height: 1.4em;
}

#caleexplorer {
width: 100%;
}

#menu-gauche {
margin-top: -2px;
padding-top: 0px;
padding-left: 34px;
padding-right: 27px;
text-align:left;
}


#menu-gauche ul {
margin: 0px;
padding: 0px;
}

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

#menu-gauche a {
font-size: 11px;
margin: 0pt;
display: block;
color: #1f549c;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 0px;
background: url(../pictos_site_21/back_off_menu_gauche.gif) no-repeat scroll 0px 0px;
 }

#menu-gauche a:hover {
background: url(../pictos_site_21/back_on_menu_gauche.gif) no-repeat scroll 0px 0px;

color: #7d6032;
}

#menu-gauche a.current {
background: url(../pictos_site_21/back_on_menu_gauche.gif) no-repeat scroll 0px 0px;
color: #7d6032;
}

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

ul#subgauche {
margin: 0px;
padding: 0px;
}

#subgauche li {
list-style:none;
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px #f3f3f3 solid;
}

#subgauche a {
font-size: 11px;
margin: 0px;
padding: 4px 4px 4px 40px;
display: block;
color: #999999;
text-decoration: none;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
background: url(../pictos_site_21/puce_sousmenu.gif) no-repeat scroll 25px 50%; }

#subgauche a:hover {
color: #1f549c;
background: url(../pictos_site_21/puce_sousmenu.gif) no-repeat scroll 25px 50%; }

#subgauche a.youarehere, #nav-section a.youarehere:hover {
color: #1f549c;
}

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

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

.spacer {
clear: both;
}

#login{
margin-top:52px;
padding-left:80px;
margin-bottom:15px;
text-decoration: none;
text-align:left;
}

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

#login a:hover{
text-decoration:none;

}

.habillage-login {
width: 150px;
background-color: #f3f3f3;
border: 1px #999999 solid;
height: 18px;
margin-right: 5px;
margin-top: 3px;
margin-bottom: 5px;
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
vertical-align: middle;
display: inline-block;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
color: #333333; }

/* rss*/

#centre #rss{
padding-top:0px;
padding-left:35px;
padding-right:0px;
text-align:justify;
line-height:1.4em;
}

#centre #rss ul{
list-style: none;
margin-top: 8px;
margin-bottom: 0px;
padding: 0px;
font-size: 11px;
}

#centre #rss ul li{
margin: 0px;
text-align: left;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 0px;
background: url(../pictos_site_21/picto_plus.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}

#rss a {
color: #1f549c;
text-decoration: none;

}

#rss a:hover {
color: #1f549c;
text-decoration: underline;
}



/* centre*/


#centre{
margin:0px;
line-height: 1.5em;
padding-left:313px;
padding-top:0px;
}

#tableau table{
border: 1px solid #cccccc;
border-collapse: collapse;
}

#tableau tr{
border: 1px solid #cccccc;
padding: 6px;
background-color: #ffffff;
}

#tableau td{
border: 1px solid #cccccc;
padding: 6px;
}


#bloc-arbo {
font-size: 9px;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
padding-bottom: 0px;
padding-top:10px;
margin: 0px;
color: #666666;
background-image: url(../pictos_site_21/back_arbo.jpg);
background-repeat: no-repeat;}

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

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

#focus{
padding-top:0px;
padding-left:35px;
padding-right:0px;
text-align:justify;
line-height:1.4em;
}

#centre .ensavoirplus {
color: #FF6600;
font-size: 10px;
font-weight: normal;
}

 #centre .ensavoirplus a{
font-size: 10px;
font-weight: normal;
padding-left: 5px;
background-image: url(../pictos_site_21/mini_fleche2.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration: underline; }

#centre .ensavoirplus a:hover{
text-decoration: none; }

.cadre-photo {
float: left;
background-image: url(../pictos_site_21/back_photo_liste.gif);
background-repeat: no-repeat;
width: 144px;
height: 103px;
margin-right: 10px;}

.image {
float: left;
margin-right: 5px;}


/*bloc media*/

.img-media {
margin-bottom: 2px;
border: 1px #cccccc solid; }

.bloc-media {
width:180px;
height:280px;
text-align:center;
float: left;
margin-right: 30px;
margin-bottom:10px;
padding-bottom:10px;
}

.bloc-media a{
text-decoration: none;
color:#333333;
float: left;
border: 2px #cccccc solid;
background-color: #f3f3f3; 
padding:10px;
}

.bloc-media a:hover{
text-decoration: none;
border: 2px #cccccc solid;
background-color: #e8e7e7; 
}


/*bloc contact*/

#bloc-contact{
color: #333333; 
padding-top: 35px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
margin-top: 10px;
margin-bottom: 2px;
background-image: url(../pictos_site_21/back_contact.gif);
background-repeat: no-repeat;
background-color: #d2d2d2;
border-right: 1px #cccccc solid; }

#bloc-contact a {
color: #D76A00;
text-decoration: none;
}

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

/*bloc telechargement*/

#bloc-telecharger{
color: #333333; 
padding-top: 45px;
padding-bottom: 15px;
padding-left: 25px;
padding-right: 20px;
margin-top: 10px;
margin-bottom: 2px;
background:#F6D200  url(../pictos_site_21/back_ressources.gif);
background-repeat: no-repeat;
border-right: 1px #F6D200 solid; }

#bloc-telecharger a {
color: #333333;
text-decoration: none;
padding-top: 1px;
padding-left: 18px;
padding-bottom: 3px;
background-image: url(../pictos_site_21/picto_enregistrer.gif);
background-repeat: no-repeat;
background-position: left center;

}

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

/*blocs gauche*/

#bloc-telechargement{
margin-top:-3px;
background-image: url(../pictos_site_21/back_blocgauche.gif);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 20px;
padding-top: 10px;
padding-left: 30px;
padding-right: 20px;
}


#bloc-telechargement a {
display:block;
color: #666666;
text-decoration: none;
margin-bottom:4px;
padding-top: 3px;
padding-left: 20px;
padding-bottom: 3px;
background-image: url(../pictos_site_21/picto_enregistrer.gif);
background-repeat: no-repeat;
background-position: left 1px;
}

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

#bloc-contactrub{
margin-top:-3px;
color: #666666;
background-image: url(../pictos_site_21/back_blocgauche.gif);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 25px;
padding-top: 10px;
padding-left: 30px;
padding-right: 20px;
}

#bloc-contactrub a {
color: #CD0101;
text-decoration: underline; }

#bloc-contactrub  a:hover {
text-decoration: none; }

#bloc-savoir{
margin-top:-3px;
color: #666666;
background-image: url(../pictos_site_21/back_blocgauche.gif);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 20px;
padding-top: 10px;
padding-left: 30px;
padding-right: 20px;
}


#bloc-savoir a {
display:block;
color: #666666;
text-decoration: none;
margin-bottom:4px;
padding-top: 3px;
padding-left: 18px;
padding-bottom: 3px;
background-image: url(../pictos_site_21/picto_page.gif);
background-repeat: no-repeat;
background-position: left 3px;}

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

#centre .separateur{
margin: 0px;
padding: 0px;
background-image: url(../pictos_site_21/filet_pointille.gif);
background-repeat: repeat-x;
background-position: center;
height: 18px;
}

/*listes*/

#centre ul{
list-style: none;
margin-top: 8px;
margin-bottom: 8px;
padding: 0px;
font-size: 11px;
}

#centre li {
margin: 0px;
text-align: left;
padding-bottom: 4px;
padding-left: 30px;
padding-right: 0px;
background: url(../pictos_site_21/puce_li.gif) no-repeat 17px 5px;
}



/*habillage*/


#tableau-taux table{
font-family:Arial, Helvetica, sans-serif;
border: 1px solid #ffffff;
border-collapse: collapse;
}

#tableau-taux td{
border: 1px solid #ffffff;
padding: 4px;
}

*>#tableau-taux td{
padding: 5px;
}

#tableau-taux .vide{
border: 1px solid #ffffff;
background-color: #ffffff;}

#tableau-taux tr{
border: 1px solid #ffffff;
padding: 5px;
background-color: #f3f3f3;
 }



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

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

.habillage-message {
width: 250px;
background-color: #ffffff;
border: 1px #cccccc solid;
font-family: 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 #cccccc solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.bloc-texte .habillage-select {
width: 100px;
margin-right:9px;
background-color: #ffffff;
border: 1px #999999 solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-select2 {
width: 160px;
background-color: #ffffff;
border: 1px #cccccc solid;
height: 18px;
font-family: 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;
}


#bloc-espace {
height: 10px;
}




/* bloc haut de page*/

#haut-de-page {
text-align: right;
margin-top: 20px;
margin-bottom: 10px;
}



/* chiffres pages*/

ul#bloc-chiffre {
text-align:center;
list-style: none;
margin: 0;
padding: 0;
font-size: 11px; }

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

#bloc-chiffre a{
color: #1b4a8b;
padding:2px;
text-decoration: none;
}

#bloc-chiffre a:hover{
color: #ffffff;
background-color: #1b4a8b;
}

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



/* FAQ*/


#faq {
background-color:#f3f3f3;
clear: both;
margin: 0px;
padding-top: 15px;
padding-bottom: 25px;
font-size: 10px;
color: #000000;
text-align: center;
}


#faq a{
font-size:10px;
text-decoration: underline;
color: #000000;
}

#faq a:hover{
text-decoration: none;
}

#faq h2{
margin-top:15px;
margin-bottom:0;
color:#355274;
font-size:13px;
}


#liste-faq ul{
list-style: none;
margin: 0px;
padding: 0px;

}

#liste-faq li {
background-color:#e1e1e1;
margin-bottom: 2px;
text-align: left;
padding-bottom: 6px;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
background-image:none;
}


#liste-faq a {
font-size: 13px;
color: #1f549c;
font-weight: bold;
text-decoration: none;
 }

#liste-faq a:hover {
color: #1f549c;
text-decoration: underline;
 }


#subliste ol{
margin: 0px;
padding: 0px;
font-size: 10px;
}

#subliste li {
background-color:#e1e1e1;
list-style-type: decimal; 
margin: 0px;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 35px;
background-image: none;
color: #1f549c;
}

#subliste a {
font-size: 11px;
color: #666666;
font-weight: normal;
text-decoration: none;
}

#subliste a:hover {
color: #666666;
text-decoration: underline;
}


#subsubliste ul{
margin: 0px;
padding: 0px;
font-size: 10px;
}
#subsubliste li {
list-style-type: decimal; 
margin: 0px;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 55px;
background-image: none;
color: #FF9900;
}
#subsubliste a {
color: #FF9900;
font-weight: normal;
text-decoration: none;
}
#subsubliste a:hover {
color: #FF9900;
text-decoration: underline;
}

/* chiffres lexique*/

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

#bloc-lexique li{
display: inline;
color: #b8cce8;
padding:6px;
text-decoration: none;
font-weight: bold;
background-image: none;
}

#bloc-lexique a{
color: #1f549c;
text-decoration: none;
}

#bloc-lexique a:hover{
color: #1f549c;
text-decoration: underline;
}

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



/* pied de page*/


#footer {
margin: 0px;
padding-top: 15px;
padding-bottom: 25px;
font-size: 10px;
color: #666666;
text-align: center;
}


#footer a{
text-decoration: none;
color: #666666;
}

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



#dhtmltooltip{
text-align:left;
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #cccccc;
padding: 7px;
background-color: #f3f3f3;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

table .form_start {
width:646px;
}

*>table .form_start {
width:666px;
}