@import url("wysiwyg.css");

/*MODULES*/
@import url("Module_evenement.css");
@import url("Module_publication.css");
@import url("Module_recherche.css");
@import url("Module_organigramme.css");
@import url("Module_avis.css");
@import url("Module_actualites.css");
@import url("Module_faq.css");
@import url("Module_qcm.css");
@import url("Module_marches.css");
@import url("Module_emploi.css");
@import url("Module_comarquage.css");
@import url("Modules_extranet.css");


@import url("noobslide_style.css");

/*SPECIAL*/
@import url("affineur.css"); /*contient aussi le formulaire de contact*/
@import url("plan.css");
@import url("rss.css");
@import url("recherche.css");
@import url("pagination.css");
@import url("hotels.css");

html,body{margin:0;padding:0;}
html {background: #f4f7fc url('../images/bkg-repeat-site.jpg') repeat-x 0 0;}
body{font-size: 11px; font-family:Arial, Helvetica, sans-serif;background: url('../images/bkg-site.jpg') no-repeat 50% 0;}

img {border:0;}

a {outline:none;}

/*CONTENEUR GLOBAL*/
div#conteneur{width:930px;margin:0 auto; background-color:#FFF}

/*BANDEAU*/
div#header {height:166px; background-image:url('../images/bandeau.jpg');}
div#conteneur.MENU1 div#header {height:166px; background-image:url('../images/bandeau1.jpg');}
div#conteneur.MENU2 div#header {height:166px; background-image:url('../images/bandeau2.jpg');}
div#conteneur.MENU3 div#header {height:166px; background-image:url('../images/bandeau3.jpg');}
div#conteneur.MENU4 div#header {height:166px; background-image:url('../images/bandeau4.jpg');}
div#conteneur.MENU5 div#header {height:166px; background-image:url('../images/bandeau5.jpg');}
div#conteneur.MENU6 div#header {height:166px; background-image:url('../images/bandeau6.jpg');}
div#conteneur.MENU7 div#header {height:166px; background-image:url('../images/bandeau7.jpg');}

div#header div#langues {position:relative; top:0px; left: 800px;  width:115px; height:20px; padding-top:9px;}
div#header div#langues a{border-bottom:none;}
div#header div#langues img { padding-left:3px; }

div#header div#flashBandeau { position:absolute; top:25px; }

div.articleHome div, div.articleHome H1, div.articleHome p {
    text-align: justify;
}
div#header h2 {
	height:140px;
	overflow:hidden;
	position:absolute;
	top:25px;
	width:930px;
}

/*MENU*/
div#conteneur #en-tete {
	background: url('../images/bkg-menu.jpg') 20px top repeat-x;
	height:82px;
	padding:0 0 0 3px
	overflow:visible;
}

/* Hack IE : */
* html div#conteneur #en-tete {
	overflow:hidden;
}

/* Hack Safari..... : */
html[xmlns*=""] body:last-child div#conteneur #en-tete { overflow:visible; }

div#en-tete ul#fademenu{
	margin: 0;
	padding: 0;
	z-index:98;
}

div#en-tete ul#fademenu li {
	float:left; 
	margin:0; 
	padding:0;
	border:0;
	list-style:none; 
	font-weight:bold;
	text-align: center;
	width:132px;
	height:50px;
}


div#en-tete ul#fademenu li a {
	display:block;
	text-align: center;
	padding-right:9px;
}

div#en-tete ul#fademenu li a:hover {
	border:0;
	text-decoration:none;
}

div#en-tete ul#fademenu li a span {
	display: block;
	padding:0px;
	padding-top:25px;
	color: #2f6187;
	height: 44px;
	cursor: pointer;
	margin: 0;
	padding-left:5px;
	/*width: 125px;*/
}

div#en-tete ul#fademenu li ul {
	margin :0;
	padding : 0;
	border:0;
	position : relative;
	clear: both;
	z-index: 99;
	background: #e6f1f5 /*transparent url('../images/transparent.png')*/;
	visibility:hidden;
}

div#en-tete ul#fademenu li ul li{
	float: none;
	clear: both;
	margin :0;
	padding : 0;
	border:0;
	display: block;
	z-index : 100;
	background: transparent;
	height:auto;
	border-bottom: 1px solid #fff;
}

div#en-tete ul#fademenu li ul li a {
	display: block;
	margin :0;
	padding : 0 5px 0 10px;
	border: 0;
	background:transparent ;
	text-align:left;
}

div#en-tete ul#fademenu li ul li a:hover {
	text-decoration: none;
	border: 0;
	background:#cde4ec;
}


