﻿/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, textarea, blockquote{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;}

fieldset, img{border:0}
address, caption, cite, code, dfn, em, th, var{font-style:normal;font-weight:normal;}

a{text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

select option{padding:0 3px;}

ul li{list-style:none;}

table{border-collapse:collapse;border-spacing:0;}

hr{display:none;}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
body{text-align:center; background:url(../img/bg-body.gif);}

div#global{position:relative; width:100%;}

div#bg_global{float:left; width:100%; background:url(../img/bg-top.png) no-repeat 50% 0%;}

div#page{position:relative; width:969px; text-align:left; margin:0 auto;}

div#top, div#middle{float:left; width:969px;}


/* BLOCKS DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */
	
/* -------------- header -------------- */
/* logo */
h1#logo a{float:left; width:241px; height:83px; padding-top:49px; font-size:0px; text-indent:-9999px; display:block;}

h1#logo a span{display:none;}

/* nav */
div.flag{text-align:right;padding-top:11px;margin-right:5px}
div.flag img{margin-left:5px}
div#menu{float:left; position:relative; width:728px;}

ul#nav{float:left; width:728px; padding:0px 0 0 0px;}
ul.ssnav{float:left; width:728px; padding:33px 0 0 0px;}
#barresocial{height:33px;text-align:right}
#barresocial img{margin:4px 5px 0 0}
ul.ssnav{position:absolute; left:0px; top:56px; height:23px; padding-top:4px; background-color:#fff; display:none; z-index:10;}

ul.show_ssnav{display:block; z-index:1;}

ul#nav li.clear, ul.ssnav li.clear{display:none;}

ul#nav li, ul.ssnav li{float:right; padding-right:5px;}

ul#nav li a, ul.ssnav li a{float:left; height:18px; padding-top:5px; background-repeat:no-repeat; background-position:left bottom; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; font-weight:bold; font-style:italic; text-transform:uppercase; text-align:center; display:block;}
ul#nav a, ul.ssnav a,ul#nav a:hover, ul.ssnav a:hover{text-decoration:none}

/*ul#nav li a:hover, ul#nav li a.nav_on, 
ul.ssnav li a:hover, ul.ssnav li a.ssnav_on{background-position:left top; text-decoration:none;}*/

ul#nav li a#nav_1{width:61px; background-image:url(../img/nav/bg-nav-1.gif);}
ul#nav li a#nav_2{width:131px; background-image:url(../img/nav/bg-nav-2.gif);}
ul#nav li a#nav_3{width:98px; background-image:url(../img/nav/bg-nav-3.gif);}
ul#nav li a#nav_4{width:93px; background-image:url(../img/nav/bg-nav-4.gif);}
ul#nav li a#nav_5{width:120px; background-image:url(../img/nav/bg-nav-5.gif);}

ul#nav li a{background-position:left bottom;}
/*ul#nav li a:hover{background-position:left top;}*/
ul#nav li.selected a{background-position:left top;}
ul#nav li a.nav_on{background-position:left top !important;}

ul.ssnav li a{padding-right:5px;padding-left:5px;background-color:#dcdcdc}

.navLeft,.navRight{width:4px;height:23px;float:left;background:url(../img/nav/sprite_nav.jpg);}
.navLeft{background-position:-41px 0px}
.navRight{background-position:-44px 0px}

ul.ssnav#ssnav_1 li.selected a{background-color:#c4dbf2;}
ul.ssnav#ssnav_2 li.selected a{background-color:#f9609c;}
ul.ssnav#ssnav_3 li.selected a{background-color:#716900;}
ul.ssnav#ssnav_4 li.selected a{background-color:#b9bd00;}
ul.ssnav#ssnav_5 li.selected a{background-color:#dc1e47;}
ul.ssnav#ssnav_1 li.selected .navLeft{background-position:0px 0px}
ul.ssnav#ssnav_1 li.selected .navRight{background-position:-4px 0px}
ul.ssnav#ssnav_2 li.selected .navLeft{background-position:-8px 0px}
ul.ssnav#ssnav_2 li.selected .navRight{background-position:-12px 0px}
ul.ssnav#ssnav_3 li.selected .navLeft{background-position:-16px 0px}
ul.ssnav#ssnav_3 li.selected .navRight{background-position:-20px 0px}
ul.ssnav#ssnav_4 li.selected .navLeft{background-position:-24px 0px}
ul.ssnav#ssnav_4 li.selected .navRight{background-position:-28px 0px}
ul.ssnav#ssnav_5 li.selected .navLeft{background-position:-32px 0px}
ul.ssnav#ssnav_5 li.selected .navRight{background-position:-36px 0px}

/* -------------- middle -------------- */
div#vous_etes h2, 
div#actu_int h2, 
div#integration_int h2,
div#emploi_int h2,
div#divers_int h2,
div#nos_metiers h2{width:608px; height:24px; padding:9px 0 0 33px; background-repeat:no-repeat; font-size:14px; color:#fff; font-weight:bold; font-style:italic;}
	
div#vous_etes h2{background-image:url(../img/bg-tt-etes.png);}
div#actu_int h2{background-image:url(../img/bg-tt-actu-int.png);}
div#nos_metiers h2{background-image:url(../img/bandeau_khaki_fleche_03.png);}
div#integration_int h2{background-image:url(../img/bg-tt-integration.png);}
div#emploi_int h2{background-image:url(../img/bg-tt-emploi.png);}
div#divers_int h2{background-image:url(../img/titre_intFooter.png);}

/* -------------- bottom -------------- */
div#bottom{float:left; width:928px; padding:4px 18px 30px 23px; background:url(../img/bg-filet-bottom.gif) no-repeat; font-size:10px; color:#777; font-weight:bold;}

div#bottom a{color:#777;}

	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* CLASS génériques */ 
/*************************************************************************************************************************************************************************/
	strong{font-weight:bold;}
	
	.clear{clear:both;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page index.html */ 
/*************************************************************************************************************************************************************************/
	/* filet vertical */
	div#bg_filet_v{float:left; width:969px; margin:0 0 9px 0; background:url(../img/bg-filet-v.gif) no-repeat 677px 0px;}
	
	div.interieur div#bg_filet_v{background-image:url(../img/bg-filet-v-int.gif);}
	
	/* colonne 1 */
	div#col_1{float:left; width:678px;}
	
	/* colonne 2 */
	div#col_2{float:left; width:291px;overflow:hidden;}
	
	/* bloc coeur */
	div#bloc_coeur{float:left; width:678px; height:253px; background:url(../img/bg-cadre-home.gif) no-repeat; font-size:15px; color:#a7a7a7; font-weight:bold; font-style:italic;}
	
	div.interieur div#bloc_coeur{height:143px; background-image:url(../img/bg-etoile.gif);}
	
	div#bloc_coeur strong{font-size:17px; color:#2eaadc; font-style:italic;}
	
	div#bloc_coeur p{padding:20px 380px 0 20px;}
	
	/* cartouche */
	div#cartouche{display:none;float:left; width:282px; height:252px; margin-left:7px; background:url(../img/bg-cartouche.gif) no-repeat; font-size:12px; color:#fff; font-style:italic; display:inline;}
	
	div.interieur div#cartouche{width:270px; height:142px; margin-left:15px; background-image:url(../img/bg-cartouche-int.gif);}
	
	div#cartouche p{padding:12px 15px 0 23px; line-height:18px;}
	
	div#cartouche strong{font-size:16px; font-style:italic;}
	
	div#cartouche ul{padding:16px 0 0 22px;}
	div.interieur div#cartouche ul{padding-top:8px;}
	
	div#cartouche ul li{padding-bottom:5px;}
	
	div#cartouche ul li a{height:17px; padding:4px 0 0 30px; background:url(../img/bg-puce-cartouche.gif) no-repeat; font-size:12px; color:#fff; display:block;}
	
	/* bloc vous etes */
	div#vous_etes{float:left; width:641px; padding-bottom:25px; margin:17px 0 0 17px; background:url(../img/bg-filet.gif) repeat-x left bottom; display:inline;}
	
	div#vous_etes ul{padding:5px 0 0 3px;}
	
	div#vous_etes ul li{float:left; padding-right:2px; }
	
	div#vous_etes ul li a{width:141px; height:22px; padding:77px 0 0 16px; background-repeat:no-repeat; font-size:12px; color:#323232; font-weight:bold; font-style:italic; display:block;}
	
	div#vous_etes ul li a#bt_etudiants{width:142px; background-image:url(../img/visuel_etudiants.jpg); color:#84b1d9}
	div#vous_etes ul li a#bt_jeunes{background-image:url(../img/visuel_jeunesDiplomes.jpg); color:#84b1d9}
	div#vous_etes ul li a#bt_experim{background-image:url(../img/visuel_experimentes.jpg); color:#84b1d9}
	div#vous_etes ul li a#bt_futur{background-image:url(../img/visuel_futurFranchise.jpg); color:#de234e;}
	
	div#vous_etes ul li#bt_etudiants{width:142px; height:22px; padding:77px 0 0 16px; background-repeat:no-repeat; font-size:12px; color:#323232; font-weight:bold; font-style:italic; display:block;background-image:url(../img/visuel_etudiants.jpg); color:#84b1d9}
	div#vous_etes ul li#bt_jeunes{width:141px; height:22px; padding:77px 0 0 16px; background-repeat:no-repeat; font-size:12px; color:#323232; font-weight:bold; font-style:italic; display:block;background-image:url(../img/visuel_jeunesDiplomes.jpg); color:#84b1d9}
	div#vous_etes ul li#bt_experim{width:141px; height:22px; padding:77px 0 0 16px; background-repeat:no-repeat; font-size:12px; color:#323232; font-weight:bold; font-style:italic; display:block;background-image:url(../img/visuel_experimentes.jpg); color:#84b1d9}
	div#vous_etes ul li#bt_futur{width:141px; height:22px; padding:77px 0 0 16px; background-repeat:no-repeat; font-size:12px; color:#323232; font-weight:bold; font-style:italic; display:block;background-image:url(../img/visuel_futurFranchise.jpg); color:#de234e;}
	
	/* filet vertical 2 */
	div#bg_filet_v2{float:left; width:660px; background:url(../img/bg-filet.gif) repeat-y 349px 0px;}
	
	/* bloc video */
	div#video{float:left; width:310px; margin:11px 0 0 17px; padding-right:41px; display:inline;}
	
	div#video h2{width:277px; height:24px; padding:9px 0 0 33px; background:url(../img/bg-tt-video.png) no-repeat; font-size:14px; color:#fff; font-weight:bold; font-style:italic;}
	
	div#video div#vid_main{float:left; width:306px; padding:6px 0 0 4px;}
	
	div#video div#vid_1{float:left; width:157px; padding:6px 0 0 4px;}
	
	div#video div#vid_2{float:left; width:149px; padding:6px 0 0 0;}
	
	/* bloc actu */
	div#actu{float:left; width:288px; margin-top:11px;}
	
	div#actu h2{width:255px; height:24px; padding:9px 0 0 33px; background:url(../img/bg-tt-actu.png) no-repeat; font-size:14px; color:#fff; font-weight:bold; font-style:italic;}
	
	div#actu ul{padding:8px 0 12px 6px;}
	
	div#actu ul li{padding-bottom:6px;}
	
	div#actu ul li img{margin-top:8px; border:1px solid #b3b3b3;}
	
	div#actu ul li a{font-size:12px; color:#505050; font-weight:bold; font-style:italic;}
	
	div#actu ul li a strong{color:#b9bd00; font-style:italic;}
	
	a.lk_bloc{padding:0 0 3px 14px; background:url(../img/bg-puce.gif) no-repeat 8px 4px; font-size:11px; color:#515151; font-weight:bold; font-style:italic; display:block;}
	
	/* bloc offres */
	div#offres{float:left; width:259px; margin:17px 0 0 20px; display:inline;}
	
	div#offres h2{width:226px; height:24px; padding:9px 0 0 33px; background:url(../img/bg-tt-offres.png) no-repeat; font-size:14px; color:#fff; font-weight:bold; font-style:italic;}
	div#offres h2 a {color:#fff;}
	div#offres ul{padding:4px 0 7px 0;}
	
	div#offres ul li{padding:0 0 3px 4px;}
	
	div#offres ul li a{width:238px; height:56px; padding:10px 0 0 13px; background-repeat:no-repeat; font-size:12px; color:#474747; font-style:italic; display:block;}
	
	div#offres ul li a.offre_1{background-image:url(../img/bg-offre-1.gif);}
	div#offres ul li a.offre_1:hover{background-image:url(../img/bg-offre-2.gif); color:#fff;text-decoration:none}
	div#offres ul li a.offre_1:hover em{color:#fff !important}
	div#offres ul li a.offre_2{background-image:url(../img/bg-offre-2.gif); color:#fff;}
	
	div#offres ul li a em{color:#b9b9b9; font-weight:bold; font-style:italic;}
	div#offres ul li a span{color:#dc1e47; font-weight:bold; font-style:italic;}
	div#offres ul li a strong{font-style:italic;}
	
	div#offres ul li a.offre_2 em, 
	div#offres ul li a.offre_2 span, 
	div#offres ul li a.offre_2 strong{color:#fff; font-weight:bold; font-style:italic;}
	
	div#offres a.lk_offres{width:230px; height:28px; padding:137px 0 0 18px; margin:16px 0 0 5px; background:url(../img/bg-lk-offres.gif) no-repeat; border:1px solid #b3b3b3; font-size:11px; color:#dc1e47; font-style:italic; font-weight:bold; display:block;}
	div#offres a.lk_offres_ro{background:url("../img/bg-lk-offres-ro.gif") no-repeat scroll 0 0 transparent;
		border:1px solid #B3B3B3;color:#DC1E47;display:block;font-size:11px;font-style:italic;font-weight:bold;
		height:28px;margin:16px 0 0 5px;padding:137px 0 0 18px;width:230px}
    div#offres a.lk_offres_es{background:url("../img/bg-lk-offres-es.gif") no-repeat scroll 0 0 transparent;
		border:1px solid #B3B3B3;color:#DC1E47;display:block;font-size:11px;font-style:italic;font-weight:bold;
		height:28px;margin:16px 0 0 5px;padding:137px 0 0 18px;width:230px}
    div#offres a.lk_offres_it{background:url("../img/bg-lk-offres-it.gif") no-repeat scroll 0 0 transparent;
		border:1px solid #B3B3B3;color:#DC1E47;display:block;font-size:11px;font-style:italic;font-weight:bold;
		height:28px;margin:16px 0 0 5px;padding:137px 0 0 18px;width:230px}
	div#offres a.lk_offres_ki{background:url("../img/carte-chine.gif") no-repeat scroll 0 0 transparent;
		border:1px solid #B3B3B3;color:white;display:block;font-size:11px;font-style:italic;font-weight:bold;
		height:28px;margin:16px 0 0 5px;padding:137px 0 0 18px;width:230px}
	div#offres a.lk_offres_ru{background:url("../img/carte-russie.gif") no-repeat scroll 0 0 transparent;
		border:1px solid #B3B3B3;color:#DC1E47;display:block;font-size:11px;font-style:italic;font-weight:bold;
		height:28px;margin:16px 0 0 5px;padding:137px 0 0 18px;width:230px}
	* html div#offres a.lk_offres, * html div#offres a.lk_offres_ro, * html div#offres a.lk_offres_es,
	 * html div#offres a.lk_offres_it, * html div#offres a.lk_offres_ru, * html div#offres a.lk_offres_ki{margin-left:3px;}
	
	/* bloc blocDate */
	div#blocDate{float:left; width:259px; margin:17px 0 0 20px; display:inline;}
	div#blocDate h2{width:226px; height:24px; padding:9px 0 0 33px; background:url(../img/bg-tt-offres.png) no-repeat; font-size:14px; color:#fff; font-weight:bold; font-style:italic;}
	div#blocDate ul{padding:4px 0 7px 0}
	div#blocDate ul li{padding:0 10px 3px 8px;text-align:justify}
	div#blocDate label{color:#FF0066;font-weight:bold;font-style:italic}
	div#blocDate span{font-style:italic}
	div#blocDateNews{float:left; display:inline;}
	div#blocDateNews h2{height:24px; padding:9px 0 0 33px;font-size:14px;color:#fff; 
	    background:url(../img/bg-tt-emploi.png) no-repeat;font-weight:bold;font-style:italic}
	div#blocDateNews ul{padding:24px 24px 12px 24px}
	div#blocDateNews ul li{padding:0 10px 3px 8px;text-align:justify}
	div#blocDateNews .labelDate{color:#FF0066;font-weight:bold;font-style:italic;font-size:12px}
	div#blocDateNews .spanDate{font-style:italic;color:#7f7f7f;font-size:12px}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page actualites.html */ 
