/* style css*/

body {
background-image:url(images/fond_page.jpg);
background-repeat:repeat;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
}

#fond_top {
background-image:url(images/fond_top.jpg);
background-repeat:repeat-x;
width: 100%; 
height: 100%;
}

#fond_entete {
background-image:url(images/fond_entete.jpg);
background-repeat:no-repeat;
background-position: top center;
width: 100%; 
height: 100%; 
}

#contenu_site {
position:absolute;
left:50%;
margin-left:-436px;
width: 872px;
height: 100%;
}

#societe {
position:relative;
width: 872px;
padding-top : 60px;
padding-left: 45px;
letter-spacing:0.5em;
}

#menu{
position: relative;
background-image:url(images/fond_menu.gif);
width:872px;
height: 28px !important;
height: 38px;
padding-top: 10px;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
letter-spacing:-0.04em;
}

#menu hr{
margin-top: 9px;
margin-bottom: 0px;
color: #bd0926;
}

#page{
background-image:url(images/fond_page.gif);
padding-top: 0px;
position: relative;
width: 872px;
background-color: #484848;
}

#colonne_gauche{
position: absolute;
width: 618px;
height: 100%;
}

#image{
position: relative;
background-color: #FFFFFF;
width:590px;
height: 240px !important;
height: 257px;
padding-top: 17px;
padding-left: 14px;
padding-right: 14px;
}

#titre{
position: relative;
background-color: #000000;
width:590px !important;
width:618px;
height: 27px !important;
height: 37px;
padding-top: 10px;
padding-left: 14px;
padding-right: 14px;
}

#contenu{
background-image:url(images/fond_page.gif);
background-repeat:repeat;
position: relative;
width: 576px !important;
width: 872px;
padding-top: 14px;
padding-left: 14px;
padding-right: 282px;
padding-bottom: 14px;
text-align: justify;
}

#contenu p{
color: #FFFFFF;
font-size: 11px;
font-family: Verdana;
font-weight: normal;
}

#contenu p a:link{
color: #bd0926;
font-size: 11px;
font-family: Verdana;
}

#contenu p a:visited{
color: #bd0926;
font-size: 11px;
font-family: Verdana;
}

#contenu p a:hover{
color: #bd0926;
font-size: 11px;
font-family: Verdana;
text-decoration: underline;
}

#contenu p a:active{
color: #bd0926;
font-size: 11px;
font-family: Verdana;
}

#colonne_droite{
position: absolute;
width: 254px;
left: 618px;
}

#module{
background-color: #484848;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 0px;
}

#module hr{
margin-top: 5px;
color: #585858;
width: 234px;
size: 1px;
}

#module h3{
padding-top: 3px;
padding-bottom: 3px;
text-align: center;
}

#module p{
color: #adadad;
font-size: 10px;
}

#footer {
position: relative;
background-color: #000000;
width:872px;
height: 30px;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

#footer p {
color: #adadad;
}

#footer p a:link{
color: #bd0926;
}

#footer p a:visited{
color: #bd0926;
}

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

#footer p a:active{
color: #bd0926;
}

#liste_team {
width: 618px;
position: relative;
list-style: none ;
margin: 0 ;
padding: 0 ;
}

#liste_team  li{
float: left ;
width: 165px ;
height: 310px;
margin-left: 10px;
margin-right: 10px;
text-align: center ;

}








h1 
    {
    font-size: 8pt;
    margin-bottom: 0px;
    font-family: Trebuchet MS;
    font-weight: bold;
    display: inline;
    }

h2 a:link
    {
    color: #FFFFFF;
    font-size: 14px;
    font-family: Verdana;
    font-weight: bold;
    }

h2 a:visited
    {
    color: #FFFFFF;
    font-size: 14px;
    font-family: Verdana;
    font-weight: bold;
    }

h2 a:hover
    {
    color: #bd0926;
    font-size: 14px;
    font-family: Verdana;
    font-weight: bold;
    text-decoration: none
    }

h2 a:active
    {
    color: #FFFFFF;
    font-size: 14px;
    font-family: Verdana;
    font-weight: bold;
    }

h2
    {
    color: #FFFFFF;
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 14px;
    font-family: Verdana;
    font-weight: bold;
    display: inline;
    }

h3 
    {
    color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 11px;
    font-family: Verdana;
    font-weight: bordel;
    }
    
h3 a:link
    {
    color: #000000;
    margin-top: 0px;
    margin-bottom: -15px;
    font-size: 20px;
    font-family: Trebuchet MS;
    font-weight: bold;
    }

h3 a:visited
    {
    color: #000000;
    margin-top: 0px;
    margin-bottom: -15px;
    font-size: 20px;
    font-family: Trebuchet MS;
    font-weight: bold;
    }

h3 a:hover
    {
    color: #000000;
    margin-top: 0px;
    margin-bottom: -15px;
    font-size: 20px;
    font-family: Trebuchet MS;
    font-weight: bold;
    text-decoration: none;
    }

