/*

	Bienvenue din l’souillarde

	COULEURS
	* Rouge Vendée = #e2001a
	* Bleu = #104273
	* Bleu actif = #0073C9
	* Gris bleuté = #353B43
	* bleu filets = #D4E7F6
	* bleu bg boites = #F1F9FF
	
*/

/*RAZ*/
	@import "http://yui.yahooapis.com/2.5.2/build/reset-fonts/reset-fonts.css";
	@import "/global/css/fonts.css";

/* = HTML
-------- */
	html {background: #fff url(/global/fond/skin_noel.jpg) repeat-x top center;}
	strong {font-weight: bold;}
	em {font-style: italic;}
	a {color: #104273;text-decoration: none;}

/* = Mise en page globale
------------------------ */
	
/*	body {background: #FFF url(/global/fond/bgBody.jpg) no-repeat top center;}*/

	#page {
		width: 940px;
		margin: 0 auto;
		padding: 0 10px;
		background: #fff;
		}
	#page.debbug {
		/* POUR DEBUGGUER ajouter la classe debbug au bloc #page*/
		background: #fff url(/global/img/12_col.gif) -10px 0;
		}
	#header, #main, #footer {clear: both;}
	#header {position: relative;margin-bottom: 15px;}
	#header #logo {float: left;}
	#main {}
	#navThemes {float: left;}
	#navTypes {clear: both; position: relative; top: 5px;}
	#recherche {float: left;position: relative;margin: 10px;}
	#meteo {float: left;margin: 5px 0 10px 10px;}
	#footer {}

