/* CSS Document */

*{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	list-style:none;
	text-decoration:none;
	border:none;
	font-size:12px;
}
html{
	position:relative;
	background:#ffffff url(../fond/bg_body.jpg) repeat-x top center;
	text-align:center;
}
#body{
	position:relative;
	width:1003px; min-height:550px; height:auto!important; height:550px;
	margin-left:auto; margin-right:auto; margin-bottom:0px;
}

#logo{
	position:absolute; z-index:10;
	width:154px; height:123px; margin-left:10px;
	background:url(../fond/logo.png) no-repeat top left;
	text-indent:-99999px;
}
#logo a{display:block;width:154px; height:123px;}
#banner{
	position:relative; display:block; z-index:1;
	width:950px; height:260px;
	background:url(../fond/banner.jpg) no-repeat top left;
	margin-left:46px; margin-top:34px;
}

#menu{
	position:relative; display:block; z-index:20;
	width:954px; height:25px;
	margin-top:-34px;margin-left:46px; margin-bottom:17px;
}
#menu li{float:left; border-right:1px solid #cf6091;}
#menu .last{border-right:none!important;}
#menu a{
	display:block; height:15px;	
	padding-left:21px; padding-right:20px; padding-top:6px; padding-bottom:3px;
	color:#ffffff; text-transform:uppercase; font-size:1.0em;/* font-weight:bold; */
	text-align:center;
}
#menu a:hover{background:#d93780 url(../fond/bg_ahover.jpg) repeat-x top left;color:#ffb911;}
#activlink{color:#ffb911!important;}

#menu .smenu{
	position:absolute; display:none;
	background:#a02c5e url(../fond/bg_smenu.jpg) repeat-x top left;
	border:1px solid #b8b8b8;
	padding:5px;
}
#menu .smenu {width:200px;margin-top:4px;}
#smenulast{margin-left:-38px;}
#menu .smenu li{float:none!important; border-right:none!important; border-bottom:1px dotted #96748d;}
#menu .smenu .lastsmenu{border-bottom:none!important;}
#menu .smenu a{
	height:auto!important;
	padding-left:5px!important; padding-right:5px!important; padding-top:2px!important;
	text-transform:none!important; text-align:left!important;
}

#menutop{position:absolute;top:30px; left:170px; z-index:10;}
#menutop li{float:left;}
#menutop a{display:block; float:left;color:#cacaca;border-right:1px solid #868686; padding-right:5px;  margin-right:5px; height:12px;}
#menutop a:hover{color:#ffffff;}

#menu .sousousmenu{
	position:absolute;width:200px;
	background:#73163e url(../fond/bg_sousmenu.jpg) repeat-x top left;
	border:1px solid #b8b8b8;
	padding:5px; margin-left:205px; margin-top:-25px;
}

