#fond{
	width:70%;
	background-color: #00008b; 
	text-align:center;	
	margin: auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	min-width:900px;
}

body{	
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url("image/mosaique.jpg")
}

/* L'en-tête */

#en_tete{
	height: 120px;
	background-color: #D3D3D3;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom: 2%;
	border: 1px solid black;
}


/* Le menu */

#menu dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu{	
	float: left;
	width: 200px;
	left: 15px;
	font-family: Arial;
	font-size: 0.7em;
	color: #00008b;
}

#menu dt{
	cursor: pointer;
	margin: 2px 0;
	height: 25px;
	line-height: 23px;
	text-align: center;
	font-weight: bold;
	border: 1px solid black;
}

#menu dd {
	border: 1px solid gray;
}

#menu li {
	text-align: center;
	background: #fff;
}

#menu dt a {
	color: #00008b;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
}

#menu li a{
	color: #000;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
}
#menu li a:hover, #menu dt a:hover {
	background:  #D3D3D3;
}
.titre_menu{
	background-color: #A9A9A9;
}
 .sous_menu{
background-color: white;
}

/* Le corps de la page */

#corps {
	text-align:left;
	min-height: 505px;
	background-color:  white;
	border: 1px solid black;
	margin-left: 223px;
	margin-bottom: 25px;
	margin-top:32px;
	padding: 8px;
	color: black;
}

#corps h1{
   color: black;
   text-align: center;
   font-family: Arial Black, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2{
   height: 30px;
   padding-left: 30px;
   color: black;
   text-align: center;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page{
	font-family:Arial;
	padding: 5px;
	text-align: center;
	color: white;
	background-color: #00008b;
	border: 1px solid white;
	font-size: 0.6em;
}

#pied_de_page a{
color: white;
}

.administration{
	font-size:0.9em;
}

/* mise en forme du tableau d'affichage des stages*/


#listeStages {
border: medium solid #6495ed;
max-width:100%;
border-collapse: collapse;
font-size:0.8em;
}

#listeStages th {
font-family: Verdana;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
background-color: #D0E3FA;
background-image: url(sky.jpg);
}

#listeStages td {
font-family: sans-serif;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
text-align: center;
background-color: #ffffff;
}



/* Mise en forme des formulaires*/

#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	background: #00008b;
	margin: 0;
	padding: .5em;
}
#piedForm {
	color: #00008b;
	text-align: right; 
}
#piedForm input {
	font-weight: bold; 
	margin-left: 1em;
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid black;
	color: black;
	background: #efefef;
	margin: 0;
	padding: 1em;
}


.type1 {          /*** Mise en forme des cadres ***/
    margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
    margin-top: 30px;
    margin-bottom: 30px;
}

.type2 {
    margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}

.type3 {
    margin-top: 10px;
	margin-bottom: 10px;
	font-style: normal;
	padding: 0.5em 1em 1em;
}

#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	font-size: medium;
	color: #00008b;
	background: transparent;
}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset  label{	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 40%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
    font-family: Arial;
    font-size: 0.8em;
}

.desactive {
	color: gray;
}

.presentationoffre {   /*** Mise en forme de la page presentation offre ***/
	margin: auto;
	padding:10px;
}

/*** Mise en page de la page presentation message blanc ***/

.messageblanc {
	font-family: Comic Sans MS;
    font-size: 0.8em;
}

.messageblanc1 {
	margin-left: 10%;
	width: 80%;
}

.messageblanc2 {
	margin-left: 10%;
	position: relative; 
	float:left;
	width: 50%;
}

.messageblanc3 {
	margin-left: 10%;
	position: relative; 
	float:left;
	width: 20%;
	text-align: center;
	font-family: Tekton Pro Ext;
	font-size: 1.3em;
	color: #00008b;
}


.messageblanc4 {
	margin-left: 10%;
	position: relative; 
	float:left;
	width: 47%;
	font-family: Verdana;
	font-size: 0.8em;
}

.messageblancimg{
	margin-left: 3%;
	margin-bottom: 5%;
	position: relative; 
	float:left;
	width: 30%;
}
 
.messageblanc dt{
   margin-left: 4%;
   margin-top: 50px;
   font-family: Verdana;
   font-weight:bold;
   font-size: 1.1em;
   color: black;
 }
 
 
 
#texteindex{
   background-image: url("image/Objectif_Pro2.gif");
   background-position: 50% 50%;
   background-repeat: no-repeat;
}   


.listeCheckbox{
	font-size:0.8em;
}
	
.fotoidentite{
	text-align:center;
}	

#indicationdepot{ /* A titre indicatif dans dépot */
	margin-left:10px;
	margin-top:5px;
	font-family: Verdana;
	font-size: 0.6em;
}

#menuadmin{ /* Administration*/
	
	position: relative; 
	float:left;
	width: 5%;
}

#corpsadmin{
	text-align:left;
	min-height: 700px;
	background-color:  white;
	margin-bottom: 10px;
	border: 1px solid black;
	margin-left: 205px;
	margin-bottom: 50px;
	padding: 8px;
	color: black;
	position: relative; 
	float:left;
	width: 75%;
}

#infosite dt{
	margin-top:5%;
	margin-left:20%;
	font-family: Verdana;
	font-size: 1em;
	font-weight: bold;
	color:black;
}

#infosite a{
	text-decoration:none;
}

#infosite dd{
	
	
	font-family: Verdana;
	font-size: 0.8em;
	
	margin-left:10%;
	color:black;
}

.texte{
	margin-left: 10%;
	position: relative; 
	width: 80%;
	font-family: Verdana;
	font-size: 0.8em;
}

h3{
	font-size: 1.2em;
	font-family: "Verdana";
	text-align:center;
	font-style: italic ;
}

.centrer{
	text-align: center;
}
.signature{
	text-align:right;
	font-size: 1.1em;
	font-family: "Verdana";
}

.bleu{
	color:#00008b;
}
.listeTexte{
	margin-left: 15%;
	position: relative; 
	width: 80%;
	font-family: Verdana;
	font-size: 0.8em;
}

h4{
	font-weight:bold;
	font-size:1em;
}
.alignVert{
	vertical-align:middle;
}