/*------------------------------------------------------
	Includes sections
------------------------------------------------------*/
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/recherche.css");
@import url("/modules/actualites/module.css");

@import url("/skin/skin_default/accueil.css");
@import url("/skin/skin_default/plan.css");

/*------------------------------------------------------
	Reset
------------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, em, small, strong, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ul, ul li {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
img {border: none;}

/*div#logo img,
#login_wrapper {behavior: url(/iepngfix.htc);}*/

/*------------------------------------------------------
	Font-face
------------------------------------------------------*/

@font-face {
    font-family: 'DroidSerifRegular';
    src: url('/fontface/DroidSerif-Regular-webfont.eot');
    src: url('/fontface/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fontface/DroidSerif-Regular-webfont.woff') format('woff'),
         url('/fontface/DroidSerif-Regular-webfont.ttf') format('truetype'),
         url('/fontface/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSerifItalic';
    src: url('/fontface/DroidSerif-Italic-webfont.eot');
    src: url('/fontface/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fontface/DroidSerif-Italic-webfont.woff') format('woff'),
         url('/fontface/DroidSerif-Italic-webfont.ttf') format('truetype'),
         url('/fontface/DroidSerif-Italic-webfont.svg#DroidSerifItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSerifBold';
    src: url('/fontface/DroidSerif-Bold-webfont.eot');
    src: url('/fontface/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fontface/DroidSerif-Bold-webfont.woff') format('woff'),
         url('/fontface/DroidSerif-Bold-webfont.ttf') format('truetype'),
         url('/fontface/DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSerifBoldItalic';
    src: url('/fontface/DroidSerif-BoldItalic-webfont.eot');
    src: url('/fontface/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fontface/DroidSerif-BoldItalic-webfont.woff') format('woff'),
         url('/fontface/DroidSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('/fontface/DroidSerif-BoldItalic-webfont.svg#DroidSerifBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansRegular';
    src: url('/fontface/DroidSans-webfont.eot');
    src: url('/fontface/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fontface/DroidSans-webfont.woff') format('woff'),
         url('/fontface/DroidSans-webfont.ttf') format('truetype'),
         url('/fontface/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('/fontface/DroidSans-Bold-webfont.eot');
    src: url('/fontface/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fontface/DroidSans-Bold-webfont.woff') format('woff'),
         url('/fontface/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('/fontface/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*------------------------------------------------------
	Styles éléments par defaut
------------------------------------------------------*/
html, body{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background: #fff;
	font:14px/21px Arial, Helvetica, sans-serif;
	color:#464646;
}

.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0;
	margin: 0;
	visibility: hidden;
	line-height: 0;
	padding: 0;
	font-size: 0;
}	.clearRight{clear: right;}
	.clearBoth{clear: both;}

a {text-decoration: none;color:#6db137; cursor:pointer;}
a:link, a:active, a:visited {}
a:hover {text-decoration: none; color:#00aeef;}
a.btn {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/images/htc/PIE.htc);
	background:url(/images/fond-bouton.png) #79a738 top left repeat-x;
	display:block;
	float:left;
	clear:both;
	border:1px solid #476917;
	position:relative;	
}

	a.btn span,
	a.btn input {
		width: auto;
		overflow: visible;
		border: none;
		padding: 0;
		margin: 0;
		cursor: pointer;
		text-align: center;
		background:none;
		height:30px;
		color:#fff;
		text-shadow:0px -1px 0px #476917;
		font:12px/16px Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-transform:uppercase;

	}
	
	a.btn span {
		display: block;
		padding:0px 10px;
	}
	a.btn input {
		display: block;
		padding:0px 10px;
	}
	a.btn span input{
		padding:0px;
	}
	
#container {
	margin: 0 auto;
	text-align: left;
	background:url(/images/fond-haut.png) #fff 0 0 repeat-x;
}




/*------------------------------------------------------
	Styles des skins
------------------------------------------------------*/
#page{
	background:url(/images/fond-page.jpg) center bottom repeat-x;
}
#page .blanc{
	background:url(/images/fond-blanc.png) center top repeat-y;
}
#page .blancHaut{
	min-height:730px;
	background:url(/images/fond-blanc-entete.jpg) center top no-repeat;
}


#full,
#cols {
	background:#fff;
	width:920px;
	padding:0px 20px 50px;
	margin:0 auto;
	overflow:hidden;
	border:0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/images/htc/PIE.htc);
	position:relative;

}

	#sidebar {
		float:left;
		width:226px;
		background:url(/images/fond-sidebar.png) 158px 0px no-repeat;
		min-height:520px;
		padding:0 0 50px;
	}
	
	#cols #content {
		float:right;
		width:640px;
		margin:0 30px 0 0;
		padding:0 0 50px;
	}
	#full #content {
		margin:0 0px 0;
		padding:0 0 50px;
	}
	#cols #content h1{
		font:34px/38px DroidSerifRegular, "Times New Roman", Times, serif;
		color:#8fb643;
		margin:35px 30px 20px 0;
	}
	#full #content h1{
		font:34px/38px DroidSerifRegular, "Times New Roman", Times, serif;
		color:#333333;
		margin:35px 0px 20px;
}

