@charset "utf-8";
/* CSS Document */
body{
margin: 0;
padding: 0;
background: url(img/fond2.gif) repeat-x 0 280px;
background-color: #e1cd7f;
font: "Trebuchet MS", Verdana;
}
h1,h2,h3,p,ul,li{
margin: 0;
padding: 0;
}
h1,h2,h3{
text-align: center;
}
h1{
font-size: 24px;
}
h2{
color: #fff;
}
p{
text-align: justify;
}
a{
font-weight: bold;
text-decoration: none;
color: #fff;
padding: 0 0 0 15px;
background: url(img/liens.gif) no-repeat 0 5px;
}
a:hover{
color: #568368;
}
/* conteneurs */
#container{
width: 980px;
height: 500px;
margin: 0 auto;
}
#animFlash{
margin: 0;
width: 980px;
height: 225px;
z-index: 3;
}
#titre{
width: 400px;
height: 50px;
z-index: 4;
position: relative;
top: -150px !important;
top: -170px;
left: 580px;
color: #fff;
}
#title p{
text-align: center;
}
#title{
height: 50px;
background: url(img/titre.png) !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/titre.png", sizingMethod="scale");
background: none;
}
#header{
width: 980px;
height: 100px;
background: url(img/entete.gif);
}
#menu {
margin-top: 72px !important;
margin-top: 73px;
float:left;
width:100%;
font-size:93%;
border-bottom:1px solid #7bb52a;
line-height:normal;
font-weight: bold;
}
#menu ul {
margin: 0 0 0 0px;
display: inline;
padding: 10px 10px 0 50px;
list-style: none;
}
#menu li {
display:inline;
margin:0;
padding:0;
}
#menu a {
float:left;
background:url("img/tableft10.gif") no-repeat left top;
margin:0;
padding:0 0 0 1px;
text-decoration:none;
}
#menu a.accueil{
margin-left: 82px;
padding: 0 0 0 22px;
background: url("img/accueil.gif") no-repeat left top;
}
#menu a.accueil:hover{
border: none;
}
#menu li a.accueil span{
padding:5px 11px 4px 3px;
}

#menu a span {
float:left;
display:block;
background:url("img/tabright10.gif") no-repeat right top;
padding:5px 11px 4px 3px;
color:#FFF;
}
    
#menu a span {float:none;}

#menu a:hover span {
color:#d24f4b;
}
#menu a.accueil:hover {
background-position:0% -27px;
}
#menu a:hover {
background-position:0% -42px;
}
#menu a:hover span {
background-position:100% -42px;
}
#accueil{
float: left;
width: 800px;
}
#droite{
float: right;
width: 160px;
height: 400px;
color: #333333;
padding: 5px;
}
#droite p{
text-align: center;
}
#corps{
float: left;
width: 885px;
height: 200px;
}
#footer{
background: url(img/footer_repeat.gif) repeat-x;
width: 980px;
height: 80px;
float: left;
text-align: center;
}
#footer2{
background: url(img/footer.png) !important;
width: 980px;
height: 180px;
float: left;
text-align: center;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/footer.png", sizingMethod="scale");
background: none;
}
#footer a,#footer2 a{
margin: 10px 0 0 30px;
background: none;
}
#transparent{
position: absolute; 
z-index: 10; 
background-color: #568368; 
width: 260px; 
height: 400px; 
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
#texte_transparent{
position: absolute; 
z-index: 10;
width: 270px; 
height: 400px;
color: #FFF;
background: url(img/white.png) repeat-y 260px 0 !important;
background: none;
}
#opacity{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/white.png", sizingMethod="scale");
margin: 0 0 0 260px;
width: 15px;
height: 400px;
position: absolute;
}

/* classes */
.cote{
float: left;
width: 46px;
height: 400px;
background: url(img/cote.png) !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/cote.png", sizingMethod="scale");
background: none;
}
.gauche{
float: left;
width: 480px;
}
.midle{
background: url(img/cote.png) no-repeat !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/cote.png", sizingMethod="scale");
background: none;
float: left;
width: 46px;
height: 400px;
}
.droite{
float: left;
width: 330px;
height: 400px;
padding-left: 20px;
}
.liens{
min-height: 225px;
width: 980px; 
float: left; 
margin-left: 50px;
display: inline;
}
.liens td{
width: 240px;
height: 50px;
}
/* une chtite classe png pour contourner les background sur les liens en png grâce à notre ami IE */
.pnglien{
width: 25px;
height: 28px;
background: url(img/fleche.png) no-repeat !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/fleche.png", sizingMethod="scale");
background: none;
float: left;
}
.liens a{
background: none;
font-size: 18px;
line-height: 35px;
margin-left: 0;
display: inline;
float: left;
}
/* pseudo - classes */

p.intro{
font-size: 15px;
width: 250px;
padding: 5px 15px 5px 5px;
}

span.vert{
font-weight: bold;
color: #568368;
}
span.blanc{
font-weight: bold;
color: #fff;
}
span.rouge{
font-weight: bold;
color:#d24f4b;
}
ul.bouton{
list-style-type: none;
margin-left: 10px;
}
ul.bouton li{
background:url(img/bouton.png) no-repeat !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bouton.png", sizingMethod="crop");
background: none;
padding-left: 20px;
line-height: 20px;
_height: 15px;
}