div#en-tete ul#fademenu li ul li a span {
	height: auto;
	margin: 0;
	border: 0;
	padding : 5px 0 5px 0;
	font-size: 10px;
}

div#en-tete ul#fademenu li.MENU1 a {background:url('../images/coin-droit2.jpg') 100% -82px no-repeat;}
div#en-tete ul#fademenu li.MENU1 span {background:url('../images/coin-gauche2.jpg') -5px -82px no-repeat;}
div#en-tete ul#fademenu li.MENU1 ul span { background: none ; }
div#en-tete ul#fademenu li.MENU1 ul a { background: none ; }
div#en-tete ul#fademenu li.MENU2 a {background:url('../images/coin-droit.jpg') 100% -82px no-repeat;}
div#en-tete ul#fademenu li.MENU2 span {background:url('../images/coin-gauche.jpg') -5px -82px no-repeat; }
div#en-tete ul#fademenu li.MENU2 ul span { background: none ; }
div#en-tete ul#fademenu li.MENU2 ul a { background: none ; }
div#en-tete ul#fademenu li.MENU3 a {background:url('../images/coin-droit3.jpg') 100% -82px no-repeat;}
div#en-tete ul#fademenu li.MENU3 span {background:url('../images/coin-gauche3.jpg') -5px -82px no-repeat; }
div#en-tete ul#fademenu li.MENU3 ul span { background: none ; }
div#en-tete ul#fademenu li.MENU3 ul a { background: none ; }
div#en-tete ul#fademenu li.MENU4 span {background:url('../images/coin-gauche4.jpg') -5px -82px no-repeat;}
div#en-tete ul#fademenu li.MENU4 a {background:url('../images/coin-droit4.jpg') 100% -82px no-repeat;}
div#en-tete ul#fademenu li.MENU4 ul span { background: none ; }
div#en-tete ul#fademenu li.MENU4 ul a { background: none ; }
div#en-tete ul#fademenu li.MENU5 a {background:url('../images/coin-droit5.jpg') 100% -82px no-repeat;}
div#en-tete ul#fademenu li.MENU5 span {background:url('../images/coin-gauche5.jpg') -5px -82px no-repeat;}
div#en-tete ul#fademenu li.MENU5 ul span { background: none ; }
div#en-tete ul#fademenu li.MENU5 ul a { background: none ; }
div#en-tete ul#fademenu li.MENU6 a {background:url('../images/coin-droit6.jpg') 100% -82px no-repeat;}
div#en-tete ul#fademenu li.MENU6 span {background:url('../images/coin-gauche6.jpg') -5px -82px no-repeat;}
div#en-tete ul#fademenu li.MENU6 ul span { background: none ; }
div#en-tete ul#fademenu li.MENU6 ul a { background: none ; }
div#en-tete ul#fademenu li.MENU7 a {background:url('../images/coin-droit7.jpg') 100% -82px no-repeat;}
div#en-tete ul#fademenu li.MENU7 span {background:url('../images/coin-gauche7.jpg') -5px -82px no-repeat;}
div#en-tete ul#fademenu li.MENU7 ul span { background: none ; }
div#en-tete ul#fademenu li.MENU7 ul a { background: none ; }
div#en-tete ul#fademenu li.DT1207322534 a {background:url('../images/coin-droit7.jpg') 100% -82px no-repeat;}
div#en-tete ul#fademenu li.DT1207322534 span {background:url('../images/coin-gauche7.jpg') -5px -82px no-repeat;}
div#en-tete ul#fademenu li.DT1207322534 ul span { background: none ; }
div#en-tete ul#fademenu li.DT1207322534 ul a { background: none ; }


div#en-tete ul#fademenu li a:hover, div#en-tete ul#fademenu li a:focus, div#en-tete ul#fademenu li a.select {background-position:100% 0px}
div#en-tete ul#fademenu a:hover span, div#en-tete ul#fademenu a:focus span, div#en-tete ul#fademenu li a.select span {background-position:-5px -164px}

/* Fin du menu déroulant */


/*CHEMIN + RECHERCHE*/
div#ariane {
	height:35px; 
	padding-left:260px;
	background:url('../images/repeat-bkg-header3.jpg') repeat-x 0 0; 
	position:relative;
}

div#ariane span {position:relative; top:20px; left:0;}
div#ariane input.submit {border:none;}

div#ariane span.chemin {
position: absolute; left:260px; top:10px;
width: 460px;
display: block;
}

