﻿@charset "utf-8";
/* CSS Document */

a:link {color: #39C;}
a:visited {color: #39C;}
a:focus {color: #D41F71;}
a:hover {color: #D41F71;}
a:active {color: #D41F71;}

body {
background: #CE005E url(../img/com/body-bg.png) left top repeat-x;
color: #000;
font: normal normal 0.8125em Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
h1 {
height: auto;
margin: 0;
padding: 0;
}
h1 a {/*<h1><a><span>lien*/
background: transparent url(../img/com/logo-fneafh.gif) left top no-repeat;
display: block;
height: 180px;
left: 17px;
margin: 0 0 0 0;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
width: 156px;
z-index: 2;
}
h2 {
color: #39C;
border-bottom: 1px solid #E49E00;
font-size: 1.4em;
margin: 0;
padding: 0;
text-align: left;
}
h3 {
border-bottom: 1px solid #CCC;
color: #90AF4C;
font-size: 1.2em;
font-weight: bold;
margin: 1em 0;
padding: 0;
text-align: left;
}
img {border: none;}
li {margin: 1em 0;}
p {line-height: 1.2em;}
ul {
margin: 1em 0;
padding: 0 0 0 24px;
}
.cache,
h1 span,
h2 span,
h3 span {
height: 1px;
left: 0;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}

/* Blocs principaux */
#page-accueil #blocDroite {
background: #FFF;
float: right;
margin: 0;/*17px 17px 17px 0*/
padding: 0;
width: 370px;
}
#page-accueil #blocGauche {
background: #FFF url(../img/com/accueil-presentation-bg.gif) left top no-repeat;
float: left;
height: 264px;
margin: 0;/*17px*/
padding: 20px;/*20px*/
text-align: justify;
width: 520px;
}
#page-accueil #contenu {
background-image: none;
padding: 15px;
width: 960px;
}
#blocDroite {
float: right;
margin: 0;/*5px 5px 5px 0*/
padding: 0 0 20px 0;
width: 370px;
}
#blocGauche {
float: left;
margin: 0;/*5px*/
padding: 0;/*20px*/
/*text-align: justify;*/
width: 520px;
}
#contenu {
background: #FFF url(../img/com/contenu-bg.gif) 17px 17px no-repeat;
border: none;
margin: 0;
padding: 35px;/*17px*/
width: 920px;
}
	#contenu li {
	background: transparent url(../img/com/puce02.gif) left 5px no-repeat;
	list-style-type: none;
	margin: 1em 0;
	padding: 0 0 0 15px;
	}
#footer {
background: #FFF url(../img/com/footer-bg.gif) left top repeat-x;
color: #333;
font-size: 0.9em;
margin: 5px 0 0 0;
padding: 5px 0 0 0;
position: relative;
width: 990px;
}
	#footer a {
	color: #333;
	text-decoration: none;
	}
	#footer a:hover {text-decoration: underline;}
	#footer img {
	float: left;
	margin: 0 0 0 10px;
	}
	#footer p {
	line-height: 1.4em;
	margin: 0;
	}
#footerAdresse {
/*background: aqua;*/
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
float: left;
margin: 0 15px 0 5px;
padding: 0 5px 15px 15px;
width: 190px;
}
#footerLogo {
background: transparent url(../img/com/footer-logo.gif) left top no-repeat;
float: left;
height: 47px;
margin: 0 8px;
padding: 0 0 0 55px;
width: 175px;
}
	#footerLogo p {
	color: #CD005D;
	font-weight: bold;
	}
#footerNav {
float: left;
width: 485px;
}
	#footerNav p {margin: 0 0 10px 0;}
#global {
background: #FFF;
margin: 0 auto;
position: relative;
width: 990px;
}
#header {
background: #FFF;
border-bottom: 1px solid #CCC;
height: 180px;
margin: 0;
padding: 0;
position: relative;
}
/* page Accueil */
#actuSuite {
background: #FFF url(../img/com/puce-actu-suite.gif) 75px center no-repeat;
border-bottom: 1px solid #D41F71;
margin: 0;
}
	#actuSuite a,
	#actuTout a {
	color: #D41F71;
	font-weight: bold;
	text-decoration: none;
	}
