/* CSS Document */
/* * {margin:0; padding:0;} OBLIGATOIRE en tête de tout document sauf pour des sites centrés*/

/* centrage */

body
	{
	text-align:center;
	/*background-color:mediumorchidlavender;
	background-color:lavender;*/
	background: url(images/bckgrd.gif) repeat-x fixed;
	/*background: url(images/background.jpg) top left repeat-y;
	background: url(images/bg_body_bleu.gif) top left repeat;
	background: url(images/background.gif) repeat-y center;*/
	margin:0; padding:0;
	}
 
#page
 {
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
	margin-top:50px;
	/*border:1px dashed black;
	float: left;*/
	width:900px;
	
	/*background: url(images/background_princ.gif) top right no-repeat;
	background: url(images/bords_background.gif) top left repeat-y;
	background: url(images/background_princ.gif) bottom right no-repeat;*/
	/*border-left:outset;	border-right:outset;
	border-color : #9932cc;
	border-color : white;*/
	
	/*background-color:white;
	background: url(images/bg-gaussien.png) top left;*/
	
	position:relative; /* Permet de coordonner les enfants par rapport à ce repère*/
 }
 
#entete 
 {
	/*border:1px dashed black;*/
	float: left;
	width:900px;
 }


 #entete_annuaire
 {
	/*border:1px dashed black;*/
	float: left;
	width:900px;
	font-size:35px;
	background: url(images/1px_rose.gif) top left repeat-x;
 }
 
 
 /* ////////////////////////////////////////////////// */
 
#cont_liens
 {
	float: left;
	position:relative;
	width:900px;
	font-size:5px;
	top:-105px;
	left:0px;
	color: white;
 }

/*Liens */
a.cont_liens:link { 
	font-size:5px;
	text-decoration: none; 
	color: white;
	}
a.cont_liens:visited { 
	font-size:5px;
	text-decoration: none; 
	color: white;
	}
a.cont_liens:hover, a.cont_liens:active { 
	font-size:5px;
	text-decoration: none;
	color:  white;
	}
	
/* ////////////////////////////////////////////////// */

#menu { 
font-size:17px;
float: left;
position:relative;
	width:900px;
	/*top:-10px;
	left:220px;
	left:120px;
	right:40px;*/
background: url(images/1px_gris.gif) top left repeat-x;	
}

#titre_menu {
 font-size:15px;
 font-weight: bold;
 text-decoration: underline;
 color: black;
 float: left;
}


#lien_lyon {
 float: left;
 position:relative;
	top:-225px;
	left:330px;
 font-size:15px;
 font-weight: bold;
 text-decoration: underline;
 color: black;
 
}

#lien_valence {
 float: left;
 position:relative;
	top:-205px;
	left:360px;
 font-size:15px;
 font-weight: bold;
 text-decoration: underline;
 color: black;
 
}


#lien_paris {
 float: left;
 position:relative;
	top:-395px;
	left:180px;
 font-size:15px;
 font-weight: bold;
 text-decoration: underline;
 color: black;
 
}

/* ////////////////////////////////////////////////// */


h1.titre_page
 {
 	display:inline;
	/*color: blue;
	font-weight: bold; padding-bottom:5px;border-bottom:2px solid #9932cc;*/
	font-size: 42px; 
	letter-spacing:2px;
	/*color:#9932ccorchidfuchsia;font-weight: bold;*/
	color: black;
	/*border-left:2px; Pour mettre un trait devant la ligne du logiciel (quand il y aura un div autour ...) */
	position:relative;
	/*float: left;*/
	top:-150px;
	left:10px;
 }

h1.titre_index
 {
 	display:inline;
	/*color: blue;
	font-weight: bold; padding-bottom:5px;border-bottom:2px solid #9932cc;*/
	font-size: 42px; 
	letter-spacing:2px;
	/*color:#9932ccorchidfuchsia;font-weight: bold;*/
	color: white;
	/*border-left:2px; Pour mettre un trait devant la ligne du logiciel (quand il y aura un div autour ...) */
	position:relative;
	/*float: left;*/
	top:0px;
	left:10px;
 }

h2.ss_titre_index
 {
 	display:inline;
	/*color: blue;
	font-weight: bold; padding-bottom:5px;border-bottom:2px solid #9932cc;*/
	font-size: 20px; 
	letter-spacing:2px;
	/*color:#9932ccorchidfuchsia;font-weight: bold;*/
	color: black;
	/*border-left:2px; Pour mettre un trait devant la ligne du logiciel (quand il y aura un div autour ...) */
	position:relative;
	/*float: left;*/
	top:0px;
	left:10px;
 }



/* Colonnes /////////////////////////////////////////////////////////////////////////////////*/


#col_ttes /*source code blue robot 3 colonnes*/
 {
 	float: left;
	width:900px;
	background-color:white;
 }


