/*-------------------------------- CSS Document -----------------------------*/
body {
	position:relative;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}


html, body, #wrap {
height: 100%;
}

body > #wrap {
height: auto; 
min-height: 100%;

}
.page1 {
	background:url(../images/boot-page-01.jpg) repeat-y center;
}
.page2 {
	background:url(../images/boot-page-02.jpg) repeat-y center;
}
#main {
padding-bottom: 260px;/* doit être la même hauteur que le pied de page*/
}  


/*-------------------------------- Général au site -----------------------------*/
*{
	outline:none;
}
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl{
	margin:0px;
	padding:0px;
}
div {
	margin:0px;
	padding:0px;
}
a img{
	border:none;
}
a{
	text-decoration:none;
}
table{
	border-collapse:collapse;
}
p{
	font-size:12px;
}

.both{
clear:both;
}

.float{
	float:left;	
}

.spacer{
	clear:both;
	margin:0;
	padding:0;
}
ul{
	list-style-type:none;
}


/*-------------------------------- ENTETE-----------------------------*/
#entete {
	background:#505559;
	height:152px;
	border-bottom:solid 1px #fff;
	position:relative;
}
#entete #bordure-h {
	background:#009ee1;
	height:20px;
}
#entete #ombre {
	width:100%;
	height:37px;
	background:url(../images/ombre-h.png) repeat-x;
	position:absolute;
	bottom:-38px;
}
#entete #nav{
	width:960px;
	height:132px;
	margin:0 auto;
	position:relative;
}
#entete #nav #lang {
	height:18px;
	width:105px;
	position:absolute;
	top:0;
	right:0;
}
#entete #nav h1.logo{
	float:left;
	margin:50px 0 0 0;
}


/*--------------------------------MENU-----------------------------*/
#entete #nav #menu{
	float:left;
	width:700px;
	height:132px;
	overflow: hidden;
	margin: 0 0 0 10px;
}
#entete #nav #menu div.menu{
	float:left;
	height:104px;
	padding:76px 10px 0 10px;
}
#entete #nav #menu div.separ{
	float:left;
	height:104px;
	padding:76px 0 0 0;
}
#entete #nav #menu div.menu h1{
	font-size:11px;
	line-height:22px;
	height:22px;
	font-weight:400;
}
#entete #nav #menu div.menu h1 a{
	color:#fff;
}
#entete #nav #menu div.menu h1.titressmenu1, #entete #nav #menu div.menu h1.titressmenu2, #entete #nav #menu div.menu h1.titressmenu3{
margin:0 0 30px 0;

}
#entete #nav #menu div.menu p a{
	font-size:11px;
	line-height:20px;
	height:20px;
	color:#009ee1;
}
#entete #nav #menu div.menu p a:hover{
	color:#fff;
}

/*-------------------------------GLOBAL-----------------------------*/
#global {
	width:960px;
	padding:0 70px;
	margin:0 auto;
}
/*-------------------------------GLOBAL-CONTENU----------------------------*/
#global  #contenu{
	float:left;
	width:641px;
	margin:0 0 0 1px;
}

/*-------------------------------GLOBAL-CONTENU-EDITO---------------------------*/

#global  #contenu #edito{
	float:left;
	margin:0 0 40px 0;
	padding:10px 42px 0 30px;
	
}
#global  #contenu #edito h1{
	margin:0 0 10px 0;
}
#global  #contenu #edito h2{
	float:left;
	font-size:12px;
	color:#ce5a05;
}
#global #contenu #edito p{
	float:left;
	padding: 0 12px 20px 0;
	line-height:18px;
	text-align:justify;
	font-size:12px;
	color:#505559;
	background:url(../images/guillemet-bas.png) no-repeat bottom right;
}
#global  #contenu #edito p.btn{
	float:left;
	width:250px;
	line-height:14px;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	background:url(../images/puce03.png) no-repeat 0 2px;
}
#global  #contenu #edito p.btn a{
	color:#505559;
	text-decoration:underline;
}
#global  #contenu #edito p.btn a:hover{
	color:#ce5a05;
}

/*-------------------------------GLOBAL-CONTENU-ACTU---------------------------*/