#actuTout {
background: #FFF url(../img/com/actu-tout-lire-bg.gif) right top no-repeat;
height: 20px;
margin: 0;
padding: 2px 25px 0 0;
text-align: right;
}
#page-accueil #blocGauche li {
background: transparent url(../img/com/puce01.gif) left 2px no-repeat;
list-style-type: none;
padding: 0 0 0 20px;
}
#page-accueil #blocGauche ul {
margin: 2em 0;
}
#page-accueil #blocDroite h3 {
border-bottom: none;
color: #809F3B;
font-weight: normal;
margin: 0 0 0.5em 0;
}
#blocDroite h2 {
border-bottom: 8px solid #D41F71;
color: #D41F71;
font-size: 1.5em;
font-weight: normal;
margin: 13px 0 5px 0;
text-transform: uppercase;
}
#listePDF li {
background: transparent url(../img/com/picto-pdf.gif) left top no-repeat;
height: 19px;
list-style-type: none;
padding: 0 0 0 26px;
}

/* fiche etablissement */
p#b-demande {
margin: 1.5em 0 0.5em 0;
/*text-align: right;*/
}
#b-demande a {
background: #FFF url(../img/com/puce-actu-suite.gif) 5px center no-repeat;
border: 1px solid #90AF4C;
color: #000;
font-weight: bold;
padding: 3px 7px 3px 20px;
text-decoration: none;
text-transform: uppercase;
}
	#b-demande a:hover {color: #D42072;}
#blocDroiteFiche {
float: right;
width: 550px;
}
	#blocDroiteFiche h4 {
	background: #FFF;
	border-bottom: 1px dotted #90AF4C;
	color: #E49E00;
	margin: 1em 0 0 0;
	padding: 3px;
	text-transform: uppercase;
	}
	#blocDroiteFiche p {
	margin: 0.5em 0 1em 1em;
	text-align: justify;
	}
#blocGaucheFiche {
float: left;
width: 320px;
}
	#blocGaucheFiche h3 {
	color: #333333;
	margin: 1em 0 0 0;
	}
	#blocGaucheFiche img {
	border: 10px solid #FFF;
	}
	#blocGaucheFiche ul {
	padding: 0;
	}
	#listFoyer {
list-style-type: none;
margin: 0 0 1em 0;
padding: 0;
}
	#listFoyer a {
	background: url(../img/com/puce01.gif) left center no-repeat;
	display: block;
	padding: 4px 4px 4px 20px;
	text-decoration: none;
	}
	#listFoyer a:link {color: #000;}
	#listFoyer a:visited {color: #000;}
	#listFoyer a:focus {color: #000; background: #EFF7FF url(../img/com/puce01.gif) left center no-repeat;}
	#listFoyer a:hover {color: #D41F71; background: #EFF7FF url(../img/com/puce01.gif) left center no-repeat;}
	#listFoyer a:active {color: #000;}
	
	#listFoyer li {
	background-image: none;
	border-bottom: 1px solid #39C;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	}
