/*      D E F A U L T 2 . C S S        */

body {
  color: #3CF;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  background-image: url(images/Container3.png);
  /* background-image: url(images/barre_motif13.png); */
  background-repeat: repeat-x;
  background-color: #E3F6FF;
  margin:0 0 0 0;
  padding:0 0 0 0;
 }

h2, h3, h5 {
   text-transform: uppercase; 
	letter-spacing: .2em;
   color: #000099;
}

p, ul, ol, blockquote {
	margin-top: 0;
	font: normal normal normal medium;
   color: #000099;
} 

#p1 { 
  width: 87%;
  margin-left: 24px;
  padding: 8px 2px 8px 2px;
  border: 2px solid  #000099;
  text-align: center;
  color: #1F1F1F;
  background-color: #C3ECFF;
  font-size: small;
}
      
li { 
  font-size: medium; 
  list-style-type: square; 
}

a {
	text-decoration: none;
	color: #3366FF; 
}

a:hover {
	text-decoration: underline;
}

/* Boite */

#boite1, #boite {
   width: 1008px;
   margin: 0 auto;
	padding: 0 0 22px 0;
/*   background: #F9F9F9; */
   background: #FFFFFF;
}

#boite {
  background-color: #FFFFFF;
}
  
/* Header */

#header {
	width: 1008px;
   height: 145px; 
   margin: 0px 0 0 0px;
}

#header * {
   text-decoration: none;
   text-align: center;
   letter-spacing: .3em;
   font: normal normal 800 x-large Geneva, Arial, Helvetica, sans-serif; 
   color: #000099; 
}

div.entete img  {
  width: 1008px;
  margin: 0px 0 0px 0px;  
}

p.imgProf img  {
  width: 1008px;
  margin-top: -2px;
}

/*     M E N U   P R I N C I P A L       */

#menu_Principal {
   float: right;
	display: inline;
   width: 1008px;
   height: 40px;
   margin: -4px 0px 5px 0px;
}

#menu_Principal ul {
   margin: 0px 0 0 0px;
   padding: 0; 
   list-style: none;
   line-height: normal;
}

#menu_Principal li {
   display: inline;  
	float: left;
	border-left: 1px solid #BBDDFF;  /* bleu pâle  */
	padding: 0 0px;
	background-color: #011F5B;  /* bleu foncé */
}

#menu_Principal li.PremierItem {
	border-left: 0px; 
	margin-left: 0px;
}

#menu_Principal li.PremierItem a {   
    padding-right: 1px;
}
    
#menu_Principal a {
	display: block;
	float: left;
	width: 143px;
	height: 31px; 
	padding-top: 1px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: x-small;
	font-weight: bold;
	color: #BBDDFF;  /* bleu pâle  */
}

#menu_Principal a:link {
   color: #BBDDFF;
   background-color: #011F5B;   
}

#menu_Principal a.on {
   background-color: #F9F9F9;  /* blanc */
	color:#011F5B; 
}  

#menu_Principal a:hover {
   background-color: #BBDDFF;  
	color:#011F5B; 
}



/*    M E N U   I T I N E R A I R E   D E   L A   P A G E   D ' A C C U E I L      */

#menu_itineraire ul {
   margin: 0px 0 0 32px;
   padding: 0; 
  	line-height: normal;
	color: #000000;
}

#menu_itineraire li {
	 display: list-item;
	 list-style: none;
}

div.titre {
   margin: 0 0 -5px 5px;
   padding: 1px 1px 0 1px;
}

#menu_itineraire a {
	display: list-item;
	width: 208px;
	height: 29px;
	margin: 0 0 1px -10px;
   padding: 1px 1px 0 1px;
   background: url(images/boite_iti.png) no-repeat;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: x-small;
	font-weight: bold;
	color: #000066;
}

/*    M É T É O -  P A G E    A C C U E I L     */

.meteo  {
  float: right;
  display: inline;
  margin-right: 20px;
}   

/*   E N T E T E    -   C O N T E N U  */

#EnteteEntreprise  {
   margin: -30px  0px -25px 20px;
}
   

/*    C O N T E N U      */

#contenu_accueil  {
  float: left;
  display: inline;
  margin-left: 20px;
}   

#contenu, #contenu_rep_entrep, #contenu_divers, #menu_journaux  {
  width: 100%;
  overflow: hidden;
  margin-left: 0;
  padding-left: 15px; 
  float: none; 
}

#menu_journaux {
   background-image: url(images/NewspaperPile.jpg); 
   background-repeat: no-repeat; 
}
     
#contenu, #contenu_accueil, #contenu_rep_entrep, #contenu_divers p {
   font-size: medium;
}   
 
#contenu h1, #menu_journaux h1, #contenu_accueil h1, #contenu_rep_entrep h1 {
	width: 210px;
	height: 45px;
	background-position: left top;
	text-align: left;
	color: #36C;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	background-image: url(images/entete_agence.png);
	background-repeat: no-repeat;
	padding: 5px;
}

#contenu h5 {
   margin-left: 60px;
   font-weight: bold;
   color: #3F3F3F;
}
   
#contenu_accueil h1  {
   width: 100px;
}

#contenu_accueil h2 {
  margin-top: 0px;
  font-size: medium;
}

#forma_dist {
    width: 475px;
    height: 277px;
    background-image: url(images/tableaugris.jpg); 
    background-repeat: no-repeat;
    margin-left: 60px;
    margin-top: 0px;
    padding-top: 25px;
    padding-left: 52px;
}

#forma_dist ul {
     margin-top: 35px;
}     

#forma_dist a, #forma_dist li {
       color: #F9F9F9; 
}
       
#forma_gratuite {
   margin-top: -12px;
   margin-left: 60px;
}

#contenu_rep_entrep table  {
   margin-top: -5px;
}   
         
table {
   margin-top: 24px;
	border-collapse: separate;
	border-spacing: 3px;
	text-align: left;
	color: #BBDDFF; 
}
			
td  {
   padding: 6px 6px 6px 6px;
   background-color: #1069D3;
}	
		
td.nomAgence, td.formation, td.entreprise {
   width: 30%;
   background-color: #82969F;
	/ * background-color: #6A6D6F; */
}  
   
td.nomAgence a, td.entreprise a, td.formation a {    
   color: #000000;
   font-weight: bold;
}
    
td.descrAgence, td.descrEntrep, td.descrFormation {
   color: #373737; 
  	background-color: #80B5DF; 
}
 

/*      M E NU   D E T E N T E   D E   L A   P A G E   D ' A C C U E I L    */

#menu_detente {
   width: 570px;
   background: url(images/barre_motif14.png) repeat;
   margin: 24px 0 0 32px;
   padding: 0; 
   border: medium double #6688ff;
}
   
#menu_detente ul {
  	line-height: normal;
	color: #000000;
}

#menu_detente li {
	 list-style: none; 
}	 

#menu_detente h3 {
   margin: 6px 0 11px 5px;
 	text-align: center;
	text-decoration: none;
	text-transform: none;
	letter-spacing: .2em;
	font-size: medium;
	font-weight: bolder;
	color: #0033FF;	
}

#menu_detente p {
   margin: 12px 0 0 12px;
   padding: 1px 0 5px 1px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: x-small;
	font-weight: bold;
	color: #000066;
	}
	
#menu_detente a {
   margin: 5px 0 12px 12px;
   padding: 1px 1px 12px 0; 
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: x-small;
	font-weight: bolder;
	color: #660099;
}

/*     F O O T I N G        */

#copyright {
  color: #F9F9F9;
  text-align: center;
  font-size: small;
}

