* { padding:0; margin:0; }

html, body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background:url('/templates/ohe-promethee/images/accueil/fond_site.jpg'); background-repeat:repeat-x; }
body { font-family: Arial, verdana, sans-serif; voice-family: "\"}\""; voice-family: inherit; text-align: center; }
#body { position: relative; width: 956px; margin: 5px auto 0 auto; text-align: left; background-color: #fff; background-repeat: no-repeat; background-position: top center; }


/**************************************************************************/
/*								Bandeau du haut							  */
/**************************************************************************/

#logo-haut { float:left; background:url('/templates/ohe-promethee/images/accueil/logo.gif'); height:135px; width:167px; }
#logo-haut a { display:block; height:135px; width:167px; }
#animation-menu-haut { width:789px; height:135px; float:left;}
#animation-haut { width:789px; height:114px; background:url('/templates/ohe-promethee/images/accueil/anim_flash.jpg'); }
#menu-haut { height:21px; width:789px; background-color:#FFF }
#menu-haut ul { list-style-type: none; margin:0; padding:0; }
#menu-haut li { position: relative; float:left; z-index: 10; }
#menu-haut a.droite { text-align:right; padding-right:10px; display:block; text-decoration:none; color:#666666; font-weight:normal; font-size:11px }
#menu-haut a { text-align:center; display:block; text-decoration:none; color:#666666; font-weight:normal; font-size:11px; }
#menu-haut img { border:0; }
#menu-haut .niv1 { height:21px; }
#menu-haut .niv2  { width: 125px; background-color: #DFD7C4; position: absolute; top: 21px; display:none; padding:5px 0px 8px 0px; border:1px solid #D6D1C4;  }
#menu-haut .niv2 a { text-align: left; width:125px; float: none; color:#666666; margin:3px 10px 0 10px; }
#menu-haut .niv2 a:hover { color:#8A8A8A; }
#btn-prevision { background:url('/templates/ohe-promethee/images/accueil/btn_supp.gif'); width:152px; height:21px; float:left; }


/**************************************************************************/
/*								Bandeau du bas							  */
/**************************************************************************/


#bandeau-bas ul { clear:left; text-align:right; padding-bottom:10px; }
#bandeau-bas ul li { display:inline; }
#bandeau-bas ul li a { color:#666666; text-decoration:none; padding-right:20px; font-size:11px;  }


/**************************************************************************/
/*								Contenu Accueil							  */
/**************************************************************************/

#contenu { clear:left; background:url('/templates/ohe-promethee/images/accueil/fond_page.jpg') #FFF; background-repeat:no-repeat; float:left; border:1px solid #E8E7E3; border-top:0px; width:954px; }
#calage-hauteur { height:434px; width:0px; float:left; }

#accueil { float:left; width:954px; padding-top:28px; }
#accueil-haut { width:952px; height:12px; font-size:9px; background:url('/templates/ohe-promethee/images/accueil/onglets/onglet_haut_accueil.gif'); margin:0; padding:0; padding-left:1px; padding-right:1px;}
#accueil-fond { background:url('/templates/ohe-promethee/images/accueil/onglets/onglet_fond_accueil.gif'); width:952px; padding-left:1px; padding-right:1px; float:left; }
#accueil-bas { clear:left; width:952px; height:30px; background:url('/templates/ohe-promethee/images/accueil/onglets/onglet_bas_accueil.gif'); padding-left:1px; padding-right:1px; padding-bottom:15px; background-repeat:no-repeat }
#calage-cartouches { float:left; height:347px; }

#cartouche-territoire { float:left; width:173px; padding-left:15px; }
#cartouche-territoire-haut { background:url('/templates/ohe-promethee/images/accueil/cartouches/cartouche_notre_territoire.gif'); height:88px; background-repeat:no-repeat; margin-left:5px; }
#cartouche-territoire-navigation { padding:6px 4px 0px 6px; }

#cartouche-handicapee { float:left; width:173px; padding-left:22px; }
#cartouche-handicapee-haut { background:url('/templates/ohe-promethee/images/accueil/cartouches/cartouche_handicapee.gif'); height:118px; background-repeat:no-repeat; margin-left:5px; }
#cartouche-handicapee-navigation ul li { list-style-image:inherit; list-style-type:none; padding:10px 8px; }
#cartouche-handicapee-navigation ul li li { list-style-image:inherit; list-style-type:none; padding:0px 0px; background-image:url('/templates/ohe-promethee/images/puce_grise.gif'); background-repeat:no-repeat; padding-left:12px;  }
#cartouche-handicapee-navigation ul li a { color:#FF9224; text-transform:uppercase; text-decoration:none; letter-spacing:-0.4px; }
#cartouche-handicapee-navigation ul li li a { color:#666666; text-transform:none; letter-spacing:inherit; font-size:11px; font-weight:bold }

