/*  ----------------------------------------------------------- */
/*  Feuille de styles CAP & CIME------------------------------- */
/*  ----------------------------------------------------------- */

/* { border:solid 1px red;}*/

body {background: #BCBCBC;margin: 1.5em;	}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
div, ul, p { margin:0; padding:0;}
.float_left { float:left}
.float_right { float:right}
input, select { border: 1px solid #CCCCCC;}
.bleu {color:#519CCB;}
/*  ------------------------------------*/
/*  Typographie generale du site		*/
/*  ----------------------------------- */
/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {text-align: center;font-size: 11px;font-family:Verdana, Arial, Helvetica; }
#contenu {	font-family: Verdana, Tahoma, Arial, sans-serif; color:#737373; }
a { text-decoration: none; color: #519CCB; }
#titre_page {border-bottom:1px solid #BCBCBC;margin-bottom:10px;}/*- titre image -*/
.lien {background: #EEE;margin: 1em;margin-bottom: 1.5em;padding: 0.82em;border: 1px solid #CCC;font-size: 0.82em;font-weight: bold; }
strong {color:#006CB0;}
/*  ------------------------------------------	*/
/*  Disposition a l'ecran des blocs principaux	*/
/*  ------------------------------------------ 	*/
#page {	width: 938px;text-align: left;margin-left: auto;margin-right: auto;}
#conteneur { width: 100%; float:left; background-color:#FFFFFF; }
#conteneur #contenu {padding:5px 21px 21px 21px;float: left; width: 896px; min-height:250px; _height:250px;}
/*-------------------------------------------------*/
/* Blocs du contenu ------------------------------ */
/*-------------------------------------------------*/
/*-------- Elements communs-------*/
/*--------------------------------*/
/* Entete */
/*--------*/
#entete {	width: 980px; height:137px; /*position:absolute;*/  z-index:0; display:block; top:0;}
/*--------------*/
/* Fil d'Ariane */
/*--------------*/
#hierarchie {	background-color:#FFFFFF;	clear: both;	padding:8px 0 0 25px;	width:913px;	font-size:11px;/* margin-top:137px; */}
/*--------------*/
/* Pied de page */
/*--------------*/
#pied {	clear: both;	width: 100%;	font-size: 10px;color:#006CB0;	padding:17px 2px;	text-align: center; }
#pied small#foot_liens {  sans-serif; font-size:10px;}
#pied small#foot_adress {color:#006CB0; font-weight:bold;}
#pied a{ color:#ffffff; margin:0 0pt; text-decoration:none;font-size:11px;}
#pied img { vertical-align: bottom; }

/*--------------------------------*/
/*-------- Gabarits de page ------*/
/*--------------------------------*/
/*--------- Communs----------*/
/*---------------------------*/
#contenu_gauche{width:330px;float:left; }
#contenu_droite{position:relative;width:540px;height:100%;float:right; }
#contenu ul { margin:10px 20px;}
/*----------------------*/
/*------ Page d'accueil */
/*----------------------*/
#contenu.liens_ref {width:918px;height:150px;background-color:#DADADA;border:10px solid #FFFFFF;}
#contenu.liens_ref ul {margin:12px 0 0 10px; _margin:12px 0 0 5px; list-style-type:none;}
#contenu.liens_ref ul li{display:block;width:212px;height:125px;float:left;margin:0 6px; padding:0;}
#contenu.liens_ref ul li a{display:block;width:212px;height:125px;margin-right:0; padding:0;}
#contenu.liens_ref ul li a#lien_home_marque_fr {background:url(../IMG/gabarits/home/marque_off.gif) top left no-repeat;}
#contenu.liens_ref ul li a#lien_home_marque_fr:hover {background:url(../IMG/gabarits/home/marque_on.gif) top left no-repeat;}
#contenu.liens_ref ul li a#lien_home_entreprise_fr {background:url(../IMG/gabarits/home/entreprises_off.gif) top left no-repeat;}
#contenu.liens_ref ul li a#lien_home_entreprise_fr:hover {background:url(../IMG/gabarits/home/entreprises_on.gif) top left no-repeat;}
#contenu.liens_ref ul li a#lien_home_institutions_fr {background:url(../IMG/gabarits/home/institutions_off.gif) top left no-repeat;}
#contenu.liens_ref ul li a#lien_home_institutions_fr:hover {background:url(../IMG/gabarits/home/institutions_on.gif) top left no-repeat;}
#contenu.liens_ref ul li a#lien_home_presse_fr {background:url(../IMG/gabarits/home/presse_off.gif) top left no-repeat;}
#contenu.liens_ref ul li a#lien_home_presse_fr:hover {background:url(../IMG/gabarits/home/presse_on.gif) top left no-repeat;}
#contenu.liens_ref ul li a#lien_home_marque_en {background:url(../IMG/gabarits/home/marque_en_off.gif) top left no-repeat;}
#contenu.liens_ref ul li a#lien_home_marque_en:hover {background:url(../IMG/gabarits/home/marque_en_on.gif) top left no-repeat;}
#contenu.liens_ref ul li a#lien_home_entreprise_en {background:url(../IMG/gabarits/home/entreprises_en_off.gif) top left no-repeat;}
#contenu.liens_ref ul li a#lien_home_entreprise_en:hover {background:url(../IMG/gabarits/home/entreprises_en_on.gif) top left no-repeat;}
#contenu.liens_ref ul li a#lien_home_institutions_en {background:url(../IMG/gabarits/home/institutions_en_off.gif) top left no-repeat;}
#contenu.liens_ref ul li a#lien_home_institutions_en:hover {background:url(../IMG/gabarits/home/institutions_en_on.gif) top left no-repeat;}
#contenu.liens_ref ul li a#lien_home_presse_en {background:url(../IMG/gabarits/home/presse_en_off.gif) top left no-repeat;}
#contenu.liens_ref ul li a#lien_home_presse_en:hover {background:url(../IMG/gabarits/home/presse_en_on.gif) top left no-repeat;}
#anim_home { width:938px; height:201px; margin-bottom:10px; /*margin-top:138px;*/}
/*-------------------------*/
/*----------- GABARIT PUSH */
/*-------------------------*/
#contenu.push #contenu_gauche { width:370px;}
#contenu.push #contenu_droite { width:480px;}
#contenu.push #contenu_droite img { position:relative; bottom:10px; margin-bottom:15px; }
#contenu.push #contenu_droite a img { position:relative; bottom:5px; margin:0 15px 5px 0;}
/*-----------------------*/
/*------- GABARIT AGENCE */
/*-----------------------*/
#contenu.agence #contenu_droite img { /*float:right; position:relative; bottom:10px;*/}
#contenu.agence #contenu_gauche {width:380px;}
#contenu.agence #contenu_droite { width:490px;}
#agence_actu { border-bottom:1px solid #8DBBDD; width:100%; margin:10px 0 25px 0; padding-bottom:10px; float:left }
#contenu.agence .titre_actu { float:left}
#contenu.agence .texte_actu { float:left; padding-left:15px; width:740px;}
/*-------------------------*/
/*-------- GABARIT METIERS */
/*-------------------------*/
/*- On affiche une image de fond qd le contenu de la partie gauche est pauvre (0 ou 1 bloc) -*/
/*- Quand c'est le cas, la div #conteneur change de classe ( .metiers --> .metiersshow ) -*/
/*- Tout ça est branlé dans squelette_metiers.html -*/
#conteneur.metiersshow {background:url(../IMG/gabarits/pages/cas_client_vide.gif) bottom right no-repeat #ffffff;} /*- 0 ou 1 bloc -*/
#conteneur.metiers{ background:#ffffff}	/*- 2 blocs ou plus-*/
/*- #metiers_cas_client_vide est une 'fausse' div : elle ne sert qu'a donner une taille suffisante */
/*	a la div #conteneur.metiershow qd on affiche une image de fond.  -*/
#contenu #contenu_droite #metiers_cas_client_vide_show { height:200px; width:200px; clear:both}
#contenu #contenu_droite #metiers_cas_client_vide_hide { background:none;}
#conteneur.metiers #contenu {float:left;position:relative} 
#contenu #contenu_gauche .metiers_blocs {margin:20px 0;padding-left:10px;border-left:#006CB0 20px solid;}
#contenu #contenu_droite #contenu_metier_contextuel { float:left;}
#contenu #contenu_droite #logo_contextuel { float:left;}
#contenu #contenu_droite #texte_contextuel { float:left; width:440px;}
#contenu #contenu_droite #metiers_cas_client{padding:15px;background-color:#C2DCEB; width:auto;float:right;}
#contenu #contenu_droite #metiers_contenu_cas_client_contenu{float:right; width:396px;}
#contenu #contenu_droite #metiers_contenu_cas_client_pied {background-color:#006DB0;margin-top:5px;padding:10px;}
/*- typo -*/
#contenu #contenu_droite #metiers_contenu_cas_client_pied, #contenu #contenu_droite #metiers_contenu_cas_client_pied strong {color:#C2DCEB; margin:15px 0}
#contenu #contenu_droite a.voir_ref { background:url(../IMG/gabarits/pages/voir_ref.gif) top left no-repeat; display:block; height:15px; width:108px; float:left; margin-top:8px; clear:both }
#contenu #contenu_droite #titre_metier_contextuel {border-bottom:1px solid #C2DCEC;margin-bottom:10px;padding-bottom:10px;color:#006CB0;}/*Div contenante*/
#contenu #contenu_droite #metiers_contenu_cas_client_contenu {color:#006CB0;}
#contenu #contenu_droite #sous_titre_metier_cas_client {padding-bottom:4px;margin:0 0 5px 0;color:#004A7C;border-bottom: 1px solid #FFFFFF; font-weight:bold;}
/*-------------------------------*/
/*---------- GABARIT REFERENCES -*/
/*-------------------------------*/
.bloc_reference {float:left;width:100%; margin-bottom:15px;}
.conteneur_bloc_prod{ width:100%; float:left; padding:0; margin:0;}
.conteneur_bloc_prod a { text-align:center}
.bloc_marque_gauche, .bloc_marque_droite, .bloc_marque_milieu { background:url(../IMG/gabarits/pages/ref_fond.jpg) no-repeat; width:110px; height:110px; float:left; position:relative}
.bloc_marque_milieu_int { background:url(../IMG/gabarits/pages/ref_fond.jpg) no-repeat center; width:190px; height:110px; float:left; position:relative}
.lien_desc { position:absolute; top:115px; text-align:center; width:110px;}
.lien_desc_int { position:absolute; top:115px; text-align:center; width:190px;}
.bloc_marque_gauche { margin:35px 17px 0 0;}
.bloc_marque_droite { margin:35px 0 0 17px;}
.bloc_marque_milieu { margin:35px 25px 0 25px;}

/*- typo -*/
#ancre_ref { float:left; padding:10px 0;}
#ancre_ref span {float:left; display:block; color:#519CCB; font-weight:bold; font-size:12px; display:block;}
#ancre_ref a { font-weight:bold; font-size:12px; display:block;}
#ancre_ref a:hover { text-decoration:underline;}
.reference_logo_marque a { margin-top:15px;}
.reference_logo_marque img { margin-left:auto; margin-right:auto;}
.sous_titre_reference{background-color:#DAE8F3;padding:4px 0 0 5px;height:21px;/* margin-top:35px;*/}

/*- Articles -*/
#contenu.references_article ul { list-style-type:none; margin:0;}
.references_article ul li { margin:10px 0; background:url(../IMG/jpg/puce_carree.jpg) top left no-repeat; padding-left:25px;}
.references_article #texte { width:620px; float:left;}
.references_article #logo { float:right; margin:0 60px 0 0;}


/*-----------------------------*/
/*------------ GABARIT EQUIPE -*/
/*-----------------------------*/
.equipe #contenu_droite  { height:400px; background:url(../IMG/gif/fond_equipe.gif) top right no-repeat; position:relative; padding-top:12px; bottom:10px;}
.equipe #contenu_droite .fiche_perso_illustration {float:right; width:405px; height:100%; position:relative; bottom:10px;}
.equipe #contenu_droite .fiche_perso_conteneur {float:right; width:385px; height:100%;}
.equipe #contenu_droite .fiche_perso_contenu{position:absolute;width:390px;right:0px;}
.equipe #contenu_droite .fiche_perso_logo{float:left; width:95px;}
.equipe #contenu_droite .fiche_perso_texte{float:right; width:265px;}
/*-  typo  -*/
/*-col gauche-*/
.encart_bleu {width:100%; background-color:#E5F0F7; padding:5px; margin:14px 0;}
/*-col droite-*/
.clicked { font-weight:bold;}
.unclicked { font-weight:normal;}
#liste_nom { float:left; width:121px;}
#liste_nom a { display:block; width:120px; border-bottom:1px solid #519CCB; padding:3px 0;}
.fiche_perso_titre {border-bottom:1px solid #519CCB; color:#519CCB; font-weight:bold; display:block; width:100%; padding-bottom:2px; margin-bottom:10px;}
/*-----------------------------*/
/*---------- GABARIT CONTACTS -*/
/*-----------------------------*/
#contenu.contacts { padding-bottom:30px;}
.encart_contacts {background-color:#E0EDF5; width:352px; height:85px; margin:15px 0;}
.contact_adresse { float:left;background-color:#E0EDF5; padding-left:5px;}
.contact_telephone{ float:right; background-color:#E0EDF5;padding-left:5px;}
#contenu.contacts #contenu_droite { width:500px; margin-top:39px;}
.encart_contacts p.spip{ padding:5px 0 5px 5px; border-bottom:1px solid #ffffff;}
/*-----------------------------*/
/*------- GABARIT RECRUTEMENT -*/
/*-----------------------------*/
#contenu.recrutement .sous_titre {background-color:#E0EDF5; height:20px; width:100%; display:block; padding:5px 0 0 6px; margin:10px 0; }
#contenu.recrutement #annonce { float:left;}
#contenu.recrutement .contact {display:block; height:13px; padding:4px; background-color:#7FB4D4; color:#FFFFFF; width:210px; float:right; font-weight:bold; margin-bottom:9px;}
#contenu.recrutement .contact a {font-weight:bold; color:#FFFFFF;}
/*---------------------------*/
/*---------- GABARIT PRESSE -*/
/*---------------------------*/
/*- INSCRIPTION -*/
#inscription_presse { border:1px solid #E0Edf5; width:498px; min-height:143px; _height:150px; float:left; margin-left:26px; padding:10px; font-size:9px;}
#inscription_presse #inscription_gauche { float:left; width:204px; margin-top:10px; z-index:2;}
#inscription_presse #inscription_droite { float:left; width:280px; margin:10px 0 0 10px;}
#inscription_presse #inscription_gauche label, #inscription_presse #inscription_droite label { float:left; height:17px; padding-top:2px; width:52px; margin-bottom:5px; clear:both;}
#inscription_presse #inscription_droite label {width:122px;}
#inscription_presse #inscription_droite #inscrire { float:right; margin:10px 10px 0 0; border:none;}
#inscription_presse input {width:144px; float:left; margin-bottom:5px; color:#006CB0; }
#inscription_presse input#inscrire { width:auto;}
#inscription_presse #inscription_gauche select {margin-bottom:5px; color:#006CB0;}
#formulaireerreur, #formulaireMerci, .erreur_log { height:35px; width:456px; background:#005BA0; color:#fff; text-align:center; cursor:pointer; padding:10px; font-weight:bold; border:1px solid #006cb0; margin-top:28px;}
#formulaireMerci{ background:#e0edf5; color:#005BA0; margin-top:39px; padding:14px; height:14px;}
#formulaireWait { cursor:auto; color:#005BA0; background:#FFFFFF; border:none;}
#formulaireWait img {float:left; margin:0 10px 0 230px;}
/*- IDENTIFICATION -*/
#identification_presse { width:350px; float:left}
#identification_presse .intro, #inscription_presse .intro{ font-size:14px; color:#519CCB;}
#identification_presse #valid_ident { float:right; margin-top:4px;}
#identification_presse #identification { background-color:#E0EDF5; height:91px; width:320px; margin-top:10px; padding:15px;}
#identification_presse #identification label { float:left; margin-bottom:5px;}
#identification_presse #identification input { float:right; margin-bottom:5px;}
#identification_presse #identification #valid_ident { border:none;}
/*- SALLE DE PRESSE (Identifié)-*/
#deconnecter { display:block; font-size:10px; float:right; background-color:#E5EFF8; font-weight:bold; width:119px; height:20px; padding:6px 0 0 7px;}
#deconnecter:hover { color:#FFFFFF; background-color:#006CB0;}
#sdp_top { width:100%; color:#006CB0; margin-bottom:10px;}
#sdp_top #bienvenue { font-size:14px;}
#sdp_top #nos_clients { font-size:16px; font-weight:bold;}
#liste_clients {border:1px solid #8DBBDD; padding-bottom:5px;	}
.lin_pair a, .lin_impair a { display:block; background-color:#CCCC99; height:13px; width:160px; margin:5px 5px 0 5px; padding:2px; overflow:hidden;}
.lin_pair a:hover, .lin_impair a:hover { color:#FFFFFF; background-color:#006CB0; font-weight:bold;}
.lin_pair a { background-color:#E5EFF8;}
.lin_impair a { background-color:#fff;}
.descriptif { margin-top:20px; float:left; width:inherit;}
.descriptif.cache { display:none}
.descriptif.visible { display:block} 
.descriptif #titre { color:#006CB0; width:270px; height:20px; background-color:#E6F1F7; padding:4px 70px 0 12px; font-size:16px; font-weight:bold; position:relative; top:1px; margin-left:15px; border:1px solid #8ABDDC; border-bottom:none;}
.contenu_client {border:1px solid #8ABDDC; width:893px; float:left; padding-bottom:15px;}
.contenu_client #a_propos {width:387px; _width:367px; border-left:30px solid #006DB0; margin:10px 0 0 13px; float:left; padding-left:10px;}
.contenu_client #logo { float:left; margin:0 8px 0 0; text-align:center}
.contenu_client #logo img { width:60px; margin:0; float:none;}
.contenu_client #texte { float:left; width:310px; _width:287px;}
.contenu_client #contacts_client {width:182px; height:116px; margin:8px 0 0 12px; float:left; text-indent:5px;}
.contenu_client #contacts_client strong { width:182px; height:20px; display:block; background-color:#BAD7E9; padding-top:6px;}
.contenu_client #contacts_client p {width:182px; height:20px; display:block; background-color:#E8F3F9; padding-top:6px; margin:3px 0;}
.contenu_client #mediatheque {width:236px; height:116px; margin:8px 0 0 12px; float:left; text-indent:8px;}
.contenu_client #mediatheque strong.titre_media {background-color:#BAD7E9; padding-top:6px; margin-top:0;width:225px; }
.contenu_client #mediatheque #texte {height:20px; display:block; background-color:#BAD7E9; padding-top:6px;}
.contenu_client #mediatheque strong {width:145px; height:20px; display:block; background-color:#E8F3F9; padding-top:6px; margin:3px 0 0 0; float:left}
.contenu_client #mediatheque .puce_mediatek { position:relative; top:2px; right:4px; }
.contenu_client #mediatheque .logo_mediatek { float:left; width:77px; margin:3px 0 0 3px; background-color:#E8F3F9; height:26px; float:left; text-align:center; text-indent:0;}
.contenu_client #mediatheque .libele_on { }
.contenu_client #mediatheque .libele_off { background-color:#E8F3F9; color:#CCCCCC;}
.contenu_client #liste_pdf {width:845px; _width:830px;}
.contenu_client #liste_pdf { margin:7px 0 0 13px; _margin:7px 15px 0 13px; border:1px solid #8ABDDC; float:left; clear:both; color:#006CB0; padding:7px;}
.contenu_client #titre_communique { font-size:16px; float:left; display:block; clear:both; margin:15px 0 0 12px; color:#006CB0; }
.contenu_client #liste_pdf td { padding:4px 10px;  margin:3px 0; border:2px solid #fff;}
.contenu_client #liste_pdf tr.ligne_bleue {background-color:#E8F3F9;}
.contenu_client #liste_pdf td a:hover { text-decoration:underline;}
/*- MEDIATHEQUE-*/
#contenu.mediatek .descriptif #titre { float:left;}
#contenu.mediatek .descriptif #titre {_top:2px;}
#contenu.mediatek #retour_parent { float:right; position:relative; top:1px;}
#contenu.mediatek #retour_parent a { display:block; float:right; background-color:#E5EFF8; padding:6px; margin-right:15px; border:#8ABDDC 1px solid; border-bottom:none; height:12px;}
#contenu.mediatek #retour_parent a:hover { text-decoration:underline;}
#contenu.mediatek #mediatek_item_container { border: 1px solid #8aBDDC; float:left;padding:10px; width:873px;}
#contenu.mediatek #mediatek_item_container .titre {color:#006CB0; font-weight:bold; text-transform:capitalize;}
#contenu.mediatek #mediatek_item, #contenu.mediatek #mediatek_item_milieu {width:260px;height:68px;border:1px solid #B9D4E7;float:left; padding:8px;}
#contenu.mediatek #mediatek_item_milieu {margin:0 19px;}
#contenu.mediatek #mediatek_item_container #media_img { float:left; display:block;}
#contenu.mediatek #mediatek_item_container #desc_media { float:left; padding-left:10px; max-width:170px; line-height:17px;}
/*--------------------------*/
/*---- GABARIT FICHE AGENCE */
/*--------------------------*/
#conteneur.fiche_agence  { background:url(../IMG/gabarits/pages/fond_fiche_agence.jpg) bottom right no-repeat #ffffff;}
#conteneur.fiche_agence #contenu {float:left;position:relative} 
#conteneur.fiche_agence #contenu a:hover { text-decoration:underline;}
#contenu .fiche_agence_item {margin:10px 0;padding-left:10px;border-left:#006CB0 20px solid;}
/*-------------------------*/
/*--- GABARIT Plan du site */
/*-------------------------*/
/* Technique pour afficher ou non les rubrique du plan du site 
Par exemple des rubriques qui n'existent que pour l'organisation du back
Les ul on la classe qui s'appelle comme #URL_RUBRIQUE du secteur correspondant
Et on affiche ou pas */
.plan_site .-Metiers- ul, .plan_site .-Equipe-, .plan_site .-Recrutement-, .plan_site .-Salle-de-presse- ul  { display:none;}
/*- Blocs -*/
.plan_site #liste_page {float:left; clear:both;}
.plan_site #contenu h2, .plan_site #contenu .contre-encart { text-align:left; margin-left:50px; width:350px;}
.plan_site #illustration { float:right; width:402px; position:relative; bottom:21px; right:80px;}
/*- Textes -*/
.plan_site h2 { font-weight:bold; font-size:14px;}
.plan_site ul li a { font-weight:normal; font-size:12px;}
.plan_site ul li ul li a {  font-size:11px; font-weight: normal;}