@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/plan.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/campagnes.css");
@import url("/modules/SendPrintTools/module.css");
@import url("/modules/actualites/module.css");
@import url("/modules/faq/module.css");
@import url("/modules/galerie/module.css");
@import url("/modules/chroniques/module.css");
img,div{
	behaviour: url(/iepngfix.htc)
}
html{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
body{
	width: 100%;
	margin: 0px; 
	padding: 0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: url(/images/bg-pattern.jpg) left top;
	color: #3f4031;
}
img{border: none;}
form{
	padding: 0px;
	margin: 0px;
}
a{
	outline:none;
}
a:link,
a:visited{
	color: #1b779b;
	text-decoration: underline;
}
a:hover{
	text-decoration: underline;
	color: #657e11;
}
.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}

#bands{background: #c0c2aa;}
#bands div.w{background: #FFFFFF; height: 127px;}
#bands div.g{background: url(/images/bg-grey.jpg) top right no-repeat; height: 166px;}
#bands.nobg div.g{background: none;}

#header{
	width: 960px;
	background: #FFFFFF;
	vertical-align: top;
}
	#header #logo{
		float: left;
		width: 257px;
	}
	#header #flare{
		float: left;
		width: 257px;
		height: 166px;
		position: relative;
		background: url(/images/bg-flare.jpg) 0px 0px no-repeat;
	}
		#header #flare div{
			position: absolute;
			top: 0px;
			left: 0px;
		}
	#header #flashmenu{
		float: right;
		width: 703px;
	}
	#flashmenu img{border-top: 3px solid #FFFFFF;}
	#OMFA img{border-top: none;}
	#flashmenu div div{}

#OMFM{
	height: 43px;
}
#OMTH{
	background: #c0c2aa;
}

#page{background: #c0c2aa url(/images/bg-shadow.jpg) 0px 0px no-repeat;}
#page div.holder{background: url(/images/bg-left.gif) 0px 0px repeat-y; width: 960px;}
#page div.rholder{background: url(/images/bg-left-bottom.gif) 236px bottom no-repeat; width: 960px;}

#page.full div.holder{background: none;}
#page.full div.rholder{background: none;}

#sheet{
	width: 699px;
	float: left;
}
#page.full #sheet{
	width: 960px;
	border-top: 4px solid #FFFFFF;
}
#printer{margin: 30px 25px 10px 25px;}
#page.full #printer{margin: 10px 0px 20px 0px;}

