/* CSS Document */
*{
	margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
html#index{
	text-align:center;
	background:#cbb087 url(../fond/bg_html.jpg) repeat-x 0px -60px;
}
html{text-align:center;	background:#dfc195 url(../fond/bg_body.jpg) repeat-x top center;}
#body_index{
	position:relative; 
	margin-left:auto; margin-right:auto;
	width:1000px; min-height:500px; height:auto!important; height:500px;
	text-align:left;
}
#body{
	position:relative; 
	margin-left:auto; margin-right:auto;
	width:1000px; min-height:550px; height:auto!important; height:550px;
	text-align:left;
}
#animation{position:absolute; z-index:1; width:1000px; height:427px; margin-top:80px;}
#body_index #logo{
	position:absolute; z-index:2;
	width:339px; height:211px;
	background:url(../fond/logo.png) no-repeat top left;
	right:10px; top:10px;
	text-indent:-9999px;
}
#body_index #logo a{ display:block; width:339px; height:211px;text-indent:-9999px; outline:none;}

#body #logo{
	position:absolute; z-index:2;
	width:237px; height:147px;
	background:url(../element/logo_rub.png) no-repeat top left;
	right:40px; top:10px;
	text-indent:-9999px;
}
#body #logo a{ display:block; width:237px; height:147px; text-indent:-9999px; outline:none;}


#body_index #menu_top{
	position:relative; float:left; 
	width:500px; 
	margin-top:63px; margin-left:160px;
}
#body #menu_top{
	position:relative; float:left; 
	width:500px;
	margin-top:15px; margin-left:160px;
}
#menu_top li{position:relative; float:left; color:#000000; margin-right:15px; list-style:none; }
#menu_top a{display:block; text-decoration:none; color:#000000; outline:none; height:18px;}
#menu_top .accueil{background:url(../element/home.png) no-repeat 0 0; padding-left:20px;}
#menu_top .contact{background:url(../element/contact.png) no-repeat 0px 3px; padding-left:20px;}
#menu_top .sitemap{background:url(../element/sitemap.png) no-repeat top left; padding-left:20px;}
#menu_top .legale{background:url(../element/star.png) no-repeat top left; padding-left:15px;}
#menu_top .agendamanifs{background:url(../element/agenda.png) no-repeat 0 0; padding-left:20px;}
#menu_top a:hover{color:#000000; text-decoration:underline;}


#actualites{
	position:relative; float:right; z-index:5;
	width:515px; height:195px;
	margin-top:170px;
}
#actualites h2{color:#281f16; font-size:2.0em; text-transform:uppercase; margin-bottom:5px;}
#slideractu ul, #slideractu li{margin:0;padding:0;list-style:none;}
#slideractu, #slideractu li{ 
	position:relative; display:block;
	width:465px;height:155px;
	overflow:hidden;	
}
#slideractu{background:url(../element/pix_black.png) repeat;}
#slideractu li{width:465px;height:155px; color:#FFFFFF;}

#slideractu li p{color:#ffffff; margin-bottom:10px;}
#slideractu li img{position:relative; float:left; margin:10px;border:1px solid #000000; max-height:130px;}
#slideractu a{display:block; font-weight:bold; text-decoration:none;color:#ffffff; font-size:1.1em; outline:none;}
#slideractu a:hover{text-decoration:underline}
#slideractu h2{font-size:1.2em; color:#4acaf9; margin-bottom:10px;}
#slideractu h2 a{font-size:1.0em; color:#4acaf9!important;}

#prevBtn, #nextBtn{
	position:absolute;
	z-index:20;display:block;
	width:34px; height:123px;
	top:20px; left:-33px;
}
#nextBtn{left:464px;}
#prevBtn a, #nextBtn a{ 
	background:url(../element/prev.png) no-repeat top left;
	display:block;
	width:34px; height:123px;
	text-indent:-99999px;
	outline:none;
}
#nextBtn a{background:url(../element/next.png) no-repeat top left;}	
#slideractu img{position:absolute; z-index:1; left:0px; max-width:430px;}

#message{
	position:relative; float:right; z-index:5;
	width:445px; height:110px;
	margin-top:170px; margin-right:50px;
	padding:10px;
	background:url(../element/pix_black.png) repeat;
	color:#FFFFFF;
}
#message h2{font-size:1.2em; color:#4acaf9; margin-bottom:10px;}
#message strong{font-size:1.0em;}
#message p{color:#ffffff; font-size:1.1em; margin-bottom:10px;}


