/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis styles.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0px;
padding:0px;
}
body,html{
	height:100%;/*---obligatoire pour le footer---*/
	scrollbar-base-color:#FFF;
	background-color:#6D1200;
	overflow:hidden;

}

body{
	font-size:62.5%;
	background-color: #6D1200;
	background-repeat:no-repeat;
	background-position:center;
}




#container{
	width:950px;
	background-attachment: scroll;
	background-image: url(../images/charte/bg-interface.gif);
	margin:auto auto;


	}
	
	
#header{
	width:950px;
	height:21px;
	float:left;
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;


	}

.intros-top{
font-size:16px;
color:#FDF6E6;
font-family: "Trebuchet MS", Arial;
line-height:18px;
letter-spacing: 0.06em;
font-weight: bold;


  }

  .intros-middle{
font-size:13px;
color:#FAA74B ;
font-family: verdana,"Trebuchet MS", Arial;
line-height:16px;
font-weight: bold;
padding-top: 122px;

  }

.intros-middle2{
font-size:11px;
color:#D20001 ;
font-family: verdana,"Trebuchet MS", Arial;
line-height:16px;
font-weight: bold;
text-align: center;
padding-top: 60px;
text-transform: uppercase;

  }

  .intros-middle3{
font-size:11px;
color:#D20001 ;
font-family: "Trebuchet MS", Arial;
line-height:16px;
font-weight: bold;
text-align: center;
padding-top: 10px;


  }


.intros-bottom{
font-size:13px;
color:#F8D265 ;
font-family: "Trebuchet MS", Arial;
line-height:16px;
font-weight: bold;
text-align: center;
padding-top: 15px;
text-transform: uppercase;


  }

  .intros-bottom-gauche{
font-size:15px;
color:#F8D265 ;
font-family: "Trebuchet MS", Arial;
line-height:17px;
font-weight: bold;
text-align: left;
padding-top: 3px;
text-transform: uppercase;
padding-left:10px;


  }

.intros-bottom-droit{
font-size:15px;
color:#F8D265 ;
font-family: "Trebuchet MS", Arial;
line-height:17px;
font-weight: bold;
text-align: right;

padding-right:10px;


  }

  .intros-bottom-droit2{
font-size:15px;
color:#ffffff ;
font-family: "Trebuchet MS", Arial;

font-weight: bold;
text-align: right;

padding-right:10px;
text-transform: uppercase;


  }




/***************** MENU *****************/

#menu{


	 }

	dl, dt, dd {
		margin: 0;
		padding: 0;
	 }

ul{
position:absolute;
width:146px;
border:1px solid #ecc86b;
border-top-style:solid;
border-top-color:#ecc86b;
background:#cc1515;
  }

#menu li {
margin: 0;
padding: 0;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:1.0em;
line-height:1.7em;
text-align: center;
background:#cc1515;
border-bottom: 1px solid #980909;
		 }

#menu dl {
float:left;
		 }

#menu dt {
cursor: pointer;
line-height:21px;
height:21px;
		 }

#menu dd {
display: none;
		 }

#menu li a {
	color: #ecc86b;
	text-decoration: none;
	height: 100%;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
		   }

#menu li a:hover{
color:#fff;
text-decoration:none;
background:#000;
				}

#menu dt a {
text-decoration: none;
display: block;
text-decoration: none;
height: 21px;
background:no-repeat scroll left top;
		   }
		   
#menu dt a span{
display:none;
}

#menu dt a.bt1{ background-image:url(../images/charte/menu-01.gif); }		 
#menu dt a.bt2{ background-image:url(../images/charte/menu-02.gif); }
#menu dt a.bt3{	background-image:url(../images/charte/menu-03.gif); }
#menu dt a.bt4{	background-image:url(../images/charte/menu-04.gif); }
#menu dt a.bt5{	background-image:url(../images/charte/livre.jpg); }
#menu dt a.bt6{	background-image:url(../images/charte/menu-06.gif); }
#menu dt a.bt7{	background-image:url(../images/charte/menu-07.gif); }
#menu dt a.bt8{	background-image:url(../images/charte/menu-08.gif); }
#menu dt a.bt9{	background-image:url(../images/charte/menu-09.gif); }
#menu dt a.bt10{	background-image:url(../images/charte/evenements1.jpg); }
#menu dt a.bt11{	background-image:url(../images/charte/evenements2.jpg); }
#menu dt a.bt12{	background-image:url(../images/charte/formule.jpg); }









#menu dt a.bt1:hover{ background-image:url(../images/charte/menu-01-over.gif); }
#menu dt a.bt2:hover{ background-image:url(../images/charte/menu-02-over.gif); }
#menu dt a.bt3:hover{ background-image:url(../images/charte/menu-03-over.gif); }
#menu dt a.bt4:hover{ background-image:url(../images/charte/menu-04-over.gif); }
#menu dt a.bt5:hover{ background-image:url(../images/charte/livre_over.jpg); }
#menu dt a.bt6:hover{ background-image:url(../images/charte/menu-06-over.gif); }
#menu dt a.bt7:hover{ background-image:url(../images/charte/menu-07-over.gif); }
#menu dt a.bt8:hover{ background-image:url(../images/charte/menu-08-over.gif); }
#menu dt a.bt9:hover{ background-image:url(../images/charte/menu-09-over.gif); }
#menu dt a.bt10:hover{ background-image:url(../images/charte/evenements1_over.jpg); }
#menu dt a.bt11:hover{ background-image:url(../images/charte/evenements2_over.jpg); }
#menu dt a.bt12:hover{ background-image:url(../images/charte/formule_over.jpg); }