#cartouche-entreprise { float:left; width:173px; margin-left:6px; }
#cartouche-entreprise-haut { background:url('/templates/ohe-promethee/images/accueil/cartouches/cartouche_entreprise.gif'); height:91px; background-repeat:no-repeat; margin-left:5px; }
#cartouche-entreprise-navigation ul { padding-top:27px; }
#cartouche-entreprise-navigation ul ul { padding-top:0px; }
#cartouche-entreprise-navigation ul li { list-style-image:inherit; list-style-type:none; padding:10px 8px; }
#cartouche-entreprise-navigation ul li li { list-style-image:inherit; list-style-type:none; padding:0px 0px; background-image:url('/templates/ohe-promethee/images/puce_grise.gif'); background-repeat:no-repeat; padding-left:12px; }
#cartouche-entreprise-navigation ul li a { color:#22ADCE; text-transform:uppercase; text-decoration:none; letter-spacing:-0.4px; }
#cartouche-entreprise-navigation ul li li a { color:#666666; text-transform:none; letter-spacing:inherit; font-size:11px; font-weight:bold }

#cartouche-partenaire { float:left; width:173px; margin-left:7px; }
#cartouche-partenaire-haut { background:url('/templates/ohe-promethee/images/accueil/cartouches/cartouche_partenaire.gif'); height:106px; background-repeat:no-repeat; margin-left:5px; }
#cartouche-partenaire-navigation ul { padding-top:12px; }
#cartouche-partenaire-navigation ul ul { padding-top:0px; }
#cartouche-partenaire-navigation ul li { list-style-image:inherit; list-style-type:none; padding:10px 8px; }
#cartouche-partenaire-navigation ul li li { list-style-image:inherit; list-style-type:none; padding:0px 0px; background-image:url('/templates/ohe-promethee/images/puce_grise.gif'); background-repeat:no-repeat; padding-left:12px; }
#cartouche-partenaire-navigation ul li a { color:#C6D422; text-transform:uppercase; text-decoration:none; letter-spacing:-0.4px; }
#cartouche-partenaire-navigation ul li li a { color:#666666; text-transform:none; letter-spacing:inherit; font-size:11px; font-weight:bold }

#cartouche-actualites { float:left; width:173px; margin-left:23px; }
#cartouche-actualites-haut { background:url('/templates/ohe-promethee/images/accueil/cartouches/cartouche_actualites.gif'); height:73px; background-repeat:no-repeat; margin-left:5px; }


/**************************************************************************/
/*							Contenu Intérieur							  */
/**************************************************************************/

#arianne { text-align:right; padding-right:12px; font-size:10px }
#arianne a { color:#9E937D; text-decoration:none; }
#arianne a:hover { color:#9E937D; text-decoration:underline; }

#interieur { float:left; width:942px; padding-top:15px; padding-left:12px; padding-bottom:20px;}
#interieur #menu-gauche { width:197px; float:left }
#interieur #menu-gauche-haut { background:url('/templates/ohe-promethee/images/interieur/btn_haut.gif'); height:17px; width:197px; }
#interieur #menu-gauche-bas { background:url('/templates/ohe-promethee/images/interieur/btn_bas.gif'); height:45px; width:197px; }

#contenu-interieur { float:left; width:512px; float:left; padding:10px 20px 0px 20px; }
#contenu-interieur.orange h1 { color:#FF4200; }
#contenu-interieur.bleu h1 { color:#0078B9; }
#contenu-interieur.vert h1 { color:#ABCA00; }
#contenu-interieur.orange h2, #contenu-interieur.orange h3 { color:#FF8200; }
#contenu-interieur.bleu h2, #contenu-interieur.bleu h3 { color:#00AFD9; }
#contenu-interieur.vert h2, #contenu-interieur.vert h3 { color:#D1E300; }

#interieur #actualites-defilantes { float:left; width:181px; height:290px; background:url('/templates/ohe-promethee/images/interieur/fond-actu.gif'); padding-top:100px; padding-left:8px; }
#actualites-defilantes #aucune-actualite { margin-right:15px; }
#cartouche-actualites-navigation #aucune-actualite {margin-left:4px;}


/**************************************************************************/
/*								Actualités								  */
/**************************************************************************/

#mycarousel li h2 { color:#666666; font-size:12px; background-image:none; padding:0px; }
#mycarousel li a { color:#666666; font-size:10px; text-decoration:none; }
#mycarousel li { line-height:11px; }
#mycarousel li .lirelasuite a { color:#FF8200; border-bottom:1px dashed #DAD2C8; padding-bottom:5px; width:157px; display:block; padding-top:2px; }