#body_index #menu{
	position:absolute; z-index:20;
	width:1000px; height:120px; 
	margin-left:50px; top:450px;
}
#body_index #menu li{position:relative; float:left;margin-right:20px; list-style:none;}
#body_index #menu a{display:block; width:115px; color:#FFFFFF; text-align:center; text-transform:uppercase; font-size:1.2em; padding-top:85px; text-decoration:none; outline:none; font-weight:bold;}
#body_index #menu .comprendre{background:url(../element/menu_comprendre.png) no-repeat center top;}
#body_index #menu .territoire{background:url(../element/menu_territoire.png) no-repeat center top;}
#body_index #menu .vivre{background:url(../element/menu_vivre.png) no-repeat center top;}
#body_index #menu .entreprendre{background:url(../element/menu_entreprendre.png) no-repeat center top;}
#body_index #menu .decouvrir{background:url(../element/menu_decouvrir.png) no-repeat center top;}
#body_index #menu .respecter{background:url(../element/menu_respecter.png) no-repeat center top;}
#body_index #menu .transfrontalier{background:url(../element/menu_transfrontalier.png) no-repeat center top;}

#body_index #menu .comprendre:hover{background:url(../element/menu_comprendre_hover.png) no-repeat center top;}
#body_index #menu .territoire:hover{background:url(../element/menu_territoire_hover.png) no-repeat center top;}
#body_index #menu .vivre:hover{background:url(../element/menu_vivre_hover.png) no-repeat center top;}
#body_index #menu .entreprendre:hover{background:url(../element/menu_entreprendre_hover.png) no-repeat center top;}
#body_index #menu .decouvrir:hover{background:url(../element/menu_decouvrir_hover.png) no-repeat center top;}
#body_index #menu .respecter:hover{background:url(../element/menu_respecter_hover.png) no-repeat center top;}
#body_index #menu .transfrontalier:hover{background:url(../element/menu_transfrontalier_hover.png) no-repeat center top;}

/* RUBRIQUE */
#banner{
	position:relative; float:left; display:block;
	width:1000px; height:186px; 
	background:url(../element/banner.png) no-repeat top left;
	margin-bottom:5px;
}
#body #menu{
	position:relative; z-index:20;
	width:1000px; height:45px;
}
#body #menu li{position:relative; float:left; margin-right:10px; list-style:none;}
#body #menu a{display:block; color:#000000; text-transform:uppercase; font-size:1.1em; height:29px; padding-left:40px; padding-top:10px; text-decoration:none; outline:none; font-weight:normal;}
#body #menu a:hover{color:#666666;}
#body #menu .comprendre{background:url(../element/menu_comprendre_r.png) no-repeat top left;}
#body #menu .territoire{background:url(../element/menu_territoire_r.png) no-repeat top left;}
#body #menu .vivre{background:url(../element/menu_vivre_r.png) no-repeat top left;}
#body #menu .entreprendre{background:url(../element/menu_entreprendre_r.png) no-repeat top left;}
#body #menu .decouvrir{background:url(../element/menu_decouvrir_r.png) no-repeat top left;}
#body #menu .respecter{background:url(../element/menu_respecter_r.png) no-repeat top left;}
#body #menu .transfrontalier{background:url(../element/menu_transfrontalier_r.png) no-repeat top left;}

#body #menu .comprendre:hover{background:url(../element/menu_comprendre_rhover.png) no-repeat top left;}
#body #menu .territoire:hover{background:url(../element/menu_territoire_rhover.png) no-repeat top left;}
#body #menu .vivre:hover{background:url(../element/menu_vivre_rhover.png) no-repeat top left;}
#body #menu .entreprendre:hover{background:url(../element/menu_entreprendre_rhover.png) no-repeat top left;}
#body #menu .decouvrir:hover{background:url(../element/menu_decouvrir_rhover.png) no-repeat top left;}
#body #menu .respecter:hover{background:url(../element/menu_respecter_rhover.png) no-repeat top left;}
#body #menu .transfrontalier:hover{background:url(../element/menu_transfrontalier_rhover.png) no-repeat top left;}

