body { 
    padding: 0; 
    margin: auto; 
    font: 0.7em Arial, sans-serif; 
    line-height: 1.5em; 
    /*background: #EEEEEE;*/
	background:#FFFFFF;
    color: rgb(51,51,51);
    /*width: 980px; */
}

a { color: #0E4D8B; background: inherit; }
a:hover { color: #000; background: inherit;}
a.title { color: #B41A1A; background: #FFF; }
img { border:none; }

h1 {
	font-size:14px;
	height: 19px;
	border-bottom:1px solid #C5CBD2;
	color:rgb(83, 128, 185);
	margin-left:10px;
}

h2 {
	font-size:13px;
	height: 17px;
	border-bottom:1px solid #C5CBD2;
	color:rgb(83, 128, 185);
    padding-left:20px;
    width:80%;
}

#h5 {
	font-size:14px;
	height: 17px;
	border-bottom:1px solid #3F5070;
	color:#3F5070;
    width:40%;
    font-weight:bold;
}

.menu { margin: 0; padding: 0; font: normal 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h3 { font: 105% Arial, Sans-Serif; margin: 0 0 2px 0; padding: 3px; color: #444444; background: #FFF; font-weight:bold; }
h4 { font: 95% Arial, Sans-Serif; margin: 0 0 5px 0; padding: 3px; color: #5f5f5f; background: #CCC; font-weight:bold; width:80%; text-align:center;}
p {	margin: 0 0 0px 0; line-height: 1.5em; }
form { margin: 0; }
input.submit { border: none; background: #454545; color: black; font-weight:bold; }
input { 
border: 1px solid #999999; background: #E6E7F5; color: #333333; font-size:0.8em; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius : 5px; 
}
textarea { border: 1px solid #999999; background: #E6E7F5; color: #333333; }

fieldset {
	border:none;
}

#page_contenu ul {
	margin-left:0px;
}

.espaceMenu {
	margin-bottom: 15px;
}

.men2 {
	border-bottom:1px solid #D8D8D8;
    padding:1px;
    font-size:1em;
    width:170px;
}

.men2 a {   
   text-decoration: none;
   display:block;
   padding:4px;
   padding-left:5px;
   font-size:1.1em;   
   border-top:1px solid #D8D8D8;
}

.men2 a:hover {
   background-color: #F9F9F9;
}

#cadre_menu_gauche a.current {
   background-color: #B9D9F7;
}

.men2 img {
	margin-right:5px;
}

#cadre_menu_gauche a.support {
	color:#FF8000;
}

/* layout
   ------ */

.content { 
	margin: auto;
	width: 100%;
	height: 100%;
	color: rgb(51,51,51);    
    padding-bottom:20px;
    margin-top:50px;
	/*background-color: #FFFFFF;*/
}

#content_all_page {
	/*background:url(content_repeat.jpg) repeat-x;*/
	height: 100%;
}

.header_bottom { clear: both; }

#head2 {	
	border-bottom: 1px solid #CCCCCC;
	/*-width:978px;*/
	background-color:#3172C1;
	height:50px;
}

#head2 .logoH {
	display:block;
	float:left;
	padding:1px 0 1px 10px;
}

#head_contenu {
	width:100%;
	margin: auto;
}

#menu_navigation  {
	float:right;	
	width:70%;
	text-align:right;
	height:56px;	
	padding-top:2px;
}

#menu_principal  {
	width:78%;
	float:right;
	background:url(fond_menu_principal.png);
	/*margin-bottom:10px;	*/
	/*/width:968px;
	-width:976px;*/
	border-bottom:1px solid #AECDE8;
	border-left:1px solid #AECDE8;
	border-right:1px solid #AECDE8;
	margin-top: 150px;
}

#menu_principal_barre_page {
	height:16px;
	width:60%;
	margin-top:2px;
}

#menu_principal_titre_page {
	height:25px;
	width:725px;
	margin-bottom:3px;
}

#menu_principal_contenu {
	width:100%;
	margin: auto;
	height:75px;
}