div#ariane form {width:190px; position:relative; top:5px; left:480px;}
div#ariane form fieldset {border: 0;}
div#ariane form fieldset legend{display:none;}
div#ariane form fieldset input {border : 1px solid #c1c5c6;font-size : 10px;}

div#ariane form fieldset input.champ {width:100px;}
div#ariane form fieldset input.submit {width:30px; position:absolute; top:4px; left:120px; height:17px}

/*BULLE*/
div.bulle {margin:0 0 20px 40px;}
div.bulle a {border:none !important;}

/*SOUS MENU + ACCES RAPIDES*/
div#gauche{float:left;width:230px;margin:0;padding:0;border:0;}


/*sous menu EFFET JS - !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */	
div#sousMenu ul {background: url('../images/top.png') no-repeat 0 0;margin: 0 0 30px 30px;padding: 40px 0 0 0;list-style: none;color: #fff;width: 200px;font-weight:bold}
div#sousMenu ul li {padding:2px 0;}
div#sousMenu ul li ul {padding:2px 0 0 20px; margin:0; background:none; width:180px}
div#sousMenu ul li ul li {list-style:none; font-weight:normal; margin:0 !important; padding:0 !important;_height:10px;}
div#sousMenu ul li ul li ul {padding:2px 0 0 20px; margin:0; background:none; width:160px; display:inline;}
div#sousMenu ul li ul li ul li {color:#858585 !important;font-weight:normal !important;font-size:10px; padding:2px 0 !important;}			

div#sousMenu a {border:none !important;}
div#sousMenu ul li a span, #sousMenu ul li span {display: block;padding: 4px 10px;color: #2f6187;text-decoration: none;background: #fff url('../images/menu-item.png') left bottom no-repeat; border:none !important}
div#sousMenu ul li a:hover span, div#sousMenu ul li a.select span {color:#000;}
div#sousMenu ul li ul li a {margin:0; padding:0;}
div#sousMenu ul li ul li a span {background:none; border-bottom:none !important; margin:0 0 5px 0; padding:0;}
div#sousMenu ul li ul li a:hover span {color:#2f6187 !important;background-color:#f4f6f7 !important;}
/*fin sous menu EFFET JS*/	


/*acces rapides*/
div#gauche div#accesRapides {
    background:url('../images/repeat-hachures.png') repeat-y 0 0;
    padding:0 0 10px 0;
    margin:0 0 0 30px;
    text-align: left;    
}
div#gauche div#accesRapides div.telechargements ul {
/*background:url('../images/picto-telecharger.gif') no-repeat 10px 0px; */
margin:0; 
padding:0 0 0 20px;
}

//par default
div#gauche div#accesRapides div.telechargements ul li span{
	padding: 0;
	margin: 0;
	padding-left: 30px;
	display: block;
}
div#gauche div#accesRapides div.telechargements ul li a.select{
	font-weight:bold;
	color:#333;
}

div#gauche div#accesRapides div.telechargements ul li.NEWSLETTER{
	background:url('../images/picto-newsletter.png') no-repeat  0px; 0px;
}
div#gauche div#accesRapides div.telechargements ul li.CARTE{
	background:url('../images/picto-map.png') no-repeat  0px; 0px;
}
div#gauche div#accesRapides div.telechargements ul li.DIAPORAMA{
	background:url('../images/picto-photo.png') no-repeat  0px; 0px;
}
div#gauche div#accesRapides div.telechargements ul li.SONDAGE{
	background:url('../images/picto-sondage.png') no-repeat  0px; 0px;
}
div#gauche div#accesRapides div.telechargements ul li.ANNUAIRE{
	background:url('../images/picto-annuaire.png') no-repeat  0px; 0px;
}
div#gauche div#accesRapides div.telechargements ul li.TELEC{
	background:url('../images/picto-telechargement.png') no-repeat  0px; 0px;
}
div#gauche div#accesRapides div.telechargements ul li.DT1209129317{
	background:url('../images/picto-journal.png') no-repeat  0px; 0px;
}
div#gauche div#accesRapides div.telechargements ul li.DT1209129773{
	background:url('../images/picto-mensuel.png') no-repeat  0px; 0px;
}
div#gauche div#accesRapides div.telechargements ul li.DT1207662949{
	background:url('../images/picto-presse.png') no-repeat 0px; 0px;
}