/*------------------------------------------------------
	Formulaires
------------------------------------------------------*/
fieldset {
	overflow:hidden;
}

	fieldset legend {
	}
	
	fieldset div {
	}
	fieldset div.left {
		float:left;
	}
	fieldset div.right {
		float:right;
	}
	fieldset div.calcha {
		clear:both;
		overflow:hidden;
		padding:20px 0 30px;
}
	
		fieldset div label {
			font-size:11px;
			display:block;
			font-weight:bold;
			clear:both;
		}
		fieldset div i {color:#cc0000;margin-left:4px;line-height:24px;}
		
		fieldset div input,
		fieldset div textarea {
			border:1px solid #AAA;
			width:280px;
			height:24px;
			padding:0px 5px;
			font:12px/24px Arial, Helvetica, sans-serif;
			margin:0 0 10px ;
			float:left;
		}	fieldset div textarea {width:500px;height:130px;padding:5px;line-height:16px;}
			fieldset div input.cbx {border: none;}
		fieldset div.calcha input {
			width:40px;
			float:left;
		}
		fieldset div.calcha span {
			display:block;
			float:left;
			line-height:26px;
			margin:0 5px 0 0;
		}
			
		fieldset div select {
		}
		
		fieldset div input.omInvalid,
		fieldset div textarea.omInvalid,
		fieldset div select.omInvalid,
		fieldset div input:focus.omInvalid,
		fieldset div textarea:focus.omInvalid,
		fieldset div select:focus.omInvalid {}
		
		fieldset div input:focus,
		fieldset div textarea:focus,
		fieldset div select:focus {
			outline: none;
		}
		

/*------------------------------------------------------
	Header
------------------------------------------------------*/
#header {
	width:960px;
	margin:0 auto;
	height:110px;
	margin-bottom:20px;
}
	#header .logo,
	#footer .logo{
		float:left;
		width:295px;
		height:110px;
		background:url(/images/fond-entete-ombre.png) right top no-repeat;
	}
		#header .logo a,
		#footer .logo a{
			font:12px/12px DroidSerifRegular, "Times New Roman", Times, serif;
			color:#fff;
			display:block;
			width:145px;
			height:64px;
			margin:10px;
			padding:26px 0 0 90px;
			background:url(/images/fond-logo.png) 0px 4px no-repeat;
			text-decoration:none;
			
		}
			#header .logo a strong,
			#footer .logo a strong{
				font-size:24px;
				font-weight:normal;
				display:block;
				line-height:22px;
			}

	#header #menuSecondaire{
		height:36px;
		width:665px;
		border-bottom:1px solid #062a38;
		float:right;
	}
	#header #menuSecondaire ul{
		float:left;
		margin:10px 0 0 0;
	}
	#header #menuSecondaire ul li{
		float:left;
		display:block;
	}
	#header #menuSecondaire ul li a{
		display:block;
		color:#48c6f5;
		font:11px/12px Arial, Helvetica, sans-serif;
		border-right:1px solid #fff;
		padding:0px 10px;
		text-decoration:none;
		height:12px;
		margin:2px 0;
		text-shadow:0px 1px 0px #26320f;
	}
	#header #menuSecondaire ul li a:hover{color:#fff;}
		#header #menuSecondaire ul li.last a{
			border-right:none;
			text-decoration:none;
			margin-right:10px;
		}
		#header #menuSecondaire ul li.facebook a,
		#header #menuSecondaire ul li.youtube a{
			border-right:none;
			overflow:hidden;
			text-indent:-1000px;
			background:url(/images/icon-social.png) 0 0 no-repeat;
			height:16px;
			width:18px;
			padding:0;
			margin:0 1px;
		}
		#header #menuSecondaire ul li.youtube a{background-position:-20px 0px}


	#header #quicksearch{
		height:20px;
		width:173px;
		margin:7px 0 0;
		border:1px solid #fff;
		float:right;
		background:url(/images/fond-entete-recherche.png) #fff top left repeat-x;
	}
		#header #quicksearch input.boite{
			background:transparent;
			border:0px;
			color:#555;
			height:15px;
			margin:3px 0 0;
			padding:0px 5px;
			width:137px;
			font:11px/15px Arial, Helvetica, sans-serif;
			border-right:1px solid #cdcdcd;
			float:left;
		}
		#header #quicksearch a.tbtn{
			float:left;
			display:block;
			cursor:pointer;
			background:url(/images/icon-recherche.png) center 6px no-repeat;
			text-decoration:none;
			width:25px;
			height:18px;
			overflow:hidden;
		}
			#header #quicksearch a.tbtn input{
				background:transparent;
				padding:0;
				margin:0;
				border:0px;
				text-indent:-1000px;
				overflow:hidden;
				width:25px;
				height:18px;
				display:inline;
				cursor:pointer;
			}

	#header #menu{
		height:72px;
		width:665px;
		border-top:1px solid #145973;
		float:right;
	}
		#header #menu ul{margin:0;}
		#header #menu ul li{
			float:left;
			margin:0;
			padding:0;
			display:block;
			background:url(/images/fond-menu-sep.png) right top no-repeat;
		}
		#header #menu ul li.last{background:none;}
		#header #menu ul li a{
			display:block;
			height:52px;
			color:#bce5f5;
			margin:0;
			text-transform:uppercase;
			padding:20px 13px 0;
			text-decoration:none;
			background:url(/images/fond-menu-hover.png) center -27px no-repeat;
			-webkit-transition: color 150ms ease-in, background-position 250ms ease-out;
			-o-transition: color 150ms ease-in, background-position 250ms ease-out;

		}
		#header #menu ul li a:hover,
		#header #menu ul li a:hover strong
		{
			background-position:center 0px;
			color:#48c6f5;
		}
		#header #menu ul li a span{
			display:block;
			margin:0px 0 0 0;
			font:11px/14px DroidSerifRegular, "Times New Roman", Times, serif;
		}
		#header #menu ul li a strong{
			display:block;
			color:#fff;
			font:18px/18px DroidSerifBold, "Times New Roman", Times, serif;
		}
	
