@charset "iso-8859-1";
/*@import url('consultez-nos-offres-d-emploi.css');*/
@import url('general.css');
/* CSS Document */
#centre { margin-bottom:0px;}
/* bloc gauche */
/* bloc ara few et dem enf 
.blockDiver ul.gauche1 li{ width:174px;}
.blockDiver ul.gauche1 li.araFemme{ height:43px; background:transparent url(../images/fond/arawakFemmeDemAccueil.jpg) left top no-repeat; margin-left:15px;}
.blockDiver ul.gauche1 li.demEnfant{ height:36px; background:transparent url(../images/fond/demadEnfantDemAccueil.jpg) left top no-repeat; margin-left:15px;}
.blockDiver ul.gauche1 li span.inAraFemme{ top:16px; left:25px;}
.blockDiver ul.gauche1 li span.inDemEnfant{ top:4px; left:34px;}
.blockDiver ul.gauche1 li span.inDemEnfant a{ color:#fff;}
.blockDiver ul.gauche1 li span.inDemEnfant a:hover{ color:#fff;}*/
.blockDiver ul.gauche1 li.demEnfant a{background:transparent url(../images/fond/navEnterOn.jpg) left top no-repeat;}
.blockDiver ul.gauche1 li.demEnfant a span.inGauche1{cursor:default;}

/*.blockDiver ul.gauche1 li.demEnfant a{ background:transparent url(../images/fond/demadEnfantPortOn.jpg) left top no-repeat; }
.blockDiver ul.gauche1 li.demEnfant a span.inGauche1 b{ color:#fff};
.blockDiver ul.gauche1 li.demEnfant a span.inGauche1 b em{ color:#fff;}*/

