/* CSS Document */
/*================================================ html ===================================================*/
* {
	margin: 0px; padding: 0px;
}

body {
	background-color: #A6A08C;
	font-family: Calibri, Segoe UI, Trebuchet MS;
	/*font-size: 1.1em;*/
	/*background-color: #DFCBA8;*/
	/*background: url(../img/bkg_body.jpg) repeat-x;*/
	/*background-attachment:fixed;*/
	/*color: #F5E7B4;*/
}

h1 {
	font-size: 27pt;
	font-weight: bold;
	color: #820000;
	text-align:center;
	padding: 20px 40px 0 0;
}

h2 {
	font-size: 27pt;
	font-weight: bold;
	color: #000;
	/*color: #820000;*/
	text-align:left;
	padding: 5px 10px 0 0;
}

#programme h2  {
	text-align:left;
	font-size: 40pt;
	padding: 0 0 0 0;
}

h3  {
	font-size: 20pt;
	font-weight: bold;
	color: #5E2F00;
	/*margin: 10px 0 0 0;*/
}

h5  {
	font-size: 20pt;
	font-weight: bold;
	color: #820000;
	/*margin: 10px 0 0 0;*/
}

#pratique h5  {
	font-size: 15pt;
}


h4  {
	font-size: 1em;
	font-weight: bold;
	color: #5E2F00;
	margin: 0 0 0 0px;
}

p  {
	text-align: justify;
	font-size: 1em;
	/*font-weight: bold;*/
	color: #000;
	padding: 0 10px 10px 0;
}

hr{
	color: #6D7072; 
	width:780px; 
	/*height:1px;*/
	float:left;
	border: 1px dashed #5E2F00;
	margin: 10px 0 10px 0 ;
	/*clear:both;*/
}

.titre_hp {
	color: #F5E7B4;
	font-weight:bold;
	/*font-size:120%;*/
}

.titre_jaune {
	color: #FFCC66;
	font-weight:bold;
	font-size:120%;
}

.text_intro  {
	color: #F5E7B4;
	padding: 10px 0 0 0;
	line-height:1.2em;
}
/*===================================================================================================*/

#rounded {
	background-color: #F1E8D9;
	margin: 10px 0 20px 0;
	border: 1px solid #000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius-bottom:10px;
	behavior:url(js/border-radius.htc);
}


.rounded {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius-bottom:10px;
	behavior:url(js/border-radius.htc);
}

/*===========================================================================================*/

#wrapper	{
	width: 1080px;
	/*background-color: #DFCBA8;*/
	background: url(../img/bkg_wrapper2.gif) repeat;
	margin: 0 auto;
	z-index:-5
}
/*==========================================================================================*/
#header {
	width:1070px;
	height:250px;
	padding: 5px;
	background: url(../img/bkg_head.gif) repeat-x;
}

#logo {
	float:left;
	height:205px;
	width:230px;
	margin: 30px 0 10px 15px;
}

#slider {
	float:right;
	height:230px;
	width:800px;
	background: url(../img/bkg_slider.gif) no-repeat;
	padding: 12px 0 0 09px;
}

#video{
	float:right;
	background-color:#000;
	z-index:5;
	height:440px;
	width:255px;
	border: 1px solid #fff;
	margin: 30px 10px 10px 10px;
	padding: 10px 0 10px 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior:url(js/border-radius.htc);

} 

#video p  {
	font-size: 1em;
	font-weight: bold;
	position: relative;
	text-align:right;
	color: #fff;
	padding: 10px 3px 10px 0;
	z-index:5;
}


/********************************************Top Menu************************************/
#top_menu{
	float:right;
	height:30px;
	width:820px;
}

#top_menu ul{
	margin: -8px 0 0 12px;
}

#top_menu li{
	display:inline;
	margin:-1px;
}

#top_menu a, #top_menu a:visited{
	font-family: Trebuchet MS, Arial, Segoe UI ;
	color: #F5E7B4;
	background-color: #000;
	font-size:90%;
	text-decoration: none;
	padding: 12px 19px 5px 19px;
	border: 1px solid #fff;
}

#top_menu a:hover, #top_menu a:active{
	background-color:#82171D;
	color:#ffffff;
	padding: 12px 19px 5px 19px;
	border: 1px solid #fff;
}

/********************************************Left Menu************************************/
#left_menu{
	float:left;
	height:460px;
	width:255px;
	/*background-color:#fff;*/
	/*background: url(../img/left_bkg2.gif) repeat-x;*/
	margin: 0 0 0 0;
	/*border: 1px solid #000;*/
	position: relative;

}

#left_menu ul{
	padding: 30px 0 0 5px;
}

#left_menu li{
	list-style-type: none;
}

/*==================================================================================================*/

#contenu {
	margin: 10px auto;
	height:100%;
	width:1080px;
	overflow: hidden;
	/*clear:both;*/
	position: relative;
	/*background-color: #DFCBA8;*/
	/*border: 1px solid #fff;*/
	z-index:0;
}

#cadre_hp{
	float:right;
	margin: 0 0 0 0;
	width:810px;
	/*border: 1px solid #fff;*/
} 

#cadre_hp img.gauche{
	float:left;
	margin: 0 0 0 0;
	width:17%;
	/*border: 1px solid #fff;*/
} 

#cadre{
	float:right;
	margin: 25px 25px 0 0;
	width:780px;
	border: 0px solid #fff;
} 



#contenu A:link, A:visited, A:hover, A:active { text-decoration: underline; outline:none; color:#820000; font-size:100%;}


#date {
	font-size: 500%;
	color:#ffffff;
	margin: 10px 0 0 10px ;
} 

#galerie{
	clear:both;
	margin-left: 50px;
} 


#contenu img {margin:5px 0; border: 5px;  border-color:#000; clear:both; }
#contenu img.droite {float:right; margin:5px 5px 5px 5px; border: 5px solid #000;}
#presse #contenu img.droite {float:right; margin:5px 0 0 15px;}
#contenu img.gauche {float:left; margin: 5px 10px 0 0;}
#contenu #slider {float:right; margin:5px 0 0 15px;}



#footer{
	width:100%;
	/*clear:both;*/
	color: #000;
	font-size:85%;
	font-weight:bold;
	text-align:right;
	height:40px;
	overflow: hidden;
	background: url(../img/bkg_footer.gif) repeat-x;
}

#footer ul{
	margin: 15px 20px 0 0;
}

#footer li{
	display:inline;
}

/*******************************************IMG DIV*******************/

#extraDiv1 {
	position:absolute;
	background: url(../img/trou1.gif) no-repeat;
	top: 750px;
	left: 370px;
	width: 124px;
	height: 125px;
	z-index:3;
}