/* CSS Document */

html {
	 text-align:justify;
	font-family: Arial, Helvetica, Sans Serif;
	line-height: 120%;
	font-size: 11px;
	
}

body {
	 
	margin-bottom: 0px;
	background:url(../images/fond.png) repeat-x 200px 92px;
	text-align:center;
	font-family:arial;

	margin: 0px;
	height: 100%;
	padding: 0px; 
	font-family: Arial, Helvetica, Sans Serif;
	line-height: 120%;
	font-size: 11px;
	color: #333333;
	z-index:-20;
}
.clr {
	clear: both;
}
 
object {
z-index:50;
}
/*
* conteneur
*/


#flash{
text-align:right;
	width:810px;
	height:200px;
	 float:right;

}

#central .moduletable{
text-align:right;
	width:810px;
	height:200px;
	 float:right;

}

#contour { 
	width:810px;
	z-index:0; 
	border: 0px solid #DDDDDD;

	padding: 0px; 
	margin-left:auto;
	margin-right:auto;
padding-left:0px;
	text-align:left;
	 display:block; 
	 
}
/*
* entete de page
*/
#hautpage {
	width:810px;
}

#hautgauche{
	width:200px; 
	float:left;
	display:block;
	height:35px;
	margin-top:32px;
}

#hautdroite {
	width:100%;
clear:both;
	height:25px;
	 
	display:block;  
}

/*
* partie central dans laquelle se trouve le contenu + les menus
*/
#central { 
	clear:both;
	z-index:20;  
	height:204px; 
	 
}

#info { 
	width:803px;
	text-align:left;
	float:left;
 	margin-top:13px;
 	margin-bottom:13px;
 	padding-top:0px;
	z-index:10; 
	background:url(../images/ligne.png) 221px 10px repeat-y; 
}

#info .contentheading{ 
	font-weight:bold;
}

#info #droite{ 
	width:217px;
	text-align:left; 	 
	display:block;
	 float:left;
	padding:0px;
	margin:0px; 
}


#info #droite form.ident{ 
 	width:197px;
	background-color:#D2D511;
	text-align:left; 
	  
}
#info #droite form {
	padding:0px;
	
	margin:0px;

}
#info #droite  {  
	margin:0px; 
	padding-top:1px;

}

#info #droite form.ident #hautident{ 
 	width:197px;
	height:5px; 
	font-size:0px;
	display:block;  
	background:url(../images/hautarrondi.png) no-repeat;
 
}
#info #droite form.ident #basident{ 	
width:197px;
	height:5px; 
	font-size:0px;
	display:block;  
	background:url(../images/basarrondi.png) bottom left no-repeat;
}

#info #droite form.ident span{ 
 
	width:70px;
	color:#FFF;
	display:block;
	float:left;
	margin-left:7px;
	font-weight:normal;
	
}
#info #droite form.ident input.text{ 
	height:13px; 
	_height:13px; 
	font-size:10px;
	border:1px solid #D2D511;
	vertical-align:middle;
}

#info #droite form.ident input.submit{ 
     
	font-size:12px;
    background:url(../../../images/stories/GO.png) left top no-repeat;
	width:28px;
	height:14px; 
	margin-top:2px;
	width:28px;
	height:18px; 
	cursor:pointer;
	vertical-align:bottom;
	display:inline;
	border:1px solid #D2D511;
 
}

#info #gauche { 
	width:575px;
	text-align:left; 
	display:block;
	font-size:11px;
	float:right; 
	padding:0;
}
#info #centreindex { 
	margin-left:19px;
	_margin-left:9px;
	width:556px;
	  min-height:260px;
	  _height:260px;
	text-align:left; 
	display:block;
	font-size:11px;
	float:left; 
	padding:0;
	background:#FFF;  
}
#info #centre { 
	margin-left:19px;
	_margin-left:9px;
	width:360px;
	 
	text-align:left; 
	display:block;
	font-size:11px;
	float:left; 
	padding:0; 
	color:#737373;
}
 
