body{
	background: #342C2A;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.orange{
	color:#E05206;
}
.droite{
	text-align:right;
}
.centre{
	text-align:center;
}
.clear{
	display:block;
	clear:both;
	width:100%;
}
.clearleft{
	clear:left;
}
.menuTitre {
	text-align:center;
	font-size:16px;
}
.soustitre{
	font-size:12px;
	color: #332B2A;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 16px;
	display:block;
}
.lettrine {
	color: #E05206;
	text-transform: uppercase;
}
.gras{
	font-weight : bold;
}
.justify{
	text-align:justify;
}
.invisible{
	display:none;
}
.offre{
	display:block;
	float:left;
	width:320px;
}

.triangle{ /*espace dans le menu pour que l'on voit l'image triangle.gif*/
	width:6px;
	height:11px;
	border:0;
	margin:0 0 0 2px;
	padding:0;
}

a:link{
	color: #E05206;
	text-decoration: none;
	font-weight: bold;	
}
a:visited {
	text-decoration: none;
	color: #FA8343;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #E05206;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #332B2A;
	font-weight: bold;
}
a.btn{
	display:block;
	float:right;
	background:url(theme/Human_Puce.jpg) no-repeat bottom right;
	padding:0 18px 0 0; margin:0;
	width:107px; /* (news : 425px) minus (vide : 300px) minus (padding : 18px) */
	height:26px;
	line-height:26px;
	text-align:right;
	color:#342C2A;

}
.vide{
	display:block;
	width:300px;
	padding:0;margin:0;
	height:26px;
	line-height: 26px;
	text-align:left;
	float:left;	
}
#btn a {
	

}

hr{
	border-left:0;
	border-right:0;
	border-top:0;
	border-bottom-color: #E05206;
	margin:2px 0 5px 0;
	padding:0;
}
h1 {
	font-size:20px;
	color: #E05206;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	font-variant: normal;
	margin:0;
	padding:0;
}
h2 {
	display:block; /*debug*/
	width:100%; /*debug*/
	clear:both; /*debug*/
	font-size:18px;
	color: #E05206;
	text-transform: capitalize;
	font-variant: small-caps;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 45px;
	font-weight:normal;
	margin:0;
	padding:0;
	height:35px;
}

h4 {
	font-size:12px;
	color: #332B2A;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 20px;
	margin:0;
	padding-left:2px;
}

h3 {
	font-size:12px;
	color: #332B2A;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 18px;
	background-color: #CCCCCC;
	margin:0;
	padding-left:2px;
}
p {
	margin:0;
	padding:0;
	text-align:justify;
	display:block;
}
ul{ list-style-image : url("theme/triangle.gif");
margin:0;padding:0 0 0 30px;
}
#global{
	min-height:100%;
	width:900px;
	padding:0 10px;
	margin:0 auto;
}

/*////////////////////////////
		Le header
////////////////////////////*/
#top{
	height: 20px;
	width:900px;
	background:url(theme/top.png) no-repeat top center;
	font-size:24px;
	text-align:center;
	line-height:20px;
	margin:20px 0 0 0;
}

/*////////////////////////////
		Le contenu
////////////////////////////*/

#conteneur{
	background: url(theme/contenu_fd.jpg) repeat-y top right;
	margin:0;
	width: 900px;
	padding:0;
}
#logo{
	float:left;
	background:url(theme/logo.jpg) no-repeat top left;
	width:259px;
	height:95px;
	margin:20px 0 35px 50px;
	padding:0;
}
#logo a{
	display:block;
	width:259px;
	height:95px;
}
#pub{
	background: #ffffff url(theme/Human_Pub.swf) top left;
	float:right;
	margin:20px 50px 35px 0;
	padding:0;
	width:539px; /* 468 moins 2px de bordure*/
	height:95px;
	/*border:solid 1px #F0F0F0;*/
}
#accroche{
	background:url(theme/accroche.jpg) no-repeat top center;
	width:898px;
	height:212px;
	margin:0;
	padding:0;
}
#accroche.espace{
	background:#FFFFFF;
	width:898px;
	height:45px;
	margin:0;
	padding:0;
}
#contenu{
	margin:0;
	padding:0 50px 0 50px;
	width:800px;
}
#news{
	float:left;
	width:425px;
}
#news h1{
	font-size:18px;
	color: #E05206;
	text-transform: capitalize;
	font-variant: small-caps;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 45px;
	font-weight:normal;
	margin:0;
	padding:0;
	height:35px;
}
#news hr{
	width:424px;
}

#info{
	float:right;
	width:320px;
	margin:0;
	padding:0;
}
#cp2coeur{
	width:207px;
	height:105px;
	float:left;
	margin:0;
	padding:0;
}
#cp2coeur p{
	background:url(theme/RSS.jpg) no-repeat top left;
	width:175px;
	height:60px;
	/*text-indent:31px;*/
	margin:0;
	padding:12px 0 0 31px;
	/*line-height:42px;*/
}

#cp2coeur a{
	color:#342C2A;
}
#imgoffre{
	float:right;
	width:113px;
	height:142px;
	background:url(theme/Human_img2.jpg) no-repeat bottom right;
	margin:0;
	padding:0;
}
#offres a{
	background: url(theme/offre_btn.jpg) top left;
	float:left;
	margin:0;
	padding:0;
	width:154px;
	height:73px;
	border:1px solid #F0F0F0;
	color:#342C2A;
	line-height:125px;
	text-align:center;
}
#offres a:hover{
	background-position:bottom left;
	line-height:120px;
}
#image{
	background:url(theme/Human_18.jpg) no-repeat center left;
	width:161px;
	height:128px;
	clear:right;
	margin:0px;
	padding:30px 0;
}