#col_g250 /*source code blue robot 3 colonnes*/
 {
	/*border:1px dashed black;*/
	float: left;
	width:250px;
	/*position:relative;*/
	top:0px;
	margin: 0px;
	padding: 5px;
	/*width:300px;*/ 
	/*border:1px dashed black;
	background-color:#eee;
	padding:0px,20px,0px,0px; */
	/* ce dernier 0 px influence la marge de gauche de la colone 1 pour IE6 à 10 px, ne gênait pas firefox
	voice-family: "\"}\"";
	voice-family:inherit;*/
	
	background-color:goldenrod;
	background-color:white;
	}
	

#col_g280 /*source code blue robot 3 colonnes*/
 {
	/*border:1px dashed black;*/
	float: left;
	width:270px;
	/*position:relative;*/
	top:0px;
	margin-left: 10px;
	padding-left: 10px;
	/*width:300px;*/ 
	/*border:1px dashed black;
	background-color:#eee;
	padding:0px,20px,0px,0px; */
	/* ce dernier 0 px influence la marge de gauche de la colone 1 pour IE6 à 10 px, ne gênait pas firefox
	voice-family: "\"}\"";
	voice-family:inherit;*/
	
	background-color:goldenrod;
	background-color:white;
	}
	
	
#col_g330 /*source code blue robot 3 colonnes*/
 {
	/*border:1px dashed black;*/
	float: left;
	width:330px;
	/*position:relative;*/
	top:0px;
	margin: 0px;
	padding: 5px;
	/*width:300px;*/ 
	/*border:1px dashed black;
	background-color:#eee;
	padding:0px,20px,0px,0px; */
	/* ce dernier 0 px influence la marge de gauche de la colone 1 pour IE6 à 10 px, ne gênait pas firefox
	voice-family: "\"}\"";
	voice-family:inherit;*/
	
	background-color:goldenrod;
	background-color:white;
	}
	

#col_g550 /*source code blue robot 3 colonnes*/
 {
	/*border:1px dashed black;*/
	float: left;
	width:550px;
	/*position:relative;*/
	top:0px;
	margin: 0px;
	padding: 5px;
	/*width:300px;*/ 
	/*border:1px dashed black;
	background-color:#eee;
	padding:0px,20px,0px,0px; */
	/* ce dernier 0 px influence la marge de gauche de la colone 1 pour IE6 à 10 px, ne gênait pas firefox
	voice-family: "\"}\"";
	voice-family:inherit;*/
	
	background-color:goldenrod;
	background-color:white;
	}
		

#col_c400
  {
	/*border:1px dashed black;*/
	float: left;
	width:400px;
	/*position:relative;*/
	left:20px;
	top:0px;
	/*width:630px;
	text-align: justify;*/
	margin: 0px;
	padding: 0px;
	margin:0px 0px 100px 0px;
	padding:5px;
	
	background-color: orange;
	background-color:white;
	}


#col_c550 /*source code blue robot 3 colonnes*/
 {
	/*border:1px dashed black;*/
	float: left;
	width:550px;
	/*position:relative;*/
	top:0px;
	margin: 0px;
	padding: 5px;
	/*width:300px;*/ 
	/*border:1px dashed black;
	background-color:#eee;
	padding:0px,20px,0px,0px; */
	/* ce dernier 0 px influence la marge de gauche de la colone 1 pour IE6 à 10 px, ne gênait pas firefox
	voice-family: "\"}\"";
	voice-family:inherit;*/
	
	background-color:goldenrod;
	background-color:white;
	}	

#col_c630
  {
	/*border:1px dashed black;*/
	float: left;
	width:630px;
	/*position:relative;*/
	left:20px;
	top:0px;
	/*width:630px;
	text-align: justify;*/
	margin: 0px;
	padding: 0px;
	margin:0px 0px 100px 0px;
	padding:5px;
	
	background-color: orange;
	background-color:white;
	}

	
#col_d200 /*source code blue robot 3 colonnes*/
 {
	/*border:1px dashed black;*/
	float: left;
	width:200px;
	/*position:relative;*/
	top:0px;
	margin: 0px;
	padding: 5px;
	/*width:300px;*/ 
	/*border:1px dashed black;
	background-color:#eee;
	padding:0px,20px,0px,0px; */
	/* ce dernier 0 px influence la marge de gauche de la colone 1 pour IE6 à 10 px, ne gênait pas firefox
	voice-family: "\"}\"";
	voice-family:inherit;*/
	
	background-color:goldenrod;
	
	}
	

