/* ===================================================================================================================================================== */
/* CSS ALTIANET HOME PAGE */
/* ===================================================================================================================================================== */


body { 
	background-image:url(../img/fond.png); 
	background-repeat:repeat-x ; 
	background-color:#000000;
	font-family: Verdana, Geneva, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; letter-spacing: normal;
	line-height: normal; text-transform: none; text-decoration: none; text-align: left;
}

a:focus { outline: none; }

#siteweb
	{
	position: relative; 
	width: 977px; top:-8px; 
	margin: 0 auto;
	}
	
div#wrapgen {
	position:relative; float:left;
	left:0px;
	z-index:1;
}

div#soustitre {
	position:absolute;
	left:692px; top:68px;
	font-size:13px;
	color:#3da6e5;
	z-index:1;
}
div#accroche {
	position:absolute;
	left:292px; top:100px;width:800px;
	font-size:20px; text-transform: uppercase; font-weight: normal; letter-spacing: 1px;
	color:#ffffff;
	z-index:10;
}
#accroche .highlight {color:#c7ff00; font-weight: bold; border: solid 1px #c7ff00; padding:2px;}

div#sousaccroche1 {
	position:absolute;
	left:320px; top:150px;
	font-size:12px; text-transform: uppercase; font-weight: normal; letter-spacing: 1px;
	color:#ffffff;
	z-index:10;
}
div#sousaccroche2 {
	position:absolute;
	left:340px; top:185px;
	font-size:12px; text-transform: uppercase; font-weight: normal; letter-spacing: 1px;
	color:#ffffff;
	z-index:10;
}
div#sousaccroche3 {
	position:absolute;
	left:360px; top:220px;
	font-size:12px; text-transform: uppercase; font-weight: normal; letter-spacing: 1px;
	color:#ffffff;
	z-index:10;
}

div#phone {
	position:absolute;
	left:773px; top:267px;
	font-size:13px; font-weight: normal; text-align:center; line-height:22px;
	color:#FFFFFF;
	z-index:1;
}
div#wraptop {
	position:relative; float:left;
	left:0px; width:977px; height:349px;  
	background: url(../img/entete2.png) no-repeat ; 
	z-index:1;
}
div#surmain {
	position:relative; float:left;
	width:959px; 
	margin-right:18px;
	background-color:#000000;
	z-index:1;
}
div#main {
	position:relative; float:left;
	width:959px; 
	background: url(../img/stripe.png)  repeat ; 
	z-index:1;
}
div#left {
	position:relative; float:left;
	width:721px; 
	padding: 0px 10px 0px 10px;
	background-color:#e2e2e2;
	font-size:11px; color:#404040; text-align:justify;
	z-index:1;
}
#left Li { margin:0px 0px 10px -20px; color:#033655;}
#left ul { list-style-type: none; text-align:left;} 

div#blocup {
	position:relative; float:left;
	width:220px; height: 335px;
	padding: 10px 10px 10px 10px;
	margin: 0px 10px 10px 0px;
	border: solid 3px #ffffff;
	-moz-border-radius: 8px;
  	-webkit-border-radius: 8px;
	color:#c7ff00; 	font-size:12px; text-align:left;
	background: url(../img/fdblocup.gif) no-repeat center center ; 
	background-color:#09293d;
	z-index:1;
}
#blocup .lettrine { font-size:22px; font-weight: bolder; letter-spacing: 1px; }
#blocup .highlight { color:#ffffff; }
#blocup p { margin: 0px 0px 30px 0px; }

div#vertbloccontent { position:relative; float:left; border-right: solid 1px #ffffff; padding: 5px;}

div#vertbloctechno {
	position:relative; float:left;
	width:212px; 
	padding: 5px;
	margin: 10px 20px 10px 0px;
	font-size:11px; text-align:left;
	z-index:1;
}


div#vertbloctitretechno {
	position:relative; float:left;
	width:200px; height:15px;
	padding: 5px ;
	margin: 0px 0px 10px 0px;
	border: solid 1px #ffffff;
	-moz-border-radius: 8px;
  	-webkit-border-radius: 8px;
	font-size:11px; text-align:left;
/*	background-color:#ff6d6d; */
	z-index:1;
}

div#vertblocexpert {
	position:relative; float:left;
	width:212px; 
	padding: 5px;
	margin: 10px 20px 10px 0px;
	font-size:11px; text-align:left;
	z-index:1;
}
div#vertbloctitreexpert {
	position:relative; float:left;
	width:200px; height:15px;
	padding: 5px ;
	margin: 0px 0px 10px 0px;
	border: solid 1px #ffffff;
	-moz-border-radius: 8px;
  	-webkit-border-radius: 8px;
	font-size:11px; text-align:left;
/*	background-color:#abff9d; */
	z-index:1;
}

div#vertblocsol {
	position:relative; float:left;
	width:212px; 
	padding: 5px;
	margin: 10px 0px 10px 0px;
	font-size:11px; text-align:left;
	z-index:1;
}
div#vertbloctitresol {
	position:relative; float:left;
	width:200px; height:15px;
	padding: 5px ;
	margin: 0px 0px 10px 0px;
	border: solid 1px #ffffff;
	-moz-border-radius: 8px;
  	-webkit-border-radius: 8px;
	font-size:11px; text-align:left;
/*	background-color:#9b9dff; */
	z-index:1;
}
div#right {
	position:relative; float:right;
	width:218px; height: 107px; /*187*/
	background: url(../img/colrighttrav.png) no-repeat left top; 
/*	background-color:#000000;*/
	z-index:1;
}

div#reference {
	position:absolute; 
	top:0px; /*240*/ left:0px; width:198px; 
	padding: 10px; 
	color:#c7ff00; line-height:18px;
	z-index:2;
}
#reference .highlight { /*background-color:#666666;*/ color:#ffffff;}


.clear {
	clear:both;
	height: 0;
	line-height: 0;
	overflow: hidden;
	float:left;
}

div#leftbottom {
	position:relative; float:left;
	width:706px; height:61px;
	padding: 0px 10px 0px 10px;
	background-color:#e2e2e2;
	color:#808080; text-align:justify;
	z-index:1;
}
#leftbottom .highlight { color:#000000; }

div#righttbottom {
	position:relative; float:left;
	width:233px; height:61px;
	background: url(../img/colrigtbottom.png) no-repeat left top; 
	z-index:1;
}

div#footer {
	position:relative; float:left;
	width:949px; height:62px;
	padding: 40px 0px 10px 10px;
	background: url(../img/footer1.png) no-repeat left top; 
	color:#0b5787;
	z-index:1;
}
#footer a, visited  { text-decoration: none; color: white;}
#footer a:hover { text-decoration: underline; color: white;}
#footer .olg { color: black;}

div#contact {
	position:absolute;
	left:783px; top:5px;
	font-size:10px; text-align:right;
	color:#FFFFFF;
	z-index:1;
}