/*************************************************** INDEX ********************************************************/
#index_col1{
	position:relative; float:left; display:block; z-index:1;
	margin-left:46px; margin-right:10px;
	width:285px; min-height:390px; height:auto!important; height:390px;
}
#index_col2{
	position:relative; float:left; display:block; z-index:1;
	margin-right:10px;
	width:430px; min-height:390px; height:auto!important; height:390px;
}
#index_col3{
	position:relative; float:left; display:block; z-index:1;
	width:215px; min-height:390px; height:auto!important; height:390px;
}
/** colonne 1 ****/
.devdurable{width:285px; height:190px;overflow:hidden;margin-bottom:10px;}
.devdurable img{border:1px solid #000000; position:absolute; left:0px; z-index:1;}
.devdurabletext{
	position:absolute; z-index:20;
	width:137px; height:180px; padding:5px;
	background:url(../fond/bg_black_trans.png) repeat-y top left;
	text-align:left; color:#ffffff;
}
.devdurable h2{ color:#ffffff; text-transform:uppercase; font-weight:bold; font-size:1.2em;margin-bottom:5px;}
.ensavplus{text-indent:-99999px; display:block; width:120px; height:17px; background:url(../element/savplus_dev.gif) no-repeat top left; cursor:pointer; margin-top:10px;margin-left:8px;}

.one_clic{
	position:relative; display:block;
	width:275px; height:176px; padding:5px;
	background:url(../fond/bg_encart_bg.jpg) no-repeat top left;
	text-align:left;
}
.one_clic h2, .one_clic_rub h2{color:#5ec4ff; text-transform:uppercase; font-size:1.2em; letter-spacing:0.05em; font-weight:500; border-bottom:1px solid #315077; padding-bottom:3px; margin-bottom:3px;}
.one_clic ul, .one_clic_rub ul{margin-top:8px;margin-left:25px;}
.one_clic li, .one_clic_rub li{ list-style:url(../element/starli.png); list-style-position:outside;}
.one_clic a, .one_clic_rub a{color:#ffffff;}
.one_clic a:hover, .one_clic_rub a;hover{color:#5ec4ff;}

/**** colonne 2 ******/
.actu_index{
	display:block; width:430px; height:261px;
	background-color:#CCCCCC;
	margin-bottom:10px;	
}
.actu_index h2{
	background:url(../fond/bg_titregris.gif) repeat-x top left;
	height:21px; padding-top:1px; padding-left:5px;
	text-align:left; color:#5aa8ff; font-weight:bold; text-transform:uppercase; font-size:1.3em;
	border-bottom:1px solid #000000;
}

.agenda_index{
	display:block; width:430px; height:133px;
	background:url(../fond/bg_agenda.gif) repeat-x top left;;
}
.agenda_index h2{
	background:url(../fond/bg_titregris.gif) repeat-x top left;
	height:20px; padding-top:2px; padding-left:33px;
	text-align:left; color:#5aa8ff; font-weight:bold; text-transform:uppercase; font-size:1.2em;
}
.agendaimg{
	position:absolute; width:27px; height:29px;
	background:url(../element/agenda.gif) no-repeat top left;
	left:0px;margin-top:-29px;
}

.allactu, .alldates{position:absolute; color:#60a1e7; font-size:0.9em; right:5px; margin-top:-19px;}
.allactu:hover, .alldates:hover{color:#ffffff;}

/* slider actualites */
#slideractu ul, #slideractu li{margin:0;padding:0;list-style:none;}
#slideractu, #slideractu li{ 
	position:relative; display:block;
	width:430px;height:238px;
	overflow:hidden;
	background-color:#999999;
}
#prevBtn, #nextBtn{
	position:absolute;
	z-index:20;display:block;
	width:19px; height:22px;
	top:220px; left:5px;
}
#nextBtn{left:405px;}
#prevBtn a, #nextBtn a{ 
	background:url(../element/prev.png) no-repeat top left;
	display:block;
	width:19px; height:22px;
	text-indent:-99999px;
}
#nextBtn a{
	background:url(../element/next.png) no-repeat top left;
}	
#slideractu img{position:absolute; z-index:1; left:0px; max-width:430px;}
#slideractu .textactu{
	position:absolute; z-index:10; left:0px; bottom:0px;
	width:350px; height:64px; padding-left:40px; padding-right:40px; padding-top:6px;
	background:url(../fond/bg_textactu.png) repeat-x top left;
	color:#ffffff; text-align:left;
}
#slideractu .textactu strong{display:block; font-size:1.1em; text-transform:uppercase; margin-bottom:5px;}
#slideractu .textactu a{color:#ffffff;}

/** slider agenda **/
div.scrollable {
	position:relative;
	overflow:hidden;
	width: 364px;
	height:94px;
	margin-left:34px; margin-top:5px;
}
#thumbs {
	position:absolute;
	width:40000em;
	clear:both;
}

a.prev, a.next{
	position:absolute;display:block; margin-top:45px; left:5px;
 	background:url(../element/prev_gris.png) no-repeat top left;
	width:19px; height:22px;
 	cursor:pointer;
}

a.next{background:url(../element/next_gris.png) no-repeat top left;margin-top:-55px; left:405px;}
a.disabled {
	visibility:hidden !important;
}

#thumbs div { 
	position:relative;
    float:left; 
    width:178px; 
    height:93px; 
    background-color:#999999; 
    color:#fff; 
    border:2px solid #ffffff; 
    cursor:pointer; 
	overflow:hidden;
} 
#thumbs div img{
	position:absolute; z-index:1;
	left:0px; max-width:178px;
}
#thumbs div p{
	position:absolute; z-index:10;
	background:url(../fond/bg_textactu.png) repeat-x top left;
	bottom:0px; right:0px; width:141px; height:33px; color:#FFFFFF;
	text-align:left; padding-left:5px;
}
#thumbs div p:hover{ background-image:none!important; background-color:#000000;}
#thumbs div a{color:#ffffff;}#thumbs div a:hover{color:#5aa8ff;}
#thumbs .date{
	position:absolute; z-index:10;
	bottom:0px; left:0px;
	background-color:#000000;
	width:29px; height:31px;
	border-right:1px solid #ffffff; border-top:1px solid #ffffff;
	font-weight:bold;
}
#thumbs .date a:hover{color:#5aa8ff;}
/**** colonne 3 ****/
.recherche{text-align:left;}
.input_home{
	width:192px; height:16px;
	background:url(../element/searchtxt.gif) no-repeat top left;
	vertical-align:super;
	padding-top:1px; padding-left:3px;
}
.valid{width:15px; height:16px;margin-bottom:1px;}

