body {
	background-color:#505050;
	width :100%;
	padding: 0 0 0 0;
	border:0px;
	z-index:1;
	margin: 0 auto;
	/*height: 700px;*/
	scrollbar-face-color: #505050 ;
	scrollbar-track-color: #696868 ;
	scrollbar-arrow-color: #2D2D2D ;
	scrollbar-shadow-color: #505050 ;
	scrollbar-highlight-color: #797979 ;
	scrollbar-3dlight-color: #525252 ;
	scrollbar-darkshadow-color: #3E3E3E ;
	}
				 	
.ville {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#505050;
	background:url(images/fond_urbain2.gif) repeat-x;
	width :100%;
	height: 477px; 
	position:absolute; 
	bottom:120px;
	z-index:2;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.contenu{
	width:735px; 
	height:372px; 
	background-color:#3F3F3F;
	filter: alpha(opacity=50) top:15px;
	opacity:0.5;
	position: absolute;
	top:75px;
	left: 250px;
	z-index:10;
	}
.fond_service{
	/*background-color:#B7DE10;*/
	width:700px; 
	height:372px; 
	background:url(images/fond_test.gif) repeat-x;
	filter: alpha(opacity=5) top:15px;
	opacity:0.05;
	position: absolute;
	top:75px;
	left: 280px;
	z-index:11;}
	
.contenu_vert{
	/*width:700px; 
	//height:372px; 
	background-color:#B7DE10;
	filter: alpha(opacity=50) top:15px;
	filter: alpha(opacity=50); 
	opacity:0.25;
	position: absolute;
	top:75px;
	left: 250px;
	z-index:11;*/
	}

table {
    margin-left:auto;
    margin-right:auto;
    }
/* **********************************************************************************************************************************************************
	Définitions de tous les backgrounds affichés de façon aléatoire   
	lié avec <div id="fond" class="b<?php echo rand(1, 5);?>"> dans le fichier html 
********************************************************************************************************************************************************** */

#fond {background-image:url("images/fond/'<?php echo rand(7, 7);?>'.png"); }
#fond.b1 {background:url(images/fond/1.png);background-repeat: no-repeat;background-color:#3F3F3F;}
#fond.b2 {background:url(images/fond/2.png);background-repeat: no-repeat;background-color:#3F3F3F;}
#fond.b3 {background:url(images/fond/3.png);background-repeat: no-repeat;background-color:#3F3F3F;}
#fond.b4 {background:url(images/fond/4.png);background-repeat: no-repeat;background-color:#3F3F3F;}
#fond.b5 {background:url(images/fond/5.png);background-repeat: no-repeat;background-color:#3F3F3F;}
#fond.b6 {background:url(images/fond/6.png);background-repeat: no-repeat;background-color:#3F3F3F;}
#fond.b78 {background:url(images/fond/7.gif);background-repeat: no-repeat;background-color:#3F3F3F; position:absolute;background-repeat: no-repeat;background-position: center bottom;background-color:#3F3F3F; z-index:1;}
#fond.b7 {background:url(images/fond/7.gif);background-repeat: no-repeat; position:absolute;background-position: center bottom; z-index:1;}

#ville {background-color:#505050;background:url(images/fond/9.gif);background-repeat: no-repeat; position:absolute;background-position: center bottom; z-index:2;}


/* **********************************************************************************************************************************************************
// 				LES MENUS
********************************************************************************************************************************************************** */


.invisible {/*  Sert à ne pas afficher le texte de la balise a.... aide au référencement dans le cas d'un menu en image */
	display:none;
	visibility:hidden;} 

.menu  { 
	position: relative;
	margin: 0 auto;
	top:10px;
	z-index:98; 
	}

#menu_entreprise  a {display:block;width:115px;height:30px; background:url('images/menu/entreprise_fr.gif') no-repeat 0 0; }
#menu_entreprise  a:hover { background:url('images/menu/entreprise_fr_over.gif') no-repeat 0 0;}

#menu_equipe a {display:block;width:75px;height:30px; background:url('images/menu/equipe_fr.gif') no-repeat 0 0;  }
#menu_equipe a:hover { background:url('images/menu/equipe_fr_over.gif') no-repeat 0 0;}

#menu_services a { display:block; width:90px;height:30px; background:url('images/menu/services_fr.gif') no-repeat 0 0;position:relative;}
#menu_services a:hover { background:url('images/menu/services_fr_over.gif') no-repeat 0 0;}

#menu_tarifs a { display:block; width:75px;height:30px; background:url('images/menu/tarifs_fr.gif') no-repeat 0 0;position:relative}
#menu_tarifs a:hover { background:url('images/menu/tarifs_fr_over.gif') no-repeat 0 0; }

#menu_contact a { display:block; width:160px;height:30px; background:url('images/menu/contact_fr.gif') no-repeat 0 0;position:relative;}
#menu_contact a:hover { background:url('images/menu/contact_fr_over.gif') no-repeat 0 0; }

.langue{
	position: relative;
	top:5px;
	margin: 0 auto; 
	color:#B7DE10;
	width:800px;
	text-align:right;
	font-family: "Eurostile", arial, "lucida console", sans-serif;
	z-index:99; 
	vertical-align:top;
	
	}
.langue a{
	color:#B7DE10;
	text-decoration:none;
	vertical-align:top;
	}
.langue a:hover{
	color:#252525;
	}
/* **********************************************************************************************************************************************************
// 			Le contenu
********************************************************************************************************************************************************** */

.fond{
	width:100%;
	z-index:5; 
	margin: 0 auto;
}
.item{
	width:735px; 
	height:372px; 
	position: absolute;
	top:75px;
	left: 250px;
	z-index:90;
	}
.item_contact{
	width:735px; 
	height:372px; 
	position: absolute;
	top:60px;
	left: 250px;
	z-index:90;
	}
.item_service{
	width:700px; 
	height:372px; 
	position: absolute;
	top:35px;
	left: 250px;
	z-index:95;
	}		
.formulaire_contact{
	width:735px;  
	height:350px; 
	position: absolute;
	top:30px;
	left: 0px;
	z-index:90;
	/*font-size:90%;*/
	}
.icones{
	width:200px;  
	height:20px;
	position: relative;
	left: 775px;
	top:-20px;
	/*top:2px;*/
	/*float:right;*/
	z-index:99;
	margin: auto 0;
	/*padding: 2px 2px 2px 2px;
	border:1px;*/
	}
.plugoo{
	width:160px; 
	height:370px; 
	position: absolute;
	left: 0px;
	top:85px;
	z-index:95;
	font-size:80%;
	}	
.skype{
	width:160px; 
	height:65px; 
	position: absolute;
	top:0px;
	left: 0px;
	z-index:95;
	font-size:80%;


	}
.mot_vert{	color:#B7DE10;}	
	

.echo{
margin: 50px 50px 50px 50px ;
color:#ffffff;
width:530 px;
position: absolute;
top:0px;
left: 240px;
}

.image_mail{
padding-top: 50px;
padding-left:100px;
top:120px;
left: 350px;
width:100 px;
height: 100px;
}
.image_mail_erreur{
padding-top: 30px;
padding-left:60px;
top:100px;
left: 250px;
width:224 px;
height: 253px;
}


/*****************************************************************************************************************************************************
// 				SECTION SERVICES
******************************************************************************************************************************************************/
.service{	
	position: absolute;
	margin: 0 auto;
	top:0px;
	z-index:98; }
	
#traduction  a {position: absolute;display:block ;width:550px;height:171px; background:url('images/services/traduction_fr.gif') no-repeat 0 0; ;top:50px; left:80px;}
#traduction  a:hover { background:url('images/services/traduction_fr_over.gif') no-repeat 0 0;}

#adaptation a { position: absolute;display:block; width:150px;height:60px;background:url('images/services/adaptation_fr.gif') no-repeat 0 0;top:90px;left:360px;}
#adaptation a:hover {   background:url('images/services/adaptation_fr_over.gif') no-repeat 0; }

#correction a { position: absolute; display:block ;width:250px;height:70px; background:url('images/services/correction_fr.gif') no-repeat 0 0;  top:230px;left:100px;}
#correction a:hover {   background:url('images/services/correction_fr_over.gif') no-repeat 0;}	
	
#revision a {position: absolute;display:block ;width:200px;height:75px; background:url('images/services/revision_fr.gif') no-repeat 0 0;top:240px; left:405px;}
#revision a:hover {   background:url('images/services/revision_fr_over.gif') no-repeat 0 ;}



/*****************************************************************************************************************************************************
// 				FORMULAIRE DE CONTACT
********************************************************************************************************************************************************** */
.font-blanc{color:#ffffff;z-index:99;}
form {
/*background-color:#505050;*/
padding:10px;
/*width:350px;*/
font-size:90%;
font-family:"Eurostile", "trebuchet ms",sans-serif;
color:#ffffff;
z-index:90; 

   
}
fieldset {
padding:10px;
margin-bottom:10px;
color:#ffffff;
z-index:90; 
}
legend {
color:#ffffff;
font-weight:bold;
color:#ffffff;
z-index:90; 
}
label 
{ /* Alignement des champs du formulaire de contact */
     display:block;
     width:100%;
     float:left;
	z-index:90; 
}
label2 {
margin-top:7px;
display:block;
font-size:80%;
color:#ffffff;
float:left;
z-index:90; 
}
label.inline {
display:inline;
color:#ffffff;
z-index:90; 
}
input {
border:1px solid black;
background-color:#505050;
font-family:"trebuchet ms",sans-serif;
color:#ffffff;
z-index:90; 
}
input[type=radio] {
margin-right:50px;
background-color:transparent;
border:none;
color:#ffffff;
z-index:90; 
}
select, option {
background-color:#505050;
font-family:"trebuchet ms",sans-serif;
color:#ffffff;
z-index:90;  
}
textarea {
border:1px solid black;
background-color:#505050;
font-family:"trebuchet ms",sans-serif;
color:#ffffff;
z-index:90; 
}


/*****************************************************************************************************************************************************
// 				LE PIED DE PAGE
********************************************************************************************************************************************************** */

#footer { 
	width:100%;
	height:120px; 
	position: absolute;
	bottom: 0px;
	background-color:#3f3f3f; /*3f3f3f; /*6C7A2F; /* la même couleur que l'image de fond, afin de pouvoir agrandir le footer */
	z-index:40;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align:center;
	vertical-align:bottom;
	}
#footer a{
	color:#252525;
	text-decoration: none;	vertical-align:bottom;
	}
#footer a:hover{
	color:#C8C6C6;	vertical-align:bottom;
	}
#footer .wt{
	font-size:x-small;
	color:#252525;	vertical-align:bottom;
	}		
#footer .warning{
	font-size:xx-small;
	color:#252525;	vertical-align:bottom;
	}