@charset "utf-8";
/* CSS Document */

*{margin: 0; padding: 0; border:none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1{ font-size: 22px; font-weight:bold; margin-bottom: 20px; color:#78000d}
body{ background: #b4b4b4;}
#all{ width: 960px; overflow: auto; margin: 0 auto; position:relative}
#header{ background:url(images/header.jpg) no-repeat; height: 225px; width: 960px;margin-top: 10px; position: relative }

#flag{ position:absolute; bottom: 10px; right: 12px;}


#nav{ width: 960px; background: #dcdcdc;z-index: 2000; border-bottom: none; border-top: none; height: 60px; position:relative}
#content{ width: 960px; background: #dcdcdc; overflow:auto;  border-bottom: none; border-top: none; padding-bottom:30px;}

#logo{ position: absolute; top: -10px; left: -10px; background:url(images/logo.png); width:243px; height: 244px; z-index:200}

#footer{ background:#83888b;width: 930px; font-weight:normal; border-top:none; color: #fff;padding:5px;text-align: center; padding-left: 15px; font-size: 13px; padding-right: 15px; margin-bottom:10px;  }
#footer a{ color:#FFF; text-decoration: none;}
#footer a:hover{ text-decoration: underline;}
	#col_left{ float: left; width: 400px;  margin-left:10px; display:inline}
#col_right{ float: right; width:502px; margin-right:10px; background: #fff;padding: 10px; text-align:justify; display: inline;border:1px #666 solid}
#col_right_long{ float: right;width: 920px; margin-right:10px; background: #fff;padding: 10px; text-align:justify; display: inline;border:1px #666 solid}

#content_long{ float: left; width: 500px; margin-left:10px; width: 915px; margin-top: 10px;background: #f6f2ea;padding: 10px; text-align:justify; display: inline; overflow:auto}



/* Easy Slider */

	#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:390px;
	height:241px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:12px;
	height:12px;
	float: left;
	left:-30px;
	top:71px;
	margin-top:5px;
	}	
#nextBtn{ 
	margin-left:365px;
	display:inline
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:12px;
	height:12px;
	background: red;	
	}	
#nextBtn a{ 
	background:url(images/right.png) no-repeat 0 0;	
	}
#prevBtn a{ 
	background:url(images/left.png) no-repeat 0 0;	
	}	
/* // Easy Slider */



=================================================================== */
#c_menu{  position:relative; margin-top: 20px;}
ul.menu {list-style:none; margin:0; padding:0; position: absolute; right: 10px;top:10px;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#5b2e17; text-decoration:none}
ul.menu li {position:relative; float:left;margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0;  display:none; opacity:0; list-style:none; margin-top:5px;}
ul.menu ul li {position:relative;left:2px; border:1px solid #78000d; border-top:none; width: 114px; }
ul.menu ul li a {display:block; padding:5px;  text-align: center; background:#fff}
ul.menu ul li a:hover {background: #78000d ; color:#fff}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink { padding:5px; text-align:center; font-weight:bold; background: url(images/bg_menu.png) top; color:#FFF; width: 110px;}
ul.menu .menulink:hover, ul.menu .menuhover {background: url(images/bg_menu.png) bottom; color: #fff}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}



/* gestion diapo */

.mini_diapo{ float: left; margin-right: 10px; padding: 10px; border:1px #CCC solid; background: #fff; margin-bottom: 10px;}
.choix{margin-bottom:10px; background: #fff;padding: 10px;color:#333;border:1px #CCC solid}
#apercu,#save{ float: left;border:1px #CCC solid; background: #fff; color:#333; padding:10px; margin-right: 10px; display: block; margin-top:10px;}
#apercu:hover,#save:hover{ background: #83888b; color:#fff; cursor:pointer;border:1px #333 solid; }

/* gestion diapo */


#newsletter{ float:left; width:390px;border:1px #666 solid; padding:5px; margin-top: 20px; background: #fff; overflow:auto}

#newsletter #email{ height: 25px; border: 1px #78000d solid; width: 320px; margin-top: 5px; float:left; padding-left: 4px;}
#newsletter #sbn{height:27px; line-height: 27px; width: 50px; margin-left: 4px; background:#83888b; color:#fff; margin-top: 5px;}
#newsletter #sbn:hover{ background:#78000d; cursor: pointer}

table input{ border: 1px solid #333; width: 200px;}
table textarea{ border: 1px solid #333; width: 200px; height: 100px;}
 #sbn_reserver{ float: right; margin-right:30px; display:inline; width: 202px; height: 30px; line-height:30px; background:#83888b; color:#fff; margin-top: 5px;}
 #sbn_reserver:hover{ background:#78000d; cursor: pointer}
 .error{ padding: 10px; border: 1px solid #d00a0a; color:#d00a0a; background: #ffd8d8 ; margin-bottom: 10px; }
 
  #form_news{ }
 #form_news .in{ border: 2px solid #7f0e1a; width: 500px; margin-bottom: 5px; height: 25px;}
  #form_news textarea{ border: 2px solid #7f0e1a; width: 500px; margin-bottom: 5px; height: 400px;}
  .btn_sbm{ float: left;border:1px #CCC solid; background: #fff; color:#333; padding:10px; margin-right: 10px; display: block; margin-top:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;}
.btn_sbm:hover{ background: #83888b; color:#fff; cursor:pointer;border:1px #333 solid; }