@charset "utf-8";
/* CSS Document */

/* Background du gabarit */
html, body {
	width:98%;
	/* background-color: #e3ebe0; */
	/* background-image:url("../img/background-green.gif");*/
	/* background-repeat: repeat-x; */
	}

.label {
	color:#333333;
	text-align:left;
	text-decoration:none;
	}
	
a img {border: none; }

.line {
	float:left;
	background: url("../img/line.jpg");
	background-repeat:no-repeat;
	width:100%;
	height:2px;
	margin-top:12px;
	margin-bottom:10px;
	}

.subTitleInscription { 
	float:left;
	font-size: 13px; 
	color: #ff6000;
	font-weight:bold;
	/*text-decoration:underline;*/
	padding: 1px 0 0 25px;
	}
h3.title8 {margin-top: 2px; font-size: 13px; color: #ff6000; background: url("../img/pict2.gif") 0 1px no-repeat; padding: 1px 0 0 25px;} /* Picto rond noir et orange */
h3.title80 {margin-top: 2px; font-size: 13px; color: #333333; background: url("../img/pict2.gif") 0 1px no-repeat; padding: 1px 0 0 25px;} /* Picto rond noir et orange */
h3.title800 {margin-top: 2px; font-size: 13px; color: #333333; background: url("../img/bullet_orange.gif") 0 1px no-repeat; padding: 1px 0 0 25px;} /* Picto rond noir et orange */
h3.title8000 {margin-top: 2px; font-size: 13px; color: white; background: url("../img/bullet_black.jpg") 0 1px no-repeat; padding: 1px 0 0 25px;} /* Picto rond noir et orange */

.nosChiffres {
	float:left;
	width:90%;
	background: url("../img/nosChiffresFond.jpg");
	background-repeat:no-repeat;
	margin-top:15px;
	margin-left: 40px;
	margin-bottom:10px;
	padding-top:8px;
	padding-bottom:25px;
	}

ul.itemList4 {margin-bottom: 15px;}
ul.itemList4 li {list-style-type: square;}
ul.bulletOrange { margin-bottom: 15px; }
ul.bulletOrange li { list-style-image:url("../img/bullet_orange.gif"); }
ul.bulletBlack { margin-bottom: 15px; }
ul.bulletBlack li { list-style-image:url("../img/bullet_black.png"); }
h3.bulletBlack {margin-top: 2px; font-size: 13px; color: #000000; background: url("../img/bullet_black.png") 0 1px no-repeat; padding: 1px 0 0 25px;}


/* Solutions RH */

ul.listRH {width: 281px; float: right; list-style-type: none;}
ul.listRH a {display: block; width: auto; height: 45px; background-repeat: no-repeat; background-position: 0 0; margin-bottom: 5px;}
ul.listRH a:hover {background-position: 0 -45px;}
ul.listRH span {display: none;}

.solutionsrh01 {
	background:transparent url("../img/boule.gif") no-repeat scroll 0pt bottom;
	height:300px;
	}

ul.listRH #rh_btn1 a {
	background-image:url("../img/rh_btn1.gif");
	}

ul.listRH #rh_btn2 a {
	background-image:url("../img/rh_btn2.jpg");
	}
ul.listRH #rh_btn3 a {
	background-image:url("../img/rh_btn3.gif");
	}
ul.listRH #rh_btn4 a {
	background-image:url("../img/rh_btn4.gif");
	}		
ul.listRH a:hover {
	background-position:0pt -45px;
	}

ul.listRH a {
	background-position:0pt 0pt;
	background-repeat:no-repeat;
	display:block;
	height:45px;
	margin-bottom:5px;
	width:auto;
	}	

.inscriptionCartouche {
	float:left;
	background: url("../img/inscriptionCartouche.jpg") no-repeat;
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: white;
	width:129px;
	margin-left:8px;
	padding-left:27px;
	margin-top:15px;
	margin-bottom:15px; 
	}

.col_right_top {
	float:left;
	background: url("../img/bg-sidebox1-top.gif") 0 0px no-repeat;
	width:150px;
	height:5px;
	}

.col_right_title {
	float:left;
	background: url("../img/bg-sidebox1-content.gif");
	width:150px;
	padding-top:5px;
	padding-bottom:12px;
	margin-top:0px;
	_margin-top:-15px;
	text-align:center;
	}