#info #centreindex form{ 	
	padding:1px;

}
#info #centre img{ 
	vertical-align:top;
}
  #info #centre b,strong{ 

	color:#4C4C4C;
}
 

 #info #centre ul li{ 
	 list-style:none; 
	 background:url(../images/pucesquare.png) no-repeat 12px 4px; 
	 padding-left:25px; 
	width:320px;  
	_width:345px;  
	color:#4C4C4C; 
	font-weight:normal;
}
 #info #centre ul.simple li{  
	
	 margin-left:25px;  padding-left:0px;
	width:320px;  
	color:#737373; 
	font-weight:normal;
	 list-style:outside; 
	list-style-type: disc;
	list-style-image:none ; 
	margin-top:3px;
	width:auto;   
	font-size:10px;
}
 
 #info #centre ul li strong{ 
color:#4C4C4C;
}

 #info #centre  .simple *{ 
	color:#737373; 
}
 #info #centre ul.simple li strong{ 
	color:#737373 !important;
	font-weight:normal;
	font-size:11px;
}

 #info #centre .simple li b { 
	color:#737373 !important;
}

 #info #centre  li.fin{ 
	list-style-type:none;
	list-style-image:url(../images/blank.gif);
	background:url(../images/bas_ul.png) no-repeat bottom;
	width:360px;
	height:10px;
	font-size:2px;
	line-height:2px;
	display:block;
	margin:0px;
	padding:0px;  
} 
 
 
 #info #centre  li span.mainlevel{ 
	 
	background:url(../images/bas_ul.png)  no-repeat bottom;
	width:360px;
	 
	display:block;
	height:15px;
} 
 

 
 #info #centre  ul{ 

	width:360px; 
	background:url(../images/haut_ul.png) no-repeat top left;
	background-color:#D2D511;
	padding: 10px 0px 0px 0px;
 	margin-left:0px;
	border:1px solid #FFF;
	padding-bottom:0px;
}
  #info #centre  ul#mainlevel li{
 	list-style-type:none !important;
 	list-style-image:none !important;
 	list-style:none !important; 
	 	margin-left:0px;
	padding-bottom:0px; 
	 
	
}
  
 
 #info #centre  ul.simple{ 
	margin-top:0px;
	 margin-left:25px; 
	background:#FFF ;
	background-image:none; 

	padding:  0px;
 	margin-left:0px;
}
  #info #centre ul.simple li{ 
 
	 font-weight:normal;
	list-style-type: disc;
	list-style-image:none ; 
	margin-top:3px;
	width:auto;   
} 

#info #centre  ul#mainlevel { 
	padding-top:10px;

}

 #info #centre  ul#mainlevel li   a{ 
	 
	margin-left:15px;
	text-decoration:none;
	color:#4C4C4C;
} 
 #info #centre  ul#mainlevel li   { 
	 
	background:none;
	padding-left:0px;
} 
 #info #centre  ul#mainlevel li   a#active_menu{ 
	  font-weight:bold;
	 font-size:16px;
} 
 
#info #gauche table{ 
	font-size:11px;
	margin:-1px;
	padding:0;
	
} 
#info #gauche table h4{ 
	font-size:12px;
	 
	
}#info #gauche  h4{ 
	font-size:12px;
	 	
}
#info #gauche  p { 
 margin-top:0px;
padding-top:0px;
	 	
}
 

#info #gauche table td{ 
	margin:0;
	padding:0;
	font-size:11px;
	 

}
 

#info #gauche  h3 { 
display:block;
}
#info #droite  h3 { 
width:100%;

}

#info   h3 {  
	text-align:left; 

	 background-color:#FFF;
	color:#AAA;
 	padding:4px 0px  ;
	margin-top:0px;
	margin-bottom:5px;
	font-size:16px;
	width:100%; 
}
 
#info #entier form{ 
	 display:none;
}

#menuhaut {
 
	width:803px;
	display:block;
	 height:25px;
	float:right; 
	
}

#menuhaut #active_menu{
 
	 color:	#FFF;
	background:url(../images/onglet.png) no-repeat right;
	 
	 
}

