/*
couleurs gris-noir-texte : #3C3C3C
couleurs fond gris-noir : #646464
couleur gris clair : #CCCCCC
couleur orange : #F7970C
bleu : 6699CC
*/
.style1 {font-weight: bold} /* class */
BODY {
	/*background: #8A8A8A;
	background: url('../templates/images/coeur4.gif') ;
	background: #fff1dd url('../templates/images/sapin4.jpg') ;*/
	background: #FFF1DD;
	scrollbar-face-color: #F7970C;
	scrollbar-shadow-color: #F7970C;
	scrollbar-highlight-color: #F7970C;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #6699CC;
	scrollbar-arrow-color: #FFFFFF;
} 
#conteneur {

	position: absolute;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	left: 50%;
	top: 0;
	width: 755px;
	_width: 752px;
	margin: 0 0px 0 -376px;
	_margin: 0 0px 0 -376px;
	padding: 1px 0px 1px 0px;
	background-color: #FFFFFF;
	
} /* id */
/* Header */
#header {
	position: relative;
	width: 100%;
	margin: 0px;
	background-color: #FFFFFF;
	padding: 1px 0px 0 1px;
}
	#logo {
		position: relative;
		/*width: 116px;
		_width: 170px;
		height: 56px;
		_height: 75px;*/
		width: 134px;
		_width: 170px;
		height: 56px;
		_height: 75px;
		padding:0px 9px 2px 0px;
		_padding:0px 5px 2px 4px;
		/*padding: 9px 2px 10px 27px;*/
		background: #FFFFFF;
		float: left;
	}
	#banniere {
		position: relative;
		float: left;
		width: 338px;
		_width: 384px;
		height: 69px;
		_height: 75px;
		background: #ffffff url('../templates/images/fondh.jpg') repeat-x;
		/*background: #F3F3F3 url('../templates/images/banniere4.gif') repeat-x;*/
		color: #FFFFFF;
		font-size: 17px;
		text-align: center;
		padding: 6px 0 0 75px;
	}
	#header_img {
		position:relative;
		width: 197px;
		height: 75px;
		margin: 0px;
		padding: 0px;
		float: right;

	}
	#navmenu {
		position: relative;
		margin: 0;
		/*background: #F7970C;*/
		background: #F7970C;
		width: 100%;
		border: solid #FFFFFF;
		border-width: 1px 0 1px 0;
		clear: both;
	}
	#navmenu img {
		display: block;
		float: left;
	}
	#menu1, #menu2, #menu3, #menu4, #menu5, #menu6 {
		display: block;
		position: relative;
		height: 16px;
		_height: 18px;
		background-color: #F7970C;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		float: left;
		text-align: center;
		padding-top: 2px;
	}
	#menu1:hover, #menu2:hover, #menu3:hover, #menu4:hover, #menu5:hover, #menu6: hover {
		background-color: #6699CC;
	}
	#menu1 {
		width: 104px;
		_width:94;
	}
	#menu2 {
		width: 110px;
		_width:120
		
	}
	#menu3 {
		width: 140px;
		_width:125px;
		
	}
	#menu4 {
		width: 125px;
		_width: 120px;
	}
	#menu5 {
		 width: 135px;
		_width: 135px;  
	}
	#menu6 {
		    width: 130px;
		   _width: 100px;
	}
/* Fin Header */

/* Bannière Flash */
#bandeau {
	position: relative;
	width: 100%;
	margin: 18px 0 0 0;
	_margin: 0px 0 0 0;
	padding: 2px 0 0 0;
	background: #6699CC  repeat-x;
	height: 30px;
	_height: 30px;
	valign: middle;
	text-align:center;
	/*clear: both;*/
}
/* Bannière Flash */