#tpl-actualite h2 { background-color:#CCCCCC; filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; color:#000000; }
#tpl-actualite .actualite { padding-left:12px; }
#tpl-actualite .actualite h3 { padding:0; padding-bottom:5px; padding-top:5px; }
#tpl-actualite .actualite a { text-decoration:none; color:#666666; }
#tpl-actualite hr { border:0; }
#tpl-actualite .lirelasuite { text-align:right; padding-top:3px; }
#tpl-actualite .lirelasuite a { color:#FF8200; }
#tpl-actualite .bordure-haut { border-top:1px dashed #DAD2C8; }
#tpl-actualite h1.tpl-actualite { background-color:inherit; padding-left:0 }



/**************************************************************************/
/*								FAQ								  */
/**************************************************************************/

#faq { padding-top:20px; }
#faq .question { font-weight:bold; font-size:12px; color:#0078B9; }
#faq .question img { margin-bottom:-2px; cursor:pointer }
#faq .reponse { display:none; }


/**************************************************************************/
/*								Plan du site							  */
/**************************************************************************/

#plandusite li { list-style-image:inherit; font-size:14px; font-weight:bold; list-style-type:none }
#plandusite li li { margin-left:20px; font-size:12px; font-weight:normal; list-style-type:disc }
#plandusite li li li { margin-left:20px; font-size:10px; list-style-type:circle; }
#plandusite a { color:#9E937D; text-decoration:none; }
#plandusite a:hover { text-decoration:underline; }
#plandusite li.orange a { color:#FF4200; }
#plandusite li.orange li a { color:#FF8200; }
#plandusite li.bleu a { color:#0078B9; }
#plandusite li.bleu li a { color:#00AFD9; }
#plandusite li.vert a { color:#ABCA00; }
#plandusite li.vert li a { color:#D1E300; }
#plandusite #colgauche, #plandusite #coldroite { float:left; width:250px; }


/**************************************************************************/
/*								LIENS									  */
/**************************************************************************/

#liens h2 { padding-top:12px; }
#liens div.contenu-lien { float:left; padding-top:5px; }
#liens div.lien-lien { width:150px; padding-right:10px; float:left; }
#liens div.lien-lien a { color:#000000; font-weight:bold; text-decoration:none }
#liens div.lien-lien a:hover { text-decoration:underline }
#liens div.lien-titre { float:left; width:335px; }


/********************************************************************/
/*							FORMULAIRES								*/
/********************************************************************/

.libelle { font-weight:bold; float:left; width:185px; padding-bottom:5px; }
.champs { float:left; width:300px; padding-bottom:5px; }
.obligatoire { color:#FF0000; }
.inputtextsanstaille { font-size:11px; }
.inputtext { width:260px; font-size:11px; }
.inputtext2 { width:350px; font-size:11px; }
textarea { width:260px; font-size:11px;	font-family:Arial, Helvetica, sans-serif; }
textarea.large { width:350px; height:100px; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
.inputradio, .inputcheckbox { margin-left:100px; font-size:11px; }
.inputsubmit { border: 1px solid #D5E5F5; background-color:#C3B597; color:#FFFFFF; }
.boutoncentre { margin-top:10px; text-align:center; }
#quiz hr, #contacteznous hr, #temoignages hr, #beneficiaires hr, #fiches-mesures hr, #moteur-recherche hr { margin:10px 0px 10px 0px; border:1px solid #DCE0EB; }
#erreursformulaire { border: 1px solid #C3B597; background-color:#E8E8E8; color:#FF0000; margin-bottom:15px; padding:5px; }
.form-commentaire { font-weight:normal; font-style:italic; font-size:11px; }


/********************************************************************/
/*							OFFRES D'EMPLOI							*/
/********************************************************************/

#offres-emploi hr { border:0; border-top:1px dashed #C3B597; margin-bottom:10px; }
#offres-emploi a { color:#FF8200; text-decoration:none; }
#offres-emploi a:hover { text-decoration:underline; }
#offres-emploi .postuler { text-align:right; background-color:#F0EDE9; margin-top:5px; margin-bottom:0px; }
#offres-emploi .postuler a { color:#666666; }
#offres-emploi .postuler a:hover { font-weight:bold; text-decoration:none }
#offres-emploi a.active { font-weight:bold; font-size:15px }
.offre-details div { margin-bottom:3px; }
#offres-emploi select.inputtext { width:150px; }
#offres-emploi .form-commentaire { padding-left:185px; width:200px; }

/********************************************************************/
/*							BASSIN D'EMPLOI							*/
/********************************************************************/
#bassin-emploi hr{ background-color:#dfd7c4; height:2px; border:0px; }
#bassin-emploi a { color:#FF8200; text-decoration:none; }
#bassin-emploi a:hover { text-decoration:underline; }
#carte-territoire{ float:left; width:310px; }
#lien-territoire{ float:left; width:190px;padding-top:140px; }
#detail-territoire{ clear:left; padding-top:20px;}
#detailbassin{ float:left; width:240px; }
#map { float:left; width:260px; height:260px; background-color:#c3b597;}