html {
   font-size: 16px;
   font-family :  Arial, Helvetica, Verdana; 
}

body {
   border: 0px;
   padding: 20px 0px 0px 0px;
   margin: 0px;
   background-image: url("Degrade_bleu.jpg");  
   background-repeat: repeat-x;  
   background-color: #00447F;
   text-align: center;   
} 

#centrage_ecran{
   position: relative;
   width: 1000px;
   margin: 0 auto;
   text-align: left;
}

#logo {
   position: absolute;
   left: -5px;
   top: -5px;
   width: 238px;
   height: 220px;
   z-index: 2;
   text-align: center;
}

#en_tete {
   position: absolute;
   left: 195px;
   top: 0px;
   width: 800px;
   height: 200px;
   z-index: 3;
}

#chg_langue {
   position: absolute;
   left: 725px;
   top: 135px;
   width: 70px;
   padding-top: 6px;
   padding-bottom: 6px;
   text-align: center;
/*   background-color: #7d7d7d;*/
}

#coordonnees {
   position: absolute;
   left: 10px;
   top: 481px;
   width: 175px;
   height: 145px;
   background-color: #f2f2f2;
   border: 1px solid gray;
   z-index: 4;
}

#menu {
   position: absolute;
   left: 10px;
   top: 167px;
   width: 175px;
   height: 300px;
   background-color: #f2f2f2;
   z-index: 1;
}

#corps {
   position: absolute;
   left: 195px;
   top: 167px;
   overflow-x: hidden;
   overflow-y: auto;
   width: 800px;
   height: 460px;
/*   background-image: url("Degrade_gris.jpg");  */
/*   background-repeat: repeat-x;  */
   background-color: #f2f2f2;
/*   background-attachment: fixed;
   background-position: 195px 187px;*/
   border: 1px solid gray;
   z-index: 5;
}

#corps_pos {
   position: absolute;
   left: 30px;
   width: 720px;
}
   
#pied_de_page {
   position: absolute;
   left: 10px;
   top: 620px;
   width: 975px;
   margin-top: 10px;
   z-index: 1;
}

p{
   border: 0px;
   padding: 0px;
   margin: 15px;
   font-size : 100%; 
   color : black;
}

ul{
   font-weight: normal;
   font-size : 100%; 
   color : black;
   text-align: justify;
}

li {
   font-size : 100%; 
   color : black; 
   text-align: justify;
}

td {
   font-size : 120%; 
   color : black; 
}

h1 {
   border: 0px;
   padding: 0px;
   margin-top: 20px;
   font-size : 160%; 
   color : #404040; 
   text-align: center;
}

h2 {
   font-size : 140%; 
/*   color : #01447f; */
   color : #202020; 
   padding-left: 15px;
   padding-top: 5px;
}

h3 {
   font-size : 125%; 
/*   color : #0069b4; */
   color : #454545; 
   padding-left:25px;
}

a:link {color: #01447f; text-decoration:underline;}
a:visited {color: #0069b4; text-decoration:underline;}
a:hover {color:orange; text-decoration:none;}

a.lien_gris:link {color: #505050; text-decoration:underline;}
a.lien_gris:visited {color: #a0a0a0; text-decoration:underline;}
a.lien_gris:hover{color: orange; text-decoration:underline;}

a.lien_bleu:link {color: #b0b0b0; text-decoration:underline;}
a.lien_bleu:visited {color: #404040; text-decoration:underline;}
a.lien_bleu:hover{color: orange; text-decoration:underline;}

.titre {
   width: 100%;
}

.slogan {
   border: 0px;
   padding: 0px;
   margin: 0px;
   position: absolute;
   top: 94px;
   left: 10px;
   font-size : 90%; 
   font-style: italic;
   text-align: left;
}

.langues {
   border: 0px;
   padding: 0px;
   margin: 0px;
   position: absolute;
   top: 92px;
   right: 157px;
   height: 30px;
   width: 265px;
   font-size : 110%; 
   font-style: bold, underline;
   color : #404040; 
   text-align: right;
}

.bord_gauche {
   position: absolute;
   left: 697px;
   top: 137px;
   width: 105px;
   height: 30px;
   z-index: -1;
}

.titre-menu {
   width: 100%;
   height: 40px;
   border-top: 1px solid gray;
   border-left: 1px solid gray;
   border-right: 1px solid gray;
   padding-top: 40px;
   background-color: #f2f2f2;
   text-align: center;
}

.menu {
   font-size : 180%; 
   font-weight: bold;
   color : #01447f; 
   padding-left: 0px;
   margin-top: 0px;
}
   
.ligne-menu {
   border: 0px;
   padding: 0px;
   margin: 6px;
   font-size : 100%; 
   color : black;
}

.boutons-menu  {
   width: 100%;
   height: 225px;
   border: 1px solid gray;
   background-color: #f2f2f2;
   text-align: center;
   vertical-align: middle;
   font-size : 80%; 
   color : black; 
}

.coord  {
   width: 100%;
   height: 100%;
   background-color: #f2f2f2;
   text-align: left;
   vertical-align: middle;
   font-size : 70%; 
   color : black; 
   text-align: center;
}

.text {
   text-align: justify;
}

.outils{
   font-weight: bold;
   padding-top: 10px;
   padding-bottom: 10px;
}

.client{
   font-style: italic;
   text-align: right;
   padding-top: 2px;
   padding-bottom: 25px;
}

.renvois-exp {
   width: 150px;
   margin-top: -15px;
   padding-left: 10px;
   font-size: 100%;
   font-weight: bold;
   float: left;
}

.domaines-exp{
   margin-bottom: 0px;
}

.exp {
   width: 540px;
   margin-top: -15px;
   font-size: 90%;
   padding-left: 15px;
   vertical-align: top;
   float: left;
}

.centrage_col {
   height: 285px;
   width: 785px;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

.col1 {
   height: 280px;
   width: 235px;
   border: 1px solid black;
   float: left;
}

.col2  {
   height: 280px;
   width: 235px;
   border: 1px solid black;
   float: left;
   margin-left: 10px;
}

.col3 {
   height: 280px;
   width: 240px;
   float: left;
   margin-left: 10px;
   margin-top: 25px;
}

.legende {
   margin-top: 25px;
   margin-bottom: 25px;
}

#bloc_vert {
   height: 30px;
   width: 30px;
   background-color: #b5f1d4;
   float: left;
}

#bloc_jaune {
   height: 30px;
   width: 30px;
   background-color: #fbf663;
   float: left;
}

#bloc_rouge {
   height: 30px;
   width: 30px;
   background-color: #f67c7c;
   float: left;
}

.texte_legende {
   font-size: 80%;
   text-align: left;
   margin-left: 50px;
}

.nbre_mots {
color: black;
font-weight: normal;
font-size: 90%;
}

.type_travail {
color: #404040;
font-weight: bold;
font-size: 115%;
}

.fra {
color: #0070FF;
}

.eng {
color: navy;
}

.esp {
color: #F05000;
}

.engesp {
color: black;
}

.eng1 {
color: black;
}

.esp1 {
color: black;
}

#nom {
   vertical-align: top;
   position: absolute;
   left: 180px;
   width: 150px;
}

#email {
   vertical-align: top;
   position: absolute;
   left: 180px;
   width: 200px;
}

#objet {
   vertical-align: top;
   position: absolute;
   left: 180px;
   width: 250px;
}

#message {
   vertical-align: top;
   position: absolute;
   left: 180px;
}

