/*------------------------------------------------------*
  *-----------------------------------     CSS BODY     ----*
  *------------------------------------------------------*/

body{
	border:0;
	margin:0px;
	padding: 0;
	background-color: #56378A;
	color: #3C003C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
/*------------------------------------------------------*
  *-----------------------------------     CSS DIV PRINCIPAUX     ----*
  *------------------------------------------------------*/

	
div#global{
	width: 975px;
	margin-left:auto;
	margin-right:auto;

	background-image:url(../images/bg.png);
	background-repeat:repeat-y;
}


div#haut{
	float:left;
	width: 975px;
	height:273px;
	background-image:url(../images/haut.png);
	background-repeat: no-repeat;
	background-position:top left;
}

div#bandeau{
	float:left;
	width: 975px;
	height:273px;

}

div#logo{
	float:left;
	width: 203px;
	height:122px;
	padding-left: 48px;
	padding-top: 84px;
}

div#anim{
	float:left;
	margin-top: 8px;
	width: 510px;
	height:214px;
}

div#recherche{
	float:left;
	width: 194px;
	height:50px;
	padding-top: 75px;
	color:#8C8C8C;

}

div#recherche input{
	color:#8C8C8C;
	font-size: 11px;
}

div#recherche a{
	color:#8C8C8C;
	text-decoration:none;
	}

div#recherche a:hover{
	color:#BBB;
	}


div#menu-emplacement{
	float:left;
	width: 867px;
	height: 51px;
	display:inline;
	margin-left: 63px;
	background-image:url(../images/barre.png);
	background-repeat: no-repeat;
	background-position:bottom left;
}

div#centre{
	float:left;
	width: 975px;
	background-image:url(../images/pied.png);
	background-repeat: no-repeat;
	background-position:bottom left;
	padding-bottom:19px;
}

div#menu-gauche{
	float:left;
	width: 174px;
	padding-left:63px;
}

div#contenu{
	float:left;
	width: 444px;
	margin-left:14px;
	margin-right: 13px;
}

div#contenu h1{
	width: 444px;
	display:block;
	height:31px;/*50-19*/
	margin:0;
	color:#666666;
	font-weight:bold;
	font-size:18px;
	text-transform:uppercase;
	background-image:url(../images/puce.png);
	background-repeat:no-repeat;
	background-position: 0px 26px;
	padding-top:19px;
	text-indent:15px;
}


div#page{
	float:left;
	width: 678px;
	margin-left:14px;
}

div#diapo{
	float:right;
	width: 444px;
	margin-right:30px;
	padding-top: 45px;
	background-image:url(../images/diapo.png);
	background-repeat: no-repeat;
	padding-bottom:25px;

}




div#page h1, div#page span.titremap{
	width: 678px;
	display:block;
	height:31px;/*50-19*/
	margin:0;
	color:#666666;
	font-weight:bold;
	font-size:18px;
	text-transform:uppercase;
	background-image:url(../images/puce.png);
	background-repeat:no-repeat;
	background-position: 0px 26px;
	padding-top:19px;
	text-indent:15px;
}


div#menu-droite{
	float:left;
	width: 221px;
}

div#pied{
	clear:both;
	width: 975px;
	height:70px;
	background-image:none;
	background-color: #56378A;
	color:#f18e00;
	font-size:13px;
	text-align:center;
}

/*------------------------------------------------------*
  *-----------------------------------     CSS GAUCHE     ----*
  *------------------------------------------------------*/




ul.menurapide li{
	list-style-type: none;
}



div#menu-acces{
	float:left;
	width: 174px;
	background-image:url(../images/acces.png);
	background-repeat: no-repeat;
	background-position:bottom left;
	padding-bottom:10px;
}

div#menu-acces ul {
	padding:0px;
	margin:0px;
}


div#menu-acces ul li {
	padding:0px;
	margin:0px;
}

div#menu-acces a{
	display:block;
	width: 145px;
	background-image:url(../images/inter.png);
	background-repeat:no-repeat;
	background-position:top left;
	min-height:18px;
	font-size:12px;
	text-decoration:none;
	color:#8C8C8C;
	padding-left:16px;
	padding-top:12px;
	padding-bottom:4px;
	margin:0px;
	letter-spacing: normal;
	line-height: normal;
	text-align: left;
}
  
div#menu-acces a:hover{
	color:#000;
}

