/***********/
/* Général */
/***********/

html
{	overflow: scroll;
	height: 100%;
	width: 100%;
}

body
{	width: 100%;					
	margin: 0px;
	padding: 0px;

	background: url(../pictures/page/fond.jpg) repeat-x;
	background-color: #7892B2;

	text-align: center; /* pour corriger le bug de centrage IE */
	font-family: Arial, Verdana;
	font-size: 12px;
} 

img 
{	border: 0px;
}

a {color: black; text-decoration: none;}

a:hover {color: steelblue;}

td
{	font-family: Arial, Verdana;
	font-size: 12px;
}

.references hr 
{	color: plum;
	background-color: plum;
	height: 1px;
	border: 0;
} 

.references_item
{	margin-top: 20px;
}

.hidden 
{	display: none;	
}

.droite
{	text-align: right;
}

#page
{	/*position: absolute;
	top: 500px;
	text-align: left;	  
	border: 1px dashed;
	*/
	
}

#debug
{	position: absolute;
	top: 0px;
	left: 50px;
	font-weight: bold;
	color: red;
}

/***********/
/* Bandeau */
/***********/
#header
{	
}

#blue_informatique
{	position: absolute;
	top: 0px;
	left: 311px;
}

#recherche
{	display: none;
	position: absolute;
	float: left;
	left: 64px;
	top: 0px;	 
	width: 180px;
	height: 37px;
	background: url(../pictures/recherche.jpg) no-repeat;
}					  

#form_recherche
{	margin: 0px;
	padding: 0px;
	width: 180px;
	height: 37px;
}				 

#words
{	position: absolute;
	top: 10px;
	left: 18px;
	width: 130px;
	border: 0px;	
	font-family: Verdana;
	font-size: 11px; 
	color: #678CAE;
	
}

/********/
/* Menu */
/********/
#menu_accueil, #menu_accueil_over
{	position: absolute;
	top: 203px;
	left: 0px;
	width: 171px;
	height: 55px;
	z-index: 101;
}

#menu_blue, #menu_blue_over
{	position: absolute;
	top: 203px;
	left: 181px;
	width: 120px;
	height: 55px;
	z-index: 102;
}

#menu_references, #menu_references_over
{	position: absolute;
	top: 203px;
	left: 311px;
	width: 120px;			
	height: 55px;
	z-index: 103;
}

#menu_savoir_faire, #menu_savoir_faire_over
{	position: absolute;
	top: 203px;
	left: 441px;
	width: 121px;
	height: 168px;
	z-index: 104;
}

#menu_savoir_faire ul, #menu_savoir_faire_over ul
{	position: absolute;
	top: 55px;
	left: 0px;
	width: 121px;
	text-align: left;
	margin: 0px 0px 0px 7px;	 
	padding: 0px;
	display: block;
	list-style: none;
}

#menu_savoir_faire li, #menu_savoir_faire_over li
{	width: 107px;
	line-height: 28px;
	text-align: center;
	
}

#menu_savoir_faire li a, #menu_savoir_faire_over li a
{	font-family: Trebuchet MS, Arial;
	font-size: 11px;
	color: white;
}

#menu_savoir_faire li a:hover, #menu_savoir_faire_over li a:hover
{	font-family: Trebuchet MS, Arial;
	font-size: 11px;
	color: white; 
	font-weight: bold;
}

#menu_partenaires, #menu_partenaires_over
{	position: absolute;
	top: 0px;
	left: 572px;
	width: 120px;
	height: 257px;
	z-index: 105;
}

#menu_contacts, #menu_contacts_over
{	position: absolute;
	top: 267px;
	left: 572px;
	width: 120px;
	height: 55px;
	z-index: 106;
}


 

/**********************/
/* Contenu de la page */ 
/**********************/ 
#page
{	position: absolute;
	top: 262px;
	left: 0px; 							   
	width: 800px;
	text-align: left;	 
}

#wrapper
{	position: relative;
	top: -30px;
	_top: 0px;
	left: 104px;
	width: 729px;										   
	_height: 382px;
	min-height: 382px;
	background: url(../pictures/page/header_page.jpg) no-repeat;	 
	text-align: left;
}

#page_titre
{	position: relative;
	top: 30px;
	width: 270px;
	margin-top: 30px;
	_margin-top: 0px;
	margin-left: 30px;
	margin-bottom: 20px;
	font-family: Arial Black, Verdana;
	font-size: 23px;
	line-height: 23px;
}