#printp{
	padding: 5px 25px 10px 25px;
	font-size: 100%;
}
#page.full #printp{padding: 0px;}
	#printp{
		font: 12px Verdana,Arial,Helvetica,sans-serif;
	}
	#printp p{
		margin: 0px;
		padding: 10px 0px;
		letter-spacing: 0px;
		word-spacing: 0px;
		line-height: 18px;
	}
	#printp h1{
		margin: 0px;
		padding: 40px 0px 5px 0px;
		color: #63654a;
		font: 350% Georgia, "Times New Roman", Times, serif;
	}
	#printp h2{
		margin: 0px;
		padding: 40px 0px 5px 0px;
		color: #657e11;
		font: 220% Georgia, "Times New Roman", Times, serif;
	}
	#printp h3{
		margin: 0px;
		padding: 40px 0px 5px 0px;
		color: #2f6a81;
		font: 220% Georgia, "Times New Roman", Times, serif;
	}
	#printp h4{
		margin: 0px;
		padding: 30px 0px 5px 0px;
		color: #585b3a;
		font: 180% Georgia, "Times New Roman", Times, serif;
	}
	#printp h5{
		margin: 0px;
		padding: 10px 0px 8px 0px;
		color: #707353;
		font: 150% Arial, Helvetica, sans-serif;
	}
	#printp h6{
		margin: 0px;
		padding: 10px 0px 8px 0px;
		color: #205469;
		font: 170% Georgia, "Times New Roman", Times, serif;
	}
	#printp pre{
		display: block;
		width: auto;
		white-space: normal;
		padding: 10px;
		margin: 10px 0px;
		background: #b2b498;
		border: 1px solid #949674;
		font: 100% Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: 0px;
		word-spacing: 0px;
		line-height: 18px;
	}
	#printp ul, #printp ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		#printp ul{
			margin: 10px 0px;
			line-height: 18px;
			border-top:1px solid #b1b39b;
			border-bottom:1px solid #cdcfb9;
		}
		#printp ul li{
			padding: 10px 0px 10px 33px;
			border-top:1px solid #cdcfb9;
			border-bottom:1px solid #b1b39b;
			/*font-size:90%;*/
			background: url(/images/bullet-ul.gif) 15px 13px no-repeat;
		}
		#printp ul.pdf li{
			padding: 10px 0px 10px 43px;
			background: url(/images/bullet_pdf.gif) 12px 7px no-repeat;
		}
		#printp ul.html li{
			padding: 10px 0px 10px 43px;
			background: url(/images/bullet_html.gif) 12px 7px no-repeat;
		}
			#printp ul ul, #printp ul ul li{
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
				#printp ul ul{
					margin: 10px 0px;
					line-height: 18px;
					border: none;
				}
				#printp ul ul li{
					padding: 10px 0px 0px 29px;
					margin: 0px;
					border: none;
					background: url(/images/bullet-ul-ul.gif) 15px 15px no-repeat;
				}
		#printp ol{
			color: #4f503e;
			padding-left: 20px;
			margin-left: 20px;
			line-height: 18px;
		}
		#printp ol li{padding-bottom: 10px;}
		
	#printp .image_bordure,
	#printp a .image_bordure{
		border: 3px solid #a5a883;
		padding: 2px;
		background: #FFFFFF;
	}
	#printp a:hover .image_bordure{
		background: #FFFFFF;
		border: 3px solid #1b779b;
	}
	
	#printp .message{
		margin: 10px 0px;
		padding: 8px;
		border: 1px solid #8e8f7b;
		background: #d9dbc9;
	}
	
	#printp div.colGauche{
		width:300px;
		float:left;
	}
	#printp div.colDroite{
		width:300px;
		float:right;
	}
#demande-info{
	/*background: #ccceb9 url(/images/mail-fade.jpg) bottom left repeat-x;*/
	padding-top: 20px;
}
#demande-info div.holder{
	width: auto;
	padding: 0px;
	margin: 0px;
	background: url(/images/dot-h.gif) 0px 0px repeat-x;
	padding: 10px 0px;
}

table.tblForm th,
table.tblForm td{
	text-align: left;
	padding: 2px 10px 2px 0px;
}
table.tblForm th{
	text-align: right;
	font-weight:normal;
}
table.tblForm td.question{
	font-size: 110%;
	font-weight: bold;
	color: #535824;
}
table.tblForm td.question span{
	font-weight: normal;
}
	table.tblForm td.question div{
		padding-top: 5px;
		color: #3f4031;
	}

table.tblForm td.sep{padding: 0px;}
table.tblForm hr{
	color: #b0b296;
	background-color: #b0b296;
	height: 1px;
	border: 0;
	margin:15px 0px;
	
}

