* {padding:0; margin:0}


body
{background-color: #2F2D26;}

#global{margin:0px auto;
width:950px; 
background-color:white;}



/* ---------------entete--------------- */


#haut
{margin:0 ;
padding:0px 40px 0 40px; 
border-bottom: 3px dotted black;
background-color: #FFF;}


/* ---------------Menu principal--------------- */

ul#menu1
{margin:10px 0 90px 0; }

ul#menu1 li
{list-style-type:none; 
display:inline; 
padding:0px;
margin:0;}



/* ---------------Menu secondaire--------------- */


ul#menu2
{float:left;
width:155px;
margin: 0 15px 0 40px;
list-style-type:none; }

ul#menu2 li a
{color:black}

ul#menu2 li.actif a
{font-weight:bold;
color:#999999}

ul#menu2 li a:hover
{color:#aaa}

ul#menu2 ul
{list-style-type:none;
margin-left:10px;}




/* ---------------divs de contenu--------------- */


div#centre-accueil
{float:left;
width:621px;
padding:15px 15px;
border: 2px dotted #7ac8b8;
margin:0 0 20px 40px;}

div#centre-accueil img
{float:left;
display:block;
padding:0 15px 15px 0}

div#centre-accueil ul
{margin-left:240px;
list-style-position:inside;
border-top:2px dotted #008576}

div#centre-accueil li
{border-bottom:2px dotted #008576}

div#centre-accueil p
{clear:both;}



div#centre
{float:left;
width:451px;
margin-bottom:20px}

#centre div.cadre
{border: 2px dotted #7ac8b8;
padding:15px 15px;
margin-bottom:20px}



ul#droite
{float:left;
width:180px;
margin:0 40px 100px 15px;
padding:0px 10px;
background-color:#7ac8b8;
list-style-type:none; }

ul#droite li
{padding: 10px 0 8px 0;}


ul#droite li+li
{border-top: 2px dotted #008576;}



#pied
{background-color:#aaa;
height:45px;
clear: both;}


/* ------------- TYPO --------------- */


/* - entete et menu principal - */
div#haut h1
{font-size:1px;
color:white;
padding-bottom:3px}

ul#menu1
{font-family: helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
text-transform:uppercase; 
font-weight:bold;
text-align:center;
font-size:13px; 
line-height:16px;
color:black; }

ul#menu1 li a
{color:#000}

ul#menu1 li.actif a, ul#menu1 li a:hover
{color:#aaa}



/* - menu secondaire gauche - */
ul#menu2 li a
{font-family: helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
font-size:11px; 

text-transform:uppercase;
color:black;  }

ul#menu2 li
{line-height:10px;
margin-bottom:7px}

ul#menu2 ul li a
{color: #333333}

ul#menu2 ul li a:hover
{color:black}



/* - div central page accueil - */
#centre-accueil h2
{position:relative;
bottom:30px;
color:#008576;
font-size:24px; 
text-transform:uppercase;
font-family:Georgia,"Bookman Old Style",Bookman,"New Century Schoolbook","Bookman Antiqua",Palatino,"Utopia","New York","Times New Roman",Times,serif;}

#centre-accueil h2 span
{background-color:white}

#centre-accueil h3, #centre-accueil ul, #centre-accueil p
{font-family: helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
color:#008576;
font-size:16px;
text-transform:uppercase}

#centre-accueil ul a
{color:#008576;
font-size:12px;
line-height:23px;
font-weight:bold;}

#centre-accueil a:hover
{color:#999}

#centre-accueil p a
{color:#008576;
font-size:11px;}



/* - div central - */
#centre
{color:#474038;
font-family:Georgia,"Bookman Old Style",Bookman,"New Century Schoolbook","Bookman Antiqua",Palatino,"Utopia","New York","Times New Roman",Times,serif;
font-size:14px; 
line-height:17px;}

#centre h2
{position:relative;
bottom:23px;
font-family: helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
font-size:13px;
line-height:15px; 
text-transform:uppercase}

#centre h2 span
{background-color:white}

#centre h3
{color:#008576;
font-family:Georgia,"Bookman Old Style",Bookman,"New Century Schoolbook","Bookman Antiqua",Palatino,"Utopia","New York","Times New Roman",Times,serif;
font-size:13px;
line-height:15px; 
text-transform:uppercase}

#centre h4
{font-family: helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
text-transform:uppercase;
font-size:13px;
line-height:15px; }

#centre .texte-vert
{color:#008576;}

dl{margin-top:25px;
font-family: helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
text-transform:uppercase;
font-size:12px;
line-height:14px;}

dt{font-weight:bold;}
dd{margin-bottom:8px;color: #666666}

table{
width:100%;
text-align:left;
border-collapse:collapse}

th
{background-color:#716456;
font-family: helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
color:white;
font-size:12px}

td, th
{border:1px solid #716456; 
padding:3px}

tr.pair
{background-color:#aaa}

th.centrer, td.centrer
{text-align:center;}






/* - div central page president - */
h2#president
{color:#008576;
font-size:18px; 
line-height:20px;
margin-bottom:10px;
bottom:0px;
text-transform:none;
font-family:Georgia,"Bookman Old Style",Bookman,"New Century Schoolbook","Bookman Antiqua",Palatino,"Utopia","New York","Times New Roman",Times,serif;}

h3#president
{font-size:13px; 
line-height:17px;
text-transform:none;
font-family:Georgia,"Bookman Old Style",Bookman,"New Century Schoolbook","Bookman Antiqua",Palatino,"Utopia","New York","Times New Roman",Times,serif;}





/* - div de droite - */
ul#droite li a
{font-family: helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
line-height:100%;
font-size:13px; 
color: white;
text-transform:uppercase;
font-weight:bold; }

ul#droite li a:hover
{color:#2F2D26}



/* - en final - */
p {margin:10px 0;}
a {text-decoration:none; color: #666666;}
a img, #haut img{border:0}