.col_right_content {
	float:left;
	background: url("../img/bg-sidebox1-content.gif");
	background-repeat:repeat-y;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	margin-top:0px;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.col_right_bottom {
	float:left;
	background: url("../img/bg-sidebox1-bottom.gif") 0 0px no-repeat;
	width:150px;
	height:28px;
	}

.monCompte a:hover {
	background:transparent url(../img/moncompteOn.jpg) no-repeat scroll 0pt 0pt;
	}

.monCompte a {
	background:transparent url(../img/moncompte.jpg) no-repeat scroll 0pt 0pt;
	height:69px;
	width:150px;
	margin-bottom:15px;
	}

.agencesStart a:hover {
	background:transparent url(../img/agencesStartOn.jpg) no-repeat scroll 0pt 0pt;
	}

.agencesStart a {
	background:transparent url(../img/agencesStart.jpg) no-repeat scroll 0pt 0pt;
	height:69px;
	width:150px;
	margin-bottom:15px;
	}
	
.boutonInscription a:hover {
	background:transparent url(../img/boutonInscriptionOn.jpg) no-repeat scroll 0pt 0pt;
	}

.boutonInscription a {
	background:transparent url(../img/boutonInscription.jpg) no-repeat scroll 0pt 0pt;
	height:69px;
	width:150px;
	margin-bottom:0px;
	margin-top:15px;
	margin-left:75px;
	}

.boutonOffres a:hover {
	background:transparent url(../img/boutonListeOffreOn.jpg) no-repeat scroll 0pt 0pt;
	}

.boutonOffres a {
	background:transparent url(../img/boutonListeOffre.jpg) no-repeat scroll 0pt 0pt;
	height:69px;
	width:150px;
	margin-bottom:0px;
	margin-top:15px;
	margin-left:50px;
	}
			
.dl_rechercheEmploi a:hover {
	background:transparent url(../img/btn-dl_cherchezEmploi-on.gif) no-repeat scroll 0pt 0pt;
	}

.dl_rechercheEmploi a {
	background:transparent url(../img/btn-dl_cherchezEmploi.gif) no-repeat scroll 0pt 0pt;
	height:16px;
	width:220px;
	}

.dl_rechercheTalent a:hover {
	background:transparent url(../img/btn-dl_cherchezTalent-on.gif) no-repeat scroll 0pt 0pt;
	}

.dl_rechercheTalent a {
	background:transparent url(../img/btn-dl_cherchezTalent.gif) no-repeat scroll 0pt 0pt;
	height:16px;
	width:220px;
	}
	
.dl_faisonsConnaissance a:hover {
	background:transparent url(../img/btn-dl_faisonsConnaissance-on.gif) no-repeat scroll 0pt 0pt;
	}

.dl_faisonsConnaissance a {
	background:transparent url(../img/btn-dl_faisonsConnaissance.gif) no-repeat scroll 0pt 0pt;
	height:16px;
	width:220px;
	}

#header_home {
	float:left;
	width:955px;
	height:92px;
	}

#visuel_home {
	float:left;
	width:955px;
	height:280px;
	/*background-image:url("../img/visu_home_1.gif");*/
	background-repeat: no-repeat;
	margin-bottom:20px;
	}

#cote_loisirs {
	float:left;
	width:301px;
	height:239px;
	background-image:url("../img/home_emploi.jpg");
	background-repeat: no-repeat;
	margin-right:19px;
	}

#cote_vie {
	float:left;
	width:301px;
	height:299px;
	background-image:url("../img/home_talent.jpg");
	background-repeat: no-repeat;
	margin-right:18px;
	}

#cote_social {
	float:left;
	width:301px;
	height:261px;
	background-image:url("../img/home_social.gif");
	background-repeat: no-repeat;
	}

.text_home {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-top:55px;
	padding-left:22px;
	}

.cadre_orange {
	float:left;
	width:502px;
	height:48px;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	background-image:url("../img/cadre_orange.jpg");
	background-repeat: no-repeat;
	padding-left:6px;
	padding-right:6px;
	padding-top:3px;

	}
.cadre_orange_info {
	float:left;
	width:502px;
	height:93px;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	background-image:url("../img/cadreInfo.jpg");
	background-repeat: no-repeat;
	padding:6px;
	margin-left:8px;
	}
.cadre_orange_inscription {
	float:left;
	width:502px;
	height:93px;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	background-image:url("../img/inscriptionFooter.jpg");
	background-repeat: no-repeat;
	padding:6px;
	margin-left:8px;
	}
	
.button_home {
	position:relative;
	padding-left:165px;
	padding-top: 15px;
	}

.button_home_grey {
	position:relative;
	padding-left:165px;
	padding-top: 140px;
	}
	
.news_home {
	float:right;
	width:150px;
	margin-right:20px;
	margin-top:65px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	}

.button_canalce {
	float:left;
	margin-top:20px;
	margin-left:20px;
	}

a.link_contact {
	color:black;
	text-decoration:none;
	}

