/* CSS Document */

body{
	margin:0pt auto;
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	background-color:#a0a532;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, ul, li{
	margin:0; 
	padding:0;
	border:0px;
}

h1{
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
}
h2{
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#e4d7bd;
	font-weight:bold;
	line-height:20px;
	margin:0;
}
h3{
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
}
h4{
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	font-weight:bold;
	color:#000;
	clear:left;
	padding-top:16px;
}
h4.Anglais{
	font-size:20px;
	clear:none;
}

p{
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#FFF;
	line-height:18px;
}

a:active {color: #d1a362; text-decoration:underline;}
a:link {color: #d1a362; text-decoration:underline;}
a:visited {color: #d1a362; text-decoration:underline;}
a:hover {color: #d1a362; text-decoration:underline;}


/* #####################
		TEMPLATE
   #####################*/

#Container{
	margin:0px auto;
	width:981px;
	min-height:993px;
	height:auto!important;
	height:993px;
	background:url(images/shadows.gif) repeat-y top;
}
#SubContainer{
	margin:0px auto;
	padding-bottom:6px;
	width:960px;
	min-height:993px;
	height:auto!important;
	height:993px;
	background:url(images/accueil.jpg) no-repeat top #e4d7bd;
}

#Banner{
	/*float:left;*/	
	width:960px;
	height:379px;
}

#Button_logo{
	float:left;
	cursor:pointer;
	height:150px;
	margin:162px 0 0 27px!important;
	margin:162px 0 0 15px;
	width:205px;
}
#Logo_ov{
	display:none;
	float:left;
	width:40px;
	height:15px;
	margin:43px 0 0 152px!important;
	margin:43px 0 0 75px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#ContentContainer{
	margin:0px auto;
	width:886px;
	min-height:530px;
	height:auto!important;
	height:530px;
}
#Main_Menu{ 
	float:left;
	width:886px;
	height:45px;
	background:url(images/bg_menu.png) no-repeat;
}
#Main_Menu ul{
	margin-left:15px;
}
#Main_Menu ul li{
	float:left;
	display:inline;
	margin:8px 7px 0 7px;
}
#Coordonnee{
	float:left;
	width:306px;
	height:45px;
}
#Coordonnee table{
	margin:13px 0 0;
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#FFF;
}
#Content{
	float:left;
	width:886px;
	min-height:488px;
	height:auto!important;
	height:488px;
	background:url(images/bg_content.jpg) top left no-repeat #626437;
	/*padding:20px;*/
}
#SubMenu{ 
	float:left; 
	width:156px!important; 
	width:146px; 
	margin-left:-10px;
	margin-top:10px;
}
#SubMenu ul li{
	display:inline;
	list-style:none;
	margin:0px;
}

#MainContent{
	float:left;
	width:725px;
	min-height:488px;
	height:auto!important;
	height:488px;
	margin:10px 5px 0 0px;
}
#MainContent p{
	margin:13px 0 0 0;
}
#curves{ float:left;width:886px; height:20px; background-color:#626437; margin-bottom:3px;}

#Footer{
	margin:0px auto;
	padding-top:20px;
	clear:left;
	width:886px;
	text-align:center;
}

/* bottom navigation links */
a.bottom:active {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400; text-decoration:underline;}
a.bottom:link {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400;  text-decoration:underline; }
a.bottom:visited {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400; text-decoration:underline;}
a.bottom:hover {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400;  text-decoration:underline; }
.Footer{font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400;margin:0pt auto; }

/* #####################
		ACCUEIL
   #####################*/
#AccLeft{
	float:left;
	width:400px;
	margin:10px 40px 0 15px!important;
	margin:10px 20px 0 15px;
}
#AccLeft h1{
	color:#FFF;
}
#MainContent #AccLeft p{
	font-size:16px; 
	line-height:18px; 
	margin-top:20px;
}
#AccRight{
	float:left;
	width:268px;
}
/* #####################
		SUJET
   #####################*/
#Sujet{
	float:left;
	width:668px;
	margin:10px 0 0 15px;
}   

#Sujet h2{
	margin:20px 0 0 ;
}  
#Sujet h3{
	margin:12px 0 0 5px;
	color:#e4d7bd;
} 

.Citation{ font-weight:bold; font-size:17px; font-style:italic;}
.Auteur{ 
	font-size:14px;
	margin-bottom:0px;
	width:350px;
}
/* #####################
		NOUVELLES
   #####################*/
