@import url("reset.css");

body {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#646464;
}
#body{
	background: #b4c045 url(/images/bgBody.jpg) center top repeat-x;
}

.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}

a:link {color:#a9b344;}
a:visited {color:#a9b344;}
a:hover {color:#a9b344;text-decoration:none;}
a:active {color:#a9b344;}

#email2, #website2{display:none;}

h1 {
font-family:Verdana, Geneva, sans-serif;
font-size:18px;
color:#a9b344;
text-transform:uppercase;
margin-bottom:20px;
}

h2 {
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
color:#a9b344;
margin-bottom:15px;
font-weight:bold;
}

h3 {
font-family:Verdana, Geneva, sans-serif;
font-size:18px;
color:#a9b344;
margin-bottom:15px;
text-align:center;
}

h3 span{
font-size:18px;
text-transform:uppercase;
}

h4 {
text-align:center;
font-family:Verdana, Geneva, sans-serif;
font-size:15px;
color:#a9b344;
margin-bottom:15px;
}

h4 span{
font-size:18px;
text-transform:uppercase;
}

h5 {
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color:#a9b344;
margin-bottom:15px;
text-align:center;
}
h5 span{
font-size:18px;
text-transform:uppercase;
}

h6 {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
color:#646464;
margin-bottom:15px;
}

p {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#646464;
line-height:18px;
padding-bottom:20px;
text-align:justify;
}

p span{
font-size:14px;
color:#858d32;
}
p i span{
color:#a9b344;
font-weight:bold;
}

#contentLeft ul {padding-bottom:10px;padding-left:30px; list-style: disc url(/images/bullet.gif);}

#contentLeft  ol{list-style: decimal; padding-bottom:0px;padding-left:30px;}

ul li span{
font-family:Verdana, Geneva, sans-serif;
font-size:15px;
color:#a9b344;
}

ol li{
padding-bottom:4px;	font-size:12px;color:#858d32; 
}

ol li span {color: #646464;}

#contentLeft ul li{
padding-bottom:4px;font-size:12px;
}

li {
color:#646464;
}

#page {
width: 998px;
margin: 0 auto;
background:url(/images/bgPage.jpg);
}

/* Header
--------------------------------------------------------------------------------------- */

#header {
width:998px;
background:url(/images/bgHeader.jpg) no-repeat;
position:relative;
padding-top:336px;
padding-bottom: 106px;
}

#titrePrint{
display:none;	
}
#logoPrint{
display:none;	
}

#logo{
position:absolute;top:24px;left:62px;	
}

#nav{
position:absolute;	
left:54px;
top:247px;
margin:0px;
padding:0px;
}
#nav li{
float:left;	
list-style:none;
padding:0px;
}



#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	margin:0px;
	top:66px;
	border-top:2px solid #fff;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul a{
display:block;
padding:7px;
padding-left:35px;
width:175px;
background:#525051 url(/images/bgSousMenu.jpg) left top no-repeat;
border:1px solid #fff;
border-top:0px;
text-decoration:none;
color:#fff;
font-size:12px;

}
#nav li ul a:hover{
background:#423f41 url(/images/bgSousMenu_hov.jpg) left top no-repeat;
border-left:1px solid #d2dd81;
border-bottom:1px solid #d2dd81;
color:#d2dd81;
}

#nav a {background: url(/images/target.gif) 0 22px no-repeat; color: #fff; display: block; font-size: 17px; text-transform: uppercase; text-decoration: none; padding: 26px 35px 23px 32px;}
#nav a:hover {color:#d2dd81;}
#nav a.selected {color:#d2dd81;}




#teasers{
float:right;
width:296px;
padding-right:42px;
padding-top:15px;
}
#teasers img{
margin-bottom:15px;	
}


#transfert label{
display:block;
float:left;
width:140px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#646464;
padding-top:4px;
}
#transfert div{
clear:left;	
padding-bottom:4px;
}

#transfert input{
background:url(/images/bgInput.jpg) left repeat-y;
width:220px;
padding-left:9px;
padding-top:2px;
height:18px;
border:1px solid #cdcdcd;
}

.realisationn{
border:2px solid #5e9d06;
margin:0 3px 10px 0;
width:130px;
padding:3px;
background:#fff;
}

a:hover img.realisationn{
border:2px solid #42631a;	
}


/* Content
--------------------------------------------------------------------------------------- */

#content {

}

#main {background:url(/images/bgMain.jpg) no-repeat;}


#contentLeft{
width:593px;
float:right;
padding-top:0px;
margin-right:20px;
}



#contentFooter{
clear:both;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#231f20;
text-align:center;
padding:10px;
}

#contentFooter a{
text-decoration:none;
color:#231f20;
}

#contentFooter a:hover{
color:#000;
text-decoration:underline;
}

#commande{
margin-bottom:20px;	
}
#commande div{
clear:left;
font-size:12px;
padding:5px;
}

#commande label{
display:block;
float:left;
width:230px;
padding-top:3px;
}

#commande input{
width:200px;
}

#commande div.alt{
background:#f2f2f2;	
}

#commande .radio input{
width:auto;	
}
#commande .inputSmaller input{
width:50px;	
}

#commande span{
color:#a9b344;
font-weight:bold;
font-size:14px;
}




/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
clear: both;
background:#231f20;
padding-bottom: 20px;
}

#footer2{
width:930px;
margin:0 auto;
}

#footer2 p{
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#fff;
padding-top:10px;
}

#HDP{
float:right;	
}

#footer a{
color:#fff;
text-decoration:none;
}
#footer a:hover{
text-decoration:none;
color:#a9b344;

}




/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #f0f0f0;}

.altSpecial{
background:url(../images/bg_news.gif) no-repeat top right;
background-color:#525051;
float:left;
height:181px;
width:600px;
}
.altSpecial img{
float:left;
height:181px;
}

.altSpecial p{
float:left;
padding:10px;
color:#fff;
width:286px;
font-weight:normal;
text-align:justify;
}

.altSpecial strong {text-transform: uppercase;}

#contentLeft ul#news{
	padding:0;
	margin:0;
}
#contentLeft ul#news li{
	margin:5px 10px 10px 0; 
	float:left; 
	list-style:none;
}
#contentLeft ul#news li a{	
	display:block;
	background-color:#7f7f7f;
	width:24px;
	height:24px;
}
	#contentLeft ul#news li a:hover{	
		background:#a9b344;
	}

.vert{color:#a9b344;}

#footer p a.icons{
	float: left;
	width: 100px;
	height: 50px;
	background: url(/adnbase/adn-icons.png) 0px -50px no-repeat;
	/*filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;*/
}
#footer p a.icons:hover{
	/*filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;*/
}
#footer p a.genome{background-position: -100px -50px;}
#footer p a.host{background-position: -200px -50px;}