body
{
   margin: auto;
   margin-top:0px;
   margin-bottom: 30px;
   background: white url('../_img/fond-bottom.jpg') repeat-x bottom;
   color: #C00751;
   font-family: arial,sans-serif;
}

a img
{
border: none;
}

#CorpsContent
{
	width: 800px;
	margin: auto;
}


#bodywrapper
{
	padding-top: 30px;
	background:url('../_img/fond.jpg') repeat-x;
	margin-bottom:60px;
}

/* L'en-tête */

#en_tete
{
   width: 800px;
   height: 193px;
   background: url('../_img/header3.jpg') no-repeat;
   /* margin-bottom: 10px; */
}


/* Le menu */

#menu
{
   float: left;
   width: 120px;
}

.element_menu
{
   background: #568bb7 url('../_img/bg_menu.png') no-repeat;
  /* border: 2px solid black; */
   margin-top: 20px
}


/* Images écoles */

#logo_ecole
{
    width:110px;
    height:110px;
    display:none;
}

/* Quelques effets sur les menus */

.element_menu h3
{   
   color: white;
   text-align: center;
   font-size:1em;
   padding-top: 5px;
}

.element_menu h3:before
{
   content: '\00bb  ';
} 

.element_menu ul
{
   width:110px;
   list-style: none;
   padding: 5px;
 /*  padding-bottom: 20px; */
   margin: 0px;
}

.element_menu li
{
   font-weight:bold;
   font-size:0.8em;
   line-height: 1em;
   margin: 6px 0px;
}

.element_menu li a
{
   text-decoration:none;
   color:white;
   display:block;
} 


.element_menu li a:hover
{
   background-color: white;
   color: black;
}


/* Le corps de la page */

#corps
{
   width:630px;
   margin-left: 140px;
   margin-top: 20px;
   margin-bottom: 20px;
   padding: 5px;
   color: #C00751;
   background: white;
   border: 10px solid #C00751;
   border-top: 10px solid #C00751;
   font-size:0.8em;
   min-height: 368px;
}

#corps h1
{
   text-align: center;
   color:#C00751;
   font-size: 1.7em;
   font-style:italic;
}

#corps h2
{   
   text-align: center;
   color:#C00751;
   font-size: 1.1em;
   font-style:italic;
   margin: 20px 0px 0px 0px;
}

#corps ul
{
	margin-left:50px;
}

#corps a
{
   color: #568bb7;
}

#corps a:hover
{
   text-decoration:none;
}

#corps p
{
   text-align : justify;
   padding-left : 30px;
   padding-right: 30px;
}

.titre_paragraphe
{   
   text-align: left;
   color:#568bb7;
   font-size: 1.2em;
   margin-top:7px;
   font-weight:bold;
}

.miseenvaleur
{   
   text-align: left;
   color:#568bb7;
   font-weight: bold;
   font-style:italic;
   margin-left:170px;
}

.center{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Cadres intérieurs*/
.cadre
{
	color:white;
	width:500px;
	height:auto;
	background-color:#568bb7;
	padding-bottom:5px;
	margin-bottom:30px;
	margin-left:60px;

}

#corps .cadre p a
{
	color:white;
}

#corps .cadre p a:hover
{
	text-decoration:none;
}

.cadre .haut
{
	width:500px;
	height:47px;
	background-color:white;
}

/* Liste des entreprises */


#corps ul.entreprises
{
	width:220px;
	margin-left:20px;
	list-style-image:url('../_img/guillemet.png');
	font-size:10pt;
}

/* Page de liens */

#corps #ecoles {
  margin: auto;
}

#corps #ecoles td {
  margin: 0px;
  padding: 10px;
}

#corps #ecoles td a{
  text-decoration: none;
  font-weight: bold;
}

#corps #ecoles td a em{
  font-weight: normal;
}

#corps #ecoles td a:hover{
  text-decoration: underline;
}

/* Dépot de CV */

#corps #actions_etudiant, #corps #actions_entreprise {
  float: right;
}

#corps #actions_entreprise{
  margin-bottom: 10px;
}

#corps #actions_etudiant a, #corps #actions_entreprise a{
  margin: 3px;
  padding: 5px;
  background-color: #568bb7;
  color:  white;
  text-align: right;
  text-decoration: none;
}

#corps #actions_etudiant a {
  display: block;
}
#corps #actions_etudiant a:hover, #corps #actions_entreprise a:hover{
  background-color: white;
  color:  #568bb7;
}

#corps #info {
  width: 360px;
  border: 1px dashed #C00751;
  margin-left: 30px;
  padding: 5px;
  background-color: #ffffcc;
}

#corps #info strong, #corps form#form_etudiant label strong, #corps form#form_etudiant strong strong {
  color: red;
  font-size: 17px;
}

#corps ul#liste_acces_entreprise {
  margin-right: 30px;
}

#corps ul#liste_acces_entreprise a{
  margin : 10px 0px;
  padding: 5px 3px 2px 3px;
  color: white;
  background-color: #568bb7;
  text-decoration : none;
}

#corps ul#liste_acces_entreprise a:hover{
  color: #568bb7;
  background-color: white;  
}

/* Formulaire */

form#form_etudiant label{
  display:inline;
  float:left;
  font-weight:bold;
  margin-right:5px;
  text-align:right;
  width:200px;
}



/* Le pied de page  */

#pied_de_page
{
   width:640px;
   margin-left: 140px;
   padding: 7px;
   padding-bottom:13px;
   padding-right:12px;
   position:relative;
   text-align: right;
   color: white;
   background: #C00751 url('../_img/bg_pied.png') repeat-x;
   font-size:0.75em;
}

#pied_de_page a{
  color: white;
  text-decoration: none;
}

#pied_de_page a:hover{
  text-decoration: underline;
}