/* CSS Document */
/*================================================ html ===================================================*/

* {
	margin: 0px;
	padding: 0px;
}

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0 0 0 0;
	padding: 0px;
	background-color: #ffffff;
	font-family: Segoe UI, Trebuchet MS, Arial ;
	font-size: 1em;
	/*color: #F5E7B4;*/
}

h2 {
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	/*color: #E1003B;*/
	text-decoration: none;
}

h3  {
	font-size: 14pt;
	font-weight: bold;
	color: #E1003B;
	/*color: #000000;*/
	text-decoration: none;
}

#intro h3 {
	padding-bottom: 30px;
	padding-top: 30px;
}

h4  {
	font-size: 1em;
	font-weight: bold;
	color: #F5E7B4;
}

p  {
	text-align: justify;
	font-size: 0.9em;
	color: #000000;
	font-weight: normal;
	margin-right: 10px;
	margin-left: 10px;
}

hr{
	color: #000000; 
	width:100%; 
	height:1px;
	float:left; 
	/*border: 1px dotted #F8CB22;*/
	margin: 0 0 0 0;
	clear:both;
}

.titre_noir{
	font-size:12pt;
	font-weight:bold;
	color: #000000;
}

.titre_rouge{
	font-size:12pt;
	font-weight:bold;
	color: #E1003B;
}

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

#wrapper	{
	width: 1000px;
	padding: 0px;
	margin-left: 270px;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow:hidden;
}

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

#header {
	padding: 0px;
	margin-left: 0px;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image:url(../img/head1.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	height:275px;
	width:1000px;
	}

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

#menu {
	font-family: Segoe UI, Arial, Helvetica;
	font-weight: normal; 
	font-size: 80%; 
	float:left;
	width: 230px;
	border: #b0b0b0 1px solid;
	margin-top: 15px;
	margin-left: -40px;
	position:absolute;
}

#menu UL UL {
	display: none; 
	border: #b0b0b0 0px solid;
	font-weight: normal; 
	padding: 0 10px 0 0px; 
 	margin: 0 10px 0 0px;  
	position: absolute;
	width: 230px;
	right: 230px; 
	top: 0px;
}

#menu LI {
	padding: 10px 0px 2px 20px;
	margin: 0;
	width: 210px;
	height: 25px;
	list-style-type: none;
	position: relative;
	background-color:#ffffff;
	color: #000000;
}

#menu LI:hover {
	BACKGROUND-COLOR: #E1003B;
	color: #ffffff;
	width: 210px; 
}
#menu LI A {
	TEXT-DECORATION: none;
	font-weight: normal; 
	color: #000000;
}

#menu LI A:hover  {
	TEXT-DECORATION: none;
	font-weight: normal; 
	color: #ffffff;
}

#menu LI:hover UL.niveau2 {
	DISPLAY: block;
	font-weight: normal; 
	width: 210px; 
}

#menu LI.sfhover {
	BACKGROUND-COLOR: #E1003B;
	font-weight: normal; 
	width: 230px; 
}

#menu LI.sfhover UL.niveau2 {
	DISPLAY: block;
	font-weight: normal; 
	width: 230px;
}
/*
#menu LI.plus {
	BACKGROUND-POSITION: right 50%;  BACKGROUND-REPEAT: no-repeat; width: 200px; 
}*/

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

#contenu {
	width: 730px;
	/*background-color:#ffffff;*/
	/*background-color:#e0e0e0;*/
	/*height: 100%;*/
	float: left;
	margin: 0 0 0 230px;
	padding: 10px 0 10px 10px;
	position: absolute;
}


#contenu ul{
	padding:1em;
	margin-top: 0.1em;
	margin-bottom:0.5em;
	margin-left:1em;
	color: #E1003B;;
}
#contenu li{
	list-style-type: disc; 
	padding-left: 0.5em;/*la distance entre la puce et le texte (dans IE) */
	margin: 0.1em 0;/*un peu de marge haut et bas*/
}

#contenu A:link, A:visited, A:active { text-decoration: underline; color:#000000; font-size:100%; font-weight: bold; }

#contenu A:hover {color: #E1003B;}

#pub {
	font-size:100%;
	color:#ffffff;
	background-color:#E0E0E0;
	margin: 0 0 0 -40px;
	border: 1px dashed #e0e0e0;
	width: 230px;
	height:140px;
	top: 493px;
	position: absolute;
	border-left-style: solid;
} 

#video {
	font-size:100%;
	color:#ffffff;
	background-color:#000000;
	margin: 0 0 0 -40px;
	border-left: 1px solid #ffffff;
	width: 230px;
	height:194px;
	top: 650px;
	position: absolute;
	border-left-style: solid;
} 

#cadre p{
	color:#000000;
}

#cadre_video p{
	color:#CCB899;
}
 
#cadre_gris {
	background-color:#f0f0f0;
	margin: 0 0 10px 0;
	/*border: 3px dashed #ffffff;*/
	overflow:hidden;
} 
 
 #cadre_blanc {
	background-color:#ffffff;
	margin: 0 0 10px 0;
	/*border: 3px dashed #f0f0f0;*/
	/*overflow:hidden;*/
} 
 
#date {
	font-size: 500%;
	color:#ffffff;
	margin: 10px 0 0 10px ;
} 

#video2{
	clear:both;
	float:right;
	margin-top: -90px;
	margin-left: 10px;
	margin-right: 10px;
} 

#invit {
	font-size:100%;
	color:#ffffff;
	/*background-image:url(../img/invit.jpg);*/
	background-color:#E0E0E0;
	margin: 0 0 0 -40px;
	border: 1px solid #e0e0e0;
	width: 230px;
	height:120px;
	top:860px;
	position: absolute;
	border-left-style: solid;
} 

#contenu img {margin:5px 0; border: 0px ridge #F5E7B4;}
#contenu img.droite {float:right; margin:0 0 20px 10px;}
#contenu img.gauche {float:left; margin: 5px 15px 0 0; clear:both; }
#contenu #slider {float:right; margin:5px 0 0 15px;}

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

#extraDiv1 {
	position:absolute;
	background: url(../img/rond1.gif) no-repeat;
	top: 800px;
	left: 5px;
	width: 220px;
	height: 200px;
	z-index:3;
}

#extraDiv2 {
	position:absolute;
	background: url(../img/ronrose1.gif) no-repeat;
	top: 530px;
	left: -40px;
	width: 150px;
	height: 150px;
	z-index:6;
}

#extraDiv3 {
	position:absolute;
	background: url(../img/rond2.gif) no-repeat;
	top: 180px;
	left: 120px;
	width: 150px;
	height: 110px;
}

/*================================================ footer ===================================================*/

#footer{
	margin-top: 30px;
	/*border-top: 1px dotted #000000;*/
	background-color:#ffffff;
	color: #000000;
	position: relative;
	clear:both;

}