* html {
  padding:0;
  margin:0;
}

body{
	font-family: arial,verdana,helvetica;
	font-size:11px;
	color:#666666;
	background : #e1dfdf url('../img/bg.jpg') repeat-x;
	text-align: left;
	background-color: #AFAAAA;	
	scrollbar-face-color: #cccccc ;
	scrollbar-track-color: #eeeeee ;
	scrollbar-arrow-color: #ffffff ;
}

#global{
  border:1px solid #d6d3d3;
  width: 990px;
  height:740px;
  margin:0 auto;  
  margin-bottom:120px;
  background: #fefefe url('../img/bg_site.png') repeat-y right;
}

#logo{
  width:241px;
  height:84px;
  background: url('../img/logo.gif') no-repeat;  
  position:relative;
  top:20px;
  left:20px;  
  float:left;  
}

#logo a{
  width:100%;
  height:100%;
  display:block;
}

#client{
  float:right;
  position: relative;
  top:40px;
  right:20px;
}

#bandeau{ 
  width: 512px;
  height: 85px;
  float:left;
  position:relative;
  top:20px;
  left:45px;
}


/***** MENU *****/

#divmenu{
  
}

.menu{
    position:absolute;
    display:block;
    margin:0;
    margin-top:40px;
    padding:0;
    width:990px;
    z-index:40;
    background: #b4b4b4 url('../img/bg_menu.png') repeat-x top;
    
}

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

*+html .menu li ul {
    margin-left:0px;
}

*+html .menu li ul li ul{
    margin-left:124px;
}


*+html .menu li li{
    display:inline;
}
* html .menu li li{
    display:inline;
}

.menu a{
    text-align:center;
    background: #b4b4b4 url('../img/bg_menu.png') repeat-x top;
    color:#fff;
    display:block;
    text-decoration:none;
    padding:2px 0;
    margin:0px;
    font-size:13px;
    font-weight:bold;
    border-right:1px solid #fff;
}
    
.menu a:hover,
.menu a:focus{
    background: #379bcd url('../img/bg_menu.png') repeat-x bottom;
}
 
.menu li li a{
	background : #3399cc;
	margin:0px;
	padding-left:5px;
	font-size:11px;
	text-align: left;
	border:0px ;
	 border-right:1px solid #fff;
	width:118px;
}

.menu li li a:hover{
    background: #2E7E9E;
}

a.linkOver{
    background-color: #eee;
    }

/**** /MENU ****/

/**** /FRAME POUR PAGES AVEC BARRE DE DEFILEMENT ****/
.frame {
width: auto;
height: 370px;
background-color:#ffffff;
overflow: auto;
}

/**** INFOBULLES ****/
.info {
	text-decoration: none;
	font-size: 15px;
	color: #666666;
	background-color: #FFFFFF;
}

a:hover.info {
  text-decoration: none; 
  background: none;
  position:relative;
}
a.info span {display: none;}

a:hover.info span {
  display: inline; 
  position: absolute;  
  top:15px; 
  left:10px; 
  z-index: 20; 
  background: #FFFFFF; 
  color: #333333; 
  border:2px solid #C0C0C0; 
  width:150px; 
  text-align:left;
  font-weight:normal;
  font-size: 11px;
  line-height:10x;
  padding:2px 4px;
  visibility: visible;
 
}

/*** CONTENU ***/

#content{
  width:990px;  
  margin-top:80px;
  left:0;  
}

#content #innercontent{
  width:876px;
  height:490px;
  background: url('../img/vagues.png') no-repeat bottom left;
  float:left;
  
}


#leftcol{
  width:148px;
  float:left;
  padding-top:50px;
}

#leftcol .leftmenu{
  width:140px;
  margin-left:5px;
}

#leftcol .leftmenu ul{
    margin:0;
    padding:0;
}
 
#leftcol .leftmenu li{
    list-style:none;
    width:140px;
}



#leftcol .leftmenu  a{
    text-align:left;
    background: url('../img/bg_leftmenu.png') repeat-y;
    color:#F5F5F5;
    display:block;
    text-decoration:none;
    border-bottom:1px solid #d6d3d3;
    padding:10px;
    font-size:11px;
    font-weight:bold;
}
    
#leftcol .leftmenu  a:hover,
#leftcol .leftmenu  a:focus
{
	background: #f7f6f7;
	color: #3399CC;
}

#leftcol .leftmenu  a.select{
	background: #f7f6f7;
	color: #3399CC; 
} 


#rightcol{
  width:110px;
  height:200px;
  float:left;
}

