html, body {
height:100%;
font-family: "Verdana, Arial";
font-size: 0.9em;
margin:0 0 0 0;
padding:0 0 0 0;
}
#conteneur {
margin:auto auto auto auto;
position: relative;
height:auto;
min-height: 100%;
}
#pied {
position:absolute;
bottom:0;
padding:0 0 0 0;
width=100%;
height:70px;
background-image:url(images/pied.gif);
	background-repeat:repeat-x;
}

#header {
/*background-image:url(images/banniere-matin.gif);*/
background-image:url(images/banniere-aprem.gif);
/*background-image:url(images/banniere-soir.gif);*/
position:absolute;
background-repeat:no-repeat;
/*float:left;*/
/*width:674px;*/
	/*width:612px;*/
	width:485px;
	/*height:112px;*/
	height:110px;
	left:-6px;
	clear:both;
}
#header2 {
background-image:url(images/banniere-matin2.gif);
/*background-image:url(images/banniere-soir2.gif);*/
	/*position:absolute;*/
	height:110px;
	width:auto;
	background-repeat:repeat-x;
	/*white-space:nowrap;*/
	border:none;
	/*background-attachment: fixed;*/
	clear: left;
}

/*#conteneur {
position: relative;
width: 100%;
}*/

.centre {
position:relative;
padding:0 0 0 0;
margin:0px 0px 70px 137px;
height-min:100%;
}

.centre-accueil {
position:relative;
margin-left: 130px;
height-min:100%;
/*top:150px;*/
}

.menugauche {
position:relative;
list-style-type: none;
margin:0 0 0 1px;
padding:0 0 0 0;
font-size:1.1em;
list-style-image:url(images/bouton_bleu.gif);
}

.menugauche a {
margin:2px;
color:#000000;
/*color:#3E7CE0*/;
}
.menugauche a:hover {
text-decoration:underline;
background-color:#D6E1EB;
list-style-image:url(images/fleche_bleue.gif);
}

.menugauche a:visited {
font-style:italic;
}

p{
margin:0;
}

/************************ CADRE MENU VERTICAL ******************************/

.cadre-gauche {
position: absolute;
left: -5px;
width: 136px;
}

.cadre-gauche-accueil {
position: absolute;
left: 0px;
top: 115px;
width: 136px;
}

dl, dt, dd {         /* suppression de toutes les marges */
margin: 0 0 0 0;
padding: 0 0 0 0;
}

dl {         /* image qui sera fixée en bas du cadre */
background: url(images/bas-cadre.gif) bottom left no-repeat;
padding-bottom: 29px;   /* pour que le texte ne s'affiche pas sur l'arrondi du bas */
}

dt {         /* définitions du titre du cadre */
height: 26px;
background: url(images/haut-cadre.gif) top left no-repeat;
font-size: 1.1em;
font-weight: bold;
text-align: center;
}

.dt2 {         /* définitions du titre du cadre */
height: 26px;
background: url(images/haut-cadre.gif) top left no-repeat;
font-size: 1.1em;
font-weight: bold;
text-align: center;
}

.dt3 {         /* définitions du titre du cadre */
height: 26px;
background: url(images/haut-cadre.gif) top left no-repeat;
font-size: 1.1em;
font-weight: bold;
text-align: center;
}

dd {
padding: 0 10px 0 40px; /* gestion des espaces internes du cadre */
/*text-align: center;*/
background: url(images/cotes-cadre.gif) top left repeat-y;    /* arrière-plan intérieur qui va se répéter */
}

.dd2 {
padding: 1px 10px 5px 20px; /* gestion des espaces internes du cadre */
/*text-align: center;*/
background: url(images/cotes-cadre.gif) top left repeat-y;    /* arrière-plan intérieur qui va se répéter */
}

.dd3 {
padding: 1px 10px 5px 32px; /* gestion des espaces internes du cadre */
/*text-align: center;*/
background: url(images/cotes-cadre.gif) top left repeat-y;    /* arrière-plan intérieur qui va se répéter */
}

.monli{
padding-bottom:10px;
}
/******************** FIN CADRE ******************/

/************************ CADRE Connexion Droite ******************************/

.cadre-droit {         /* positionnement du cadre, que vous pouvez modifier */
float:left;
clear:both;
position: absolute;
/*right: 0px;*/
left:-5px;
top: 300px;
width: 137px;
margin-right:0px;
}

/******************** FIN CADRE ******************/

/************************ CADRE Connexion Droite 2 ******************************/