.titrePage {
	display:block;
	padding-top:3px;
	color:#000;
	font-size:18px;
	border:none;
	padding-bottom:2px;
	position:absolute;
	margin-left: 21%;
}


#menu_options_repertoire_hdroit {
	position:relative;
	width:20%;
	bottom:4px; 
	left:79%;
	text-align:right;
	padding:0;
}


#menu_principal #menu_principal_onglets {
	padding:0;
}

#menu_principal #menu_principal_onglets .fg-button {
	font-size:12px;
}

#menu_principal #menu_principal_onglets .fg-button:hover {
	background:#FFF;
}

.lmp_titre {
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}


.lien_promo_header {
	display:block;
	border:1px solid #AAA; 
	background-color:white;
	margin-top:2px;
	color:black;
	font-size:15px;
	padding:6px;
}

a.lien_promo_header:hover {
	display:block;
	border:1px solid #AAA; 
	background-color:white;
	margin-top:2px;
	color:blue;
	font-size:15px;
	padding:6px;
}


#controls {
	width: 100%;
	padding: 0.2em;
	top: 50px;
	height: 36px;
	margin: 0;
	background: #F7F7F7;
	border-bottom: 1px solid #EEE;
	border-left-width: 0;
	position: fixed;
	z-index: 1;
}


	
/* left side
   --------- */

.left {
	height: 100%;
}

.left_side { 
    position:fixed;
    top:50px;
    left:0px;
    width: 20%; 
    height: 100%;
    background-color: #fcfcfc;
    border-right: 1px #CCC solid;
    z-index:10;
    /*padding: 5px 1px 5px 10px;*/ 	
}

.right_side { 
    float: right; 
    width: 79%; 
    padding: 5px 5px 10px 15px;     
    text-align: justify; 
    font-size:1.1em; 
    /*background: #FFFFFF;*/
    /*margin-right:10px;*/
    height: 100%;
    overflow: auto;
}

.article { padding: 0 5px 0 0px; margin-bottom: 20px; }
		
	
.right { float: right; width: 170px; margin: 0 0 10px 0;}



/* menu de gauche */

div#cadre_menu_gauche .submenu {
	list-style-type: none;
	padding: 0;
	margin-top: 0;
}

div#cadre_menu_gauche .submenu ul {
	padding-left: 30px;
	margin: 10px 0 20px 0;
}

.shadowed {
	box-shadow: 0px 0px 6px #AAA;
	-moz-box-shadow: 0px 0px 6px #aaa;
	-webkit-box-shadow: 0px 0px 6px #AAA;
	background-color: white;
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=2);
}

div#cadre_menu_gauche .submenu ol, ul {
	list-style: none;
}

div#cadre_menu_gauche .submenu  ul {
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
}

div#cadre_menu_gauche .submenu > li.selected {
	background-color: #5191c6;
	border: 0 none;
	font-weight: bold;
	height: 41px;
	margin: 0 0 -1px 0;
	position: relative;
	text-shadow: 0 1px 0 #000;
	z-index: 1;
}

div#cadre_menu_gauche .submenu > li.selected > a {
	color: #fff;
}

div#cadre_menu_gauche .submenu > li:hover {
	background-color: #5191c6;
	border: 0 none;
	font-weight: bold;
	height: 41px;
	margin: 0 0 -1px 0;
	position: relative;
	text-shadow: 0 1px 0 #000;
	z-index: 1;
}

div#cadre_menu_gauche .submenu > li:hover > a {
	color: #fff;
}

div#cadre_menu_gauche .submenu > li:hover .liste_menu li a {
	font-weight: normal;
}

div#cadre_menu_gauche .submenu > li.selected .liste_menu li a {
	font-weight: normal;
}

div#cadre_menu_gauche .submenu li {
	height: 41px;
	list-style-type: none;
	background-color: #fcfcfc;
	border-top: 1px solid #DFDFDF;
	margin: 0;
	padding: 0;
}

