/* ------------------------------------ */
/*            En-tête                   */
/* ------------------------------------ */
#entete {
	position: relative;
	width: 800px;
	height: 210px;
/*	background: url(../images/entete/entete-accueil.png) left top no-repeat; */
	margin: 0 auto;
	text-align: left;
}
	
/* ------------------------------------ */
/*            Main                    */
/* ------------------------------------ */

#main  {
	position:absolute;
	top:150px;
	width:800px;
	background: white url(../images/bg-et-marge.png) left top repeat-y;
  opacity: 0.87;
  filter: alpha(opacity=87); /* For IE8 and earlier */
}
/*
#main {
	width: 800px;
	background: white url(../images/bg-et-marge.png) left top repeat-y;
	margin: 0 auto;
	text-align: left;
}
*/


#main #cadremain {    /*grand cadre - partie gauche de la page*/
	float: left;
	color: #333;
	font-size: 0.9em;
	text-align: justify;
	width: 550px;
	margin: 2px 0 10px 0px;
	padding: 5px;
/*  border:1px solid #000;*/         
}

/* ------------------------------------ */
/*         menu droite                  */
/* ------------------------------------ */

#main #sidebar {
	float: right;
	width: 225px;
	padding-top: 15px;
	line-height: 1.3;
}
#main #sidebar h2 {
	width: 165px;
}
#main #sidebar ul {
/*	padding: 0 0 20px 0; */
	margin: 0 0 15px 0;
	list-style-image: url(../images/puce.png);
  list-style-type:circle;
/*	background: url(../images/hr.png) left bottom no-repeat;*/
}
#main #sidebar li {
	margin: 0 0 0 25px;
	padding: 3px 0 7px 0;
	width: 210px;
	color: #426ec6;
	/*border: 1px solid blue;*/		
}

/* ------------------------------------ */
/*            diaporama                 */
/* ------------------------------------ */
.cadrediapo{
/*	position:relative;*/
  width: 548px;
  height: 265px;
  padding:11px 0 0 0; 
  margin:4px 1px 30px 1px; 
  border:1px solid #c1d3d7;
/*	overflow:hidden; */
}

#box4{
	position:absolute;
	line-height:1.15em;
}
#box4 div{        /* taille de la diapo */
	width:528px;
	height:280px;
	float:left;
	background:white;
}

#box4 h3{     /* titre dia*/
  text-indent: 10px;
	padding:5px 10px;
  font-size: 1.5em;
}
#box4 p{  /*texte dia*/
  font-size: 1.3em;
	margin-left:10px;
  padding:0 10px 0 300px; 
	line-height:1.5em;
	background:white;
}
#box4 img{
	position:static;
	width:300px;    /*taille photo*/
	float:left;
}


.mask{     /*masque de la dia*/
	position:relative;
	width:528px;
	height:260px;
	overflow:hidden;
}

.mask img{
	position:absolute;
	display:block;
/*  border:1px solid #999;   */     /*bordure photo*/
}

/* ------  projection slides -------------- */
.boutonsprojo{
	width:530px;
  text-align: center;
  padding-top: 17px;
}
.boutonsprojo span{
  /*background:#666;*/
  color:#426ec6;
  cursor:pointer;
  padding: 2px;
  font: 11px bold Tahoma, Arial, Helvetica, sans-serif;
  border:1px #c1d3d7 solid;
  background:#eee;
}

.boutonsprojo span.active, .boutonsprojo span:hover{
  background:#426ec6;
  color:#fff;
/*  border:1px black solid;*/
}

/* ------------------------------------ */
/*           sous le diaporama                 */
/* ------------------------------------ */
#main .tableaugauche {
/*	background: url(../images/fond_degrade.png) left top repeat-y;*/
  float: left;
	width: 245px;
	margin: 10px 0 10px 0px;
	/*padding: 18px;*/
	padding-left: 100px;
}
#main .tableaudroite {
	/*background:#fee1c1;*/  
	/*font: 1em Palatino, Arial, Helvetica, sans-serif;*/
	width: 178px;
  text-align: left;
	margin: 10px 0 10px 350px;
	padding: 40px 0 0 0;
/*	border: 1px solid #ccc;*/
}

#main .tableaumilieu {
  text-align: center;
	width: 530px;
	margin: 10px 0 10px 0px;
}

.titrepara {
	font-size: 1.25em;
	font-weight: bold;
  padding: 0.5em 0 0.3em 0 ;
	text-align: center;
  line-height: 1.5em;
	color: #600;
	letter-spacing: 0.1em;
}

.titretournois {
	width: 421px;
	height: 30px;
	color: #333;
	font-size: 1.4em;
	text-align: center;
	font-variant: small-caps;
  line-height: 2em;
	letter-spacing: 0.2em;
	margin: 0 auto;
  border-bottom: 1px solid #999;
	background: #eee;
}

#baspageindex {
	color: #555;
	font-size: 0.8em;
	width: 550px;
	height: 22px;
	text-align: left;
	margin: 0 auto;
	padding-top: 0.5em;
	border-top: 1px solid #426ec6;
	border-bottom: 1px solid #bbb;
}