#global #contenu #actu{
	float:left;
	}
#global #contenu #actu.pagehome{
	height:580px;
	position:relative;
	left:-25px;
	background:url(../images/fond-actu.png) no-repeat 0 20px;
}

#global #contenu #actu.pageliste{
	float:left;
	margin:50px 0 0 52px;
}

#global  #contenu #actu h1{
	float:left;
	margin:0 0 0 56px;
	height:43px;
	
}
#global #contenu #actu h1.pageliste{
	margin:0;
}
#global  #contenu #actu div.actu{
	float:left;
	border-bottom:dotted 1px #6c6c6c;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	width:550px;
}
#global  #contenu #actu h3{
	float:left;
	margin:0 10px 0 0;
	}
#global  #contenu #actu h2{
	float:left;
	font-family:arial Black;
	font-size:12px;
	color:#009ee1;
	width:390px;
	}
#global  #contenu #actu p{
	float:left;
	font-size:11px;
	color:#505050;
	width:390px;
}
	
#global  #contenu #actu p a{
	color:#009ee1;
	width:150px;
	text-decoration:underline;
}

#global  #contenu  #actu p.btn{
	float:left;
	width:250px;
	line-height:14px;
	margin:30px 0 0 56px;
	padding:0 0 0 20px;
	background:url(../images/puce02.png) no-repeat 0 2px;
}
#global  #contenu  #actu p.btn a{
	color:#505559;
	text-decoration:underline;
}
#global  #contenu  #actu p.btn a:hover{
	color:#009ee1;
}


/*-------------------------------GLOBAL-CONTENU-REF HOME---------------------------*/

#global  #contenu #ref-home{
	float:left;
	background:#9c9c9c;
	width:611px;
	padding:20px 0 20px 30px;
}

#global  #contenu #ref-home  h1{
	float:left;
	margin:0 0 20px 0;
	
}

#global  #contenu #ref-home div.ref{
	float:left;
	border-bottom:dotted 1px #6c6c6c;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	width:550px;
}
#global  #contenu #ref-home h3{
	float:left;
	margin:0 10px 0 0;
	}
#global  #contenu #ref-home h2{
	float:left;
	font-family:arial Black;
	font-size:12px;
	color:#fff;
	width:390px;
	}
#global  #contenu #ref-home p{
	float:left;
	font-size:11px;
	color:#505559;
	width:390px;
}
	
#global  #contenu #ref-home p a{
	color:#fff;
	width:150px;
	text-decoration:underline;
}

#global  #contenu  #ref-home p.btn{
	float:left;
	width:250px;
	line-height:14px;
	padding:0 0 0 20px;
	background:url(../images/puce04.png) no-repeat 0 2px;
}
#global  #contenu  #ref-home p.btn a{
	color:#505559;
	text-decoration:underline;
}
#global  #contenu  #ref-home p.btn a:hover{
	color:#fff;
}



/*-------------------------------GLOBAL-CONTENU-PAGE---------------------------*/
#global  #contenu-page{
	float:left;
	width:641px;
	margin:0 0 50px 1px;
}
#global  #contenu-page div.para-chapeau01{
	width:556px;
	height:92px;
	margin:0 0 0 30px;
	padding:28px 12px 0 12px;
	background:url(../images/fond-para-chapeau01.png);
}
#global  #contenu-page div.para-chapeau01 h2{
	margin:0;
}
#global  #contenu-page div.para-chapeau01 p{
	margin:0;
	line-height:16px;
}

#global  #contenu-page h1{
	font-family:arial black;
	font-size:22px;
	color:#ce5a05;
	margin:62px 0 0 42px;
}
#global  #contenu-page h2{
	float:left;
	width:556px;
	font-size:12px;
	color:#ce5a05;
	margin:20px 0 10px 42px;
}
#global  #contenu-page h2.head{
	float:left;
	width:556px;
	font-size:12px;
	color:#ce5a05;
	margin:0 0 0 42px;
	background:#bdbdbd;
	border-bottom:dotted 1px #666;
}
#global  #contenu-page h2.head a{
	width:551px;
	display:block;
	padding:5px;
	background:#bdbdbd;
	color:#505559;
}
#global  #contenu-page h2.head a:hover{
	background:#dcdcdc;
	padding:5px;
	color:#ce5a04;
}
#global #contenu-page p{
	float:left;
	width:556px;
	font-size:12px;
	margin:0 0 10px 42px;
	color:#525252;
}
#global #contenu-page p a{
	color:#ce5a04;
	text-decoration:underline;
}
#global #contenu-page p.texte01{
	float:left;
	width:380px;
	font-size:12px;
	margin:0 0 10px 42px;
	color:#525252;
}

