@charset "iso-8859-1";
@import url('general.css');
/* CSS Document */
hr{ margin-top:5px;}
hr{*margin:0;}

/* 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; width:174px;}
.blockDiver ul.gauche1 li.demEnfant{ height:37px; background:transparent url(../images/fond/demadEnfantAraAccueil.jpg) left top no-repeat; margin-left:15px; width:174px;}
.blockDiver ul.gauche1 li span.inAraFemme{ top:16px; left:25px;}*/

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


/* bloc centrale */
#centre { width:400px;}
*:first-child+html #centre { margin-top:-13px;}
#centre { margin-top:0px\9;}
.intro{ margin:0 40px}
.intro div.menus_onglets { margin:0; padding:0; width:460px; text-align:center;}
.intro p.titre{ font-weight:bold; font-size:11px; color:#FF9900;}
.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:0; margin:0; margin-bottom:35px}

.contenus_onglets .nom_bloc { font-weight:bold; font-size:12px; margin:0}
.contenus_onglets hr{ margin-bottom:10px;}
.siegeSoc{ margin:0; padding:0; margin:0px 0 35px 0}
.siegeSoc .logoSoc{ margin:0; padding:0; margin-right:20px; width:70px;}
.siegeSoc .sitSoc{ margin:0; padding:0;}

/* offre d'emploi */
.offreEmploi { padding:0; margin:0; width:/*310*/268px; margin-top:28px;}
.offreEmploi .nom_bloc { font-weight:bold; font-size:12px; margin:0}
.offreEmploi hr{ margin-bottom:10px;}
.offreEmploi form { margin:0; padding:0; border:none; margin-top:10px}
.offreEmploi form p {}
.offreEmploi form p label { display:block; margin:0 0 10px;}
.offreEmploi form p label span { display:inline-block; width:/*120*/90px; color:#996633; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.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 form p label span.info { width:/*90*/60px; vertical-align:top;}
.offreEmploi form p label input { width:172px; 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:202px; 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{ display:inline; text-align:right; margin-top:20px; margin-left:97px;}
.offreEmploi form p label.onRight span{ width:70px; margin-right:15px;}
/*.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;}
.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;}
.offreEmploi form p label.pj input.inputText{ background:transparent; font-style:italic;}


/* bloc droite */
#droite { margin-top:-28px; width:/*340*/300px;}
*html #droite{ margin-top:-15px!important;}
#droite div.contActu{ /*background:transparent url(../images/fond/grDecant.jpg) top right repeat-y; */}
#droite div.hautActu{ /*background:transparent url(../images/fond/grDecantHaut.jpg) right top no-repeat;*/ width:343px;}
*html #droite div.hautActu{ right:-23px;}
#droite div.basActu{ /*background:transparent url(../images/fond/grDecantBas.jpg) right top no-repeat;*/ width:320px; margin-top:-40px}
.actus div.titre1 span { color:#FF9900;}
#droite div.blocActu { width:/*340*/300px;}