/* CSS Document */

*{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	list-style:none;
	text-decoration:none;
	border:none;
	font-size:12px;
}
html, body{
	position:relative; display:block; text-align:center;
	background:#ffffff url(../../fond/dia/bg_html.jpg) repeat-x top left;
	height:auto;
}
#body{
	position:relative; display:block;
	margin-left:auto; margin-right:auto;
	width:808px; min-height:550px; height:auto!important; height:500px;
	text-align:left;padding-bottom:45px;
}
#visuel{
	position:absolute; z-index:1; 
	width:99px; height:464px; 
	background:url(../../fond/dia/visuel_fleche.png) no-repeat top left;
	top:0px; right:-99px;
}
#top{
	height:117px; width:806px;
	background-color:#FFFFFF;
	border-left:1px solid #95adc7; border-right:1px solid #0f3f67;
	margin:0px;
}
.bgbottom_top{
	margin:0px;
	width:808px; height:10px;
	background:url(../../fond/dia/bgbottom_top.gif) no-repeat top left;
	margin-bottom:15px;
}
#logo{
	position:relative; float:left; display:block;
	width:404px; height:74px;
	background:url(../../fond/dia/logo.gif) no-repeat top left;
	text-indent:-99999px;
	margin-left:22px; margin-top:25px;
}
#logo a{display:block;width:404px; height:74px;}