/* Menu Gauche */
#menuleft-haut {
	position: relative;
	float: left;
	width: 202px;
	_width: 192px;
	text-align: left;
	margin: 0 2px 0 0px;
	_margin: 0 -3px 0 0px;
	
}
#menuleft {
	position: relative;
	float: left;
	width: 202px;
	_width: 192px;
	text-align: left;
	margin: 0 2px 0 0px;
	_margin: 0 -3px 0 0px;
	
}
	.titre_menu {
		position: relative;
		width: 200px;
		_width: 200px;
		height: 21px;
		_height: 21px;
		color:#FFFFFF;
		border: solid 1px #000000;
		border-left: none;
		border-right: none;
		background-color: #CAC8CC;
		_margin: 0 -4px 0 0px;
		
		
	}
		.titre_menu h1 {
			font-size: 9px;
			color:#FFFFFF;
			font-weight: bold;
			position: relative;
			padding: 0 ! important;
			margin: 4px 0 0 0 ! important;
			line-height: 11px;
			
		}
		.titre_menu h1 a {
			font-size: 9px;
			font-weight: bold;
			text-decoration: none;
			color: #FFFFFF;
		}
		.numero {
			display: block;
			float: left;
			width: 20px;
			height: 21px;
			border-right: solid 1px #646464;
			margin: 0 0 0 0;
			_margin: 0 0 0 -2px;
		}
	.element_menu_separ{
		border: dotted #000000;
		border-width: 0 0 1px 0;
		margin: 1px 0px 0px 0px;
	}
	.element_menu_separ_inv{
		height: 1px;
	}
	.element_menu_separFL{
		border: dotted #000000;
		border-width: 0 0 1px 0;
		padding: 1px 0px 2px 0px;
		margin: 2px 0px 6px 0px;
	}

	.element_menu {
		margin: 0px 0 0px 5px;
		_margin: 5px 0 0px 5px;
		height: 25px;
		_height: 21px;
		border: dotted #0099CC;
		border-width: 0 0 1px 0;
		
		
	}
	.sansbord {
		border: none;
	}
	.element_menu h3 {
			margin: 0;
			line_height: 11px;
			background: url("../templates/images/flechemenu.gif") 0 10px no-repeat;
			_background: url("../templates/images/flechemenu.gif") 0 3px no-repeat;
			padding: 0 0 0 10px;
		}
	.element_menu h3 a {
			font-size: 9px;
			font-weight: bold;
			text-decoration: none;
			color: #0099CC;
		}
	.element_menu h3 a:hover {
			color: #F7970C;
		}
/* Fin Menu Gauche */

/* Nouveau / Prochainement */
.block_nouveau {
	position: relative;
	width: 80%;
	background-color: #FFFFFF;
	text-align: center;
	margin: 150px 0 5px 0;
	-margin: 150px 0 5px 0;
	clear: both;
}
.titreactured {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: red;
	padding: 5px 0 5px 0;
}
.texteactu {
	font-size: 9px;
	text-align: left;
	color: #3C3C3C;
	margin: 2px 5px 0 3px;
	_margin: -2px 5px 0 3px;
}
.texteactured {
	font-size: 9px;
	text-align: left;
	color: #F7970C;
	margin: 2px 5px 0 3px;
	_margin: 100px 5px 0 3px;
}
.textenew {
	font-size: 9px;
	text-align: center;
	color: #3C3C3C;
	margin: 0 5px 0 5px;
	
}
div.inter_menu2 {
	background:  url('../templates/images/ptmenug.gif') repeat-x;
	height: 1px;
	margin: 5px 0 5px 0;
}
div.inter_menuhome {
	background:  url('../templates/images/ptmenug.gif') repeat-x;
	height: 1px;
	margin: -2px;
}

