body { 
    padding: 0; 
    margin: auto; 
    font: 0.7em Arial, sans-serif; 
    line-height: 1.5em; 
    background: #EEEEEE;
    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;
}

.lienOffreD {
	font-size:16px;
	height: 17px;
	color:#3F5070;
    width:40%;
    font-weight:bold;
    text-decoration:none;
}


.logo {
	font-size:25px;
	height: 19px;
	border-bottom:1px solid #C5CBD2;
	color:#000000;
	margin-left:10px;
}

.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:30%; text-align:center;}
p {	margin: 0 0 0px 0; line-height: 1.5em; }
form { margin: 0; }
input.submit { border: none; background: #454545; color: #FFF; }
input { border: 1px solid #999999; background: #E6E7F5; color: #333333; font-size:0.8em; }
textarea { border: 1px solid #999999; background: #E6E7F5; color: #333333; }



#m
{
    margin-bottom: 5px;
    border: 1px solid #CCCCCC;
    padding:1px;
    font-size:1em;
}


#m a
{   
   text-decoration: none;
   display : block;
   padding:1px;
   padding-left:5px;
   font-size:1.1em;
}

#m a:hover
{
   color: #000000;
   background-color: #E6E7F5;
}



.men
{
    border:1px solid #D8D8D8;
    padding:1px;
    font-size:1em;
    background: #FFFFFF;
}


.men a
{   
   text-decoration: none;
   display : block;
   padding:1px;
   padding-left:5px;
   font-size:1.1em;   
}

.men a:hover
{
   color: #000000;
   background-color: #E6E7F5;
}

.haut_men
{
    text-align: center;
    font-weight: bold;
    margin: 1px;
    background-color: #246088;
    color:#E6E7F5;
    font-size:12px;
    width:140px;
    margin:auto;
}

.haut_men a
{   
    color:#E6E7F5; 
}

.espaceMenu {
	margin-bottom: 15px;
}

#haut_menu
{
    text-align: center;
    font-weight: bold;
    border: 1px solid #CCCCCC;
    margin: 1px;
    margin-bottom: 6px;
    padding: 2px;
    background-color: #E6E7F5;
    color:#246088;
    font-size:11px;
}



/* layout
   ------ */

.content { 
	margin: auto;
	margin-top:5px;
	width: 978px;
	color: rgb(51,51,51);    
    padding-top:4px;
    padding-bottom:20px;
    background-color: rgb(245,245,245);
    border:1px solid #B3B3B3;   
}

.logo {	padding: 18px 0 0 3px; }

/* header */
.header_top { background: #FEFEFE url(big_top.gif) no-repeat; color: #FFF; height: 15px; }
.header { margin-bottom:1px; margin-top:1px; text-align:left; border:1px solid #B3B3B3; width: 980px; height:75px; margin: auto; background: #F0F0F0;}
.header_bottom { clear: both; }


#head {
   background: url(logo2.png) no-repeat;

   border: 1px solid #CCCCCC; 

   text-align: right;
   padding: 80px 10px 3px 0;
   margin-top:3px;
}

#head a {
   margin-left: 7px;
   color: #246088;
   font-weight: bold;
   text-decoration: none;
   background:none;
   font-size:13px;
}

#head a:hover, #menutop a:hover {
  position: relative;
  top : 1px;
  color: #FFFFFF;
  background-color:#000000;
}

#menutop {
  background: url(menu.png) no-repeat;
  padding: 2px 0 0px 10px;
  margin:auto;
  margin-bottom:8px;
  border-left: 1px solid #CCC;
  height:23px;
  vertical-align:middle;
}

#menutop a {
   margin-left: 5px;
   color: #246088;
   font-weight: bold;
   text-decoration: none;
   font-size: 90%;
}


#menutop form {
  margin: 0 !important; padding: 0 !important;
}

#menutop input, #menutop select {
  font-size: 10px;
}