#col_d330 /*source code blue robot 3 colonnes*/
 {
	/*border:1px dashed black;*/
	float: left;
	width:330px;
	/*position:relative;*/
	top:0px;
	margin: 0px;
	padding: 5px;
	/*width:300px;*/ 
	/*border:1px dashed black;
	background-color:#eee;
	padding:0px,20px,0px,0px; */
	/* ce dernier 0 px influence la marge de gauche de la colone 1 pour IE6 à 10 px, ne gênait pas firefox
	voice-family: "\"}\"";
	voice-family:inherit;*/
	
	background-color:orange;
	background-color:white;
	
	}



/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	
	
	
		
#barre_navigation
	{
	color: #9932cc;
	font-weight: bold; 
	font-size: 11px; 
	/**/width:900px;
	float:left;
	position:relative; 
	top:0px;
	left:0px;
	text-align:left; 
	
	background-color:black;
	
	}
	



/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	
	

/*Liens classiques de la page*/
a:link { 
	/*font-weight: bold;*/ 
	text-decoration: none; 
	/*color: #B7A5DF;*/
	color: blue;
	/*color : darkorchid;*/
	}
a:visited { 
	/*font-weight: bold; */
	text-decoration: none; 
	color: darkorchid;;
	}
a:hover, a:active { 
	/*text-decoration: underline; */
	text-decoration: underline;
	color:  darkorchid;
	}

/*Liens menu haut*/
a.menu:link { 
	text-decoration: none; 
	color: black;
	}
a.menu:visited { 
	text-decoration: none; 
	color: black;
	}
a.menu:hover, a.menu:active { 
	text-decoration: underline;
	color: black;
	}

/*Liens menu gauche H1 /////////////// */
a.h1menug:link { 
	text-decoration: none; 
	color: black;
	}
a.h1menug:visited { 
	text-decoration: none; 
	color: black;
	}
a.h1menug:hover, a.h1menug:active { 
	text-decoration: none /*underline*/;
	color:  black;
	}

/*Liens menu gauche H2*/
a.h2menug:link { 
	text-decoration: none; 
	color: white;
	}
a.h2menug:visited { 
	text-decoration: none; 
	color: white;
	}
a.h2menug:hover, a.h2menug:active { 
	text-decoration: none;
	color:  white;
	}
	

/*Liens ville menu gauche H1 /////////////// */
a.lien_ville:link { 
	text-decoration: none; 
	color: black;
	}
a.lien_ville:visited { 
	text-decoration: none; 
	color: black;
	}
a.lien_ville:hover, a.lien_ville:active { 
	text-decoration: none /*underline*/;
	color:  black;
	}

	
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	

h1
	{
	/*display:inline;
	color: blue;
	font-weight: bold; padding-bottom:5px;border-bottom:2px solid #9932cc;*/
	font-size: 17px; 
	letter-spacing:2px;
	/*color:#9932ccorchidfuchsia;
	font-weight: bold;*/
	color:black;
	}

h2
	{
	/*display:inline;
	color: blue;
	font-weight: bold; padding-bottom:5px;border-bottom:2px solid #9932cc;*/
	font-size: 14px; 
	letter-spacing:1px;
	/*color:#9932ccorchidfuchsia;font-weight: bold;*/
	color: white;
	border-left:2px;/* Pour mettre un trait devant la ligne du logiciel (quand il y aura un div autour ...) */
	}

h1.txt
	{
	/*display:inline; */
	font-size: 18px; 
	color:black;/*color:#9932ccorchidfuchsia;*/
	font-weight: bold;
	}

h2.txt
	{
	/*display:block; */
	font-size: 18px; 
	border-bottom:2px solid #9932cc;
	color:#9932cc/*orchidfuchsia*/;
	/**/padding-bottom:5px;
	}




/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	
	
img 
	{
    border : none;
    border : 0;
	/*display:inline; */
	/*margin:10px;
	 Rajouter des marges regulières*/
    }
	
#images_villes/**/
 	{
	float: right;
	padding-left:10px; 
	}

img.mini_logo	

	{
    border : none;
    border : 0;
	display:inline;
	margin:10px;/*Rajouter des marges regulières*/
    }
	

	
	/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	 
 
 #footer
 {
	position:relative; 
	top:0px; 
	float: left;
	text-align:center;
	width:900px;
	background-color:white;
	background: url(images/1px_footer.gif) top left repeat-x;
	
	margin:0px,0px,20px,0px;
	/*bottom:5px; border-bottom:15px solid white;
	border-top:1px dotted mediumslateblue;*/
	/*width:900px;text-align:center;*/
	/*
	margin:0px,25px,10px,5px;padding:0px,0px,20px,0px;
	*/
 }
 
#txt_footer
 {
	color:slategrey;/**/
	font-size: 12px; 
	float: left;
	position:relative; 
	top:0px;
	left:45%;
	/*left:300px;
	text-align: center;*/
	color:mediumslateblue;
	
 }
		
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/