#ficheCoord img {
margin: 0 0 0 10px;
}
/* page Liens */
#page-lien table {
border-collapse: collapse;
margin: 1em 0;
width: 100%;
}
#page-lien table caption {
font-weight: bold;
margin: 1em 0 0 0;
text-align: left;
}
#page-lien table td {
border-bottom: 1px dotted #90AF4C;
padding: 5px;
}
#page-lien table th {
border-bottom: 1px dotted #90AF4C;
font-weight: normal;
padding: 5px;
text-align: left;
width: 60%;
}
/*-----*/
#inputRechercher {
background: #FFF url(../img/com/loupe.gif) left center no-repeat;
border: 1px solid #447CAB;
height: 18px;
margin: 0;
padding-left: 20px;
width: 210px;
}
#inputSubmit {
background: #FC6 url(../img/com/inputSubmit-bg.gif) left top no-repeat;
border: none;
color: #246297;
font-weight: bold;
height: 22px;
margin: 0;
padding: 0;
width: 22px;
}
/* Formulaire de contact
--------------------------------------------------*/
#formContact {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0 auto;
padding: 0;
width: 95%;
}
#formContact em {color: #F00;}
#formContact fieldset {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 2px solid #D5DEE6;
	display: block;
	margin: 0 auto 10px auto;
	padding: 0.5em;
	width: 95%;
}
#formContact label {
	color: #000;
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	font-weight: bold;
	line-height: 1.8;
	margin: 0;
	padding: 0 0.5em 0 0;
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	width: 20%;	/*** Les intitules prennent n% de la largeur totale du formulaire... ***/
}
#formContact .labelSimple {margin: 0 0 0 32%;}
#formContact .labelSimple label {float: none;}
#formContact legend {
	color: #90AF4C;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 5px;
	text-transform: uppercase;
}
#formContact input#nom,
#formContact input#prenom,
#formContact input#fonction,
#formContact input#societe,
#formContact input#telephone,
#formContact input#fax,
#formContact input#mail,
#formContact input#adressel1,
#formContact input#cp,
#formContact input#pays,
#formContact input#ville {
width: 70%;
}
#formContact textarea {
margin: 0.2em;
width: 70%;
}
#formContact p {margin: 5px 0;}
/*    Les Classes
***************************************/
.b-pdf {
background: transparent url(../img/com/picto-doc2.gif) left center no-repeat;
list-style-type: none;
padding: 0 0 3px 26px;
}
.bold {font-weight: bold;}
.btnForm {
background: #D9C1B3;
border: 1px solid #BF9A83;
color: #1F180C;
cursor: pointer;
}
.center {text-align: center;}
.date {
background: transparent url(../img/com/puce-actu.jpg) left center no-repeat;
color: #999;
margin: 0;
padding: 0 0 0 15px;
}
.docName {
background: transparent url(../img/com/picto-pdf.gif) left top no-repeat;
min-height: 19px;
padding: 0 0 7px 24px;
}

.httpLink {
background: transparent url(../img/com/picto-web.gif) left top no-repeat;
min-height: 19px;
padding: 0 0 7px 24px;
width: 350px;
}
.imgFloatLeft {
float: left;
margin: 0 10px 10px 0;
}
.imgFloatRight {
float: right;
margin: 0 0 10px 10px;
}
.info {
background: transparent url(../img/com/picto-info.gif) 10px center no-repeat;
border: 1px solid #900;
font-size: 1.2em;
padding: 10px 10px 10px 45px;
}
.obligatoire {
color: #C68E0F;
}
.separateur {
border: none;
clear: both;
display: block;
height: 1px;
margin: 0;
padding: 0;
visibility: hidden;
}
/* Navigation principale */
div#nav {
background: #FFF;
border: 0;
height: 15px;
margin: 10px 0 0 190px;
padding: 0;
width: 800px;
}
div#nav ul#menu {
background: transparent url(../img/nav.gif) top left no-repeat;
height: 15px;
margin: 0;
padding: 0;
position: relative;
}
div#nav ul#menu li {
float: left;
height: 29px;
list-style: none;
margin: 0 5px 0 30px;
padding: 0;
text-transform: uppercase;
}
ul#menu li, ul#menu a {
display: block;
height: 15px;
}
div#nav ul#menu li a {
border-bottom: 5px solid #D41F71;
text-decoration: none;
}
ul#menu li:hover {background: transparent url(../img/com/nav-pointer.gif) center bottom no-repeat;}
#nav a:link {color: #000;}
#nav a:visited {color: #000;}
#nav a:focus {color: #D41F71;}
#nav a:hover {color: #D41F71;}
#nav a:active {color: #D41F71;}
/* "Vous etes ici" - Navigation principale */
body#page-accueil #nav-accueil,
body#page-federation #nav-federation,
body#page-etablissement #nav-etablissement,
body#page-mission #nav-mission,
body#page-actu #nav-actu,
body#page-doc #nav-doc,
body#page-lien #nav-lien,
body#page-contact #nav-contact,
body#page-edition #nav-edition {background: transparent url(../img/com/nav-pointer.gif) center bottom no-repeat;}

