/* 

	=  structure

*/
	html{background-color:#094481;}
	body{
		font-family:Arial, sans-serif;
		background-color:transparent;
		background-image:none;
		}
	#content{
		position:relative;
		overflow:hidden;
		width:960px;
		padding-bottom:10px;
	}
	body.home-white .habillage-home {
		width: 970px; margin-left:-5px;
	}
	body.home-white .habillage-home #content {
		width:970px;
		background:transparent url('/extension/client/design/common/images/home-content-main.png') no-repeat 4px 326px;
	}
	
	#extraContent, #extraFooter { overflow:hidden; *height:1%;}
	#extraFooter {clear:both; padding-bottom:50px;}
	
	.warning {color:#DE1666; font-weight: bold;}
	
/*

	= BONS PLAN - rajout juillet 2013 - loic

*/
	.bons-plans {}
	.bons-plans a {
		display:block; cursor:pointer;
		position:absolute; right: 25px; top: 0;
		width: 130px; height: 110px;
		text-indent: -1000em;
		background:transparent url('/extension/client/design/common/images/bons-plans.png') no-repeat 0 0;
		}
	.bons-plans em.next-info {
		position:absolute; 
		top:22px!important; 
		right:132px!important; left:auto!important;
		display: block; width: 325px; height: 45px; 
		padding: 10px 20px 10px 10px;
		font-size: 100%; color:#fff; line-height: 150%;
		background:transparent url('/extension/client/design/common/images/bons-plans-box.png') no-repeat 0 0;
	}
	
/* 

	=  Header

*/
	#header {position:relative; height:120px;}
	
	body#home #header {	background:transparent url('/extension/client/design/common/images/home_bg_extracontent.png') no-repeat;}
	
	body.home-white #header {background:transparent url('/extension/client/design/common/images/home_bg_extracontent_white.png') no-repeat!important;}

	#header ul{list-style-type:none;}
	#header h1 {margin: 0 0; padding: 0 0;}
	#header h1 a{
		position:absolute;
		top:67px; left:10px;
		display:block;
		width:229px; height:55px;
		overflow:hidden; text-indent:-200em;
		margin: 0 0; padding: 0 0;
		background:transparent url('/extension/client/design/common/images/header_log_oceano.png') no-repeat;
		z-index:10;
	}
	#header .infoHeader{
		position:absolute;
		top:67px; left:329px;
		display:block;
	}
	#header .infoHeader h2{
		color:#fff;
		font-size:140%;
	}
	#header .infoHeader h2 em{
		font-weight:normal;
		font-size:70%;
	}
	
/*

	= navtools & navcorpo / juillet 2013 / loic

*/
	#navtools{
		height:30px;
		color:#fff;
	}
	#navtools a{
		color:#fff;
		text-decoration:none;
		}
	#langue{float:left;}
	#navcorpo{float:right;}

	#langue li,
	#navcorpo li{
		float:left;
		margin:5px 5px 0 5px;
		position:relative; z-index:10;
	}

	#langue li, #langue li a{
		display:block;
		width:20px; height:20px;
		overflow:hidden;
	}
	#langue li a {text-indent:-200em;}
	#langue li.fr{background:transparent url('/extension/client/design/common/images/header_fr.png') no-repeat;}
	#langue li.gb{background:transparent url('/extension/client/design/common/images/header_gb.png') no-repeat;}
	
	#navcorpo li {padding-left:18px; cursor:pointer;}
	#navcorpo li.mobile{background:transparent url('/extension/client/design/common/images/header_pict_mobile.png') no-repeat 0 2px;}
	#navcorpo li.contact{background:transparent url('/extension/client/design/common/images/header_pict_contact.png') no-repeat 0 2px;}
	#navcorpo li.album{background:transparent url('/extension/client/design/common/images/header_pict_album.png') no-repeat 0 2px;}
	#navcorpo li.press{background:transparent url('/extension/client/design/common/images/header_pict_presse.png') no-repeat 0 3px;}
	#navcorpo li.brochure{background:transparent url('/extension/client/design/common/images/header_pict_brochure.png') no-repeat 0 3px;}
	
	#navcorpo li.bretagne {
		margin-right: -70px;
		margin-top: -10px;
		cursor:none!important;
		position:absolute; right:0;
		display:block; text-indent: -1000em;
		width: 45px; height: 110px; 
		background:transparent url('/extension/client/design/common/images/header_pict_bretagne.png') no-repeat 0 3px;
		}

	#navcorpo ul.niv2{
		float:right; position:absolute; top:20px; right:-5px; background-color:#008FCE;
		display:block; width:120px; margin:0 5px; padding: 5px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;

		}
	
		#navcorpo ul.niv2 li{
			float:none;
			display:block; width:100%;
			position:relative; z-index:100;
			border-bottom:1px #00C8EB solid;
			padding:0 0 !important; margin: 0 0  !important;
			}
			#navcorpo ul.niv2 li a{
				padding:0 0 !important; margin: 0 0 !important;
			}
			
/*

 	= mainav

*/
	#mainav{clear:both; position:relative;}
	#mainav ul{margin: 0 0; padding: 0 0;}
	#mainav .niv1 li{float:left;}
	#mainav .niv1 li.item0 a{
		display:block;
		width:20px; height:20px;
		overflow:hidden;
		position:relative;
		top:10px;
		background:transparent url('/extension/client/design/common/images/bt_home.png') no-repeat;
		text-indent:-200em;
	}

	#mainav .niv1{
		height:24px;
		width:940px;
		position:relative;
	}

	#mainav .niv1 li h2{
		margin: 0 0; padding: 0 0;
		line-height:2.5em;
		font-size:123%; font-weight:normal;
	}

	#mainav .niv1 li h2 a{
		text-decoration:none;
		color:#de1666;
		margin:0 5px;
		padding:6px 5px 8px 5px;
		background-color:transparent;
	}
	#mainav .niv1 li.item4 h2 a,
	#mainav .niv1 li.item5 h2 a,
	#mainav .niv1 li.item6 h2 a,
	#mainav .niv1 li.item7 h2 a,
	#mainav .niv1 li.item8 h2 a {
		font-size:85%;
		color:#00a0ff;
	}

	.blocContent {
	display:block;
	margin:30px 0;
	text-align:center;
	}

	#mainav .niv1 li h2 a:hover,
	#mainav .niv1 li h2 a:focus,
	#mainav .niv1 li h2.active a{
		background-color:red;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		color:#fff;
	}
	#mainav .niv1 li.item1 h2 a:hover,#mainav .niv1 li.item1 h2 a:focus,#mainav .niv1 li.item1 h2.active a{background-color:#7e3080;}
	#mainav .niv1 li.item2 h2 a:hover,#mainav .niv1 li.item2 h2 a:focus,#mainav .niv1 li.item2 h2.active a{background-color:#ef860b;}
	#mainav .niv1 li.item3 h2 a:hover,#mainav .niv1 li.item3 h2 a:focus,#mainav .niv1 li.item3 h2.active a{background-color:#de1666;}
	#mainav .niv1 li.item4 h2 a:hover,#mainav .niv1 li.item4 h2 a:focus,#mainav .niv1 li.item4 h2.active a{background-color:#00a2bc;}
	#mainav .niv1 li.item5 h2 a:hover,#mainav .niv1 li.item5 h2 a:focus,#mainav .niv1 li.item5 h2.active a{background-color:#24a280;}
	#mainav .niv1 li.item6 h2 a:hover,#mainav .niv1 li.item6 h2 a:focus,#mainav .niv1 li.item6 h2.active a{background-color:#66962F;}
	#mainav .niv1 li.item7 h2 a:hover,#mainav .niv1 li.item7 h2 a:focus,#mainav .niv1 li.item7 h2.active a{background-color:#bcbc1c;}
	#mainav .niv1 li.item8 h2 a:hover,#mainav .niv1 li.item8 h2 a:focus,#mainav .niv1 li.item8 h2.active a{background-color:#E45347;}

	#mainav .niv2 {
		position:absolute;
		top:35px; left:-10px;
		width:730px;
		height:55px;
		overflow:hidden;
		padding-left:230px;	
	}
	#mainav .niv2 li{
		font-size:123%;
		line-height:1.7em;
		margin:0 10px;
		display:inline;

	}


	#mainav .niv2 li a{
		white-space:nowrap;
		padding:0px 3px 0px 11px;
		color:#fff;
		text-decoration:none;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background: transparent url('/extension/client/design/common/images/mainav_chevron_blc.png') no-repeat 4px 8px;
		text-align:left;
		display:block;

		}

	/*#mainav .niv2 li a:before{
		content:'› ';
	}*/

		#mainav .niv2 li.billeterie{
			background: transparent url('/extension/client/design/common/images/b_billeterie.png') repeat-x top left;
			padding-left:20px;
