/* CSS Document */
* {
padding: 0px;
margin: 0px;
}
body{/* fond de page vert définit police*/
background-color: #FFFFFF; /*vert plus foncé*/
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:center;
/*scrollbar-3dlight-color: #CCCC99;
scrollbar-arrow-color:#FFFFFFF;
scrollbar-base-color: #CCCC99;
scrollbar-darkshadow-color: #666633;
scrollbar-face-color:#669933;
scrollbar-highlight-color:#CCCC99;
scrollbar-shadow-color: #666633;
scrollbar-track-color: #85C247;*/
}
a:link,a:visited
{
/*color: #007000;*/
color:#660033;
text-decoration: none;
font-weight: bold;
}
a:hover,a:active
{
color: #993366;
text-decoration: none;
font-weight: bold;
}
a.nav:link,a.nav:visited
{
font-weight: bold;
color: #660033;
text-decoration: none;
background-image: url(../pics/elephant_vert.gif);
background-repeat: no-repeat;
padding-left: 20px;
background-position: left center;
}
a.nav:hover,a.nav:active
{
font-weight: bold;
color: #993366;
text-decoration: none;
background-image: url(../images/elephant_vert_clair.gif);
background-repeat: no-repeat;
padding-left: 20px;
background-position: left center;
}
p
{
color: #000000;
}
li /*pour décaler les listes à puces*/
{
color: #000000;
margin: 20px;
}

h1
{
color: #000000;
font-size: 16pt;
font-weight: bold;
}

h2
{
color: #000000;
font-size: 14pt;
font-weight: bold;
}

h3
{
color: #000000;
font-size: 12pt;
font-weight: bold;
}
hr{
color:#669933;
}
#wrapper/* fond de page vert avec vert de chaque côté*/
{
background-color: #FFFFFF;
width: 1000px;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
text-align:left;
}
#wrapperBlue/* fond de page vert avec vert de chaque côté*/
{
background-color: blue;
width: 1000px;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
}
#header/* bandeau du haut*/
{
background-color: #CCCC66;
margin-right: auto;
margin-left: auto;
width:980px;
text-align:center;
}
#header_box_left{
background-color: #CCCC66;
width: 220px;
float:left;
text-align:left;
}
#header_box_center{
background-color: #CCCC66;
width: 480px;
float:left;
text-align:center;
}
#header_box_right{
background-color: #CCCC66;
width: 220px;
float:left;
text-align:right;
}
#container{/*contient menu + infos*/
background-color: #FFFFFF;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
width:980px;
}
#containerRed{/*contient menu + infos*/
background-color: red;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
width:980px;
}
#menu_left/*navigation + liens*/
{
margin-top: 10px;
background-color: #CCCC66;
width: 230px;
/*margin-top: 10px;*/
/*margin-left:10px;*/
float: left;
}
#navigation{
float: left;
}
#photo_menu /*photo sous navigation*/
{
padding-bottom: 10px;
text-align:center;
}
#info_index/*contenu de la partie info + footer de la page index*/
{
/*background-color: #669933;*/
/*background-color: #A3D175;*/
width: 740px;
margin-top: 10px;
margin-left: 10px;
float: left;
}
#info_index_text_photo{ /*contenu de la partie info de la page index (texte et photo)*/
background-color: #CCCC66;
width: 740px;
float: left;
}
#info_index_text /*texte sur page accueil*/
{
/*background-color: #A3D175*/
width: 500px;
float:left;
}
#info_index_photo /*photo accompagnant texte sur page accueil*/
{
/*background-color: #A3D175*/
float:right;
text-align:right;
vertical-align:middle;
width: 200px;
}
#info/*contenu de page sans photo*/
{
background-color: #CCCC66;
margin-right: auto;
margin-left: auto;
margin-top:10px;
width:960px;
float:left;
align:center;
}
#info_text /*bloc info sans photo*/
{
background-color: #CCCC66;
float:right;
width:720px;
}
#footer_small/* bas de page index*/
{
background-color: #CCCC66;
width: 740px;
float: left;
margin-top: 10px;
}
#footer_small_photo /*photo du footer index*/
{
width:200px;
float:left;
vertical-align:middle;
}
#footer_small_text /*texte du footer index*/
{
width:500px;
float:right;
text-align:left;
}
#footer_large/* bandeau du bas*/
{
background-color: #CCCC66;
margin-right: auto;
margin-left: auto;
width:980px;
align:center;
}
#footer_medium/* bandeau du bas largeur texte*/
{
background-color: #CCCC66;
/*margin-right: auto;
margin-left: auto;*/
margin-top:10px;
width:720px;
/*text-align:center;*/
}
.FloatLeft {
float:left;
}
.FloatRight {
float:right;
}
.blocker /*pour arrêter les float*/
{
clear: both;
}
.padding /*pour ajouter du padding*/
{
padding:10px;
}