a.link_contact:hover {
	text-decoration:underline;
	}

a.link_agence {
	color:#ff6000;
	font-weight:bold;
	text-decoration:none;
	text-decoration:underline;
	}

a.link_agence:hover {
	color:black;
	}

a.link_style1 {
	color:#333333;
	text-decoration:none;
	}

a.link_style1:hover {
	text-decoration:underline;
	}
	
.ireps_left {
	float:left;	
	width:265px;
	margin-right:10px;
	}

.start {
	color:black;
	font-weight:bold;
	}
.people {
	color:#ff6600;
	font-weight:bold;
	}

.ireps_right {
	float:left;	
	width:204px;
	height:291px;
	background-image:url("../img/background_ireps.gif");
	background-repeat: no-repeat;
	padding-left:8px;
	padding-right:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	padding-top:9px;
	}

/* CLASSE DOSSIER CANDIDATURES */
.background_dossier {
	float:left;
	width: 502px;
	height: 160px;
	background-image:url("../img/background_dossier.gif");
	background-repeat:no-repeat;
	padding:9px;
	}

.dossier_left {
	float:left;
	width:340px;	
	}

.dossier_right {
	float:left;
	width:150px;	
	}

.greyfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666564;
	}

.bullet_black {
	list-style-image:url("../img/bullet_black.png");
	margin-left:10px;
	}

.bullet_black2 {
	position:relative;
	background-image:url("../img/bullet_black.png");
	background-repeat:no-repeat;
	height:auto;
	margin-top:4px;
	margin-bottom:4px;
	margin-left:12px;
	padding-left:20px;
	}

.bullet_orange2 {
	position:relative;
	background-image:url("../img/bullet_orange.gif");
	background-repeat:no-repeat;
	height:auto;
	margin-top:4px;
	margin-bottom:4px;
	margin-left:12px;
	padding-left:20px;
	}

.bullet_orange {
	list-style-image:url("../img/bullet_orange.gif"); 
	}

.attribution {
	float:left;
	margin-top:10px;
	width:50%;
	}

.dossier_li {
	color:white;
	font-weight:bold;
	padding-bottom:4px;
	}
	
.dossier_title_left {
	float:left;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	width:100%;
	}

.dossier_title_right {
	float:left;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	width:100%;
	}

.warning_black {
	float:left;
	background-image:url("../img/warning_black.gif");
	background-repeat:no-repeat;
	width:500px;
	height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:white;
	padding-left:30px;
	padding-top:5px;
	margin-top:8px;
	}

.alert_black {
	float:left;
	background-image:url("../img/alerte_black.gif");
	background-repeat:no-repeat;
	width:500px;
	height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:white;
	padding-top:5px;
	margin-top:8px;
	text-align:center;
	}

.alert_orange {
	float:left;
	background-image:url("../img/alert_2lines.gif");
	background-repeat:no-repeat;
	width:500px;
	height:43px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#ff6600;
	padding-top:5px;
	margin-top:8px;
	text-align:center;
	}


#website {
	width:955px;
	margin:0 auto 0 auto;
	}

#header {
	float: left; 
	width: 955px; 
	background-color:white;
	}

/* Gabarit du site (entre le header et le footer) */
#gabarit {
	float: left; 
	/*width: 766px;*/
	width: 785px; 
	/* border: 1px solid orange; */
	margin-top : 10px;
	}
	
#main_left {
	float: left; 
	width: 220px;
	}

#main_menu {
	float: left; 
	width: 530px;
	margin-left:5px;
	margin-bottom:10px;
	}

#main_right {
	float: left; 
	width: 150px;
	/*border: 1px solid red;*/
	margin-top : 10px;
	}

#main_contain {
	float: left; 
	width: 550px;
	background: url(../img/background_main_contain.gif);
	background-repeat:repeat-y;
	margin-left:8px;
	}

#main_contain_title {
	float:left;
	background: url(../img/header_main_contain.gif);
	background-repeat:no-repeat;
	height:62px;
	width:530px;
	padding-left:20px;
	padding-top:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:black;
	}

#main_contain_page {
	font-family:Arial, Helvetica, sans-serif;
	font-color:black;
	font-size:12px;
	padding-left:12px;
	padding-right:12px;
	width:90%;
	}

#main_contain_bottom {
	float:left;
	background: url(../img/bottom_main_contain.gif);
	background-repeat:no-repeat;
	height:15px;
	width:530px;
	}

.interline_button { margin-bottom:10px; }