/*			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;*/
		}
		#mainav .niv2 li.billeterie a:hover, #mainav .niv2 li.billeterie a:focus , #mainav .niv2 li.billeterie a{
			background-color:transparent;
			background-image:none;
			padding-left:0;
			}

	#mainav ul.item1{background:#7e3080 url('/extension/client/design/common/images/bg_ulitem.png') no-repeat;}
	#mainav ul.item1 li a:hover,#mainav ul.item1 li a:focus, #mainav ul.item1 li.active a{background-color:#985999;}
	#mainav ul.item2{background:#ef860b url('/extension/client/design/common/images/bg_ulitem.png') no-repeat;}
	#mainav ul.item2 li a:hover,#mainav ul.item2 li a:focus, #mainav ul.item2 li.active a{background-color:#f29e3c;}
	#mainav ul.item3{background:#de1666 url('/extension/client/design/common/images/bg_ulitem.png') no-repeat;}
	#mainav ul.item3 li a:hover,#mainav ul.item3 li a:focus, #mainav ul.item3 li.active a{background-color:#e54585;}
	#mainav ul.item4{background:#00a2bc url('/extension/client/design/common/images/bg_ulitem.png') no-repeat;}
	#mainav ul.item4 li a:hover,#mainav ul.item4 li a:focus, #mainav ul.item4 li.active a{background-color:#33b5c9;}
	#mainav ul.item5{background:#24a280 url('/extension/client/design/common/images/bg_ulitem.png') no-repeat;}
	#mainav ul.item5 li a:hover,#mainav ul.item5 li a:focus, #mainav ul.item5 li.active a{background-color:#50b599;}
	#mainav ul.item6{background:#66962F url('/extension/client/design/common/images/bg_ulitem.png') no-repeat;}
	#mainav ul.item6 li a:hover,#mainav ul.item6 li a:focus, #mainav ul.item6 li.active a{background-color:#79B133;}
	#mainav ul.item7{background:#bcbc1c url('/extension/client/design/common/images/bg_ulitem.png') no-repeat;}
	#mainav ul.item7 li a:hover,#mainav ul.item7 li a:focus, #mainav ul.item7 li.active a{background-color:#c9c949;}
	#mainav ul.item8{background:#E45347 url('/extension/client/design/common/images/bg_ulitem.png') no-repeat;}
	#mainav ul.item8 li a:hover,#mainav ul.item8 li a:focus, #mainav ul.item8 li.active a{background-color:#FF6E61;}

	#mainav ul li a.billeterie:hover,#mainav ul li.billeterie a:focus{background-color:#0098ff;}

	#vente_flash{margin-left:200px;}


/* 

	=  fil d'ariane

*/
	#ariane{
		font-size:85%; color:#DC1664;
		margin:5px 20px; font-weight:normal;
		}
	#ariane li{ display:inline;
		}
	#ariane li a{ text-decoration:none; color:#006AB4;}
	#ariane li:before {content: " › ";}
	#ariane li.first:before {content: "";}


