body { margin: 0; padding: 0;  font-size: 10px; font-family: Verdana, Sans-Serif; color: #000000; background-color: #FFFFFF; text-align: center;}
a { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }



#page { position: relative; margin: 20px auto;  width: 760px; text-align: center;}

/* +--------------------------------------------------------------+ */
/* |  barre horizontale navigation                                | */
/* +--------------------------------------------------------------+ */
.barreHaute { position: absolute; z-index: 1; left: 0; top: 20px; width: 600px; height: 130px; margin: 0; padding: 0; background-color: #d3007a;}
.barreLogo { position: absolute; left: 630px; top: 20px; width: 120px; height: 130px; margin: 0; padding: 0; background-color: #FFFFFF;}
.barreHauteHome { position: absolute; z-index: 1; left: 0; top: 20px; width: 760px; height: 130px; margin: 0; padding: 0; background-color: #d3007a;}

.fond_home { position: absolute; left: 0; top: 0; width: 600px; height: 130px; background-color: #d3007a;  background: url(images/fond_home.gif) no-repeat right 0; }
.fond_qui { position: absolute; left: 0; top: 0; width: 600px; height: 130px; background-color: #d3007a;  background: url(images/fond_qui.gif) no-repeat right 0; }
.fond_candidat { position: absolute; left: 0; top: 0; width: 600px; height: 130px; background-color: #d3007a;  background: url(images/fond_candidat.gif) no-repeat right 0; }
.fond_collectivite { position: absolute; left: 0; top: 0; width: 600px; height: 130px; background-color: #d3007a;  background: url(images/fond_collectivite.gif) no-repeat right 0; }
.fond_offres { position: absolute; left: 0; top: 0; width: 600px; height: 130px; background-color: #d3007a;  background: url(images/fond_offres.gif) no-repeat right 0; }
.fond_references { position: absolute; left: 0; top: 0; width: 600px; height: 130px; background-color: #d3007a;  background: url(images/fond_references.gif) no-repeat right 0; }
.fond_engagements { position: absolute; left: 0; top: 0; width: 600px; height: 130px; background-color: #d3007a;  background: url(images/fond_engagements.gif) no-repeat right 0; }
.fond_contact { position: absolute; left: 0; top: 0; width: 600px; height: 130px; background-color: #d3007a;  background: url(images/fond_contact.gif) no-repeat right 0; }

/* +--------------------------------------------------------------+ */
/* |  Navigation principale                                       | */
/* +--------------------------------------------------------------+ */
.navigPrincipale { float: left; width: 191px; margin: 10px 0 0 10px;}
.navigPrincipale ul { margin: 0; padding: 0; list-style: none; display: block;}
.navigPrincipale li { margin: 0; padding: 0; height: 15px; list-style: none;}
.navigPrincipale li img { margin: 0; padding: 0; height: 15px; border: none; }


#qui { background: url(images/menu-qui-OFF.gif) no-repeat 0 0;}
#candidat { background: url(images/menu-candidat-OFF.gif) no-repeat 0 0;}
#collectivite { background: url(images/menu-collectivite-OFF.gif) no-repeat 0 0;}
#offres { background: url(images/menu-offres-OFF.gif) no-repeat 0 0;}
#references { background: url(images/menu-references-OFF.gif) no-repeat 0 0;}
#engagements { background: url(images/menu-engagements-OFF.gif) no-repeat 0 0;}
#contact { background: url(images/menu-contact-OFF.gif) no-repeat 0 0;}


#qui a:hover { background: url(images/menu-collectivite-ON.gif) no-repeat 0 0; border: none;}
#candidat a:hover { background: url(images/menu-candidat-ON.gif) no-repeat 0 0; border: none;}
#collectivite a:hover { background: url(images/menu-collectivite-ON.gif) no-repeat 0 0; border: none;}
#offres a:hover { background: url(images/menu-offres-ON.gif) no-repeat 0 0; border: none;}
#references a:hover { background: url(images/menu-references-ON.gif) no-repeat 0 0; border: none;}
#engagements a:hover { background: url(images/menu-engagements-ON.gif) no-repeat 0 0; border: none;}
#contact a:hover { background: url(images/menu-contact-ON.gif) no-repeat 0 0; border: none;}

/* +--------------------------------------------------------------+ */
/* |  Navigation generale                                         | */
/* +--------------------------------------------------------------+ */
.navigGeneral { float: right; width: 150px; margin-top: 10px; margin-right: 10px;}
.navigGeneral ul { float: right; width: 150px; margin: 0; padding: 0; list-style: none;}
.navigGeneral li { float: right; width: 150px; margin: 1px 0; padding: 0; list-style: none;}
.navigGeneral li a { float: right; margin: 1px 0; padding: 0; font-size: 7px; font-weight: bold; color: #C97DB0; text-transform: uppercase;}
.navigGeneral li a:link { float: right; margin: 1px 0; padding: 0;}
.navigGeneral li a:visited { float: right; margin: 1px 0; padding: 0;}
.navigGeneral li a:hover { float: right; margin: 1px 0; padding: 0; color: #FFFFFF;}

/* +--------------------------------------------------------------+ */
/* |  barre verticale sous-navigation                             | */
/* +--------------------------------------------------------------+ */
.barreGrise { position: absolute; z-index: 0; left: 20px; top: 10px; width: 160px; height: 250px; margin: 0; padding: 0; background-color: #736364; text-align: left;}
.barreGrise .sousMenu { position: absolute; left: 8px; top: 190px; width: 152px;}
.barreGrise .sousMenu ul { float: left; width: 100%; margin: 0 0 1px 0; padding: 0;  list-style: none; display: block;}
.barreGrise .sousMenu li { margin: 0 0 1px 0; padding: 0; list-style: none;}
.barreGrise .sousMenu li a { 
	float: left; 
	width: 90%;
	margin:  0; 
	padding: 0;  
	font-size: 9px; 
	line-height: 12px; 
	font-weight: bold; 
	color: #CCC4C4; 
	background-image: url(images/puce.gif); 
	background-repeat: no-repeat; 
	background-position: 0 1px;
	background-color: transparent; 
}
	
.barreGrise .sousMenu li a:link { 
	margin: 0; 
	padding-left: 15px; 
	background-color: transparent; 
}
	
.barreGrise .sousMenu li a:hover { 
	color: #FFFFFF; 
	background-image: url(images/puce.gif); 
	background-repeat: no-repeat;
	background-position: 0 1px;
	background-color: #d3007a; 
}
.barreGrise .sousMenu img { border: none; margin: 0 2px 0 0;}

/* +--------------------------------------------------------------+ */
/* |  Zone de texte homepage                                      | */
/* +--------------------------------------------------------------+ */
.zoneTexteHome {
	position: absolute; 
	text-align: left;
	left: 25px; 
	top: 180px; 
	margin: 0; 
	padding: 0; 
	width: 600px; 
	height: 400px;
}

.homeDernieresOffres { 
	float: left; 
	width: 160px;
}
.homeDernieresOffres ul { 
	margin: 1px; 
	padding: 0 0 0 10px;  
	list-style-type : square;
	list-style-position: outside;
	display: block;
}
	
.homeDernieresOffres li { 
	margin: 0; 
	padding: 0; }
	
.homeDernieresOffres ul li { 
	margin: 3px 0 3px 3px; }
	
.homeDernieresReferences { 
	float: left; 
	width: 350px;
	margin-left: 50px;
}

.homeDernieresReferences ul { 
	margin: 1px; 
	padding: 0 0 25px 10px;  
	list-style-type : square;
	list-style-position: outside;
	display: block;
}
	
.homeDernieresReferences li { 
	margin: 0; 
	padding: 0; 
	color: #000000; 
	}
	
.homeDernieresReferences ul li { 
	margin: 3px 0 3px 3px; 
}

.presentationLogo { 
	float: right; 
	width: 200px;
	font-family: Verdana, Sans-Serif; 
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	color: #000000;

}


/* +--------------------------------------------------------------+ */
/* |  Zone de texte                                               | */
/* +--------------------------------------------------------------+ */
.zoneTexte {
	position: absolute; 
	text-align: left;
	left: 230px; 
	top: 200px; 
	margin: 0; 
	padding: 0; 
	width: 520px; 
	height: 440px;
	overflow: auto;
	scrollbar-face-color: cbc9cb;
	scrollbar-highlight-color: c2c0c0;
	scrollbar-3dlight-color: cbc9cb;
	scrollbar-darkshadow-color: 000000;
	scrollbar-shadow-color: 2D2D2D;
	scrollbar-arrow-color: c2c0c0;
	scrollbar-track-color: 333333;
}

.contenuTexte { position: absolute; top: 0; left: 0; width: 500px;}



/* +--------------------------------------------------------------+ */
/* |  styles typographique                                        | */
/* +--------------------------------------------------------------+ */
h1 { margin: 0; padding: 0 0 10px 0; font-size: 25px; font-weight: normal; line-height: 25px; font-family: "Trebuchet MS", Verdana, Sans-Serif; color: #736364; }
h2 {  
	margin: 0; 
	padding: 25px 0 0 15px; 
	font-size: 10px; 
	font-weight: bold; 
	line-height: 16px; 
	font-family: Verdana, Sans-Serif; 
	color: #BA1F81;  
	text-transform: uppercase;
	background-image: url(/themes/fcconseil/fcconseil/images/puceRose.gif);
	background-repeat: no-repeat;
	background-position: 0 28px;
}

h3 { }

p { 
	margin: 5px 0; 
	padding: 0; 
	font-size: 11px; 
	font-weight: normal; 
	line-height: 16px; 
	font-family: Verdana, Sans-Serif; 
	color: #736364; 
	text-transform: none; }
	
p a { 
	color: #BA1F81; 
	text-decoration: underline; }
	
p a:hover { 
	color: #BA1F81; 
	text-decoration: none; }

	
.intertitre { 
	font-size: 10px; 
	font-weight: bold; 
	line-height: 16px; 
	font-family: Verdana, Sans-Serif; 
	color: #BA1F81;  
	text-transform: uppercase;}
	
.titreListeReferences { 
	font-family: Verdana, Sans-Serif; 
	text-transform: uppercase;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #BA1F81;
}
.titreListeReferences p { 
	background-color: #d3007a;
	margin: 10px 0;
	padding: 2px 0 2px 8px;
}
.titreListeOffres { 
	font-family: Verdana, Sans-Serif; 
	text-transform: uppercase;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.titreListeOffres p { 
	background-color: #d3007a;
	margin: 10px 0;
	padding: 2px 0 2px 8px;
}




/* +--------------------------------------------------------------+ */
/* |  Ancres dans la page                                         | */
/* +--------------------------------------------------------------+ */

/* ici je ne comprends pas pourquoi je dois mettre une marge gauche a -38px pour que cette liste soit alignee */
.listeDesAncres { position: relative; top: 0; left: 0; width: 100%; margin-bottom: 50px; margin-left: -38px; display: block; clear: both;}
.ancres { font-size: 10px; font-weight: bold; line-height: 16px; color: #736364; font-family: Verdana, Sans-Serif; text-transform: uppercase;}
.ancres ul { margin: 0; padding: 0 0 0 0; list-style: none; text-indent: 13px;}
.ancres li { margin: 1px 0; padding: 0; list-style: none;}
.ancres li a { margin: 1px 0; padding: 0; color: #736364; background: url(images/puceRose.gif) no-repeat 0 2px;}
.ancres li a:link { margin: 1px 0; padding: 0;}
.ancres li a:visited { color: #736364;}
.ancres li a:hover { color: #000000;}
.ancres img { margin-right: 4px; padding: 0; border: none;}




/* +--------------------------------------------------------------+ */
/* |   barre CV                                                   | */
/* +--------------------------------------------------------------+ */

.barreCV { float: left; width: 460px; margin: 10px 0; padding: 0;}
.barreCV .barreRose { position: relative; top: 0; left: 0; width: 150px; height: 6px; margin: 0; padding: 0; background-color: #d3007a; display: block;}

.barreCV .contenuCV { position: relative; top: 0; left: 0; width: 460px; margin: 0; padding: 4px; background-color: #918789; display: block;}
/*
.barreCV .contenuCV .partieCV { float: left; width: 310px; height: 110px; margin: 0; padding: 0;}
.barreCV .contenuCV .partieCVImg { float: left; width: 50px; height: 110px; margin: 0 4px 0 0; padding: 0;}
.barreCV .contenuCV .partieCVImg img { margin: 0; padding: 0; border: none;}
.barreCV .contenuCV .partieCV .texteCV { margin: 5px 0 0 0; padding: 0;}
.barreCV .contenuCV .partieExperience { float: right; width: 130px; height: 90px; margin: 4px 0 0 0; padding: 0;}
.barreCV .contenuCV .partieExperienceContact { position: relative; top: 60px; left: 0; width: 130px; height: 20px; margin: 4px 0 0 0; padding: 0; text-align: bottom;}
.barreCV .contenuCV .partieExperienceContact a { font-size: 10px; font-weight: normal; line-height: 12px; font-family: Verdana, Sans-Serif; color: #FFFFFF;  text-indent: 13px; background: url(images/puceGrisClair.gif) no-repeat 0 0;}
.barreCV .contenuCV .partieExperienceContact a:link { color: #FFFFFF; }
.barreCV .contenuCV .partieExperienceContact a:visited { color: #FFFFFF; }
.barreCV .contenuCV .partieExperienceContact a:hover { color: #CCCCCC; }*/

.equipeNom { font-size: 11px; font-weight: italic; line-height: 13px; font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; }
.equipeFonction { font-size: 10px; font-weight: bold; line-height: 13px; font-family: Verdana, Sans-Serif; color: #FFFFFF; }
.equipeCV { font-size: 11px; font-weight: normal; line-height: 14px; font-family: Verdana, Sans-Serif; color: #FFFFFF; }	
.equipeCV a { 
	color: #FFFFFF;
	text-decoration: underline;}
	
.equipeCV a:hover { 
	color: #FFFFFF;
	text-decoration: none;}
.equipeExperience { font-size: 10px; font-weight: normal; line-height: 12px; font-family: Verdana, Sans-Serif; color: #FFFFFF; }


/* +--------------------------------------------------------------+ */
/* |  Liste offres homepage                                       | */
/* +--------------------------------------------------------------+ */
.listeOffres {
        position: relative;
        z-index: 0;
        left: 20px;
        top: 10px;
        width: 170px;
        height: 420px;
        margin: 0;
        padding: 0;
        background-color: #736364;
        text-align: left;}
        
/*.listeOffres .TitreDesOffres {
        position: relative;
        left: 0;
        top: 190px;
        width: 200px;
        height: 15px;
        background-color: #d3007a;}*/
        
.listeOffres .titre {
        position: relative;
        left: 0;
        top: 190px;
        margin: 0;
        padding: 2px 0 2px 8px;
        width: 180px;
        font-size: 10px;
        line-height: 10px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #d3007a;}
        
.listeOffres .liste {
        float: left;
        margin-left: 8px;
        margin-top: 190px;
        width: 180px;}
        
.listeOffres .liste ul {
        margin: 0 0 1px 0;
        padding: 0;
        list-style: none;
        display: block;}
        
.listeOffres .liste li {
        margin: 5px 0;
        padding: 0;
        list-style: none;}
        
.listeOffres .liste li a {
        margin: 0;
        padding: 0;
        font-size: 10px;
        line-height: 11px;
        font-weight: bold;
        color: #FFFFFF; }
        
.listeOffres .liste li a:link {
        margin: 0;
        padding: 0;}
        
.listeOffres .liste li a:visited {color: #CCCCCC;}
.listeOffres .liste li a:hover { color: #CCC4C4; }
.listeOffres .liste .dateListeOffres { 
	margin: 0; 
	padding: 0; 
	font-size: 10px; 
	line-height: 11px; 
	font-weight: normal; 
	color: #CCC4C4; }