.coordonnees{
	display:block; width:205px; height:79px;
	padding:5px; padding-bottom:103px; margin-bottom:5px;
	background:#6b91d6 url(../fond/enc_coord.jpg) no-repeat bottom left;
	text-align:left;
}
.coordonnees h2{font-size:1.0em; color:#ffffff; text-transform:uppercase;}

.nuage{
	display:block; width:211px; /*height:65px;*/ min-height:73px; height:auto!important; height:73px;
	padding:2px; padding-bottom:10px;
	background-color:#dcdcdc;
	margin-bottom:5px;
	text-align:center;
	/*overflow:hidden;*/
}
.t0{font-size:0.9em; filter: alpha(opacity=65); opacity: 0.65; -moz-opacity:0.65;font-weight:500;text-transform:uppercase}
.t1{font-size:1.0em; ;filter: alpha(opacity=68); opacity: 0.68; -moz-opacity:0.68;font-weight:500;}
.t2{font-size:1.1em; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7;font-weight:500;}
.t3{font-size:1.2em; filter: alpha(opacity=75); opacity: 0.75; -moz-opacity:0.75;font-weight:500;}
.t4{font-size:1.3em; filter: alpha(opacity=78); opacity: 0.78; -moz-opacity:0.78;font-weight:500;text-transform:uppercase}
.t5{font-size:1.4em; filter: alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80;font-weight:500;}
.t6{font-size:1.5em; filter: alpha(opacity=85); opacity: 0.85; -moz-opacity:0.85;font-weight:600;}
.t7{font-size:1.6em; filter: alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90;font-weight:600;text-transform:uppercase}
.t8{font-size:1.7em; filter: alpha(opacity=95); opacity: 0.95; -moz-opacity:0.95;font-weight:bold;}
.t9{font-size:1.8em; filter: alpha(opacity=98); opacity: 0.98; -moz-opacity:0.98;font-weight:600;}
.t10{font-size:1.9em; filter: alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0; font-weight:bold; text-transform:uppercase}

.nuage a{color:#273159;}
.nuage a:hover{color:#000000;filter: alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0;}

.bulletin{
	display:block; widows:215px; height:80px;
	background:url(../fond/bg_bullletin.jpg) no-repeat top left;
	text-align:left;
	padding-top:5px;
}
.bull_vigndefault{
	position:relative; float:left; display:block;
	width:62px; height:68px;
	background:url(../element/bull_default.jpg) no-repeat top left;
	margin-left:5px; margin-top:3px;margin-right:2px;
}
.bull_vign{
	position:relative; float:left; display:block;
	max-width:62px; max-height:68px;
	margin-left:5px; margin-top:3px;margin-right:2px;
	border:1px solid #333333;
}
.bull_vign a, .bull_vigndefault a{display:block; width:62px; height:68px;}
.bull_txt{position:relative; float:right; width:140px;}
.bulletin h3{color:#ffffff; font-weight:bold;}
.h3index, .bulletin a{color:#000000!important; font-weight:normal!important;}
.download_bull{
	position:absolute; display:block; width:32px; height:31px;
	background:url(../element/download_bull.png) no-repeat top left;
	right:5px; margin-top:-20px;
}

.servicepublic{
	position:relative; display:block; float:left; z-index:50;
	width:145px; height:31px;
	background:url(../element/services_public.gif) no-repeat top left;
	text-indent:-99999px;
	margin-top:0px;margin-bottom:6px;
}
.servicepublic a{display:block;	width:145px; height:31px;}

/*************************************************** RUBRIQUE ********************************************************/
#ariane{
	position:relative; float:left;
	width:720px; height:15px; 
	background:url(../element/ariane.gif) no-repeat top left;
	padding-left:17px; text-align:left;
	margin-left:46px;
}
#ariane a{color:#2f2f2f;}
#ariane a:hover{color:#000000; text-decoration:underline;}
#search_rub{position:relative; float:right; width:215px;}

#colg{
	position:relative; float:left; display:block; z-index:10;
	width:210px; min-height:300px; height:auto!important; height:300px;
	margin-top:6px;margin-left:46px; margin-right:3px;
}
#cold{
	position:relative; float:left; display:block; z-index:1;
	width:742px; min-height:340px; height:auto!important; height:340px;
	background:url(../fond/bg_contenu.jpg) no-repeat top left;
}

.sousmenu{
	display:block; width:210px; /*min-height:80px; height:auto!important; height:8px;*/
	background:#737373 url(../fond/bg_ssmenu.jpg) repeat-x top left;
	text-align:left;
	border-top:1px solid #8a8a8a; border-left:1px solid #8a8a8a;
	border-bottom:1px solid #404040; border-right:1px solid #404040; 
	margin-bottom:10px;
}

.sousmenu a{
	display:block; min-height:18px; height:auto!important; height:19px;
	background:url(../fond/bg_assmenu.jpg) repeat-x bottom left;
	color:#ffffff;
	padding-top:3px; padding-bottom:3px; padding-left:7px;
}

.lastssmenu{ background:none!important;}
.sousmenu a:hover{ background:#23315a url(../fond/bg_asshover.jpg) repeat-x top left!important;}

#activslink{ background-color:#466094!important;}

.ssmenu{
	position:absolute;display:none; width:210px;
	left:213px; margin-top:-25px;
	background:#737373 url(../fond/bg_ssmenu.jpg) repeat-x top left;
	padding-top:3px; padding-bottom:3px;
}

.ssmenu a{background:none!important; margin-left:3px; margin-right:3px; border-bottom:1px dotted #888888}
.lastsssmenu{border-bottom:none!important;}
.ssmenu a:hover{ background-image:none!important; background-color:#CCCCCC!important; color:#000000;}

.sssmenu{
	position:absolute;display:none; width:210px;
	left:210px; margin-top:-25px;
	background:#3d3d3d;
	padding-top:3px; padding-bottom:3px;
	border-left:1px solid #ffffff;
}


.one_clic_rub{
	position:relative; display:block;
	width:212px; height:183px; padding:5px;
	background:url(../fond/bg_oneclic.jpg) no-repeat top left;
	text-align:left;
}
.one_clic_rub h2{margin-left:5px;margin-right:15px;}

#contenu{
	position:relative; display:block;
	margin-top:15px; margin-left:10px; margin-right:20px;
	padding-bottom:20px;
	min-height:300px; height:auto!important; height:300px;
	text-align:left;
}

/* fichiers lies */
.fichiers{
	position:relative; display:block;
	min-height:50px; height:auto!important; height:50px;
	margin:5px; margin-left:40px; margin-right:25px; padding-left:10px;
	display:block;
	background-color:#f7f7f7; border:1px solid #b8c3c7;
}
.fichiers img{position:relative; float:left; margin:5px!important;margin-left:-5px!important;border:none!important;}
.textefichier{position:relative; float:left; width:550px; }
.h2public{margin-left:0px!important;border-bottom:none!important; margin-top:10px!important;font-size:1.2em!important;color:#2a3953!important;margin-bottom:10px!important;}
.fichiers span{
	display:block; color:#425a83; font-weight:bold;
	height:19px; padding-left:22px;
	background:url(../element/sommaire.jpg) no-repeat top left;
	margin-bototm:5px; margin-left:35px; margin-left:0px!important;
	cursor:pointer;
}
.fichiers p{margin-left:23px!important; padding-left:10px!important; border-left:1px dotted #666666}
.linkfichiers{
	display:block; height:14px; padding-left:20px;
	background:url(../element/voir_doc.jpg) no-repeat top left;
	left:95px; font-weight:bold;
	margin-left:3px; margin-top:5px; margin-bottom:5px;
}

/* Rubrique actualités */
.actu{background-color:#efefef; border:1px solid #bcbcbc; width:650px; margin-left:35px;margin-bottom:10px;}
.titreactu{background-color:#466094!important; background-image:none!important; font-size:1.1em!important; text-transform:none!important; padding:3px!important; color:#ffffff!important; margin-bottom:0px!important;}
.txtactu{padding:5px;}
.txtactu a{color:#000000!important;} .txtactu a:hover{color:#c13372!important; text-decoration:none!important;}
.savplus{position:absolute; height:18px; background:url(../fond/savplus.gif) no-repeat top right; padding-right:21px; color:#ffffff!important;margin-top:2px; margin-left:550px;}

/** GOOGLE MAPS **/
#google_map{
	border:1px solid #000000;
	background-color:#e5e3df;
	margin-left:10px;
}
#maps{
	position:relative!important;display:block!important;
	width:350px!important;
	min-height:140px!important; height:auto!important; height:140px;
}
#maps h2, #maps p{margin-left:0px!important;}
#maps img{float:right; max-width:150px;}
#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:100px; color:#ffffff;cursor:pointer;}
#maps .coord{margin-bottom:0px!important;}

#sidebar_map{
	text-align:left;
}
#sidebar_map .liste_cat{
	background-color:#e1e4e7;
	margin-bottom:5px;
	border:1px solid #c4cad2;
}
#sidebar_map .liste_cat span{color:#000000!important; display:block; padding:3px; border-bottom:1px solid #ffffff;padding-left:10px;margin-left:2px; margin-right:2px; cursor:pointer;}
#sidebar_map .liste_cat span:hover{ background-color:#666666; color:#ffffff!important;}
#sidebar_map .categorie{ background-color:#FFFFFF; border-bottom:1px solid #979ca2; height:17px;margin-bottom:5px;padding-top:8px;font-weight:bold; text-transform:uppercase;color:#32456a;}
#sidebar_map .categorie img{float:left;margin-top:-8px;margin-right:3px;}

/**** blocs html ******/
.colonne_gauche{
	position:relative; float:left; display:block;
	width:330px;padding:10px;
}
.colonne_droite{
	position:relative; float:left; display:block;
	width:330px;padding:10px;
}
.colonne_gauche p, .colonne_droite p{margin-right:0px!important;}
/*.colonne_gauche ul{margin-left:30px!important;}*/


/*** IFRAME ****/
.framesp{width:720px; height:640px;}

/*** Calendrier ***/
.annee{margin-left:8px; margin-right:-5px; margin-bottom:5px;}
.annee a{
	display:block; float:left;
	background-color:#466094;
	padding:4px; padding-left:11px; padding-right:11px;
	color:#ffffff!important;
}
.annee a:hover{ background-color:#000000; text-decoration:none!important;}
.moissel{background-color:#1d283e!important;}	
.moins1, .plus1{position:relative; display:block; float:left; height:18px; width:352px; text-indent:-99999px;}
.moins1{margin-left:8px; background:url(../element/moins.gif) no-repeat 0px 6px;}
.plus1{background:url(../element/plus.gif) no-repeat top right;}

.jour{
	padding:5px;
	border:1px dotted #999999; background-color:#f8f8f8;
	margin-left:8px; margin-bottom:5px;
}
.datejour{
	position:relative; float:left; display:block;
	width:100px; padding-top:5px; padding-left:5px; padding-right:5px;
	color:#c13372; font-weight:bold;
}
.textevenements{
	position:relative; float:right; display:block;
	border-left:2px solid #a2a2a2;
	width:575px; padding-top:0px;margin-top:5px;
}
.textevenements h3{text-transform:uppercase!important; margin-left:10px!important; color:#24314c!important;}
.textevenements p{margin-left:20px!important;}

/* galerie */
.gallerie{ margin-left:10px; border:1px dotted #999999;}
.gallerie img{margin:4px!important; float:left!important; max-height:133px;}
.apphoto{display:block; height:19px; background:url(../element/photo.jpg) no-repeat top left; padding-left:26px; margin-left:10px; margin-bottom:5px; color:#686868;}

.titregal{ list-style:url(../element/photo.jpg)!important; background-color:none!important; }

/* plan */
#contenu #plan{
	display:block;clear:both;
	padding:0 0 20px 30px; margin:0 10px 20px;
	background:url(../fond/lignevertical.gif) repeat-y;}

#contenu #plan li{
	display:block; list-item:none!important;
	margin:0 0 0 0!important;padding:0 0 0 0!important;
	background:url(../fond/lignevertical.gif) repeat-y #ffffff;
}

#contenu #plan li ul{margin:0 0 0 30px!important; background: #ffffff!important;}
#contenu #plan a{
	border-bottom:1px solid #596066;
	padding-left:15px;
	background:#ffffff;
	min-width:250px ; 
	display:block;
	height:20px;
	color:#000000;
}

#contenu #plan a span{
	background:#ffffff;
	display:block;
	position:relative;
	min-width:250px ; 
	height:20px;
	white-space:nowrap;
	padding-left:2px;
	bottom:-13px
}


/************ FORMULAIRE *****************/
#formulairepage{margin-left:15px;width:95%;padding:5px; clear:both;}
#formulairepage fieldset{width:95%;margin:4px;padding:5px 6px;	display:block !important; border:1px solid #bcc6dd;  min-height:240px; height:auto!important;height:240px;}
#formulairepage fieldset legend{color:#38466d; font-size:1.3em;padding:5px; font-weight:bold;}
#formulairepage label{display:block;float:left;width:35%;margin-bottom:4px;font-size:1em; color:#541C2A; text-align:right; padding-right:10px; color:#403d52;}
#formulairepage .ctext, #formulairepage .mtext, #formulairepage .email,#formulairepage select{border:1px solid #7986a5; background-color:#f0f0f0;margin-bottom:10px;}
#formulairepage .ctext, #formulairepage .email, #formulairepage ul{ width:60%; /*clear:both!important;*/ }
#formulairepage .mtext{width:60%; height:120px; margin-left:0px;}
#formulairepage p{font-size:0.9em; color:#666666!important; clear:both; text-align:right; padding-right:0px;}
.imgfield{ height:33px;display:block;clear:both; float:right; margin-right:25px;}

#formulairepage .col_check{width:60%; position:relative; float:left; display:block;}

/****** PIED *****/
#pied{
	position:relative; display:block;
	width:100%; min-height:80px; height:auto!important; height:80px;
	background:#ffffff url(../fond/bg_pied.jpg) repeat-x top left;
}
.foot{
	position:relative; display:block;
	width:950px; height:29px;
	background:url(../fond/bg_foot.jpg) no-repeat top left;
	margin-left:auto; margin-right:auto;
	text-align:center;
	padding-top:45px;
}
.foot p{color:#6f6f6f;font-size:0.9em;}
.foot a{color:#6f6f6f;font-size:1.0em;}.foot a:hover{color:#000000;}
/** outils **/
.spacer{display:block; height:1px; clear:both;}


#fichier_video{margin-left:20px; margin-right:20px;}