table.tblForm input,
table.tblForm textarea,
table.tblForm select{
	border: 1px solid #797b59;
	padding: 3px 5px;
	color: #575848;
	background:URL(/images/fond-input.gif) #f1f2e2 top left repeat-x;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}
table.tblForm input.obligatoire{
	background-position:top right;
}
	table.tblForm .omInvalid{border: 1px solid #b42f2f;}
table.tblForm td.radio input{border: none;}
table.tblForm td.radio span{font-weight:bold;}
table.tblForm select{padding: 1px;}

table.tblForm td em{
	color: #205469;
	font: bold 100% "Courier New", Courier, monospace;
	padding: 0px 4px;
}

table.tblForm span.omError{
	border: 1px solid #16485c;
	background: #2f6a81;
	color: #97cade;
	font-size: 80%;
	padding: 4px 8px;
	margin-left:4px;
}
	
ul.biglist, ul.biglist li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	ul.biglist{
		width: 400px;
		font: 150% Arial, Helvetica, sans-serif;}
	ul.biglist li{
		padding: 10px 10px 10px 18px;
		border-bottom: 1px solid #a0a285;
		background: url(/images/bullet-left-big.gif) 5px 17px no-repeat;
	}
	
#accueil{
	/*background:url(/images/fond_accueil.gif) top left repeat-y;*/
	color: #FFFFFF;
	background-color:#FFFFFF;
	
}
	#presentation{
		background: #2f6a81;
		width: 253px;
		float: left;
	}
	#equipe{
		width: 253px;
		height: 201px;
		position: relative;
		background:#1c4b61;
		/*float: left;*/
	}
	#feed_rss{
		float:right;
		margin:2px 10px 0 0;
	}
	#feed_rss a{
		display:block;
		text-decoration:none;
		font-size:9px;
	}
	#feed_rss a span{
		display:block;
		margin:3px 0 0 0;
		float:left;
		cursor:pointer;
	}
	#feed_rss a img{
		margin:0 0 0 7px;
		float:left;
	}
	#news{
		background-color:#FFFFFF;
		float: left;
		width: 707px;
		height:201px;
	}
	#showNews{
		width:200px;
		
		border:1px solid gold;
		height:200px;
	}
	#picture{
		position: absolute;
		top: -170px;
		z-index: 100;
		width: 257px;
	}
	#infos{
		position: absolute;
		top:56px;
		background-image:url(/images/bg_news2_03.png);
		background-repeat:repeat;
		z-index: 102;
		width: 253px;
		height:145px;
	}
		#infos h3{
			margin: 0px;
			padding: 30px 0px 0px 5px;
			font: 18px Lucida sans, Arial, Helvetica, sans-serif;
			color: #FFFFFF;
			padding: 5px 0px 5px 20px;
		}
			#infos h3 strong{
				display: block;
				text-transform: uppercase;
				font-size: 22px;
				margin-top: -3px;
				font-weight: normal;
				letter-spacing:-1px;
				
			}
			#infos h3 span{word-spacing: -4px;}
		#infos p{
			font-size: 11px;
			color: #8edfff;
			line-height: 13px;
			padding: 5px 0px 5px 20px;
		}
		#infos img{
			margin:0 0 0 16px;
		}
		
	#texte{
		width:960px;
		clear:both;
		font-size: 90%;
		background-color:#2f6a81;
		background-image:url(/images/fr/bg_texte.jpg);
		background-repeat:no-repeat;
		overflow:hidden;
	}	html >body #texte{height: auto; min-height: 221px;}
	#philanthrope{
		width:253px;
		float:left;
		background-image:url(../../images/fr/bg_philanthrope.jpg);
		background-position:241px 9px;
		background-repeat:no-repeat;
		height:230px;
	}
	#philanthrope a.bouton{
		margin:10px 0 0 10px;
		cursor:pointer;
	}

	#philanthrope h2{
		color:#ffffff;
		padding:0 ;
		margin:20px 20px 10px 20px;;
		font-size:21px;
	}
	#philanthrope p{
		padding: 0;	
		margin:16px 20px 10px 20px;
		line-height:14px;
	}
	#msgnewsletter{
		
	}
	#msgnewsletter ul{
		border:none;
		padding:0 0 20px 0;
		margin:0;
	}
	#msgnewsletter ul li{
		background:none;
		border:none;
		margin:0;
		padding-left:16px;
	}
	#msgnewsletter input.choix{
		float:left;
		
	}
	#msgnewsletter label{
		float:left;
	}
	#courriel{
		padding: 3px 0px 5px 0px;	
		margin:10px 20px 0px 20px;	
		width:191px;
		color:#666666;
		font-size:11px;
		font-size:12px;
		padding-left:7px;
		border:none;
	}
	#philanthrope .btn_newsletter{
		padding: 0;	
		margin:0 0 0 14px;
		background:url(/images/fr/btn-newsletter.gif) top left no-repeat;
		border:none;
		width:112px;
		height:35px;
	}
	
	#philanthrope a,
	#philanthrope a.btn,
	#philanthrope a.btn input {text-decoration: none;}
	#philanthrope a:hover .btn_newsletter{
   	 	background:url(/images/fr/btn-newsletter-o.gif) top left no-repeat;
		text-decoration: none;
	}
	#texte div.wrapper{
		padding: 15px 20px;
		float:left;
		width:666px;
		
	}
		#texte div.wrapper img{
			float:left;
			margin:0;
			padding:0;
		}
		#texte div.wrapper p{
			width:490px;
			float:left;
			padding:0;
			margin:-13px 0 0 21px;
			display: inline;
			
			
		}
		#texte div.wrapper p span{
			clear:both;
			float:left;
			margin: 26px 0 35px 150px;
			width:490px;
		}
	#texte a:link,
	#texte a:visited{
		color: #99ebff;
		text-decoration: none;
	}
	#texte a:hover{
		color: #FFFFFF;
		text-decoration: underline;
	}
	

	#printp #accueil h1{
		margin: 0px;
		padding: 16px 18px;
		background: #FFFFFF;
		font: 210% Georgia, "Times New Roman", Times, serif;
		color: #FFF;
		letter-spacing:-1px;
		background-color:#2f6a81;
		border-top: 4px solid #FFF;

	}
		#printp #accueil h1 strong{
			font-weight: normal;
			color: #bde5f4;
		}

	#nouvelles{
		position: relative;
		padding: 0px 0px;
		background-color:ffffff;
		float:left;
		margin:0;
		width:707px;
		min-height:156px;
		background-image:url(/images/border_news.jpg);
		background-repeat:no-repeat;
		background-position:460px 6px;
		display:inline;
	}
	#printp td{
		vertical-align: top;
	}
	
	#thermo{
	float:right;
	width:960px;
	
	}
	
	div.back{
		padding-top: 20px;
		padding-left: 8px;
		font-weight: bold;
	}
	
	div.back a:link,
	div.back a:visited{
		background: url(/images/bullet-left.gif) 0px 0px no-repeat;
		padding-left: 18px;
		color: #2f6a81;
		text-decoration: none;
	}
	div.back a:hover{
		text-decoration: underline;
		color: #657e11;
	}
	
	#accueil div.plus{
		position: relative;
	}
		#accueil div.plus div{
			position: absolute;
			top: -38px;
			text-align: right;
			width: 940px;
			font-size: 10px;
		}
		#accueil div.plus div a:link,
		#accueil div.plus div a:visited{
			color: #608c9d;
			background: url(/images/bullet-plus2.gif) right 3px no-repeat;
			padding-right: 10px;
		}
		#accueil div.plus div a:hover{
			color: #1b455b;
			background: url(/images/bullet-plus2-o.gif) right 3px no-repeat;
		}
	
