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

body
	{
	background-color:mediumorchid/*lavender*/;
	/*background: url(images/bords_background.gif) top left repeat-y;
	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;
	}
 
#fond_blanc /* C'est le tableau */
 {
	background-color: white;
 }
#entete 
 {
	/*border:1px dashed black;*/
	float: left;
	width:1000px;
 }

#background
 {
	float: left;
	width:1000px;
	
 }
 
 
 #teaser
	{
	width:710px;
	float:right;
	position:relative;
	/*top:10px;
	left:100px;
	*/
	color:lightgrey;
	font-size:14px;
	text-align: justify;
	/*background-color: deepskyblue;
	background: url(images/ciel1px.gif) top left repeat-x;*/
	margin:0 px; 
	padding:0 px;
	margin-right:10px;
	}
 
#liens_clients
 {
 /*width:710px;*/
	float:right;
	position:relative;
	top:-150px;
	/*left:100px;*/
	color:white;
 }
 
 
#page
 {
	/*border:1px dashed black;*/
	float: left;
	width:1000px;
	/*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;*/
	position:relative;
	top:20px;
	background: url(images/pied_page.gif) bottom left no-repeat;
 }
 

#menu { 
font-size:17px;
float: right;
position:relative;
	width:750px;
	/*top:-10px;
	left:220px;
	left:120px;*/
	/**/right:20px;
}


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

#colgauche /*source code blue robot 3 colonnes*/
 {
	/*border:1px dashed black;*/
	float: left;
	width:250px;
	position:relative;
	top:50px;
	margin: 0px;
	padding: 0px;
	/*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;*/
	}

#colcentre_index
  {
	/*border:1px dashed black;*/
	float: right;
	width:770px;
	position:relative;
	right:30px;
	/*top:20px;
	width:630px;*/
	text-align: justify;
	margin: 0px;
	padding: 0px;
	}
	
#colcentre_rub
  {
	/*border:1px dashed black;*/
	float: left;
	width:720px;
	position:relative;
	left:20px;
	top:20px;
	/*width:630px;*/
	text-align: justify;
	margin: 0px;
	padding: 0px;
	}
	
#colcentre_art 
  {
	/*border:1px dashed black;*/
	float: left;
	width:500px;
	position:relative;
	left:20px;
	top:20px;
	/*width:630px;*/
	text-align: justify;
	margin: 0px;
	padding: 0px;
	margin:0px 0px 100px 0px;
	padding:0px,0px,100px,0px;
	}
	
#coldroite 
	{
	/*border:1px dashed black;*/
	width:200px;
	float: left;
	left:50px;
	top:70px;
	position:relative;
	/*
	width:520px;
	padding:0px,0px,0px,5px;
	margin:0px,0px,0px,5px;*/
	margin:0px 0px 0px 0px;
	padding:0px,0px,0px,0px;
	/*border:1px dashed black;*/	
	}


/* MENU deroulant javascript liens internes... ///////////////////////////////*/

#menu_optimEV { /*Positionnement du menu "liens internes"*/
/*position:absolute;*/
float: right;
	width:370px;
	top:0px;
	left:120px;
}

#menu_optimEV dl {/**/
float: left;
/*width: 150px;*/
position: relative;
margin: 0 0px;
text-decoration:none;

}
#menu_optimEV dt {/**/
width:100;
cursor: pointer;
text-decoration:none;
text-align: center;
font-weight:normal;
/* background:#FFFFFF; */
/*border: 1px solid gray;*/
color:black; /*Couleur du texte du menu "liens internes"*/
}
#menu_optimEV dd {
background-color: black;position: absolute;/*couleur de fond du menu quand pas survolé*/
/*background-color: #FF6232;position: absolute;*/
bottom:1.5em;visibility:hidden;
width:170px;
padding:10px;
}
#menu_optimEV li {/**/
text-align: left;
}
#menu_optimEV li a, #menu_optimEV dt a {/**/
color: black; /*Le texte du menu*/
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu_optimEV li a:hover, #menu_optimEV dt a:hover {/**/
background: white;/*couleur de fond du menu deroulant quand aucun item n'est survolé*/
}

#menu_optimEV a { /*couleur de fond du menu deroulant quand 1 item est survolé*/
text-decoration: none;
color: black;
}

#menu_optimEV dl, #menu_optimEV dt, #menu_optimEV dd, #menu_optimEV ul, #menu_optimEV li {
margin: 0;
padding: 0;
text-decoration:none;
list-style-type: none;
}

#menu_optimEV {
font-family:Arial;
position: relative;
text-decoration:none;
bottom: 0px;
left: 0;
z-index:100;
width: auto;
font-size:12px;
/*color:#000000;*/
color:white;
}

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

/*EFFET de Lettrine*/
.lettrine:first-letter
{
font-size:300%;
float:left;
margin:5px;
}

.lettrine:first-letter
{
font-size:1150%;
float:left;
margin:10px;
}


#img_plaquette_bai
	{
	/**/display: block;
	float:right;
	margin-left:30px; 
	padding-left:30px; 
	/*border-left: 2px dotted black;*/
	background: url(images/bulle_plaquette.gif) bottom left no-repeat;
	/*width:250px;
	position:relative;
	top:410px;
	left:820px;
	*/
	}
	
	

#panneau_web
	{
	/*display: block;*/
	float:left;
	width:230px;
	position:relative;
	margin-right:20px; 
	padding-left:5px; 
	border-left:1px dotted black;
	/*
	top:410px;
	left:820px;
	*/
	}