/*------------------------------------------------------
	Banniere
------------------------------------------------------*/

#banniere{
	width:960px;
	margin:0 auto;
	background:url(/images/fond-slogan.png) 0 0 no-repeat;
	}
#banniere .contenu{
	height:230px;
	position:relative;
	}
	
#banniere .text{
	padding:8px 10px 18px;
	background:red;
	float:right;
	font-size:11px;
	line-height:14px;
	color:#fff;
	text-align:left;
	background:url(/images/fond-banniere-texte.png) left bottom no-repeat;
	position:absolute;
}
#banniere .first{
	background-position:right bottom;
	text-align:right;
}
	#banniere .text strong{
		text-transform:uppercase;
		display:block;
	}
	#banniere .text span{
		display:block;
	}
	#banniere .text em{
		display:block;
		color:#a9e4fa;
		font-style:normal;
	}

#banniere .photo1 .first{top:45px;right:442px;}
#banniere .photo1 .second{top:37px;left:798px;}
#banniere .photo1{background:url(/images/banniere/fond-01.png) right top no-repeat;}

#banniere .photo2 .first{top:45px;right:442px;}
#banniere .photo2 .second{top:37px;left:798px;}
#banniere .photo2{background:url(/images/banniere/fond-02.png) right top no-repeat;}

#banniere .photo3 .first{top:35px;right:462px;}
#banniere .photo3{background:url(/images/banniere/fond-03.png) right top no-repeat;}

#banniere .photo4 .first{top:35px;right:362px;}
#banniere .photo4{background:url(/images/banniere/fond-04.png) right top no-repeat;}

#banniere .photo5 .first{top:75px;right:442px;}
#banniere .photo5 .second{top:67px;left:818px;}
#banniere .photo5{background:url(/images/banniere/fond-05.png) right top no-repeat;}

#banniere .photo6 .first{top:50px;right:300px;}
#banniere .photo6{background:url(/images/banniere/fond-06.png) right top no-repeat;}

