@charset "iso-8859-1";
/*@import url('consultez-nos-offres-d-emploi.css');*/
@import url('general.css');

/* CSS Document */

/* bloc gauche */
/* bloc ara few et dem enf */

/*.blockDiver ul.gauche1 li.araFemme a{ background:transparent url(../images/fond/arawakFemmePortOn.jpg) left top no-repeat; }
.blockDiver ul.gauche1 li.araFemme a span.inGauche1 b{ color:#fff};
.blockDiver ul.gauche1 li.araFemme a span.inGauche1 b em{ color:#fff;}
.blockDiver ul.gauche1 li.araFemme a span.inGauche1 b{ color:rgb(51,51,51);}
.blockDiver ul.gauche1 li.araFemme a span.inGauche1 b em{  color:rgb(51,51,51);}
*/
.blockDiver ul.gauche1 li.araFemme a{background:transparent url(../images/fond/navEnterOn.jpg) left top no-repeat;}
.blockDiver ul.gauche1 li.araFemme a span.inGauche1{cursor:default;}

/* bloc photo */
.photos { background-color:#CC0000;}
.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, 102, 102) }


/* 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:#CC0001;  width:120px; height:22px; color:#fff; font-weight:bold; line-height:22px; text-align:center;}
.menus_onglets ul li a:hover { background-color:#CC0001; 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:#CC0001; text-transform:uppercase; font-weight:bold;}
.inContenuOnglet div.liste { margin:0 0 0px 0px; padding:0; }
.inContenuOnglet div.liste ul{padding:0 0 0 25px; 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 { /*display:none;*/ margin:0; padding:0; background:none; border: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 { text-align:center; width:750px; /*display:none;*/}
.contenu_catalogue div.imgGrand{ margin:0; padding:0; background:none; border:none; width:380px; margin-right:10px;}
.contenu_catalogue div.imgDetail{margin:0; padding:0; background:none; border:none; width:225px; margin-right:10px; height:464px;}




.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; }






.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;}
.imgGrand span.imgBig{margin:0; padding:0;width:374px;background-color:#CC0000; padding:3px; overflow:hidden; margin-bottom:5px;}
.imgGrand span img{ margin:auto;}

.imgDetail div.imgDtLeft{ margin:0; padding:0; background:none; width:225px; margin-bottom:50px;}
*html .imgDetail div.imgDtLeft{ margin-bottom:40px;}
.imgDtLeft span{ display:block; width:170px; margin:0; padding:0;}
.imgDtLeft span img{ width:106px;}
.imgDtLeft span.inImgDetail{ background-color:#CC0000; 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;}
.imgDtLeft span.inImgTxtDetail p{ margin:0; padding:0; margin-bottom:10px;}
.imgDtLeft span.inImgTxtDetail p#title_1{ width:150px;}

.imgPetit div.imgPttList{ width:90px; margin:0; padding:0; margin-bottom:5px;}
.imgPttList span{ display:block; margin:0; padding:0; width:85px;}
.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{ display:none}
bloc droite

#droite div.contActu{background:transparent url(../images/fond/arawak.jpg) top right repeat-y;}
.contact {background:transparent url(../images/fond/arawak.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:#CC0000;}
 */
 .contact { margin-top:20px;}
 .contact { *margin-top:15px;}
 .actus div.titre1 span { color:red!important; *color:red!important;}
#contact_us div.basActu{ background-position:top left; position:relative; top:25px;}
#contact_us div.basActu{*top:28px;}
#contact_us hr{ margin-bottom:10px;}
#contact_us .nom_bloc{ margin-bottom:0px; margin-left:45px; width:150px;}

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

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

/*.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;}


#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:10px; margin-bottom:30px;}
*:first-child+html .offreEmploi { padding-top:5px!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; cursor:pointer;}
.offreEmploi form p label.tmp_pj input.inputText{ background:transparent; font-style:italic; cursor:pointer;}
.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;}