@charset "iso-8859-1";

body {

background-color: #1A2741;
font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
font-size: 0.8em; /* on définit la taille de police de base dans la page */ 
color: #fff;
text-align: left;

}
.container {
position:absolute ; /* envoie la boite à un endroit précis de l'écran */
top:50em ; /* la boite débute à 50% du haut du parent (ici la page) */
left:50em ; /* la boite débute à 50% de la gauche du parent (ici la page) */
margin-top: -49.5em;
margin-left: -49.5em;
padding:0.5em;
border: 0.2em solid #fff;
background: #2175bc;
text-align:center;
width: 96%;
max-width: 1200px;
min-width: 760px;
}

.prop {
    float:left;
    width:1px;
	height:52em;
  }

.head1 { 
background-image: url('../images/banner2005.jpg ');
background-repeat: repeat-x;
width: 100%;
height: 75px;
border: 0.2em solid;
}

.gauche {
float: left;
margin-top: 5em;
margin-left:0.5em; 
background: #2175bc ;
width: 19%;

}

.w3c {
float:left;
margin-left:3em; 
bottom:0;

}

.centre {  

background: #2175bc;
text-align:left;
margin-left: 20%; /* on place le bloc centre par rapport à la largeur du bloc gauche */
margin-top: 5em;
padding: 1em; 

}

.footer {
clear:both;
width: 100%;
font-size: 0.6em; /* on définit la taille de police de base dans la page */ 
color: #fff;
text-align:center;

}

a img {
border:0;
}

h1 {  
font-size: 1.5em;
text-align: left;
font-weight: bold;
color: #FFFF99;
}


h2	{
font-size: 1.2em;
text-align: left;
font-weight: bold;
color: #FFFF99;
}

h4	{
font-size: 1em;
text-align: center;
font-weight: bold;
color: #FFFFFF;
}

ul,li {
list-style-type: none; /* pour ne pas avoir de puces */
margin: 0;
padding:0;
line-height: 3em; /* interligne */
} 

th {
background-color:#3295f9;
font-weight: normal;
font-size: 1em;
font-weight: bold;
color: #000;
}

p {
	font-size: 1em; 
	font-weight: bold;
 	text-align:justify;
}

A:visited {
	color: #3399FF; 
    text-decoration: underline;
}

A:link {
	color: #3399FF; 
    text-decoration: underline;
}
A:hover {
	color: #ff6600;
}

.little {
	color: #ffffCC; 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 0.6em; 
    text-decoration: none;
}

/*-------------------------------------------------*/
/*menu supérieur horizontal*/
/*------------------------------------------------*/
.menuhaut {
float: right; /* on aligne le menu horizontal à droite de son conteneur, head2 */
margin-right: 4em;
margin-top: 2em;
}
.menuhaut a {
font-size: 1em;
font-weight: bold;
color: #060C6F;
text-decoration: none; /* pour éviter le soulignement au survol */
margin-left: 2em; /* espacement entre chaque sous-menu */
}

li.inline {
 display: inline; 
 padding-left: 3px;
 padding-right: 7px;
 border-right: 1px dotted #066;
 }

li.last {
 display: inline;
 padding-left: 3px;
 padding-right: 3px;
 border-right: 0px;
 } 

/*-----------------------------------*/
/* menu vertical*/
/*-----------------------------------*/

#button {
  width:90% ;	  /*14em */
  border-right: 1px solid #000;
  padding: 0 0 0 0;
  margin-bottom: 1em;
  background-color: #90bade;
  color: #333;
  }
 
#button ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    }
    
#button li {
    border-bottom: 1px solid #90bade;
    margin: 0;
    }
    
#button li a {
     display: block;
    padding: 0.5em;
    border-left: 0.5em solid #1958b7;
    border-right: 0.5em solid #508fc4;
    background-color:#2175bc;
	color: #fff;
    text-decoration: none;
    font-weight: bold;
	width: 90%;
    }

html>body #button li a {
    width: auto;
    }

#button li a:hover {
    border-left: 0.5em solid #1c64d1;
    border-right: 0.5em solid #5ba3e0;
    background-color: #2586d7;
    color: #fff;
    
    }

/*-----------------------------------*/
/* menu vertical 2 */
/*-----------------------------------*/

#button2 {
  width:90% ;	  /*14em */
  border-right: 1px solid #000;
  padding: 0 0 0 0;
  margin-bottom: 1em;
  background-color: #CCCCCC;
  color: #333333;
  }
 
#button2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    }
    
#button2 li {
    border-bottom: 1px solid #90bade;
    margin: 0;
    }
    
#button2 li a {
     display: block;
    padding: 0.5em;
    border-left: 0.5em solid #1958b7;
    border-right: 0.5em solid #508fc4;
    background-color:#006699;
	color: #fff;
    text-decoration: none;
    font-weight: bold;
	width: 90%;
    }

html>body #button2 li a {
    width: auto;
    }

#button2 li a:hover {
    border-left: 0.5em solid #1c64d1;
    border-right: 0.5em solid #5ba3e0;
    background-color: #000033;
    color: #fff;
    
    }
/*-------------------------------------------------------------*/



/*-------------------------------------------------------------*/

.flottante {
  background-color: #CCCC99;
  border: 1px solid #996600;
  margin: 2px;
  padding:4px;
  float: left;
  width: 120px;
  text-align: center;
}
.box { 
  width: 650px;
  
}

hr {
clear: both;
visibility: hidden;
}