div#gauche div#accesRapides div.telechargements ul li.DT1236163110{
	background:url('../images/picto-video.png') no-repeat 0px; 0px;
}
div#gauche div#accesRapides div.telechargements ul li.MARCHEPUBLIC{
	background:url('../images/picto-marchepublic.png') no-repeat 0px; 0px;
}
div#gauche div#accesRapides div.telechargements ul li {background:url('../images/picto-journal.png') no-repeat  0px; 0px;list-style:none; padding:6px 0 6px 33px; border-bottom:1px solid #eee;}
div#gauche div#accesRapides div.telechargements ul li a {padding:0 0 0 0;color:#888; border:none}
div#gauche div#accesRapides div.telechargements ul li a:hover {color:#333;}


div#gauche #prevus  {
    margin: 25px 0 25px 30px;
}
div#gauche #prevus a {
    border:none;
}
div#gauche #prevus a img {
    border:1px solid #EEEEEE;
}
div#gauche #prevus a:hover img {
   border:1px solid #ccc; 
}
div#gauche #prevus .enTete {
  background:url("../images/bkg-enTete.gif") repeat-x scroll 0 0 transparent;
  color:#262626;
  display:block;
  height: 16px;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:15px;
  font-style:italic;
  font-weight:bold;
  padding:10px;
}
/*ZONE PRINCIPALE*/
/*modele 2 colonnes (contenu + colonne sur la droite)*/
div#centre.colonnes{float:left;margin:0;padding:0;border:0;width:520px;background: url('../images/pointilles-460px.png') no-repeat 30px 15px;}
div#droite{float:left;margin:0;padding:0;border:0;width:180px;background: url('../images/pointilles-150px.png') no-repeat 0 15px; padding-top:30px;}

/* Fix ie6 */
*div#droite {	margin-left:-30px;	margin-right:-30px; }
*+div#droite {	margin:0; }

/*modele 1 colonne (le contenu prend tout l'espace il n'y a pas de div droite)*/
div#centre.colonne{float:left;width:700px;}

/*Icones print/ami*/
ul#outilsZoom {margin: 10px 10px 0 0;float:right;display:inline;list-style: none;}
ul#outilsZoom li {list-style: none;margin : 0;padding : 0;display:inline;background: none;}
ul#outilsZoom li a {width:16px;height:19px;display:inline;float:left; border:none}

a#zoomMoins {margin-right:7px;background: url('../images/zoomMoins.png') no-repeat 0 0;}
a#zoomPlus {background: url('../images/zoomPlus.png') no-repeat 0 0;}
a#envoyerAmi {margin-right:7px;margin-left:7px;background: url('../images/envoyerAmi.png') no-repeat 0 0;}
a#imprimer {margin-right:7px;background: url('../images/imprimer.png') no-repeat 0 0;}
a#commentArticle {background: url('../images/commentArticle.png') no-repeat 0 0;}
a#zoomMoins:hover, a#zoomPlus:hover, a#envoyerAmi:hover, a#imprimer:hover, a#commentArticle:hover {background-position: 0 -19px; border:none}
ul#outilsZoom li a span {display:none;}

/*FOOTER*/
div#bas{clear:left;width:100%;height:100px;background: url('../images/repeat-footer.jpg') repeat-x 0 0; padding:10px 0 0 0;
margin-top: 20px; font-weight: normal; color:#2F6187;
}

div#bas div#contactBas {margin-left:20px; float:left; color:#2F6187; padding:0;}
div#bas div#contactBas a {border:none;}
div#bas div#tourismeBas {
	float : left;
	margin-left:15px; 
	float:left; 
	color:#2F6187;
	/*border-left : 1px solid #2F6187;*/
	padding-left:15px; 
}
div#bas div#tourismeBas a {border:none;}

div#bas ul, div#bas ul.anglais{margin: 0; list-style:none; float:left; margin-left:30px; width: 500px; text-align: center; }
div#bas ul.anglais{margin-left:15px; width: 460px}

div#bas ul.russe{margin-left:5px; width: 510px;padding-left:0px}

div#bas ul li {display:inline;margin-right:10px;}
div#bas ul li a {border:none;}
div#bas ul li.conception {margin-left:0px;}

div#credits { clear: both; padding-top:10px; text-align: right; }

/*----------------------------------------------------------------------------*/
div.visualClear {clear:both;height:1px;}
div.visualClear hr, div#article hr {
display:none;
}
span.oblig, span.alerte {
padding: 0; margin: 0;
padding-left: 5px;color :red; font-size:9px; 
}

div#article span.messageErreur {padding: 0; margin: 0; color :red; font-size:9px; margin-left:65px;
display: block;
clear: both;
margin-left: 155px; 
}

div#article span.messageErreur img{
	padding: 0; margin: 0; border:0;
}