#menuhaut li {
	  list-style:none;  
	 float:left;
	display:inline;
	 text-align:center; 
	margin-right:1px;
	margin-top:1px;
	padding:0px; 
	margin-left:0px;
	height:24px;
	z-index:10;
  
}
#menuhaut ul {
	  list-style:none; 
	float:right; 
	padding:0px; 
	 text-align:center; 
	margin:0px;
	height:24px; 
	z-index:10;
	 
}

#menuhaut a {
	font-size:12px;
	color:#888888;	 
	text-decoration:none; 
	margin-top:0px;
	margin:0;
	width:145px;
	padding:0px; 
	margin:0px;
	display:block;
	padding-left:0px;
	padding-right:0px; 
	height:19px;
	_height:24px;
	z-index:10;
	font-weight:bold;
	padding-top:5px;
}
#menuhaut a:hover{
	font-size:12px;
	color:#FFFFFF;	 
	text-decoration:none; 
	background:url(../images/onglet.png) no-repeat right;
}

#menuhaut h3 {
	height:16px;
	margin-top:0px;
	font-weight:normal;
	font-size:12px;
	text-align:center; 
	color:#000;
	 
}
/*
* Barre d'identification client
*/

#client {
	position:relative; 
	height:22px;
	width:803px;
	display:block;
	font-size:10px;
  	text-align:right;
	padding-top:1px;

}

#client ul li{
	font-weight:bold;
}

#client .blanc { 
	font-size:11px;
	color:#AAA;
	background:url(../images/lettre.png) no-repeat;
	font-weight:bold;
	display:block;
	width:133px;
	height:21px;
	float:right;
	margin-right:0px;
	padding-top:3px;
	text-decoration:none;
	
}
#client .blanc:hover { 
 
	color:#888;
}

#client .moduletable{
padding-top:0;
margin-top:0;
float:left;
}
#client .moduletable ul,li{
 
margin:0;
padding:0;
margin-top:3px;
list-style-type:none;
}
#client .moduletable li a{
 
text-decoration:none;
font-size:12px;
color:#FFF;
}

/*
DEBUT MENU GRIS 
*/

#info #droite .menugris{ 
 	width:197px;
	background-color:#DDD;
	text-align:left; 
	margin-top:8px;
	color:#888;
	font-size:10px;
}

#info #droite .menugris .hautgris{ 
	width:197px;
	height:5px; 
	font-size:0px;
	display:block;  
	background:url(../images/hautgris.png) no-repeat;
	display:block;
}
#info #droite  .menugris .basgris{ 
  	width:197px;
	height:5px;
	font-size:0px;
	background:url(../images/basgris.png) bottom left no-repeat;
}
#info #droite  .menugris .centregris{ 
	 margin-left:7px;
}

#info #droite  .menugris #telephone{ 
	padding-left:28px;
	padding-top:6px;
	padding-bottom:6px;
	font-size:21px;
	color:#FFF;
	  
	font-weight:bold;
	background:url(../images/tel.gif) -3px 0px no-repeat;
	 

}

.menugris .planacces {
	 display:block;
	margin:8px 0px; 
	width:85px;
}
#info #droite  .menugris  #active_menu{ 
	color:#000;
}
/*
 * MENU GRIS FICHE
**/

#info #fiche .menugris h3{
	color:#000;
	background-color:#DDD;
}

#info #fiche .menugris{ 
 	width:360px;
	background-color:#DDD;
	text-align:left; 
	margin-top:8px;
	color:#888;
	font-size:10px;
}