.pub_bas { margin-bottom:5px; text-align:center; border-top:1px solid #CCCCCC;padding-top:10px;padding-bottom:6px; width: 1000px; margin: auto; background: #FFFFFF; }
    


    
/* navigation */
#nav { width:100%; float:left; }
#nav ul { margin:0; list-style:none; padding: 0; }
#nav a, #nav strong, #nav span { float:left; display:block; color:#fff; padding: 7px 20px 4px 10px; background: #C43219 url(nav.gif) no-repeat 100% 0px; text-decoration:none; font-weight: bold; }
#nav a { float:none; }
#nav li { float:left; color: #FFF; background: #C43219 url(nav.gif) no-repeat 0px 0px; margin:0; padding:0 0 0 9px; }
#nav #current { background: #1995C2 url(nav.gif) no-repeat 0 -41px; color: #FFF; }
#nav #current a { background: #1995C2 url(nav.gif) no-repeat 100% -41px; padding:7px 20px 4px 11px; color:#FFF; }
#nav a:hover { color:#BFE1ED; background: #C43219 url(nav.gif) no-repeat 100% 0px; }   


.sf {
	height: 77px;
	background: #5BB2D1 url(logobg.gif) repeat-x; 
	color: #FFF;
	border-top: 1px solid #137DA2;
	border-bottom: 1px solid #000;
	padding: 2px 0 0px 1px;
}

	
.subheader {
	padding: 8px;
	background: #f0f0f0;
	color: #808080;
	text-align:center;
}

/* left side
   --------- */

.left {
width: 978px;
}

	.box_top {
		background: #F0F0F0 url(leftbox_top.gif) no-repeat;
		color: #808080;
		height: 40px;
		width: 159px;
	}
	
	.box_top h2 {
		color: #808080;
		background: inherit;
		padding: 7px 0 0 5px;
		margin: 0;
	}
	
	.box {		
		padding: 2px 0 0 2px;
		margin: 0;		
		color: #595959;

	}
	
	.box_bottom {		
		color: #000;
		height: 13px;
		width: 140px;
		margin: 0 0 7px 0;
	}
	
/* left and central column */
.left_side { 
    float: left; 
    width: 155px; 
    padding: 5px 1px 5px 7px; 
}

.right_side { 
    float: right; 
    width: 770px; 
    padding: 10px; 
    text-align: justify; 
    font-size:1.1em; 
    border:1px solid #B3B3B3;
    background: #FFFFFF;
    margin-right:10px;
    min-height:300px;
}

		.article { padding: 0 5px 0 0px; margin-bottom: 20px; }
		
	.grey_top { clear: both; width: 500px; background: #EDEDED url(grey_top.gif) no-repeat; color: #000; height: 5px; padding: 0; margin: 0px 0 0 6px; }
	.grey { width: 480px; margin: 0 0 0 6px; padding: 10px; background: #EDEDED url(grey_bottom.gif) no-repeat bottom left; color: #808080;	}
		
	.grey a {
		color: #C83C3C;
		background: inherit;
		font-weight: bold;
	}
	
	.grey a:hover {
		color: #000;
		background: #EDEDED;
	}
	
	.highlight {
		padding: 5px 3px 5px 3px;
		margin: 0 0 3px 0;
		border-bottom: 1px solid #ccc;
	}
	
		
/* right side
   ---------- */
		
.right { float: right; width: 170px; margin: 0 0 10px 0;}
		
#floatimg { float: left; margin: 0 9px 3px 0; }

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	color: #808080;
}
.footer p {	line-height: 2em; }
.footer a {	color: #4F4F4F; background: #f0f0f0; border-bottom: 1px dotted #808080; text-decoration: none; } 

.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;	
	}
	

	
.left_box {
		background: #f4f4f4;
		color: #000;
		border: 1px solid #ccc;
		padding: 10px;
		text-align:left;
}
	
div.pub { margin-left:20px; float: right; }
div.pubg { margin-right:20px; float: left; }

.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;
}


li {
   list-style-type: disc;
   margin-left:5px;
}

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;
}

#menu_gauche a:hover
{
   color: white;
   background: url("http://www.archive-host.com/images/fondhaut.jpg") 0px -21px;
}



#news-comm { width:55%; }
#news-comm .news-comm-contenu{background-color:#F6F7F8;}
#news-comm .commentaire{border:1px solid #EBEDEE; padding-left:3px; padding-right:3px;}
#news-comm .commentaire .items .entete{background-color:#EBEDEE; padding:2px; font-weight:bold; font-size:8pt; margin-top:3px; margin-bottom:2px;}
#news-comm .commentaire .items .texte{font-size:8pt; padding:5px;}
.vide{font-size: 0;  padding: 0px; margin: 0px; height: 1px;}

.fondbleu {
background-color:#EBEDEE;
}

.titre_news1 {  
    font-family: Arial; 
    font-size: 12px; 
    color:#000000;
    text-decoration: none;
    padding-bottom:5px;
}

.titre_news2 {  
    font-family: Arial; 
    font-size: 12px; 
    color:#FF0000;
    text-decoration: none;
    padding-bottom:5px;
}

.bouton-formulaire {
	border: 1px solid #999999;
	background-image: url(fond-options.jpg);
	margin-top: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size:10px;
}

.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:11x;
	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-image: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;
}


#listeFichierArbo {
	border: #ccc solid 1px;
	float:right;
	width:60%;
	height:500px;
	padding:5px;
	overflow:auto;
}


#listeRepertoireArbo {
	border: #ccc solid 1px;
	width:35%;
	height:500px;
	padding:5px;
	overflow:auto;
}

.titreDossierArbo {
	font-weight:bold;
	font-size:14px;
	color:#0E4D8B; 
	cursor:pointer;
}	

.titreSousDossierArbo {
	font-size:13px;
	color:#0E4D8B; 
	cursor:pointer;
	margin-bottom:10px;
	margin-top:5px;
	padding-left:20px;
	background:url(dossier.png) no-repeat left;
}	
	
.sousRepertoire {
	margin-left:20px;
}
	
#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;
}