#banniere .photo7 .first{top:55px;right:472px;}
#banniere .photo7 .second{top:47px;left:788px;}
#banniere .photo7{background:url(/images/banniere/fond-07.png) right top no-repeat;}

#banniere .photo8 .first{top:62px;right:472px;}
#banniere .photo8 .second{top:40px;left:798px;}
#banniere .photo8{background:url(/images/banniere/fond-08.png) right top no-repeat;}

#banniere .photo9 .first{top:55px;right:332px;}
#banniere .photo9{background:url(/images/banniere/fond-09.png) right top no-repeat;}

#banniere .photo10 .first{top:82px;right:462px;}
#banniere .photo10 .second{top:40px;left:798px;}
#banniere .photo10{background:url(/images/banniere/fond-10.png) right top no-repeat;}

#banniere .photo11 .first{top:65px;right:352px;}
#banniere .photo11{background:url(/images/banniere/fond-11.png) right top no-repeat;}



/*------------------------------------------------------
	Miette de pain
------------------------------------------------------*/
#breadcrumb{
	padding:10px 0px;
	border-bottom:1px solid #ddd;
	overflow:hidden;
	font-size:11px;
	}
#breadcrumb ul{
	float:right;
}
#breadcrumb ul li{
	float:left;
	padding:0 0 0 15px;
	display:block;
	background:url(/images/icon-fleche-verte.png) 7px 9px no-repeat;
}
#breadcrumb ul li.accueil{background:none;}

/*------------------------------------------------------
	Footer
------------------------------------------------------*/
#footer {
	background:url(/images/fond-footer-tile.png) #001622;
	color:#fff;
	font:11px/12px Arial, Helvetica, sans-serif;
}
#footer a{color:#00aeef;}
#footer a:hover{color:#4aceff;}
#footer .container{
	background:url(/images/fond-footer.jpg) center top no-repeat;
}

#footer .content{
	width:960px;
	margin:0 auto;
	padding:30px 0 10px;
	overflow:hidden;
}
	#footer .content .footerHolder{
		overflow:hidden;
		background:url(/images/fond-footer-sep.png) 240px 0px repeat-y;
		margin-bottom:35px;
	}
	#footer .content .logo{
		float:none;
		width:220px;
		height:110px;
		background:none;
		margin:0;
	}
	#footer .content .logo a{margin:0;}
	
	#footer .content .info{
		float:left;
		width:220px;
		margin:0px 10px;
	}
		#footer .info p{
			margin:0 0 12px 0;
			padding:0;
		}
			#footer .info p small{
				display:block;
				font-size:10px;
			}
			#footer .info p strong{
				display:block;
				font:24px/24px DroidSerifRegular, "Times New Roman", Times, serif
			}
			#footer .info p a{
				text-transform:uppercase
			}
		#footer .info ul{margin:36px 0 0 0;}
		#footer .info ul li a{
			background:url(/images/icon-social-big.png) 0 0 no-repeat;
			display:block;
			padding:0 0 0 38px;
			height:32px;
			line-height:32px;
			margin:0 0 10px 0;
		}
		#footer .info ul li.youtube a{background-position:0 -42px;}

	#footer .colonne{
		width:160px;
		margin:0 10px;
		float:left;}
		#footer .colonne h4{
			font:12px/12px DroidSansBold, Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			margin:0 0 10px;
			text-shadow:0px 1px 0px #000d10;
		}
		#footer .colonne ul{
			margin:0 0 25px;
		}
			#footer .colonne ul li a{
				margin:0 0 8px;
				display:block;
			}
			#footer .colonne ul li a:hover{color:#4aceff;}
				#footer .colonne ul li ul{
					margin:0 0 0px;
				}
					#footer .colonne ul li ul li a{
						padding:0 0 0 10px;
						color:#108bb9;
					}
		#footer .colonne ul.video li{
			display:block;
			overflow:hidden;
			padding:0 0 7px 0;
			margin:0;
		}
		#footer .colonne ul.video li a{
			display:block;
			padding:0 0px 0 0;
			margin:0;
			cursor:pointer;
		}
		#footer .colonne ul.video li a span{
			display:block;
			float:left;
			width:58px;
			height:38px;
			background-position:center center;
			border:1px solid #fff;
			margin-right:6px;
			overflow:hidden;
			text-indent:-100px;
		}
		#footer .colonne ul.video li a:hover span{text-decoration:none}


	#footer .colonne a.nouvelles{
		display:block;
	}
	#footer .colonne a.nouvelles small{
		display:block;
		color:#fff
	}
	#footer .colonne a.nouvelles strong{
		display:block;
		font-weight:normal;
	}