.cadre-droit2 {         /* positionnement du cadre, que vous pouvez modifier */
float:left;
clear:both;
position:absolute;
/*right: 0px;*/
left:-5px;
top: 330px;
margin-right:9px;
width: 137px;
}

/******************** FIN CADRE ******************/

/*************** BOUTON 1 **********/
#lien1 {	/* "lien" sera notre conteneur, ici la balise div */
background: url(images/bouton-bleu2.gif) top left no-repeat;
position:absolute;	/* placement de l'image-lien, à vous d'adapter */
left: 3px;	/* dimensions selon l'image, à vous d'adapter */
top: 69px;
width: 90px;
height: 25px;
font-size: 1.0em;
text-align:center;	/* placement de l'image 2 au second plan */
}

#lien1 a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
text-decoration:none;
background: url(images/bouton-bleu1.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
color:#FFFFFF;
font-family:"Verdana, Arial";
}

#lien1 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 

#titre-lien1 {	/* "lien" sera notre conteneur, ici la balise div */
position:absolute;
left:23px;
top:7px;
width:auto;
height:auto;
color:#FFFFFF;
text-align:center;
font-size: 1.1em;
font-family:"Verdana, Arial";
cursor:pointer;
}
/**************** FIN BOUTON *****************/

/*************** BOUTON 2 **********/
#lien2 {	/* "lien" sera notre conteneur, ici la balise div */
/*background: url(images/highlight_08.gif) top left no-repeat;*/
background: url(images/bouton-rouge2.gif) top left no-repeat;
position:absolute;	/* placement de l'image-lien, à vous d'adapter */
left: 95px;	/* dimensions selon l'image, à vous d'adapter */
top: 69px;
width: 90px;
height: 25px;
font-size: 1.0em;
text-align:center;	/* placement de l'image 2 au second plan */
}

#lien2 a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
text-decoration:none;
/*background: url(images/normal_08.gif) top left no-repeat;*/
background: url(images/bouton-rouge1.gif) top left no-repeat;
color:#FFFFFF;
font-family:"Verdana, Arial";

}

#lien2 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 

#titre-lien2 {	/* "lien" sera notre conteneur, ici la balise div */
position:absolute;
left:22px;
top:7px;
width:auto;
height:auto;
color:#FFFFFF;
text-align:center;
font-size: 1.1em;
font-family:"Verdana, Arial";
cursor:pointer;
}
/**************** FIN BOUTON *****************/

/*************** BOUTON 3 **********/
#lien3 {	/* "lien" sera notre conteneur, ici la balise div */
background: url(images/bouton-vert2.gif) top left no-repeat;
position:absolute;	/* placement de l'image-lien, à vous d'adapter */
left: 187px;	/* dimensions selon l'image, à vous d'adapter */
top: 69px;
width: 90px;
height: 25px;
font-size: 1.0em;
text-align:center;	/* placement de l'image 2 au second plan */
}

#lien3 a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
text-decoration:none;
background: url(images/bouton-vert1.gif) top left no-repeat;
color:#FFFFFF;
font-family:"Verdana, Arial";
}

#lien3 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 

#titre-lien3 {	/* "lien" sera notre conteneur, ici la balise div */
position:absolute;
left:19px;
top:7px;
width:auto;
height:auto;
color:#FFFFFF;
text-align:center;
font-size: 1.1em;
font-family:"Verdana, Arial";
cursor:pointer;
}
/**************** FIN BOUTON *****************/

/*************** BOUTON 4 **********/
#lien4 {	/* "lien" sera notre conteneur, ici la balise div */
background: url(images/bouton-jaune2.gif) top left no-repeat;
position:absolute;	/* placement de l'image-lien, à vous d'adapter */
left: 279px;	/* dimensions selon l'image, à vous d'adapter */
top: 69px;
width: 90px;
height: 25px;
font-size: 1.0em;
text-align:center;	/* placement de l'image 2 au second plan */
font-family:"Verdana, Arial";
}

#lien4 a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
text-decoration:none;
background: url(images/bouton-jaune1.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
color:#FFFFFF;
font-family:"Verdana, Arial";
}

#lien4 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
font-family:"Verdana, Arial";
} 

#titre-lien4 {	/* "lien" sera notre conteneur, ici la balise div */
position:absolute;
left:18px;
top:7px;
width:auto;
height:auto;
color:#FFFFFF;
font-size: 1.1em;
text-align:center;
font-family:"Verdana, Arial";
cursor:pointer;
}
/**************** FIN BOUTON *****************/

