/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#FFFAE1;
}
/***************** INTRO *****************/
#containerIntro{
position:relative;
min-height:100%;
margin:0 auto;
}
#intro{
position:relative;
width:800px;
margin:0 auto;
height:100%;
}
#footerIntro{
position:relative;
clear:both;
width:100%;
height:30px;
margin:-40px 0 0 0;
}
#footerIntro p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#791389;
text-align:right;
padding:10px 10px 0 0;
}
#footerIntro p a{
color:#791389;
text-decoration:none;
}
#footerIntro p a:hover{
color:#BD24D5;
}
#idep{
position:absolute;
left:0;
top:0;
width:195px;
height:30px;
margin:0;
}
#idep img{
float:left;
}
#footerIntro #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#791389;
margin:8px 0 0;
}
#footerIntro #idep a.idep.optea{
margin:0;
}
#footerIntro #idep a:hover.idep{
text-decoration:none;
color:#BD24D5;
}

/***************** CONTAINER *****************/
#container{
position:absolute;
width:840px;
height:550px;
left:50%;
top:50%;
margin-left:-420px;
margin-top:-275px;
background: url(../images/charte/container.jpg) center top no-repeat;
}
/***************** MENU TOP *****************/
#menuTop{
width:840px;
height:40px;
}
/***************** MENU LEFT *****************/
#colLeft{
float:left;
width:160px;
padding:0 0 0 10px;
}
#menuLeft{
width:160px;
height:360px;
}
/***************** ACTU *****************/
#actu{
width:150px;
height:100px;
margin:20px 0 0 10px;
}
#actu p{
font:10px Arial, Helvetica, sans-serif;
color:#fff;
line-height:12px;
margin-bottom:20px;
}
#actu p.date{
font:bold 10px Arial, Helvetica, sans-serif;
color:#99CC00;
line-height:20px;
margin:0;
}
#actu a{
font:10px Arial, Helvetica, sans-serif;
color:#fff;
line-height:20px;
}
#actu a:hover{
color:#99CC00;
}
/***************** CONTENU *****************/
#contenuAccueil{
float:left;
width:640px;
height:480px;
margin:10px 0 0 10px;
}
#contenu{
float:left;
width:600px;
height:470px;
margin:20px 0 0 30px;
overflow:auto;
padding-right:15px;
}
/***************** FOOTER *****************/
#footer{
float:left;
position:relative;
width:840px;
height:30px;
}
#idep{
position:absolute;
left:0;
top:0;
width:195px;
height:30px;
margin:10px 0 0 10px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#791389;
margin:8px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#BD24D5;
}
#texte #galerie {
width:310px;
  
   
 
  margin-bottom:20px;
 }
 
 #texte #defilgauche {
   float: left;
   margin: 0 5px 5px 0;
   cursor: pointer;
   z-index: 9;
 }
 
 #texte #defildroite {
   float: right;
   margin: 0 0 5px 5px;
   cursor: pointer;
   z-index: 10;
   
 }
 
 #texte #flowcut {
   width: 400px;
   overflow: hidden;
   position: relative;
 }
 
 #texte #flow{
   position: relative;
 }
   
   
 #texte .vign{
   float: left;
   margin-right :10px;
 
   border:0px solid #251309;
 }

#separateur{
text-align:center;}