/* bloc photo */
.photos { background-color:#666699;}
.photos p.onLeft{ text-align:right; color:#fff; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-right:12px; margin-bottom:20px;}
.photos p.logo{ margin-top:/*75*/10px; text-align:right; margin-right:10px; height:43px;}
.photos p.inRightToo{ color:rgb(204, 204, 255)}


/* bloc centrale */
/* onglet */
.intro p.titre{ font-weight:bold; font-size:11px; color:#000;}
.intro div.menus_onglets { margin:0; padding:0; width:460px; text-align:center;}
.menus_onglets ul { margin:0; padding:0; list-style:none; text-align:center;}
.menus_onglets ul li { display: inline-block; margin:0; padding:0; list-style:none;}
.menus_onglets ul li a { display:block; background-color:#CCC;  width:120px; height:22px; color:#000000; font-weight:bold; line-height:22px; text-align:center;}
.menus_onglets ul li a.actif { display:block; background-color:#666699;  width:120px; height:22px; color:#fff; font-weight:bold; line-height:22px; text-align:center;}
.menus_onglets ul li a:hover { background-color:#666699; color:#FFFFFF;}
.menus_onglets ul li a.arawak {background-image:url(../images/fondhaut2_bouton.gif); background-position:top left; background-repeat:no-repeat;}
.menus_onglets ul li a.arawak:hover { background-image:url(../images/fondhaut_bouton.gif); background-position:top left; background-repeat:no-repeat;}
.menus_onglets ul li span {background-color:#CC0001; color:#FFFFFF; display:block; width:120px; height:22px; font-weight:bold; line-height:22px; text-align:center;}
.menus_onglets ul li span.arawak { background-image:url(../images/fondhaut_bouton.gif); background-position:top left; background-repeat:no-repeat;}
.contenus_onglets { padding:10px 0; margin:0; width:460px;}

.contenus_onglets div.inContenuOnglet { margin:0; padding:0; background:none; border:none;}
.inContenuOnglet img { float:left; margin:0 10px 0 0;}
.inContenuOnglet p { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#333333; font-size:11px; text-align:justify;}
.inContenuOnglet p strong {}
.inContenuOnglet p a{ color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline;}
.inContenuOnglet p a:hover{ color:#FF9900;}
.inContenuOnglet p.edito { text-align:right;}
span.arawak { color:#666699; text-transform:uppercase; font-weight:bold;}
.inContenuOnglet div.liste { margin:0 0 0px 0px; padding:0; }
.inContenuOnglet div.liste ul{padding:0 0 0 13px; margin:5px 0 0;}
.inContenuOnglet div.liste ul li{list-style:square; text-align:justify;}
.inContenuOnglet div.liste a{color:#FF9900; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline;}
.inContenuOnglet div.liste a:hover{ text-decoration:none;}
.inContenuOnglet div{ margin:0; padding:0; border:none; background:none;}
.inContenuOnglet div a{color:#FF9900; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline;}
.inContenuOnglet div a:hover{text-decoration:none;}

.contenus_onglets div.contenu_ci { margin:0; padding:0; background:none; border:none; /*display:none*/}
.contenu_ci div.contentRub2 { margin:0 0 15px;}
.contenu_ci div.contentRub2 p.rubrique { font-weight:bold; margin:0;}
.contenu_ci div.contentRub2 p.rubrique span { font-weight:normal;}
.contenu_ci div.contentRub2 p { text-align:justify;}
.contenu_ci div.contentRub2 p a {}
.contenu_ci div.contentRub2 p a:hover {}
.contenu_ci div.contentRub2 ul { padding:0; margin:5px 0 0 13px;}
.contenu_ci div.contentRub2 ul li {}

.contenu_catalogue { /*display:none;*/ text-align:center; width:750px;}
.contenu_catalogue div.imgGrand{ margin:0; padding:0; background:none; border:none; width:600px; margin-right:10px;}
.contenu_catalogue div.imgDetail{margin:0; padding:0; background:none; border:none; width:600px; margin-right:10px;}



.contenu_catalogue div.imgPetit{margin:0; padding:0; background:none; border:none; width:110px; /*border-right:10px solid #FF9999;*/ height:555px; overflow:hidden; position:relative; float:left; }
.jScrollPaneTrack {BACKGROUND: #9999CC;}
.jScrollPaneDrag {BACKGROUND:#03297C;}


.imgGrand span{ display:block; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:bold; background-color:#FFFFFF; text-align:center; font-style:italic; width:510px;}
.imgGrand span.imgBig{margin:0; padding:0; width:505px;background-color:#666699; padding:3px; overflow:hidden; margin-bottom:5px;}
.imgGrand span img{ margin:auto;}

.imgDetail div.imgDtLeft{ margin:0; padding:0; background:none; width:160px; margin-bottom:/*10*/0px;}
*html .imgDetail div.imgDtLeft{ margin-bottom:40px;}
.imgDtLeft span{ display:block; width:225px; margin:0; padding:0;}
.imgDtLeft span img{ width:106px;}
.imgDtLeft span.inImgDetail{ background-color:#666699; width:106px; overflow:hidden; padding:3px;}
.imgDtLeft span.inImgTxtDetail{ text-align:left;  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#666666; font-weight:normal; margin-top:5px; width:112px;}
.imgDtLeft span.inImgTxtDetail p{ margin:0; padding:0; margin-bottom:10px; text-align:left;}
.imgDetail div.descPart {  text-align:left;  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#666666; font-weight:normal; margin-top:5px;width:190px; }


.imgPetit div.imgPttList{ width:90px; margin:0; padding:0; margin-bottom:5px;}
.imgPttList span{ display:block; margin:0; padding:0; width:88px;}
.imgPttList span.imgList{ background-color:#CCCCCC; padding:2px; overflow:hidden; cursor:pointer;}
.imgPttList span.imgTxtList{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#333333; margin-top:2px;}

#droite div.blocActu { margin-top:0px;}
.actus div.titre1 span { color:#666699!important; *color:#666699!important;}


/*#droite{ display:none;}
 bloc droite 
#droite div.contActu{ background:transparent url(../images/fond/demad.jpg) top right repeat-y;}
.contact {background:transparent url(../images/fond/demad.jpg) top right repeat-y; width:260px; margin:0; padding:0}
.contact form{ width:240px;}
.contact form p label span{ width:80px;}
.contact form p label span.info{ width:50px;}
#droite div.hautActu{ display:none;}
#droite div.basActu{display:none;}
#droite div.contActu div.actus {width:230px;}
.actus div.titre1 span { color:#666699;}*/
 .contact { margin-top:20px;}
 .contact { *margin-top:15px;}
#contact_us div.basActu{ background-position:top left; position:relative; top:25px;}
*html #contact_us div.basActu{top:24px;}
#contact_us hr{ margin-bottom:10px;}
#contact_us .nom_bloc{ margin-bottom:0px; margin-left:45px; width:150px;}

#contact_us div.hautActu { width:273px;}
*html #contact_us div.hautActu { width:273px!important;}

.contact form p label span { font-weight:normal;}

#cata p.inRight { color:#9999CC}

/*.inContenuOnglet div.listeEmploi{ margin:0; padding:0; margin:0px 0 }
.listeEmploi p{ font-size:12px;}
.listeEmploi div.emploi{ margin:0; padding:0; margin-bottom:10px;}
.listeEmploi div.emploi hr{ margin:0; padding:0; }
.emploi p.titreEmploi{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#333333; margin-bottom:0px;}
.emploi p.titreEmploi span{ display:block; margin:0; padding:0; border-bottom:3px solid #333333; margin-left:90px; margin-top:-28px; text-align:center; line-height:25px; font-size:14px; text-transform:uppercase; color:#666666;}

.inContenuOnglet div.textBas{ margin:0; padding:0; text-align:center; margin-top:150px;}
.inContenuOnglet div.textBas p{ text-align:center; font-weight:bold; font-size:11px; color:#333333;}*/



.offreEmploi form p label.onRight{ text-align:right; margin-top:20px; margin-right:0px;}
.offreEmploi form p label.onRight span{ width:70px; margin-right:15px;}
.offreEmploi form p label.profil{ margin-top:20px; font-size:1px; font-weight:bold;}
.offreEmploi form p label.profil span{ font-weight:bold;}
.offreEmploi form p label.pj{ position:relative;}
.offreEmploi form p label.pj input.parcours{/*position : absolute;*/ margin-left:-155px;opacity : 0;filter : alpha(opacity=0);  width:0px; cursor:pointer;}
.offreEmploi form p label.pj input.inputText{ background:transparent; font-style:italic; cursor:pointer;}


.inContenuOnglet div.textBas{ margin:0; padding:0; text-align:center; margin-top:150px;}
.inContenuOnglet div.textBas p{ text-align:center; font-weight:bold; font-size:11px; color:#333333;}


#droite div.hautActu { /*top:5px;*/ margin-top:5px;}


/* offre d'emploi */
.offreEmploi form p label strong{ font-size:10px; font-weight:bold; color:#FF0000}
.offreEmploi label strong.gris{ font-size:11px; font-weight:normal; color:#CCCCCC; margin-bottom:10px}
.offreEmploi { padding:0; margin:0; width:280px; padding-top:25px; margin-bottom:30px;}
*:first-child+html .offreEmploi { padding-top:20px!important; }
.offreEmploi .nom_bloc { font-weight:bold; font-size:12px; margin:0 /*0 10px*/;}
.offreEmploi hr{ margin:0; padding:0;}
.offreEmploi form { margin:0; padding:0; border:none; margin-top:20px;}
.offreEmploi form p {}
.offreEmploi form p label { display:block; margin:0 0 10px;}
.offreEmploi form p label span { display:inline-block; width:120px; color:#B68856; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.offreEmploi form p label span.info { width:90px; vertical-align:top;}
.offreEmploi form p label input { width:150px; border-left:none; border-top:none; color:#000; font-size:11px; border-bottom:2px groove #999; border-right:2px groove #999; height:16px;border-bottom:2px double #000!important;*border-bottom:2px double #000!important;}
.offreEmploi form p label textarea { border-left:none; border-top:none; color:#000; font-size:11px; border-bottom:2px groove #999; border-right:2px groove #999; width:180px; height:75px; border-bottom:2px double #000!important;*border-bottom:2px double #000!important;}
.offreEmploi form p input.bouton { background:none; background-image:url(../images/bouton_ok.gif); background-position:top left; width:19px; height:19px; border:none; cursor:pointer; float:right; margin:0 15px 0 0;}
.offreEmploi form p input.bouton:hover { background-position:bottom left;}
.offreEmploi form p label span input{ margin:0; padding:0; color:#b68856;  font-weight:bold; background:none; border:none; width:75px; font-size:10px; cursor:pointer; border:none!important; *border:none!important;}
.offreEmploi form p label span input:hover{ color:#FF9900}
.offreEmploi form p label.onRight{ text-align:right; margin-top:20px; margin-right:0px;}
.offreEmploi form p label.onRight span{ width:70px; margin-right:15px;}
.offreEmploi form p label.profil{ margin-top:20px; font-size:1px; font-weight:bold;}
.offreEmploi form p label.profil span{ font-weight:bold;}
.offreEmploi form p label.tmp_pj{ position:relative;}
.offreEmploi form p label.tmp_pj input.parcours{/*position : absolute;*/ margin-left:-155px;opacity : 0;filter : alpha(opacity=0);  width:0px;}
.offreEmploi form p label.tmp_pj input.inputText{ background:transparent; font-style:italic;}
.offreEmploi form p label.onRight span input { width:auto!important;}


/* contenu centrale rep offre */ 
.contenus_onglets div.inContenuOnglet { margin:0; padding:0; background:none; border:none; padding-top:5px;}
.inContenuOnglet img { float:left; margin:0 10px 0 0;}
.inContenuOnglet p { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000; font-size:11px; text-align:justify;}
.inContenuOnglet p strong {}
.inContenuOnglet p a{ color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline;}
.inContenuOnglet p a:hover{ text-decoration:none;}
.inContenuOnglet p.edito { text-align:right;}
.inContenuOnglet p.titre{ color:#333333; font-size:12px; font-weight:bold}
.inContenuOnglet hr{ margin-bottom:20px;}

.inContenuOnglet div.listeEmploi{ margin:0; padding:0; margin:10px 0 30px 0}
.inContenuOnglet div.listeEmploi{ *margin:10px 0 10px 0}
.listeEmploi div.emploi{ margin:0; padding:0;}
.emploi p.titreEmploi{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#333333; margin-bottom:5px; }
*html .emploi p.titreEmploi{ margin-bottom:0px;}
*:first-child+html .emploi p.titreEmploi{ margin-bottom:-5px!important; }
.emploi p.titreEmploi b{ background-color:#fff; padding:0 5px 0 0; z-index:5; position:relative}
.emploi p.titreEmploi span{ display:block; margin:0; padding:0; border-bottom:1px solid #333333; margin-left:0px; margin-top:-18px; z-index:0;}

.emploi p.emploiListe{ color:#666666; text-transform:uppercase; font-size:11px; font-weight:bold; margin-left:90px; }
.emploi p.emploiListe b{ float:left;}
.emploi p.emploiListe a{ float:right;color:#666666; font-size:11px; font-weight:bold; text-decoration:none; text-transform:none; margin-right: 50px}
.emploi p.emploiListe a:hover{ text-decoration:underline; color:#333333}
.emploi div.spacer{ margin-bottom:10px;}

.emploi p.emploiListeLink{ text-align:right; margin:0; padding:0; margin-bottom:10px;}
.emploi p.emploiListeLink a{color:#666666; font-size:11px; font-weight:bold; text-decoration:none;}
.emploi p.emploiListeLink a:hover{ text-decoration:underline; color:#333333}

.multi_pj span.englobe_liste_pj{display:block; width:180px;}
.englobe_liste_pj span.ajax_loader{width:20px; margin-top:15px; *margin-top:5px; margin-left:4px;}
.englobe_liste_pj span.ajax_loader img{width:15px;height:15px;margin-top:-12px;}
.englobe_liste_pj span.texte{color:#333333;position:relative;}
/*.englobe_liste_pj span.texte img{cursor:pointer;float:right; position:relative; margin-right:-35px;*margin-left:145px;width:12px;height:12px;}*/
.englobe_liste_pj span.texte img {bottom:1px;position:absolute;right:-38px;width:12px;height:12px;}
*html .englobe_liste_pj span.texte img{ margin-top:-13px;}
*:first-child+html .englobe_liste_pj span.texte img{ margin-top:-13px!important;}
.englobe_liste_pj span.texte img{ margin-top:0px\9!important;}