/***************** FIN MENU *****************/
/*--- accueil ---*/
#diaporama {
	margin:0;
	padding:0;
	width:950px;


	}


/*--- fin accueil ---*/

#contenu {
	   
	   width:640px;
	float:right;
	margin-top:2px;
	padding-top:10px;
	height:260px;
	overflow:auto;
	margin-bottom:3px;
	
	}
	
	#contenuTexte {
	color:#6D1200;
	text-align:justify;
	font-size:13px;
	line-height:18px;
	width:615px;
	padding-right:5px;
	font-family: "Trebuchet MS", Arial;

	}
	
	
	#contenu2 {
	   
	 width:640px;
	float:right;
	margin-top:2px;
	padding-top:10px;
	height:505px;
	overflow:auto;
	margin-bottom:3px;
	
	}
	
	
	
	#contenuTexte2 {
	color:#6D1200;
	text-align:justify;	
	font-size:13px;
	line-height:18px;
	width:615px;
	padding-right:5px;
	font-family: "Trebuchet MS", Arial;

	}
	.fck_titles{
	font-family: "Trebuchet MS", Arial;
	text-align:center;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	

	}


   	#puce-rouge {
	font-family: "Trebuchet MS", Arial;
	font-size:13px;
	color:#ffffff;
	background-image:url(../../../images/charte/bullet1.gif);
	background-repeat:no-repeat;
	background-position:left top;
	font-weight:normal;
	text-align:left;
	padding-left:16px;
	text-transform:lowercase;

	}

.normal
{
font-family: "Trebuchet MS", Arial;
	font-size:13px;
	padding:0px;
	line-height:18px;
	text-align:justify;
	padding:0px;
	margin:0px;
  color: #ffffff;

}



	#puce-jaune {
	font-family: "Trebuchet MS", Arial;
	font-size:13px;
	color:#ffffff;
	background-image:url(../../../images/charte/bullet.gif);
	background-repeat:no-repeat;
	background-position:left top;
	font-weight:normal;
	text-align:left;
	padding-left:16px;
	text-transform:lowercase;


	}

	
	.fck_menuss{
	font-family: "Trebuchet MS", Arial;
	text-align:center;
	width:476px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	color:#ffffff;
	padding-top:15px;

	}
#mennus-title{
	font-family: "Trebuchet MS", Arial;
	font-size:15px;
    	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px solid #ffffff;
  	border-top:0px solid #ffffff;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-top:0px;
  margin-left: 35px;
  margin-right: 35px;
   text-align: center;

}
	
	
	

	
	.fck_title{
	font-family: "Trebuchet MS", Arial;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:25px;

	}
	
	.fck_menu{
	font-family: "Trebuchet MS", Arial;
	text-align:left;
	font-size:11px;
	color:#6D1200;
	padding-top:43px;

	}
	
	#fck_liens{
	font-family: "Trebuchet MS", Arial;
	text-align:left;
	font-size:11px;
	color:#E59019;
	text-decoration:none;
	
	}
	
	#fck_liens:hover{
	font-family: "Trebuchet MS", Arial;
	text-align:left;
	font-size:11px;
	color:#ffffff;
	

	}
	
	
	
		#intros{
	font-family: "Trebuchet MS", Arial;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	
	}
	
	#intros:hover{
	font-family: "Trebuchet MS", Arial;
	
	color:#E59019;
	text-decoration:none;
	font-weight:bold;
	
	

	}
	



		
	h1{
		font-family: "Trebuchet MS", Arial;
		font-size:16px;
		text-align:left;
		color:#6D1200;
		border-bottom:1px solid #6D1200;
		margin-bottom:5px;
		padding-bottom:3px;
		margin-top:3px;
		text-transform:uppercase;
		
	}
	h2{
	font-family: "Trebuchet MS", Arial;
	padding-top:15px;
	font-size:16px;
	padding-bottom:8px;
	color:#E59019;
	text-align:center;
	border-bottom:1px dashed #E59019;
	width:250px;
	margin-bottom:10px;
		}
		
		
	h3{
	font-family: "Trebuchet MS", Arial;
	padding-top:15px;
	font-size:14px;
	padding-bottom:2px;
	text-transform:uppercase;
	color:#E59019;
	text-align:left;
	border-bottom:1px dashed #E59019;
	margin-bottom:5px;
		}

	a{
		color: #811146;
		text-decoration:underline;
		}
	a:hover{
		color: #811146;
		text-decoration:none;
		}
	.clearer
{
	clear: both;
	display: block;
	height: 0px;
	margin-bottom: 0px;
	font-size: 0px;
	line-height: 0px;
}

/***************** FOOTER *****************/
#footer{
width:950px;
	height:51px;
	font-family: "Trebuchet MS", Arial;
	font-size:11px;
	color: #8E154E;
	margin-top:1px;
	font-weight:normal;
	clear:both;
	margin:auto;
	color:#6D1200;

}


#footer a{

color:#5B2D59;
text-decoration:none;

}


#footer a:hover{
color:#6D1200;
text-decoration:underline;


}


h4{
	font-family: "Trebuchet MS", Arial;
	font-size:13px;
	color:#6D1200;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px dashed #8E154E;
	margin-bottom:5px;
	padding-bottom:3px;
}


/***********************************************/
.footerIntro{
  padding-top: 15px;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
}

.footerIntro a:link, .footerIntro a:visited{
	color: #FFDC9F;
  font-family: Arial;
	font-size: 11px;
	text-decoration: none;
}

.footerIntro a:hover, .footerIntro a:active{
	color: #FFFFFF;
  font-family: Arial;
	font-size: 11px;
	text-decoration: none;
}