#fichier {
   vertical-align: top;
   position: absolute;
   left: 180px;
}

#submit {
   position: relative;
   left: 600px;
   top: -190px;
   width: 74px;
   height: 24px;
}

#verif {
   display: none;
}

.focus {
   background-color: #f67c7c;
}

.petit {
   font-size: 80%;
}

.alerte {
   font-weight: bold;
}

.infos {
   font-size: 70%;
   text-align: center;
   color: black;
}
/* + -----------------------------------------------------
	Styles appliqués au Calendrier
+ ----------------------------------------------------- */

#calendrier li{
	list-style-type: none;	
}

#libmois1, #libmois2 {
	width: 210px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 10;
	padding: 0;
	list-style-type: none;
	font-size: 150%;
	font-weight: bold;
}

#libelle1, #libelle2 {
	width: 210px;
	margin: auto;
	padding: 0;
	list-style-type: none;
	font-size: 130%;
}

.ligne {
	width: 210px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
} 

#libelle1 li, #libelle2 li {
	float : left;
	width : 30px; 
	list-style-type: none;
}

.joursem {
	font-size: 80%;
} 

.ligne li {
	color: #000;
	float : left; 
	width : 30px; 
	list-style-type: none;
}

.ligne li a:hover{
	list-style: none;
	text-decoration: none;
	list-style-type: none;
}

li.vide, li.joursem {
	width: 30px;
	height: 30px;
	color: black;
	list-style-type: none;
}

li.Courantlibre {
	width: 30px;
	height: 30px;
	color: blue;
    background-color: #b5f1d4;
	list-style-type: none;
}

li.Courantoccup {
	width: 30px;
	height: 30px;
	color: blue;
    background-color: #f67c7c;
	list-style-type: none;
}

li.Courantpart_occup {
	width: 30px;
	height: 30px;
	color: blue;
    background-color: #fbf663;
	list-style-type: none;
}

li.Existantlibre {
	width: 30px;
	height: 30px;
	color: black;
    background-color: #b5f1d4;
	list-style-type: none;
}

li.Existantoccup {
	width: 30px;
	height: 30px;
	color: black;
    background-color: #f67c7c;
	list-style-type: none;
}

li.Existantpart_occup {
	width: 30px;
	height: 30px;
	color: black;
    background-color: #fbf663;
	list-style-type: none;
}

/* + -----------------------------------------------------
	Styles appliqués à la partie d'administration
+ ----------------------------------------------------- */

#result_rech {
    width: 100%;
}

.texte_adm {
   font-size:90%;
}

.col_a1 {
   height: 400px;
   width: 320px;
   border: 1px solid black;
   padding-left: 20px;
   float: left;
   margin-bottom: 10px;
}

.col_a2  {
   height: 400px;
   width: 320px;
   border: 1px solid black;
   padding-left: 20px;
   float: left;
   margin-left: 10px;
   margin-bottom: 10px;
}

.col_a3 {
   height: 170px;
   width: 320px;
   border: 1px solid black;
   padding-left: 20px;
   float: left;
   margin-left: 10px;
   margin-top: 10px;
}

.intitule {
   width: 100px;
   text-align: left;
   float: left;
}

.champ {
   width: 200px;
   text-align: right;
   float: left;
}