#info #fiche .menugris .hautgris{ 
	width:360px;
	height:5px; 
	font-size:0px;
	display:block;  
	background:url(../images/hautgrisfiche.png) no-repeat;
	display:block;
}
#info #fiche  .menugris .basgris{ 
  width:360px;
	height:5px;
	font-size:0px;
	background:url(../images/basgrisfiche.png) bottom left no-repeat;
}
#info #fiche  .menugris .centregris{ 
	 margin-left:7px;
}
#info #fiche  .retour { 
	 margin-top:10px; 
	  
}
#info #fiche   a{
	color:#888;
	font-weight:bold;
	text-decoration:none;

} #info #fiche  a:hover{
color:#AAA;
} 
#info #fiche  .retour a{ 
	 display:block;
	 padding-left:27px; 
	 padding-top:4px; 
	background:url(../images/back.png) no-repeat;
	width:70px;
	height:25px;
	vertical-align:middle;
}


/*
FIN MENU GRIS 
*/ 
 
#droite .contentpaneopen .contentheading{ 

	 width:100%;
	padding-left:0px;  
	font-size:12px; 
	margin-bottom:2px; 
}
#droite .contentpaneopen { 
	 
	 text-align:left;
	display:block; 
}
#droite .article_seperator{
	border-top:2px dotted #DDD;
	height:2px;
	width:100%;
	display:block;
}
#droite .moduletable{
	font-size:11px;
	padding-top:0px; 
	margin-bottom:10px; 
}
 
 
 
#gauche .blog table{
	display:block; clear:both;
	border-spacing:0px;
 

}

 

 
 
/*
* pied de page
*/
#baspage {
	font-size:11px;
	width:803px;
	height:50px;
	clear:both;
	display:block; 
	border-top:2px dotted #CCC;
	text-align:center;
}
#baspage table td{
	font-size:11px; 
	text-align:center;
	 
}

#basgauche{
	width:50px;
	height:50px;
	float:left;
}


#basdroite {
	width:50px;
	height:50px;
	float:right;
	display:block; 
	 
}


#info #gauche .componentheading { 
 
	text-align:left; 
	display:block;
	 background-color:#FFF;
	 color:#AAA;
	border-bottom:0px solid #FFF;
 	padding:4px 0px 9px 0px;
	margin-top:0px;
	font-size:16px;
	font-weight:bold;
	

}

#droite  h3{  
width:197px;display:block; clear:both;
}


#droite  #menulateral div.moduletable h3{  
	background:url(../images/hautgris.png) left bottom no-repeat;
  	padding-bottom:15px;
  	margin-bottom:0px;
}
#droite  #menulateral { 
	width:197px; 
  	margin-bottom:5px;
	padding:0px;
	margin:0px; 
}
#droite  #menulateral .moduletable ul{
	background:url(../images/basgris.png) bottom no-repeat;
	margin-bottom:8px;
 background-color:#DDD;

}
#droite ul {
	float:left;
	text-align:left;
	padding:0px;
	margin:0px;
	clear:both;
	width:197px; 
	padding-bottom:9px;
}
#droite li { 
	list-style-type:none;
	padding-left:0px;
	padding:0px 0px 0px 7px; 
}

#droite li a:hover{ 
	color:#444;
	font-weight:normal;
}

#droite li a{ 
	text-decoration:none;
	color:#888;
	font-size:11px;
	font-weight:normal;
	
}
#droite  #menulateral .moduletable table{
	background:url(../images/basgris.png) bottom no-repeat;
	padding-bottom:8px;
	display:block;
 background-color:#DDD;
	width:197px;

}
#droite .moduletable table tr{
	float:left;
	text-align:left;
	padding:0px;
	margin:0px;
	clear:both;
	width:197px; 
}
#droite .moduletable table td { 
	list-style-type:none;
	padding-left:0px;
	padding:0px 0px 0px 7px; 
}

#droite  .moduletable table td  a:hover{ 
	color:#444;
	
}

#droite  .moduletable table td  a{ 
	text-decoration:none;
	color:#888;
	font-size:11px;
	font-weight:normal;
	
}
#droite  #menulateral  #active_menuint{ 
	 
	color:#444; 
	
}
#droite  .moduletable table td  b{ 
margin-bottom:3px;
display:block;

}