div#menu-agendagauche{
	float:left;
	width: 174px;
	background-image:url(../images/acces.png);
	background-repeat: no-repeat;
	background-position:bottom left;
	padding-bottom:10px;
	margin-top:7px;
	margin-bottom:7px;
}

div#menu-agendagauche-int{
	padding-bottom:20px;
}

div.item-agendagauche-int{
	padding-left:16px;
	padding-top:0px;
	padding-right:5px;
	padding-bottom:4px;
	background-repeat: no-repeat;
	background-image:url(../images/inter.png);
}

a.lien-gauche{
	display:block;
	width: 145px;
	padding-top:15px;
	padding-bottom:5px;
	font-size:13px;
	font-weight:bold;
	color:#56378a;
	text-decoration:none;
}

a.lien-gauche:hover{
	text-decoration: underline;
}
  
a.bt{
	display:block;
	width: 174px;
	height:47px;/*62-15*/
	background-image:url(../images/bt.png);
	background-repeat: no-repeat;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	padding-top:15px;
	text-align:center;
}
  
a.bt:hover{
	color:#000;
}

div.smalltv{
	float:left;
	width: 172px;
	padding-right:2px;
	background-image:url(../images/sesame-tv-small.png);
	background-repeat: no-repeat;
	padding-top: 30px;
	margin-top: 10px;
}



/*------------------------------------------------------*
  *-----------------------------------     CSS CONTENU     ----*
  *------------------------------------------------------*/
  
div.news{
	float:left;
	width: 	100%;
	border-top: solid #F5AA40 1px;
	padding-top: 5px;
	padding-bottom: 8px;
	color:#8c8c8c;
}

div.news h2{
	margin-top:0;
	margin-bottom:7px;
	color:#56378a;
	font-weight:bold;
	font-size:15px;
	background-image:url(../images/puce2.png);
	background-repeat:no-repeat;
	background-position: 0px 6px;
	padding-left:12px;
}

div.news h3{
	color: #ff6600;
	padding-left:20px;
	font-size:14px;
}

div.news h4{
	color:#000;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
	padding-left:20px;
}

/*div.news h4{
	margin-top:22px;
	margin-bottom:8px;
	color:#56378a;
	font-weight:bold;
	font-size:12px;
	background-image:url(../images/puce2.png);
	background-repeat:no-repeat;
	background-position: 0px 6px;
	text-indent:12px;
}*/

div.news a{
	text-decoration:underline;
	color:#000;
}

div.news a:hover{
	text-decoration: none;
}

div.tv{
	float:left;
	width: 444px;
	padding-top: 45px;
	background-image:url(../images/sesame-tv.png);
	background-repeat: no-repeat;
}



a.sousmenu {
	display:block;
	width: 330px;
	background-image:url(../images/ssmenubg.png);
	background-repeat:repeat-y;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
	color:#000;
}

a.sousmenu:hover {
}


p.chapeau, div.chapeau p {
	color:#000;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
	text-align:justify;
}

p.citation, dd{
	color:#F18E00;
	font-size:14px;
	letter-spacing:1px;
	padding:0px;
	margin:0px;
	text-align:justify;
}

p{
	text-align:justify;
}

p img, h2 img, h3 img, h4 img{
	margin:5px;
}

pre{
	white-space:normal;
	color: #3C003C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:1px;
}

/*------------------------------------------------------*
  *-----------------------------------     CSS DROITE     ----*
  *------------------------------------------------------*/
  
div.cartouche{
	float:left;
	width: 221px;
	background-image:url(../images/cartouche-bg.png);
	background-repeat: no-repeat;
	background-position:bottom left;
	background-color:#FEF4DA;
	padding-bottom:7px;
	margin-bottom:5px;
	min-height:80px;
}

div.cartouche-int{
	float:left;
	width: 179px;
	padding-top:5px;
	padding-left:32px;
	padding-right:10px;
	font-size:13px;
}

a.lien-droite{
	display:block;
	width: 179px;
	padding-top:15px;
	padding-bottom:5px;
	font-size:13px;
	font-weight:bold;
	color:#56378a;
	text-decoration:none;
}

a.lien-droite:hover{
	text-decoration: underline;
}

span.gris{
	color:#8c8c8c;
}

span.gras-violet{
	color:#56378a;
	font-weight:bold;
}

/*------------------------------------------------------*
  *-----------------------------------     CSS PLUS     ----*
  *------------------------------------------------------*/
  
