/* CSS Document */

*{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
}

#main{
width:900px;
margin:auto;
margin-top:10px;
}

#headbanner{
height:120px;
background-image:url(images/fond-headbanner.jpg);
background-repeat:no-repeat;
}

#logo{
float:left;
width:249px;
height:111px;
}

#langue{
float:right;
width:350px;
height:20px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#802324;
font-weight:bold;
}

#langue a{
color:#802324;
font-weight:normal;
text-decoration:none;
}

#langue a:hover{
color:#802324;
font-weight:bold;
text-decoration:none;
}

#coordonnes{
float:right;
width:400px;
height:50px;
margin-top:37px;
}

#coordonnes span{
font-size:12px;
}

#coordonnes a:link{
color:#8a8a8c;
text-decoration:none;
}

#coordonnes a:visited{
color:#8a8a8c;
text-decoration:none;
}

#coordonnes a:hover{
color:#8a8a8c;
text-decoration:underline;
}

#footer p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#802324;
padding-top:7px;
margin-left:380px;
}

#footer span.lien-webisi{
margin-left:230px;
}

#footer a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#802324;
text-decoration:none;
font-weight:bold;
}

#coordonnes p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#909091;
margin-left:245px;
margin-top:2px;
}

#separateur{
clear:both;
height:2px;
background-image:url(images/separateur.jpg);
}

#separateur2{
clear:both;
height:2px;
background-image:url(images/seprateur_grey.jpg);
margin-bottom:5px;
}

#slogan{
height:30px;
margin-top:7px;
}

#slogan h5{
color:#8a8a8c;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:160px;
font-weight:normal;
}

#menu{
height:40px;
margin-top:15px;
}

#menu ul.menu-site{
	list-style:none;
	margin-left:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#802324;
	font-weight:bold;
}

#menu ul.menu-site li{
	display:inline;
	margin-right:25px;
	margin-left:25px;
}

#menu ul.menu-site li a{
	font-size:16px;
	font-weight:normal;
	color:#802324;
	text-decoration:none;
}

#menu ul.menu-site li a:hover{
	font-size:16px;
	color:#ecbdad;
	font-weight:normal;
	text-decoration:none;
}
/*----- MR   -----*/

#menu a.big_2{
	font-size:16px;
	color:#666;
	text-decoration:none;
}
#menu a.small{
	font-size:12px;
	color:#002371;
	text-decoration:none;
}
#menu a.small:hover{
	font-size:12px;
	color:#666;
	text-decoration:none;
}
#menu a.small_2{
	font-size:12px;
	color:#666;
	text-decoration:none;
}

#texte{
color:#8a8a8c;
text-align:justify;
}

#texte-droit{
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#texte-droit h1{
font-size:16px;
margin:10px;
}

#texte-droit table{
font-weight:bold;
}

#texte-droit input.envoyer{
color:#7d0001;
width:100px;
font-weight:bold;
background-color:#fff;
}

#texte-droit form textarea{
width:220px;
}

#texte-droit form select{
width:130px;
}

/********************** Sous menu ***************************/

#sous-menu{
margin-bottom:10px;
}

#sous-menu ul{
list-style:none;
display:inline;
font-weight:bold;
margin-left:20px;
}

#sous-menu ul li{
display:inline;
font-size:14px;
margin-left:7px;
margin-right:7px;
}

#sous-menu ul li a:link{
font-weight:normal;
text-decoration:none;
color:#fff;
}

#sous-menu ul li a:visited{
font-weight:normal;
text-decoration:none;
color:#fff;
}

#sous-menu ul li a:hover{
font-weight:normal;
text-decoration:none;
color:#fff;
}



/* ------------ */
#menu p{
color:#802324;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}


#contenue{
height:380px;
background-color:#7d0001;
}

#contenue-contact{
height:465px;
background-color:#7d0001;
}

#contenue-diapo{
height:450px;
background-color:#fff;
}


#contenue-menu{
height:545px;
background-color:#7d0001;
}

#image{
width:470px;
float:left;
}

#texte-droit{
width:430px;
float:left;
}

#contenue-galerie{
height:400px;
}