/*************************************************************************************************************************************************************************/
	/* bloc plus loin */
	div#loin{float:left; width:253px; margin:25px 0 0 23px; background:url(../img/bg-loin-bas.gif) no-repeat left bottom; display:inline;}
	div#bg_loin{float:left; width:253px; background:url(../img/bg-loin-top.gif) no-repeat;}
	
	div#loin h2{padding:18px 0 0 25px; font-size:15px; color:#3e3e3e; font-weight:bold; font-style:italic;}
	
	div#loin ul{padding:10px 0 6px 20px;}
	
	div#loin ul li{padding:0 0 10px 0;}
	
	div#loin ul li a{padding-left:6px; background:url(../img/bg-puce.gif) no-repeat 0px 4px; font-size:12px; color:#424242; font-weight:bold; font-style:italic; display:block;}
	
	/* bloc actualites */
	div.bloc_interieur{float:left; width:641px; padding-bottom:25px; margin:17px 0 0 17px; display:inline;}
	
	/* select theme */
	.select_theme{float:right; padding:7px 5px 0 0; margin-bottom:-25px; display:block;}
	
	.select_theme span.select{position:absolute; width:193px; height:25px; padding:5px 0 0 9px; background:url(../img/bg-select-actu.gif) no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; font-weight:bold; font-style:italic; overflow:hidden;}
	* html .select_theme span.select{background:none;}
	
	/* detail actualite */
	div.detail_actu{float:left; width:577px; padding:0 32px; font-size:12px; font-style:italic; line-height:19px;}
	
	div.detail_actu em{clear:both; padding-top:14px; color:#333; font-weight:bold; font-style:italic; display:block;}
	div.detail_actu em span{color:#b9bd00;}
	
	div.detail_actu h3{clear:both; font-size:14px; color:#363636; font-weight:bold;}
	div.bloc_interieur div.detail_actu h3{padding:0px;}
	
	div.detail_actu p{clear:both; color:#7f7f7f;}
	
	div.detail_actu a{/*float:left;*/padding:2px 32px 0 0; background:url(../img/bg-picto-pdf.gif) no-repeat right 3px; color:#b9bd00; font-weight:bold; /*display:block;*/}
	
	div.detail_actu div{clear:both; padding-top:14px;}
	
	/* pagination */
	div.pagination{float:right; padding-top:20px; font-size:12px; color:#7f7f7f; font-style:italic;}
	
	div.pagination span{color:#b9bd00; font-weight:bold;}
	
	div.pagination p{float:left; padding:0 6px;}
	
	div.pagination a{float:left; width:6px; height:5px; margin-top:5px; background-repeat:no-repeat; display:block;}
	
	div.pagination a span{display:none;}
	
	div.pagination a.pg_prec{background-image:url(../img/bg-page-prec.gif);}
	div.pagination a.pg_suiv{background-image:url(../img/bg-page-suiv.gif);}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page cultureRH.html */ 
/*************************************************************************************************************************************************************************/
	/* bloc integration */
	div.paragraphe, p.paragraphe, ul.par_liste, div.bloc_interieur h3, div.bloc_interieur h4, div.bloc_interieur .offretitre{padding:0 36px 0 32px;}
	
	div.paragraphe, p.paragraphe, ul.par_liste{padding-top:16px; font-size:12px; color:#7f7f7f; font-style:italic; line-height:18px;}
	ul.par_liste{padding-top:20px;}
	
	ul.par_liste li{padding:0 0 4px 8px; background:url(../img/bg-puce-2.gif) no-repeat 0px 8px; font-size:12px; color:#7f7f7f; font-style:italic;}
	
	div.paragraphe strong, p.paragraphe strong{color:#f9609c; font-style:italic;}
	
	div.bloc_interieur h3{padding-top:14px; font-size:16px; color:#2f2f2f; font-weight:bold; font-style:italic;}
	
	div.bloc_interieur h4, div.bloc_interieur .offretitre{font-size:13px; color:#909090; font-weight:bold; font-style:italic;}
	
	/* cadre infos */
	div.cadre_infos{float:left; width:240px; margin:16px 0 0 4px; background:url(../img/bg-cadre-infos-bas.gif) no-repeat left bottom; font-size:12px; color:#3c3c3c; font-style:italic; line-height:17px; display:inline;}
	
	div.bg_cadre{float:left; width:210px; padding:15px 15px 38px 15px; background:url(../img/bg-cadre-infos-top.gif) no-repeat;}
	
	div.cadre_infos strong{font-size:12px; color:#f9609c; font-style:italic; text-transform:uppercase;}
	
	div.cadre_infos span{font-size:12px; font-weight:bold;}
	
	ul.float_liste{float:left; padding:28px 36px 0 18px;}
	
	/* bloc actu sidebar */
	div#col_2 div#actu{width:259px; margin:17px 0 25px 20px; display:inline;}
	
	div#col_2 div#actu h2{width:226px; background-image:url(../img/bg-tt-actu-side.png);}
	
	div#col_2 div#actu ul{padding:0 10px 0 17px;}
	
	div#col_2 div#actu ul li{padding:15px 0 0 0;}
/*************************************************************************************************************************************************************************/
/* Bloc css de la page offres-emploi.html */ 
/*************************************************************************************************************************************************************************/
	/* bloc coeur */
	div.interieur div#bloc_coeur.bg_coeur{background-image:url(../img/bg-coeur.gif); font-size:16px; color:#003063; font-style:normal;}
	
	/* formulaire */
	div#emploi_int h3{padding-bottom:12px;}
	
	div#emploi_int .form div.filet{float:left; width:410px; padding:12px 0 15px 0; margin:0 0 0 32px; border-bottom:1px solid #e1e1e1; display:inline;}
	div#emploi_int .form div.no_filet{padding-bottom:0px; border-bottom:none;}
	div#emploi_int .form select{width:265px;color:#8e8e8e;font-size:10px;font-style:italic;
	    height:22px;border:solid 1px #000}
	
	div#emploi_int label{float:left; width:145px; padding-top:5px; color:#3d3d3d; font-weight:bold; font-style:italic;}
	
	.nsSelect1{float:left; overflow:visible; display:block;}

	.nsSelectMain{width:256px; height:14px; padding:4px 4px; margin-bottom:0px; background:url(../img/bg-select-1.gif) no-repeat; font-size:10px; color:#8e8e8e; font-style:italic; text-decoration:none; display:block;}
	.nsSelectMain:hover{text-decoration:none}
	
	.nsSelect1 div{position:relative; display:none;}

	.nsSelect1 ul{position:absolute; top:0; left:0; width:262px; max-height:100px; background-color:#FFFFFF; border:1px solid #515151; overflow:auto; z-index:20;}
	
	.nsSelect1 li{padding:0;}
	
	.nsSelect1 li a{width:100%; padding:3px 0; text-indent:2px; font-size:10px; color:#8e8e8e; font-style:italic; text-decoration:none; display:block;}
	
	div#emploi_int .submit_rech{float:right; width:141px; height:42px; margin-bottom:30px; background:url(../img/bg-submit-rechercher.png) no-repeat; border:none; font-size:12px; color:#fff; font-weight:bold; text-transform:uppercase; cursor:pointer;}
	
	/* resultats */
	.tab_results{float:left; margin:24px 0 0 32px; display:inline;}
	
	.tab_results .td1{width:268px; padding-left:8px;}
	.tab_results .td2{width:90px; padding-left:8px;}
	.tab_results .td3{width:57px; padding-left:8px;}
	.tab_results .td4{width:118px; padding-left:8px;}
	
	.tab_results th{padding-bottom:5px; padding-top:6px; background-color:#dc1e47; border-right:1px solid #fff; color:#fff; font-weight:bold; font-style:italic; text-transform:uppercase;}
	
	.tab_results th a{color:#fff !important;}
	
	.tab_results td{padding-top:8px; color:#4b4b4b; font-weight:bold; font-style:italic;}
	
	.tab_results td a{color:#4b4b4b;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page detail-offre.html */ 
/*************************************************************************************************************************************************************************/
	div#emploi_int.bloc_interieur h4,div#emploi_int.bloc_interieur .offretitre{font-size:12px; color:#6f6f6f;}
	div#emploi_int.bloc_interieur b{margin:2px 10px 10px 36px;display:block;font-size:12px; color:#6f6f6f;font-style:italic}
	
	div#emploi_int .bt_postuler{float:right; width:196px; height:27px; padding-top:15px; margin-top:14px; background:url(../img/bg-bt-postuler.png) no-repeat; font-size:12px; color:#fff; font-weight:bold; text-transform:uppercase; text-align:center; font-style:normal;line-height:12px}
	
	div#emploi_int p .bt_postuler{float:left; height:29px; padding-top:13px;}
	
	/* liste pictos */
	div#offres ul.liste_pictos{padding:20px 0 0 17px;}
	
	div#offres ul.liste_pictos li{float:left; padding:0 15px 12px 0;}
	
	div#offres ul.liste_pictos li a{width:auto; height:auto; padding:0px; display:inline;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page contactez-nous.html */ 
/*************************************************************************************************************************************************************************/
	/* fil d'ariane */
	div#emploi_int div.fil_ariane{padding:10px 0 8px 6px; font-size:14px; color:#959595; font-style:italic;}
	
	div#emploi_int div.fil_ariane a{color:#959595;}
	
	div#emploi_int div.fil_ariane span{color:#dc1e47; font-weight:bold;}
	
	/* nav interieure */
	ul.nav_int{width:603px; height:25px; margin:7px 0 0 24px; background:url(../images/bg-nav-int-franchise.gif) no-repeat;}
	
	ul.bt_5_on{background-position:0px -25px;}
	
	ul.nav_int li{float:left;}
	
	ul.nav_int li a{height:21px; padding-top:4px; font-size:13px; color:#dc1e47; font-style:italic; text-align:center; display:block;}
	
	ul.nav_int li a#bt_1{width:99px;}
	ul.nav_int li a#bt_2{width:94px;}
	ul.nav_int li a#bt_3{width:109px;}
	ul.nav_int li a#bt_4{width:174px;}
	ul.nav_int li a#bt_5{width:127px;}
	
	ul.bt_5_on li a#bt_5{color:#fff; font-weight:bold;}
	
	/* intro */
	.img_left{float:left; margin:0 20px 5px 0;}
	
	p.intro_franchise{padding-right:70px; font-size:16px; color:#2f2f2f; font-weight:bold; line-height:18px;}
	
	/* formulaire */
	.form_contact div{padding:0 0 14px 32px; font-size:12px; color:#656565; font-weight:normal; font-style:italic;}
	.form_contact div div{padding-left:0px;}
	
	.form_contact div.first_line{padding-top:22px;}
	
	.form_contact div.pad1{padding-left:194px;}
	
	.aster{color:#dc1e47;}
	
	.input_check, .input_radio{width:13px; height:13px; margin-bottom:3px; overflow:hidden; vertical-align:middle;}
	
	div#emploi_int .form_contact p, div#emploi_int .form_contact label{float:left; width:152px; padding-right:10px; font-size:12px; color:#656565; font-weight:normal; font-style:italic;}
	div#emploi_int .form_contact label{padding-top:5px;}
	
	div#emploi_int .form_contact label.label1{float:none; width:auto; padding-right:28px; padding-left:5px;}
	div#emploi_int .form_contact label.label2{float:none; width:auto; padding-right:10px; padding-left:36px;}
	
	div#emploi_int .form_contact p.note{float:none; width:auto; padding:10px 0 0 32px;}
	
	.form_contact .input1, .form_contact .input2, .form_contact textarea{width:253px; height:20px; border:1px solid #ababab; font-size:12px; font-style:italic;}
	.form_contact .input2{width:82px;}
	.form_contact textarea{height:80px;}
	
	.form_contact .nsSelectMain{width:247px; background-image:url(../images/bg-select-2.gif);}
	
	.form_contact .nsSelect1 ul{width:253px; border:1px solid #ababab;}
	
	div#emploi_int .submit_valider{width:138px; height:42px; margin:20px 0 0 192px; background:url(../images/bg-bt-valider.png) no-repeat; border:none; font-size:12px; color:#fff; font-weight:bold; text-transform:uppercase; cursor:pointer;}
	div#emploi_int a{text-decoration:underline;color:#DE234E}
	div#emploi_int a:hover{text-decoration:none}
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page candidature-spontanee.html */ 
/*************************************************************************************************************************************************************************/
	/* paragraphe fleche */
	p.p_fleche{padding:0 310px 20px 63px; margin-top:16px; background:url(../images/bg-fleche.gif) no-repeat 32px 6px; font-size:12px; color:#656565; font-weight:bold; line-height:16px;}
	p.p_fleche2{padding:5px 110px 20px 63px; margin-top:16px; background:url(../images/bg-fleche.gif) no-repeat 32px 6px; font-size:12px; color:#656565; font-weight:bold; line-height:16px;}
		
	/* carte */
	div.carte{padding-bottom:24px;}
	
	/* liste liens */
	ul.liste_liens{padding:16px 36px 26px 25px;}
	
	ul.bg_filet{margin-bottom:44px; background:url(../images/bg-filet-liste.gif) no-repeat 32px bottom;}
	
	ul.liste_liens li{padding:0 0 4px 7px; background:url(../images/bg-puce-3.gif) no-repeat 0px 4px;}
	
	ul.liste_liens li a{font-size:12px; color:#003063; font-style:italic;}
	
/* CSS Webmaster */
ul.par_liste li{float:none !important;display:block}
table.adn{color:#7f7f7f;width:575px;font-size:12px;font-family:Arial;font-style:italic;
    border-collapse:separate !important;border-spacing:2px}
table.adn tr td{padding:2px 10px !important;margin:2px !important}

/*#vous_etes strong{color:#8eb8dd}*/
#vous_etes strong{color:#7EACD6}
#integration_int strong{color:#fa72aa}
#nos_metiers strong{color:#716900}
#actu_int strong{color:#b9bd00}
#emploi_int strong{color:#dc1e47}
#divers_int strong{color:#6f6f6f}

/* Divers */
.invis{display:none}
.contenu_bloc{margin-top:0px !important;padding-top:0px !important}
.inversed{padding-top:0px !important;padding-bottom:16px !important}
.sous-titre{font-weight:bold;color:#716900 !important}
.sous-bloc{margin-left:50px}
.cartouche_video{width:255px;height:29px;display:block;float:left;margin:0px 0px 5px -2px;
    background:url(../img/cartouche-blue.png) no-repeat}
.cartouche_video h2{font-size:15px;font-weight:bold;color:#fff;margin:6px 0px 0px 30px;
    font-style:italic}
    
/*div#emploi_int div.boutonFranchise{width:226px;height:24px;padding:9px 0 0 33px; 
    background:url(../img/bg-tt-offres.png) no-repeat; font-size:14px; color:#fff;
    font-weight:bold; font-style:italic;float:left;margin-left:40px;_margin-left:25px}
div#emploi_int div.boutonFranchise a{color:#fff;text-decoration:none}*/

div#emploi_int div.boutonFranchise{width:206px;height:24px;padding:9px 0 0 33px; 
    font-size:14px; color:#515151;
    background:url(../img/btn_fleche_lien.png) no-repeat left center;
    font-weight:bold; font-style:italic;float:left;margin-left:40px;_margin-left:25px}
div#emploi_int div.boutonFranchise a{color:#515151;text-decoration:none}
div#emploi_int div.boutonFranchise a:hover{text-decoration:underline}


/*.divFranchiseMenu{margin:12px 0px;_padding-left:50px}
div.boutonFranchiseMenu{width:206px;height:24px;padding:9px 0 0 33px; 
    font-size:14px; color:#515151;font-weight:bold;
    background:url(../img/btn_fleche_lien.png) no-repeat left center;
    font-style:italic;float:left;margin-left:65px;_margin-left:25px}
div.boutonFranchiseMenu a{color:#515151;text-decoration:none}
div.boutonFranchiseMenu a.current{color:#DE234E !important}
div.boutonFranchiseMenu a:hover{text-decoration:underline}*/

.divFranchiseMenu{margin:8px 0px 4px 0px}
div.boutonFranchiseMenu{height:24px;padding:9px 0 0 23px; 
    font-size:12px; color:#515151;font-weight:bold;
    background:url(../img/btn_fleche_lien.png) no-repeat left center;
    font-style:italic;float:left;margin-right:8px;!margin-right:6px;_margin-right:4px}
div.boutonFranchiseMenu a{color:#515151;text-decoration:none}
div.boutonFranchiseMenu a.current{color:#DE234E !important}
div.boutonFranchiseMenu a:hover{text-decoration:underline}

	
/* Module Videos */
div.module_videos{float:left; width:259px; margin:17px 0 25px 24px; display:inline;}
	
/* Deuxieme Cartouche */
.cartouche_gris{background:url(../img/fond_pourAllerPlusLoin.png) no-repeat;width:251px;color:#000;
    height:117px;float:left;margin:10px 0px 10px 23px;font-style:italic;display:inline;font-size:12px}
.cartouche_gris h2{font-size:15px;font-weight:bold;margin:18px 0px 0px 25px}
.cartouche_gris ul{padding:12px 0 0 40px}
.cartouche_gris ul li{padding:0px 0px 8px 0px;list-style-type:square}
.cartouche_gris ul li a{height:17px;color:#000;display:block;font-size:12px;
    font-weight:bold}
    
/* Plan du site */
.plan {
	font-family:Verdana;
	font-size:11px;
	font-style:italic;
	width:616px;
	margin:0 auto;
}
.plan a:link, .plan a:visited {text-decoration:none;}
.plan a:hover, .plan a:active {text-decoration:underline;}
	
.plan_tunnels {
	height:200px;
	margin:0 auto;
}
.plan_cibles, .plan_contextuel {
	clear:both;
	height:80px;

}
.plan_cibles strong, .plan_contextuel strong {
	color:#474747;
	display: block;
	margin:10px 0;
}

.pBloc1, .pBloc2 {
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	padding-top: 5px;
	height: 25px;
}
.pBloc2, .pBloc2 a {
	color:#FFF;
	font-weight:bold;
	width:131px;
	height:21px;
}

.plan_kiabi, .plan_rh, .plan_metiers, .plan_actus, .plan_rejoindre, .pBloc2 {
	margin-right:3px;
	float:left;
}

.plan_kiabi, .plan_kiabi a {
	width: 121px;
	color:#7eacd6;	
}
.plan_rh, .plan_rh a {
	width:131px;
	color: #f9609c;
}
.plan_metiers, .plan_metiers a {
	width:98px;
	color:#716900;
}
.plan_actus, .plan_actus a {
	width:93px;
	color:#b9bd00;
}
.plan_rejoindre, .plan_rejoindre a {
	width:160px;
	color:#dc1e47;
}

/* Flux XML Details Offre */
.texteXML span{display:block}

/* Formulaire Offre */
.ulFormulaireOffre{margin-left:50px}
.ulFormulaireOffre label{width:280px !important}
.ulFormulaireOffre .noLabel td{padding:5px 0px !important}
.ulFormulaireOffre .noLabel label{width:20px !important;padding:0px !important}
.ulFormulaireOffre li{clear:both;margin:10px 0px}
.ulFormulaireOffre .right{text-align:right;margin:30px 0px}
.ulFormulaireOffre input, .ulFormulaireOffre select{width:210px;border:solid 1px #7F9DB9}
.ulFormulaireOffre .noLabel input{width:30px !important}
.ulFormulaireOffre .right input{width:89px !important;height:23px !important;
    background:url(../img/btn_formulaire.png) no-repeat;border-width:0px;color:#fff;font-weight:bold;
    margin-left:10px}
.ulFormulaireOffre .shortbtn{margin-left:10px;width:89px !important;height:23px !important;
    background:url(../img/btn_formulaire.png) no-repeat;border-width:0px;color:#fff;font-weight:bold}
    
/* Formulaire Espagnol */
.formulaireEspagne{width:580px;margin:10px auto}
.formbloclong, .formblocmiddle, .formblocshort{margin-bottom:15px}
.formbloclong table label, .formblocmiddle table label, .formblocshort table label{float:none !important;margin-left:5px}
.formbloclong table td, .formblocmiddle table td, .formblocshort table td{width:100px}
.formbloclong label, .formblocmiddle label, .formblocshort label{width:139px !important;margin-top:-2px}
.formbloclong select, .formblocmiddle select, .formblocshort select{width:126px !important}

.formbloclong{width:100%;}
.formbloclong textarea{width:418px;}

.formblocmiddle{width:49%;float:left;height:20px}
.formtexte{font-style:italic;font-size:11px;margin:15px 0px}
.formtextenomargin{font-style:italic;font-size:11px}
.formbouton{text-align:right;margin-right:20px}
.formbouton input{width:89px !important;height:23px !important;
    background:url(../img/btn_formulaire.png) no-repeat;border-width:0px;color:#fff;font-weight:bold;
    margin-left:10px}

/* DIVERS AGAIN */
.morespace li{padding-bottom:10px !important}

.handicap_img{width:587px;margin:0px auto}
.handicap_img img{width:189px;margin-right:10px}
.handicap_img img.last{margin:0px !important}

/*.hadicap_logo{position:absolute;left:-90px}*/
.hadicap_logo{float:left}
.hadicap_logo img{width:120px;margin:15px 10px 0px 30px}

/* Modules Templates*/
.modCommunSmall,.modCommunFull{margin-bottom:10px}
.modCommunSmall{margin-left:24px;_margin-left:12px;padding:5px;float:left;border:solid 1px #aaa;background-color:#f4f4f4;width:240px;
    font-size:12px;color:#505050;text-decoration:none;font-style:italic;
    font-size:12px;font-family:Arial, Helvetica, Sans-Serif}
.modCommunSmall img{max-width:127px;_width:127px;margin:0px 5px 5px 0px;float:left}

.modCommunFull{margin-left:24px;_margin-left:12px;padding:5px;float:left;border:solid 1px #aaa;background-color:#f4f4f4;width:240px;
    font-size:12px;}
.modCommunFull img{max-width:240px;_width:240px;margin:0px 5px 5px 0px;float:left}

div.modCommunCartouche{float:left;width:282px;height:252px;margin:0px 0px 10px 7px; 
    background:url(../img/bg-cartouche.gif) no-repeat;font-size:12px;color:#fff;font-style:italic;}
div.interieur div.modCommunCartouche{width:270px; height:142px; margin-left:15px; _margin-left:7px;
    background-image:url(../img/bg-cartouche-int.gif);}
div.modCommunCartouche p{padding:12px 15px 0 23px; line-height:18px;}
div.modCommunCartouche strong{font-size:16px; font-style:italic;}
div.modCommunCartouche ul{padding:16px 0 0 22px;}
div.interieur div.modCommunCartouche ul{padding-top:8px;}
div.modCommunCartouche img{display:none}
div.modCommunCartouche ul li{padding-bottom:5px;}
div.modCommunCartouche ul li a{height:17px; padding:4px 0 0 30px; 
    background:url(../img/bg-puce-cartouche.gif) no-repeat; font-size:12px; color:#fff; 
    display:block;}
    
.modCommunCartoucheGris{background:url(../img/fond_pourAllerPlusLoin.png) no-repeat;width:251px;color:#000;
    height:117px;float:left;margin:0px 0px 10px 23px;font-style:italic;display:inline;font-size:12px}
.modCommunCartoucheGris h2{font-size:15px;font-weight:bold;margin:18px 0px 0px 25px}
.modCommunCartoucheGris img{display:none}
.modCommunCartoucheGris p{padding:12px 0 0 20px}
.modCommunCartoucheGris ul{padding:12px 0 0 40px}
.modCommunCartoucheGris ul li{padding:0px 0px 8px 0px;list-style-type:square}
.modCommunCartoucheGris ul li a{height:17px;color:#000;display:block;font-size:12px;
    font-weight:bold}
    
/* WISIWIG */
#wisiwig{text-align:left !important;width:641px !important}

.article p,.article ul{font-size:12px;color:#7f7f7f;font-style:italic; line-height:18px}
.article p{padding:16px 36px 0px 32px;}
.article p.noMarge{padding:10px 0;text-align:center}
.article p.reponse{color:#7f7f7f}
.article p span.span_noir{color:#000}
.article p.float_left{float:left;padding:15px 10px 0px 30px;}
.article p.stop_left{clear:both}
.article p.smallCharacters{font-size:8pt;line-height:11pt}
.article p.margeFleche{background:url(../multimedia/medias/11_634069446264687500.png) no-repeat 32px 6px;
    font-size:11px;color:#656565;line-height:16px;font-weight:bold;padding:0 310px 20px 63px;
    margin-top:16px;font-style:normal}
.article p img{margin:0px 5px}
.article p a{color:#7f7f7f}

.article ul{padding:20px 36px 0px 32px !important;margin-bottom:14px}
.article ul li{margin-left:35px;padding:0 0 4px 8px;font-size:12px;float:none !important;
    background:url(../img/bg-puce-2.gif) no-repeat 0px 8px}
.article ul li strong{font-style:normal}

.article h3{padding:14px 36px 12px 32px !important; font-size:16px;color:#2f2f2f;font-weight:bold;font-style:italic}

.article h4{padding:0 36px 0 32px; font-size:12px;color:#909090;font-weight:bold;font-style:italic}
.article h4.entete_table{border-bottom:solid 1px;margin:35px 36px 15px 32px;font-size:12px;
    padding:0px 36px 2px 12px}
.article h4.currentColor{margin-top:14px}

.article div.blocBlanc{border-style:solid;border-width:1px;padding:5px;width:575px;
    margin:20px 33px 10px 33px;background-color:#fff}
.article div.blocBlanc p{color:#000;font-weight:bold;padding-bottom:18px}
.article div.blocBlanc p.reponse{color:#7f7f7f;font-weight:normal}
.article div.blocBlanc h3{padding:14px 36px 0px 32px !important;}

.article table{margin:0 36px 0 32px;border-spacing:2px;border-collapse:separate;width:573px}
.article table tr td{padding:10px !important;margin: 2px !important;vertical-align:top;width:1000px}
.article table .titreTab{background-color:#7eacd6;color:#fff;font-weight:bold;font-style:italic;
    font-size:12px;padding:2px 10px !important;}
.article table tr p{padding:0px !important}
.article table tr td ul{padding:0px !important}
.article table tr td ul li{margin:0px !important}

.article .titre_bloc{cursor:pointer}
    
/* XXX */
#vous_etes h4.entete_table, #vous_etes h4.currentColor{color:#7EACD6 !important}
#integration_int h4.entete_table, #integration_int h4.currentColor{color:#fa72aa !important}
#nos_metiers h4.entete_table, #nos_metiers h4.currentColor{color:#716900 !important}
#actu_int h4.entete_table, #actu_int h4.currentColor{color:#b9bd00 !important}
#emploi_int h4.entete_table, #emploi_int h4.currentColor{color:#dc1e47 !important}
#divers_int h4.entete_table, #divers_int h4.currentColor{color:#6f6f6f !important}

#vous_etes td.titreTab{background-color:#7EACD6 !important}
#integration_int td.titreTab{background-color:#fa72aa !important}
#nos_metiers td.titreTab{background-color:#716900 !important}
#actu_int td.titreTab{background-color:#b9bd00 !important}
#emploi_int td.titreTab{background-color:#dc1e47 !important}
#divers_int td.titreTab{background-color:#6f6f6f !important}

span.req{color:#E22B59}
p.reqP{color:#E22B59;margin:8px 0px 0px 20px;font-weight:bold;font-style:italic}

#vous_etes div.blocBlanc, #vous_etes h4.entete_table{border-color:#7EACD6 !important}
#integration_int div.blocBlanc, #integration_int h4.entete_table{border-color:#fa72aa !important}
#nos_metiers div.blocBlanc, #nos_metiers h4.entete_table{border-color:#716900 !important}
#actu_int div.blocBlanc, #actu_int h4.entete_table{border-color:#b9bd00 !important}
#emploi_int div.blocBlanc, #emploi_int h4.entete_table{border-color:#dc1e47 !important}
#divers_int div.blocBlanc, #divers_int h4.entete_table{border-color:#6f6f6f !important}
div#offres img.map {
   
    border: 1px solid #B3B3B3;
  
 
   
    margin: 16px 0 0 5px;
   
   }
    div#offres a.lnk_map_ru
    {
        position:absolute;
        bottom:0;
        left:20px;
       display: block;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
     height: 28px;
      width: 230px;
      color: #DC1E47;
    }
    
    p.data
    {
     
     color: #7F7F7F;
    font-size: 12px;
    font-style: italic;
   
    }
    .error{color:#f00;font-weight:bold;font-size:12px}