.News{
	width:668px;
	min-height:165px;
	height:auto!important;
	height:165px;
}
#Trombonne{
	position:absolute;
	width:52px;
	height:81px;
	/*background:url(images/trombonne.png) no-repeat;*/
	margin:-23px 0 0 420px;
	z-index:99999;
}
.NewsTop{
	width:668px;
	height:13px;
	background:url(images/bg_news_top.jpg) no-repeat;
}

.NewsContent{
	width:623px;
	background:url(images/bg_news.jpg) repeat-y;
	padding:2px 20px 15px 20px;
	min-height:130px;
	height:auto!important;
	height:130px;
}
#Sujet .NewsContent h2{
	font-size:25px;
	color:#836f48;
	margin-top:3px;	
} 
#Sujet .NewsContent p{
	color:#3b2e14;
} 


.NewsBottom{
	width:668px;
	height:14px;
	background:url(images/bg_news_bottom.jpg) no-repeat;
		
}   
/* #####################
	FAST NEWS ACCUEIL
#####################*/
.FastNews{
	width:268px;
	height:212px;
	background:url(images/acc_pub_nouvelles.jpg) no-repeat;
}
.FastNews2{
	width:268px;
	height:212px;
	background:url(images/acc_pub_nouvelles_en.jpg) no-repeat;
}
.FastNewsContent{
	width:230px;
	height:110px;
	margin: 50px 0 10px 20px;
	float:left;
	overflow:hidden;
}
.FastNewsContent h2{
	color:#51522d;
	font-size:14px;
	text-decoration:underline;

}
#MainContent .FastNewsContent p{
	color:#51522d;
	font-size:12px;
	margin-top:4px;
	line-height:14px;
}
.FastNewsContent img{
	border:1px solid #d1a362;
	float:left;
	margin-right:8px;
}
.NewsButton{
	width:160px;
	height:30px;
	cursor:pointer;
	margin:0 0 0 30px;
	float:left;
}
/* #####################
		CONTACT MAP
   #####################*/
#Contact{	
	float:left;
	width:688px;
	margin:10px 0 0 15px;
}
#Map{ width:708px; height:265px;}
#MapContent{ float:left; width:344px;}
#TheMap{float:right; padding:4px; background-color:#dfb177; border:1px solid #54341f;}
#MapCoordonnee{float:left; width:349px; height:117px; padding:8px; background-color:#dfb177; margin-top:8px;}

#MapCoordonnee .Days{ margin-left:20px;}
#MapCoordonnee .Hour{margin-left:35px;}
/* #####################
		FORMULAIRE
   #####################*/
Form Table{ color:#FFF; margin-top:15px; text-transform:uppercase; font-size:12px;}
Input,textarea,select{
	border:1px solid #acacac;
	margin-bottom:15px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	padding:1px 2px 0 5px;
}
Input{ width:240px; height:21px; clear:left;}
textarea{width:560px; height:85px;}


label {	margin:0 0 0 15px;}

.error{
	color:#ff5a5a;
	float:right;
	margin-right:15px!important;
	margin-right:0px;
	padding:0!important;
	padding:10px;
}
.Chk{ width:12px; height:12px; margin:2px; padding:0; background:inherit; border:none;}

.Message{color:#ff5a5a;}
#Contact strong{float:left;}

div .ErrorMessage{ display: none; color: #ff5a5a; margin-left:15px; text-transform:inherit;}
div .ErrorMessageRight{ display: none; color: #ff5a5a; margin-right:10px; float:right; text-transform:inherit;}
/* #####################
		RECAPTCHA
   #####################*/
#recaptcha_table{ background-color:#FFF; padding:20px;}
#recaptcha_logo, #recaptcha_tagline{ display:none;}
#recaptcha_widget_div{ margin:0 auto;width:400px;}
#recaptcha_area {

padding:8px 0 5px 15px;
width:380px;
margin:auto;
margin-top:10px;
}
.recaptchatable #recaptcha_response_field { height:14px; font-size:10px;}

/* #####################
		UNIVERSEL
   #####################*/

.FloatLeft{ float:left;}
.FloatRight-20{ float:right; margin:25px 45px 0 0;}
.FloatRight{ float:right; margin-left:10px; margin-top:5px;clear:right;}

.FloatLeft-Image{ float:left; margin:0 20px 0 0;}
.FloatRight-Image{ float:right; margin:0 0 0 25px;}
/* ############ 
	HACK pour stretch div dans firefox
   ############
*/

/* ############ 
	PNG FIX FOR IE6
   ############
*/
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}