#global #contenu-page p.texte02{
	float:left;
	width:200px;
	font-size:12px;
	margin:0 0 10px 42px;
	color:#525252;
}
#global #contenu-page p.texte03{
	float:left;
	width:200px;
	font-size:12px;
	margin:0 0 10px 20px;
	color:#525252;
}
#global #contenu-page p.texte04{
	float:left;
	width:556px;
	font-size:12px;
	margin:10px 0 10px 42px;
	color:#525252;
	font-weight:700;
}
#global #contenu-page p.photo{
	float:right;
	width:160px;
	font-size:12px;
	margin:0 30px 0 0;
	color:#525252;
}
#global #contenu-page p.poste{
	float:left;
	width:556px;
	font-size:12px;
	margin:0 0 0 42px;
	color:#525252;
}








/*-------------------------------GLOBAL-COLONNE----------------------------*/
#global  #colonne{
	float:left;
	width:318px;
	margin:0 0 20px 0;
}
#global  #colonne p.marge{
	float:left;
	margin:50px 0 0 0;
}
#global  #colonne p.separa{
	float:left;
	margin:15px 22px;
}
#global  #colonne #edito-rh{
	float:left;
	margin:0 22px;
}
#global  #colonne #edito-rh p{
	float:left;
	margin:10px 0;
	color:#004c61;
	font-size:12px;
	line-height:18px;
}
#global  #colonne #flash-personnage{
	margin:8px 0;
}

/*-------------------------------COLONNE-POSTES---------------------------*/

#global  #colonne #postes{
	float:left;
	margin:0 22px;
}

#global  #colonne #postes p.poste{
	float:left;
	line-height:18px;
	padding:0 0 0 20px;
	background:url(../images/puce01.png) no-repeat 0 5px;
}
#global  #colonne #postes p.poste a{
	color:#505559;
}
#global  #colonne #postes p.poste a:hover{
	color:#009ee1;
}
#global  #colonne #postes p.btn{
	float:left;
	width:250px;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	background:url(../images/puce02.png) no-repeat 0 2px;
}
#global  #colonne #postes p.btn a{
	color:#0075a7;
	text-decoration:underline;
}
#global  #colonne #postes p.btn a:hover{
	color:#009ee1;
}

/*-------------------------------COLONNE-ACTU RH---------------------------*/

#global #colonne #actu-rh{
	float:left;
	margin:0 22px;
	
}
#global #colonne #actu-rh h1{
	float:left;
	margin:0 0 10px 0;
	}
#global #colonne #actu-rh div.actu{
	float:left;
	border-bottom:dotted 1px #6c6c6c;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
}
#global #colonne #actu-rh h3{
	float:left;
	margin:0 5px 0 0;
	}
#global #colonne #actu-rh h2{
	float:left;
	font-family:arial Black;
	font-size:12px;
	color:#952100;
	width:200px;
	}
#global #colonne #actu-rh p{
	float:left;
	font-size:11px;
	color:#505050;
	width:200px;
}
	
#global #colonne #actu-rh p a{
	color:#952100;
	width:150px;
	text-decoration:underline;
}	
	
#global  #colonne #actu-rh p.btn{
	float:left;
	width:250px;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	background:url(../images/puce02.png) no-repeat 0 2px;
}	
	
#global  #colonne #actu-rh p.btn a{
	color:#0075a7;
	text-decoration:underline;
}
#global  #colonne #actu-rh p.btn a:hover{
	color:#009ee1;
}	


/*-------------------------------COLONNE-ACTU---------------------------*/