a.btn{
	cursor: pointer;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
	a.btn input{
		padding: 5px 10px;
		background: #727454 url(/images/bg-btn.gif) 0px 0px repeat-x;
		color: #FFFFFF;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		cursor: pointer;
		border: 1px solid #3a3c23;
		font-size: 11px;
		width: auto;
		overflow: visible;
	}
	a:hover.btn input{
		background: #7d9421  url(/images/bg-btn.gif) 0px -52px repeat-x;
		color: #FFFFFF;
		border: 1px solid #4a5e08;
	}

#editorTableHolder{
	margin-top: 30px;
	margin-bottom: 20px;
}

#sent, #publicerror{position: relative;}
#sent div,
#publicerror div{
	position: absolute;
	top: 8px;
	left: -4px;
	width: 699px;
	z-index: 999;
}
	#sent div span,
	#publicerror div span{
		display: block;
		border: 1px solid #6f7155;
		background: #fbffcc;
		padding: 8px 12px;
		color: #6f7155;
	}
#page.full #sent div,
#page.full #publicerror div{
	left: 257px;
	top: 3px;
}

#idAreaoEdit1{
	marin-top: 10px;
}

div.areaedit{
	margin-top: 10px;
	float:left;
}
	div.areaeditcontent{
		float:left;
	}
	div.areaeditbutton{
		padding-top: 10px;
	}

