/* Generale */
* {
	padding: 0;
	margin: 0;
	} 

body {
	font-family : "Helvetica Neue", Verdana, Geneva;
	line-height : 1.5em;
	font-size : 12px;
	background : #fff;
	background : #F8F5EE url(images/background2.jpg) center top no-repeat;
	color : #FFF;
	}

a {
	font-family : "Helvetica Neue", Verdana, Geneva;
	font-size : 12px;
	color : #FFFFFF;
	text-decoration : none;
	}

a:hover {
	text-decoration : underline;
  }

.aligneHaut{ 
	vertical-align:top;
	}

.clearCatalogue{
	clear:both;
	}

#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
	}

h1 {
	font-size:18px;
	color: #1CBBF2;
	margin-bottom: 10px; 
	margin-top: 10px;
	}

h2 { 
	font-size: 15px;
	color: #1CBBF2;
	margin-bottom: 10px; 
	/*height:22px;*/
	margin-top: 10px;
	}

h3{
	color : #666966;
	font-weight:bold;
	font-size:14px;
	}

.titreA { 
	background-image: url(images/puceA.png);
	background-repeat:no-repeat;
	background-position:top left;
	}

.titreA a{ 
	font-size: 15px;
	color:#E5E5E5;
	font-weight:bold;
	}
	
.titreA a:hover{ 
	text-decoration:underline;
	}

.invisible{
	width:0px;
	height:0px;
	left:-1000px;
	top:-1000px;
	position:absolute;
	overflow:hidden;
	display:inline;
	}
	
.top{
	vertical-align:top;
	}
/* Fin generale */

	#wrap {
		margin : auto;
		width : 968px;
		}
	
	#top { 
		height : 263px;
		}
	
	#top .header{
		height : 42px;
		padding-left : 4px;
		}
	
	#top .mod_changelanguage{
		float:left;
		margin-top : 15px;
		margin-right : 30px;
		/*padding-top : 15px;*/
		}
	
	#top .header .mod_changelanguage ul {
		list-style : none;
		}
	
	#top .header .mod_changelanguage li {
		float:left;
		margin : 0px 15px;
		}
	
	#top .header .mod_changelanguage a {
		color : #606163;
		}
	
	#top .header .meteo{
		float : left;
		height : 38px;
		margin-top : 3px;
		}
	
	#top .header .meteo img{
		display : block;
		}
	
	#top .header .meteo a:hover{
		text-decoration : none;
		color : #BBCE33;
		}
	
	/* MODULES : Rechercher */
	.rechercher{
		margin : 12px 4px 0px 0px;
		float : right;
		} 
	
	#ctrl_keywords { /* Bouton rechercher, qui passe en div .top puis en div .content*/
		height : 22px; 
		width :127px;
		float : left;
		padding-left:26px;
		background-image:url(images/corpsRechercher4.png);
		background-color:transparent;
		background-position:top left;
		background-repeat:no-repeat;
		border:none;
		color:#FFF;
		}
	
	#ctrl_submit {  /* Bouton rechercher, qui passe en div .top puis en div .content*/
		height : 22px;
		width : 55px;
		float : left;
		background-image : url(images/corpsRechercher4.png);
		background-color : transparent;
		background-position : top right;
		background-repeat : no-repeat;
		border : none;
		color : #FFF;
		}
	/* Fin MODULE */
	
	#top #barreFlash{
		height : 221px;
		padding-left : 4px;
		}
	
	#content{
		padding : 0px;
		}
	
	.content-top{
		background : url(images/content-top-1.png) left top no-repeat;
		height : 28px;
		}
	
	.content-middle{
		padding-left : 4px;
		background : url(images/content-middle-1.png) left top repeat-y;
		}
	
	.content-bottom{
		height : 22px;
		background : url(images/content-bottom-1.png) left top no-repeat;
		}
	
	.middle {
		float : left;
		width : 650px;
		margin : 15px 10px 15px 20px;
		}
		
	.middle .panoramique1{
		padding:45px 0px 0px 0px;
		clear:both;
		}
