@charset "iso-8859-1";
@import url('general.css');
/* CSS Document */

/* bloc gauche */
/* bloc ara few et dem enf */
*html #droite{margin:0px 0 0 15px!important;}
/* bloc photo */
.photos { background-color:#996666;}
.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:75px; text-align:right; margin-right:10px;}
/*.photos p.inRight{ color:#000; font-size:11px; text-align:justify}*/
.photos p{ color:#fff; font-size:11px; text-align:justify; margin:0 10px; font-weight:normal;}
.photos p img{ margin-bottom:10px;}


/* bloc centrale */
.intro div.menus_onglets { margin:0; padding:0; width:460px; text-align:center;}
.intro p.titre{ font-weight:bold; font-size:11px; color:#996666;}
.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;}
.contenus_onglets div.inContenuOnglet p {border:none!important; *border:none!important;}
.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:10px; }
.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;zoom:1;}

.emploi p.emploiListe{ color:#666666; text-transform:uppercase; font-size:11px; font-weight:bold; margin-left:90px; }
.emploi p.emploiListe b{ float:left; width:190px; text-align: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}


span.arawak { color:#CC0001; text-transform:uppercase; font-weight:bold;}
span.demad { color:#666699; text-transform:uppercase; font-weight:bold;}
.inContenuOnglet div.liste { margin:0 0 15px 0px; padding:0; }
.inContenuOnglet div.liste ul{padding:0 0 0 25px; margin:5px 0 0;}
.inContenuOnglet div.liste ul li{list-style:square;}
.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;}

/* offre d'emploi */
.offreEmploi form p label strong{ font-size:12px; 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:290px;}
.offreEmploi .nom_bloc { font-weight:bold; font-size:12px; margin:0 0 10px;}
.offreEmploi form { margin:0; padding:0; border:none;}
.offreEmploi form p {}
.offreEmploi form p label { display:block; margin:0 0 5px;}
.offreEmploi form p label span { display:inline-block; width:100px; color:#B68856; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.offreEmploi form p label span.info { width:70px; 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;}
.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;}
.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;}
.offreEmploi form p label span input:hover{ color:#FF9900}
.offreEmploi form p label.onRight{ text-align:right; margin-top:20px;}
.offreEmploi form p label.onRight span{ width:200px; margin-right:16px;}
.offreEmploi form p label.onRight span input{ width:200px;}
.offreEmploi form p label.profil{ margin-top:20px; font-size:1px; font-weight:bold;}
.offreEmploi form p label.profil span{ font-weight:bold;}

/* bloc droite */
#droite { margin-top:-28px;}
*html #droite { position:relative;}
#droite div.contActu{/* background:transparent url(../images/fond/recrutement.jpg) top right repeat-y;*/ }
#droite div.hautActu{ /*background:transparent url(../images/fond/recrutementHaut.jpg) right top no-repeat;*/}
#droite div.basActu{/* background:transparent url(../images/fond/recrutementBas.jpg) right top no-repeat;*/}
/*#droite div.contActu div.actus {width:240px;}*/
.actus div.titre1 span { color:#996666;}

/* scroll */
.jScrollPaneTrack {
	RIGHT: 0px; BACKGROUND: #BD9D9D; CURSOR: pointer; POSITION: absolute; TOP: 0px; HEIGHT: 100%
}
.jScrollPaneDrag {
	BACKGROUND:#996666; OVERFLOW: hidden; CURSOR: pointer; POSITION: absolute; left:0px; border-bottom:2px groove #7A5252; border-top:2px groove #7A5252;
}