div#pied a{
	color:#f18e00;
	text-decoration:none;
}

div#pied a:hover{
	color:#FFF;
}

div.paragraphe{
	float:left;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 200px;
	margin-right: 100px;
	width: 690px;
}


img.vignette{
	margin-right:10px;
	border:0px;
	}
	
img.vignette:hover{
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
	}


/*------------------------------------------------------*
  *-----------------------------------     CSS FICHES     ----*
  *------------------------------------------------------*/


div.fiche-centre h2{
	display:block;
	height:30px;
	margin:0;
	padding-top: 12px;
	color:#666;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	background-image:url(../images/icon1.png);
	background-repeat:no-repeat;
	padding-left:40px;
}

div.fiche-centre li{
	display:block;
	width: 500px;
	background-color: #FCFCFC;
	color: #666;
	margin-bottom: 13px;
	padding:5px;
}

span.titre{
	background-color: #CAC6D4;
	color: #FFF;
	text-transform:uppercase;
	padding-left:2px;
	padding-right:2px;
	margin-right:3px;
	font-size:10px;
}

div.fiche{
	float:left;
	padding-left:30px;
	padding-top:20px;
	padding-bottom:30px;
	width: 625px;
	}
div.fiche-haut{
	float:left;
	width: 625px;
	background-image: url(../images/fiche-haut.png);
	height:20px;
	}

div.fiche-centre{
	float:left;
	width: 585px;/*625-40*/
	padding-left: 20px;
	padding-right: 20px;
	background-color:#E9E6ED;
	}
div.fiche-bas{
	clear:both;
	width: 625px;
	background-image: url(../images/fiche-bas.png);
	height:20px;
	}


/*------------------------------------------------------*
  *-----------------------------------     CSS INFOBULLES     ----*
  *------------------------------------------------------*/
a.etiquette {
	text-decoration: none;
}
a.etiquette:hover {
	/*background: none;*/
}
a.etiquette span {
	display: none;
}
a.etiquette:hover span {
	display: inline;
	position: absolute;
	width:111px;
	height: 30px;/*35-5*/
	padding-top: 5px;
	margin-left: -70px;
	margin-top: -30px;
	font-size:11px;
	font-weight:bold;
	color:#666;
	background-image: url(../images/infobulle2.png);
	background-repeat: no-repeat;
}


/*------------------------------------------------------*
  *-----------------------------------     CSS INFOBULLES VIDEO     ----*
  *------------------------------------------------------*/
a.etiquettevideo {
	text-decoration: none;
}
a.etiquettevideo:hover {
	/*background: none;*/
}
a.etiquettevideo span {
	display: none;
}
a.etiquettevideo:hover span {
	display: inline;
	position: absolute;
	width:161px;
	height: 45px;/*35-5*/
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: -70px;
	margin-top: -45px;
	font-size:11px;
	font-weight:bold;
	color:#666;
	background-image: url(../images/infobulle3.png);
	background-repeat: no-repeat;
}


/*------------------------------------------------------*
  *-----------------------------------     CSS DIV TABLEAU PAGINATION   ----*
  *------------------------------------------------------*/
  
span.pagenav{

	
	}

div.news a.pagenav{
	color:#FFF;
	padding:4px;
	text-decoration:none;
	font-weight:bold;
	}

div.news a.pagenav:hover{
	color:#666;
	}

/*------------------------------------------------------*
  *-----------------------------------     CSS DIV TABLEAU AGENDA   ----*
  *------------------------------------------------------*/
  
  
div.agendanews {
	width: 678px;
	float:left;
	padding-bottom:5px;
	background-color: #F2EDFA;
	color:#000;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF8000;
	font-size:11px;
}

div.agendanews:hover {
	background-color: #F8F5FC;
}

div.agendanews li {
	list-style-type:none;
	margin:0px;
	padding-left:20px;
	padding-right:20px;
	text-align:justify;
	color:#000;
	font-size:12px;
}

.agendanews ul  {
	margin:0px;
	padding:0px;
}

.agendanews h4 {
	color:#666;
	margin:0px;
	font-size:13px;
	text-transform:uppercase;
}

.agendanews h5 {
	color:#999;
	margin:15px;
	font-size:11px;
	text-transform:uppercase;
}
div.agendanews div a, div.agendanews ul li a  {
	color:#56378A;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
}

