/* A.General */
* {margin:0;padding:0; }
body {
	background:#e9e9e9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
input, select, option{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
font{
	font-size:11px;
}

#wrapper {}

/* B.Header */
#header {
	overflow:hidden;
	width:100%;
	background:url(skin/bg/bgHead.png) repeat-y center top;
}
#headerTop {
	overflow:hidden;
	width:984px;
	margin:0 auto;
	height:107px;
	text-align:right;
}
#headerTop #logo {
	float:left;
	overflow:hidden;
	margin:5px;
	margin-left: 10px;
	width:260px;
	height:107px;
}
#headerTop #lpdr {
	float:left;
	margin:5px;
}


/* GESTIONS ONGLETS */
a {
	color:#04A;text-decoration:none}
a:hover {
	color:#036;text-decoration:underline}

#offre_back_view {display:none}


a.offre_tab, a.offre_toggler {font:normal 14px Verdana,sans-serif}
a.offre_tab {
	background:#D6E3E9;color:#246;}
a.offre_tab:hover,a.offre_toggler:hover {text-decoration:none}
a.offre_tab:hover {
	background:#59C;color:#FFF}
a.offre_toggler {
	background:#F6F6F6;border:1px solid #b8b8b8;color:#778;float:left;padding:6px 12px 6px}
a.offre_toggler:hover {
	background:#F6FFF6;color:#012}
.offre_tabs a {outline:0}
.offre_tabs a.toggled {
	background:#FFF;border-color:#b8b8b8 #b8b8b8 #FFF;color:#012}
	
/* GESTION 3 ONGLETS*/
#tab_2_view {display:none}
#tab_3_view {display:none}

a.tab_1_tab, a.tabs_toggler {font:normal 14px Verdana,sans-serif}
a.tab_1_tab {
	background:#D6E3E9;color:#246;}
a.tab_1_tab:hover,a.tabs_toggler:hover {text-decoration:none}
a.tab_1_tab:hover {
	background:#59C;color:#FFF}
a.tabs_toggler {
	background:#F6F6F6;border:1px solid #b8b8b8;color:#778;float:left;padding:6px 12px 6px}
a.tabs_toggler:hover {
	background:#F6FFF6;color:#012}
.three_tabs a {outline:0}
.three_tabs a.toggled {
	background:#FFF;border-color:#b8b8b8 #b8b8b8 #FFF;color:#012}


/* D.Body */
#body {
	background:url(skin/bg/bgBody2.png) repeat-y center top;
	width:100%;
}
#page3Cols, #page2Cols {
	width:964px;
	margin:0 auto;
	padding-top:19px;
}
#page3Cols #colLeft, #page2Cols #colLeft {
	width:167px;
	float:left;
}
#page3Cols #colRight{
	width:151px;
	float:left;
}
#page3Cols #colCenter {
	float:left;
	width:622px;
	margin:-1px 6px 0 6px;
}
*+html #page3Cols #colCenter, * html #page3Cols #colCenter {
	float:left;
	width:622px;
	margin:-1px 6px 0 6px;
}

#page2Cols #colCenter {
	float:left;
	width:775px;
	margin:0px 5px 0 10px;
}

.champ_oblig{
	text-align: left;
	font-weight: bold;
	color: #1e8724;
}

.champ_erreur{
	text-align: left;
	font-weight: bold;
	color: red;
}

.champ_blanc{
	text-align: left;
	font-weight: bold;
	color: #ffffff;
}

.champ_brown{
	text-align: left;
	font-weight: bold;
	color: #9d958b;
}


/* D.1.Blocs */
.bloc {width:167px;margin-bottom:5px;}
.bloc .head {
	height:20px; 
	padding:10px;
	background:url(skin/bloc/head.png) no-repeat top left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
.bloc .head .small{
	font-size:10px;
}
.bloc .foot {clear:both;height:13px; background:url(skin/bloc/footWhite.jpg) no-repeat top left;}
.bloc .body {background:#fff url(skin/bloc/body.jpg) repeat-y top left;}
.bloc .body .content {width:143px;overflow:hidden;margin:0 auto;}

.blocGradient {}
.blocGradient .body .content {}
.blocGradient .foot {height:13px; background:url(skin/bloc/footGradient.png) no-repeat top left;}


#colRight .bloc {width:151px;}
#colRight .bloc .head {background:url(skin/bloc/colRight/head.png) no-repeat top left;}
#colRight .bloc .foot {background:url(skin/bloc/colRight/footWhite.png) no-repeat top left;}
#colRight .bloc .body {background:#fff url(skin/bloc/colRight/body.jpg) repeat-y top left;}
#colRight .bloc .body .content {width:127px;}
#colRight .blocGradient .foot {background:url(skin/bloc/colRight/footGradient.png) no-repeat top left;}

#colRight .blocBrown {color:#e9e9e9;}
#colRight .blocBrown .head {background:url(skin/bloc/colRight/headBrown.png) no-repeat top left;}
#colRight .blocBrown .gradient {margin:0 2px;}
#colRight .blocBrown .gradient .content font{color : #ffffff;}
#colRight .blocBrown .gradient .content ul {color : white; margin: 0px; padding:0px; list-style: disc; list-style-position: inside;}
#colRight .blocBrown .gradient .content li a {color : white; text-decoration: none; font-size: 12px;}
#colRight .blocBrown .gradient .content li a:hover {color : white; text-decoration: underline;}
#colRight .blocBrown .body {background:url(skin/bloc/colRight/bodyBrown.png) repeat-y top left;}
#colRight .blocBrown .foot {height:15px; background:url(skin/bloc/colRight/footBrown.png) no-repeat top left;}
#colRight .blocBrown  #email_cand label {display:block;color:#cccccc;}
#colRight .blocBrown  #email_cand, #inscr_cand, #inscr_recr {display:block;width:200px;margin:0px 10px;}

#colLeft.bloc {width:167px;}
#colLeft .blocBrown {color:#e9e9e9;}
#colLeft .blocBrown .head {background:url(skin/bloc/colLeft/headBrown.png) no-repeat top left;}
#colLeft .blocBrown .gradient {margin:0 2px;}
#colLeft .blocBrown .gradient .content font{color : #ffffff;}
#colLeft .blocBrown .gradient .content ul {color : white; margin: 0px; padding:0px; list-style: disc; list-style-position: inside;}
#colLeft .blocBrown .gradient .content li a {color : white; text-decoration: none; font-size: 12px;}
#colLeft .blocBrown .gradient .content li a:hover {color : white; text-decoration: underline;}
#colLeft .blocBrown .body {background:url(skin/bloc/colLeft/bodyBrown.png) repeat-y top left;}
#colLeft .blocBrown .foot {height:15px; background:url(skin/bloc/colLeft/footBrown.png) no-repeat top left;}
#colLeft .blocBrown  #email_cand label {display:block;color:#cccccc;}
#colLeft .blocBrown  #email_cand, #inscr_cand, #inscr_recr {display:block;width:200px;margin:0px 10px;}


/** COOPTATION **/
/*#cooptation .head {background-image:url(skin/bloc/custom/cooptation.png);}*/

/** BLOG **/
#blog .head {background-image:url(skin/bloc/custom/blog.png);}

/** ARTICLE **/
#article .head {background-image:url(skin/bloc/custom/article.png);}

/** ACTU RSS**/
#actu_rss .head {background-image:url(skin/bloc/custom/actu_rss.png);}
#actu_rss .body {min-height:170px;}

/** CONTACT**/
#contact .head {background-image:url(skin/bloc/custom/contact.png);}
/* Logged in */







/** NEWSLETTER **/
#newsletter .head{background: transparent url(skin/bloc/custom/newsletter.png) no-repeat scroll left top}
#newsletter form {}
#newsletter label {color:#686a6d;display:block;margin-bottom:5px;}
#newsletter .envoyer { cursor:pointer; display:block;  margin:5px 0; width:102px; height:27px; border:none; background:url(../_images/boutons/bouton_inscription_flat.png) no-repeat top left;}

/** DEJA ENREGISTRE **/
#identification {padding-top:5px;}
#identification label {display:block;color:#fff;}
#identification #login, #identification #password {display:block;width:123px;margin:2px 0 5px 0;}
#identification .valider{
	cursor:pointer;
	display:block;
	margin:5px auto;
	width:100px;
	height:27px;
	border:none;
	background:url(skin/boutons/bouton_acces.png) no-repeat top left;
}
#identification .valider:hover{
	background-position:bottom;
}

/** DERNIERS INSCRITS **/
/*ul.derniers_inscrits {list-style:none;}
ul.derniers_inscrits li {}
ul.derniers_inscrits li a {display:block;margin-bottom:5px;text-decoration:none;}
ul.derniers_inscrits li a:hover span.candidat {text-decoration:underline;}
ul.derniers_inscrits li a span.candidat {display:block;font-weight:bold;color:#1b497e;}
ul.derniers_inscrits li a span.poste {display:block;color:#686a6d;}*/


}

/* D.3.Colonne Centrale */
#colCenter {color:#686a6d; font-size:11px;}
#colCenter h2 {
	padding-bottom:10px;
	margin-bottom:5px;
	color:#000000;
	font-size:18px;
	font-weight:normal;
	background:url(skin/bg/bgH2.jpg) repeat-x bottom left;
}

#colCenter h3 {
	padding-bottom:0px;
	margin-bottom:5px;
	color:#000000;
	font-size:14px;
	font-weight:normal;
	
}
span.rouge {color:#de0021;}

#colCenter .blocGradient {margin:10px 0; width:622px}
#colCenter .blocGradient .head {height:8px;background:url(skin/bloc/center/head.png) no-repeat top left; width:622px;}
#colCenter .blocGradient .body {width:620px;border-left:1px #b8b8b8 solid;border-right:1px #b8b8b8 solid;_margin-top:-8px;}
#colCenter .blocGradient .body .gradient {background:#fff;padding:5px 10px;margin:0 0px;width:600px;}
#colCenter .blocGradient .foot {clear:both;height:9px;background:url(skin/bloc/center/foot.png) no-repeat top left;}

#colCenter .blocLeft, #colCenter .blocRight {
	width:308px;
	float:left;
}
#colCenter .blocLeft {margin-right:6px;}
#colCenter .blocLeft .head, #colCenter .blocRight .head_cand, #colCenter .blocRight .head_recr{height:40px;}
#colCenter .blocLeft .head {background:url(skin/home_blocs/head_left.png) no-repeat top left;}
#colCenter .blocRight .head_cand {background:url(skin/home_blocs/head_cand.png) no-repeat top left;}
#colCenter .blocRight .head_recr {background:url(skin/home_blocs/head_cand.png) no-repeat top left;}
#colCenter .blocLeft h4, #colCenter .blocRight h4 {
	font-size:16px;
	font-weight:bold;
	color:white;
}
#colCenter .blocLeft h4 {padding:7px 0 0 13px;}
#colCenter .blocRight h4 {padding:7px 0 0 13px;}
#colCenter .blocLeft h4 span, #colCenter .blocRight h4 span {
	display:block;
	font-size:16px;
	font-weight:normal;
	color:#686a6d;
}
#colCenter .blocLeft .body {background:#fff;border-left:1px #b8b8b8 solid;border-right:1px #b8b8b8 solid; height:198px;}
#colCenter .blocRight .body {background:#fff;border-left:1px #b8b8b8 solid;border-right:1px #b8b8b8 solid; height:70px;}
#colCenter .blocLeft .body p, #colCenter .blocRight .body p {padding:10px;text-align:justify;}
#colCenter .blocLeft .body p.bleu, #colCenter .blocRight .body p.bleu {text-align:left;}
#colCenter .blocRight a img {border:none;}
#colCenter .blocRight .foot {margin-bottom:7px;}
#colCenter .blocLeft .foot, #colCenter .blocRight .foot {height:11px;background:url(skin/home_blocs/foot.png) no-repeat top left;}

