body
{
text-align: center;
background-color:#FFF;
font-size:12px;
font-weight:normal;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}


#global
{
background: url("../img/bg_long.jpg") repeat-x  ;
background-color:#e6e6e6;
margin-top:5px;
position:absolute;
width:1000px;
margin-left:-502px;
margin-right:auto;
text-align: center;
left:50%;
border-style:solid;
border-width:1px;
}


#entete
{
height:188px;
width:1000px;
border-style:none;
border-width:2px;
}

#entete_simple
{

height:149px;
width:1000px;
border-style:none;
border-width:2px;
}

#contenu
{
margin-left:0px;
margin-right:0px;
text-align:left;
padding-left:0px;
padding-right:0px;
border-style:none;
border-width:2px;
}



#colonne_gauche
{
position:absolute;
left:0;
border-style:solid;
border-width:0px;
background-color:#fff;
}

#colonne_droite
{
position:absolute;
right:0;
border-style:solid;
border-width:0px;
background-color:#fff;
}


#piedpage
{
background-color:#4d4d4d;
height:50px;
width:1000px;
border-style:none;
border-width:1px;
}

#piedpage a
{
color:#a0a0a0;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
}


.separateur
{
color:#ff6c00;
}

.separateurbleu
{
color:#0000FF;
background-color:#0000FF;
height:1px;
}

#concepteur
{
color:#000;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
padding-left:75px;
}



#tableaumiseenpagehaut
{
margin-top:0px;
margin-bottom:10px;
}

#tableaumiseenpagebas
{
margin-top:0px;
margin-bottom:10px;
background:#eaeaea;
}


#tableaunews
{
padding:10px;
width:100%;
background:#eaeaea;
}


#tableauannonces
{
padding:10px;
width:180px;
background:#eaeaea;
}

#tableaunewsletter
{
padding:10px;
background:#eaeaea;
}


#tableausondage
{padding:10px;
width:345px;
background:#eaeaea;
}


#tableausondageaffichage
{
background-color:#E8E8E8;
color:#686667;
font-family:tahoma, verdana, arial, sans-serif;
font-size:8pt;
font-weight:normal;
}

.border
{
border-style:solid;
border-spacing:0px;
border-top-width:1px;
border-left-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-color:#C5C5C5;
}


#tableaucontact
{padding:10px;
background:#eaeaea;
}



#tableauforum
{padding:10px;
background:#eaeaea;
}


#tableaulien
{padding:10px;
background:#eaeaea;
}

.titrearticle
{
color:#006f9e;
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight:bold;
}

.titrearticlepetit
{
color:#006f9e;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}


.titrearticle2
{
color:#01a7fd;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight:bold;
}
.titrearticle2 a
{
color:#01a7fd;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight:bold;
text-decoration:none;
}




.soustitrearticle
{
color:#a0a0a0;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}

.soustitrearticle a
{
color:#a0a0a0;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}

.soustitrearticle a:hover
{
color:#a0a0a0;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}

.soustitrearticle a:active
{
color:#a0a0a0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;
}


.fondgris
{

height:2px;
}

.fondgris10
{
height:10px;
}


.fondbleu
{
height:2px;
background-color:#FF0000;
margin-top:0px;
pading-top:0px;
margin-bottom:-10px;
padding-bottom:-10px;
}




a.liengris
{
color:#a0a0a0;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

a:hover.liengris
{
color:#666666;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}

a:active.liengris
{
color:#a0a0a0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;
}

#liengris a:hover
{
color:#666666;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}


#liengris a
{
color:#a0a0a0;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
}


#liengris a:active
{
color:#a0a0a0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;
}





a.lienbleu
{
color:#3fbafa;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

a:hover.lienbleu
{
color:#006f9e;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

a:active.lienbleu
{
color:#3fbafa;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;
}



.textecourantgris
{
color:#6f7375;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;
}


.textecourantgrispetit
{
color:#6f7375;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration:none;
}

.textecourantgrisgras
{
color:#6f7375;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;
font-weight:bold;
}

.textecourantgrisaligne
{
color:#6f7375;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;
text-align:justify;
padding-left:20px;
}

.textecourantbleuitalic
{
color:#02a6ce;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style:italic;
text-decoration:none;
}


.messageok {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height :20px;
    color: #00FF00;
    background-image: url(../img/ok.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    display:block;
}



.messageko
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height :20px;
    color: #FF0000;
    background-image: url(../img/alert.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    display:block;
}


#sel
{
color:#006f9e;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}
#sel  a
{
color:#006f9e;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}
#sel  a:hover
{
color:#006f9e;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}


.input
{
margin-left:15px;
width:140px;
height:17px;
border:1px solid;
border-top-color:#999999;
border-left-color:#999999;
border-right-color:#666666;
border-bottom-color:#666666;
font-family:tahoma, verdana, arial, sans-serif;
font-size:12px;
}



.textarea
{
margin-top:2px;
margin-bottom:7px;
margin-left:15px;
width:350px;
height:150px;
border:1px solid;
border-top-color:#999999;
border-left-color:#999999;
border-right-color:#666666;
border-bottom-color:#666666;
font-family:tahoma, verdana, arial, sans-serif;
font-size:12px;
}


.bouton{
   width:90px;
   height:20px;
   color:#333333;
   font-family: arial;
   font-size:0.9em;
   font-weight:normal;
   background-color:#E5E5E5;
   border:1px solid;
   border-top-color:#999999;
   border-left-color:#999999;
   border-right-color:#666666;
   border-bottom-color:#666666;
}



.boutongrand{
   width:150px;
   height:20px;
   color:#333333;
   font-family: arial;
   font-size:0.9em;
   font-weight:normal;
   background-color:#E5E5E5;
   border:1px solid;
   border-top-color:#999999;
   border-left-color:#999999;
   border-right-color:#666666;
   border-bottom-color:#666666;
}

#langue
{
position:absolute;
z-index:2;
border-style:none;
margin-left:125px;
height:20px;
}



.tableaubordure
{
        border-style:solid;
        border-spacing:0px;
        border-width:1px;
        border-color:#A8A6A7;
        border-collapse:collapse;
        background-color:#E8E8E8;
        color:#686667;
        font-family:tahoma, verdana, arial, sans-serif;
        font-size:8pt;
        font-weight:normal;
}



ul li
{
color:#46C6FF;
font-family:tahoma, verdana, arial, sans-serif;
font-size:12px;
font-weight:normal;
padding-top:4px;
}
ul li a
{
color:#A0A0A0;
}










/* pour le glossaire */
/* http://www.knusperpixel.com/playground/more-more-links.php */
.ml2 a{color:grey;}
.ml2 a span
{
        position:                 absolute;
        left:                         -9999px;
        width:                         900px;
}

.ml2 a:hover,
.ml2 a:focus,
.ml2 a:active
{
  position: relative;
  color:black;
}
.ml2 a:hover span,
.ml2 a:focus span,
.ml2 a:active span
{
  left: 20px;
  top: 20px;
  width: 150px;

  padding: 5px;
  line-height: 1;
  font-size: 80%;
  background: #FFFFF6;
  border: 1px solid #666;
  color: #000;
  text-decoration: none;
}