/*************** BOUTON 5 **********/
#lien5 {	
background: url(images/bouton-bleu2.gif) top left no-repeat;
position:absolute;	
left: 371px;	
top: 69px;
width: 90px;
height: 25px;
font-size: 1.0em;
text-align:center;	
}

#lien5 a {	
display: block;
width: 100%;
height: 100%;
text-decoration:none;
background: url(images/bouton-bleu1.gif) top left no-repeat;	
color:#FFFFFF;

}

#lien5 a:hover {	
background: transparent none;
} 

#titre-lien5 {	
position:absolute;
left:16px;
top:7px;
width:auto;
height:auto;
color:#FFFFFF;
font-size: 1.1em;
text-align:center;
font-family:"Verdana, Arial";
cursor:pointer;
}
/**************** FIN BOUTON *****************/

.formlabel {
    clear: left;
    float: left;
    width: 100px;
    padding-right: 2px;
    text-align: left;
	font-family:"Verdana, Arial, Helvetica, sans-serif";
	color:#FFFFFF;
	font-size:1.1em;
}

.formlabel2 {
    clear: left;
    float: left;
    width: 100px;
    padding-right: 2px;
    text-align: left;
	font-family:"Verdana, Arial, Helvetica, sans-serif";
	color:#000000;
/*	color:#3E7CE0;*/
	font-size:1.1em;
}

.formbutton {
    clear: right;
    float:none;
	margin-right:2px;
	margin-bottom:2px;
}

.formbutton2 {
    clear: right;
    float:none;
	margin-right:2px;
	margin-bottom:2px;
	margin-top:2px;
}

.lienconnexion{
font-size:0.8em;
color:#D6E1EB;
float:left;
clear:left;
padding-top:6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.lienconnexion2{
font-size:0.8em;
color:#3E7CE0;
float:left;
clear:both;
margin:0 0 0 0;
padding-top:4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.lienconnexion a{
color:#000000;
/*color:#FF0000;*/
}

.lienconnexion a:hover{
color:#FF0000;
}

.lienconnexion2 a{
color:#000000;
}

.lienconnexion2 a:hover{
background-color:#D6E1EB;
/*font-style:italic;*/
color:#000000;
}

.lienconnexion a:visited{
color:#FFFFFF;
}

.surligne{
float:left;
margin-left:-4px;
/*clear:left;*/
background-color:#D6E1EB;
}

form{
margin:2px 0 0 0;
}

h1{
font-size:1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h2{
font-size:1.0em;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 0 0 0;
padding:0 0 0 0;
}

#image{
height:295px;
width:535px;
background-image:url(images/bateau.jpg);
background-repeat:no-repeat;
}

.saut{
margin:0px 0 0 0;
padding:6px 0 0 0;
font-family:"Verdana, Arial";
}

#presentation{
position:static;
/*padding-right:130px;
padding-left:25px;*/
font-size:1.1em;
padding-left: 137px;
/*padding-right:137px;*/
width:600px;
/*margin-left:20%;*/
/*margin-right:137px;*/
/*width:450px;*/
}

#bandeau1{
}

#top-droit{
float:right;
background-repeat:no-repeat;
}

#bottom-droit{
float:right;
background-repeat:no-repeat;
padding-top:4px;
}

#bottom-gauche{
float:left;
background-repeat:no-repeat;
padding-top:4px;
}
td /* Les cellules normales */
{
   left-border: 0px solid black;
   text-align:left; /* Tous les textes des cellules seront centrés*/
   padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
#abo a{
color:#FFFFFF;
font-size:0.9em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
#abo a:hover{
color:#FFFFFF;
text-decoration:underline;
}
.mon_h1 {
	background: transparent url(images/h1.jpg) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding:0 0 0 18px;
	margin:0 0 0 0;
}

wait{
background-image:url(images/wait.gif);
background-repeat:no-repeat;
 width:300px;
 height:19px;
 font-size:1.1em; 
 padding-left:100px; 
 padding-top:3px;
 margin-bottom:1px;
 margin-top:4px;
 color:#000000;
}

.metiers_h1{
color:#FF0000;
}
.metiers_h2{
color:#3E7CE0;
font-size:1.0em;
font-family:"Times New Roman";
}

.mabox{
background: transparent url(images/fond-cadre.jpg) repeat-y;
border:1px solid #000000;
margin-top:3px;
padding:5px 5px 5px 15px;
width:325px;
}