/* CSS Document */

/*
     _                      _                     
 ___| |_ ___ _ __  __ _ _ _(_)_ _    __ ___ _ __  
/ _ \  _|___| '  \/ _` | '_| | ' \ _/ _/ _ \ '  \ 
\___/\__|   |_|_|_\__,_|_| |_|_||_(_)__\___/_|_|_|

*/


/* ===========================================
STRUCTURE DU SITE
 =========================================== */
body {
	background:url(../images/bg_otm.png) #4396ca repeat-x; 
	font:normal 11px arial; 
	margin:0; 
	padding:0;
}

#page { 
  	margin:0 auto;
   	padding:15px 0 30px 0;
   	width:1024px;
}

#main { 
	margin:0 auto; 
	width:916px;
}

a img{border:0;} /* Retirer la bordure autour des images qui sont dans des a*/

img.spip_logos{float:left; margin-right:10px;}

/* ===========================================
BLOC HEADER
 =========================================== */
 
/* PREHEADER */
#preheader {  
	color:#ccc;
	font-size:10px;
  	margin-bottom:2px;
	text-align:right;
}
 
#preheader a { 
	color:#ccc; 
	text-decoration:none; 
}

#preheader a:hover { 
	text-decoration:underline;
}

#home { color:#8aadd0; float:left; }

/* HEADER */
#header { height:269px; margin-bottom:2px; }

/* MENU */
#menu {}
#menu ul { 	margin:0 1px 0 0;  padding:0; 	height:24px;  float:left;  font-weight:normal;}
.section1 a{ width:60px;}
.section14 a{ width:60px;}
.section8 a{ width:59px;}
.section21 a{ width:67px;}
.section25 a{ width:50px;}
.section17 a{ width:100px;}/*64px*/

#menu ul li { 
	background:url(../images/bg_menu.jpg) repeat-x #2c4674;
	color:#FFF; 
	/*float:left; */
	height:24px; 
	list-style:none;
	padding:0;
 	text-align:center; 
	font-weight:normal;
}
#menu ul li.on{
	background:url(../images/bg_menu.jpg) repeat-x #FFF;
	height:27px;
}

#menu ul.parent { float:left; position:relative; }
#menu ul.child{  position:absolute; top:24px; left:0; z-index:3; width:160px;}
#menu ul.child li{ display:block; background-image:none; background-color:#274d7a; border-bottom:1px solid #CCC; float:left; text-align:left; height:auto; width:160px;}
/*#menu ul.child li{ background-image:none; background-color:#1C6791; text-align:left; height:auto; }*/
.hidden{display:none;}

#menu ul.child li{ text-align:left; height:auto; }
.hidden{display:none;}


#menu ul li a { color:#FFF; text-decoration:none; padding:5px 20px; display:block; }
#menu ul li a:hover { background:#FFF; color:#2c4674;  }
#menu ul li.on a:hover {background:none; color:#FFF;}

#menu .child a{width:120px;}

#newsletter { float:right; font:normal 11px arial; color:#FFF;}

#spacer { height:6px; line-height:0px; font-size:0px; clear:both;  }

/* ===========================================
BLOC CONTENU
 =========================================== */

#contenu { 
	background:url(../images/bg_contenu.jpg) #FFF repeat-x; 
	padding:15px 0 0 5px; 
}

/* ===========================================
FIL D'ARIANE
 =========================================== */
 
#fil_dariane { 
	color:#999;
}

#fil_dariane a { 
	color:#666; 
	font-weight:bold;
	text-decoration:none;  
}

#fil_dariane a:hover { 
	text-decoration:underline; 
}

/* ===========================================
BLOC GAUCHE
 =========================================== */
#gauche { 
	background-color:#FFF; 
	float:left; 
 	width:728px; 
}

#pub{ 
	margin-top:10px; 
}

.bloc_content{
	background:url(../images/bg_actualite.jpg) #FFF repeat-x; 
	border:1px solid #ccc; 
	color:#000;
	height:auto !Important; /* Hack de min-height sous ie6 */
	height:317px;
	margin:10px 0 10px 0;
	min-height:317px;
	font:normal 11px arial; 
	padding:10px 0 10px 10px;
}

.bloc_content_2{
	background:url(../images/bg_actualite.jpg) #FFF repeat-x; 
	border:1px solid #ccc; 
	color:#000;
	height:auto !Important; /* Hack de min-height sous ie6 */
	height:317px;
	margin:10px 0 10px 0;
	min-height:317px;
	font:normal 11px arial; 
	padding:10px 0 10px 2px;
}



#actualite a{
	color:#000;
	text-decoration:none;
} 

#titre { 
	background:url(../images/bg_titre.jpg) no-repeat #1d608b; 
	color:#FFF; 
 	font:bold 18px arial; 
 	height:23px;/*25-2*/
  	padding:2px 0 0 20px; 
	width:138px;/*158-20*/
}

.voir_tout { 
	float:right; 
	margin-right:10px;
}
	
.voir_tout a { 
	color:#000; 
	text-decoration:none; 
}
.voir_tout a:hover { text-decoration:underline; }

#contenu_actualite { 
	text-align:justify;
	width:580px; 
}

.logo_article { 
 	border:1px solid #CCC; 
	float:left; 
	margin:10px 10px 10px 0;
}

.date { 
	color:#d4031c; 
	font-weight:bold; 
	padding-top:10px; 
	font-size:11px
}

.titre { 
	color:#1d608b; 
	font-size:11px; 
	font-weight:bold; 
	margin:0 0 5px 0;
	padding:0;
}

/* ===========================================
BLOC MENU GAUCHE
 =========================================== */
#menu_left{
	float:left;
	margin-right:20px;
	width:164px;
}