div.agendanews div a:hover, div.agendanews ul li a:hover  {
	color:#9D82CC;
	text-decoration:none;
}

/*------------------------------------------------------*
  *-----------------------------------     CSS DIV TABLEAU ANNUAIRE   ----*
  *------------------------------------------------------*/
  

table.ma_table{
	float:left;
	width:627px;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	font-size: 11px;
	}
	
td.cell-bold{
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	}

tr.bord-top{
	height:28px;
	background-color: #CAC6D4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-align:center;
	white-space: nowrap;
	}

tr.bord-bottom{
	height:28px;
	background-color: #CAC6D4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-align:center;
	white-space: nowrap;
	}
	
tr.bord-bottom td{
color:#666;
	}
	
tr.bord-bottom td a{
color:#666;
text-decoration:none;
padding-left:4px;
padding-right:4px;
	}

tr.bord-bottom td a:hover{
	color:#828282;
	text-decoration: underline;
	}
	
tr.clair td{
	background-color: #E9E6ED;
	border: 1px solid #F6F6F8;
	padding:5px;
	}
	
tr.obscur td{
	background-color: #CAC6D4;
	border: 1px solid #F6F6F8;
	padding:5px;
	}
	
tr.inter{
	height:4px;
	}

td.titre{
	font-size: 12px;
	font-weight: bold;
	}
	
td.coin{
	height:28px;
	width:7px;
	text-indent:0px;
	padding:0px;
	}
	
/*------------------------------------------------------*
  *-----------------------------------     CSS JOOMLA     ----*
  *------------------------------------------------------*/


#component-contact-enhanced{
	float:left;
	width: 444px;
	margin-left:14px;
	margin-right: 13px;
}

td.contentheading{
	width: 444px;
	display:block;
	height:31px;/*50-19*/
	margin:0;
	color:#666666;
	font-weight:bold;
	font-size:18px;
	text-transform:uppercase;
	background-image:url(../images/puce.png);
	background-repeat:no-repeat;
	background-position: 0px 26px;
	padding-top:19px;
	text-indent:15px;
}

label.cf-label{
		color:#56378A;
		font-size:10px;

}

#component-contact-enhanced input, #pensionv, #pensionp, #revenu{
	font-size:12px;
  	width: 167px;
  	height:15px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:5px;
	padding-right:5px;
	margin-top:6px;
	margin-bottom:6px;
	background-color:#FFF;
	color:#56378A;
	border:#A5ACB2 1px solid;

  }
  
 
#component-contact-enhanced input:focus, #pensionv:focus, #pensionp:focus, #revenu:focus {
	background-color:#EEECEE;
}

input.required{
	background-color:#FFF;
	color:#FF0000;
	border:#FF0000 1px solid;
  }

.searchbox select,  select#nbenfant{
	font-size:12px;
	width: 179px;
	border:1px #A5ACB2 solid;
  }
  
.searchbox select,.searchbox input {
 	text-transform: lowercase;
  }
    

.searchbox select:focus,  select#nbenfant:focus{
	background-color: #EEECEE;
  }

.searchbox{
	float:right;
	text-align:right;
	width:375px;
	padding: 10px;
	margin-top: 15px;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-left: 15px;
	background-color:#E9E6ED;
  }

.searchbox h3{
	margin:0px;
	color:#666;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
  }
  
.searchbox ul{
	margin:10px;
  }

.searchbox li{
	margin:0px;
	text-transform:uppercase;
	font-size:10px;
	list-style-type:none;
  }
  

#component-contact-enhanced textarea{
	font-size:12px;
  	width: 310px;
  	height:129px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:5px;
	padding-right:5px;
	margin-top:6px;
	margin-bottom:6px;
	background-color:#FFF;
	color:#56378A;
	border:#A5ACB2 1px solid;
  }

#component-contact-enhanced textarea:focus {
	background-color:#EEECEE;
}

button.button, input#valider, input.btn_sondage {
	background-color: #EEECEE;
	color:#666;
	border: 1px solid #A5ACB2;
	padding:7px;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
	font-size:10px;
	height:40px;
}

checkbox{
	width:30px;
}


fieldset {
	border:none;

}


/*------------------------------------------------------*
  *-----------------------------------     CSS RESULTAT SONDAGE     ----*
  *------------------------------------------------------*/


th#itema, th#itemb, th#itemc {
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	color:#666;
	font-size:11px;
}