div.inter_menuplan {
	background:  url('../templates/images/ptmenug.gif') repeat-x;
	height: 1px;
	width: 170px;
	margin: 0px;
	padding: 0px;
}
/* Nouveau / Prochainement */
.bordure{
	margin: 0 0 7px 0 ! important;
}
.client {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #6699CC;
}
.keywordppal {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #3C3C3C;
}
.keywordppal:hover {
	font-size: 13px;
	font-weight: bold;
	color: #F7970C;

}
a.theme{
	Color : #F7970C;
	font-size: 26px;
	font-weight: bold;
	Text-Decoration : none;
}
H1 {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 21px;
	vertical-align: middle;
	/*vertical-align: baseline;
	display: inline-table;*/
	margin: 0;
}
h1.home{
	font-size: 11px;
	line-height: 11px;
	margin: 2px 0 0px 0;
}
h2.home{
	font-size: 11px;
	line-height: 11px;
	margin: 0 0 5px 0;
	_margin: 0 0 5px 0;
}
.titre {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 18px;
	vertical-align: text-bottom;
	margin-bottom: 0px;
	/*vertical-align: baseline;*/
	display: inline-table;
}
.menuh {
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
	/*margin: -2px 0 -2px 0;
	padding: -2px 0 -2px 0;
	_margin: 4px 0 4px 0;*/
}
.menuh:hover {
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
}
.menug {
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	color: #3C3C3C;
	
}
.menug:hover {
	font-size: 9px;
	font-weight: bold;
	color: #F7970C;

}
.menuou {
	font-size: 9px;
	color: #3C3C3C;
	text-decoration: underline;
}
.menub {
	font-size: 9px;
	color: #3C3C3C;
	text-decoration: none;
}
.menub:hover {
	font-size: 9px;
	color: #666666;
	text-decoration: underline;
}
.mailb {
	font-size: 9px;
	color: #ffffff;
	text-decoration: none;
}
.mailb:hover {
	font-size: 9px;
	color: #ffffff;
	text-decoration: underline;
}
.layer {
	color:#FFFFFF;
	font-size:10px;
	background-color:#F7970C;
	layer-background-color:#F7970C;
	text-indent: 5px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin: 1px;
	padding: 1px;
	
}
.layer:hover {
	background-color:#646464;
	color: #646464;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;

	
}
.menug2 {
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.menug2:link {
	font-size: 9px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
.cont {
	font-size: 13px;
	text-decoration: none;
	color: #3C3C3C;
}
.tracking {
	font-size: 9px;
	color: #3C3C3C;
}
.tracking a, #GestionContenu a {
	color: #3C3C3C;
}
.tracking a:hover,#GestionContenu a:hover {
	color: #F7970C;
}
.liresuite {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	color: #E31414;
	padding-top: 4px;
}
.liresuite:hover {
	text-decoration: underline;
}
.titreactu {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #030303;
	padding: 5px 0 5px 0;
}
.actu {
	padding-left:1px;
	padding-right:1px;
}
a:link.cont{
	Color : #F7970C;
	Text-Decoration : underline;
}
a:active.cont{
	Color : #F7970C;
	Text-Decoration : underline;
}
a:visited.cont{
	Color : #F7970C;
	Text-Decoration : underline;
}
a:hover.cont{
	Color : #3C3C3C;
	Text-Decoration : underline;
}
a.ancre {
	font-size: 13px;
	color: #3C3C3C;
}
a.ancre2 {
	font-size: 11px;
	font-weight: bold;
	color: #3C3C3C;
}
.titretext
{
	writing-mode:tb-rl;
	white-space: nowrap;

}
.white {
	font-size: 13px;
	text-decoration: none;
	color: #ffffff;
}
.white2 {
	font-size: 10px;
	text-decoration: none;
	color: #ffffff;
}
a:link.white{
	Color : #ffffff;
	Text-Decoration : underline;
}
a:active.white{
	Color : #00000;
	Text-Decoration : underline;
}
a:visited.white{
	Color : #ACACAC;
	Text-Decoration : underline;
}
a:hover.white{
	Color : #00000;
	Text-Decoration : underline;
}
.tab {
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	
}
#table
{
    border: 1px solid black;
}

a:link.tab{
	Color : #555555;
	Text-Decoration : underline;
}
a:active.tab{
	Color : #00000;
	Text-Decoration : underline;
}
a:visited.tab{
	Color : #ACACAC;
	Text-Decoration : underline;
}
a:hover.tab{
	Color : #00000;
	Text-Decoration : underline;
}
.formu {
	color:#000000;
	font-size:10px;
	text-indent: 10px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border: 1;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	width:200px;
}
.formuR{
text-indent: 8px;
}
#coloneleft {
	width: 200px;
	_width: 192px;
	float: left;
	text-align:center;
}
#coloneright {
	margin: 0 0 3px 5px;
	padding: 0 0 3px 2px;
	width: 160px;
	float: right;
	vertical-align: top;
}
#coloneright_actu {
	margin: 0 0 3px 5px;
	padding: 0 0 5px 2px;
	width: 160px;
	float: right;
	vertical-align: top;
	background: #D2E7F8;
}

#coloneright_zoom {
	width: 120px;
	float: right;
	vertical-align: top;
}
.coloneright {
	margin: 0 0 3px 5px;
	_margin: 0 0 3px 3px;
	padding: 0 0px 3px 5px;
	width: 160px;
	float: right;
	vertical-align: top;
	align: right;
}
#footer {
	clear: left;
	text-align: center;
	margin: 10px 0 10px 0;
	color: #3C3C3C;
	font-size: 10px;
}
#bigfooter {
	clear: both;
	width: 100%;
	height: 10px;
	text-align:center;
	padding-top:20px;
	background:url(../templates/images/footer-milieu.png) repeat-x;
	
	
}
#contenu {
	clear: right;
	margin-left: 200px;
	_margin-left: 170px;
	vertical-align: top;
	width: 494px;
	_width: 530px;
	border: solid;
	border-width: 0 0 0 2px;
	border-color: #EEEEEE;
	/*padding: 0 0 0 8px;*/
	padding: 15px 15px 0 25px;
	text-align: left;
	/*background-color:#F7970C;*/
	color:#777777;	
	font-family: Trebuchet MS, Arial, Verdana , Helvetica, sans-serif;	
	font-size: 12px; 
	_float : left; 
	_position : relative; 
	_margin-left :8px;
	
}
#contenu h2 {
	color: #3C3C3C;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin: 3px 0 0px 0;
}