div#cadre_menu_gauche .submenu > li > a {
	color: #333;
	display: block;
	font-size: 1.2em;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	white-space: nowrap;
	text-decoration: none;
	background: left no-repeat;
	padding-left: 1.8em;
	margin-left: .8em;
}

div#cadre_menu_gauche .submenu ul li {
	line-height: 25px;
	list-style-type: square;
}

div#cadre_menu_gauche li {
	display: list-item;
	text-align: -webkit-match-parent;
}

div#cadre_menu_gauche .menu_bas_gauche {
	 position: absolute;
	 left:0px;
	 bottom:0px;
	 width: 100%;
}

div#cadre_menu_gauche .menu_bas_gauche_settings {
	 position: absolute;
	 left:10px;
	 bottom:150px;
}

div#cadre_menu_gauche .menu_bas_gauche_settings .menu_admin {
	bottom:150px;
}

div#cadre_menu_gauche .menu_bas_gauche_settings .menu_services {
	bottom:150px;
}

div#cadre_menu_gauche .optionsmenu > li {
	background: url(act_repertoire.png) no-repeat right;
}

div#cadre_menu_gauche ul.optionsmenu {
	margin-bottom: 8px;
	background-color: #f2f7f9;
}


/*** sous menu de gauche */

div#cadre_menu_gauche .liste_menu {
	position: relative;
}

div#cadre_menu_gauche .liste_menu ul {
	display: none;
	position: absolute;
	left: 101%;
	top: -56px;
	background-color: white;
	border: 1px solid #D6D6D6;
	border-left-width: 0;
	padding: 5px;
	border-radius: 2px;
	width: 100%;
	z-index: 5;
}

div#cadre_menu_gauche .liste_menu ul, div#cadre_menu_gauche .liste_menu dl {
	list-style-type: none;
	padding: 0;
}

div#cadre_menu_gauche .liste_menu ul li {
	list-style-type: none;
	padding: 2px;
}

div#cadre_menu_gauche .liste_menu li {
	height:27px;
	border-bottom: none;
	padding: 0px;
	position: relative;
	background-color: #f9fbfc;
}

div#cadre_menu_gauche .liste_menu li a {
	color: #333;
	display: block;
	font-size: 1.2em;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	white-space: nowrap;
	text-decoration: none;
	background: left no-repeat;
	padding-left: 1.3em;
	margin-left: 0;
	text-shadow: none;
}

div#cadre_menu_gauche .liste_menu li:hover a {
	font-size: 1.2em;
	text-decoration: none;
	text-shadow: none;
	background-color: #fff;
	color:#1D5987;
}

/*********/

#barre_separation {
	clear:right;margin-top:10px;margin-bottom:5px;background-color:#E1E1FF;height:1px;
}		
		
/* footer
   ------ */
.foot { 
	text-align: center;
	color: black;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
}

.foot p {	line-height: 2em; }
.foot a {	color: #4F4F4F; border-bottom: 1px dotted #808080; text-decoration: none; } 


.right_login {
	padding: 10px;
	margin: 0 0 10px 0;
	background: #E6E7F5;
	color: #246088;
	border: 1px solid #CCCCCC;	
}
	
.bloque_info {
	margin-bottom: 15px;
}

.tabla_info {
	font-size: 11px;
	color: #666;
	width: 100%;
	border-spacing: 1px;
	text-align: left;
}


.tabla_info td, .tabla_info td+td+td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #EEE;
	padding: 3px 5px 3px 5px;
}

.tabla_info td+td, .tabla_info td+td+td+td {
	background: #FFF;
	border: 0;
}

.tabla_info2 {
	font-size: 11px;
	color: #666;
	width: 50%;
	border-spacing: 1px;
	text-align: left;
}

.tabla_info2 td, .tabla_info2 td+td+td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #EEE;
	padding: 3px 5px 3px 5px;
}

.tabla_info2 td+td, .tabla_info2 td+td+td+td {
	background: #FFF;
	border: 0;
}

.tableau_info1 {
	font-size: 11px;
	color: #666;
	width: 50%;
	border-spacing: 1px;
	text-align: left;
	background: #EEE;
}

