body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	background-color:#EAEAEC;
    color: #404040;
}

a{text-decoration:underline;}
a:hover{text-decoration:none;}
img{ border: none;}

h1 , h3, a
{
    color:#b71234;
}

h1
{
	margin:0 0 15px 0;
	border-bottom: dotted 1px #D2D2D2;
	padding:0;
	font-size:2em;
	font-weight:lighter;
}

h2
{
    display:inline;
	font-size:1.1em;
	color:#896C3B;
	margin:5px 0 0 0;
	padding:0;
}

h3
{
    display:inline;
	font-size:1em;
}

.liens-occasionnels
{
	font-size:0.9em;
	list-style-type:none;
}
.liens-occasionnels a
{	
	color: #757575;
}
.liens-occasionnels li
{
	display:inline;
	border-right:solid 1px #757575;
	padding: 3px 10px 3px 6px;
}
.liens-occasionnels li.dernier{border-right:none;}

/* Contenu de la page entière */
#page
{
	margin-left:auto;
	margin-right:auto;
	width:800px;	
	background-color:White;
	padding:5px 15px 15px 15px ;
}

/* Complètement en haut de page. Contient le logo de l'entreprise (Gauche) et les liens
"Contactez-nous" et "Plan du site" (Droite) */
#en-tete
{
	width:100%;
	height:30px;
}

/* Conteneur de la bannière alléatoire */
#banniere
{
	margin-top:10px;
	height:300px;
}
#banniere #logo
{
    background-image: url("../Images/logoBanner.png");
	float:left;
	width:148px;
	height:95px;
	margin:8px 0 0 8px;
}
#banniere img{border:none;}

/* Menus de navigation du site, sous forme de liste horizontale.*/
#menu
{
    background-image: url("../Images/menu_corps.png");
    background-repeat:repeat-x;
    float: right;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#menu li
{
   display: inline-block;
   height:35px;
   padding: 0;
   margin: 0;
}

#menu a
{
    display: block;
	text-decoration:none;
	color:White;
	height:13px;
	padding:11px 10px 11px 10px;
	margin: 0;
}
#menu a:hover
{
	background-color: #b71234;
}

#coin-menu
{
    background-image: url("../Images/menu_debut.png");
    background-repeat:no-repeat;
    float: right;
    height: 35px;
    width:38px;
}

#menu li.menu-corps
{

}

#menu li.menu-separateur
{
    background-image: url("../Images/menu_separateur.png");
    background-repeat:no-repeat;
}

/* Chemin de navigation. Sous le menu. */
#chemin-navigation
{
	margin-top:10px;
}



/* Corps de la page. Contient le texte propre à la section du site */
#contenu
{
    background-image: url("../Images/Logo_Planete.png");
    background-repeat:no-repeat;
    background-position:right bottom;
    min-height:500px;
	width:100%;
	margin-top:10px;
}

#contenu-marge
{
 	width:175px;
	margin-right:10px;
	float:left;   
}
#contenu-marge img
{
 	width:100%; 
}

#contenu-corps 
{
	display:inline-block;
    width: 615px;
}

#contenu-corps .pull-center
{
    width: 615px;
    margin-left: -92px;
}

#contenu-corps p
{
	margin:5px 0 10px 0;
	padding:0;
}

div.coordonnees
{
    width:49%;
    font-size:0.8em;    
}

div.coordonnees table
{
    width:100%;
    border:solid 1px #d2d2d2;   
    background-color:#f8f8f8;
    padding:2px 2px 2px 2px;
    margin-top:10px;
}

#haut-de-page
{
    float:right;
    margin:30px 0 0 0;
}

#haut-de-page a, #haut-de-page a:visited
{
	text-decoration:none;
	color:#686868
}

#logo-iso
{
    width: 150px;
    border: none;
}

/* Pied de la page. Contient les liens occasionnels et le Copyright. */
#pied-de-page
{
	text-align:center;
	color: #757575;
	font-size:0.85em;
	margin-top:50px;
}

.message-erreur
{
	color:Red;
	font-size:1em;
	font-weight:bold;
}

.img-centree
{
	text-align:center;
}

.tableau-services
{
    width:100%;
    text-align:center;
    border-collapse:collapse; 
}

.tableau-services td 
{
     border:solid 1px black;
}

.tableau-services td.titre
{
    background-color:black;
    padding:5px 0 5px 0;
	font-weight:bold;
}

.tableau-services td.sous-titre
{
    background-color:#D2D2D2;
    padding:5px 2px 5px 2px;
	font-weight:bold;
	font-size:0.8em;

}

.tableau-services td.item
{
    text-align:left;
    background-image: url("../Images/Crochet.jpg");
    background-repeat:no-repeat;
    padding:0 3px 0 20px;
    vertical-align:top;
	font-size:0.9em;
}

.bouton-postuler
{
    background-image: url("../images/fleche.png");
    background-position: left;
    background-repeat: no-repeat;
    display:block;
    margin:5px 0 15px 0;
    padding: 0 0 0 15px;
}