/*calendrier*/
	.middle #event_calendar table{
		width:100%;
		text-align:left;
		}
  
	.middle #event_calendar  a{
		color:#58595B;
		text-decoration:none;
		font-size:12px;
		}
	
	.middle #event_calendar a:hover{
		color:#000;
		cursor:pointer;
		font-size:12px;
		text-decoration:underline;
		}
		
	.middle #event_calendar .calendar{
	margin-top:30px;
	}
	
	.middle #event_calendar .calendar thead th
	{
		padding-bottom:20px;	
	}
	
	.middle #event_calendar .calendar thead th.current
	{
		text-align:center;	
		width:60%;
	}	
	
	.middle #event_calendar .calendar thead th.next
	{
		text-align:right;
		width:20%;
	}	
	
	.middle #event_calendar .calendar thead .head{
		color: #27a8e2;
		font-size:14px;
		}
		
	.middle #event_calendar .calendar thead .head a{
		color: #bbce33;
		font-size:14px;
		}
	
	.middle #event_calendar .calendar tbody tr td{
		vertical-align:top;
		margin:0px;
		padding:0px;
		}
		
	.middle #event_calendar .calendar tbody tr .days{
		width:20%;
		}
		
	.middle #event_calendar .calendar tbody tr .list_event{
		width:80%;
		padding-bottom:15px;
		}
		
		/* classes pour le calendrier des événements*/
		.middle #event_calendar .calendar tbody .evt_corail{color:#ed615d;}
		.middle #event_calendar .calendar tbody .evt_corail a{color:#ed615d;}
		.middle #event_calendar .calendar tbody .evt_orange{color:#febd1b;}
		.middle #event_calendar .calendar tbody .evt_orange a{color:#febd1b;}
		.middle #event_calendar .calendar tbody .evt_vert{color:#bbce33;}
		.middle #event_calendar .calendar tbody .evt_vert a{color:#bbce33;}
		.middle #event_calendar .calendar tbody .evt_turquoise{color:#0dd3bb;}
		.middle #event_calendar .calendar tbody .evt_turquoise a{color:#0dd3bb;}
		.middle #event_calendar .calendar tbody .evt_bleu{color:#27a8e2;}
		.middle #event_calendar .calendar tbody .evt_bleu a{color:#27a8e2;}
		.middle #event_calendar .calendar tbody .inactive{color: #d6d6d6;}
		.middle #event_calendar .calendar tbody .inactive a{color: #d6d6d6;}
		