#campagneEdit{
	background: #c0c2aa;
	padding: 20px 0px;
	color: #4a4c35;
	overflow:hidden;
}
	#campagneEdit div.campagne{
		float: left;width: 240px;
	}
	#campagneEdit div.first{}
	#campagneEdit div.end{}
	#campagneEdit div.campagne div{
		padding: 0px 0px 10px 0px;
		text-align: center;
	}
	#campagneEdit div.first div{border-left: none;}
	#campagneEdit div.end div{border-right: none;}
	#campagneEdit div.bottom div{}
	#campagneEdit div.campagne select{width: 200px;}

	#campagneEdit div.indiceAdmin{
		padding:10px;
		font-weight:bold;
		font-size:11px;
		border-top: 1px solid #cdcfb9;
		clear:both;
	}
	#campagneEdit div.indiceAdmin input{
		width:30px;
		border:1px solid #000;
		padding:3px;
		
	}

	#campagneEdit div.btnHolder{
		padding: 10px 10px 0px 10px;
		border-top: 1px solid #cdcfb9;
		text-align: center;
	}

/*##################################################
				Gestion des erreurs
####################################################*/
div#publicerror, div#publicerrorErr{
	color:#FF0000;
}

#signupmsg {
	display: none;
	background: #3e788d;
	border: 1px solid #5893a1;
	font: bold 10px/12px Verdana, Arial, sans-serif;
	padding: 5px 10px;
	margin: 10px 35px 0 20px;
}


#printp #indiceGen
{
	overflow:hidden
}


#printp #indiceGen .indiceGauche
{
	float:left;
	width:380px;
}

#printp #indiceGen .indiceDroite
{
	float:right;
	width:208px;
}

#printp #indiceFlash,
#printp #indiceFlash li
{
	margin:0px;
	padding:0px;
	background-image:none;
	border:0px;
}

#printp #indiceFlash
{
	overflow:hidden;
	display:block;
}

#printp #indiceFlash li
{
	float:left;
	display:inline;
	width:200px;
	padding:10px 0px;
	
}

.editBox {
	background: #cdcfb9;
	border-bottom: 1px solid #b1b39b;
	padding: 8px 10px;
	font-size: 11px;
}

	.editBox input {
		border: 1px solid #000;
		text-align: center;
	}
	
.indiceMoyenne {
	margin: 20px 42px 0 42px;
	border-top: 1px solid #cdcfb9;
	border-bottom: 1px solid #cdcfb9;
	font-size: 11px;
	padding: 10px;
}

.btnIndiceHolder {
	text-align: center;
	padding: 10px 0;
}


/*ICON SOCIAL*/

#printp #social,
#printp #social li{
	margin:0;
	padding:0;
	border:0px;
	background:none;
	font-size:10px;
}

#printp ul#social{
	border-top:1px solid #e6e7dd;
	clear:both;
}

#printp #social li{
	float:left;
	color:#333;
	padding:8px 2px 0;
}
#printp #social li.texte{
	padding-left:15px;
}
#printp #social li.infolettre{
	line-height:12px;
	text-align:right;
	width:470px;
	padding-top:5px;
}
#printp #social li.infolettre img{
	margin:0 0 0 10px;
}

#printp #social li a{
	display:block;
	text-decoration:none;
	width:24px;
	height:24px
}
#printp #social li.twitter{padding-top:5px;}
#printp #social li.facebook{padding-top:5px;}
#printp #social li.linkedin{padding-top:5px;}
#printp #social li.rss{padding-top:5px;}
#printp #social li.twitter a{background:url(/images/icon-24-twi.gif) top left no-repeat;}
#printp #social li.facebook a{background:url(/images/icon-24-fb.gif) top left no-repeat;}
#printp #social li.linkedin a{background:url(/images/icon-24-in.gif) top left no-repeat;}
#printp #social li.rss a{background:url(/images/icon-24-rss.gif) top left no-repeat;}

#printp #social li.infolettre a{
	display:inline;
	text-decoration:none;
	width:auto;
	cursor:pointer;
}


	#copyright {
		width:300px;
		margin:0 auto;
		padding: 10px 10px 10px 0;
		text-align: right;
		overflow: hidden;
		font-family: Arial, Helvetica, sans-serif;
		clear:both;
		float:right;
	}
	#copyright a{
		color: #6B5C4C;
		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;
	}