@charset "utf-8";
/* CSS Document */
body
{
background-color:#3b4d57;
}

/*
tab haut
*/
#tabhaut
{
width:972px;
margin:auto;
border-collapse:collapse;
}
#tabgauche
{

border-collapse:collapse;
background-image:url(image/01.jpg);
width:34px;
height:78px;
background-repeat:no-repeat;
}

#tabadama
{
border-collapse:collapse;
background-image:url(image/02.jpg);
width:226px;
height:78px;
background-repeat:no-repeat;
}
#tabcenter
{
border-collapse:collapse;
background-image:url(image/04.jpg);
width:auto;
height:78px;
background-repeat:repeat-x;
text-align:right;
}

#tabdroite
{
border-collapse:collapse;
background-image:url(image/06.jpg);
width:19px;
height:78px;
background-repeat:no-repeat;
}

/*
2eme partie entete flash
*/
#tabflash
{
border: 1px solid black;
width:960px;
height:216px;
margin:auto;
border-collapse:collapse;
}

#flash
{
border-collapse:collapse;
background-color:white;
height:216px;
width:960px;
background-repeat:no-repeat;

}
#menuhaut
{
width:960px;
height:30px;
background-image:url(image/menu.jpg);
background-repeat:repeat-x;
margin:auto;
border:groove #FFCC66 2px;
}
#menuhaut ul
{
list-style-type:none;
display:inline;

}
#menuhaut li
{
padding-right:10px;
padding-left:10px;
display:inline;
font:Verdana, Arial, Helvetica, sans-serif;
color:navy;
font-weight:bold;
border-right:groove #FFCC66 2px;
border-bottom:groove #FFCC66 2px;


}
#menuhaut li a
{
text-decoration:none;
color:navy;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serifp;
}
#menuhaut li a:hover
{
text-decoration:none;
color:white;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serifp;
}


/* content*/

#corps
{
width:960px;
vertical-align:top;
border:solid 1 px black;
margin:auto;
border-collapse:collapse;
}

#topmenu
{
border-collapse:collapse;
background-image:url(image/back_01.jpg);
background-color:white;
height:64px;
width:224px;


}

#topcorps
{
border-collapse:collapse;
height:64px;
width:734px;
background-image:url(image/back_02.jpg);
background-repeat:no-repeat;
background-color:white;
}


#smenu
{
border-collapse:collapse;
background-image:url(image/back_04.jpg);
height:600px;
width:224px;
background-repeat:repeat-y;
vertical-align:top;
}
#smenu ul
{
background-color:#CCCCCC;
margin:10px;
padding-top:1px;
padding-bottom:1px;
}
#smenu li
{
background-color:#999999;
margin:4px;
margin-left:1px;
list-style-type:none;
border-top:#000000 thick 2px;
text-align:center;
/*height:20px;*/
}
#smenu a
{
text-decoration:none;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
}
#smenu a:hover
{
background-color:#CCCCCC;
}

#content
{
border-collapse:collapse;
height:64px;
width:738px;
background-image:url(image/back_05.jpg);
background-repeat:repeat-y;
vertical-align:top;
padding-left:20px;
padding-right:20px;
background-color:white;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:30px;
font-size:16px;

}


#bottommenu
{
border-collapse:collapse;
background-image:url(image/back_07.jpg);
height:58px;
width:224px;
background-repeat:no-repeat;
background-color:white; 
}

#bottomcorps
{
border-collapse:collapse;
height:58px;
width:734px;
background-image:url(image/back_08.jpg);
background-repeat:no-repeat;
background-color:white;
vertical-align:bottom;
text-align:center;
}
/* style du contenu du site web 
*/
h1
{
font-family:Georgia, "Times New Roman", Times, serif;
color:#FF3300;

}
p{
text-indent:20px;

}
#cd
{
border:3px #990000 double;
padding-left:10px;
padding-right:10px;
line-height:25px;
font:"Times New Roman", Times, serif;
font-size:14px;
color:navy;
}
#cdanglais
{
color:teal;
}
img
{
border:none;
}
#telecharger
{
background-color:#666600;
color:#FFFFFF;
padding:10px;
border: solid 2px #666666;
}
#telecharger a
{
color:orange;
}
/* fin contenu*/


/**les tableaux**/

#tab table 
{
   margin:10px; 
   border: 2px solid  navy; 
   border-collapse: collapse; 
   padding:1px;
}

#tab  th 
{
   background-color: navy;
   color: white;
   font-size:12px;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

#tab td
{
  border: 1px solid  navy; 
   font-family:"Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; 
   padding: 5px;
}
#tab1
{

width:100%;
border-collapse:collapse;
vertical-align:top;

}
#tab1 td
{
border-collapse:collapse;
border-left: 1px solid;
padding-left:20px;
padding-right:10px;
}

#tab2
{
border:double gray double 4px;
width:100%;
border-collapse:collapse;
vertical-align:top;

}
#tab2 td
{
border-collapse:collapse;
border-left: 1px white solid;
padding-left:20px;
padding-right:10px;
}


#tab3 caption 
{
   margin: auto; 
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color:#000000;
   margin-bottom: 20px; 
}

#tab3 
{
   margin: auto;  
   border: 4px outset black;  
   border-collapse: collapse;  
}

#tab3 th  
{
   background-color:#666666;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

#tab3 td 
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; 
   padding: 5px; 
}

