﻿/***************************************************************************************/
/**************************Modèle contenu **********************************************/
/***************************************************************************************/

.Modele_Emploi
{
    margin-top:60px;    
}
.Modele_Emploi  li
{
       margin-bottom:30px;
       padding-left:15px;
       margin-left:60px;
}
.Modele_Emploi li, Modele_Emploi li p 
{
    font-size:14px;
}

.Modele_Emploi li a
{
      font-size:14px; 
      font-weight:bold;

}
/***************************************************************************************/
/**************************Style********* **********************************************/
/***************************************************************************************/
*
{
	font-family:Verdana;

}
.Bandeau_Haut h1.TitreEspaceCo
{
    position:absolute;
    font-size:36px !important;
    font-family:Verdana !important;
    font-weight:bold !important;
    background:none !important;
    color:#ffffff !important ;
    margin-left:20px;
    margin-top:90px;
}

p, label
{
	font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    line-height: 1.4em;
	color:#000000;
	margin:0px;
	padding:0px;
}
input
{
	color:#4d4d4f;    
	font-size:10px;	
}
a,
a:visited
{
    font-size: 11px;
	color:#336699;    
    padding-left:2px;
}
a:hover 
{
    color:#0099cc;
}
h1, h1 p
{
    color:#0066a6;
    font-size:18px;
    font-family:Verdana;
    font-weight:bold;
    padding:2px 3px 0 0;
    margin:5px 0px;
    /*height:20px;*/
    display:inline;
   /* background:url('../Images/new/backTitre.gif') left bottom repeat-x;*/
}
h1 span 
{

}

h2, h2 p ,h2 span
{
    color:#0088c8;
    font-size:16px;
    font-family:Arial;
    font-weight:bold;
    padding:0px;
    margin:0px;   
}


h3, h3 p 
{
    color:#eb6909;
    font-size:16px;
    font-family:Arial;
    font-weight:bold;
    padding:0px;
    margin:0px;          
}

h4, h4 p
{
    color:#f29754;
    font-size:16px;
    font-family:Arial;
    font-weight:bold; 
    padding:0px;
    margin:0px;       
}

/*h5.creation, h5.creation p
{
    color:#d7df23;
    font-size:24px;
    font-weight:normal;
    font-family:Verdana;
    padding:0px;
    margin:0px;   
}*/


ul
{
    margin:0px  ;
    padding-left:0px;       
}
.contenuCentral li,
.fckbody li,
p li
{
   /* list-style-type:none; 
    margin:0px;*/
    font-family:Arial;
    font-size:12px; 
    color:#000000;
    margin-left:20px;
    list-style-type:square;
}


.entete 
{
    display:block;
    padding:10px 0;
    font-style:italic;
    color:#476674;
}

.contenuPage div.liste a,
.contenuCentral div.liste a,
.fckbody div.liste a
{
    display:block;
    /*height:20px;*/
    padding:0;
    font-size:14px !important;
    color:#4d4d4f !important;
    text-decoration:none !important;
}
.contenuPage div.liste a:hover,
.contenuCentral div.liste a:hover,
.fckbody div.liste a:hover
{
    background-color:Transparent !important;
}

.contenuPage div.liste .texteLien,
.contenuCentral div.liste .texteLien,
.fckbody div.liste .texteLien 
{
    margin-top:5px;
    margin-left:12px !important;
    padding-left:10px !important;
    font-weight:normal !important;
    font-size:11px !important;
    color:#ffffff !important;
}


.contenuPage div.liste a .texteLien,
.contenuCentral div.liste a .texteLien,
.fckbody div.liste a.texteLien 
{
   /*background:url('../Images/new/puceOff.gif') left 3px no-repeat; 
   padding:5px 0 5px 30px ;
   height:20px;*/
   display:block;
   background:url('../Images/v3/fondListe_Off.gif') right top no-repeat; 
    width:300px;
   
}
.contenuPage div.liste a:hover .texteLien,
.contenuCentral div.liste a:hover .texteLien,
.fckbody div.liste a:hover .texteLien
{
   /* background:url('../Images/new/puceOn_WithBack.gif') left top no-repeat;*/
   background:url('../Images/v3/fondListe_On.gif') right top no-repeat; 
    color:#0066a6;
}
.contenuPage div.liste a:hover .texteLien,
.contenuCentral div.liste a:hover .texteLien,
.fckbody div.liste a:hover .texteLien 
{
    /*background-color:#d7f74b;*/
}
.contenuPage div.liste,
.contenuCentral div.liste,
.fckbody div.liste
{
    clear:both;
}
.contenuPage div.liste img,
.contenuCentral div.liste img,
.fckbody div.liste img
{
    float:left; 
}
.contenuPage div.liste a,
.contenuCentral div.liste a,
.fckbody div.liste a
{
    float:left !important;
}
.contenuPage div.liste a:hover .texteLien,
.contenuCentral div.liste a:hover .texteLien,
.fckbody div.liste a:hover .texteLien
{
    color:#0066a6;
    
}