#colCenter .blocMiddle {width:622px; float:left; }
#colCenter .blocMiddle h4 {padding:7px 0 0 13px;}
#colCenter .blocMiddle h4  {
	display:block;
	font-size:16px;
	font-weight:bold;
	color:white;
}
#colCenter .blocMiddle .head{height:40px;background:url(skin/home_blocs/head_middle.png) no-repeat top left;}
#colCenter .blocMiddle .body {background:#fff;border-left:1px #b8b8b8 solid;border-right:1px #b8b8b8 solid;}
#colCenter .blocMiddle .body p {padding:10px;text-align:justify; color:#686a6d;}
#colCenter .blocMiddle .body ul {margin-left:40px;}
#colCenter .blocMiddle .foot {margin-bottom:7px; height:11px; background:url(skin/home_blocs/foot_middle.png) no-repeat top left;}





.column {width:168px;}

.bloc2on3 {float:left;font-size:0;}
.bloc2on3 .head {width:453px;height:8px;background:url(skin/bloc/headFoot/head_2on3.jpg) no-repeat left top;}
.bloc2on3 .body {
	width:431px;
	padding:5px 10px 10px 10px;
	background:#ffffff url(skin/bloc/gradient.jpg) repeat-x left bottom;
	border-left:1px solid #B8B8B8;
	border-right:1px solid #B8B8B8;
	font-size:11px;
}
.bloc2on3 .body img {display:block;margin:0 auto;}
.bloc2on3 .foot {width:453px;height:8px;background:url(skin/bloc/headFoot/foot_2on3.jpg) no-repeat left bottom;}