/* = Header
---------- */

	#header {background: transparent url(/global/img/bgHeader.png) repeat-x;}
	
	/*Logo*/
	
	/*Bloc de recherche*/
		#recherche {
			font-size: 85%;
		}
		#recherche h2 {
			color: #104273;
			text-transform: uppercase;
			font-weight: bold;
			margin-bottom: .4em;
		}
		#recherche .searchBox {
			width: 200px;
		}
		#recherche .searchButton {
			vertical-align: -4px;
			margin-left: 5px;
		}
		#recherche #map {
			position: absolute;
			top: 0; right: 0;
		}
		#recherche #map a {
			text-decoration: none;
			color: #104273;
			}

	/*Météo*/
		#meteo {
			font-size: 77%;
			width: 460px;
			}
		#meteo a {color: #104273;}
		#previsions {
			width: 300px;
			float: left;
			background: transparent url(/global/img/bgMeteo.png) no-repeat 0 1.4em;
			}
		#previsions table {width: 100%;}
		#previsions td {
			padding: .5em;
			border-left: 1px #D4E7F6 solid;
		}
		#previsions td.first {border: 0;}
		#previsions img {vertical-align: middle;}
		#previsions li {float: left;}
		#previsions li a {
			display: block;
			float: left;
			color: #0073C9;
			font-weight: bold;
			text-decoration: none;
			padding: 2px 10px 3px 10px;
		}
		#previsions li.current {
			background: transparent url(/global/img/bgMeteo.png) no-repeat;
			padding: 0 0 0 10px;
		}
		#previsions li.current a {
			background: transparent url(/global/img/bgMeteo.png) no-repeat 100% 0;
			padding: 2px 10px 3px 0;
		}
		#previsions #donneesPrevisions {
			background: transparent url(/global/img/bgMeteo.png) bottom left;
			padding: 0 0 .2em 0;
			}

		#navMeteo {
			float: left;
			margin-top: 1.4em; margin-left: 1em;
		}
		#navMeteo a {
			text-decoration: none;
			color: #104273;
			background: transparent url(../img/puce2x2.png) no-repeat 0 50%;
			padding-left: 8px;
			}
		#navMeteo a:hover {color: #000;}

	/*Navigation par thèmes*/

		#navThemes {
			width: 735px;
			background: #e2001a/*#104273*/;
			font-size: 93%;
			font-weight: bold;
			text-transform: uppercase;
		}
		#navThemes li {display: inline;}
		#navThemes a {
			float: left;
			display: block;
			height: 100%;
			padding: .4em .4em;
			color: #fff;
			text-decoration: none;
			background: transparent url(/global/img/filetsNav.png) no-repeat 0 50%;
			}
		#navThemes a:hover,#navThemes a:focus,#navThemes .current a {background-color:#104273 /*#e2001a*/;color: #fff!important;}
		#navThemes .first a {background-image: none;}
		#navThemes .first img {margin-left: 2px;}

	/*Navigation par types de contenus*/

		#navTypes {
			background: #f4faff;
			background: transparent url(/global/img/bgNavType.png) repeat-x bottom left;
			border: 1px #dcecf8 solid;
			font-size: 85%;
			font-weight: bold;
		}
		#navTypes li {display: inline;}
		#navTypes a {
			float: left;
			display: block;
			height: 100%;
			padding: .4em .7em; margin-left: -1px;
			color: #104273;
			text-decoration: none;
			background: transparent url(/global/img/filetsNavType.png) no-repeat -1px 50%;
		}
		#navTypes a:hover,#navTypes a:focus,#navTypes .current a {border-bottom: 2px #104273 solid; padding-bottom: 2px;}
		#navTypes .first a {background-image: none;}
		#navTypes li.billetterie a {
			float: right;
			width: 192px;
			height: 19px;
			display:block;
			padding: 0;
			margin: 1px 2px 0 0 ;
			background: url(/global/img/bt_billetterie-bleu-gd.png) no-repeat top left;
			text-indent: -150em;
		}
		#navTypes li.billetterie a:hover, #navTypes li.billetterie a:focus, #navTypes li.billetterie .current a {
		border-bottom:0px solid #104273;}

	/*Prélude,liens rapides accessibles par tabulation*/

		#prelude a {
			position: absolute; top: -1000em;
			display: block;
			background: #104273;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 85%;
			font-weight: bold;
			padding: .4em;
		}
		#prelude a:focus {position: relative; top: 0; left: 0; color: #fff!important;}

	/* = Modules ------------ */

	/* =Actualités-------------  */

		#actus{position:relative;}
		#actus img {display: block;}
		#actus .une {
			border: 1px #D4E7F6 solid;
			border-bottom: 1px #f9ffff solid;
			background: #fff url(/global/img/bgBoxBlanc.png) repeat-x bottom left;
			padding: 4px 8px 8px 8px;
		}
		#actus .une h3 {
			font-size: 138.5%;
			font-weight: bold;
			line-height: 1em;
			margin: 0 0 .1em 0;
		}
		#actus .une p {font-size: 93%;}
		#actus .outLine {
			padding: 5px 8px 8px 8px;
		}
		#actus #liste li{clear:both; padding:3px 0; overflow:hidden;}
		#actus #liste img{float:left; margin-right:5px;}
		
		#actus #liste h3 {
			height: 2.5em; font-weight:bold;
			font-size: 85%;
			background: transparent url(/global/img/filetSeparato.png) repeat-x 0 0;
			padding: .2em 0 .2em 0;
		}
		#actus #liste h3 span.date{font-weight:normal;}
		#actus #liste h3 span.date,
		#lastNews span.date {
			font-size: 85%; /*font-style: italic !important*/;
}
		#actus #liste h3.first {background: none;}

	/* =Controles-------------  */

		.ctrl {
			position: absolute;
			bottom: 1px; left: 8px;
			font-size: 77%;
			}
		.ctrl a {
			display: block;
			float: left;
			background: #ddd;
			background: transparent url(/global/img/controls.png) no-repeat;
			height: 20px; width: 17px;
		}
		.ctrl .next {background-position: -16px 0;}
		.ctrl .prev {background-position: 0px 0;}
		.ctrl .pause {background-position: -33px 0;}
		.ctrl .play {background-position: -50px 0;}
		.ctrl .next:hover {background-position: -16px -20px;}
		.ctrl .prev:hover {background-position: 0px -20px;}
		.ctrl .pause:hover {background-position: -33px -20px;}
		.ctrl .play:hover {background-position: -50px -20px;}

	/* =Outils-------------  */

		#tools {}
		#tools ul {
			font-size: 85%;
		}
		#tools .outLine {
			padding: 3px 10px 3px 5px;
		}
		#tools a {
			background: url(/global/img/puce3x3.png) no-repeat 0 6px;
			padding: 0 0 0 8px;
			width: 3px; height: 3px;
		}
	
	/* =Agenda-------------  */

		#agenda {position: relative;}
		#agenda a {text-decoration: none;}
		#agenda .post {
			font-size: 77%; font-weight: bold;
			position: absolute;
			top: 4px; right: 8px;
			}
		#agenda .post a {
			color: #fff;
			}
		#agenda .post a:hover, #agenda .post a:focus {
			color: yellow!important;
			}
		#agenda .foldContent {
			background: #fff;
			border: 1px #D4E7F6 solid;
			border-bottom: 0;
			padding: 0; margin: 5px 10px 20px 10px;
			position: relative;
		}
		#agenda .evt {
			padding: 5px 5px 0px 5px;
		}
		#agenda .date {
			font-size: 80%;
			color: #e2001a;
			text-transform: uppercase;
			}
		#agenda .une {}
		#agenda .une .date {padding-top: 3px;}
		#agenda .une p {font-weight: bold;}
		#agenda .une img {
			display: block;
			border-bottom: 1px #104273 solid;
			float: left;
			margin-right: 5px;
		}
		#agenda .next {
			position: relative;
			top: 11px;
			}
		#agenda .next a {
			background: transparent url(/global/img/bgBouton.png) no-repeat bottom right;
			color: #0073C9;
			display: block;
			font-size: 85%;
			font-weight: bold;
			padding-left: 50%; padding-bottom: 5px;
			}

	/* =Dossier-------------  */

		#dossiers {clear:both; clear:left; /*modification du 10012011*/}
		#dossiers .outLine {
			padding: 4px 5px 3px 5px;
		}
		#dossiers .dossier {
			margin: 0 0 8px 0;
			}
		#dossiers .dossier p {
			font-size: 85%;
		}
		#dossiers .dossier img {
			border: 1px #104273 solid;
			background: #fff;
			float: left;
			margin: 2px 8px 0 0; padding: 1px;
			}

	/* =Minisites-------------  */

		#minisites {}
		
		#minisites .colA, #minisites .colB{width:298px; border:1px #D4E7F6 solid;}
		
		#minisites .colA{border-right:none; background-color:#fff;}
		#minisites .colB{border-left:none;}
		
		#minisites .outLine {padding: 0px 10px 10px 10px;overflow:hidden; }
		
		#minisites .outLine h3.title{
			border:1px #D4E7F6 solid;
			padding:10px 20px;
			margin-top:10px;
			color:#fff;
			font-weight:bold;
			background-color: #86A2BE;
			background-image: -moz-linear-gradient(top, #BFD3EB, #86A2BE); /* FF3.6 */
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #BFD3EB),color-stop(1, #86A2BE)); /* Saf4+, Chrome */
			            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#BFD3EB', EndColorStr='#86A2BE'); /* IE6,IE7 */
			        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#BFD3EB', EndColorStr='#86A2BE')"; /* IE8 */
			
			}
		
		
		#minisites .colB ul{
			background-color:#fff;
			border-left:1px #D4E7F6 solid;
		}
		#minisites .colB ul li{
			padding:10px 10px;
			border-top:1px #D4E7F6 solid;
		}
		#minisites .colB .lien_encre a{
			color:#5680A7;
			font-weight:bold;
		}
		
		#minisites .listGroup div {margin-bottom: 8px;}
		#minisites .listGroup {margin-bottom: 0px;}
		
		#minisites .une {margin-bottom: 8px; }
		
		#minisites .list {
			float: left;
			width: 134px;
			margin-right: 20px;
		}
		#minisites .list.last {margin-right:0;}
		#minisites .list .titreB3 {padding-bottom: .5em;}
		#minisites .list ul {font-size:85%;}
		#minisites .list li {padding-bottom: .15em;}
		#minisites .list a {
			display: block;
			background: transparent url(/global/img/puceChevrons.png) no-repeat 0 5px;
			padding-left: 10px;
		}
		
		#minisites .siteUne {
			background: #fff;
			width: auto; height:92px;
			margin:10px;
			overflow:hidden;
		}
		#minisites .list h3 {font-size: 85%; }
		#minisites .siteUne .outLine {padding: 8px 8px 0 8px; border-top-width: 1px;}
		#minisites .siteUne p{font-size:85%;}
		#minisites .siteUne img {
					width: 58px;
					height: 74px;
					float: left;
					margin: 0px 10px 25px 0;
				}
		#minisites .siteSmall{
			background:transparent url(/global/img/bgApercuSiteSmall.png) no-repeat bottom left;
			float: left;
			padding-bottom: 10px; margin-right: 10px;
			}
		#minisites .siteUne.last{margin-right:0;}
		
		#minisites .site {margin: 0 0 5px 0;}
		#minisites .siteMedium {
			background:transparent url(/global/img/bgApercuSiteMedium.png) no-repeat bottom left;
			padding-bottom: 20px;
			}


	/* =Sites partenaires-------------  */

		#partners {}
		#partners ul, #partners .moitie p {
			font-size: 85%;
		}
		#partners .outLine {
			padding: 3px 10px 3px 5px;
		}
		#partners ul li a {
			background: url(/global/img/puceChevrons.png) no-repeat 0 4px;
			padding: 0 0 0 8px;
			width: 3px; height: 3px;
		}
		#partners .contenuPartners {
			float: left;
		}
		#partners .moitie {
			width: 48%;
			float: left;
		}
		#partners .moitie.droite {
			float: right;
			text-align: center;
		}
		#partners .moitie.droite p {
			text-align: left;
		}
		#partners .moitie .logoTourisme {
			padding: 5px;
			background-color: #fff;
			border: 1px solid #ebebeb;
			margin: 0.3em auto .5em auto;
		}
		img.bannerTV {margin: 10px 0;}

	/* =Multimédia-------------  */
		#multimedia {}
		#multimedia .liens_videos{
			padding-top:10px;
			border-top: 1px #f9ffff solid;
			position: relative;
			background: #F1F9FF url(/global/img/bgBox.png) repeat-x bottom left;
			}
		#multimedia .liens_videos ul{overflow:hidden;}
		#multimedia .liens_videos li{
			display:block !important; 
			width:40% !important; float:left; position:relative;
			margin:0 5% 0 0;
		}
		#multimedia .liens_videos li a{
			display:block; width:100%;
		
			
		}
		#multimedia .liens_videos .voirTout{
			clear:both; padding:10px;
		}
		#multimedia .outLine {
			padding: 8px 10px 10px 10px;
			border-top-width: 1px;
			}
		#multimedia * .outLine {
			padding: 0 0 3px 0;
			background: transparent url(/global/img/bgBoxBlanc.png) repeat-x bottom left;
			border-bottom: 1px #f9ffff solid;
			}
		#multimedia h3 {
			font-size: 138.5%;
			font-weight: bold;
			padding: .2em 0 .2em .2em;
			float:left;
		}
		#multimedia #videos h3{padding:5px 8px;}
		#multimedia .une{
			clear:both;
			text-align: center;
			background-color:#749BB8;
		}
		#multimedia h4 {padding: 8px 5px 8px 5px; float:right; }
		#multimedia #videos h4 {font-size:120%;}
		#multimedia ul {
			font-size: 85%;
			padding: 0 5px 5px 5px;
			overflow:hidden;
			}
		#multimedia .voirTout {padding: 0 5px 0 0;}
		#multimedia #webcams,
		#multimedia #galerie,
		#multimedia #videos {float: left;}
		
		#multimedia #videos {
			width: 598px;
			background: #fff;
			margin-bottom: 10px;
			}
			
			.grid_6 #multimedia #videos{
			width: 448px;	
			}
			
			#multimedia #videos h4{
				width:auto;
			}
			
			
		#multimedia #webcams {
			width: 294px;
			background-color:#99C509;
			position:relative;
			padding-bottom:10px;
			}
			
		#multimedia #galerie {
			width: 294px;
			background: #fafdff;
			margin-left: 10px;
			}
			
		#galerie .outLine,
		#webcams .outLine{
			overflow:hidden;
			*height:1%;
		}
		
		#galerie .colA,
		#webcams .colA,
		#galerie .colB,
		#webcams .colB
		{
			width:50%;
			
		}
		
		
		#webcams .une, #galerie .une{
			background-color:transparent;
		}
		
		#galerie .colA {
			background-color:#fff;
		}
		#galerie .colB{
			padding-top:10px;
		}
		
		#multimedia #webcams,
		#multimedia #webcams a,
		#multimedia #webcams .titreB4
		{
			color:#fff;
			}
			
			#galerie .une img,
			#webcams .une img{
				margin-left:5px;
				width:136px !important;
			}
		
		
		#webcams .colB{
			padding-top:50px;
			background: transparent url(/global/img/bg_webcam.png) no-repeat 85px 5px;
			
		}
		
		#multimedia #videos ul a {
			display: block;
			padding: 0 0 0 10px;
			background: transparent url(/global/img/puceVideos.png) no-repeat 0 4px;
		}
		#multimedia #webcams ul a {
			display: block;
			padding: 0 0 0 10px;
			background: transparent url(/global/img/puceWebcam2010.png) no-repeat 0 4px;
		}
		#multimedia #galerie ul a {
			display: block;
			padding: 0 0 0 10px;
			background: transparent url(/global/img/puceWebcam.png) no-repeat 0 4px;
		}
		
		#multimedia #videos iframe {
			/*width: auto;*/
			margin: 0px 0px;
		}
		
		#multimedia #webcams h3,
		#multimedia #galerie h3{margin:3px 5px 0px 5px;}
		
		#multimedia #webcams .titreB4,
		#multimedia #galerie .titreB4{float:none; text-align:left; padding:0 5px 5px 8px;}
		
		#multimedia #webcams .voirTout,
		#multimedia #galerie .voirTout{text-align:left; margin:0 0 0 8px;}

	/* =Pub-------------  */
		#drigailles {
			background: #104273;
			position: relative;
			padding-bottom: 8px;
			float:left;
			}
		#drigailles .titreB1 {
			background: none;
			}
		#drigaillesContent {text-align: center;}

		#drigaillesContent .une {width: 140px;float:left; margin:0 10px 0 5px; display: block;}
		#drigaillesContent .deux {width: 140px;float:left; display: block;}
		#drigaillesContent .une img,
		#drigaillesContent .deux img {margin-bottom: 5px;}

	/* =Drigailles ------------ */
		#drigaillestitre {
			background: #104273;
			position: relative;
			padding-bottom: 1px;			
			}
			
		#drigaillestitre .titreB1 {
			background: none;
			}

	/* =bigFoots, reprise large de contenus en pied de page-------------  */
		#bigFoot {clear:both;}
		
		
		
	/* =La barre d’outils + infos-------------  */
		#topBar {
			background: transparent url(/global/img/bgTopBar.png) no-repeat;
			padding: 8px;
			font-family: Tahoma;
			}

		#contentTools {float: left;}
		#socialTools {float: left}
		#socialTools a {
			width: 20px;
			height: 20px;
		}
		
		#socialTools .facebook img {
			width: 16px;
			height: 16px;
			background: url('/global/img/facebook_16.png') no-repeat top left !important;
			margin: 1px 1px;
		}
		
		#socialTools .facebook img:hover {
			background: url('/global/img/facebook_16.png') no-repeat top left !important;
			opacity: 0.7;
		}
		
		
		#socialTools .twitter img {
			width: 16px;
			height: 16px;
			background: url('/global/img/twitter_16.png') no-repeat center left !important;	
			margin: 1px 2px;
		}
		
		#socialTools .twitter img:hover {

			background: url('/global/img/twitter_16.png') no-repeat center left !important;	
			opacity: 0.7;
		}
		
		
		.datePublication, .archive {
			font-size: 77%;
 			margin: 0 0 0 10px;
			height: 2em; line-height: 2em;
			color: #444;
			float: left;
			}
			
		.datePublication {
			border-left: 1px #ddd solid;
			padding: 0 0 0 5px;
		}

		#topBar .datePublication {
			width: 290px;
			float: right;
			}
		.archive {
			border-left: none;
			font-weight:bold;
			float:right;
			padding: 0 5px 0 5px ;
		}
		#listen {
			font-size: 77%;
			border-left: 1px #ddd solid;
			padding: 0 0 0 5px; margin: 0 0 0 10px;
			height: 2em;
			float: left;
			}
		#listen object {vertical-align: middle;}
		#listen a {
			color: #0073C9;
			font-weight: bold;
		}
		#listen p {
			color: #0073C9;
			font-weight: bold;
			float: left;
		}
		

		#contentTools div {
			float: left;
			margin: 0px 2px;
		}
		#contentTools a {
			color: #fff;
			float: left;
			margin: 0px 2px;
			}
		#contentTools img {
			width: 20px; height: 16px;
			background: #0073C9 url(/global/img/contentTools.png) no-repeat;
		}
		#contentTools a:hover img, #contentTools a:focus img {background-color: #000; color: #fff!important;}
		#contentTools .ct1 img {background-position: 0 0;}
		#contentTools .ct2 img {background-position: -20px 0;}
		#contentTools .ct3 img {background-position: -40px 0;}
		#contentTools .ct4 img {background-position: -60px 0;}
		#contentTools .ct5 img {background-position: -80px 0;}

		/* =Envoyer à un ami-------------  */
		#outerEnvoyer {clear: both; height: 13em;}
		#envoyerAmi {
			display: none;
			position: relative; top: 5px;
		}
		#envoyerAmi .close {position: absolute; top: 3px; right: 5px;}
		#envoyerAmi .formz {
			width: 47%;
			float: left;
			font-size: 85%;
			padding: .5em; margin: .2em .2em;
			background: #fff; border: 1px #ddd solid;
		}
		#envoyerAmi .formz legend {
			font-weight: bold;
			}
		#envoyerAmi .formz label {
			font-weight: bold;
			color: #0073C9;
			float: left;
			width: 43%;
			text-align: right;
			padding-right: 1em;
		}
		#envoyerAmi .field_line{margin:0 0 .2em 0;}
		#envoyerAmi .field_line input{width:50%;}
		#envoyerAmi .field_valid {
			clear: both;
			text-align: right;
			padding: .5em;
			}

		/* =Alerte email-------------  */
		#outerAlert {clear: both; height: 13em;}
		#alertEmail {
			display: block;
			position: relative; top: 5px;
		}
		#alertEmail .close {position: absolute; top: 3px; right: 5px;}
		#alertEmail .formz {
			font-size: 85%;
			padding: .5em; margin: .2em .2em;
			background: #fff; border: 1px #ddd solid;
		}
		#alertEmail .formz legend {
			font-weight: bold;
			}
		#alertEmail .formz label {
			font-weight: bold;
			color: #0073C9;
			float: left;
			width: 43%;
			text-align: right;
			padding-right: 1em;
		}
		#alertEmail .field_line{margin:0 0 .2em 0;}
		#alertEmail .field_line input{width:50%;}
		#alertEmail .field_valid {
			clear: both;
			text-align: right;
			padding: .5em;
			}

		/* = LastNews
		---------- */

		#lastNews {padding: 0px 8px;}
		#lastNews .outLine {padding: 5px;}
		#lastNews img {
			border: 1px #104273 solid;
			background: #fff;
			float: left;
			margin: 2px 8px 0 0; padding: 1px;
		}
		#lastNews p {
			margin: .5em 0;
			font-weight: bold;
			font-size: 85%;
		}

