/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
  width:979px; 
  text-align:left;  
  margin-left:auto; 
  margin-right:auto;  
  background-color:#FFFFFF;
} 
 
#pagewidthcalendrier{ 
  width: auto; 
  text-align:left;  
  margin-left:20px; 
  margin-right:20px;
  margin-top:20px;
  margin-bottom:20px;
  background-color:#FFFFFF;
}  
 
#header{
  position:relative; 
  height:160px; 
  background-color:#FFFFFF; 
  width:100%;
} 
 
#leftcol{
  width:216px; 
  float:left; 
  position:relative;
  padding-left: 4px;
  margin-top: 20px;
}
 
#twocols{
  width:755px; 
  float:right; 
  position:relative;
  background-color:#FFF;
  }
 
#rightcol{
  width:212px; 
  float:right; 
  margin: 0;
  position:relative; 
  background-color:#FFF;
  padding-right:4px;
  margin-top: 20px;
  top: 0px;
  }  
 
#maincol
{
  background-color: #FFF;
  float: left; 
  display:inline; 
  position: relative; 
  margin: 15px;
  width:509px; 
  }

#maincol2
{
  background-color: #FFF;
  float: left; 
  display:inline; 
  position: relative; 
  margin: 15px;
  padding : 20px;
  width: 900px; 
  }
  
 
/*Les trois colonnes du sommaire*/
#twocolonne{
  width:509px; 
  float:left; 
  position:relative;
  background-color:#FFF;
  }
  
#middlecolonne{
  margin: 50px 0 0 0;
  background-color:#FFF;
  width: 250px;
  float:right;
  text-align:center;
  position:relative; 
}
#leftcolonne{
  width:235px; 
  float:left; 
  margin: 0;
  position:relative; 
  background-color:#FFF;
  padding-left:15px;
  margin-top: 20px;
  top: 0px;
}
#rightcolonne{
  width:212px; 
  float:right; 
  margin: 0;
  position:relative; 
  background-color:#FFF;
  padding-right:4px;
  margin-top: 50px;
  top: 0px;
  }

#actualites{
  margin: 10px 0 0 15px;
  background-color:#FFFFFF; 
  clear:both;
  } 
#contributions{
  margin: 20px 15px 0 15px;
  background-color:#FFFFFF; 
  clear:both;
  } 

#footer{
  margin-top: 50px;
  height:31px; 
  background-color:#FFFFFF; 
  clear:both;
  } 
 
 
#bandeau-droit
{
  width:692px; 
  float: right;
  top: 0px;
  padding: 0;
  position: relative;
  border:0 none;
    }

#bandeau-gauche
{
  width: 287px;
  height: 160px;
  float: left;
  top: 0px;
  position: absolute;  
  }
  

div.videos
{
  width:380px;
  height: 304px;
  background-color: pink;
  margin: 50px auto 20px 64px;
}	

div.bloc-droite
{
  width:212px;
  margin-top: 150px;
}

div.blocaccueil-droite
{
  width:212px;
  margin-top: 30px;
}

div.blocrecherche-droite
{
  width:212px;
  margin-top: 20px;
}

div.bloc-droite-contenu
{
  background-image: url('/squelettes/images/bloc-fond.jpg');
}

div.bloc-droite-bas
{
  background-image: url('/squelettes/images/bloc-bas.jpg');
  height: 9px;
  width: 212px;
}

div.bloc-droite-date
{
  background-image: url('/squelettes/images/bloc-dates_retenir.jpg');
  height: 35px;
}

div.bloc-droite-recherche
{
  background-image: url('images/bloc-recherche.jpg');
  height: 35px;	
}

div.bloc-droite-aef
{
  background-image: url('images/bloc-revue_aef.jpg');
  height: 35px;
}
 
img { margin: 0; padding: 0; border: 0; }
img.center { text-align:center; margin: 30px auto 20px 106px;}
img.theme {margin-top: 20px;}
img.pied_url {margin: 0px; border: 0; float: left;}
img.bandeau {margin: 0px; border: 0; float: left; vertical-align: middle;}


#boutons-bak
{
  width: 666px;
  height: 23px;
  margin: 0;
  padding:0;
  list-style-type:none;
  list-style-image: none;
}

#boutons-bak li {
  float: left;
  width: auto;
 }
#boutons-bak li a{
    font-size: 1em;
    font-weight : bold;
    height: 23px;
    margin: 0;
    color: #FFF;
    text-align: center;
    float: left;
    display:block;
    vertical-align: baseline;
    background-image: url('/squelettes/images/m-off.jpg');
    background-repeat: repeat;
    }

#boutons-bak li a:hover, #boutons li a:focus, #boutons li a:active
{
  background-image: url('/squelettes/images/m-on.jpg');
  background-repeat: repeat;
  text-decoration: none;
}

#boutons-bak li#boutonselect a
{
  background-image: url('/squelettes/images/m-on.jpg');
  background-repeat: repeat;
  text-decoration: none;
}
 
 
 /*Bandeau Fred*/
 
#boutons
{
  width: auto;
  margin: 0;
  padding:0;
  list-style-type:none;
  list-style-image: none;
 }

#boutons li {
  float: left;
  width: auto;
  cursor : pointer;
 }

#boutons li.presentation {
  width: 170px;
  height: 23px;
}

#boutons li.thematique {
  width: 198px;
  height: 23px;
}

#boutons li.ressources {
  width: 97px;
  height: 23px;
}
 
#boutons li.actualites {
  width: 86px;
  height: 23px;
}

#boutons li.contributions {
  width: 112px;
  height: 23px;
}

select.listemots {
width : 155px;
margin-left: 20px;
font-size: 0.7em;
}
 
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after
{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
 
.clearfix
{
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}


}

/*Diaporama*/

#gallery {
	position: relative;
	width: 600px;
        background-image: url(/IMG/jpg/visuel.jpg);
        background-repeat: no-repeat;
        background-position: top 250px;
}
#thumbs {
	width: 180px;
	float: left;
}
#thumbs a {
	display: block;
	float: right;
	margin: 0 0 5px 5px;
	width: 50px;
	height: 50px;
}
#thumbs a img {
	width: 50px;
	height: 50px;
	border: 0;
}
#thumbs a:hover {
	border-color: #ddd;
}
#thumbs a:hover img {
	position: absolute;
	width: auto;
	height: auto;
	left: 185px;
	top: 0;
	border: 1px solid #333;
}