/**** ESPACE DOC ****/
.espace_doc{
	position:relative; float:right;
	margin-right:15px; margin-top:5px;
	width:148px; height:25px;
	background:url(../../fond/dia/bout.gif) no-repeat bottom left;
	padding-left:10px; padding-right:15px; padding-top:5px;
	margin-left:150px;
}
.log_espace{display:block; background:url(../../fond/dia/verrou.gif) no-repeat top left; padding-left:18px;padding-top:2px;}
.espace_doc a{color:#003058; font-size:0.9em; font-weight:bold;}

/***** LOGIN *****/
#form_access{margin-top:20px; margin-left:10px;}
#form_access label{font-weight:bold;width:100px; position:relative; float:left; display:block;margin-bottom:6px;}
#form_access .input_access{position:relative; float:left; display:block;width:251px; height:18px; background:url(../../element/sa/input_login.gif) no-repeat top left;margin-bottom:6px;padding-top:3px;padding-left:2px;}
#form_access .submit{display:block; width:253px; height:21px; background:url(../../element/dia/connexion.gif) no-repeat top left; text-indent:-999999px; margin-left:100px; cursor:pointer;}

/******* RECHERCHE ******/
#search{
	position:relative; float:right;
	margin-right:15px; margin-top:5px;
	width:148px; height:25px;
	background:url(../../fond/dia/bout.gif) no-repeat bottom left;
	text-align:left;
	padding-left:10px; padding-right:15px; padding-top:5px;
	cursor:pointer;
}
.rech{display:block; background:url(../../fond/dia/recherche.gif) no-repeat top left; padding-left:18px;padding-top:1px;color:#003058; font-size:0.9em; font-weight:bold;}

.form_search{
	position:absolute; display:none; right:10px; margin-top:10px;
	background-color:#f0f0f0; border:1px solid #d0d0d0;
	width:280px;padding:5px; padding-top:9px;
}
#input_home{position:relative; float:flet;width:250px; border:1px solid #b4b4b4;padding:1px;margin-top:2px;}
.valid{position:relative; float:right;margin-top:2px;margin-right:3px;}

/****** FIL ARIANE **********/
#ariane{display:block; clear:both; width:785px;}
#ariane .left_a{position:relative; display:block; float:right; background:url(../../fond/dia/left_fil.gif) no-repeat top left; margin:0px; width:23px; height:16px;}
#ariane .right_a{position:relative; display:block; float:right; background:url(../../fond/dia/right_fil.gif) no-repeat top left; margin:0px; width:23px; height:16px;}
#ariane .ariane_dia{position:relative; display:block; float:right; background:url(../../fond/dia/bg_fil.gif) repeat-x top left; margin:0px; min-width:150px; width:auto!important; width:150px; height:16px; text-align:right;color:#ffffff;}
#ariane .ariane_dia a{color:#ffffff;}


/****** CONTENTS **********/
#contents{display:block; clear:both;  margin:0px; margin-bottom:15px;}
#contents .top_c{display:block; width:808px; height:10px; background:url(../../fond/dia/top_contenu.gif) no-repeat top left; margin:0px;}
#contents .bottom_c{display:block; width:808px; height:10px; background:url(../../fond/dia/bottom_contenu.gif) no-repeat top left; margin:0px;}
#contents .contents{display:block; width:806px; min-height:330px; height:auto!important; height:330px; background-color:#FFFFFF; border-left:1px solid #dedede; border-right:1px solid #dddddd; margin:0px;}


/***** MENU *****/
#menu{position:relative; float:left; display:block; width:140px; z-index:20;}
#menu li{display:block; width:126px; margin-bottom:12px;margin-left:5px;}
#menu li a{display:block; width:126px; height:24px; background:url(../../fond/dia/li_a.gif) no-repeat top left; color:#ffffff; text-align:center; padding-top:10px; font-weight:bold;}
#menu li a:hover{background:url(../../fond/dia/li_ahover.gif) no-repeat top left;}

#menu .d3{margin-bottom:10px;}
#menu .d3 a{height:37px; background:url(../../fond/dia/li_b.gif) no-repeat top left;padding-top:5px;}
#menu .d3 a:hover{background:url(../../fond/dia/li_bhover.gif) no-repeat top left;}

#menu .smenu{position:absolute; display:none; left:135px;margin-top:-35px; background-color:#01427d; border:1px solid #012749; width:190px;padding:5px;}
#menu .smenu li{margin-bottom:0px; width:190px;margin-left:0px!important;}
#menu .smenu li a{ text-align:left; height:auto; padding-top:2px; background:none!important; color:#ffffff;width:185px; border-bottom:1px dotted #4e7ba4; padding-bottom:3px; font-weight:normal; padding-left:5px;padding-top:4px;}
#menu .smenu li a:hover{background-color:#ffffff!important; color:#01427d!important;}
#menu .smenu .last a{border-bottom:none!important;}

#activlink a{background:url(../../fond/dia/li_ahover.gif) no-repeat top left!important;}
#activlink .l3{background:url(../../fond/dia/li_bhover.gif) no-repeat top left!important;}

/****** CONTENU ***********/
#contenu{
	position:relative; float:left;display:block; z-index:1;
	width:667px; min-height:335px; height:auto!important; height:335px; margin-right:-1px;
}
.article_accueil{margin-bottom:15px;}
.encart_accueil{
	position:relative; float:left; display:block;
	width:366px; min-height:228px; height:auto!important; height:228px;
	border:1px solid #e7e7e7;
	padding:10px; margin-right:15px;
}
.encart_video{position:relative; float:left; width:242px; height:185px; background-color:#333333; border:1px solid #666666;}

/****** ACTU **********/
.titreactu{display:block; width:760px; height:16px; background:url(../../fond/dia/titre_actu.gif) no-repeat top right; text-align:right; padding-top:3px;padding-right:25px; color:#ffffff;}
.titreactu span{background:url(../../fond/dia/actu.gif) no-repeat 0px 1px; padding-left:26px;}
.actu{
	display:block; 
	width:808px; height:130px; 
	background:url(../../fond/dia/bg_actu.gif) no-repeat top left;
	margin-bottom:15px; padding-top:10px;
}

/**** ACTU SLIDER ***/
#slideractu{position:relative; display:block;width:788px; height:98px;overflow:hidden;}
#slider{margin-left:25px; width:761px; height:90px; background:url(../../fond/dia/pointille.gif) repeat-y top left; padding-left:10px; overflow:hidden;}
#slider ul, #slider li{width:750px!important;margin:0;list-style:none;}
#slider li{height:85px;overflow:hidden; padding:5px; padding-top:0px;}
#slider strong{display:block; text-transform:uppercase;border-bottom:1px dotted #ffffff; margin-bottom:5px;}
span#prevBtn a{position:absolute; display:block; width:15px; height:12px; background:url(../../element/dia/prev.gif) no-repeat top left;top:0px;left:4px;}
span#nextBtn a{position:absolute; display:block; width:15px; height:12px; background:url(../../element/dia/next.gif) no-repeat top left;bottom:10px;left:4px;}	
#slider a{color:#000000;}
#slider a:hover{color:#a64b02}

.savplus{display:block; text-align:right; margin-top:5px; font-weight:bold;}

.allactus{display:block; float:right; width:126px; height:15px; background:url(../../element/dia/bout_actu.gif) no-repeat top left; margin-right:15px; text-align:right;}
.allactus a{color:#ffffff; font-size:1.0em; font-weight:bold; margin-right:4px;}

/************ CONTENU RUBS ****************/
.contenu{width:647px; padding:10px;}

.allactus a:hover{color:#ffaa07;}

/*** PAGE ACTUS ****/
.actu_rubs{display:block;float:left; width:45%; margin:5px; height:100px; overflow:hidden; border:1px solid #ebeced; padding:5px;}
.actu_rubs h4{margin-left:0px!important;}
.actu_rubs a{color:#023f76!important; font-weight:bold;}
.actu_rubs a:hover{color:#ffaa07!important;}

/************** FORMULAIRE CONTACT ***************/
#formulairepage{margin:25px;margin-top:10px;margin-bottom:0px;}
#formulairepage fieldset{position:relative; display:block; background-color:#f2f3f4; border:1px solid #b3b3b3;padding:5px;margin-bottom:10px;}
#formulairepage legend{font-size:1.1em; text-transform:uppercase; color:#333333; font-weight:bold;}
#formulairepage label{position:relative; display:block; float:left; width:160px; margin-bottom:5px;margin-left:60px; text-align:right; padding-right:5px;}
#formulairepage .ctext, #formulairepage .email{position:relative; display:block; float:left; width:300px; margin-bottom:5px; border:1px solid #999999;}
#formulairepage .mtext{position:relative; display:block; float:left; width:300px; margin-bottom:5px; border:1px solid #999999; height:115px;}
#formulairepage p{display:block; width:292px; margin-left:220px!important; margin-top:5px; text-align:center; font-size:0.9em;clear:both;}

#formulairepage .imgfield{display:block; width:300px; height:20px; background:url(../../element/dia/submit.gif) no-repeat top left; cursor:pointer;text-indent:-999999px;}

/************* GOOGLE MAPS **************/
#google_map{border:1px solid #666666; width:650px;margin-top:15px;}
#gmapDirTo p, #gmapDirFrom p{margin-left:0px!important;}
#gmapDirTo .gmapTextBox, #gmapDirFrom .gmapTextBox{border:1px solid #999999; background-color:#e0e0e0;}
.gmapDirButton{margin-left:5px; background-color:#425a83; width:80px; color:#ffffff;cursor:pointer;}
#gmapDirHead {padding-left:10px;}
#gmapDirHead a, #gmapDirTo a, #gmapDirFrom a{color:#000000; text-decoration:underline;}

/* plan */
#contenu #plan{display:block;clear:both;padding:0 0 20px 30px; margin:0 10px 20px;}
#contenu #plan li{display:block;margin-bottom:10px; list-style:none!important;}
#contenu #plan li a{ background:url(../../element/dia/puce_plus.gif) no-repeat 0px 3px; padding-left:15px;margin-bottom:5px;}
#contenu .plan li{margin-bottom:5px!important; }
#contenu .plan li a{ background:none!important;}
#contenu #plan li a{padding-left:15px; display:block;color:#000000;}

/****** PIED **********/
#pied{
	/*position:relative; display:block;
	margin-left:auto; margin-right:auto;*/
	position:absolute; bottom:0px; 
	background:url(../../fond/dia/bg_foot.gif) no-repeat top center;
	width:100%; height:20px;
	text-align:center;
	padding-top:16px;
	color:#000000; font-size:0.9em;
}
#pied a{font-size:1.0em; color:#000000;margin-left:10px; margin-right:10px;}
#pied a:hover{text-decoration:underline;}

/* outils */
.spacer{display:block; clear:both;}

/**** BLOCS HTML *****/
.colonne_gauche{position:relative; float:left; display:block; width:314px; border:1px solid #e7e7e7; padding:5px; margin-right:5px;}
.colonne_droite{position:relative; float:left; display:block; border:1px solid #e7e7e7; width:300px; padding:5px;}

.encadre_orange{display:block;width:175px; height:117px; background:url(../../fond/dia/encadre_orange.gif) no-repeat top left; color:#ffffff;padding-top:8px; padding-left:25px; padding-right:15px;}
.encadre_orange p, .encadre_orange a{color:#ffffff!important;}
.encadre_orange p{margin-left:0px!important; margin-right:0px!important;}
.encadre_orange a:hover{color:#000000!important;}
.encart_point{display:block; clear:both; background:url(../../fond/dia/pointille.gif) repeat-y top left; padding-left:10px;}