.bloc_bleu1{
  width:95px;
  padding:3px;
  background: #4CA7D8;  
  color:#FFF;
}

.bloc_bleu1 .titrebb1{
  font-weight:bold;
  text-transform: uppercase;
}

.bloc_bleu1 p{
  margin-top:0;
}


#rightcol #right_coord{
  color: #3399CC;
  position:absolute;
  margin-top:30px;
  font-size:9px;
  width:110px;
}

#content #centercol{
  width:680px;
  height:455px;
  float:left;
  left : 20px;
  margin: 0 auto;
  background : url('../img/bg_content.png') no-repeat;
  padding-left:20px;
  padding-right:20px;
  padding-top:10px;

}

#content #centercol h1{
  font-size:14px;
  color:#3399CC;
  font-weight:bold;
  line-height:20px;
  background: url('../img/title.png') no-repeat left bottom;
}

#content #centercol ul{
  list-style-type: none;
  list-style-image: url('../img/bullet.png');
}

#content #centercol ul li{
  padding-bottom:10px;
}



#content #centercol_accueil{
  width:800px;
  height:440px;
  float:left;
  margin-left:60px;
  padding-top:0px;
  background : url('../img/bg_content_accueil.png') no-repeat;
}

* html #content #centercol_accueil{
  width:800px;
  height:440px;
  float:left;
  margin-left:30px;
  background : url('../img/bg_content_accueil.png') no-repeat;
}



#content #centercol_accueil #left_home{
  width:350px;
  height:200px;
  padding-top:30px;
  padding-left:50px;
  border-right: 2px solid #CCC;
  float:left;
}

#content #centercol_accueil p{
  width:80%;
}


#content #centercol_accueil #right_home{
  width:340px;
  height:200px;
  padding-top:30px;
  padding-left:50px;
  float:left;
}

/*** /CONTENU ***/

/*** /BOUTON ESPACE CLIENTS ***/

a.buttonlien {
	display: block;
	background-image: url(../img/lien_client.png);
	background-repeat: no-repeat;
	width: 118px;
	height: 18px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #3399CC;
	font-size: 13px;
	text-decoration: none;
	text-align: left;
	background-position: center;
	

}
a.buttonlien:link, a.buttonlien:visited {
	color: #3399CC;
	font-size: 13px;
	margin-left: 10px;
	font-weight: bold;
}



/*** FOOTER ***/
#footer{
  margin-top:15px;
}

#footer #lien_contact{
  float:right;
  width:187px;
  text-align: center;
}

#footer #lien_contact #barre{
  width:187px;
  height:12px;
  background : #ada8a8;
}

#footer #lien_contact #onglet{
  width:187px;
  height:12px;
  background : #ada8a8;
}

#footer #lien_footer{
  text-align: center;
  font-size:11px;
}



#footer #copyright{
  width:980px;
  height:14px;
  background: #ada8a8;
  margin-top:25px;
  text-align: right;
  color:#FFF;
  font-weight:bold;
  font-size:10px;
  padding-top:2px;
  padding-bottom:2px;
  padding-right:10px;
 
}

#footer #copyright #left{
  float:left;
  padding-left:10px;

}

#footer #copyright #left #lien_langues{
	
	color:#FFF;
	text-decoration: none;

}

#footer #copyright #lien_ref{
	
	color:#FFF;
	text-decoration: none;

}




/*** /FOOTER ***/

/****/
.clearer{
  clear:both;
}

a{
  color:#3399CC;
  text-decoration: underline;
}

a:hover{
  text-decoration: none;
}

a img{
  border:0;
  text-decoration: none;
}

a.link1{
  background: url('../img/link1.gif') no-repeat left;
  padding-left:15px;
  color:#666666;
  text-decoration: none;
}

a.link1:hover{
  text-decoration: underline;
}

a.link2{
  text-decoration: none;
  color:#666666;
  font-weight:bold;
}

a.link2:hover{
  text-decoration: underline;
}


.titre1{
  color:#3399CC;
  font-weight:bold;
}

.titre2{
  color:#565555;
  font-weight:bold;
  
}

.titre3{
	color:#3399CC;
	font-size:14px;
	font-weight:bold;
	line-height: 30px;
}

.titre4{
	color:#999999;
	font-size:13px;
	font-weight:bold;
	font-style: italic;
	left: 20px;
}
.text_bleu{
  color:#3399CC;
}

.liste_langue{
	font-size:11px;
}

.center{
  text-align: center;
}

.floatright{
  float:right;
  margin-right:15px;
}