.menu_top_loisirs {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:white;
	background-color:black;
	text-decoration:none;
	background: url(../img/menu_loisirs_off.gif);
	background-repeat:no-repeat;
	width:160px;
	height:49px;
	padding-top:1px;
	padding-left:9px;
	margin-right:7px;
	}

.menu_top_loisirs:hover {
	color:orange;
	}	

.menu_top_loisirs_on {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#ff6000;
	background-color:black;
	text-decoration:none;
	background: url(../img/menu_loisirs_on.gif);
	background-repeat:no-repeat;
	width:160px;
	height:49px;
	padding-top:1px;
	padding-left:9px;
	margin-right:7px;
	}

.menu_top_vie {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:white;
	background-color:black;
	text-decoration:none;
	background: url(../img/menu_vie_off.gif);
	background-repeat:no-repeat;
	width:90px;
	height:49px;
	padding-top:1px;
	padding-left:9px;
	margin-right:7px;
	}

.menu_top_vie:hover {
	color:orange;
	}

.menu_top_vie_on {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#ff6000;
	background-color:black;
	text-decoration:none;
	background: url(../img/menu_vie_on.gif);
	background-repeat:no-repeat;
	width:90px;
	height:49px;
	padding-top:1px;
	padding-left:9px;
	margin-right:7px;
	}


.menu_top_social {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:white;
	background-color:black;
	text-decoration:none;
	background: url(../img/menu_social_off.gif);
	background-repeat:no-repeat;
	width:115px;
	height:49px;
	padding-top:1px;
	padding-left:9px;
	margin-right:7px;
	}

.menu_top_social:hover {
	color:orange;
	}	

.menu_top_social_on {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#ff6000;
	background-color:black;
	text-decoration:none;
	background: url(../img/menu_social_on.gif);
	background-repeat:no-repeat;
	width:115px;
	height:49px;
	padding-top:1px;
	padding-left:9px;
	margin-right:7px;
	}

a.link_menu_top {
	color:white;
	text-decoration:none;
	}

a.link_menu_top:hover {
	color:#ff6000;
	}

a.link_menu_top_off { 
	color:#ff6000;
	text-decoration:none;
	}

.title_partners {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	background: url(../img/bullet_orange.gif);
	padding-left:20px;
	background-repeat:no-repeat;
	margin-top:25px;
	}

.sub_title {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#ff6600;
	width:100%;
	padding-bottom:15px;
	}

.sub_title_inscription {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#ff6600;
	padding-bottom:15px;
	}

.sub_title_black {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:black;
	width:100%;
	padding-bottom:15px;
	}

.logo_partners {
	float:left;
	margin-top:7px;
	margin-left:15px;
	padding-bottom:10px;
	}
	
.main_menu_contain {
	width: 170px;
	}

.main_page_contain {
	width: 458px;
	margin-top:5px;
	background-color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:8px;
	}

.main_marge {
	width: 5px;
	margin-top:5px;
	background-color:#c1bcb9;
	height:100%;
	}

.main_right_contain {
	width: 275px;
	margin-top:5px;
	background-color:#dbd9d7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:8px;
	}

.title_page {
	padding-top:120px;	
	padding-left:20px;
	}

/* Colonne de droite */
#right_home {
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#4d3f36; 
	width: 310px;
	background-color:#FF6600; 
	height:170px;
	/* border: 1px solid black; */
	}

/* Bas de page du site */
#footer {
	float: left; 
	width: 955px; 
	margin-top:35px;
	margin-bottom:25px;
	padding-top:7px;
	border-top:solid 1px #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cccccc;
	}

#logo {
	float:left;	
	}

.usg_people { float:left; }
.menu_footer { float:right; }
#header_right {
	float:left;
	width:630px;
	}

#header_right2 {
	float:left;
	width:630px;
	margin-top:80px;
	}

a.sitemap {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:black;
	text-decoration:none;
	}

a.sitemap:hover {
	text-decoration:underline;
	}
	
a.menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ff6600;
	text-decoration:none;
	padding-left:15px;
	}

a.menu:hover {
	text-decoration:underline;
	padding-left:15px;
	}

a.link_footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-decoration:none;
	}

a.link_footer:hover {
	color:#FF6600;
	text-decoration:none;
	}
	
.interlignage {
	height:20px;
	}
	
.indent_texte_home {
	margin-top:5px;
	margin-left:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}

.titre_puce {
	color:#5f5f5f;
	}

.puce_home {
	list-style-image:url("../img/afi24_h_puceblack.gif"); 
	margin:12px;
	padding:0px;		
	}

.puce_zoom {
	list-style-image:url("../img/afi24_h_pucewhite.gif"); 
	margin-top:1px;
	margin-left:15px;
	margin-bottom:1px;
	padding:0px;		
	}