#droite  .moduletable table td  a.sublevel{ 
 padding-left:5px;
	
}
#droite  .moduletable table td  a.mainlevelint{ 
 font-weight:bold;
 
	line-height:26px;
}
#droite  .moduletable table td  a.mainlevelcom{ 
 font-weight:bold;
 margin-bottom:3px; display:block;
	
}
/*
* *******************************************************************************
* Références pages d'accueil
* *******************************************************************************
*/ 
#centreindex .neoreferences {
	margin-top:10px;
}
 
#info #gauche .neoreferences table td{
	width:172px;
	font-size:11px;
	line-height:12px;
	color:#888;
border-spacing: 0px;  
padding-top:10px;
}

#info #gauche .neoreferences table td.descr{
	padding-top:5px; 
}
.neoreferences table.contentpaneopen {
	 
	float:left; 
	display:block;
	border-spacing:0px;
	padding:0px;
	border-collapse:collapse
}
.neoreferences table img{
 
	width:172px;
	height:113px;
	margin-top:0px; 
	
}
.neoreferences table td.thumb{
	margin:0px 0px 10px 0px;
	text-align:left;
	border:1px solid #AAA;
	  padding:0;
	width:172px;
	 font-size:0px;
	line-height:0px;
	border-collapse:collapse;
padding:0px !important;

}
.neoreferences table a{
	color:#000;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

.neoreferences table a:hover{
	color:#000;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.neoreferences table th  {
	color:#555;
	font-size:12px;
	font-weight:bold; 
padding-bottom:5px;
}
.neoreferences table th.espace  {  
width:50%;
}
.neoreferences table th a {
	color:#555;
	font-size:12px;
	font-weight:bold; 
}
.neoreferences table th a:hover{
	color:#000;
	font-size:12px;
	font-weight:bold; 
}
.neoreferences table td a.suivant{
	color:#D2D511;
	 
	font-weight:bold; 
} 
/*
* *******************************************************************************
* Références page normal
* *******************************************************************************
*/
 
#info #gauche  .neoreferences2 table img{
	 
	width:142px;
	height:93px;
}
#info #gauche  .neoreferences2 table td.thumb{
	
	text-align:left;
	border:1px solid #AAA; 

} 
#info #gauche  .neoreferences2 table th  {
	color:#555;
	font-size:12px;
	font-weight:bold; 
}

#info #gauche  .neoreferences2 table th a {
	color:#555;
	font-size:12px;
	font-weight:bold; 
}
#info #gauche  .neoreferences2 table th a:hover{
	color:#000;
	font-size:12px;
	font-weight:bold; 
}
#info #gauche  .neoreferences2 table td a.suivant{
	color:#D2D511;
	 
	font-weight:bold; 
}
   
#info #gauche  div.moduletable{ 
	 display:block;
} 
 
/*
* *******************************************************************************
* MENU du BAS 
* *******************************************************************************
*/
#baspage .moduletable td{
	padding:3px;
	color:#CCC;
}
#baspage .moduletable a{
	color:#CCC;
	text-decoration:none;
}
 

#baspage .moduletable a:hover{
	color:#AAA;
	text-decoration:none;
}
  #droite  #menulateral { 
	width:197px; 
   	color:#888;
	padding:0px;
	margin:0px; 
	display:inline;
}


 
iframe{  
height:700px; 
width:500px; 
}
#info #gauche div.vignette {
	font-size:10px;
 	width:147px;
	float:right;
	display:block;
 padding:0px 0px 0px 0px ; 
	 
} 
 
#info #gauche div.vignette .moduletable {
	font-size:10px;
 padding:0;
	float:left;
	display:block;  
}
#info #gauche div.vignette div {
	font-size:10px;
 
	float:left;
	display:block;
	
} 
.article_separator {
	     display:none;
	
}
/*
*
*	affichage bannière
*
*/
.banniere {
	position:absolute;
	display:block;
	width:630px;
	height:100px;
	left:50%;
	margin-left:-405px;
}
.banniere img{
 
	width:630px;
	height:100px;
	 
}
.remonte{ 
	margin-top:110px !important;
	
} 
.texte {
	background: #FFF;
}

.subscriptionsform_errors {
	color:red;
	font-weight:bold;
}