.tab_stats {
	font-size: 12px;
	color: #666;
	text-align: left;
	background: #EEEEEE;
	font-weight:bold;
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #CCC;
}

.tab_stats_i {
	border-bottom: 1px solid #CCC;
	padding:4px;
}

.tab_stats_b1 {
	background-color:#F9FCFE;
}

.tab_stats_b2 {
	background-color:#EBF5FC;
}

#page_contenu li {
   list-style-type: none;
   margin-left:0;
}

sup {
  font-size:8px;
}

.aviso_info {
	background: #FF3;
	padding: 3px;
	border: 1px dotted #CCC;
	text-align: center;
	color: #000;
	font-weight: bold;
}

.erreur {
	width: 100%;
	margin-top: 50px;
	border: 1px solid #CCCCCC;
	padding: 10px;
}
.texte {
	font-size: 11px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
}

.type {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}


table.cadre
{
	background-color: #C5CBD2;
}

tr.titre
{
	background-color: #F0F0F0;
}

tr.cadre
{
	background-color: #FFFFFF;
}

td.cadre
{
	color: #000000;
	font-size: 11px;
	font-weight: normal;
}


.billing_contact {
	border : 1px solid #CCCCCC;
    width: 50%;
    padding:5px;
    margin-left:250px;
}


#menu_gauche {
	width: 100%;
	text-align:center;
	border-top: 2px solid #e1e2e3;
	margin-top: 14px;
	padding-top: 10px;
	padding-bottom:10px;
	margin:auto;
}

#menu_gauche a {
   color: white;
   text-decoration: none;
   font-size:10px;
   font-family: Verdana, Arial, sans-serif;
   background-color: #E6E7F5;
   color:#246088;
   padding: 3px 8px 3px 8px;
   border:1px solid #CCCCCC;
   margin-left:3px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   border-radius : 5px; 
}

#menu_gauche a:hover
{
   color: white;
}

.bouton-formulaire {
	border: 1px solid #999999;
	background-image: url(fond-options.jpg);
	margin-top: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size:11px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius : 5px; 
}

.bouton-formulaire:hover {
	border: 1px solid #333333;
	padding-top: 1px;
	padding-bottom: 1px;
}

.login-formulaire {
	border: 1px solid #999999;
}

.login-formulaire:hover {
	border: 1px solid #000000;
}

.gras {
    font-weight:bold;
}

.listeCommentaireGalerieTH {
	border:1px solid black;
	padding:8px;
	background-color: #246088;
	color:#E6E7F5;
}

.listeCommentaireGalerieTD {
	padding:5px;
}

.commentairesGalerie {
	padding:5px;
	padding-left:30px;
	font-size:11px;
	color:#666666;
	font-style:italic;	
	padding-bottom:15px;
}



 .Navigation {
	 text-align:center;
	 margin-bottom:20px;
	 margin-top:20px;
 }
 
 .Pages { 
	 font-size:12px;
	 padding-top:10px;
	 margin-left:auto;
	 margin-right:auto;
 }
 
 .Pages a,.pageList .this-page {
	 padding:2px 6px;
	 border:solid 1px #ddd;
	 background:#fff;
	 text-decoration:none;
	 color:#666666;
 }
 
 .Pages a:visited {
	 padding:2px 6px;
	 border:solid 1px #ddd;
	 background:#fff;
	 text-decoration:none;
 }
 
 .Pages .debut{
	 margin-right:20px;
	 padding:2px 6px;
	 background:#fff;
	 color:#aaa;
 }
 
 .Pages .Prec {
	 margin-right:20px;
	 padding:2px 6px;
	 border:solid 2px #ddd;
	 background:#fff;
 }
 
 .Pages .break {
	 padding:2px 6px;
	 border:none;
	 background:#fff;
	 text-decoration:none;
 }
  
 .Pages .Suivant {
	 margin-left:20px;
	 padding:2px 6px;
	 border:solid 2px #ddd;
	 background:#fff;
 }
 
 .Pages .fin {
	 margin-left:20px;
	 padding:2px 6px;
	 background:#fff;
	 color:#aaa;
 }
 
 .Pages .bonne-page {
	 padding:2px 6px;
	 border-color:#999;
	 font-weight:bold;
	 font-size:13px;
	 vertical-align:top;
	 background:#fff;
	 color:black;
 }
 
 .Pages a:hover {
	 color:#FFFFFF;
	 background:#666666;
	 border-color:#222222;
	 text-decoration:none;
 }
 
 .Pages div.nbr_images {
	 text-align:center;
	 font:11px/15px Arial,Helvetica;
	 color:#aaa;
	 margin-top:8px;
 }
 
 