.contenuPage div.liste a .descriptionLien,
.contenuCentral div.liste a .descriptionLien,
.fckbody div.liste a .descriptionLien {
   margin-left:10px !important;
  margin-top:3px;
 }

.contenuPage div.liste a .descriptionLien,
.contenuCentral div.liste a .descriptionLien,
.fckbody div.liste a .descriptionLien,
.contenuPage div.liste a .descriptionLien *,
.contenuCentral div.liste a .descriptionLien *,
.fckbody div.liste a .descriptionLien *
{
    font-family:Verdana;
    font-size:11px;
    /*padding-left:30px;*/
    width:350px !important;
    color:#000000 !important;
    
}
.contenuPage div.liste a:hover .descriptionLien,
.contenuCentral div.liste a:hover .descriptionLien,
.fckbody div.liste a:hover .descriptionLien,
.contenuPage div.liste a:hover .descriptionLien *,
.contenuCentral div.liste a:hover .descriptionLien *,
.fckbody div.liste a:hover .descriptionLien * 
{
    font-weight:normal;
    color:#0099cc !important;
}

div.liste 
{
    width:450px;
}


/***************************************************************************************/
/**************************Modèle accueil********* *************************************/
/***************************************************************************************/

.Accueil_Cadre
{
       background:url(../images/Accueil_Cadre.gif) no-repeat; 
       width:505px;   
       height:78px;
       margin-left:41px;    
       margin-bottom:10px;
       padding-left:44px;
       padding-right:20px;
       padding-top:6px;
}
.fckBody .Accueil_Cadre
{
        width:569px;
        height:84px;
}
.fckBody
{
       
}

.fckBody div
{
    border:1px dashed black;    
}
/*Modèle Cartouche*/
.fckBody  .Titre_AlaUne,.fckBody  .Contenu_AlaUne,.fckBody  .Titre_MetierQuiRecrute,.fckBody  .Contenu_MetierQuiRecrute,.fckBody  .ResumeActualites, .fckBody .DecouvrirLaMEIF
{
    clear:both;    
    border:1px dashed black;
}
.Contenu_MetierQuiRecrute,.ResumeActualites
{
       width:137px;
}
.Titre_AlaUne
{
    height:19px;   
    background:url(../images/Titre_AlaUne.gif) no-repeat;
    float:left;
    width:153px;
}
.Contenu_AlaUne
{
    padding-left:10px;
    height:105px;  
    width:143px;
    background:url(../images/Fond_AlaUne.gif) no-repeat;
    float:left;  
    overflow:auto;     
}

.Contenu_AlaUne p,.Contenu_MetierQuiRecrute p,  .ResumeActualites p,.DecouvrirLaMEIF p
{
    font-size:9px;
}
.Titre_MetierQuiRecrute
{
    float:left;
    background:url(../images/Titre_Metier_Qui_Recrute.gif) no-repeat;
    height:34px;
    width:153px;
}
.Contenu_MetierQuiRecrute
{
    float:left;
    height:73px;
    margin-left:10px; 
    margin-right:5px; 
    overflow:auto;
 
}
 .Titre_ResumeActualites
{
    float:left;
    background:url(../images/Titre_Actualites.gif) no-repeat;
    height:26px;   
    width:153px;    
}
.Titre_ResumeActualitesRubrique
{
    float:left;
    background:url(../images/Titre_ActualitesRubrique.gif) no-repeat;
    height:26px;   
    width:153px;      

}
 .ResumeActualites
{
    float:left; 
    margin-left:10px; 
    margin-right:5px; 
    overflow:auto;
  
}
 .ResumeActualites .ResumeActu
 {
    margin-bottom:5px;
 }
 
.DecouvrirLaMEIF
{
    margin-left:14px;   
    width:180px;    
    height:149px;
    overflow:auto;       
}

.retour 
{
    font-size:1px;
    clear:both !important;    
}


