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

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

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

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

h1, h2
{	margin: 0px;
	padding: 0px;
}
	  
/* Intertitre SPIP */
h3.spip
{	font-family: Arial;
}

table
{	border: 0px;
	margin: 0px;
	padding: 0px;
}

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

.hidden 
{	display: none;	
}

.droite
{	text-align: right;
}
 

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

.spacer
{	height: 30px;
}
	  
#animation
{	width: 810px;
	height: 610px;
	background: url(../pictures/fond_intro.jpg) no-repeat;
	margin-top: 20px;
}

#acces_direct a
{	font-family: Verdana;
	font-size: 12px;
	color: #9A111C;	  
}

#acces_direct a:hover
{	font-weight: bold;
}

/* Page */ 		 
#page_wrapper
{	width: 960px;
	margin-left: auto;
	margin-right: auto;		
	text-align: left;
}

#page_container
{	clear: both;
	float: left;
	width: 960px;
	margin-left: auto;
	margin-right: auto;		  
}	

   
/* Menu */
#menu
{	width: 700px;	
	margin-left: 262px;
}

#menu ul
{	width: 700px;	
	height: 30px;
	margin: 0px;
	padding: 0px;
	line-height: 30px;
    list-style: none; 
}

#menu li
{	float: left;
	margin: 0px;
	padding: 0px;
	height: 30px;
	line-height: 30px;
	background: url(../pictures/menu_background.jpg) repeat-x;	  
	border-right: 1px solid white;
}

#menu li a
{	float: left;
	height: 30px;
	line-height: 30px;
	color: white;
	text-decoration: none;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	padding-left: 7px;
	padding-right: 7px;
}

li#menu_active a
{
	background: url(../pictures/menu_background_active.jpg) repeat-x;
}

#menu li a:hover
{
	background: url(../pictures/menu_background_over.jpg) repeat-x;
}

  
/* Contenu de la page */
#page
{	clear: both;
	float: left;
	width: 990px;			
	margin: 0px;
	padding: 0px;	
	margin-top: 10px;		   
}
  		

#page_left 
{	float: left;
	width: 260px;  
	padding-bottom: 30px;
}

#page_center
{	float: left;
	width: 500px; 	  
}

#page_total
{	float: left;
	width: 700px; 
}

#page_right
{	float: left;
	width: 200px;	 
	margin-top: 90px;
	padding-left: 10px;
}

#page_content
{	clear: both;
	float: left; 
	width: 700px;
	text-align: left;											
	margin-left: 2px;
	margin-top: 10px;  
	margin-bottom: 30px;				  
/*	text-align: justify;		  */
}	  														  

#page_content a
{	color: #D6541A;  
}		

#page_content img
{	border: 0px;
}

#page_content td
{	vertical-align: top;
}

#content
{	float: left;
	margin-top: 70px;
	min-height: 300px;
	font-family: Arial;
	font-size: 12px;
	text-align: left;		  
/*	border: 1px dashed white;	*/
}	
	   
	
#nav
{	font-family: Arial;
	font-size: 10px;
	color: #999999;		
	margin-bottom: 10px;	  
	text-align: left;
	margin-left: 20px;
	_margin-left: 30px;
	margin-top: 10px;
}
	
#nav a
{	font-family: Arial;
	font-size: 10px;
	color: #999999;	
	text-decoration: none;
}

#nav a:hover
{	font-weight: normal;
	text-decoration: underline;
} 
	
.box_top
{	clear: both;
	float: left;
	width: 221px;
	height: 17px;
	background: url(../pictures/box_top.jpg) no-repeat;
}

.box_middle
{	clear: both;
	float: left;
	width: 221px;
	background: url(../pictures/box_background.jpg) repeat-y;
}		   

.box_content
{	clear: both;
	float: left;
	width: 180px;											 
	margin-left: auto;
	margin-right: auto;	
}

.box_bottom
{	clear: both;
	float: left;
	width: 221px;
	height: 20px;
	background: url(../pictures/box_bottom.jpg) no-repeat;
}
	
.titre_rouge
{	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9A111C; 
	height: 21px;
	line-height: 21px;	 
	text-align: left;
	padding-left: 10px;
}