#panneau_formations
	{
	/**/display: block;
	float:left;
	width:230px;
	position:relative;
	margin-right:20px; 
	padding-left:5px; 
	border-left:1px dotted black;
	/*margin: 5 px;
	padding: 5 px; 
	top:410px;
	left:820px;
	*/
	}
	
#panneau_formations_a_domicile
	{
	/**/display: block;
	float:left;
	width:230px;
	position:relative;
	padding-left:5px; 
	border-left:1px dotted black;
	/*margin-right:20px; 
	margin: 5 px;
	padding: 5 px; 
	top:410px;
	left:820px;
	*/
	}

#villes
	{
	float:left;
	width:750px;
	clear:left;
	margin-top:50px;
	/*margin-bottom:30px; */
	}
	
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*Liens classiques de la page*/
a:link { 
	/*font-weight: bold;*/ 
	text-decoration: none; 
	/*color: #B7A5DF;*/
	color: black;
	/*color : darkorchid;*/
	}
a:visited { 
	/*font-weight: bold; */
	text-decoration: none; 
	/*color: #D4CDDC;*/
	color: black;
	}
a:hover, a:active { 
	text-decoration: none /*underline*/; 
	/*text-decoration: none;*/
	color:  black/*salmondeeppinkdodgerblue royalblue powderblue mediumblue pressibusblue midnightblue lavender darkblue deepskyblue*/ ;
	}


/*Liens du menu*/
a.menu:link { 
	font-size: 16px; 
	/*font-weight: bold;*/ 
	text-decoration: none/*underline*/; 
	/*color: #B7A5DF;*/
	color: black/*brown*/;
	/*color : darkorchid;*/
	}
a.menu:visited { 
	font-size: 16px; 
	/*font-weight: bold; */
	text-decoration: none; 
	/*color: #D4CDDC;*/
	color: black;
	}
a.menu:hover, a.menu:active { 
	font-size: 16px; 
	text-decoration: underline; 
	/*text-decoration: none; 
	text-decoration: none;*/
	/*color: #9685BA;*/
	color: firebrick/*darksalmongoldpurpledeeppink blueviolet deeppink salmon coral tomato gainsboro green khaki sienna rosybrown silver darkorchid*/;
	}



/*enlever les bordures autour des liens des images*/
a img {
border: none;
} 

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


/*h1 va dessous pour faire l'ombre, le relierf*/
h1 
{
font-family: times, arial, Verdana, sans-serif;
/*font-size: 30px; */
color:black; 
}



h2  /*h2 classique :  comme Lyon valence*/
{
	font-family : Arial, Times, Helvetica, Geneva, sans-serif;
	color : black /* cadetblue crimson chocolate darkorange orange*/;
	font-size : 12px;
}

h1.panneaux
	{
	/*display:inline; */
	font-size: 21px; 
	color:black;/*color:#9932ccorchidfuchsia;*/
	font-weight: bold;
	text-align:center;
	}

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

#liens_partenaires
	{
	font-size: 10px;
	color: white;
	float: right;
	
		/*top:1000px;
	left:220px;
background: url(images/titre_espaces_internet.gif) top left no-repeat;*/
	}
	
	/*Liens du menu*/
a.liens_partenaires:link { 
	/*font-weight: bold;*/ 
	text-decoration: none/*underline*/; 
	font-size: 5px; 
	/*color: #B7A5DF;*/
	color: white/*brown*/;
	/*color : darkorchid;*/
	}
a.liens_partenaires:visited { 
	/*font-weight: bold; */
	text-decoration: none; 
	font-size: 5px; 
	/*color: #D4CDDC;*/
	color: white;
	}
a.liens_partenaires:hover, a.liens_partenaires:active { 
	text-decoration: none; 
	font-size: 5px; 
	/*text-decoration: none; 
	text-decoration: none;*/
	/*color: #9685BA;*/
	color: white/*darksalmongoldpurpledeeppink blueviolet deeppink salmon coral tomato gainsboro green khaki sienna rosybrown silver darkorchid*/;
	}


/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	 
 
 #lire_la_suite
 {
	float: left;
	background-color: darkorange;
	color:white;
	font-size: 14px; 
	/*padding:10px; */
}
	
/*Liens lire la suite - blanc - */

a.lien_suite:link { 
	/*font-weight: bold;*/ 
	text-decoration: none; 
	/*color: #B7A5DF;*/
	color: white;
	font-size: 14px; 
	/*color : darkorchid;*/
	}
a.lien_suite:visited 
	{ 
	/*font-weight: bold; */
	text-decoration: none; 
	/*color: #D4CDDC;*/
	color: white;
	font-size: 14px; 
	}
a.lien_suite:hover, a.lien_suite:active 
	{ 
	/*text-decoration: underline; */
	text-decoration: none;
	color:  white /*salmondeeppinkdodgerblue royalblue powderblue mediumblue pressibusblue midnightblue lavender darkblue deepskyblue*/ ;
	font-size: 14px; 
	}		
	
 
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/	 
 

 #footer_bai
 {
	position:relative; 
	top:-30px; 
	/*bottom:5px; */
	/*width:900px;text-align:center;*/
	float: left;
	/*padding:0px,25px,10px,0px;
	margin:0px,25px,10px,5px;
	*/text-align:center;
	width:1000px;
	/*background-color:white;*/
	/*border-bottom:15px solid white; ancienne présentation du ffoter*/
	margin-top:100px;
	padding-top:100px;
 }
 
#txt_footer_bai
 {
	color:slategrey;/**/
	font-size: 12px; 
	float: left;
	position:relative; 
	left:460px;/**/
 }