/* Navigation secondaire */
div#navTop {
background: transparent url(../img/com/nav-top-bg.gif) left top no-repeat;
height: 33px;
position: absolute;
right: 0;
top: 93px;
width: 252px;
}
div#navTop ul {
height: 15px;
margin: 0;
padding: 8px 0 0 0;
position: relative;
width: 252px;
}
div#navTop ul li {
float: left;
height: 29px;
list-style: none;
margin: 0 5px 0 20px;
padding: 0;
text-transform: uppercase;
}
	
div#navTop ul li, div#navTop ul a {
display: block;
font-size: 0.9em;
height: 15px;
}
div#navTop ul li a {
border-bottom: 5px solid #CCC;
text-decoration: none;
}
div#navTop a:link {color: #333;}
div#navTop a:visited {color: #333;}
div#navTop a:focus {color: #333;}
div#navTop a:hover {color: #333; border-bottom: 5px solid #999;}
div#navTop a:active {color: #333;}

div#navTop ul li#navTop-espace a {
background: #FFF url(../img/com/picto-espace.gif) left 1px no-repeat;
padding: 0 0 0 20px;
}
/* Espace adherent */
h1 span#titleExtranet {
background: url(../img/com/title-extranet-bg.gif) left top repeat;
color: #FFF;
font-size: 1.3em;
height: 40px;
left: 605px;
overflow: hidden;
padding: 0 10px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 0;
width: 365px;
}
/*div#navTop ul li#navTop-deconnexion a {
background: #FFF url(../img/com/picto-deconnexion.gif) left 1px no-repeat;
padding: 0 0 0 20px;
}*/
#navTop-deconnexion input {
background: #FFF url(../img/com/picto-deconnexion.gif) 4px center no-repeat;
border: 1px solid #999;
color: #666;
cursor: pointer;
font-weight: bold;
height: 22px;
margin: -2px 0 0 0;
padding: 2px 4px 2px 20px;
}
#user {
background: transparent url(../img/com/user-bg.gif) left top repeat;
padding: 5px;
position: absolute;
right: 0;
top: 40px;
}
#user p {
background: #FFF;
margin: 0;
padding: 5px;
}
#user strong {color: #D41F71;}
.docTitle {
background: transparent url(../img/com/picto-doc.gif) left top no-repeat;
color: #90AF4C;
font-size: 1.2em;
font-weight: bold;
padding: 0 0 0 24px;
}
	.docTitle span { color: #666;}

/* CF WINDOWS */
table#cfWindow {
	width: 100%;
	}
	table#cfWindow tr td {
	padding: 5px;
	}
h3.sstitreContact {
		margin: 0;
		padding: 10px 0 5px 0;
		font-size: 13px;
		line-height: 25px;
		font-weight: normal;
		color: #0076bc;
		font-weight: bold;
		text-align: center;
	}
.x-dlg .x-dlg-hd-left {background-color:#CE005E; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right {background-color:#CE005E; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right .x-dlg-hd {background-color:#CE005E; background-image:none;}
.x-dlg .x-dlg-dlg-body {border-bottom:3px solid #CE005E; border-right:3px solid #CE005E; border-left:3px solid #CE005E;}
.blackborder td.columnshead {
	background-color:silver;
	font-weight:bold;
	color:#000000;
}
div.errortitle{
 width : 100%;
 color: White;
 background-color : Red;
 font-weight : bold;
 text-align : center;
}

div.msg{
border: 1px solid Teal;
color: Black;
width: 100%;
 text-align : center;
}

div.errormsg{
border: 1px solid Red;
color: Black;
width: 100%
}