.titre_rouge a
{	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.titre_orange
{	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #D6541A; 
	height: 21px;
	line-height: 21px;
	text-align: left;
	padding-left: 10px;
}

.titre_orange a
{	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.titre_gris
{	clear: both;
	float: left;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999;
	height: 17px;
	line-height: 17px;
	text-align: left;
	padding-left: 10px;
}

.titre_gris a
{	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}		


.cartouche .spip_logos, .content .spip_logos
{	float: left;
	margin-right: 1em;
}  

.cartouche
{	margin: 0px;
	padding: 0px;
}		

#cartouche td
{	vertical-align: center;
}

.sur_titre
{	margin: 0px;
	padding: 0px;
	font-family: Verdana;
	font-size: 11px;
	color: #CCC;
}

.titre
{	margin: 0px;
	padding: 0px;
	font-family: Verdana;
	font-size: 24px;
}

.sous_titre
{	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	font-family: Verdana;
	font-size: 14px;   
	font-style: italic;
	font-weight: normal;
	color: #AAA;
}
	
.content
{	clear: both;
	float: left;
	margin-top: 30px; 
	width: 650px;
}

#page_content h2.plan_site a
{	color: black;
	font-family: Trebuchet MS;
}  

#plan_site_references
{	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

#plan_site_references li
{	margin-left: 20px;
}

#plan_site_references li a
{	color: black;
}


	
/**********/
/* Header */
/**********/  
#header
{	
}

#bandeau
{	width: 960px;	
	height: 110px;	  
	margin-left: auto;
	margin-right: auto;			 
}	

#logo
{	float: left;
	margin-left: 4px;
	margin-top: 12px;
}					 

#logo img
{	border: 0px;
}

#accroche
{	float: left;
	margin-left: 40px;
	margin-top: 12px;
}


/**********/
/* Footer */
/**********/

#footer
{	clear: both; 
	width: 960px;  
	margin-left: auto;
	margin-right: auto;	
	text-align: left;
}
	
#footer_top
{	clear: both;
	width: 960px;									  
	height: 9px;
	margin-left: auto;
	margin-right: auto;
}							  

#footer_top img
{	
}


#footer_bottom
{	width: 960px;
	margin-left: auto;
	margin-right: auto;	
	padding-top: 10px;
	background: url(../pictures/footer_background.jpg) repeat-x;
	height: 160px;
	font-family: Verdana;
	font-size: 12px;
	color: #333333;
}	   

#footer_coordonnees
{	float: left;
	margin-left: 35px;
	width: 575px;
}	

#adresse
{	margin-top: 10px;
	padding-left: 30px;
	background: url(../pictures/adresse.jpg) no-repeat 0px 2px;
}			 

#telephone
{	margin-top: 7px;
	padding-left: 30px;
	background: url(../pictures/telephone.jpg) 2px 0px no-repeat;	   
	font-weight: bold;
	height: 20px;
}			 											

#email
{	padding-left: 30px;
	background: url(../pictures/arrobase.jpg) no-repeat 0px 2px;
	line-height: 20px;
}			 

#siret
{	margin-top: 10px;
}
					  
#footer_blue
{	margin-right: 30px;
}

#footer_blue, #footer_blue a
{	font-family: Verdana;
	font-size: 12px;
	color: #333333;
	text-align: right;
}					  

#footer_blue a
{	text-decoration: none;
}

#footer_blue a:hover
{	font-weight: bold;
	text-decoration: none;
}


/* Mise à jour */
#mise_a_jour
{	clear: both;
	float: right;
	width: 250px;
	margin-top: 10px;
	color: #777777;	 
	line-height: 15px;
	font-weight: normal;
	text-align: right;
} 




/*********************/
/* Colonne de gauche */
/*********************/
	
#page_left_content
{	clear: both;
	float: left;
}


/* Etudes de cas */

#etude_de_cas
{	clear: both;
	float: left;
	text-align: center;
}  

#etude_de_cas_top
{	margin-left: 10px;	 
	width: 180px;
}							

#etude_de_cas_top table, #etude_de_cas_top tr, #etude_de_cas_top td
{	margin: 0px;
	padding: 0px;
}  

#etude_de_cas_top td
{	vertical-align: top;
	line-height: 17px;
	font-family: Verdana;
	font-size: 14px;
}

#etude_de_cas_items	
{	clear: both;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;			
	width: 200px;
	height: 150px;
	list-style: none;	
}

#etude_de_cas_items li
{	width: 190px;
	height: 150px;
	text-align: center;
	margin-left: 10px;		 
} 

.etude_de_cas_image
{	width: 190px;
	height: 150px;	
}
				 
.etude_de_cas_tab
{	
}

.etude_de_cas_tab td
{	margin: 0px;
	padding: 0px;
	width: 190px;
	height: 143px;	
	text-align: center;	
	vertical-align: center;		 
} 

.etude_de_cas_image	
{	margin: 0px;
	padding: 0px;
}

.etude_de_cas_image	img
{	border: 0px; 	
	/*margin: 5px 0px;*/
}

.etude_de_cas_intitule 
{	display: none;
}

.etude_de_cas_intitule a
{	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.etude_de_cas_content 
{	display: none;
	text-align: left;	
	margin-top: 2px;
	margin-bottom: 7px;
}

.etude_de_cas_content td
{	vertical-align: top;
}

.etude_de_cas_content a
{	font-family: Verdana;
	font-size: 11px;
	color: #333333;	   
	text-decoration: none;
}		

#etude_de_cas_bottom
{	margin-left: 10px;	 
	_margin-left: 5px;
	width: 180px;
}

#etude_de_cas_bottom a:hover
{	color: black;
	text-decoration: none;
}
   
#play_pause img
{	margin-left: 60px;
}

/******************/
/* Espace réservé */
/******************/

#espace_reserve
{	clear: both;
	float: left;
	text-align: center;		
}	 
 
#espace_reserve_top
{	margin-left: 10px;	 
	width: 180px;			  
}

#espace_reserve form, #espace_reserve fieldset
{	margin: 0px; 
	padding: 0px;			  
}											  

#espace_reserve form
{	margin-left: 5px;	 
}

#espace_reserve fieldset
{	border: 0px; 
	margin-top: 7px;
}
				 
#espace_reserve legend
{	margin: 0px;
	padding: 0px;
	display: none;
}				

#espace_reserve label
{	display: none;
} 

#identifiant, #mot_passe
{	float: left;  
	width: 124px; 
	height: 16px;
	padding: 3px 3px;	 
	margin-top: 5px;	 
	margin-left: 7px;	 
	_margin-left: 3px;	 
	background: url(../pictures/espace_reserve.jpg) no-repeat top right;
	_background-attachment: fixed;
	border: 0px;   
	font-family: Verdana;
	font-size: 10px;
} 

#espace_reserve_submit 
{	width: 30px;	
	height: 20px;
	margin-top: 32px;
	_margin-top: 5px;	 
	border: 0px;
	background: url(../pictures/espace_reserve_submit.jpg) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}	

/* Références */

#references
{	clear: both;
	float: left;
}  

#references_top
{	margin-left: 10px;	 
	width: 180px;
}

#references_items	
{	clear: both;
	float: left;
	margin: 0px;
	margin-left: 10px;
	_margin-left: 5px;
	padding: 0px;	
	list-style: none;
}

#references_items li
{	width: 170px;  
	background-image: url('../pictures/puce_grise.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px; 
	_background-position: 0px 13px; 
	padding-left: 15px; 
}  

.references_intitule 
{	margin-top: 10px;
}

.references_intitule a
{	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #D6541A;
}

.references_content 
{	display: none;
	margin-top: 2px;
	margin-bottom: 7px;
}

.references_content a
{	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #333333;	   
	text-decoration: none;
}		


/**************/
/* Rechercher */
/**************/	
#bloc_recherche_top
{	margin-left: 10px;	 
	width: 180px;			  
}

#formulaire_recherche
{	clear: none;
	float: left;  
	margin-top: 10px;
}

#formulaire_recherche label
{	display: none;
	font-family: Verdana;
}  

#formulaire_recherche table, #formulaire_recherche tr, #formulaire_recherche td
{	margin: 0px;
	padding: 0px;
}				 									   

#formulaire_recherche td
{	vertical-align: top;
}


.submit
{	border: 0px;   
	background-color: #999999;
	font-weight: bold;
	color: white;
	
}

#rss
{	float: right;
	vertical-align: top;
	margin-left: 10px;
	margin-top: -3px;
}  

#formulaire_recherche form
{	margin-left: 5px;	 
}

#recherche
{	float: left;  
	width: 124px; 
	height: 16px;
	padding: 3px 3px;	 
	margin-top: 5px;	 
	margin-left: 10px;	 
	_margin-left: 3px;	 
	background: url(../pictures/espace_reserve.jpg) no-repeat top right;
	_background-attachment: fixed;
	border: 0px;   
	font-family: Verdana;
	font-size: 10px;
} 

#formulaire_recherche_submit 
{	width: 30px;	
	height: 20px;
	margin-top: 5px;
	_margin-top: 5px;	 
	border: 0px;
	background: url(../pictures/espace_reserve_submit.jpg) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}