/* = Footer
---------- */

	#ariane {
		background: #f4faff;
		background: transparent url(/global/img/bgNavType.png) repeat-x bottom left;
		border: 1px #dcecf8 solid;
		margin-bottom: 10px;
		font-size: 85%;
		padding: 3px 5px;
	}
	#coordonnees {
		border-top: 2px #A9C0D2 solid;
		border-bottom: 2px #A9C0D2 solid;
	}
	#coordonnees address {
		padding-top: 9px;
		font-weight: bold;
	}
	#signature {
		float: left;
		margin-right: 10px;
	}
	#footlinks a {color: #104273;}


/* = Elements communs
-------------------- */

	/* =Fontes-------------  */

	#content .colA h1 {
		font-weight: bold;
		line-height: 1.1em;
		margin-top: 0;
	}
	.titreB1,.titreB1b,.titreB2, .titreB2b, .titreB3b, .titreB3c {
		position: relative;
		font-size: 85%;
		font-weight: bold;
		text-transform: uppercase;
		padding: .4em 0 .3em .48em;
	}
	.titreB1 {
		background: #e2001a url(/global/img/bgTitreB1.png) repeat-x;
		color: #fff;
		font-size: 93%;
		position: relative;
	}
	.titreB1 a {
		font-size: 77%;
		text-transform: none;
		color: #fff;
		position: absolute;
		top: 6px;
		right: 5px;
	}
	.titreB1b {
		color: #fff;
		margin: .5em 0; padding: 0;
	}
	.titreB2 {
		background: #F1F9FF url(/global/img/bgTitreB2.png) repeat-x;
		color: #353B43;
	}
	.deco1 .titreB2{background: #084274 url(/global/img/bgTitreB2_deco1.png) repeat-x;color:#fff;}
	.deco2 .titreB2{background: #084274 url(/global/img/bgTitreB2_deco2.png) repeat-x;color:#fff;}
	.deco3 .titreB2{background: #084274 url(/global/img/bgTitreB2_deco3.png) repeat-x;color:#fff;}
	.deco4 .titreB2{background: #084274 url(/global/img/bgTitreB2_deco4.png) repeat-x;color:#fff;}
	.deco5 .titreB2{background: #084274 url(/global/img/bgTitreB2_deco5.png) repeat-x;color:#353B43;}
	
	.titreB2b {
		background: #F1F9FF url(/global/img/filetSeparato.png) repeat-x;
		color: #353B43;
	}

	.titreB3 {
		color: #353B43;
		font-family: Tahoma;
		font-weight: bold;
		font-size: 80%;
		padding: 0 0 .3em 0;
	}
	.titreB3b {
		padding: 0 0 .8em 0;
	}
	.titreB3c {
		color: #353B43;
		padding: 0.5em 0 .3em 0;
	}
	.titreB4 {
		color: #104273;
		font-weight: bold;
		font-size: 85%;
		padding: 0 0 .2em 0;
	}
	.titreB5 {
		color: #fff;
		font-weight: bold;
		font-size: 85%;
		padding: 0 0 .2em 0;
	}

	/* =Styles pour les blocs WYSIWYG-------------  */

	.wg a {text-decoration: underline;}
	.wg ul,.wg ol,.wg p {margin: .7em 0;}
	.wg ul {margin-left: 1em;}
	.wg li {list-style-type: disc;}
	.wg h1, .wg h2,.wg h3,.wg h4,.wg h5,.wg h6{font-weight:bold;}
	.wg h1{font-size:2em;margin:.67em 0;margin-top: 0;}
	.wg h2{font-size:1.5em;margin:.75em 0;}
	.wg h3{font-size:1.17em;margin:1em 0;}
	.wg h4{margin:1.33em 0;}
	.wg h5{font-size:0.83em;margin:1.67em 0;}
	.wg h6{font-size:0.67em;margin:2.33em 0;}
	

	/* =Boites génériques-------------  */

	/*Filet bleu*/
	.outLine {
		border: 1px #D4E7F6 solid;
		border-top-width: 0;
		}
		.deco5 .outLine {
			border: 1px #d8f0d8 solid;
			border-top-width: 0;
			}

	.box {
		position: relative;
		background: #F1F9FF url(/global/img/bgBox.png) repeat-x bottom left;
		margin-bottom: 20px;
		}
	.box.deco5{
		background: #EBFBED url(/global/img/bgBox_deco5.png) repeat-x bottom left;
	}
	.boxC {}
	.boxD {background: none;}
	.boxD .outLine {border-top-width: 1px;}

	/*Arrondis*/
	.tl,.tr { position: absolute; top: 0; display: block;}
	.bl,.br { position: absolute; bottom: 0; display: block; width: 3px; height: 3px; background-image: url(/global/img/arrB1.png);}
	.tl,.bl { left: 0;}
	.tr,.br { right: 0;}
	.tl {background-position: top left;}
	.bl {background-position: bottom left;}
	.tr {background-position: top right;}
	.br {background-position: bottom right;}

	.tl, .tr {
		background-image: url(/global/img/arrB1.png);
		width: 3px; height: 3px;
		z-index: 2;
	}
	.boxB .tl,.boxB .tr {
		background-image: url(/global/img/arrB2.png);
		width: 5px; height: 20px!important;
		z-index: 2;
	}
	.boxB.deco1 .tl,.boxB.deco1 .tr {background-image: url(/global/img/arrB2_deco1.png);}
	.boxB.deco2 .tl,.boxB.deco2 .tr {background-image: url(/global/img/arrB2_deco2.png);}
	.boxB.deco3 .tl,.boxB.deco3 .tr {background-image: url(/global/img/arrB2_deco3.png);}
	.boxB.deco4 .tl,.boxB.deco4 .tr {background-image: url(/global/img/arrB2_deco4.png);}
	.boxB.deco5 .tl,.boxB.deco5 .tr {background-image: url(/global/img/arrB2_deco5.png);}
	
	.boxF .tl,.boxF .tr {
		background-image: url(/global/img/arrB3.png);

	}
	.boxF .bl,.boxF .br {
		background-image: url(/global/img/arrB3.png);
		z-index: 2;
	}

	/*Boite ouvrante*/
	.fold {border-bottom: 1px #D4E7F6 solid;}
	.fold.last {border: 0;}

	.foldTitle {
		color: #0073C9;
		font-family: Tahoma;
		font-size: 70%;
		font-weight: bold;
		text-transform: uppercase;
		padding: .1em 0 .2em 10px;
		background: url(/global/img/bgFoldTitle.png) top left repeat-x;
	}
	.foldTitle a {
		color: #0073C9;
		display: block;
		text-decoration: none;
		background: transparent url(/global/img/icnFold.png) no-repeat 0 4px;
		padding-left: 8px; margin-left: -8px;
	}
	.foldTitle a:hover {color: #000;}
	.foldTitle a.opened {
		background-position: 0 -42px;
	}
	.foldContent {
		padding: 0px 10px 5px 10px;
		font-size: 85%;
		
	}
	
	.foldContent .contentCG li {
		background:transparent url(/global/img/puce3x3.png) no-repeat scroll 0 6px;
		padding: 0 0 0 8px;
	}


	
	/*Boite non ouvrante*/
	.noFold {
		padding: 3px 8px 5px 8px;
		background: transparent url(/global/img/filetSeparato.png) repeat-x;
	}
	.noFold p {
		font-size: 85%;
	}
	.noFoldTitle {
		color: #353B43;
		font-family: Tahoma;
		font-weight: bold;
		padding: 3px 0 0 0;
	}

/* =loading-------------  */
	.loading {
		z-index: 1000;
		border: 1px #ccc solid;
		border-bottom-width: 2px;
		border-right-width: 2px;
		padding: 5px;
		position: absolute;
		background: #efefef url(/global/img/load.gif) no-repeat 0 50%;
		padding-left: 20px;
	}
	
	/*Liens voir tout*/
	.voirTout {
		text-align: right;
		font-size: 9px !important;
		font-family: Tahoma;
		font-weight: bold;
		}
	.voirTout a {
		color: #0073C9;
		text-decoration: none;
	}

	.motsClefs .voirTout {
		text-align: left;
		position: relative;
		top: 5px;
	}
	/*Paginations*/
	.pagination {
		background:#fff url(/global/img/bgNavType.png) repeat-x scroll left top;
		border:1px solid #DCECF8;
		font-size:93%;
		margin-bottom:10px;
		padding:8px 0;
		text-align: center;
		color: #90C3E7;
	}
	.pagination a {margin: 4px;padding: 4px;}
	.pagination .current {
		font-weight: bold;
		border-bottom: 2px #074279 solid;
		color: #074279;
		}
	.pagination .prev, .pagination .next {font-weight: bold;}
	.pagination .prev {text-align: left;} 
    .pagination .next {text-align: right;}


	/* =Grilles-------------  */

	.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,
	.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {}

	.grid_1 {width: 60px;}
	.grid_2 {width: 140px;}
	.grid_3 {width: 220px;}
	.grid_4 {width: 300px;}
	.grid_5 {width: 380px;}
	.grid_6 {width: 460px;}
	.grid_7 {width: 540px;}
	.grid_8 {width: 620px;}
	.grid_9 {width: 700px;}
	.grid_10 {width: 780px;}
	.grid_11 {width: 860px;}
	.grid_12 {width: 940px;}


/* =Divers-------------  */


	/*Elements hors champ*/
	.hc {
		position: absolute;
		top: -1000em;
	}
	/*Roll over par JS*/
	.jHover {cursor:pointer;}
	.jHover a {color: #000;}
	
	
	/* http://www.positioniseverything.net/easyclearing.html */
	.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
	.clearfix{display:inline-block;}
	* html .clearfix{height:1%;}
	.clearfix{display:block;}

	a:hover, a:focus {color: #000!important;}


	/* =NUAGES DE TAGS, colonne de droite */

	#side .tag-small {
		font-size: 0.9em;
		position: relative;
	}
	#side .tag-medium {
		font-size: 1.1em;
		position: relative;
	}
	#side .tag-large {
		font-size: 1.3em;
		position: relative;
	}
	
	#actus h2 a,
	#dossiers h2 a,
	#agenda h2 a {
		text-decoration: underline;
	}
	
	.imageRight {
	float: right; margin: 5px 0 5px 5px
	}
	
	/* les social tools des webcams */
	#webcam2010 #socialTools {
		float: right;
		margin-top: 20px;
		margin-right: 10px ;
	}