#colCenter .bloc2on3 h3, #colCenter .bloc1on3 h3 {padding-bottom:5px;}

.bloc1on3, .bloc1on3White {float:left;font-size:0;margin:0 0 5px 5px;_margin:0 0 5px 2px;}
.bloc1on3 .head, .bloc1on3White .head {width:163px;height:8px;background:url(skin/bloc/headFoot/head_1on3.jpg) no-repeat left top;}
.bloc1on3 .body, .bloc1on3White .body {
	width:141px;
	padding:5px 10px 0;
	background:#ffffff url(skin/bloc/gradient.jpg) repeat-x left bottom;
	border-left:1px solid #B8B8B8;
	border-right:1px solid #B8B8B8;
	font-size:11px;
}
.bloc1on3 .foot, .bloc1on3White .foot {width:163px;height:8px;background:url(skin/bloc/headFoot/foot_1on3.jpg) no-repeat left bottom;}
.bloc1on3White .body {background:#ffffff;padding:10px 10px 0 10px;width:141px;}
.bloc1on3White .foot {background:url(skin/bloc/headFoot/foot_white_1on3.jpg) no-repeat left bottom;font-size:0;}



/* E.Footer */
#footer {
	clear:both;
	width:964px;
	margin:0 auto;
	padding:10px;
}
#footer h4 {color:#9d958b;font-size:14px;font-weight:bold;}
#footer .mentions {color:#686a6d;float:right; padding-bottom:15px;}
#footer .mentions  a{color:#686a6d;text-decoration: none;}
#footer .mentions a:hover{color:#686a6d;text-decoration: underline;}
ul#list_footer {list-style:none;width:100%;height:90px;background:url(skin/bg/bgFooter.jpg) repeat-x top left; overflow:hidden;}
ul#list_footer li{display:inline;}
ul#list_footer li img{border:none; border-right:1px solid #999999; margin-top:3px;}