/*COPYRIGHT OMNI*/
	#copySADC {
		padding: 10px 50px 10px 0;
		margin: 0;
		color:#1b658b;
		font-size:10px;
		float:left;
	}
	#copySADC strong{
		color:#4f87a3;
		font-size:11px;
		display:block;
		font-weight:normal;
	}
	#copyright {
		padding: 18px 10px 10px 0;
		margin: 0;
		float:right;
		text-align: right;
		overflow: hidden;
		font-family: Arial, Helvetica, sans-serif;
	}
	#copyright a{
		color: #0d4b6b;
		display: block;
		float: right;
		background: url(/images/omnimedia-copy.png) top left no-repeat;
		font-size: 10px;
		text-transform: uppercase;
		line-height: 21px;
		text-decoration: none;
		padding: 0 0 0 32px;
		height: 21px;
	}
	#copyright a:hover{
		color: #2aa6ce;
		background: url(/images/omnimedia-copy.png) bottom left no-repeat;
	}

/*------------------------------------------------------
	Messages d'erreur
------------------------------------------------------*/
div#public_message{
	background:url(/images/fond-message.png) repeat-x;
	height:40px;
}
	
	div#public_message #message{
		width:960px;
		margin:0 auto;
		text-align:center;
		font:18px/36px DroidSerifRegular, Georgia, "Times New Roman", Times, serif;
	}

	div#publicerror, div#publicerrorErr,
	#menu ul li.mInactif a,
	#module_plan ul li.mInactif a{
		color: #F00;
	}
	
	
/*------------------------------------------------------
	Nous joindre
------------------------------------------------------*/
#joindre{
	overflow:hidden;
	padding:0px 30px 0;
}
#joindre h2{
	margin-top:0px;
}
#joindre h2.vert{
	margin-top:40px;
}
#joindre .adresse{
		width:240px;
		float:left;
		padding:20px 0 30px;
	}
#joindre .carte{
		width:600px;
		float:right;
		padding:20px 0 30px;
	}
#joindre .formulaire{
		clear:both;
		padding:30px 0 0;
		border-top:1px solid #ccc;
	}
#joindre .carte #map_canvas{
		width:598px;
		height:500px;
		border:1px solid #ccc;
	}


/*------------------------------------------------------
	Videos
------------------------------------------------------*/

#video{clear:both;}

#printp #video ul{
	font-size:12px;
	overflow:hidden;
	padding:15px 0;
	margin:10px 0;
}
	#printp #video ul li{
		width:640px;
		margin:0;
		padding:30px 0 20px;
		overflow:hidden;
		background: url("/images/fond-accueil-texte.png") center top no-repeat;
	}
		#printp #video ul li a{}
		#printp #video ul li a img{
			display:block;
			background-position:center center;
			margin-bottom:5px;
			}
		#printp #video ul li a strong{
			display:block;
			text-transform:uppercase;
			line-height:14px;
			padding:0 20px 0 0;
			float:left;
			width:120px;
			font-size:12px;
			border-right:1px solid #ddd;
			}
		#printp #video ul li a i{
			float:right;
			display:block;
			width:480px;
			border-bottom:1px solid #eee;
			padding:0 0 0 0px;
			color:#777;
			margin:0 0 5px;
			font-size:11px;
			text-transform:uppercase;
			font-style:normal;
}
		#printp #video ul li a span{
			float:right;
			display:block;
			width:480px;
			padding:0 0 0 0px;
			color:#464646;
			margin:0;
}
/*------------------------------------------------------
	Nous joindre
------------------------------------------------------*/
#printp #express #accordion{clear:both;}
#printp #express h3{
	background: url("/images/fond-accueil-texte.png")  center top no-repeat;
	margin:0;
	padding:0;
	clear:both;
	}
#printp #express h3 a{
	display:block;
	padding:10px;
	background:url(/images/icon-fleche-bleu.png) 2px 19px no-repeat;
	cursor:pointer;
	}
#printp #express .element ul li{
	background:none;
	padding:0;
	margin:0;
	font-size:12px;
}
#printp #express .element ul li a{
	padding:7px 10px 5px 31px;
	display:block;
	margin:0;
	background:url(/images/icon-pdf.png) 10px 9px no-repeat;
	border-top:1px solid #ddd;
}
#printp #express .element ul li a span{
	font-size:11px;
	color:#464646;
}