td.question{
	height:28px;
	background-color: #CAC6D4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	text-align:center;
	white-space: nowrap;
	text-transform:uppercase;
}

td.td_1, td.td_2, td.td_3{
	text-indent:25px;
}

div.poll table {
	font-size:11px;
	background-color:#E9E6ED;
	padding:25px;
}

/*------------------------------------------------------*
  *-----------------------------------     CSS PLAN DU SITE     ----*
  *------------------------------------------------------*/

h2.menutitle{
	display:block;
	padding-top: 2px;
	padding-bottom:3px;
	padding-left:100px;
	color:#FFF;
	background-color:#F5AA40;
	text-transform:uppercase;
	font-size:13px;
	margin:0px;
}

ul.level_0{
	border-left: 1px #F5AA40 solid;
	line-height:25px;
	padding-left:0px;
	margin-left:100px;
	margin-top:0px;
	margin-bottom:0px;
}

ul.level_0 li{
	padding-left:20px;
	list-style-type:none;
	background-image: url(../images/court.png);
	background-repeat:no-repeat;
	background-position: 0px 12px;
}

ul.level_1{
	padding-left:0px;
	border-left: 1px #F5AA40 solid;
	margin:0px;
}

ul.level_0 li ul.level_1 li{
	padding-left:58px;
	list-style-type:none;
	background-image: url(../images/long.png);
	background-repeat:no-repeat;
	background-position: 0px 13px;
}

ul.level_0 li a{
	text-decoration:none;
	color:#F5AA40;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
}

ul.level_0 li a:hover{
	color:#666;
}

ul.level_1 li a{
	text-decoration:none;
	color:#F5AA40;
	font-weight:bold;
	font-size:12px;
	text-transform: lowercase;
}


/*------------------------------------------------------*
  *-----------------------------------     CSS AJOUT    ----*
  *------------------------------------------------------*/
  
a#lien_video{
	display:block;
	width: 174px;
	height:30px;/*48-18*/
	background-image:url(../images/bt3.png);
	background-repeat: no-repeat;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding-top:18px;
	text-align:center;
	float:right;
	margin-top:10px;
}
  
a#lien_video:hover{
color: #000000;
}
  
a#lien_actus{
	display:block;
	float:right;
	margin-top:15px;
	margin-bottom:15px;
	text-decoration: none;
	color: #F18E00;
	font-size:13px;
	font-weight:bold;
	padding:2px;
}

a#lien_actus:hover{
color: #FFF; 
background-color: #F18E00;
}

span.ok{
	background-color:#FFF;
	font-size:14px;
	color:#F18E00;
	font-weight:bold;
	line-height:24px;
	padding:3px;
	line-height:30px;
}
/*------------------------------------------------------*
  *-----------------------------------     CSS HACK     ----*
  *------------------------------------------------------*/

	


a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}




/*div, a{ behavior: url("iepngfix.htc") }*/

/*ajout jul*/
dt.message{
    display:none;
}


dd.message ul, dd.message li{
    list-style-type:none;
    margin-left:110px;
}

._cache, .menu_cache{
	display:none;
}


/*les tableaux*/
div.news table{
	background-color:#eee;
	color:#666;
	border-color:#666;
}

div.news tr{
	
}

div.news td{
}

/*------------------------------------------------------------------------
# mod_sp_weather - Weather Module by JoomShaper.com
-------------------------------------------------------------------------*/
.weather_sp1 {padding: 5px 0px;}
.weather_sp1_c{padding:0; margin-left:-22px;}
.weather_sp1_cleft{float:left;}
img.spw_icon_big {height:40px; width:40px;}
p.spw_current_temp{font-size:15px; margin-top:10px; text-align:center; font-weight:bold;}
.weather_sp1_cright{float:left; margin:0 0 0 9px;}
h2.weather_sp1_city{margin:0 0 5px; padding:0; font-size:12px; font-weight:normal;}
/*Block Layout*/
.block_even,.block_odd{text-align:center;}
span.weather_sp1_temp,span.weather_sp1_list_temp{font-size:10px;}
/*List Layout*/
.weather_sp1_main {margin-left:-15px;}
.list_even,.list_odd{width:100%; border-top:1px dashed #e0e0e0;}
span.weather_sp1_list_day,span.weather_sp1_list_temp,span.weather_sp1_list_icon{height:32px; line-height:32px; display:block; float:left; width:33%;}