#page_ss_titre
{	position: relative;
	top: 30px;
	width: 270px;
	margin-left: 30px;
	margin-bottom: 20px;
	font-family: Trebuchet MS, Arial Black, Verdana;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}

#page_picto
{	position: absolute;
	top: 67px;
	left: 522px;
	z-index: 0;
}			 

#page_wrapper
{	position: relative;
	top: 190px;
	background-image: url(../pictures/page/fond_page.jpg); 
	background-position: 0px 1200px;
	background-repeat: repeat-y;
	z-index: 0;
}

#page_content
{	position: relative;
	top: -180px;
	_height: 300px;
	min-height: 300px;
	padding: 30px;
	font-family: Arial, Verdana;
	font-size: 12px;
	z-index: 100; 
}

#page_footer
{	position: relative;
	left: 104px;
	height: 230px;
	background: url(../pictures/page/footer_page.jpg) no-repeat;	 
	background-color: #7892B2;
}  

#page_copyright
{	position: relative;
	left: 527px;	
	top: 25px;
	color: white;
	font-family: Arial;
	font-size: 9px;
}

#page_copyright a
{	font-family: Arial;
	font-size: 9px;
	color: white;
}
				 
#page_copyright a:hover
{	color: steelblue;
}


/* BLUE Informatique */

.blue #page_titre
{	color: lightsteelblue;
}

.blue #page_ss_titre
{	color: midnightblue;
	height: 30px;
}
	
.blue #page_wrapper a
{	color: midnightblue;		   
	font-weight: bold;
}

.blue #page_wrapper a:hover
{	color: lightsteelblue;		   
	font-weight: bold; 
	text-decoration: underline;
}
				 

/* Références */

.references #page_titre
{	color: plum;
}

.references #page_ss_titre
{	color: purple;
}

.references #page_wrapper
{	padding-top: 210px;
}

#references_slider
{	position: absolute;
	top: 140px;
	left: 30px;
	z-index: 10;
}				


/* Savoir-faire */

.savoir_faire #page_titre
{	color: lightcoral;
}

.savoir_faire #page_ss_titre
{	color: crimson;
}
	

/* Partenaires */

.partenaires #page_titre
{	color: darkseagreen;
}				 

.partenaires #page_ss_titre
{	color: green;
}				 

.partenaires #page_wrapper a
{	color: green;		   
	font-weight: bold;
}

.partenaires #page_wrapper a:hover
{	color: darkseagreen;		   
	font-weight: bold; 
	text-decoration: underline;
}

/* Contact */

.contacts #page_titre
{	color: lightsalmon;
}

.contacts #page_ss_titre
{	color: orangered; 
}

.contacts h2
{	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 18px;
	color: lightsalmon;
} 

#form_contact input, #form_contact select, #form_contact textarea
{   border: 0px;

}

.contact_champ
{	width: 170px;
	text-align: right;
	font-weight: bold;
}

#envoyer
{	display: block ;
	width: 140px;
	height: 35px;			 
	background: url(../pictures/contact/envoyer.jpg) no-repeat 0px 0px;	 
}

#envoyer:hover
{	background-position: 0px -35px;
}
 

/**************/
/* Actualités */
/**************/

#actualites
{	position: absolute;
	top: 0px;
	left: 701px;
	text-align: left;
}

#actualites_header
{	width: 179px;
	height: 49px;
	background: url(../pictures/accueil/actualites_header.jpg) no-repeat;
}

#actualites_header h2
{	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	line-height: 49px;
	font-family: Arial Black, Verdana;
	color: white;
	font-size: 16px;  
}

#actualites_content
{	background: url(../pictures/accueil/actualites_background.jpg) repeat-y;	  
	border-bottom: 1px solid white;
}

#news_scroller
{	margin-left: 10px;
	width: 156px;
	height: 100px;
	padding: 5px 0px;
	font-family: Arial, Verdana;
/*	color: #14305B; */
	color: white;
	font-size: 11px; 
	border-top: 1px solid white;
	line-height: 12px;
}								

#news_scroller a
{	font-family: trebuchet MS, Arial Black, Verdana;
	text-decoration: none;	  
/*	color: #14305B; */
	color: steelblue;	   
	font-size: 11px;   		   
	font-weight: bold;
}

#news_scroller a:hover
{	color: dodgerblue;
}

#actualites_footer
{	display: none;
	width: 179px;
	height: 34px;
}