/*fin calendrier*/

	.right {
		float : left;
		width : 260px;
		margin : 10px 5px 15px 10px;
		}
	
	.right .brochure-accueil{
		background:url(images/fond-brochures.png) center top no-repeat;
		vertical-align:top;
		padding-top:13px;
		padding-left:1px;
		text-align:center;
		}
	
	.right .bouton-decouverte{
		width:50%;
		}
	
	.right .mod_customnav{
		margin-left:12px;
		margin-top:7px;
		color:#FFF;
		}

	.right .mod_customnav a{
		text-decoration:none;
		color:#1CBBF2;
		}

	.right .mod_customnav a:hover{
		text-decoration:underline;
		}

	#bottom{
		margin-top : 15px;
		padding : 37px 15px 0px 15px;
		height : 148px;
		font-size:10px;
		color:#999;
		background:url(images/bottom1.png) center top no-repeat;
		}
	
	#bottom .aligneMilieu{
		vertical-align:middle;
		color:#FFF;
		}

	#bottom .aligneMilieu a{
		vertical-align:middle;
		color:#FFF;
		text-decoration:underline;
		font-size:10px;
		}
	
	#bottom .aligneMilieu a:hover{
		vertical-align:middle;
		color:#bbce33;
		text-decoration:none;
		font-size:10px;
		}

	#bottom .aligneMilieuA{
		vertical-align:middle;
		}

	#bottom .aligneMilieuA a{
		vertical-align:middle;
		color:#999;
		text-decoration:underline;
		font-size:10px;
		}	
	
	#bottom a:hover{
		font-size:10px;
		color:#bbce33;
		text-decoration:none;
	}
	
	#bottom .case1{
		vertical-align:bottom;
		}
	
	#bottom #logo-partenaire{
		width:230px;
		vertical-align:top;
		}
	
	#bottom #adresse-ot{
		width:260px;
		color:#FFFFFF;
		vertical-align:middle;
		}
	
	#footer {
		text-align: center;
		color: #666;
		}
		
	.mod_eventlist .header {
		height : 42px;
		padding-left : 20px;
		}
	
	.imageSpace {
		float:left;
		margin : 2px 15px;
		}

	.imageSpace1 {
		float:left;
		margin : 2px 18px;
		}
	
	.taille1{
		width :100%;
		}
	
	.taille50{
		width : 25%;
		height : auto;
		text-align : left;
		}
	
	.taille71{
		width : 71px;
		height : auto;
		text-align : left;
		}
	
	.layout_short, .mod_eventlist .event{ 
		margin-left: 12px;
		}
		
	.mod_eventlist h2{
		font-size : 16px;
		font-weight : bold;
		}
	
	.mod_eventlist .header, .event .time, .layout_short .info, .event .more a, .layout_short .more a {
		font-size : 10px;
		}
	
	.mod_eventlist .empty{padding-left:12px;}
	
	.event .more, .layout_short .more {
		text-align : left;
		}
		
	.mod_eventlist .header{
		height : auto;
		background : none;
		color:#999;
		}
	
	.event .time, .layout_short .info{
		color:#1CBBF2;	
		}

	.event .more a, .layout_short .more a {
		color : #A8A8A8;
		}
	
	.decouverte ul { 
		margin:0px;
		padding:0px;
		}
	
	.decouverte li {
		padding-left:10px;
		padding-top:2px;
		list-style:none;
		background-image:url(images/bouton.png);
		background-position:left top;
		background-repeat:no-repeat;
		height:22px;
		width:102px;
		}
	
	.breadcrumbs { 
		background: #F6F9FB; 
		border-bottom: 1px solid #E1E1E1; 
		padding: 5px;
		}
	
	.texte{
		margin-left:5px; font-size:10px;
		}
	
	.ville{clear:both;}
	
	.vignette{
		/*max-width:100px; max-height:100px;*/ margin-right:5px;
		}
		
	.bloc{
		margin-bottom:20px;
		}
		
	.tableauDetails{
		vertical-align:top;
		width:45%;
		}
	
	.tableauGenerale{ 
		vertical-align:top;
		}
		
	.value{ 
		text-align:left;
		}
		
	#resume-hebergement{ 
		margin-bottom:20px;
		}
		
	.floatLeft{ 
		float:left;
		}
		
	.bloc .image img {
		border:#666666 1px solid;
		}
		
	.catalogue-tr{
		width : 33%;
		vertical-align : top;
		height : 120px;
		}
		
	.middle .header{
		height:auto; 
		/*background:#E6E6E6 none;*/
		}
	
	.middle .mod_catalogfilter{ 
		margin-bottom:-23px;
		}
	
	#resume-de-laccueil {
		margin-bottom:25px;
		}
	
	.petit{ font-size:10px; color:#666;}
	
	.ce_comments { margin-top:40px;}
	
	.middle .mod_navigation ul{ list-style:none; padding-left: 30px; }
	
	/* Titre */
	.ce_text h3 {
		margin:20px 0 10px 0;
		}

	.mod_dlh_googlemaps h3 {
		margin:0px 0 15px 0;
		color:#666;
		}
		
	.right h1, .right h2 {
		color:#E5E5E5;
		margin-top : 25px;
		font-weight : bold;
		padding-left : 20px;
		margin-bottom: 0px; 
		}
	
	.mod_newslist h2, .mod_navigation h2{
		margin-top : 0px;
		padding-left : 20px;	
		}
		
	.event h2, .layout_short h2{
		padding : 0px;
		margin-top : 10px;
		}
	
	.event h2{font-size:14px;}
	
	#bottom h3{
		color : #1CBBF2;
		}
	
	#bottom h4{ 
		font-size:10px;
		}
		
	.middle .value h3 {
		color:#666;
		font-size:14px;
		}
		
	.texte-petit {
		font-size:11px;
		color:#E5E5E5;
		}
	
	.decalage{
		margin-left :20px;
		}
	/* Fin titre */
	/*Actu à la une*/
	#actuune .layout_full{margin-top:30px;}
	.image_container_une{margin-top:10px;text-align:center;}
	/*Trail Sourire à la vie*/
	#trail{margin-top:40px;text-align:center;}
	
	/*Accueil*/
	#home_right{width: 307px; float:right; margin:14px 0 10px 10px;}
	#home_right img{border: #777777 solid 1px;}
	#home_right p{margin-bottom:5px;}