#global #colonne #actu-colonne{
	float:left;
	margin:0 22px;
	
}
#global #colonne #actu-colonne h1{
	float:left;
	margin:0 0 10px 0;
	}
#global #colonne #actu-colonne div.actu{
	float:left;
	border-bottom:dotted 1px #6c6c6c;
	margin:0 0 10px 0;
}
#global #colonne #actu-colonne h3{
	float:left;
	margin:0 5px 0 0;
	width:70px;
	height:70px;
	overflow:hidden;
	}
#global #colonne #actu-colonne h2{
	float:left;
	font-family:arial Black;
	font-size:12px;
	color:#fff;
	width:200px;
	}
#global #colonne #actu-colonne p{
	float:left;
	font-size:11px;
	color:#505050;
	width:200px;
}
#global #colonne #actu-colonne p a{
	color:#505050;
	text-decoration:underline;
}

#global #colonne #actu-colonne p.suite a{
	color:#fff;
	width:150px;
	text-decoration:underline;
}	
	
#global  #colonne #actu-colonne p.btn{
	float:left;
	width:250px;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	background:url(../images/puce04.png) no-repeat 0 2px;
}	
	
#global  #colonne #actu-colonne p.btn a{
	color:#505050;
	text-decoration:underline;
}
#global  #colonne #actu-colonne p.btn a:hover{
	color:#fff;
}






	
/*-------------------------------COLONNE-REF---------------------------*/

#global #colonne #ref-colonne{
	float:left;
	margin:0 22px;
	
}
#global #colonne #ref-colonne h1{
	float:left;
	margin:0 0 10px 0;
	}
#global #colonne #ref-colonne div.ref{
	float:left;
	border-bottom:dotted 1px #6c6c6c;
	margin:0 0 10px 0;
}
#global #colonne #ref-colonne h3{
	float:left;
	margin:0 5px 0 0;
	}
#global #colonne #ref-colonne h2{
	float:left;
	font-family:arial Black;
	font-size:12px;
	color:#fff;
	width:150px;
	}
#global #colonne #ref-colonne p{
	float:left;
	font-size:11px;
	color:#505050;
	width:150px;
}
	
#global #colonne #ref-colonne p a{
	color:#fff;
	width:150px;
	text-decoration:underline;
}	
	
#global  #colonne #ref-colonne p.btn{
	float:left;
	width:250px;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	background:url(../images/puce04.png) no-repeat 0 2px;
}	
	
#global  #colonne #ref-colonne p.btn a{
	color:#505050;
	text-decoration:underline;
}
#global  #colonne #ref-colonne p.btn a:hover{
	color:#fff;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*-------------------------------- FOOTER -----------------------------*/
#footer {
	position: relative;
	margin-top: -260px; /* negative value of footer height */
	height: 260px;
	clear:both;
	background:url(../images/boot-footer.jpg) repeat-x;
	
	} 

#footer #bordure-b {
	background:#009ee1;
	height:20px;
}

#footer #pied {
	width:960px;
	margin:0 auto;
	padding:20px 0 0 0;
}
#footer #pied div.menu-pied {
	float:left;
}
#footer #pied div.menu-pied  h1{
	font-size:11px;
	font-weight:400;
	color:#505559;
	margin:0 0 10px 0;
	padding:6px 12px;
	border-bottom:dotted 1px #505559;
	border-left:dotted 1px #505559;
}
#footer #pied div.menu-pied  h1 a{
	color:#505559;
}

#footer #pied div.menu-pied  p a{
	font-size:11px;
	color:#505559;
	display:block;
	margin:5px 0 5px 15px;

}
#footer #pied #veritas {
	float:right;
	width:320px;
}
#footer #pied #veritas p.texte {
	float:left;
	width:160px;
	font-size:11px;
	color:#505559;
	text-align:justify;
	margin:0 15px 0 0;
}
#footer #pied #veritas p.img {
	float:left;
}
#footer #pied #signature {
	float:right;
	width:960px;
	margin:30px 0 0 0;
}
#footer #pied #signature p{
	text-align:right;
	font-size:11px;
	color:#505559;
}

#footer #pied #signature p a{
	color:#505559;
}