/* 
	
	=  page navigator			 

*/
	.pagenavigator{
		margin:20px 0 10px 0;
		padding:10px 0;
		border-top:1px #BDBDBD solid;
		border-bottom:1px #BDBDBD solid;
		text-align:center;
	}
	.pagenavigator .other a, .pagenavigator .current, .pagenavigator .text {
		-moz-border-radius: 3px; /* FF1+ */
		-webkit-border-radius: 3px; /* Saf3+, Chrome */
		border-radius: 3px; /* Opera 10.5, IE 9 */
		background-color:#BDBDBD;
		padding:1px 5px; color:#fff;
		text-decoration:none;
	}
	.pagenavigator .current {background-color:#006CB8;}
	.pagenavigator .other a:hover, .pagenavigator .text:hover{background-color:#006CB8;}


/* 
	
	=  content			 

*/

	.wsg {margin:20px;}
	.wsg h1{font-size:200%;margin:5px 0 10px 0; color:#045894;}
	.wsg h2{font-size:180%;margin:5px 0 2px 0; font-weight:normal; color:#045894;}
	.wsg h3{font-size:150%;margin:5px 0 2px 0; color:#045894;}
	.wsg h4{font-size:120%;margin:10px 0 2px 0; color:#045894;}
	.wsg h5{font-size:110%;margin:10px 0 2px 0; color:#045894;}
	.wsg h6{font-size:100%;margin:10px 0 2px 0; color:#045894;}
	.wsg p{font-size:93%; margin:3px 0 10px 0; color:#545454;}
	.wsg ul,.wsg ol,.wsg dl{font-size:93%; margin:5px 20px; color:#545454;}
	.wsg a{text-decoration:none;}
	.wsg a:hover{text-decoration:underline;}
	.wsg em{font-style:italic;}
	.wsg strong{font-weight:bold;}
	.wsg table{margin:10px 0;}
	.wsg .align-right{float:right; margin:5px 0 5px 10px;}
	.wsg .align-left{float:left; margin:5px 10px 5px 0px;}
	.wsg a{color:#DF1665;}
	.wsg a:hover{text-decoration:underline;}
	.wsg .chapeau{font-size:150%;font-weight:normal; color:#045894;}
	.wsg .chapeau_suite{font-size:125%;font-weight:normal; color:#045894;}

	.wsg ul.liste_chevron{list-style-type:none; margin: 3px 0 5px 0; padding: 0px 0; 
	 }
	.wsg ul.liste_chevron li{
		padding:0 0 0 0;
		margin:3px 0;
		line-height:1.25em;
		}

	.wsg ul.liste_chevron li img{vertical-align:middle;}

	.wsg .souligne{
		padding-bottom:3px; margin-bottom:3px; margin-top:30px;
		border-bottom:1px #045894 solid;
	}

	.wsg .copyright{
		font-size:85%;
		font-style:italic;
	}


	.wsg table.tete_degrade{
		border-collapse:collapse;
		border:1px #D2D2D2 solid;
		width:100%;
		color:#545454;
	}
	.wsg table.tete_degrade th,.wsg table.tete_degrade td{
		border:1px #D2D2D2 solid;
	
	}
	.wsg table.tete_degrade th{
		background: #EEE url('/extension/client/design/common/images/degrade_gris.png') left bottom repeat-x;

	}
	.wsg table.tete_degrade th p{
		font-size:105%;
		color:#767676;
		text-transform:uppercase;
		margin:2px 0;
	}

	.wsg table td.coulfond{
		background-color:#EAF3F8;
		vertical-align:middle;
		padding:10px 5px;
	}

	.wsg .encart{
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background-color:#DF1665;
		padding:5px;
		color:#fff;
		/* clear:both; */ /* TODO  */
	}
	.wsg .encart a{
		color:#fff;
	}
	.wsg .telecharger{
		display:block;
		background: transparent url('/extension/client/design/common/images/browser_download.png') 0 0 no-repeat;
		padding:5px 0 3px 30px;
		color:#005895;
	}
	.wsg .telecharger a{color:#005895; text-decoration:none;}
	.wsg .object-left{margin-right:20px;}
	.wsg .object-right{margin-left:20px;}

	.filet{border-bottom:1px #005895 solid;}

	#content.item_1 .wsg h1, #content.item_1 .wsg .chapeau, #content.item_1 .wsg .chapeau_suite, #content.item_1 .wsg h2, #content.item_1 .wsg h3, #content.item_1 .wsg a:hover{color:#7e3080;}
	#content.item_2 .wsg h1, #content.item_2 .wsg .chapeau, #content.item_2 .wsg .chapeau_suite, #content.item_2 .wsg h2, #content.item_2 .wsg h3, #content.item_2 .wsg a:hover{color:#ef860b;}
	#content.item_3 .wsg h1, #content.item_3 .wsg .chapeau, #content.item_3 .wsg .chapeau_suite, #content.item_3 .wsg h2, #content.item_3 .wsg h3, #content.item_3 .wsg a:hover{color:#de1666;}
	#content.item_4 .wsg h1, #content.item_4 .wsg .chapeau, #content.item_4 .wsg .chapeau_suite, #content.item_4 .wsg h2, #content.item_4 .wsg h3, #content.item_4 .wsg a:hover{color:#00a2bc;}
	#content.item_5 .wsg h1, #content.item_5 .wsg .chapeau, #content.item_5 .wsg .chapeau_suite, #content.item_5 .wsg h2, #content.item_5 .wsg h3, #content.item_5 .wsg a:hover{color:#24a280;}
	#content.item_6 .wsg h1, #content.item_6 .wsg .chapeau, #content.item_6 .wsg .chapeau_suite, #content.item_6 .wsg h2, #content.item_6 .wsg h3, #content.item_6 .wsg a:hover{color:#66962F;}
	#content.item_7 .wsg h1, #content.item_7 .wsg .chapeau, #content.item_7 .wsg .chapeau_suite, #content.item_7 .wsg h2, #content.item_7 .wsg h3, #content.item_7 .wsg a:hover{color:#bcbc1c;}
	#content.item_8 .wsg h1, #content.item_8 .wsg .chapeau, #content.item_8 .wsg .chapeau_suite, #content.item_8 .wsg h2, #content.item_8 .wsg h3, #content.item_8 .wsg a:hover{color:#E55244;}

/* 

	=  footer

*/
	#extraFooter{
		overflow:hidden;
		*height:1%;
		background-color:#094481;
	}
	#sociaux{
		overflow:hidden;
		*height:1%;
		padding:5px 0;
		border-bottom:1px #034479 solid;
	}
	#sociaux img{
			float:left;
		vertical-align:middle;
	}
	#sociaux h3{
		float:left;
		font-size:123%;
		margin: 10px 0px 0 16px;
		color:#00a0ff;
	}
	#sociaux ul{
		margin-top:10px;
		float:left;
		list-style:none;
	}
	#sociaux ul li{
		float:left;
		margin-left:12px;
	}

	#recherche{
		position:relative; top:8px;
		display:block;
		width:233px; height:24px;
		overflow:hidden;
		float:right;
		background: transparent url('/extension/client/design/common/images/footer_bg_recherche.png') no-repeat;
	
	}

	#recherche label{
		display:none;
	}

	#recherche input{
		float: left;
		border:none;
		background-color:transparent;
		color:#fff;
	}

	#recherche #rechercher{
		width:205px;
		position:relative;
		top:3px; left:3px;
	}

	#footmap{
		clear:both;
		padding:10px 0;
		border-top:1px #3F7AB2 solid;
		height:350px;
	}

	#footmap .colfoot{	
		width:168px;
		float:left;
		margin:0 10px;
	}
	#footmap .colfoot.large{
		width:750px;
	}
	#footmap .colfoot.large ul{
		width:168px; float:left;
		margin:0 10px 0 0;
	}

	.colfoot .blocimage{	
		position:relative;
		display:block; height:100px;
		margin-bottom:30px;
	}
	.colfoot .blocimage img{
		position:absolute;
		left:-40px;
	}


	#footmap .colfoot ul{
		list-style:none;
	}
	
	#footmap .colfoot ul.clear{
		clear:left;
	}
	
	#footmap .colfoot li{
		border-bottom:1px #07305B dashed;
		border-bottom:1px #034479 solid;
		padding:3px 0 3px 0px;
		font-size:85%;
	}

	#footmap .colfoot li a{
		padding-left:10px;
		display:block;
		background: transparent url('/extension/client/design/common/images/footer_chevron.png') no-repeat 0 4px;
	}

	#footmap .colfoot h2{
		text-transform:uppercase;
		color:#009AFF;
		font-size:95%;
		margin-top:20px;
	}
	#footmap .colfoot a{
		color:#AFE2FF;
		text-decoration:none;
	}
	#footmap .colfoot .formfoot{
		background: transparent url('/extension/client/design/common/images/foot_select.png') no-repeat;
		height:20px;
		padding-top:3px;
		width:250px;
	}
	#footmap .colfoot #savoir_plus{
		position:relative; top:-1px; left:2px;
		width:203px;
		background:#4A92C0;
		border:1px #4A92C0 solid;
		color:#fff;
	}
	#savoir_plus option { border:none; background-color:#4A92C0;}

	#foot_instit{
		clear:both;
		border-top:1px #3F7AB2 solid;
		color:#fff;
		font-size:85%;
		padding-top:10px;
		position:relative;
	
	}
	.brestain {float: left; margin: -10px 0 0 0;}
	#foot_instit p{
		padding:7px 10px 5px 0 ;
		width:680px;
		float:left;
		display:block;
		/*background:transparent url('/extension/client/design/common/images/macaron_foot.png') no-repeat right bottom;*/
	}
	#foot_instit ul{
	float:left; width:100px;
	list-style:none; 
	margin:0;
	padding: 0 0;
	list-style-position:outside;
	}
	#foot_instit ul li{}

	#foot_instit ul li a{color:#001D34; text-decoration:none;}
	#foot_instit ul li a:hover{color:#fff; text-decoration:none;}

	#viewTools{position:absolute; top:0; right:0;}

	#viewTools .zoomOut,
	#viewTools .zoom0,
	#viewTools .zoomIn{
		display:block; width:20px; height:20px;
		background:red; float:left;
		margin-left:3px;
		text-decoration:none;
		color:#fff; font-size:110%;
		background-color:#3F7AB2;
		text-align:center;
	}
	#viewTools .zoomOut span,
	#viewTools .zoom0 span,
	#viewTools .zoomIn span{
		position:relative; top:4px;
	}