#enbas
{
	clear: both;
}
div#column1 {
    margin: 0px;
    padding: 0px;
    width: 100%;
}
div#column2 {
    margin: 0;
    padding: 0;
    width: 100%;
}
.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#mentionsleg {
	position: relative;
	padding: 0px 0px 0 0px;
	width: 510px;
	_width: 520px;
	height: 0px;
	background-color: #646464;
	margin: 0 0px 0 0px;
	text-align: justify;
	color: #FFFFFF;
	font-size: 10px;
	clear:both;
}
.centre_home {
	margin: 1px 0 0px 2px;
	z-index: 1000;!important
}
.centre_home h3 {
	margin: 0;
}
.centre_home p {
	margin: 0;
	padding: 0;
}
.centre_home_image {
	float: left;
	width: 168px;
	height: 105px;
	background:  url('../templates/images/cadre-ombre.png') no-repeat;
}
.img {
	border: 1;
	background-color: #F7970C;
}
.bt { text-transform  : uppercase; text-align : center;
	color:#FFFFFF;
	font-size:10px;
	background-color:#F7970C;
	layer-background-color:#F7970C;
	text-indent: 10px;
	border-top-color: #646464;
	border-right-color: #646464;
	border-bottom-color: #646464;
	border-left-color: #646464;
	border: 1;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.bt:hover {
	background-color:#646464;
	color: #FFFFFF;
}

.nobord {
	padding: 0;
	margin: 0;
}
.nobordbas {
	margin-top: 10px;
	margin-bottom: 0;
}
.gris {
	color: #3C3C3C;
}
.petittxt {
	font-size: 10px;
	line-height: 11px;
	font-family:Arial, Helvetica, sans-serif
	
}
.noir {
	color: #000000;
	font-style: italic;
	font-weight: normal;
}
.solu {
	color: #CCCCCC;
}
.soluon {
	color: #3C3C3C;
}
.grisref {
	font-style: normal;
	color: #3C3C3C;
	font-weight: bold;
}
.pant {
	font-size: 12px;
	text-align: justify;
	padding: 0 0px 5px 0;
	margin: 0 0px 5px 0;
	color: #3C3C3C;
	line-height: 14px ! important;
}
.pantDR
{
	font-size: 12px;
	text-align: right;
	padding: 0 0px 5px 0;
	margin: 0 0px 5px 0;
	color: #3C3C3C;
}
.pant_ref {
	font-size: 11px;
	text-align: justify;
	color: #3C3C3C;
	line-height: 16px ! important;
	margin: 2px 0 1px 0 ! important;
	padding: 0;
}
.L
{
	margin: 0 0 0 10px;
	text-align: left;
}
.L2
{
	text-align: left;
	margin: 0 0 0 20px;
	font-style: normal;
}
.Lwhite {
	background-color:#646464;
	text-align: left;
	margin: 0 0 0 10px;
	color:#FFFFFF;
	font-size:10px;
	text-indent: 5px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin: 1px;
	padding: 1px;
}
.orange {
	color: #F7970C;
}
#accroche {
	width:516px;
	_width:500px;
	margin: 28px 0 0 0;
	_margin: 28px 2px 0 0;
	clear: both;
	font-weight: bold;
}
#accroche_ref {
	width:536px;
	_width:530px;
	clear: both;
	margin: 0;
	padding: 0;
}
.grasouligne {
	font-weight: bold;
	Text-Decoration : underline;
}
a:active.pant{
	text-decoration: underline;
	color: #3C3C3C;
}
a.pant{
	text-decoration: underline;
	color: #3C3C3C;
}
a:visited.pant{
	text-decoration: underline;
	color: #3C3C3C;
}
a:hover.pant {
	text-decoration: underline;
	color: #F7970C;
}
a:link.orange{
	text-decoration: underline;
	color: #F7970C;
	font-weight: bold;
}
a:visited.orange{
	text-decoration: underline;
	color: #F7970C;
	font-weight: bold;
}
a:hover.orange {
	text-decoration: underline;
	color: #3C3C3C;
	font-weight: bold;
}
a.rollvoir img{
	opacity: 1.0;
	filter: Alpha(Opacity=100);
	text-decoration: none;
	}
