body{

	color:#000;

	font-family:Arial,Times New Roman, Times, serif;

	font-size:12px;

	background-color:#3498db;

	background-image: url(../images/bgd.jpg);

	background-position: top;

	background-repeat:no-repeat;

	margin-top:20px;

}



#imgchg{

	position:absolute;

	height: 162px;

}



/* Pour qu'aucune image qui � un lien dans site se retrouve avec un cadre autour */

img{

	border:none;

}



/* Les typos  _________________________________________________________________________________________________*/

/* Titre 1 gris grand et soulign� */







h1{			

	color:#003399;

	font-weight:normal;

	font-size:25px;

	text-align:center;

	font-weight:600;

}



/*Titre 2 gris plus petit */

/*h2{

	color:#003399;

	font-weight:normal;

	font-size:20px;

	font-weight:500;

	margin-left:200px;



}*/



h2{ /* sous titre des stages et conf. � droite de la photo    */

	color:#003399;

	font-weight:normal;

	font-size:20px;

	font-weight:600;

	text-align:center;



}



h3{   /* texte de cadre 1    */

	color:#003399;

	font-weight:normal;

	font-size:12px;

	font-weight:500;

	margin-left:30px;

	margin-right:30px;

	text-align:justify;



}







/* Titre 3 en bleu */

h4{

	color:#003399;

	font-size:18px;

}



h5{

	font-size:15px;

	font-weight:normal;

	color:#999;

	padding-left:30px;

}



h6{

	font-size:17px;

	font-weight:normal;

	color:#003399;;

	padding-left:50px;

	padding-right:50px;

	text-align:justify;

}



h7{

	color:#003399;

	font-weight:normal;

	font-size:30px;

	height:50px;

}



h8{

	color:#003399;

	font-weight:normal;

	font-size:20px;

	height:50px;

}



/* base line page d'accueil */

h9{

	font-size:11px;

	font-weight:normal;

	text-align:center;

	color:#999;

	margin-left:200px;

}



h10{ /* sous titre des stages et conf. � droite de la photo    */

	color:#003399;

	font-weight:normal;

	font-size:20px;

	font-weight:500;

	margin-left:30px;



}



h11{

	font-size:18px;

	font-weight:bold;

	color:#003399;

	text-align:center;

}



h12{

	font-size:14px;

	font-weight:bold;

	color:#003399;;

	text-align:center;

}



h13{

	font-size:12px;

	color:#ffffff;

	text-align:center;

}



h14{

	font-size:18px;

	font-weight:normal;

	color:#999;

	text-align:center;

}



h15{

	font-size:25px;

	font-weight:normal;

	color:#003399;

	text-align:center;

}

h16{

	font-size:20px;

	color:#FFFFFF;

}



.surligne /* Un style qui permet par exemple de surligner certains mots d'un texte */

{

   background-color: #003399;

   font-size:16px;

   color: #ffffff; /* Le texte surlign� sera �crit en noir */

}



pre {

	width: 500px;

	padding-top:5px;

	padding-bottom:3px;

	padding-left:5px;

	margin-left:30px;

	background: #a4be36;

	color: #FFFFFF;

	font-size: 15px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}



/* Listing des conf�rences */





/* Petite phrase italique dans page d'acceuil dous nom fratacci */

#home_titre

{

	color:#888;

	font-size:12px;

	font-style: italic;

}



/* Ensemble des 2 blocs verticaux ____________Menu et Center___________________________________________________*/ 

#conteneur{

	width:1000px;

	margin:0 auto;

	background:url(../img/background.gif) top repeat-y;

	overflow:auto;

}



/* Bandeau vertical de gauche o� il y a le menu   BLOC 1  _________________________________________*/

#left{

	width:170px;

	background:#99ccff;

	float:left;

}



/* Le bloc menu ____________________________________________________________________________________*/

#menu{

	width:170px;

	height:672px;

	font-size:11px;

	background-color:#3498db;

	margin-top:123px;

	text-align:left;

}



#menu3{

	width:170px;

	background-color:#3498db;

	margin-top:140px;

}



#menu ul{

	list-style:none;  /*ne met pas de symbole de liste*/

	padding-left:10px;



}



#menu li{

	color:#FFFFFF;

	text-decoration:none;

	line-height:25px;  /*espacement en hauteur des diff�rents liens du menu*/

}



#menu li a{

	color:#FFFFFF;

	text-decoration:none;

	line-height:25px;  /*espacement en hauteur des diff�rents liens du menu*/

}



#menu li a:hover{

	text-decoration:underline;

}



/* Bandeau central contenant header et page            BLOC 2_____________________________________________*/

#center{

	width:794px;

	background:url(../img/eau.jpg) top repeat-y; 	

	overflow:auto;

}



#center p{

	margin:0 10px 15px;

	text-align:justify;

}



#center a{

	color:#000066;

	text-decoration:none;

}



#center a:hover{

	text-decoration:underline;

}



#center ul{

	margin:0 10px 15px;

	list-style:none;

	font-size:16px;

}







/* Bloc des photos al�atoires __________________________________________________________________________*/

#header{

	width:501px;

	height:139px;

	float:left;

	padding-left:126px;

}







/* Mettre les images du bloc des photos al�atoires � gauche */ 

#header img{

	float:left;

}



#adresse{

	width:623px;

	height:730px;

	padding-top:100px;

	background:#FFF; 

	}



/* Bloc pieds ______________________________________________________________________________*/

#pieds{

	width:964px;

	text-align:center;

	color:#999;

	margin:0 auto;

	color:#000;

}

	

#pieds a:link{

	color: #FFFFFF;

	font-size:14px;

	text-decoration: none ;	

}



#pieds a:visited {

	color:#FFFFFF;

	font-size:14px;

	text-decoration: none;

}



#pieds a:hover { 

	color:#00cc00;

	font-size:14px;

	text-decoration: none ;

}

/* Fin Bloc pieds ______________________________________________________________________________*/



fieldset {

	width:540px;

	color:#333333;

	background-color:#CCCCCC;

 	margin-bottom:10px;

	margin-left:30px;

	font-size:16px;

	padding-left:10px;

	padding-right:10px;

 }

 

 label {

	text-align:center;

 }

 

/* image de gauche de center _________________________________________________________________________*/

#cadre_1{

	width:623px;

	color:#003399;

	height:auto;

	background:#FFFFFF;

	float:left;}

.img {

	margin-right:500px;

}







/* image de gauche de center _________________________________________________________________________*/

#cadre_3{

	width:623px;

	height:auto;

	background:#000000;

	float:left;

	img {margin-right:500px ;

}



/* d�bordement de l'image d'eau _______________________________________________________________________*/

#cadre_2{

	width:194px;

	background:#fff; 

	margin-left:610px;

	}

	







/* Bloc dans le bandeau vertical droite pour insertion image de la newsletter __________________________*/

.newsletter{



	width:75px; 

	height:100px; 

	margin-top:82px; 

	margin-left:600px;

}