/*////////////////////////////
		Le Menu
////////////////////////////*/

#menu /* Ensemble du menu */
{	font-weight : normal;
	font-family : Arial, Helvetica, sans-serif;
	display:block;
	height:20px;
	width:846px;
	margin:0 0 0 26px;
	padding:0;
	background:#FFFFFF;
}
#menu ul /* Liste */     
{	padding:0;
	margin:0;
	list-style:none;
	line-height:20px;
	text-align:center;
}
#menu a /* Contenu des listes */
{	display:block;
	padding:0;
	color:#332B2A;
	text-transform: capitalize;
	font-variant: small-caps;
	letter-spacing: 0.1em;
	width:151px;
} 
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{	color: #E05206;
}
#menu li /* Éléments des listes */      
{       float : left; 
       /* pour IE qui ne reconnaît pas "transparent" */
       border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
		width:140px;
		}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul  /*  Sous-listes - BLOC SOUS-MENU */
{      	position: absolute; /* Position absolue */
		width: 150px; /* Largeur des sous-listes */
       left: -999em; /* Hop, on envoie loin du champ de vision */
		background : transparent url("theme/trans.gif" ) repeat;
}

#menu li ul li /* Eléments de sous-listes */
{		font-size : 11px;
       /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
       border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul /* sous-sous listes - BLOC SOUS-SOUS MENU */
{		margin : -21px 0 0 151px; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
       /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
       border-left : 1px solid #fff; /* Petite bordure à gauche pour ne pas coller ... */ 
		width:150px; /* Largeur des sous-sous listes */
		background:transparent url("theme/trans.gif" ) repeat;
		text-align:center;
}
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{        border-left : 1px solid transparent; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu li ul ul li /* Eléments de sous-sous listes */
{	font-size : 10px;  
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{       left: auto; /* Repositionnement normal */
       min-height: 0; /* Corrige un bug sous IE */
}
#menu li ul li a:hover{
	background : url("theme/transover.gif");
}
#menu li ul ul a:hover{
	background : url("theme/transover.gif");
}

/*////////////////////////////
		Le footer
////////////////////////////*/
#bas{
	background:url(theme/bas.png) no-repeat top center;
	width:100%;
	height:63px;
	margin:0;
	padding:0;
	line-height:70px;
	color:#ffffff;
	text-align:center;
	}
#bas a{
	font-weight:bold;
	color:#FFFFFF;
}
#bas a:hover{
	font-weight:bold;
	color:#E05206;
}

/*////////////////////////////
		PAGE SUITE
////////////////////////////*/
.resume {
	display:block;
	border:2px solid;
	border-color:#999999;
	padding:10px;
	background-color:#cccccc;
	font : 12px Arial;
}
.resumegras {
	display:block;
	border:2px solid;
	border-color:#999999;
	padding:10px;
	background-color:#cccccc;
	font : 12px Arial;
	font-weight : bold;
}
#sidebar{
	display:block;
	width:261px;
	float:left;
	padding:0;
	letter-spacing: 0.1em;
	list-style-position:inside;
	text-align:left;
}
#sidebar h1{
	display : block;
	padding : 0;
	color : #332B2A;
	text-decoration:none;
	text-transform: capitalize;
	font-variant: small-caps;
	letter-spacing: 0.1em;
	font-size:16px;
}
#sidebar a{
	margin:0;
	padding:0;
	color:#332B2A;
}
#sidebar a:hover{
	color:#E05206;
}
#cadre{
	margin:5px 0 5px 0; 
}
#cadre p{margin:0;padding:0 10px 0 0;}
.bloc{
	display:block;
	height:30px;
	width:226px;
	margin:0;padding:0;
	background:url(theme/cadre1-haut.png) no-repeat bottom left;
}
.bloc2{
	display:block;
	height:17px;
	width:226px;
	margin:0;padding:0;
	background:url(theme/cadre2-haut.png) no-repeat bottom left;
	}
.blocActu{
	display:block;
	height:17px;
	width:456px;
	margin:0;
	padding:0;
	background:url(theme/cadre-actualite-haut.png) no-repeat bottom left;
	text-align: justify;
}
.inbloc{
	display:block;
	width:206px;
	margin:0;padding:5px 10px;
	background:url(theme/cadre1-content.png) repeat-y center left;
}
.inblocActu{
	display:block;
	margin:0;
	padding:1px 20px;
	background:url(theme/cadre-actualite-content.png) repeat-y center left;
	max-width: 456px;
	margin-right: 10px;
}
.inbloc h1{
	text-align:center;
}
.finbloc{
	display:block;
	background:url(theme/cadre1-bas.png) no-repeat top left;
	width:226px;
	height:19px;
	margin:0;padding:0;
}
.finbloc2{
	display:block;
	background:url(theme/cadre2-bas.png) no-repeat top left;
	width:226px;
	height:57px;
	margin:0;padding:0;
	display:block;
}
.finbloc3{
	display:block;
	background:url(theme/cadre2-basurl.png) no-repeat top left;
	width:226px;
	height:56px;
	margin:0;padding:0;
	}
.finblocActu{
	display:block;
	background:url(theme/cadre-actualite-bas.png) no-repeat top left;
	width:456px;
	height:56px;
	margin:0;padding:0;
}
.gauche{
	float:left;
	}
#content{
	display:block;
	width:532px;
	float:right;
}
#imagebas{
	background:url(theme/Human_ImgBas.jpg) no-repeat center right;
	width:100%;
	height:140px;
	/*float:right;*/
	clear:right;
	margin:0;
	padding:0;
}