a:hover.rollvoir img {
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	border: none;
  }
.entour, hover.entour
	{
	border-width: 1px;
	border-style: ridge;
	border-color: #3C3C3C;
	}
ul,ol
	{
	margin: 0 0 0 20px;
	padding: 0;
	text-align:justify;
	}
.menuinv {
	font-weight: bold;
	text-decoration: none;
	color: #3C3C3C;
}
.menuinv:link {
	text-decoration: none;
	font-weight: bold;
	color: #3C3C3C;
}
.lieninv {
	font-weight: normal;
	text-decoration: none;
	color: #3C3C3C;
}

/* temporaire pour le projet Loupanthere */
.loupanthere {
	clear: both;
	float:none;
	font-size: 9px;
	color: #3C3C3C;
	text-align:center;
	text-decoration: none;
	margin: 10px 0 0 0;
}

/* ---------- Formulaire de recrutement ---------- */

#formcv {
	border-collapse: collapse;
}

#formcv th {
	text-align: left;
	vertical-align: top;
	width: 160px;
	padding: 12px 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 6px 0;
}

#formcv td {
	padding: 4px 0;
}

#formcv input, #formcv select, #formcv textarea {
	border: 1px solid #000000;
	background-color: #eeeeee;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

#formcv input, #formcv textarea {
	width: 160px;
	padding: 1px;
	_margin-top: -1px;
	_margin-bottom: -1px;
}

#formcv input.auto {
	width: auto;
}

#formcv ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#formcv li {
	float: left;
	width: 80px;
}

#formcv ul input {
	vertical-align: middle;
	margin: 3px;
	width: 13px;
	height: 13px;
	_background-color: transparent !important;
	_border: 0 !important;
}

#formcv .error {
	background-color: #dddddd;
	border: 1px solid #ff0000;
}

#formcv b {
	color: #ff0000;
	margin-left: 6px;
	font-family: Arial, sans-serif;
	font-size: 10px;
}

#formcv label {
	cursor: pointer;
	font-family: Arial, sans-serif;
	font-size: 12px;
}
.error{
	color:red;
	font-weight: bold;
}

#textarea2 { font-size : 12px;}


#tab
{
	color:#996633;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:50px;
}

/*********************************************STYLE POUR LE PLAN *****************************************/


/* PLAN */
.plan_glob {
	position: relative;
	display: block;
	float: left;
	width: 500px;
	text-align: center;
	margin: 0 2px 0 0px;
}
.plan_entre
{
	clear: right;
	height: 10px;
}
	.titre_plan {
		position: relative;
		width: 240px;
		bgcolor: #3C3C3C;
		text-align: left;
		text-indent: 10px;
		height: 21px;
		_height: 21px;
		
	}
		.titre_plan h1 {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			font-weight: bold;
			position: relative;
			padding: 0 0 0 10px ! important;
			margin: 4px 0 0 4px ! important;
			line-height: 11px;
			text-align: center;
			background:#FFFFFF;
		}
		.titre_plan h1 a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			font-weight: bold;
			text-decoration: none;
			color: #3C3C3C;
		}
		.titre_plan h3 a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			font-weight: bold;
			text-decoration: none;
			color: #3C3C3C;
		}

	.element_plan {
		text-align: left;
		background:url(../templates/images/icon_01.gif) no-repeat ;		
		text-indent: 20px;	
		margin: 0px 0px 0px 10px;
		_margin: 0px 10px 0px 10px;
		padding-left: 20px;
		height: 17px;
		_height: 17px;
		valign: top;
		
	}
	.element_plan1 {
		
		text-align: left;
		text-indent: 20px;	
		margin: 1px 1px 0px 10px;
		_margin: 1px 10px 1px 10px;
		padding-left: 20px;
		height: 21px;
		_height: 21px;
		valign: top;
		border:dotted #0099CC;
		border-width: 0 0 1px 0;
		background:url("../templates/images/fleche.gif") no-repeat;
		
	}
	.element_plan h2 {
			margin-left: -10px;
			line_height: 13px;
			padding: 0 0 0 0px;
		}		
	.element_plan h3 {
			margin: 0;
			line_height: 11px;
			background: url('../templates/images/fleche.gif') 0 10px no-repeat;
			_background: url('../templates/images/fleche.gif') 0 3px no-repeat;
			padding: 0 0 0 2px;
		}
		.element_plan h3 a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			font-weight: bold;
			text-decoration: none;
			color: #3C3C3C;
		}
		.element_plan h3 a:hover {
			color: #F7970C;
		}
		
	.souselement_plan { 
		text-align: left;	
		margin: 1px 1px 0px 70px;
		height: 20px;
		background: url("../templates/images/fleche.gif") no-repeat;
		
		
	}	
	.souselement_plan p {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			height: 10px;
			text-decoration: none;
			color: #3C3C3C;
		}