/********************************************/
/*          Modele A la Une v2              */
/********************************************/
.cartoucheAlaUne 
{
    background:url('../Images/new/backCartoucheUne.gif') left top no-repeat;
    width:106px;
    height:94px;   
    color:#f37021;
    font-weight:bold;
    font-style:italic;
    font-family:Verdana;
    font-size:12px;
    padding-top:70px;
    padding-left:32px;
}
.contenuGeneral .cartoucheAlaUne 
{
    width:138px;
}
.cartoucheAlaUne a 
{
    display:block;
    padding:0;
    padding-top:2px;
    text-decoration:none;
    color:#f37021;
    font-size:12px;
    font-weight:normal;
}
.cartoucheAlaUne a:hover 
{
    text-decoration:underline;
    background:none;
}
    

/************************************/
/*          Modele FAQ              */
/************************************/
.blocQuestion
{
    background:url('../Images/new/puceFlecheGrise.gif') left top no-repeat;
    width:400px;
    font-family:Verdana;
    font-size:12px;
    padding-left:40px;
    color:#58595b;
    padding-bottom:10px;
}
.blocQuestion .question {
    font-weight:bold;
    font-style:italic;
    font-size:13px;
    color:#58595b;
    padding-bottom:10px;
    padding-top:4px;
}
   
   
/************************************/
/*     Modele Actu Secteur          */
/************************************/
.actusSecteur 
{
  width:440px;   
}
.actusSecteur .top 
{
    font-size:1px;
    height:8px;
    background:url('../Images/new/topActusSecteur.gif') left top no-repeat;   
}
.actusSecteur .bottom
{
    height:8px;
    background:url('../Images/new/bottomActusSecteur.gif') left top no-repeat;   
}
.actusSecteur .contenuActus
{
    background:url('../Images/new/backActusSecteur.gif') left top repeat-y;   
    padding:3px 12px;
    width:442px;   
}
.actusSecteur .contenuActus a 
{
    color:#888d90;
    text-decoration:none;
    font-size:11px;
}

a.noHover:hover {
background-color:transparent;
font-weight:normal;
}


/************************************/
/*     Modele Colonne Droite        */
/************************************/
.cartoucheDroite {
    background:url('../Images/v3/hautColDroite.gif') left top no-repeat;
    background-color:#476674;
    width:177px;
    text-align:center;
    padding:5px 0 0 !important;
}
.cartoucheDroite p {
    margin:0;
    padding:0;
    padding-top:7px !important;    
}
.cartoucheDroite .basColonne {
    background:url('../Images/v3/basColDroite.gif') left top no-repeat;
    background-color:White !important;
    width:177px;
    height:18px !important;
    font-size:1px;
}

/************************/
/*  Liste des communes  */
/************************/
.alphabet {
    width:455px !important;
}
.alphabet td {
    background-color:#66ccff;
    text-align:center;
    color:#ffffff;
    font-size:11px;
    vertical-align:middle;
    /*width:12px;*/
    padding:0 !important;
    
}
.alphabet a,
.alphabet a:visited {
    background-color:#0099cc;
    display:block;
/*    width:100%;*/
    text-align:center;
    color:#ffffff !important;    
    text-decoration:none !important;
    height:18px;
    padding:5px 0 0 !important;
    
}
.alphabet a:hover {
    background-color:#ff9900;
    color:#ffffff;    
}

.lieuxAccueil hr {
    background-color:#008fc7;
    border:none !important;
    height:1px !important;
}
.lieuxAccueil .lettre 
{
    color:#0099cc;
    text-align:center;
    font-weight:bold;
}
.lieuxAccueil p {
    text-align:center;   
}
.lieuxAccueil p a {
    text-decoration:none;
    color:#000000;
}

/************************/
/*  Cadres Secteur v3   */
/************************/
.cadreSecteur .top {
    background:left top no-repeat;
    width:390px;
    height:49px;
}
.cadreSecteur .bottom {
    background:url('../Images/v3/bottomCadresSecteur.gif') left top no-repeat;
    width:390px;
    height:31px;
}
.cadreSecteur .contenuActus {
    margin-left:1px !important;
    width:378px !important;
    border:solid 1Px #7d939d;
    border-width:0 1px;
}
.cadreActusSecteur .top {
   background-image:url('../Images/v3/titreActusEmploiSecteur.gif');
}
.cadreAutresStructuresSecteur .top {
   background-image:url('../Images/v3/titreAutresStructuresSecteur.gif');
}
.cadreServicesSecteur .top {
   background-image:url('../Images/v3/titreServicesSecteur.gif');
}