/* F.Classes */
a.lienBleu{color:#1e8724;text-decoration:none;}
a.lienBleu:visited{color:#1e8724;}
a.lienBleu:hover {text-decoration:underline;}

a.lienRouge{color:#de0021;text-decoration:none;}
a.lienRouge:visited {color:#de0021;}
a.lienRouge:hover {text-decoration:underline;}

a.lienBlanc:link{color:#fff;text-decoration:none;}
a.lienBlanc:visited{color:#fff;text-decoration:none;}
a.lienBlanc:hover {color:#fff;text-decoration:underline;}

a.lienOrange{color:#1e8724;text-decoration:none;}
a.lienOrange:visited{color:#1e8724;}
a.lienOrange:hover {text-decoration:underline;}

a.lienBrown{color:#9d958b;text-decoration:none;}
a.lienBrown:visited{color:#9d958b;}
a.lienBrown:hover {text-decoration:underline;}


a.video {display:inline-block;line-height:16px;padding-right:18px;background:url(skin/divers/picto_video.jpg) no-repeat top right;}

div.actu {margin-bottom:5px;}
div.actu p{color:#686a6d;}

.black {color:#000;}
.inputCol {width:123px;}

/* G.Helpers */
span.clear {width:1px;height:1px;}
.block {display:block;}
.clear {clear:both;}
.floatR {float:right;}
.floatL {float:left;}
.bold {font-weight:bold;}
.justify {text-align:justify;}
.bleu_formulaire {color:#1b497e; height: 20px; text-indent: 3px;}
.bleu {color:#1b497e;}
.inv {display:none;}

.bMarginLg {margin-bottom:20px;}
.rMargin {margin-right:10px;}
.hMarginSm {margin-top:5px;margin-bottom:5px;}

.rPadding {padding-right:10px;}
.lPadding {padding-left:10px;}
.noPadding {padding:0;}
.noMargin {margin:0;}

.bigger{font-size:13px;}
.smaller{font-size:10px;}
.center{text-align:center;}

/* --------------------------------------------------INFO BULLE ------------------------------------------- */

#dhtmltooltip {position: absolute;left: -300px;background-image:none;background-repeat:no-repeat;padding:0;text-align:justify;font-size:10px;width: 216px;visibility: hidden;z-index: 100;}
#dhtmltooltip .head_bulle {background-image: url(../images/infobulle_head.gif);background-position:left top;background-repeat: no-repeat;	height:39px;}	
#dhtmltooltip .body_bulle{background-image: url(../images/infobulle_body.gif);background-position: left top;background-repeat: repeat-y;padding-left: 17px;padding-right: 17px;padding-bottom: 10px;}
#dhtmltooltip .footer_bulle{	background-image: url(../images/infobulle_footer.gif);background-position: left top;background-repeat: no-repeat;height:30px;}


/* -----------------------------------------------------------RECRUTEURS OFFRES DEMPLOI --------------------------------------------- */

#colCenter .offres_demploi p{padding: 0 0 20px 70px;}
#colCenter .offres_demploi {background:url(skin/recruteurs/presentation_entreprise.gif) no-repeat top left;}
#colCenter .offres_demploi h3{padding: 0 0 0 70px;}



/************************** CARTOUCHE INFO COMPTE *****************************/

#cartouche_zone #formulaire_filtre {background-color:#d0d0d0; background-image:none;padding:0 10px;width:777px;}  
#cartouche_zone .formulaire_top_big {width:777px;height:4px;background:#d0d0d0;}
#cartouche_zone .formulaire_bottom_big {width:777px;height:4px;clear:both;background:#d0d0d0;}  
  
/*************************** SUPA tableau *************************************/
  
#super_tableau tr th {background:url(skin/tableau/degrad2.png) repeat-x top left;border-right:1px solid #e9e9e9;height:40px;padding:0 5px;color:#9d958b;font-family:arial;font-size:11px;text-align:left;}

#super_tableau tr th.titre_bleu {color:#1B497E;font-family:arial;font-size:13px;}
#super_tableau tr:first-child {background:url(skin/tableau/degrad2.png) repeat-x top left;}

/* hack ie */
*+html #super_tableau tr th:first-child, * html #super_tableau tr th:first-child{background:url(skin/tableau/degrad2.png) repeat-x top left;}


#super_tableau tr {background-color:#f4f4f4;}
#super_tableau tr:hover { background-color:#dfdfdf;}
#super_tableau td { font-size:11px;border-bottom:1px solid #e9e9e9;padding-left:3px;height:46px;}
#super_tableau tr td.upper{background-color:#e9e9e9;}
#super_tableau tr td a:link {color:#c87506;font-size:11px;text-decoration:none;}
#super_tableau tr td a:visited {color:#c87506;font-size:11px;text-decoration:none;}
#super_tableau tr td a:hover {color:#c87506;font-size:11px;text-decoration:underline;}

/***********PAGE REC_BACKOFFICE **********/

#admin_zone .resultat {color:#1B497E;font-family:arial;font-size:12px;}
#admin_zone a.titre_commande {color:#1B497E;display:block;font-size:18px;text-decoration:none;}
#admin_zone a:hover.titre_commande {color:#1B497E;display:block;font-size:18px;text-decoration:underline;}
#admin_zone .blocGradient .head tr th a img{margin-top:14px;}

#admin_zone #super_tableau tr th {background:url(skin/tableau/degrad2.png) repeat-x top left;}
#admin_zone #super_tableau tr:first-child {background:url(skin/tableau/degrad2.png) repeat-x top left;}
#admin_zone #super_tableau tr th:first-child{background:transparent url(skin/tableau/left_white.png) no-repeat scroll left -1px;}

/* hack ie */
*+html #admin_zone #super_tableau tr th:first-child, * html #admin_zone #super_tableau tr th:first-child{background:url(skin/tableau/degrad2.png) repeat-x top left;}

#admin_zone #super_tableau tr th:last-child{background:url(skin/tableau/right_white.png) no-repeat scroll right -1px;border-right:medium none;}
#admin_zone .blocGradient {margin:10px 0;}
#admin_zone .blocGradient .head {height:10px;padding:5px 10px 0;background:url(skin/bloc/center/head_large.png) no-repeat top left;width:758px;}
#admin_zone .blocGradient .head h3 {font-size:18px;font-weight:bold;margin:10px 0 0 10px;}
#admin_zone .blocGradient .body {border-left:1px #b8b8b8 solid;border-right:1px #b8b8b8 solid;_margin-top:-8px;width:775px;}
#admin_zone .blocGradient .body .gradient {background:#fff url(skin/bloc/center/bgBody.jpg) repeat-x bottom left;padding:5px 10px;margin:0 1px;min-height:80px;width:754px;}
#admin_zone .blocGradient .foot {clear:both;height:9px;background:url(skin/bloc/center/foot_large.png) no-repeat top left;width:777px;}


/********************* PAGE CONTACT *************************/

#contact .droite {float:right;width:150px;margin-right:10px;}
#contact .gauche {float:left;}
#contact .clear	{clear:both;}

/********************** USUEL ******************************/

#usuel_510 ul li{list-style-image:none;list-style-position:inside;list-style-type:disc;}
#usuel_510 ul{margin-left:15px;}

#colCenter .rich_text  *{
	font-size:11px;
}


/********** MODULES **************/

h2.titleHead {background-image:none;color:#FFFFFF;font-size:14px;font-weight:bold;display:inline;}
h3.small{background-image:none;color:#FFFFFF;font-size:10px;font-weight:bold;display:inline;}