#login-box {
background:url(login_bgtile.gif) repeat-x bottom;
border: #ccc solid 1px;
width: 300px;
height: 215px;
margin: 10px auto -1px auto;
padding: 10px 20px 5px 20px;
text-align: left;
}

input {
margin-left: 5px;
background: #e8e8e8;
border: #ccc solid 1px;
}

.input-box {
margin-bottom: 10px;
background: #e8e8e8;
border: #ccc solid 1px;
width:170px;
}


.login2 {
margin-bottom: 10px;font: 14px Georgia, Palatino, serif;font-weight: bold;color: #003366;
}
.login3 {
font: 10px Verdana, Arial, Helvetica, sans-serif;line-height: 1.5em;color: #333333;
}
.login4 {
text-decoration: none; font: 10px Verdana, Arial, Helvetica, sans-serif;line-height: 1.5em;color: #003366;
}
	
#chargementContenuListeFichier {
	width:120px;
	margin:auto;
	text-align:center;
	font-size:10px;
}

.tabOffreTH {
text-align:center;font-size:13px;background-color: #246088;color:#E6E7F5;padding:10px;
}

.tabPrixTD {
background-color: #F9F9F9; text-align:center;padding:10px; color:red; font-weight:bold;
}
	
#anti-ie {
	display:none;
}

#averto-ie {
	display:none;
}

#non_js {
	display: block;
	font-size:16px;
	padding:10px;
	border:1px solid #d6ff3a;
	background-color:#faffec;
	width:800px;
	margin:auto;
	text-align:center;
	margin-bottom:10px;
}
	

#footer {
	width:980px;
	margin:auto;
	margin-top:30px;
	text-align:right;
	padding:10px;
	line-height:1;
	background:none;
	white-space:nowrap;
	margin-bottom:10px;
}

#footer li {
	display:inline;
	padding:0 4px;
}

#footer ul {
	padding:0;
	margin:0;
	float:right;
}

#footer a {
	text-decoration:none;
	color:rgb(0, 132, 180);
}

#footer a:hover {
	font-weight:bold;
}




#news {
	float:left;
	margin-left:40px;
	width:425px;
	margin-top:20px;
}

#news .top{
	width:400px;
	height: 19px;
	padding-left:40px;
	padding-top: 5px;
	font-weight:bold;
	font-size:14px;
	color:#003366;
}

#news .news2 {
	width:390px;
	min-height: 50px;
}

#news .news2 .contenu{
	height: 115px;
	padding: 5px;
	border-right:1px solid #dadada;
}


#news .news2 .contenu a.title{
	padding-left:11px;
	font-size:13px;
	text-decoration:none;
	color:rgb(46, 92, 140);
}

#news .news2 .contenu p{
	font-size:10px;
	color:#8e8e8e;
	margin-bottom:5px;
	margin-left:20px;
}

.page_accueil legend {
	color:#333;
	letter-spacing:1px;
	margin-left:10px;
	border:#ccc solid 1px;
	background-color:#e6f4ff;
	font:bold 15px Verdana, Geneva, sans-serif;
	padding:4px;
}

.page_accueil {
	border-top:#CCC solid 1px;
	border-left:#CCC solid 0;
	border-right:#CCC solid 0;
	border-bottom:#CCC solid 0;
	background:#fff;
	margin:5px 0 0;
	padding:3px;
}

.page_accueil a {
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
}

.page_accueil table {
	margin-top:20px;
}