/* 
	=  POUR PAGES SPECIFIQUE
*/
	.col1{overflow:hidden;}
	.col1 img{width:280px; height:100%;}
	.col1 .liste_chevron img{width:auto; height:100%;}

/* 
	=  plan du site
*/

	body.sitemap .wsg{margin:0 0;}
	body.sitemap .wsg h1{margin:0 20px;}
	.sitemap_group { overflow:hidden; margin:10px 0;}
	.sitemap_item a{text-decoration:none; color:#808080;}
	.sitemap_item {
		float:left;
		width:438px; margin:00px 20px;
		border:1px #CDCDCD solid;
		background-color:#FAFAFA;
	}
	.sitemap_item a {text-decoration:none;}
	.sitemap_item h2 {
		font-size:120%; 
		padding:5px 10px; margin: 0 0;
		background:transparent url('/extension/client/design/common/images/degrade_gris.png') left bottom repeat-x;
	}
	.sitemap_item h2 a{color:#005895;}
	.sitemap_item ul{
		list-style-type:none;
		border:1px #CDCDCD solid;
		background-color:#fff;
		margin:5px 10px 10px 10px;
	}
	.sitemap_item ul li{margin:3px; border-bottom:1px #CDCDCD solid;
	}
	.sitemap_item ul li.last{border:none;}

	body#commun{	
		background:#fff url('/extension/client/design/common/images/commun_bg_body.png') repeat-x;
	}
	body#commun #extraContent{
		background:transparent url('/extension/client/design/common/images/home_bg_extracontent.png') no-repeat top center;
	}