#texte a.rien:link{
text-decoration:none;
color:#8a8a8c;
cursor:default;
}

#texte a.rien:visited{
text-decoration:none;
color:#8a8a8c;
cursor:default;
}

#texte a.rien:hover{
text-decoration:none;
color:#666;
cursor:default;
}

#texte h4{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin-top:10px;
}

#texte p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
padding-bottom:15px;
}

/*-------  styles MR  -----------*/


.bg_color_txt{
	margin:15px 0;
	background-color:#5c6d99;
	height:350px;
	}
.bg_color_txt_service{
	margin:15px 0;
	background-color:#5c6d99;
	height:637px;
	}
.bg_color_txt_activites{
	margin:15px 0;
	/*background-color:#5c6d99;*/
	background-color:#002274;/*2c4687  -  002274 */
	height:500px;
	}
.bg_color_txt_mystique{
	margin:15px 0;
	/*background-color:#5c6d99;*/
	background-color:#5c6d99;/*2c4687  -  002274 */
	height:402px;
	}
	
.bg_color_txt_contact{
	margin:15px 0;
	/*background-color:#5c6d99;*/
	background-color:#5c6d99;/*2c4687  -  002274 */
	height:455px;
	}


.bg_color_txt_events{
	margin:15px 0;
	
	}
.bg_color_txt_officiel{
	margin:15px 0;
	background-color:#5c6d99;
	height:660px;
	}


.image_fla{
	float:left;
	}
.txt_right{
	
	margin:15px;
	padding:0;
	float:right;
	width:335px;
	text-align:justify;
	/*background-color:#000;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:13px;
	}
/******************* formulaire *******************************/

.txt_right input{
	
	width:200px;
	height:15px;
	color:#5c6d99;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	

.txt_right input.nom{
	
	width:130px;
	height:15px;
	color:#5c6d99;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.txt_right input.date{
	
	width:150px;
	height:15px;
	color:#5c6d99;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.txt_right input.envoyer{
	
	width:100px;
	background-color:#fff;
	height:20px;
	color:#5c6d99;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:none;
}
	
.txt_right select{
	
	width:100px;
	height:20px;
	color:#5c6d99;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	.txt_right select.petit{
	
	width:50px;
	height:20px;
	color:#5c6d99;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
.txt_right textarea{
	
	width:330px;
	height:50px;
	color:#5c6d99;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}

/******************** fin formulaire *************************/	
	
	
	
.txt_left{
	margin:15px;
	padding:0;
	float:left;
	text-align:justify;
	width:370px;
	}
	
.txt_left ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0px;
	padding:0px;
	margin-left:20px;
	}
	
.txt_left ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	list-style-type:circle;
	margin:0px;
	padding:0px;
	}
	
/*.txt_left .lien{
	color:#03F;}*/

.txt_right span{
	font-weight:bold;
	font-style:italic;
	}
.txt_right a{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	}
.txt_right span.lettrine{
	font-size:22px;
	font-weight:bold;
	font-style:italic;
	color:#b1b9cd;
	}
.txt_left .bold{
	font-weight:bold;
	font-style:italic;
	}
h3{
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	}

a.liens:link{
color:#000066;
font-weight:bold;
text-decoration:none;
}

a.liens:visited{
color:#000066;
font-weight:bold;
text-decoration:none;

}

a.liens:hover{
color:#000066;
font-weight:bold;
text-decoration:underline;
}
	
/*************************** style calendrier ****************************/

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	width:183px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #7d0001;
	background-color: #ecbdad;
	border:1px solid #7d0001;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ecbdad;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #fff;
	border: 1px solid #7d0001;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #fff;
	font-weight:bold;
	border: 1px solid #7d0001;
	cursor: pointer;
	color: #7d0001;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #7d0001;
	border: 1px solid #fff;
	color: #fff;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #7d0001;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background: #7d0001;
	font-weight: bold;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background: #7d0001;
	font-weight: bold;
	padding:2px;
	margin:5px;
	}
	
span.normal{
	font-weight:normal;
	line-height:18px;
	}
	
table{
	margin-left:10px;
}

table a:link{
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}

table a:visited{
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}

table a:hover{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}