#article form input.error, #article form textarea.error {border:1px solid #e20019; background:#f9c9ce;}


/****** service ************/
div#droite div#HomeService{
	margin : 0;
	padding: 0;
	width: 150px;
	padding-bottom:15px;
	background:transparent url(../images/pointilles-150px.png) repeat-x scroll 0pt bottom;
}

div#droite div#HomeService a {border:none !important}
div#droite div#HomeService a:hover {border:none !important}


div#droite div#HomeService h2 , div#droite div#blocService h2{
	font-weight:normal;
	font-size:12px;
	background:url(../images/bkg-enTete.gif);
	border-bottom: 1px dotted #ddd; 
	padding: 2px;
}


/*
div#droite div#HomeService a, div#droite div#blocService a {border-bottom:none !important;}
div#droite div#HomeService h2 a{
	color: #000;
	font-weight:bold;
}

div#droite div#HomeService h2 a:hover{
	border:none;
}
*/
div#droite div#HomeService ul {margin:0; padding:0 0 0 10px;}
div#droite div#HomeService ul li {list-style:none; padding:4px 0; border-bottom:1px solid #eee;}
/*
div#droite div#HomeService ul li a {padding:0 0 0 0;color:#888; border:none}
div#droite div#HomeService ul li a:hover {color:#333;}
*/
div#droite a img {border-bottom:none !important}

div#droite div#blocService{
	margin-top: 20px;
}

div#droite div#Localisation{
	margin-top: 20px;
}

div#article div.annuaireBloc img {
	float:right;
	margin-left: 10px;
}

div#blocparking form fieldset input {
	float:none ;
	margin:0;
	margin-right:10px;
	border: none ;
	display: inline; 

}


div.detailcarte img{
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}

span.alertecantine{
	color: #000;
	font-weight:bold;
}
	



div#videotheque div#liste
{
   float:left;
   width:135px;
}


div#videotheque div#liste div
{
    margin-top : 8px;
    
}
div#videotheque div#liste a img
{
    float : left;
}



div#videotheque div#liste a p{
  display:block;
  padding-left:20px;
  /*margin-left:5px;*/
  width:150px;
  /*text-decoration:none !important;*/
}

div#videotheque div#liste a{
  text-decoration:none !important;
}
div#videotheque div#liste a:hover p{
  text-decoration:underline;
}

div#videotheque div#player{
  width:300px;
  float:left;
  /*background:transparent url(../images/video_bkg2.png) no-repeat scroll 0%*/;
  height:227px;
  padding:5px; 
  margin-right:5px; 
}


div#site div#colonnecentre div#indexcentre div#player{
	float: right;
	
	margin-top: 50px;
	margin-right: 120px;
}

#conteneurTipi{
  width:520px;
  margin:0 auto;
  padding:20px;

}

#linkSejour {
    margin-left: -5px;
}

#linkResa {
    margin-left:20px;
}

/*
*   journal gauche
*/

#journal { 
    clear: both;
    text-align: center;
    width: 155px;
    padding-bottom: 10px;
    margin: 20px 0;
    background: url(../images/repeat.jpg) 
}
#journal img {
    margin:10px 0 4px 0;
}

#journal a {
    color:#7a8877;
    margin-bottom: 10px;
}
/*
* meteo
*/

body #meteo {
    clear: both;
    overflow: hidden;
    color:#808080;
    margin: 20px 0;
}
body #meteo h4 {
    font-size: 12px;
}
#temp div {
    font-size: 22px;
    height: 30px;
}

#temp span {
margin-top: 5px;
/*margin-left: 10px;*/
    font-size: 22px;
}
#temp {
    /*width:60px;*/
    height: 70px;
    float: left;
    font-weight: bold;
}

.imgMeteo {
    width: 90px;
    float: left;
}

#deroulerService {
    display: none;
    height: 0px;
    overflow: hidden;
}
#deroulService {
    cursor: pointer;
}

#slideshow {
/*position: relative;*/
width: 452px;
height: 301px;
}
a.prevuImprevu img{
  margin-left:40px;
}

#meteo div.default table{
  background:none;
  border:none;
  border-spacing:0;
  padding:0;
  margin:0;
  
}

#meteo div.default table a{
  text-decoration: none;
  border-bottom:none;
}
#meteo div.default table tr{
  border:none;
  padding:0;
}

#meteo div.default table tr td{
  border:none;
  margin:0;
  padding:0;
}


.articleHome p{
  width:430px;
}
.meteo_ville{
  color:black !important;
}