.sous_element_trait {	
		border: dotted #CCCCCC;
		border-width: 0 0 1px 0;
		}		
.plan_sous
{
	float: left;
	position: relative;
	display: block;
	width: 220px;
	margin: 0 10px 0 10px;
}		
/* Fin PLAN */


.contenu-inter{
width:507px;
height:auto;
color:#777777;
font-size: 11px;

font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;

margin:0px;
padding:0px;
}
.contenu-haut{
width:510px;
height:28px;

margin:0px;
padding:0px;
background:url(../templates/images/haut.PNG) no-repeat;
}
.contenu-milieu{
width:503px;
_width:505px;
height:auto;
margin:0px;
padding:0px;
border-left:1px solid #8DC9E9;
border-right:1px solid #8DC9E9;
float:left;
}
.contenu-milieu-gauche{
width:300px;
height:auto;
margin:0px;
padding:0px;
/*border:1px solid #8DC9E9;*/
margin:5px;

float:left;
text-align:justify;
}
.contenu-milieu-gauche img {

margin:5px 5px 5px 0px;
float:left;
}
.contenu-milieu-droite{
width:180px;
height:auto;
margin:0px 0px 20px 0px;
padding:0px;
float:right;


}
.contenu-milieu-droite-haut{
width:160px;
height:20px;
margin:0px;
padding:0px;
text-align: center;
color:#FFFFFF;
font-weight:bold;
font-size: 12px;

background:url(../templates/images/droite-haut.PNG) no-repeat;
}

.contenu-milieu-droite-details{
width:160px;
height:20px;
padding:1px 0px 0px 20px;
color:#666666;
font-size:10px;
font-weight:bold;
/*border:solid 1px red;*/
background:url(../templates/images/droite-details.PNG) no-repeat left;

}


	.content-haut
	{
		width: 508px;
		height: 144px;
		/*border: 1px solid #FF33CC ;*/
		margin: 10px 0px 10px 0px;

	}
	.contenu-bas{
	width:510px;
	height:10px;
	background:url(../templates/images/bas.PNG) no-repeat;
	margin:0px;
	padding:0px;
	clear:both;
	}


	.footer-gauche
	{
		width: 18px;
		height: 40px;
		margin-top: 2px;
		background: url(../templates/images/footer-gauche.png);
		float:left;
	
	}
	.footer-milieu
	{
		width: 710px;
		height: 40px;
		background: url(../templates/images/footer-milieu.png) repeat-x;
		padding-rigth: 2px;
		float:left;
	
	}
	.footer-droite
	{
		width: 18px;
		height: 40px;
		
		background: url(../templates/images/footer-droite.png);
		padding-rigth: 2px;
		float: right;
	
	}
	.footer-text
	{
		width: 750px;
		height: auto;
		padding-rigth: 2px;
		text-align: center;
		clear: both;
		
	}

/******************************************* menu vertical******************************/

.menu{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    width:500px;
    }

.menu ul{
    position:absolute;
    display:block;
    width:124px;
    /*margin:0;*/
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute;
    margin-left:124px;
    margin-top:-23px;
    }
    
.menu li{
    list-style:none;
    width:124px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
    text-align:center;
    background-color: #9cf;
    border:1px #666 solid;
    color:#000;
    display:block;
    width:120px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
    }
    
.menu a:hover{
    background-color: #eee;
    border:1px #aaa solid;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #aaf;
}

a.linkOver{
    background-color: #eee;
    }
	
.fin a{
text-decoration:none;
font-size:12px;
color:#EA9242;
font-weight:bold;
}

.fin a:hover{
text-decoration:underline;
font-weight:bold;
font-size:12px;
color:#333333;
}