/* 
	=  pour les fond de couleur
*/
	body#commun #extraContent.fond_1{
		background:transparent url('/extension/client/design/common/images/home_bg_extracontent_carnav.jpg') no-repeat top center;
	}
	body#commun #extraContent.fond_2{
		background:transparent url('/extension/client/design/common/images/home_bg_extracontent_fond2.jpg') no-repeat top center;
	}
	body#commun #extraContent.fond_3{
		background:transparent url('/extension/client/design/common/images/home_bg_extracontent_fond3.jpg') no-repeat top center;
	}
	body#commun #content{	
		background:#fff url('/extension/client/design/common/images/bg_content.png') repeat-x;
		padding-bottom:40px;
	}
	#content .blockinfo{
		list-style-type:none;
		margin: 0 0; 
		background-color:#F5F5F5;
		margin-top:25px;
		border:1px #C2C2C2 solid;
	}

	#content .niv1.blockinfo { padding:10px 0; }

	#content .blockinfo .wsg{margin: 0 0; padding: 0 0;}
	#content .blockinfo .wsg h3{
		background:transparent url('/extension/client/design/common/images/degrade_gris.png') repeat-x bottom left;
		padding:5px;
		font-size:120%; 
		margin-top:0;
	}
	#content .blockinfo .wsg p{ margin:10px;}

	#content .niv1 li{
		margin:3px 10px;
		border-bottom:1px #C2C2C2 solid;
		padding:3px 0;
	
	
	}
	#content .niv1 li a{
		text-decoration:none;
		color:#454545;

	}
	/*--------------------- bloc animations*/
	#content.fond_1{
		background:transparent url('/extension/client/design/common/images/bg_content_hiver.png') repeat-y !important;
	}

	#content.fond_1 .grid_3 {font-size:93%;}

	#content .topanimation{
		color:#fff;
		margin: 0 0; padding:5px 10px;
		background: #fff url('/extension/client/design/common/images/degrade_abonnement.png') left bottom repeat-x;
		text-transform:uppercase;
		margin:10px;
		}

	.animation {margin: 0 0; padding: 0 0;}
	
	.animation .wsg h3{
		font-weight:normal;
		margin-bottom:0;
		padding-left:10px;
		background: transparent url('/extension/client/design/common/images/chvron_animation.png') no-repeat 0 3px;

	}
	.BlocAnimation{
		clear:both;
		margin:25px 0px 0px 0px; border:1px #C2C2C2 solid;
	}
	.BlocAnimationimage{
		display:block; 
		text-align:right; text-transform:uppercase; color:#fff; text-decoration:none; font-size:85%;
		margin:0 0 10px 0  ;
		background: transparent url('/extension/client/design/common/images/savoirplus.png') no-repeat top right;
		padding:3px 8px;
	}

	.animation .wsg p { margin-top:0;}
	.BlocAnimation .wsg h3{	color:#009DB7;} 

	.modalite{ 
		background-color:#F5F5F5;
		padding-bottom:10px;
		margin:10px;
		border:1px #C2C2C2 solid;
	
	}
	.modalite .wsg{
		color:#535548;
		margin: 0 0; padding: 0 0;
	}
	.modalite h3{
		background: #fff url('/extension/client/design/common/images/degrade_gris.png') left bottom repeat-x;
		padding:5px 20px;
		font-size:110%;
		color:#005895 !important;
		margin-top:0;
	}
	.modalite h4,.modalite p{margin:0 20px;}
	.modalite h4{
		color:#535548; font-weight:normal; 
		background-image:none !important; 
		padding-left:0 !important; padding-bottom:3px; 
		margin-top:10px; margin-bottom:3px;
		border-bottom:1px #969696 solid;
	 }
	.modalite p{color:#535548; }

	.fond_1 .more{
		border-top:1px #005895 solid;
	}
	.fond_1 .more a{
		background-color:#005895;
		float:right;
		padding:3px 10px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		text-transform:uppercase;
		color:#fff; text-decoration:none;
		font-size:85%;
	}
	.fond_1 .more a:hover{
		background-color:#EB0059;
	}

	/*-------------------------------------------------------------------------------------*/
	/* =  page visite			 */
	/*-------------------------------------------------------------------------------------*/
	#calendrier,#ressources,#Question{
			margin:15px 0px 10px 0px; border:1px #C2C2C2 solid;
			overflow:hidden; *height:1%;
	}
	#calendrier h3 ,#ressources h3,#Question h3{
		background: #fff url('/extension/client/design/common/images/degrade_gris.png') left bottom repeat-x;
		padding:5px 20px;
		font-size:120%;
		color:#005895 !important;
		margin-top:0;
	}
	#calendrier div{
		width:45%; padding:2.5%; 
		float:left;
	}
	#calendrier div h4{
		border:1px #C2C2C2 solid;
		background: #fff url('/extension/client/design/common/images/degrade_gris.png') left bottom repeat-x;
		font-size:100%;
		color:#005895 !important;
		padding:5px;
	}
	#calendrier div ul{
		font-size:93%;
		border:1px #C2C2C2 solid;
		border-top:none;
		list-style-position:inside;
	}
	#calendrier div ul li{
		border-top:1px #C2C2C2 solid;
		padding:3px;
	}

	.blocressources{
		width:45%; padding:2.5%; 
		float:left;
	}
	.blocressources img{
		float:left;
		width:120px; height:120px;
		margin:0 10px 5px 0;
		border:1px #C2C2C2 solid;
		}
	.blocressources h4{margin-bottom:8px;}
	.blocressources h4 a{text-decoration:none;}
	.blocressources p{font-size:93%;}
	.blocressources p.download{
	
		margin:5px 0; 
		}
	.blocressources p.download a{
		text-decoration:none;
		padding:3px 10px;
		background-color:#EEE;

	}
	#Question{
		padding-bottom:20px;
	}
	#Question .question,#Question .reponse{
		margin:5px 20px;
		font-size:93%;
	}
	#Question .question{font-weight:bold; margin-top:10px; color:#006BB5;}
	#Question .reponse{
		background:transparent url('/extension/client/design/common/images/chvron_animation.png') no-repeat;
		border-bottom:1px #C2C2C2 solid;
		padding:0 0 10px 12px;
		margin-bottom:3px;
		color:#565656;
	}

	.item_2 #Question .reponse a{color:#DF1665; text-decoration:none;}
	.item_2 #Question .reponse a:hover{color:#EF860B; text-decoration:underline;}

	.item_7 #Question .reponse a{color:#DF1665; text-decoration:none;}
	.item_7 #Question .reponse a:hover{color:#BEBB0C; text-decoration:underline;}

	#contact{
		background-color:#E8E8E8;
		padding:10px 0px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		margin:20px 0;
		position:relative;
	}

	#liens, #autopromo{
		background-color:#E8E8E8;
		padding:10px 0px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		margin:20px 0;
		position:relative;
	}
	#autopromo{text-align:center; padding:20px 0;}

	.item_1 #autopromo{background-color:#7D3080;}
	.item_2 #autopromo{background-color:#F18500;}
	.item_3 #autopromo{background-color:#DF1665;}
	.item_4 #autopromo{background-color:#00A2BD;}
	.item_5 #autopromo{background-color:#22A180;}
	.item_6 #autopromo{background-color:#67952B;}
	.item_7 #autopromo{background-color:#BEBB0C;}
	.item_8 #autopromo{background-color:#E55244;}


	#liens .object- {margin:5px 0;}

	#contact .object- a{color:#ffffff !important; text-decoration:none;}
	#liens .object- a{
		text-decoration:none;
		color:#ffffff;
		margin:0 0;
		background:transparent url('/extension/client/design/common/images/chvron_animation.png') no-repeat;
		padding-left:12px;
	}
	#contact .object- a:hover,
	#liens .object- a:hover{color:#DF1665 !important;}

	#content.item_1 #contact, #content.item_1 #liens{background-color:#7e3080;}
	#content.item_2 #contact, #content.item_2 #liens{background-color:#ef860b;}
	#content.item_3 #contact, #content.item_3 #liens{background-color:#de1666;}
	#content.item_4 #contact, #content.item_4 #liens{background-color:#00a2bc;}
	#content.item_5 #contact, #content.item_5 #liens{background-color:#24a280;}
	#content.item_6 #contact, #content.item_6 #liens{background-color:#66962F;}
	#content.item_7 #contact, #content.item_7 #liens{background-color:#bcbc1c;}

	#content.item_1 #contact .wsg p{color:#fff !important;}
	#content.item_2 #contact .wsg p{color:#fff !important;}
	#content.item_3 #contact .wsg p{color:#fff !important;}
	#content.item_4 #contact .wsg p{color:#fff !important;}
	#content.item_5 #contact .wsg p{color:#fff !important;}
	#content.item_6 #contact .wsg p{color:#fff !important;}
	#content.item_7 #contact .wsg p{color:#fff !important;}


	#contact .type,
	#liens .type {
	color:#FFFFFF;
	display:block;
	font-size:80%;
	height:14px;
	left:23px;
	margin:5px 20px;
	overflow:hidden;
	position:absolute;
	text-align:center;
	text-transform:uppercase;
	top:-10px;
	width:130px;
	background:url("/extension/client/design/common/images/contact_lien_pin.png") no-repeat scroll 0 0 transparent;

	}


	/*-------------------------------------------------------------------------------------*/
	/* =  page evenement			 */
	/*-------------------------------------------------------------------------------------*/
	.bloc_liste{
		margin:20px auto;

	}

	#event_list_emphased{text-align:center;}
	#event_list_emphased a{text-decoration:none;}
	#event_list_emphased .bloc_liste{text-align:left; width:280px; background-color:#E1F1FA;}
	#event_list_emphased .bloc_liste h3, #event_list_emphased .bloc_liste h3 a{color:#fff; }
	#event_list_emphased .bloc_liste h3{padding:5px 10px; background-color:#00A2BD; font-size:130%;}
	#event_list_emphased .bloc_liste .chapeau{font-size:93%; color:#545454; margin:3px 10px;}
	#event_list_emphased .bloc_liste .visuel{overflow:hidden;width:280px;height:196px}
	#event_list_emphased .bloc_liste .visuel img{width:280px;height:196px} 
	#event_list_emphased .bloc_liste .more{padding:3px 10px; background-color:#90E2EC; font-size:85%; margin-top:10px;}


	#event_list a{text-decoration:none;}
	#event_list .bloc_liste{text-align:left; }
	#event_list .bloc_liste h3, #event_list .bloc_liste h3 a{color:#00A2BD;  }
	#event_list .bloc_liste h3{padding:5px 0px; margin-bottom:5px; border-bottom:1px #90E2EC solid; clear:both; font-size:105%;}
	#event_list .bloc_liste .chapeau{font-size:93%; color:#545454; margin:3px 0px;}
	#event_list .bloc_liste .visuel{overflow:hidden; float:left; margin:0 5px 5px 0; /*width:280px;height:196px*/}
	#event_list .bloc_liste .visuel img{/*width:280px;height:196px*/} 
	#event_list .bloc_liste .more{padding:3px 0px;  font-size:85%; margin-top:10px; clear:both; text-align:right; border-top:1px #E1F1FA solid;}
	#event_list .bloc_liste .date{display:none;}



	/*-------------------------------------------------------------------------------------*/
	/* =  page phototheque			 */
	/*-------------------------------------------------------------------------------------*/
	.blocphoto{
		border:1px solid #C2C2C2;
		display:block; float:left;
		margin:5px;
		text-align:center;
		height:180px;
	}
	.blocphoto img{
		border:1px #C3C3C3 solid;
		border-bottom:1px #fff solid !important;
		margin:5px 5px 0 5px;
		display:block; width:150px; height:80px;
		overflow:hidden;
	}
	.blocphoto .titre_photo{
		background-color:#F5F5F5;
		display:block;
		width:140px;
		height:50px;
		padding:5px;
		margin:0px 5px 5px 5px;
		text-align:center;
	
	}
	.blocphoto .titre_photo a{
		text-decoration:none;
		color:#454545;
		font-size:93%;
	}
	.blocphoto .copyright{font-size:85%;}

	/*-------------------------------------------------------------------------------------*/
	/* =  resultat recherche			 */
	/*-------------------------------------------------------------------------------------*/
	.search_item{
		display:block;
		border-bottom:1px #BDBDBD solid;
		padding:3px 0;
		overflow:hidden;
		*height:1%;
		font-size:93%;
	}
	.search_item a{
		color:#005894; text-decoration:none;
	}
	.search_item .type_search{
		float:right;
		width:200px;
	}
	.mode_search {
		background-color:#75ABD0;
		padding:10px;
		-moz-border-radius: 5px; /* FF1+ */
		-webkit-border-radius: 5px; /* Saf3+, Chrome */
		border-radius: 5px; /* Opera 10.5, IE 9 */
	}

	.mode_search #Search{
		border:none; 
		color:#005692; 
		background-color:#fff;
		padding:3px;
		width:90%;
	}

	.mode_search .button{
		border:none;
		background-color:#00548D;
		padding:3px;
		text-transform:uppercase;
		color:#fff;
		position:relative;
		top:-1px;
		-moz-border-radius: 5px; /* FF1+ */
		-webkit-border-radius: 5px; /* Saf3+, Chrome */
		border-radius: 5px; /* Opera 10.5, IE 9 */
	}


	/*-------------------------------------------------------------------------------------*/
	/* =  Pge acces Identifiant			 */
	/*-------------------------------------------------------------------------------------*/
	.newUser, .logUser{
		border:1px solid #C2C2C2;
		padding:10px;
		min-height:160px;
		margin-bottom:20px;
	}
	.newUser{
		height:160px;
	}

	.newUser h3, .logUser h3{
		color:#004482;
		font-size:120%;
		padding:8px 10px;
		margin-bottom:5px;
		background:transparent url('/extension/client/design/common/images/degrade_gris.png') repeat-x bottom left;
	
	}
	.newUser p, .logUser p{
		margin: 10px 0;
	}
	.logUser form{
		border:1px solid #C2C2C2;
		background-color:#EEE;
	}
	.logUser form p{
		padding:10px 10px 0 10px;
	}
	.logUser label{
		display:inline;
		text-transform:uppercase;
		font-size:85%; font-weight:normal;
	}
	.logUser input{
		width:90px;
	}
	.logUser .fieldvalid{
		display:block;
		background:transparent url('/extension/client/design/common/images/degrade_gris.png') repeat-x bottom left;
		margin-bottom:0;
		border-top:1px solid #C2C2C2;
		text-align:center;
		padding:5px 0;
	}
	.logUser .fieldvalid input{
		text-transform:uppercase;
		border:none;
		background-color:transparent;
		font-size:120%;
		width:150px;
		color:#004482;
	}
	.logUser .fieldvalid input:hover,.logUser .fieldvalid input:focus{	background-color:#DF1665; color:#fff;}

/* 
	=  POUR LA PAGE ACCUEIL - mise à jour Juillet 2013
*/
	body#home {
		/*background:#001D32 url('/extension/client/design/common/images/home_bg_body.png') repeat-x;*/
	}
	body.home-white {
		/*background: #000 url('/extension/client/design/common/images/home-body-2015.jpg') no-repeat top center!important;*/
		}
	
	body#home #extraContent{
		background:transparent url('/extension/client/design/common/images/home_bg_extracontent.png') no-repeat top center;
		}
	body.home-white #extraContent {
		background: transparent url('/extension/client/design/common/images/home_bg_body_white.png') repeat-x!important;
		}
	
	/* remplacement du flash - juillet 2013 loic */
	#flashIntro {
		padding-top:10px;
		width:970px; margin: 0 0 0 0;
		height:329px;
		/*
			background: transparent url('/extension/client/design/common/images/home-content-flashIntro.jpg') no-repeat 4px 0;
		*/
	}
	body.home-white #flashIntro {padding: 10px 0 0 5px;height:325px;}
	#flashIntro .navpavillon{
		width:150px;
		margin: 0 0 0 10px; 
		padding: 0 0;
		list-style:none;
	}
	body.home-white #flashIntro .navpavillon {
		margin: 5px 0 0 -1px;
		width:960px;
		/*background: transparent url('/extension/client/design/common/images/home_visuel_intro-maj.jpg') no-repeat;*/
		}
	
	#flashIntro .navpavillon li {
		display:block;
		height:80px;
		width:150px;
		overflow:hidden;
	}
	#flashIntro .navpavillon li a{
		display:block;
		width:150px; height:80px;
		text-indent:-200em;
		overflow:hidden;
	}
	#flashIntro .visiteVirtuelle {position:absolute; top:111px; right:0; margin: 0 -1px 0 0;}
	#flashIntro .visiteVirtuelle a{
		display:block; width:320px; height:165px;
		overflow:hidden; text-indent:-200em;
	}

	.pavillonPresentation {
		display:block;
		width: 840px; height: 339px;
		position: absolute;
		top: 0px; left:128px;
		overflow:hidden;
	}
	body.home-white .pavillonPresentation {
		display:block;
		width: 836px; height: 334px;
		position: absolute;
		top: 0; left:128px;
		overflow:hidden;
	}
	
	.pavillonPresentation .content {
		width: 300px; margin:50px 0 0 20px;
		position: relative; float:left;
		color: #fff; z-index:10000;
	}
	.pavillonPresentation .content h2 {font-size: 220%;}
	.pavillonPresentation .content h3 {font-size: 153.9%; margin: 0.5em 0 1em 0;}
	.pavillonPresentation .bg_pavillon {position:absolute; top:0; left:0;}

	.pavillonPresentation p.visite a{
		position:relative; top:200px; left:-30px;
		z-index:10000;
		float:right; 
		display:block; width:168px; height:22px; 
		overflow:hidden; text-indent:-200em;
	}


	/*--------------------- zone actu*/
	#zone_actu{
		overflow:hidden;
		position:relative;
		/* background: transparent url('/extension/client/design/common/images/home_bg_zoneactu.png') no-repeat; */
	
	}
	body.home-white #zone_actu {
		background-image: none!important;
		/*background: transparent url('/extension/client/design/common/images/home_bg_zoneactu_white.jpg') no-repeat 5px 0;*/
	}
	.scrollable{
			width:880px;
			padding:6px 0 8px 0;
			margin: 0 40px;
			height:160px;
			overflow:hidden;
			position:relative;
	}
	.scrollable.deux { width:580px; left:40px;}
	#items {position:absolute; width:880px; width:2000000em;}
	#zone_actu .bloc_diap{ left:40px;top:6px;}
	#zone_actu .scrollable .bloc_diap{ top:0px;}

	.bloc_diap{
		float:left;
		
			-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-ms-border-radius: 5px;
				-o-border-radius: 5px;
				border-radius: 5px;
				
		width:270px; height:155px;
		margin:0 34px 0 0;
		background-color:#03426f;
		position:relative;
		color:#bce8ff;	
	}
	.bloc_diap .tl,
	.bloc_diap .tr,
	.bloc_diap .bl,
	.bloc_diap .br{
		/*
		display:block; width:8px; height:8px;
		font-size:1px; line-height:0em;
		position:absolute;
		*/
		}
	/*
	.bloc_diap .tl{top:0; left:0;background: transparent url('/extension/client/design/common/images/zone_actu_corner.png') no-repeat 0 0;}
	.bloc_diap .tr{top:0; right:0;background: transparent url('/extension/client/design/common/images/zone_actu_corner.png') no-repeat -8px 0;}
	.bloc_diap .bl{bottom:0; left:0;background: transparent url('/extension/client/design/common/images/zone_actu_corner.png') no-repeat 0 -8px;}
	.bloc_diap .br{bottom:0; right:0;background: transparent url('/extension/client/design/common/images/zone_actu_corner.png') no-repeat -8px -8px;}
	*/


	.bloc_diap .txt h3{
		font-size:140%;
		margin:10px 20px;
	}
	.bloc_diap .text{
		display:block;
		margin:5px 20px;
		font-size:93%;
	}
	.bloc_diap a{
		color:#bce8ff;
		text-decoration:none;
	}
	.bloc_diap .type{
		position:absolute;
		top:-10px; left:70px;
		display:block; width:90px; height:14px;
		overflow:hidden;
		text-align:center; text-transform:uppercase;
		font-size:80%;
		color:#fff;
		margin:5px 20px;
		}
	.bloc_diap .type.thema0{background:transparent url('/extension/client/design/common/images/home_pin_tv.png') no-repeat;}
	.bloc_diap .type.thema1{background:transparent url('/extension/client/design/common/images/home_pin_expo.png') no-repeat;}
	.bloc_diap .type.thema2{background:transparent url('/extension/client/design/common/images/home_pin_actu.png') no-repeat;}
	.bloc_diap .type.thema3{background:transparent url('/extension/client/design/common/images/home_pin_agenda.png') no-repeat;}
	.bloc_diap .type.thema4{background:transparent url('/extension/client/design/common/images/home_pin_evenement.png') no-repeat;}
	.bloc_diap .type.thema5{background:transparent url('/extension/client/design/common/images/home_pin_avis.png') no-repeat;}

	.bloc_diap .plus{
		position:absolute;
		bottom:-19px; right:-10px;
		display:block; width:90px; height:14px;
		text-align:center; text-transform:uppercase;
		font-size:80%;
		background:#004482;
		color:#fff;
		margin:5px 20px;
	}
	.bloc_diap .plus a{color:#fff;}
	.bloc_diap .plus.thema0{background-color:#3D4C6B;}
	.bloc_diap .plus.thema1{background-color:#FF8A00;}
	.bloc_diap .plus.thema2{background-color:#317ADE;}
	.bloc_diap .plus.thema3{background-color:#1EA3BB;}
	.bloc_diap .plus.thema4{background-color:#D71E1E;}
	.bloc_diap .plus.thema5{background-color:#A0C936;}

	#zone_actu .prev,#zone_actu .next{
		cursor:pointer;
		display:block;
		width:17px; height:27px;
		overflow:hidden;
		text-indent:-200em;
		position:absolute; top:90px;
		}
	#zone_actu .prev {margin:5px 5px 5px 15px;}
	#zone_actu .next {margin:5px 25px 5px 0;}	
	
	.prev { left:0;
		background: transparent url('/extension/client/design/common/images/home_nav_left.png') no-repeat;
		}
	.next{ right:0;
		background: transparent url('/extension/client/design/common/images/home_nav_right.png') no-repeat;
		}
	#zone_actu .disabled{display:none;}

	#zone_actu .navi{
		width:960px;
		z-index:10000; 
		height:10px;
		padding-left:450px;
		margin:10px 0;
	}
	
	#zone_actu .navi a{
		float:left;
		display:block; width:10px; height:10px; 
		margin:0 2px;
		background:transparent url('/extension/client/design/common/images/home_navi.png') no-repeat;	
	}
	
	#zone_actu .navi a.active{
		background:transparent url('/extension/client/design/common/images/home_navi_on.png') no-repeat;
	}

	/*--------------------- zone_info*/
	#zone_info {
		height: 35px; margin:10px 10px;
		font-size:170%; color:#fff;
		}
	body.home-white #zone_info { color:#00204c!important;}
		
	#zone_info img {vertical-align:middle;}

	/*--------------------- zone_rss*/
	#zone_rss{
		overflow:hidden; *height:1%;
		margin:0 10px 0 10px;
		font-size:93%; color:#00204c;
		background: transparent url('/extension/client/design/common/images/home_bg_zone_rss.png') repeat-y 460px 0;
	}
	#zone_rss h3{
		float:left;
		font-size:123%;
		color:#5890bc;
		/*color:#00a0ff;*/
		line-height: 123.1%;
	}
	#zone_rss p{
		float:left;
		line-height: 167%;
		}
	.home_rss_brief {float:left; margin: -1px 5px 0 0;}
	#zone_rss a {floay:left; display:block; width: auto; padding: 3px 0 0 0; text-decoration: none;}
	
	/*#breves {display: none}*/
	#breves,
	#newsletter{
		float:left;
		width:460px;
	}
	#breves img{vertical-align:middle;}
	#breves a.more{display:block; text-decoration:none; color:#00A0FF;}
	#breves a.more:hover{color:#fff;}
	#breves{margin-right:10px;}
	#newsletter{margin-left:0px;}

	#newsletter .form{
		display:block;
		width:135px; height:25px;
		overflow:hidden;
		margin-left: 5px;
		float:right;
		background:transparent url('/extension/client/design/common/images/home_bg_form_newslet.png') no-repeat;
	
	}
	#newsletter .form input{
		border:none;
		background-color:transparent;
		color:#fff;
		text-align:left;
	}
	#newsletter label{
		display:none;
	}
	#newsletter input#email{
		width:115px;
		position:relative; top:-7px; left:3px;
		font-size:85%;
	}

	/*-------------------------------------------------------------------------------------*/
	/* =  pour les page pavillons			 */
	/*-------------------------------------------------------------------------------------*/
	.pav_titre{
		padding:0px 00px 15px 90px;
		color:#fff !important;
		font-weight:normal;
	}

	.pav_titre.polaire {
		background:transparent url('/extension/client/design/common/images/ico_pav_polaire.png') no-repeat;
	}
	.pav_titre.tropical {
		background:transparent url('/extension/client/design/common/images/ico_pav_tropical.png') no-repeat;
	}
	.pav_titre.tempere {
		background:transparent url('/extension/client/design/common/images/ico_pav_tempere.png') no-repeat;
	}
	.pav_titre.biodiversite {
		background:transparent url('/extension/client/design/common/images/ico_pav_biodiversite.png') no-repeat;
	}

	body.pavillons #col1, body.pavillons #col2, body.pavillons #col3, body.pavillons #col4{
		overflow:hidden; *height:1%;
	}

	body.pavillons #col1 .wsg,
	body.pavillons #col4 .wsg{margin: 0 0;}

	body.pavillons #col1 {margin-top:20px;}
	body.pavillons #col3 {clear:both; margin-top:30px;}
	body.pavillons #col4 {clear:both; margin-top:30px; margin-bottom:30px;}

	body.pavillons #content .wsg h1,
	body.pavillons #content .wsg .chapeau,
	body.pavillons #content .wsg .chapeau_suite p
	{
		color:#fff !important;
	}

	body.pavillons #content .wsg h1,
	body.pavillons #content .wsg .chapeau{
		font-weight:normal !important;
		color:#fff !important;
	}

	body.pavillons #content .wsg h1{
		font-size:200%; text-transform:uppercase;
	}

	body.pavillons #content .wsg .chapeau{
		font-size:190%;
	}

	body.pavillons #content .wsg .chapeau_suite p{
		font-size:90%;
		line-height:1.5em;
	}


	#album_brochure .grid_3{
		display:block; height:155px; width:219px;
		overflow:hidden;
	}

	.nepas_manquer{
		height:164px;
		margin-top:20px;
		position:relative;
	
	}

	.nepas_manquer .wsg {
		position:relative;
		z-index:10;
		width:260px; margin:10px !important;
		font-size:95%;
	}
	.nepas_manquer .wsg h2,
	.nepas_manquer .wsg h4,
	.nepas_manquer .wsg p,
	.nepas_manquer .wsg ul,
	.nepas_manquer .wsg li,
	.nepas_manquer .wsg a
	{
		margin:0px 0;
		font-weight:normal;
		color:#fff !important;
	}
	.nepas_manquer .wsg ul{
		margin-left:15px;
	}
	.nepas_manquer .wsg h4{
		margin-top:10px;
	}
	.nepas_manquer .visuel{
		position:absolute;
		top:0; left:0;
	}

	.bloc_content{
		position:relative;
		margin-bottom:50px;
		height:213px; 
		}

	.bloc_content .content_txt{
		height:181px;
		width:300px;
		left:0;
		margin:0 !important;
		position:absolute;
		top:40px;
			overflow:auto !important;
	
	}
	.bloc_content .content_img{
		height:181px;
		left:0;
		margin:0 !important;
		overflow:hidden !important;
		position:absolute;
		top:40px;
	}

	.bloc_content .content_txt .wsg{
		margin:10px auto;
		width:270px;
	}
	.bloc_content .content_txt .wsg p{
		color:#fff !important;
		margin-top:0;
		margin-bottom:0;
	}

	.back{
		z-index:0;
		/* for IE */
		  filter:alpha(opacity=30);
		  /* CSS3 standard */
		  opacity:0.3;
		}
	.front{z-index:1;}
	
	.bloc_content h3{
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		padding:13px 8px 8px;
	}

	body.polaire .bloc_content h3{
		background-color:#691D6C;
		color:#FFFFFF;
		font-size:93%;
		height:19px;
		line-height:1.4em;
		text-transform:uppercase;
	}


	.savez_vous{
		background-color:#01172A;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding:2px 8px;
		color:#fff;
	}

	.savez_vous h2{
		margin-top:0px !important;
		color:#0E83EF;
		text-transform:uppercase;
		font-weight:normal;
		font-size:130%;
		margin:5px 0 5px 0;
		padding-top:5px;
	}

	.savez_vous .question{
		color:#fff !important;
	}

	.savez_vous .question{
		font-size:100%;
		padding:3px 20px ;
		background-color:#042445;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin:5px 0px;
		background:#042445 url('/extension/client/design/common/images/chevron1.png') 3px 6px no-repeat;
		}

	.savez_vous .question.active{
		background-color:#FFFFF8; color:#005CB2 !important;
		background:#FFFFF8 url('/extension/client/design/common/images/chevron2.png') 3px 8px no-repeat;
		}

	.savez_vous div.reponse p { border-bottom:1px #004E97 solid; padding-bottom:10px; color:#fff;}


	/*-------------------------------------------------------------------------------------*/
	/* =  style pour horaire			 */
	/*-------------------------------------------------------------------------------------*/
	.horaire{margin-bottom:20px;}

	.blocdate{
		width:222px; height:106px; float:left; 
		background:transparent url('/extension/client/design/common/images/bg_blocdate.png') no-repeat;
	
		}
	.Date{
		display:block; float:left;width:79px; height:73px; 
		background: transparent url('/extension/client/design/common/images/bg_date.png') no-repeat;
	}
	.Date.debut{margin:15px 0 0 13px;}
	.Date.fin{margin:15px 13px 0 0;}
	.Date .jour, .Date .mois{display:block; text-align:center;}
	.Date .jour{font-size:250%; color:#F18500; margin-top:8px;}
	.Date .mois{font-size:120%; color:#fff; margin-top:2px;}

	.inter{float:left; margin:40px 5px 0 5px; color:#7CB2D2; font-size:150%; text-transform:uppercase;}

	.detail{width:221px; float:right;}
	.detail .wsg{margin: 0 0;}
	.detail .wsg h3{margin: 0 0 6px 0; font-size:130%;}
	.detail .wsg p{margin: 3px 0; }

/* 
	=  formidentification
*/
	.formidentification {margin:20px auto; width:400px; border:1px solid #C2C2C2;}
	.formidentification label{
		display:block;
		color:#004482; font-size:120%;
		padding:8px 10px; margin-bottom:5px;
		background:transparent url('/extension/client/design/common/images/degrade_gris.png') repeat-x bottom left;
		}
	.formidentification input{ display:block; width:80%; margin:5px auto; }

	.formidentification .fieldvalid{
		display:block;
		background:transparent url('/extension/client/design/common/images/degrade_gris.png') repeat-x bottom left;
		margin-bottom:0;
		border-top:1px solid #C2C2C2;
		text-align:center;
		padding:5px 0;
	}
	.formidentification .fieldvalid input{
		text-transform:uppercase;
		width:150px; border:none;
		color:#004482; font-size:120%;
		background-color:transparent;
		}
	.inscription,
	.inscription .fieldvalid {border:0!important;}
	
	a.visite360{margin-top:60px;float:left;margin-left:25px;}
	
	.fieldvalid input:hover,
	.fieldvalid input:focus {
		background-color:#DF1665; color:#fff;
		}
			
/* 
	=  googlemap
*/
	#map_canvas{clear:both; margin:60px 20px 20px 20px}
	.infoBulle h3{font-size:110%; color:#004482; margin:5px 0;}
	.infoBulle .description{float:left; width:200px; font-size:85%;}
	.infoBulle .gmap_vignette{float:right;}