h3 a:active
    {
    color: #000000;
    margin-top: 0px;
    margin-bottom: -15px;
    font-size: 20px;
    font-family: Trebuchet MS;
    font-weight: bold;
    }
    
h4
    {
    color: #922a0d;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
    font-family: Trebuchet MS;
    font-weight: bold;
    }

h5
    {
    color: #4d4d4d;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
    font-family: Trebuchet MS;
    font-weight: bold;
    }
    
p
    {
    font-size: 11px;
    font-family: verdana;
    font-weight: normal;
    }
    
hr
    {
    margin-top: 0px;
    margin-bottom: 0px;
    }
    
A   
    {
        color: #000000;
        text-decoration: none;
    }
    
A:hover         
    {
        color: #000000;
        text-decoration: none;
    }
    
div.menu 
    {
    background-color: white;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    /* pour IE 7 */
    min-height: 1px;

    /* pour IE 6 */
    height: auto !important;
    height: 1px;
    }
    
.menu_fond         
    { 
    background-color: white;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;


    
    margin-left: 136px; 
    border: solid 0px #cccccc; 
    position: absolute; 
    z-index: 1; 
    top: 111px; 
    left: 50%; 
    width: 305px; 
    height: 425px; 
    visibility: visible 
    }
    
.menu_texte        
    { 
    margin-bottom: 10px; 
    margin-left: 136px; 
    padding-top: 10px; 
    padding-left: 10px; 
    border: solid 0px #cccccc; 
    position: absolute; 
    z-index: 2; 
    top: 111px; 
    left: 50%; 
    width: 285px; 
    height: 425px; 
    visibility: visible 
    }





.normal       { color: black; font-size: 11px; font-family: verdana }
.normal_blanc { color: white; font-size: 11px; font-family: verdana }
.orange   { color: #890400; font-size: 14px; font-family: verdana }
.rouge { color: red; font-size: 11px; font-family: verdana }
.formation { color: black; font-size: 13px; font-family: verdana }
.gras  { color: #fff; font-weight: bold; font-size: 10px; font-family: verdana }
.jaune   { color: #f2d21a; font-weight: bold; font-size: 10px; font-family: verdana }
.jaune_souligne  { color: #f2d21a; font-weight: bold; font-size: 10px; font-family: verdana; text-decoration: underline }
.grand       { color: #890400; font-style: normal; font-size: 18px; font-family: verdana }
.grand_italique  { color: #fff; font-style: italic; font-weight: bold; font-size: 14px; font-family: verdana }
.petit      { color: white; font-size: 9px; font-family: verdana }
.petit_noir { color: black; font-size: 9px; font-family: verdana }
.gras_noir { color: black; font-weight: bold; font-size: 10px; font-family: verdana }

.titre { color: #FFFFFF; font-weight: bold; font-size: 36px; font-family: Trebuchet MS; text-decoration: none }
.titre2 { color: #b6d0e9; font-weight: bold; font-size: 36px; font-family: Trebuchet MS; text-decoration: none }
.titre a { color: #f29000; text-decoration: none }
.titre a:visited { color: #f29000; text-decoration: none }
.titre a:hover  { color: #f29000; text-decoration: underline }
.titre a:active { color: #f29000; text-decoration: none }
.sstitre  { color: #000; text-decoration: none }
.sstitre a  { color: #000; text-decoration: none }
.sstitre a:visited  { color: #000; text-decoration: none }
.sstitre a:hover   { color: #000; text-decoration: underline }
.sstitre a:active  { color: #000; text-decoration: none }
.lien     { color: black; text-decoration: none }
.lien a     { color: black; text-decoration: none }
.lien a:visited     { color: black; text-decoration: none }
.lien a:hover      { color: black; text-decoration: underline }
.lien a:active     { color: black; text-decoration: none }
A:link { text-decoration: none }
A:visited  { text-decoration: none }
A:hover     { text-decoration: underline }
.textbox   { color: #000000; font-weight: bold; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; border: solid 1px #3d73bd; height: 15px }
.commentbox   { color: #000000; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; border: solid 1px #3d73bd; height: 19px }


#content {

}

ul.crossfade {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}
#fade li {
    position: absolute;
    top: 0;
    left: 0;
    width: 589px;
    height: 222px;
    visibility: hidden;
}
li img {
    display: block;
    border: 0px;
}
.caption {
    clear: both;
    padding: 0em;

}
.img_place {
    position: relative;
    width: 589px;
    height: 222px;
}
code {
    font-family: monospace;
    font-size: 1.2em;
}
.control {
    position: absolute;
    z-index: 100;
    cursor: pointer;
    font-size: 2em;
    font-weight: bold;
    color: #FFF;
}
.ajax {
    margin: 3em;
    border: 1em solid #FF8C00;
    padding: 1em;
}