#col_left{
	position:relative; float:left; display:block; z-index:2;
	width:218px; min-height:400px; height:auto!important; height:400px;
	border:5px solid #ffffff; background-color:#eddabf;
	margin-right:11px; margin-left:5px; margin-bottom:20px; 
}
#col_right{
	position:relative; float:left; display:block; z-index:1;
	width:739px; min-height:400px; height:auto!important; height:400px;
	border:5px solid #ffffff; background-color:#ffffff; margin-bottom:20px; 
}
#top_contenuleft{
	position:absolute; display:block; z-index:1;
	width:239px; height:251px;
	background:url(../fond/bg_contenu01.jpg) no-repeat top left;
	left:-10px; top:-5px;
}
#top_contenuright{
	position:absolute; display:block; z-index:1;
	width:761px; height:251px;
	background:url(../fond/bg_contenu02.jpg) no-repeat top left;
	left:-10px; top:-5px;
}

#sousmenu{position:relative; float:left; z-index:2; width:217px;margin-top:5px; margin-left:1px; padding-top:5px;}
#col_left .vert{border-top:15px solid #c7d23f;}
#col_left .rose{border-top:15px solid #ff3fb9;}
#col_left .bleu{border-top:15px solid #4acaf9;}
#col_left .orange{border-top:15px solid #ffa10e;}
#col_left .violet{border-top:15px solid #8c5bfa;}
#sousmenu li{display:block; float:none; list-style:none; background:url(../element/border_smenu.gif) repeat-x bottom left; padding-top:5px; margin-left:10px; margin-right:10px;}
#ssmenulast{background:none!important}
#sousmenu a{position:relative; display:block; margin-left:-10px; background:url(../element/smenu.png) no-repeat 0px 3px; padding-left:10px;padding-bottom:5px; text-decoration:none; color:#000000; font-size:1.1em;}
#sousmenu a:hover{background:url(../element/smenu_active.png) no-repeat 0px 3px; }
#sousmenu .ssmenuouvert{background:url(../element/smenu_active.png) no-repeat 0px 3px!important;}

#contenu_left{position:relative; float:left; display:block; z-index:2; width:197px; padding:10px;}
#contenu_left h2{font-size:1.3em!important; color:#325aa1; text-transform:uppercase;margin-bottom:5px;}
#contenu_left p{margin-bottom:10px;}
#contenu_left a{color:#000000}

#ariane{position:relative; float:left; z-index:2; width:650px; height:28px; padding-top:10px; padding-left:10px; color:#666666}
#ariane a{color:#666666} #ariane a:hover{color:#000000}
#contenu{
	position:relative; float:left; z-index:2;
	width:710px; margin-left:10px;
}

/* FORMULAIRE */
#formulairepage{margin-left:25px; margin-right:25px;}
#formulairepage fieldset{border:1px solid #aea18e; background-color:#e3d6c4; padding:15px; margin-bottom:10px;}
#formulairepage fieldset legend{padding-left:5px; padding-right:5px; font-size:1.4em; text-transform:uppercase; color:#523b2d; font-weight:bold; font-style:italic;}
#formulairepage label{display:block; clear:both;}
#formulairepage label strong{display:block; position:relative; float:left; width:200px; text-align:right; padding-right:10px;}
#formulairepage label strong span{font-size:1.3em; font-weight:normal!important;}
#formulairepage .ctext, #formulairepage .mtext, #formulairepage .select, #formulairepage .email{width:350px; border:1px solid #a08c80;margin-bottom:5px;}
#formulairepage .mtext{height:120px}
#formulairepage .listeform{position:relative; float:left;width:350px; margin-left:0px!important;}
#formulairepage .listeform li{list-style:none;}
#formulairepage .submit{border:0px; background-color:#533a39; text-align:center; padding:3px; color:#ffffff; text-transform:uppercase; font-size:1.2em; font-weight:bold; width:350px; margin-left:210px; cursor:pointer;}
#formulairepage .noteform{display:block; width:350px; margin-left:210px; text-align:center; font-style:italic;margin-top:10px;}

#pied{width:735px; margin-left:250px; text-align:center; color:#ffffff; padding-bottom:20px;}
#pied p{font-size:1.0em;}
#pied a{color:#ffffff; font-size:1.0em;}

.spacer{display:block; clear:both;}