#menu_left #titre { 
	background:url(../images/top-menu-titre.jpg) top left no-repeat #1d608b; 
	color:#FFF; 
	height:auto;
 	font:normal 16px arial; 
	margin:0 0 0 6px;
  	padding:2px 10px 0 10px; 
	width:138px;/*158-20*/
	text-align:center;
}

#menu_left ul{
	background:#180734;
	color:#FFF;
	margin:0;
	padding:8px;
	width:148px;	
}

#menu_left ul.menu_left_color18{background:#09c;}
#menu_left ul.menu_left_color19{background:#2ebf31;}
#menu_left ul.menu_left_color20{background:#a10417;}
 
#menu_left li{
	list-style-type:none;
	margin:0;
	padding:0;
	color:#FFF;
}

#menu_left li a{
	text-decoration:none;
	color:#FFF;
}  

#menu_left li a:hover{
	text-decoration:underline;
} 

#menu_left li.rubrique{
	border-bottom:1px dotted #FFF;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:4px;
	padding-bottom:4px;
} 

/* ==================================================
CONTENU D'UN ARTICLE
================================================== */

#bloc_content_article{
	margin:26px 25px 0 190px;
}

span#prestataire{
	color:#000;
	font-size:11px;
	font-weight:normal;
}

#cadre_partenaire{
	border:1px solid #ccc; 
	margin-bottom:8px;
}

#bloc_content_article a{
	color:#000;
	text-decoration:none;
}
 
#bloc_content_article a:hover{
	text-decoration:underline;
}

#bloc_content_article h1, #bloc_content_article h1 a{
	color:#1d608b;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-decoration:none;
}

#bloc_content_article h2{
	background:url(../images/h1_background.gif) no-repeat #1D608B;
	color:#FFF;
	font-size: 12px;
	height:23px;
	margin:0 0 5px 0;
	padding:8px 0 0 5px;
}

#bloc_content_article h2 a{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-decoration:none;
}

.bloc_article{
	margin-bottom:8px;
}

/* ==================================================
SECTION RAPIDE : SE LOGER, SE DEPLACER, SE RESTAURER
================================================== */

#rapide { 
	 background:url(../images/bg_rapide.jpg) repeat-x;  
	 border:1px solid #CCC; 
	 float:left;
	 height:auto !Important; /* Hack de min-height sous ie6 */
	 height:120px;
	 min-height:120px;;
	 width:435px;
}

#se_loger, #se_deplacer, #se_restaurer {
	 float:left; 
	 font:normal 12px arial; 
	 margin:0 3px 0 0; 
	 width:143px; 
}
#se_restaurer { margin:0; }

#se_loger a, #se_deplacer a, #se_restaurer a{text-decoration:none;}
#se_loger a { color:#1d608b;  }
#se_deplacer a { color:#2c9002; }
#se_restaurer a { color:#8f002b;  }
#se_loger a:hover, #se_deplacer a:hover, #se_restaurer a:hover { text-decoration:underline; }

#tourisme { float:left; }

/* ===========================================
BLOC DROITE
 =========================================== */
#droite {
	float:right;
	padding:10px 0 0 2px;
	width:179px;
}

#droite a{
	color:#2b2b61;
	font-size:11px;
	text-decoration:none;
}
#droite a:hover{text-decoration:underline;}

/* ===========================================
METEO
 =========================================== */
#heure-temp {}

/* ===========================================
CALENDRIER
 =========================================== */
#bloc_agenda p{margin:3px 0; padding:0;}
 
#calendar {background:#e4e4e4;  text-align: center; width:175px;}
#calendar table { padding: 0; color:#999; width: 100%;}
#calendar caption {color:#4396ca; font-size:12px; font-weight: bold; text-transform:uppercase;}
#calendar th { background: #CCC; color:#9e837a; font-size:10px; font-weight: bold;  }
#calendar th abbr { border: none; cursor: help; }
#calendar td { background: #DDD; color:#967d73; border: none; line-height: 1.6em;  margin: 0; padding: 0; text-align: center}
#calendar td a { background-color:#ececec; color:#60a5d1; display: block; font-weight:bold; text-decoration: none;}
#calendar td a:hover { background-color: #60a5d1;  color: #ececec; text-decoration:none; }
#calendar table td.today a{ background:#000099 ; color:#FFFFFF;border:2px solid #FF9900;  }
#calendar a { color:#2596bb;}

#calendar td.occupe a{ background:#60a5d1 ; color:#ececec; }


/* ===========================================
BLOC FOOTER
 =========================================== */
#bloc_footer {background:#FFF; float:left; width:916px;}
 
#footer {
	background:url(../images/bg_footer.png) top left repeat-x;
	margin-top:15px;
	padding:5px;
	position:relative;
	height:134px; /*144-10*/
	width:904px; /*914-10*/
}

#bloc_partenaires , #bloc_contact{ 
	background:url(../images/bg_titre_2.jpg) no-repeat #FFF; 
	color:#FFF; 
 	height:23px;/*25-2*/
  	padding:5px 0 0 30px; 
	width:138px;/*158-20*/
}
#footer  #bloc_contact a,
#footer  #bloc_partenaires a{
color:#FFF;
text-decoration:none;
}
#footer a{
	color:#000;
	text-decoration:none;
}
#footer a:hover{text-decoration:underline;}

#partenaires {float:left; margin-top:15px; width:358px;}
#contact {float:left; margin-top:15px; width:266px;}
#copyright {float:left; margin-top:80px; width:280px;}

#partenaires p, #contact  p, #copyright p{margin:0; padding:0;}
#contact p{border-left:3px solid #e46b09; padding-left:3px;}
#copyright p{border-right:3px solid #e46b09; padding-right:3px;}