body{
	margin:0 auto;
	padding:0;
	background: url(images/fond-page.gif) repeat-x top #414141;
	color:#5A5A5A;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;}

div, p, table{color:#5A5A5A;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0;
	margin:0}
p{padding:0;
	margin:0 0 2px 0;}
	
h1, .bigRedText{
	font-weight:normal;
	padding:0;
	margin:0 0 2px 0;
	color:#C00F00;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;}
	h1 font{color:#5A5A5A}
h2, h2 a, .orangeText{
	font-family: "Trebuchet MS", Trebuchet,Verdana, Arial, Helvetica, sans-serif;
	color:#EA6F00;
	font-size:15px;
	font-weight:normal;
	margin:0 0 2px 0;
	padding: 0;
	text-decoration:none;}
h2 a:hover, a.orangeText:hover{
	font-family: "Trebuchet MS", Trebuchet,Verdana, Arial, Helvetica, sans-serif;
	color:#ffaf03;
	font-size:15px;
	font-weight:normal;
	margin:0 0 2px 0;
	padding: 0;
	text-decoration:none;}
h2 span{font-family: "Trebuchet MS", Trebuchet,Verdana, Arial, Helvetica, sans-serif;
	color:#EA6F00;
	font-size:18px;
	font-weight:normal;
	margin:0 0 2px 0;
	padding: 0;
	text-decoration:none;}
h3{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12pt; color:#EA6F00; font-weight:bolder;border:0; padding:0; margin:8px 0 5px 0;clear:both}
h4{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#C00F00;font-weight:bold;border:0; padding:0; margin:8px 0 8px 0;clear:both}
h5{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#5A5A5A;font-weight:600;border:0; padding:0; margin:5px 0 3px 0;clear:both}
h5 span{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#EA6F00;font-weight:bold;border:0; padding:0; margin:0;float:left}
/*h6{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#C00F00;font-weight:normal;border:0; padding:0; margin:5px 0 3px 0;clear:both}*/
h6{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:12pt;color:#EA6F00;font-weight:normal;border:0; padding:0; margin:5px 0 3px 0;clear:both}

img{border: 0;}
div{margin:0;padding:0}
a{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#C00F00;font-size:11px; text-decoration:none; font-weight:bold; }

a:hover{color:#ff0000;}
a:hover .cadre{border:1px solid #ff0000; background-color:#ffffff;}
ul{list-style-type: none; padding: 0px;  margin:5px 0 5px 0px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:1em;}
li{background-image: url(images/pucerouge.gif); background-repeat: no-repeat; background-position: 0 .5em; padding:0; padding-left: 20px; border:0; margin: 0 0 0 15px; text-align:justify;}
ul ul li{background-image: url(images/puceMarron.gif); background-repeat: no-repeat; background-position: 0 .5em;padding:0; padding-left: 20px;}
ul ul ul li{background-image: url(images/pucegrise.gif);background-repeat: no-repeat; background-position: 0 .5em;padding:0; padding-left: 20px;}
ul li.pdf{display: block; border:none; background:url(images/ico-pdff.gif) no-repeat 0 0;padding-top: 4px;height:20px}
ul li.doc{display: block; border:none; background:url(images/ico-doc.gif) no-repeat 0 0;padding-top: 4px;height:20px}

ol{list-style-type:decimal; padding-left: 15px;  margin:5px 0 5px 0px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:1em;}
ol li{background:none; padding:0 5px 2px 0;border:0; margin: 0 0 0 15px; text-align:justify;}

u{display:block; height:1px; clear:both; text-decoration:none;}
u.sep{display:block; height:36px; clear:both; text-decoration:none; background:url(images/hachure_under.gif) repeat-x center;}

i{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#EA6F00;font-size:11px; font-style: normal;}
hr {margin: 15px 0; border-top: 1px dotted grey; border-bottom: 0; height: 1px; clear: both;}
b{color:#C00F00;}
/*input{margin: 0 2px 2px 0; clear:both;}*/
form{border:0; padding:0; margin:0}
/*label, textarea{display:block; float:left; margin: 0 0 2px 0;}*/

#c{display:none; position: absolute; top: 50px; left: 0; z-index:9999999999; text-align: right; border:1px solid #cccccc; background:#ffffff;padding:10px;}
#filtre{position:absolute; top:0; left:0; background:#222222; -moz-opacity:0.49; filter:alpha(opacity=49); z-index:999998; width:100%; height:100%; display:none;}

/* FORMULAIRES */
.champcontact{background:  url(images/fond_champ.gif) repeat-x top; background-color: #ffffff; 
	border:1px solid #cccccc;padding: 0 2px 0 2px; margin:0;
	color:#405058; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
.champfocus{background: url(images/fond_champfocus.gif) repeat-x top; background-color: #ffffff;
	border-left:1px solid #6bb5e5; border-right:1px solid #6bb5e5; border-top:1px solid #3d8fc5; border-bottom:1px solid #92c5e7;	color:#0a81fe;			 	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	padding: 0 2px 0 2px; margin:0;}
.champcontacterreur{background:  url(images/fond_champerreur.gif) repeat-x top; background-color: #be0d0d;
	border:1px solid #5f0606; padding: 0 2px 0 2px; margin:0;
	color:#FFFFFF;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.erreur{color:#be0d0d;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; font-weight:bold}
.send{background: url(images/fond_send.gif) repeat-x center; background-color: #0a82fd; color: #FFFFFF;
	border:1px solid #0863bf;	text-align : center; font-weight: bold; font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;padding: 0 2px 0 2px; margin:0;}
.modale{display:none;}
.modalephotos{background:#ffffff;}
.modalephotos div.loading{background: url(images/loading.gif) no-repeat center center #ffffff; text-align:center;}

a.fermer,a.fermer:hover{font-size:9px;color:#0398ff;text-decoration:none;}
a.fermer:hover{color:#49b3ff;}


/* CLASSES */
/*marges*/
.m5		{margin:5px;}
.m10		{margin:10px;}
.m15		{margin:15px;}
.m20		{margin:20px;}
.m0		{margin:0;}
.ml5		{margin-left:5px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml30	{margin-left:30px;}
.ml40	{margin-left:40px;}
.ml50	{margin-left:50px;}
.ml60	{margin-left:60px;}
.ml70	{margin-left:70px;}
.ml80	{margin-left:80px;}
.ml90	{margin-left:90px;}
.ml100	{margin-left:100px;}
.mr5		{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}
.mr30	{margin-right:30px;}
.mr40	{margin-right:40px;}
.mr50	{margin-right:50px;}
.mr60	{margin-right:60px;}
.mr70	{margin-right:70px;}
.mr80	{margin-right:80px;}
.mr90	{margin-right:90px;}
.mr100	{margin-right:100px;}
.mt5		{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt30	{margin-top:30px;}
.mt40	{margin-top:40px;}
.mt50	{margin-top:50px;}
.mt60	{margin-top:60px;}
.mt70	{margin-top:70px;}
.mt80	{margin-top:80px;}
.mt90	{margin-top:90px;}
.mt100	{margin-top:100px;}
.mb5		{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb20	{margin-bottom:20px;}
.mb30	{margin-bottom:30px;}
.mb40	{margin-bottom:40px;}
.mb50	{margin-bottom:50px;}
.mb60	{margin-bottom:60px;}
.mb70	{margin-bottom:70px;}
.mb80	{margin-bottom:80px;}
.mb90	{margin-bottom:90px;}
.mb100	{margin-bottom:100px;}
/* marges négatives */
.ml-5		{margin-left:-5px;}
.ml-10	{margin-left:-10px;}
.ml-15	{margin-left:-15px;}
.ml-20	{margin-left:-20px;}
.ml-30	{margin-left:-30px;}
.ml-40	{margin-left:-40px;}
.ml-50	{margin-left:-50px;}
.ml-60	{margin-left:-60px;}
.ml-70	{margin-left:-70px;}
.ml-80	{margin-left:-80px;}
.ml-90	{margin-left:-90px;}
.ml-100	{margin-left:-100px;}
.mr-5		{margin-right:-5px;}
.mr-10	{margin-right:-10px;}
.mr-15	{margin-right:-15px;}
.mr-20	{margin-right:-20px;}
.mr-30	{margin-right:-30px;}
.mr-40	{margin-right:-40px;}
.mr-50	{margin-right:-50px;}
.mr-60	{margin-right:-60px;}
.mr-70	{margin-right:-70px;}
.mr-80	{margin-right:-80px;}
.mr-90	{margin-right:-90px;}
.mr-100	{margin-right:-100px;}
.mt-5		{margin-top:-5px;}
.mt-10	{margin-top:-10px;}
.mt-15	{margin-top:-15px;}
.mt-20	{margin-top:-20px;}
.mt-30	{margin-top:-30px;}
.mt-40	{margin-top:-40px;}
.mt-50	{margin-top:-50px;}
.mt-60	{margin-top:-60px;}
.mt-70	{margin-top:-70px;}
.mt-80	{margin-top:-80px;}
.mt-90	{margin-top:-90px;}
.mt-100	{margin-top:-100px;}
.mb-5		{margin-bottom:-5px;}
.mb-10	{margin-bottom:-10px;}
.mb-20	{margin-bottom:-20px;}
.mb-30	{margin-bottom:-30px;}
.mb-40	{margin-bottom:-40px;}
.mb-50	{margin-bottom:-50px;}
.mb-60	{margin-bottom:-60px;}
.mb-70	{margin-bottom:-70px;}
.mb-80	{margin-bottom:-80px;}
.mb-90	{margin-bottom:-90px;}
.mb-100	{margin-bottom:-100px;}
/*padding*/
.p5		{padding:5px;}
.p10		{padding:10px;}
.p15		{padding:15px;}
.p20		{padding:20px;}
.p0		{padding:0;}
.pt5		{padding-top:5px;}
.pt10		{padding-top:10px;}
.pt15		{padding-top:15px;}
.pt20		{padding-top:20px;}
.pt30		{padding-top:30px;}
.pt40		{padding-top:40px;}
.pt50		{padding-top:50px;}
.pt60		{padding-top:60px;}
.pt70		{padding-top:70px;}
.pt80		{padding-top:80px;}
.pt90		{padding-top:90px;}
.pt100	{padding-top:100px;}
.pb5		{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}
.pb30	{padding-bottom:30px;}
.pb40	{padding-bottom:40px;}
.pb50	{padding-bottom:50px;}
.pb60	{padding-bottom:60px;}
.pb70	{padding-bottom:70px;}
.pb80	{padding-bottom:80px;}
.pb90	{padding-bottom:90px;}
.pb100	{padding-bottom:100px;}
.pl5		{padding-left:5px;}
.pl10		{padding-left:10px;}
.pl15		{padding-left:15px;}
.pl20		{padding-left:20px;}
.pl30		{padding-left:30px;}
.pl40		{padding-left:40px;}
.pl50		{padding-left:50px;}
.pl60		{padding-left:60px;}
.pl70		{padding-left:70px;}
.pl80		{padding-left:80px;}
.pl90		{padding-left:90px;}
.pl100	{padding-left:100px;}
.pr5		{padding-right:5px;}
.pr10		{padding-right:10px;}
.pr15		{padding-right:15px;}
.pr20		{padding-right:20px;}
.pr30		{padding-right:30px;}
.pr40		{padding-right:40px;}
.pr50		{padding-right:50px;}
.pr60		{padding-right:60px;}
.pr70		{padding-right:70px;}
.pr80		{padding-right:80px;}
.pr90		{padding-right:90px;}
.pr100	{padding-right:100px;}
/* largeurs % */
.l5				{width:5%;}
.l10			{width:10%;}
.l15			{width:15%;}
.l20			{width:20%;}
.l25			{width:25%;}
.l30			{width:30%;}
.l33			{width:33%;}
.l35			{width:35%;}
.l40			{width:40%;}
.l45			{width:45%;}
.l48			{width:48%;}
.l50			{width:50%;}
.l52			{width:52%;}
.l55			{width:55%;}
.l60			{width:60%;}
.l65			{width:65%;}
.l70			{width:70%;}
.l75			{width:75%;}
.l80			{width:80%;}
.l85			{width:85%;}
.l90			{width:90%;}
.l95			{width:95%;}
.l100			{width:100%;}
/*largeurs PX*/
.w100		{width:100px}
.w150		{width:150px;}
.w200		{width:200px;}
.w250		{width:250px;}
.w300		{width:300px;}
.w350		{width:350px;}
.w400		{width:400px;}
.w450		{width:450px;}
.w500		{width:500px;}
.w550		{width:550px;}
.w600		{width:600px;}
.w650		{width:650px;}
.w700		{width:700px;}
/* hauteurs PX*/
.h5			{height:5px;}
.h10			{height:10px;}
.h20			{height:20px;}
.h30			{height:30px;}
.h40			{height:40px;}
.h50			{height:50px;}
.h60			{height:60px;}
.h70			{height:70px;}
.h80			{height:80px;}
.h90			{height:90px;}
.h100		{height:100px;}
.h110		{height:110px;}
.h120		{height:120px;}
.h130		{height:130px;}
.h140		{height:140px;}
.h150		{height:150px;}
.h160		{height:160px;}
.h170		{height:170px;}
.h180		{height:180px;}
.h190		{height:190px;}
.h200		{height:200px;}
.h210		{height:210px;}
.h220		{height:220px;}
.h230		{height:230px;}
.h240		{height:240px;}
.h250		{height:250px;}
.h260		{height:260px;}
.h240		{height:270px;}
.h280		{height:280px;}
.h290		{height:290px;}
.h300		{height:300px;}
.h350		{height:350px;}
.h400		{height:400px;}
.h450		{height:450px;}
.h500		{height:500px;}
.h550		{height:550px;}
.h600		{height:600px;}
.h650		{height:650px;}
.h700		{height:700px;}
/* 					textes */
.c						{text-align:center;}
.g						{text-align:left;}
.d						{text-align:right;}
.j						{text-align:justify;}
.mask{display:none;}
.clearright{clear:right;}
.clearleft{clear:left;}
.clear{clear:both;}
.padd{padding-right:15px;}
.padg{padding-left:15px;}
.margd{margin:0 15px 6px 0;display: block; float:left;}
.margg{margin:0 0 6px 15px;display: block; float:right;}
a.cadre img,
img.cadre{border: 1px solid #dbdbdb;padding:1px; background:#ffffff;}
.margright20{margin-right:20px}
.cadreover{border: 1px solid #dbdbdb;padding:1px; background:#ffffff; cursor:pointer;}
a:hover.cadre img{border-color:#C00F00;}

.fondgris{background-color: #f0f0f0;padding:5px;}
.note{font-size: 0.9em;color: #999999;font-style:normal}
.note2{font-size: 0.9em;color: #EA6F00;font-weight:bold; text-align:center}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.just{text-align: justify;}	
.floatleft{float:left; display:block;}
.floatright{float:right; display:block;}
.col,.demi{width:45%; display:block;}
.col{float:left;}
.tiers{width:30%;float:left; display:block;}
.quart{width:24%;float:left; display:block;}
.h150,.hauteur150{height:150px}
.h300{height:300px}
.encarthachure{padding-top:15px; background:url(images/hachure_under.gif) repeat-x top; margin:0;}
.colgauche{margin:/*0 15px 20px 15px*/0 15px 20px 15px; width:165px;}
.hachure{display:block; margin :0; background:url(images/hachure.gif) repeat-x bottom;}
.hachure h1{display:inline; padding:0 5px 0 0; background-color:#ffffff;margin: 0 0 4px 0;}
div.Header100{
	width:100%;
	/*background:url(images/fond_header.jpg);*/
	background-color:Transparent;
	height:248px;
	margin:auto;
}
div.Main{
	width:794px;
	margin :auto;
	background:url(images/roue.gif) no-repeat left bottom #FFFFFF;	
}
div.Header
{
 height:24px;
 width:794px;
 margin: auto;
}
div.TopMenu{
 margin:0;
 height:29px;
 background-color:#414141;
 width:794px;
 text-align:right;
}
div.TopMenu ul{
	float:right;
	border:0;
	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
	width:500px;
	height:29px;
}
div.TopMenu li{
	background:url(images/pucerouge.gif) no-repeat 0 12px;
	display:block;
	float:left;
	width:auto;
	padding:0 15px 0 10px;
	margin:0;
	height:29px;	
	line-height:29px;
}
div.TopMenu li.nobg{background:none; padding:0 5px;}

div.TopMenu li a{
	font-weight:normal;
	text-decoration:none;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C5C5C5;
}
div.TopMenu li a:hover{
	text-decoration:none;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#EFEFEF;
}

#Bandeau{
 margin-top:0;
 top: 0;
 float:left;
 clear:none;
 height:229px;
 width:100%;
 background-color:#414141;
}
div.none{
 float:none;
 clear:both;
}
div.none1{
 float:none;
 clear:both;
 height:8px;}
div.Menu{
	background:url(images/navigate_menu_fond.gif) repeat-x top #EFEFEF;
	padding-right:8px;
	padding-left:1px;
	height:59px;
	overflow:hidden}
.FerryCapitain{
	text-decoration:none;
	color:#EC0F00;
	font-family:Times New Roman;
	font-weight:bolder;
	font-size:large;}
div.Logo{
	float:left;
	width:198px;
	padding:0; margin:0;}
	
div.NavigateMenu{
	height:59px;
	text-align:right;
	float:right;
	width:557px}
div.NavigateMenu ul{	
	float:right;
	display:block;
	/*height:59px;*/
	list-style-type:none;
	margin:0;
	padding:0;
	width :auto;
	padding-top:13px;
	width:557px;
}
div.NavigateMenu li{
	background-image:none;
	display:block;
	float:left;
	margin:5px 0 0 0;
	width:auto;
	border-left:1px solid #C5C5C5;
	border-right:1px solid #ffffff;
	padding: 5px 0 0 0;
	height: 25px;}
div.NavigateMenu li.prem{border-left:0;}
div.NavigateMenu li.nobdrleft{border-left:0;}
div.NavigateMenu li.nobdrright{border-right:0;}
div.NavigateMenu li a{
	font-weight:normal;
	display:block;
	float:left;
	color:#C00F00;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Trebuchet MS,Tahoma;
	font-size:11px;
	text-align:center;
	height:33px;
	margin:1px 0;
	padding: 0 7px;
	width:auto;
	background:url(images/pointer-off.gif) no-repeat center bottom;}
div.NavigateMenu li a:hover{background:url(images/pointer.gif) no-repeat center bottom;}

div.NavigateMenu li a.selected{background:url(images/pointer.gif) no-repeat center bottom;}
div.NavigateMenu li a.selected:hover{background:url(images/pointer.gif) no-repeat center bottom; color:#ff0000;}

div.LeftMenuDefault {
	/*padding-top:15px; background:url(images/hachure_under.gif) repeat-x top;*/
	margin:0; float:left; text-align:center;
}	
div.LeftMenu{padding-top:15px; background:url(images/hachure_under.gif) repeat-x top; margin:0 0 20px 0; float:left;width: 165px;}

div.LeftMenu ul{
	display:none;
	padding:0;
	margin:0;
	list-style-type:none;
	text-align:center;}
div.LeftMenu li{
	background:none;
	border-bottom:1px dotted #C5C5C5 ;
	padding:0;
	margin:0;}
div.LeftMenu li a{
	font-family:"Trebuchet MS", Trebuchet,Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	color:#C00F00;
	text-decoration:none;
	display:block;
	cursor:pointer;}
	
div.LeftMenu li a:hover{color:#ff0000; background-color:#efefef;}
div.LeftMenu li a.selected{
	background-color:#C00F00;
	color:#ffffff;
}
div.LeftMenu li a.selected{
	background-color:#C00F00;
	color:#ffffff;
}
div.LeftMenu li a.selected:hover{
	background-color:#ff0000;
	color:#ffffff;
}

/*.selectedMenu{
	background-image:url(images/pointer.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-attachment:scroll;
}*/

.MainMenu
{
	padding-top:0px;
}
.MenuItem{
	text-align:center;
	vertical-align:middle;
}

.MenuItem td{
	text-transform:uppercase;
	height:57px;
	width:115px;
}
.MenuItemSelected td{
	background-image:url(images/pointer.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-transform:uppercase;
	height:57px;
	width:115px;
}

.MapPath{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px; color:#BCBCBC;height:30px;margin-left:210px; clear:both; line-height:30px; padding-top:8px;}
html>body .MapPath{padding:0;}

.MapPath a{font-weight:normal;text-decoration:underline;color:#BCBCBC;font-size:11px;}
.MapPath a:hover{color:#dddddd;}

div.MainContent{
	margin:0;
	/*height:auto;*/
	/*background:url(images/roue.gif) no-repeat left bottom Transparent;	*/
}

.MenuChildItem{
	text-align:center;
	vertical-align:middle;
	height:27px;
	width:157px;}
.MenuChildItem td{
	text-align:center;
	background-image:url(images/separatorMenu.gif);
	background-position: left bottom;
	background-repeat:no-repeat;
	background-attachment:scroll;}
	
div.Content{
	margin:0 15px 20px 0;/*0 15px 20px 15px;*/
	width:570px;
	float:right;
	vertical-align:top;
	padding:0;
	background:transparent;}

div.outils{width:160px;float:right;margin:10px 0 0 0;padding-top:15px; background:url(images/hachure_under.gif) repeat-x top}
div.outils ul{list-style-type:none;margin:0; padding: 0; }
div.outils li{background:none;border-bottom:1px dotted #C5C5C5;text-align:left; height:20px; line-height:22px;padding-top:4px;}
html>body div.outils li{padding-top:0;height:24px;}
div.outils li a{font-weight:normal;text-decoration:none;color:#999999;	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;font-size:11px; display:block; padding-left:20px;}
div.outils li a:hover{color:#C00F00;}

div.Actualite{float:left; width:380px; margin:0; height:auto;}
div.contenu{float:left; width:400px; margin:0; }

div.ImageActualite{
	/*width: 176px;
	height: 132px;*/
	background-image:none;
	margin:0;
	padding:0;
	float:left;
	/*border-color:#DBDBDB;
	border-style:Solid;
	border-width:1px;
	border-spacing:0px;*/
}

div.TextActualite{
	float:right;
	padding-left:10px;
	width:175px;
}

#Footer{
	clear:both;
	margin-top:2px;
	height:40px;
	padding-top:18px;
	background:url(images/fond_footer.gif) repeat-x top #FFFFFF;
	text-align:center;}
	
.redText{
	color:#C00F00;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:8pt;}
.redTextTitle{
	color:#C00F00;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:8pt;
	text-align:center;
}
.redText:hover,.redTextTitle:hover{color:#FF0000;}

.grayRelative{
	position:relative;
	top:4px;
	color:#5A5A5A;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-decoration:none;}	
.grayRelative a{text-decoration:none;}




div.BottomContent{
	/*height:200px;*/
	width:550px;
	margin:20px 0 0 0;
	clear:both;}
	
div.Ecrire{
	background-image:url(images/fondEcr.gif);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:left center;
	text-align:left;
	padding-left:50px;
	height:26px;
}
div.Transmettre{
	background-image:url(images/fondTrans.gif);
	background-repeat:no-repeat;
	background-position:left center;
	text-align:left;
	padding-left:49px;
	height:26px;
}
div.Imprimer{
	background-image:url(images/fondImpr.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	text-align:left;
	padding-left:51px;
	height:26px;
}
div.ProjetRealise{
	float:left;
	width:298px;}
	
/*div.SousTitreProjet{	
	text-align:center;
	width:298px;	
	display:inline;
}

div.SousTitreVideo{
	text-align:center;
	width:298px;	
	display:inline;
}*/

/*#accesRapide{position:relative;top:47px; width:250px; float:right;}*/
#accesRapide{float:left; width:570px}
#accesRapide ul{padding:10px 0 0 0; margin:0;}
#accesRapide ul li{float:left;padding:5px 0 5px 30px;}
#accesRapide ul li a{font-family:Century Gothic, Apple Gothic, sans-serif; font-size:12px; font-weight:normal;color:#333333; display:block; cursor:pointer;}
#accesRapide ul li a:hover{color:#C00F00}

#accesRapide li.ARsociete{background:url(images/ico-ARsociete.gif) no-repeat center left;}
#accesRapide li.ARrecrutement{background:url(images/ico-ARrecrutement.gif) no-repeat center left;}
#accesRapide li.ARdocumentation{background:url(images/ico-ARdocumentation.gif) no-repeat center left;}
#accesRapide li.ARcontact{background:url(images/ico-ARcontact.gif) no-repeat center left;}
#accesRapide li.ARplansite{background:url(images/ico-ARplansite.gif) no-repeat center left;}


#accesDirect{position:relative;top:0px; width:250px; float:right;}
#accesDirect ul{padding:10px 0 0 0; margin:0; width:100%}
#accesDirect ul li{float:left;padding:0 0 5px 0;width:100%;height:102px}
#accesDirect ul li a{font-family:Century Gothic, Apple Gothic, sans-serif; font-size:12px; font-weight:normal;color:#333333; display:block; cursor:pointer;}
#accesDirect ul li a:hover{color:#C00F00}



.pointille{vertical-align:top;}

.enSavoirPlus{
	color:#C00F00;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:9pt;
}

.ImageVideo{
	position:relative;
	top:4px;
}
.imageProjet{
	position:relative;
	top:3px;
}
.center{
	text-align:center;
}
.imageRel1{
	position:relative;
	left:9px;
}
.imageRel2{
	position:relative;
	left:8px;
}

.legendeaccueil{	
	clear:both;
	text-align:left;}
.legendeaccueil div{
float:left;
	text-align:center;
	width:280px;
	float:left;}

/*######### IFRAME ########*/
#divFileUpload{
	 position: absolute;
	 top:0; 
	 left:-218px;
	 height: 15px; }
#divFileUpload input{
	background-color:transparent;
	border: none;
	width: 241px;
	height: 15px;
	padding-left: 3px;
	padding-top: 3px;}
#divFileUpload input:focus{
	background-color:transparent;
}

#divFileUpload{
	background-color:transparent;
}
.inputFile{
	position: relative;
	height: 17px;
	width: 300px;
	margin-left:0px;
}
#divFileUpload input.file {
	width: 300px;
	margin: 0;
}

#divFileUpload .hiddenFile{
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	z-index: 2;
	margin-top: 3px;
}
div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	padding: 0;
	margin: 0;
	z-index: 1;
	line-height: 90%;
}

div.fakefile input {
	margin-bottom: 6px;
	margin-left: -25px;
}



/* RECRUTEMENT */
#recrutement{width:100%;}
.labelrecrut{width:35%;display:inline; float:left;clear:both; margin:0 10px 0 0; padding:0; border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#5A5A5A;text-align:right }
.labelrecrut2{width:25%;display:inline;vertical-align:top;margin:0 2px 0 0; padding:0; border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#5A5A5A;text-align:right }
.champrecrut{width:50%;margin-bottom:2px;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#444444;font-size:10px;border:1px #999999 solid;background-color:#EFEFEF; }
.champrecruterreur{width:50%;margin-bottom:2px;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#ffffff;font-size:10px;border:1px #999999 solid;background-color:#C00F00; }
.textarearecrut{width:95%;margin-bottom:5px;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#444444;font-size:10px;border:1px #999999 solid;background-color:#EFEFEF; }
.LGrecrut{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#C00F00;font-weight:bold;border:0; padding:0 10px; margin:0 ;background-color:white}
.FSrecrut{border: dotted 1px #C00F00;margin:0 0 10px 0; padding:10px;width:90%}
.sendrecrut{float:right;margin-right:35px;margin-bottom:2px;font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;font-size: 10px;border: 1px #999999 solid; background-color: #C00F00; color: #EFEFEF; padding:0;}


/* CONTACT */
#contact{width:100%;margin:0;text-align: left;margin-bottom: 1em;}
.labelcontact{display:block;float:left;width:70px;text-align:left;margin:0 10px 0 0; padding:0; }
.labelcontactC{width: 5%;text-align: left; margin:0 5px 0 5px; padding:0; }
.champcontactC{width:200px;margin-bottom:2px;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#444444;font-size:10px;border:1px #999999 solid;background-color:#EFEFEF;}
.champcontactCerreur, .champcontacterreur{width:200px;margin-bottom:2px;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#ffffff;font-size:10px;border:1px #999999 solid;background-color:#C00F00;}
.champfocusC{width:200px;margin-bottom:2px;padding:2px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#0a81fe; font-size:10px;border-left:1px solid #6bb5e5; border-right:1px solid #6bb5e5; border-top:1px solid #3d8fc5; border-bottom:1px solid #92c5e7;	background-color: #ffffff;}
.sendcontact{float:right;margin-right:20%;margin-bottom:2px;font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;font-size: 10px;border: 1px #999999 solid; background-color: #C00F00; color: #EFEFEF; padding:0;}


/* PROJET */
#projet{width:70%;margin:0;text-align: left;margin-bottom: 1em;}
.labelprojet{width:45%;display:block; float:left; margin:1px 14px 1px 0 ; padding:0 ; border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#5A5A5A; }
.labelprojetP{width:95%;display:block; float:left; margin:1px 14px 1px 0; padding:0 ; border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#5A5A5A; }


.champprojet{width:45%;margin:0 5px 2px 0;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#444444;font-size:10px;border:1px #999999 solid;background-color:#EFEFEF;}
.champprojetP{width:95%;margin:0 5px 2px 0;padding:2px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#444444;font-size:10px;border:1px #999999 solid;background-color:#EFEFEF;}
.sendprojet{float:right;margin-right:5%;margin-bottom:2px;font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;font-size: 10px;border: 1px #999999 solid; background-color: #C00F00; color: #EFEFEF; padding:0;}	
		
.champprojetPerreur{margin:0 5px 2px 0;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#ffffff;font-size:10px;border:1px #999999 solid;background-color:#C00F00;}

.champfocusC{width:60%;margin-bottom:2px;padding:2px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#0a81fe; font-size:10px;border-left:1px solid #6bb5e5; border-right:1px solid #6bb5e5; border-top:1px solid #3d8fc5; border-bottom:1px solid #92c5e7;	background-color: #ffffff;}


/*Archives actualités */
.detailActu1 {width:60%;   float:left; padding: 10px 0 15px 0}
.detailActu2 {width:100%; border-bottom: 1px dotted #ccc; float:left; padding: 10px 0 }
.detailActu3 {width:40%;float:left }
em{color:#696969; text-align:justify; }


.profils{width:90%; height:auto;float:left;padding:10px; margin:0 0 10px 0;background: url(images/points-h.gif) repeat-x bottom;}
.profils img{float:left; margin:0 10px 0 0;}
.profils p{text-align:justify}

.actu{width:350px; height:auto;float:left;padding:10px 10px 0 10px; margin:0 0 10px 0;background:none}
.actu img{float:left; margin:0 10px 0 0;}
.actu p{text-align:justify}


.gd_projet{width:550px; height:auto;float:left;padding:10px; margin:0 0 10px 0;background:none}
.gd_projet img{float:left; margin:0 10px 0 0;}
.gd_projet p{text-align:justify}


.detailActu{width:550px;border-bottom: 1px dotted #ccc; height:auto;float:left;padding:10px; margin:0 0 10px 0;background:none}
.detailActu img{float:left; margin:0 10px 0 0;}
.detailActu p{text-align:justify; font-size:11px; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;}

/* Fenetre modale J'ai un projet */
div.projet{padding-top:15px; background:url(images/hachure_under.gif) repeat-x top #ffffff; margin:0 0 20px 0; float:left;width: 100%;}
div.projet ul{display:block;padding:0;margin:0;list-style-type:none;text-align:center;
	height:auto;}
div.projet li{background:none;border-bottom:1px dotted #C5C5C5 ;
	padding:0;margin:0;width:50%;float:left}
div.projet li a{font-family:"Trebuchet MS", Trebuchet,Arial, Helvetica, sans-serif;
	font-size:16px;font-weight:normal;text-align:center;color:#C00F00;
	text-transform:uppercase;text-decoration:none;display:block;cursor:pointer;}
	
div.projet li a:hover{color:#ff0000; background-color:#efefef;}
div.projet li a.selected{background-color:#C00F00;color:#ffffff;}
div.projet li a.selected:hover{background-color:#ff0000;color:#ffffff;}


/* Plan du site */
div.plansite{float:left;width:300px}

div.plansite ul{list-style-type: none; padding: 0px;  margin:5px 0 5px 0px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:1em;}
div.plansite li{background:none; padding:0; padding-left: 15px; border:0; margin: 0 0 0 15px; text-align:justify;}
div.plansite li a{font-family:"Trebuchet MS", Trebuchet,Arial, Helvetica, sans-serif;
	font-size:16px;font-weight:bold;text-align:left;color:#C00F00;
	text-transform:uppercase;text-decoration:none;display:block;cursor:pointer;}
div.plansite li a:hover{color:#ff0000;}

div.plansite ul ul li{background-image: url(images/pucegrise.gif);background-repeat: no-repeat; background-position: 0 .6em;}
div.plansite ul ul li a{font-family:"Trebuchet MS", Trebuchet,Arial, Helvetica, sans-serif;
	font-size:12px;font-weight:bold;text-align:left;color:#5a5a5a;
	text-transform:none;text-decoration:none;display:block;cursor:pointer;}
div.plansite ul ul li a:hover{color:#000000;}

div.plansite2{float:left;width:250px}
div.plansite2 ul{list-style-type: none; padding: 0px;  margin:5px 0 5px 0px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:1em;}
div.plansite2 li{background:none; padding:0; padding-left: 15px; border:0; margin: 0 0 0 15px; text-align:justify;}
div.plansite2 li a{font-family:"Trebuchet MS", Trebuchet,Arial, Helvetica, sans-serif;
	font-size:16px;font-weight:bold;text-align:left;color:#EA6F00;
	text-transform:uppercase;text-decoration:none;display:block;cursor:pointer;}
div.plansite2 li a:hover{color:#ff0000;}

div.plansite2 ul ul li{background-image: url(images/pucegrise.gif);background-repeat: no-repeat; background-position: 0 .6em;}
div.plansite2 ul ul li a{font-family:"Trebuchet MS", Trebuchet,Arial, Helvetica, sans-serif;
	font-size:12px;font-weight:bold;text-align:left;color:#5a5a5a;
	text-transform:none;text-decoration:none;display:block;cursor:pointer;}
div.plansite2 ul ul li a:hover{color:#000000;}



/*Documentation */
.MenuArbre {/*width:400px;*/background:none;list-style-type: none; padding:0; border:0;margin:0;}
.MenuArbre ul{padding-left: 15px;}
.MenuArbre ul li{/*width:150px;*/list-style-type: none;border:0;clear:both;color:#5A5A5A;font-family:Tahoma;font-size:8pt; border-bottom:#C5C5C5 dotted 1px;text-align:left; padding-left: 1em;margin:4px 0 0 0;}
.MenuArbre ul li a{font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; text-decoration: none;display: block; line-height: 1.4em; margin: 0; padding: 0 0 0 10px; color: #5A5A5A;}
.MenuArbre ul li ul li.pdf{display: block; border:none; background:url(images/ico-pdff.gif) no-repeat 0 0;}
.MenuArbre ul li ul li.doc{display: block; border:none; background:url(images/ico-doc.gif) no-repeat 0 0;}
.MenuArbre ul li ul li.xls{display: block; border:none; background:url(images/ico-xls.gif) no-repeat 0 0;}

/* Revue de presse */
.presse{width:550px; height:auto;float:left;padding:10px; margin:0 0 10px 0;background:none;border-bottom: 1px dotted #ccc;}
.presse img{float:left; margin:0 10px 0 0;}
.presse p{text-align:justify}
.presse ul li{width:350px;list-style-type: none;border:0;color:#5A5A5A;font-family:Tahoma;font-size:8pt; border-bottom:#C5C5C5 dotted 1px;text-align:left; padding-left: 1em;margin:20px 0 0 0;}
.presse ul li a{display:block;font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; text-decoration: none;display: block; line-height: 1.4em; margin: 0; padding: 0 0 0 10px; color: #5A5A5A;}
.presse ul li.pdf{display: block; border:none; background:url(images/ico-pdff.gif) no-repeat 0 0;}
.presse ul li.doc{display: block; border:none; background:url(images/ico-doc.gif) no-repeat 0 0;}
.presse ul li.xls{display: block; border:none; background:url(images/ico-xls.gif) no-repeat 0 0;}
.visible{display:block}
.invisible{display:none}


#box1{position:absolute;}
#box1 span{display:block;float:left;}
.mask1{position:relative;width:450px;height:100px;overflow:hidden;}
.sample{width:450px;padding:10px; margin:10px auto; border:1px solid #e1e1e1}

/*infobulle*/
a.info_bulle span.info_bulle
{display: none; /* Rend invisible tout notre bloc span */} 
 
a.info_bulle
{color: #C00F00;padding:2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
 /* Définition de l'arrière plan de notre lien */background: transparent url('images/info.gif') no-repeat right center;
 position: relative; /* Indispensable pour le bon positionnement de l'info-bulle */}  
 
a.info_bulle:hover{border: 0;/* ligne qui corrige le bug d'IE6 et inférieur */} 

a.info_bulle:hover span.info_bulle
{ display:  block;/* Rend visible notre bloc span */
  position:  absolute; /* Sort notre bloc de son conteneur afin de le positionner */
  font-size: 12px;width:220px;/* On fixe une largeur par défaut */
  color:#c00f00;/* Réinitialisation de la couleur du texte */
  text-align:justify;   /* Justification du texte */	
  cursor:default;/* Réinitialisation de notre curseur, sinon par défaut on a le même que notre lien */
  /* Positionnement de notre info-bulle */
  top:1.8em;left:1px;
  z-index: 1000; /* Positionne au premier plan l'info-bulle en cas de chevauchement */
  background: #EFEFEF;
  text-decoration: none;
}  

span.header{display: block;height: 35px;  /* Hauteur correspondant à celle de notre image */
 line-height: 220%;  /* Propriété qui centrera le texte verticalement */
 text-align: center;background: url(images/imgcointr.gif) no-repeat top right;font-size: 12px;font-weight: bold;
} 

span.content{display:block;padding:0 8px;font-weight:normal; color:#5A5A5A; text-decoration:none} 
span.footer{display:block;height:5px;background: url(images/imgcoinbl.gif) no-repeat bottom left;
 font-size:0; /* Corrige l'espacement inutile sous IE */}    
 
/*lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


#organisationCIF{text-align:center; width:380px;}
#organisationCIF div{padding:10px 4px; height:70px; width:43%; margin:0 1%; float:left; border:1px solid #cccccc; text-align:center;}
#organisationCIF div.c{margin:0 auto; float:none;width:50%;}
#organisationCIF img{clear:both; display:block; margin:0 auto;}
#organisationCIF div img{clear:both;display:block;}


/*RECRUTEMENT METIERS*/
#accesMetiers div.blocMetier{float:left; height:250px; width:180px;margin-right:6px; color:#878787;}
#accesMetiers .blocMetierPhoto{background:  url(images/visuel-Deshydratation-boues.jpg) no-repeat top left; height:138px;}
#accesMetiers .blocMetierCache{background: url(images/bloc-secteur-cache.gif) no-repeat top left; height:138px;}
#accesMetiers .blocMetierCache a{display:block; width:100%; height:138px; text-decoration:none;}

#secteur1  .blocMetierPhoto{background:  url(images/visuel_metier1.jpg) no-repeat bottom left;}
#secteur2  .blocMetierPhoto{background:  url(images/visuel_metier2.jpg) no-repeat bottom left;}
#secteur3  .blocMetierPhoto{background:  url(images/visuel_metier3.jpg) no-repeat bottom left;}

.blocMetierTitre{background: url(images/bloc-secteur-titre.gif) no-repeat top left; height:59px; overflow:hidden;}
.blocMetierTitre h1,		.blocMetierTitre h1 a{display:block; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#eeffc4; font-size:14px; /*text-transform:uppercase;*/ font-weight:normal; font-style:normal; text-decoration:none;}
.blocMetierTitre h1 a{padding-top:14px;}
.blocMetierTitre h1 a:hover{color:#ffffff;}

.blocMetierContenu{background:url(images/bloc-secteur-bg.gif) repeat-y left; height:25px; text-align:center;}
.blocMetierContenu div{margin:0 14px; padding:10px 0; position:relative;  font-size:10px; color:#878787;}
.blocMetierFooter{background:url(images/bloc-secteur-footer.gif) no-repeat top left; height:14px;}

/*RECRUTEMENT OFFRES*/
#accesOffres {margin:0 auto; width:400px;}
#accesOffres div.blocOffre{float:left; height:250px; width:180px;margin:0 10px; color:#878787;}
#accesOffres .blocOffrePhoto{background:  url(images/visuel-Deshydratation-boues.jpg) no-repeat top left; height:138px;}
#accesOffres .blocOffreCache{background: url(images/bloc-secteur-cache.gif) no-repeat top left; height:138px;}
#accesOffres .blocOffreCache a{display:block; width:100%; height:138px; text-decoration:none;}

#secteur1  .blocOffrePhoto{background:  url(images/visuel-recrutement-offres-emploi.jpg) no-repeat bottom left;}
#secteur2  .blocOffrePhoto{background:  url(images/visuel-recrutement-offres-stage.jpg) no-repeat bottom left;}

.blocOffreTitre{background: url(images/bloc-secteur-titre.gif) no-repeat top left; height:59px; overflow:hidden;}
.blocOffreTitre h1,		.blocOffreTitre h1 a{display:block; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#eeffc4; font-size:14px; /*text-transform:uppercase;*/ font-weight:normal; font-style:normal; text-decoration:none;}
.blocOffreTitre h1 a{padding-top:14px;}
.blocOffreTitre h1 a:hover{color:#ffffff;}

.blocOffreContenu{background:url(images/bloc-secteur-bg.gif) repeat-y left; height:25px; text-align:center;}
.blocOffreContenu div{margin:0 14px; padding:10px 0; position:relative;  font-size:10px; color:#878787;}
.blocOffreFooter{background:url(images/bloc-secteur-footer.gif) no-repeat top left; height:14px;}

.TabloApprenti{ border-spacing:0; border-collapse:collapse;border-top:1px solid #EA6F00;border-right:1px solid #EA6F00; width:99%; margin-left:2px}
.TabloApprenti th{border-bottom:1px solid #EA6F00;border-left:1px solid #EA6F00; background:#ffffff; text-align:center; padding:4px;}
.TabloApprenti th, .TabloApprenti th *{color:#C00F00;}
.TabloApprenti th.gauche{ text-align:left;}
.TabloApprenti td{border-bottom:1px solid #EA6F00;border-left:1px solid #EA6F00; background:#FFFFFF; padding:1px 2px;text-align:center;}
.BlocG{display:block;width:50%;float:left}
.BlocD{display:block;width:50%;float:left}


.offreResum {width:98%; margin: 5px auto; padding: 10px 0 15px; background:url(images/points-h.gif) left bottom repeat-x; overflow:hidden}
.offreResum .photo {float:left; width:220px; text-align:center; }
.offreResum .photo img{border: 1px solid #dbdbdb;padding:1px; background:#ffffff;}
.offreResum .descriptif {float:left; width:300px }
.offreResum .descriptif .titres {width:260px; float:left}
.offreResum .prix {width:210px; height:150px; float:right; padding: 10px 0 0 40px; background:url(images/fleche-prix.gif) 0 center no-repeat; }
.offreResum .prix span {display:block; margin:15px 0 0; font-size:36px; font-weight:bold; color:#3BAE9C}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font14st {font-size:14px;font-weight:bold;}

#produitVisuel,#produitCaract{float:left;}
#produitVisuel{width:280px; float:left;}
#produitVisuel img{cursor:pointer}
#produitCaract{width:500px;float:right;}

.test			{ border:1px solid #CCC; display:block; overflow:hidden; margin-top:10px; text-align:center}
.test:hover		{ border:1px solid #F00}