@charset "utf-8";

* {
margin: 0;
padding: 0;
}
a:link {color: #336699;}
a:visited {color: #336699;}
a:focus {color: #3399CC;}
a:hover {color: #3399CC;}
a:active {color: #336699;}

body {
background: #E2EBF3 url(../img/bg-body.jpg) left top repeat-x;
color: #45252A;
font: normal normal 0.8125em Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 0;
}
h1 {
height: auto;
margin: 0;
padding: 0;
}
h1 a {
display: block;
height: 100px;
left: 45px;
margin: 20px 0 0 0;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
width: 100px;
}
h2 {
font-size: 1.4em;
margin: 0 0 0.8em 0;
padding: 0;
text-align: left;
}
h3 {
color: #AEAE00;
font-size: 2em;
font-style: italic;
font-weight: normal;
margin: 0 0 0.6em 0;
padding: 0;
text-align: left;
}
h4, #page-actualite h3 {
color: #5F96BF;
font-size: 1.2em;
font-style: normal;
font-weight: bold;
margin: 0 0 0.6em 0;
padding: 0;
text-align: left;
}
img {border: none;}
p {margin: 0 0 10px 0;}
.cache,
h1 span,
h2 span,
h3 span {
height: 1px;
left: 0;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}
#blocActu {
background: #FFF;
border-bottom: 1px solid #C60;
font-size: 0.9em;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
width: 206px;
}
	#blocActu h2 {
	background: transparent url(../img/h-actualite.gif) left bottom no-repeat;
	height: 36px;
	}
	#blocActu h3 {
	font-size: 1.4em;
	font-style: normal;
	font-weight: bold;
	margin: 5px;
	}
	#blocActu p {
	margin: 5px;
	}
#blocPhylactere {
background: transparent url(../img/bg-phylactere-bas.gif) left bottom no-repeat;
padding: 0 0 20px 0;
width: 206px;
}
	#blocPhylactere p {
	background: #FFF url(../img/bg-phylactere-haut2.gif) left top no-repeat;
	font-size: 0.9em;
	margin: 0 0 5px 0;
	padding: 10px 4px 0 4px;
	text-align: center;
	}
	#page-accueil #blocPhylactere p {
	background: #FFF url(../img/bg-phylactere-haut.gif) left top no-repeat;
	font-size: 0.9em;
	margin: 0 0 5px 0;
	padding: 10px 4px 0 4px;
	text-align: center;
	}
#colCentre {
background: none;
float: left;
font-size: 0.9em;
margin: 0;
padding: 0 0 0 20px;
width: 382px;
}
	#colCentre li {margin: 1em 0;}
	#colCentre p {
	margin: 0 1em 1em 0;
	text-align: justify;
	}
	#colCentre ul {
	margin: 1em 0;
	padding: 0 0 0 40px;
	}
	#page-accueil #colCentre {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	width: 362px;
	}
#colDroite {
background: none;
float: right;
margin: 0;
padding: 0 10px 0 0;
width: 210px;
}
#colGauche {
background: none;
color: #DA670A;
float: left;
font-size: 0.9em;
line-height: 1.5em;
margin: 0;
padding: 0 0 0 10px;
text-align: right;
width: 300px;
}
	#colGauche blockquote {
	font-size: 1.8em;
	font-style: italic;
	line-height: 1.4em;
	padding: 0 0 0 65px;
	width: 228px;
	}
	#colGauche img, #colCentre img {
	border: 7px solid #FFF;
	}
	#colGauche p {
	width: 295px;
	}
	#colGauche ul {
	list-style-type: none;
	margin: 1em 0;
	}
	#page-accueil #colGauche {
	background: none;
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	width: 352px;
	}
#contenu {
background: #F0F4F9 url(../img/bg-contenu.gif) left top repeat-y;
border: none;
margin: 0;
padding: 10px 0 0 0;
width: 970px;
}
	#page-accueil #contenu {
	background: #F0F4F9;
	border: none;
	margin: 0;
	padding: 10px 0 0 0;
	width: 970px;
	}
#contenuHead {margin: 0 0 0 18px;}
	#contenuHead h2 {
	border-bottom: 1px solid #77AED7;
	width: 705px;
	}
		#sousTitre,
	#contenuHead h3 {
	color: #AEAE00;
	font-size: 2em;
	font-style: italic;
	font-weight: normal;
	width: 670px;
	
	}
#flashAccueil {
margin: -40px 0 0 0;
}
#footer {
background: #FFF url(../img/logo-lafayette-footer.gif) left center no-repeat;
border-top: 1px solid #DAE6F0;
border-left: 10px solid #FFF; 
height: 32px;
margin: 0 auto;
padding: 0 0 0 30px;
position: relative;
text-align: left;
width: 950px;
}
	#footer a {color: #000;}
	#footer p {
	margin: 0;
	padding: 6px;
	}
#formDoc {
margin-bottom: 1em;
}
#global {
border: 10px solid #FFF;
margin: 10px auto 0 auto;
position: relative;
width: 970px;
}
#header {
background: #D4E2ED url(../img/header.jpg) left top no-repeat;
height: 197px;
padding: 0;
position: relative;
}
	#headerTxt {
	color: #CC6701;
	font-style: italic;
	font-weight: bold;
	padding: 50px 30px 0 0;
	text-align: right;
	}
#colCentre ul#listeDoc {
padding: 0;
}
#listeDoc li {
background: transparent url(../img/picto-pdf.gif) left center no-repeat;
height: 19px;
list-style-type: none;
padding: 0 0 0 24px;
}
#navPage {margin: 1em 0 2em 0;}
#navPage a {
background: #E5AD7D;
color: #FFF;
padding: 2px 10px;
text-decoration: none;
}
		#navPage a:hover,
		#page-asso.historique #navPage-1,
		#page-asso.ca #navPage-2,
		#page-mission.presentation #navPage-1,
		#page-mission.principe #navPage-2,
		#page-mission.choix #navPage-3,
		#page-mission.dev #navPage-4 {
		background: #DA6701;
		color: #FFF;
		}
ul#navEtablissement {padding: 0;}
#page-etablissement ul#navEtablissement {margin-bottom: 10.5em;}
#navEtablissement li {
border: 5px solid #FFF;
float: left;
height: 85px;
list-style-type: none;
margin: 5px;
width: 150px;
}
	#navEtablissement li a {
	border: 1px solid #BFB3B3;
	color: #45252A;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	height: 48px;
	padding: 35px 0 0 5px;
	text-decoration: none;
	}
		
		#navEtablissement li a#nav-e-residence {
		background: #FEF7DA url(../img/bg-perso-jaune.gif) left top no-repeat;
		}
			#navEtablissement li a#nav-e-residence:hover,
			#page-etablissement.residence #navEtablissement li a#nav-e-residence {
			background: #FFEFAF url(../img/bg-perso-jaune.gif) left top no-repeat;
			text-decoration: underline;
			}
		#navEtablissement li a#nav-e-larch {
		background: #DCEDF5 url(../img/bg-perso-bleu.gif) left top no-repeat;
		}
			#navEtablissement li a#nav-e-larch:hover,
			#page-etablissement.larch #navEtablissement li a#nav-e-larch {
		background: #C2E1EF url(../img/bg-perso-bleu.gif) left top no-repeat;
		text-decoration: underline;
		}
		#navEtablissement li a#nav-e-chenal {
		background: #F0EFDA url(../img/bg-perso-vert.gif) left top no-repeat;
		}
			#navEtablissement li a#nav-e-chenal:hover,
			#page-etablissement.chenal #navEtablissement li a#nav-e-chenal {
		background: #EFEDB3 url(../img/bg-perso-vert.gif) left top no-repeat;
		text-decoration: underline;
		}
		#navEtablissement li a#nav-e-rmi {
		background: #F8E8D9 url(../img/bg-perso-marron.gif) left top no-repeat;
		}
			#navEtablissement li a#nav-e-rmi:hover,
			#page-etablissement.rmi #navEtablissement li a#nav-e-rmi {
		background: #EFD8C2 url(../img/bg-perso-marron.gif) left top no-repeat;
		text-decoration: underline;
		}
#navTop {
background: #FFF url(../img/bg-nav-top.gif) left top no-repeat;
color: #1986BF;
font-family: Tahoma, sans-serif;
height: 25px;
margin: 0 0 0 636px;
padding: 6px 0 0 0;
text-align: center;
width: 317px;
}
	#navTop a {
	color: #1986BF;
	text-decoration: none;
	}
	#navTop a:hover {
	text-decoration: underline;
	}

/*  Titres 
***************************************/
#h-actu {
background: transparent url(../img/h-actu.gif) left top no-repeat;
height: 27px;
}
#h-asso {
background: transparent url(../img/h-asso.gif) left top no-repeat;
height: 27px;
}
#h-ca {
background: transparent url(../img/h-ca.gif) left top no-repeat;
height: 27px;
}
#h-contact {
background: transparent url(../img/h-contact.gif) left top no-repeat;
height: 27px;
}
#h-doc {
background: transparent url(../img/h-doc.gif) left top no-repeat;
height: 27px;
}
#h-etablissement {
background: transparent url(../img/h-etablissement.gif) left top no-repeat;
height: 27px;
}
#h-info {
background: transparent url(../img/h-info.gif) left top no-repeat;
height: 27px;
}
#h-mention {
background: transparent url(../img/h-mention.gif) left top no-repeat;
height: 27px;
}
#h-mission {
background: transparent url(../img/h-mission.gif) left top no-repeat;
height: 27px;
}
#h-plan {
background: transparent url(../img/h-plan.gif) left top no-repeat;
height: 27px;
}
/*  Les Classes
***************************************/
.bold {font-weight: bold;}
.btnForm {
background: #D9E3F0;
border: 1px solid #8B9C9F;
color: #1F180C;
cursor: pointer;
}
.center {text-align: center;}
.date {color: #AEAE00;}
.docName {
background: transparent url(../img/picto-pdf.gif) left top no-repeat;
/*display: block;*/
min-height: 19px;
padding: 0 0 7px 24px;
}
.finActu {
margin: 0 0 2em 0;
}
.httpLink {
background: transparent url(../img/picto-web.gif) left top no-repeat;
/*display: block;*/
min-height: 19px;
padding: 0 0 7px 24px;
width: 350px;
}
.grand {
color: #AEAE00;
font-size: 1.5em;
}
.imgFloatLeft {
float: left;
margin: 0 10px 2px 0;
}
.imgFloatRight {
float: right;
margin: 0 0 10px 10px;
}
.italic {font-style: italic;}
.obligatoire {
color: #C68E0F;
}
.separateur {
clear: both;
visibility: hidden;
}
/* 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 {
	background: none;
	border-bottom: 2px solid #77AED7;
	border-left: none;
	border-right: none;
	border-top: 2px solid #77AED7;
	display: block;
	margin: 0 auto 10px auto;
	padding: 0.5em;
	width: 95%;
}
#formContact label {
	color: #475C5F;
	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: 30%;	/*** Les intitules prennent n% de la largeur totale du formulaire... ***/
}
#formContact legend {
	background: none;
	color: #475C5F;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 5px;
	text-transform: uppercase;
}

#formContact input:focus,
#formContact input:focus#cv,
#formContact input:focus#nom,
#formContact input:focus#mail,
#formContact input:focus#telephone,
#formContact select:focus#destinataire,
#formContact textarea:focus#commentaires {
background: #FFDCBF;
}

#formContact input#nom,
#formContact input#prenom,
#formContact input#societe,
#formContact input#telephone,
#formContact input#mail,
#formContact input#adressel1,
#formContact input#cp,
#formContact input#ville {
width: 60%;
}

#formContact input#nom,
#formContact input#mail,
#formContact input#telephone,
#formContact select#destinataire,
#formContact textarea#commentaires {
background: #FFF2BF;
}

#formContact textarea {
margin: 0.2em;
width: 60%;
}
#formContact p {margin: 5px 0;}
/* Retour formulaire
***************************************/
#msgRetourForm {
margin: 20% 5%;
}
#msgRetourForm p {
margin: 0 0 10px 0;
padding: 0;
}

/*  Navigation
***************************************/
div#nav {
background: #FFF;
border: 0;
height: 35px;
margin: 0;
padding: 0;
width: 970px;
}

div#nav ul#menu {
background: transparent url(../img/nav.png) top left no-repeat;
height: 35px;
margin: 0;
padding: 0;
position: relative;
width: 970px;
}

div#nav ul#menu li {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
}
	
ul#menu li, ul#menu a {
display: block;
height: 35px;
}
div#nav ul#menu li a {
text-decoration: none;
text-indent: -9999px;
}
#nav-accueil		{left: 0; width: 108px;}
#nav-asso			{left: 108px; width: 149px;}
#nav-mission 		{left: 257px; width: 151px;}
#nav-etablissement 	{left: 408px; width: 204px;}
#nav-info 			{left: 612px; width: 176px;}
#nav-doc 			{left: 788px; width: 182px;}

#nav-accueil a:hover 		{background: transparent url(../img/nav.png) 0 -35px no-repeat;}
#nav-asso a:hover 			{background: transparent url(../img/nav.png) -108px -35px no-repeat;}
#nav-mission a:hover 		{background: transparent url(../img/nav.png) -257px -35px no-repeat;}
#nav-etablissement a:hover 	{background: transparent url(../img/nav.png) -408px -35px no-repeat;}
#nav-info a:hover 			{background: transparent url(../img/nav.png) -612px -35px no-repeat;}
#nav-doc a:hover 			{background: transparent url(../img/nav.png) -788px -35px no-repeat;}

/* "Vous etes ici" - Navigation principale */
body#page-accueil #nav-accueil a 				{background: transparent url(../img/nav.png) 0 -35px no-repeat;}
body#page-asso #nav-asso a 						{background: transparent url(../img/nav.png) -108px -35px no-repeat;}
body#page-mission #nav-mission a 				{background: transparent url(../img/nav.png) -257px -35px no-repeat;}
body#page-etablissement #nav-etablissement a 	{background: transparent url(../img/nav.png) -408px -35px no-repeat;}
body#page-info #nav-info a 						{background: transparent url(../img/nav.png) -612px -35px no-repeat;}
body#page-doc #nav-doc a						{background: transparent url(../img/nav.png) -788px -35px no-repeat;}

/********************************************/
/* Fenetres cfwindow */
/********************************************/
.x-dlg .x-dlg-hd-left {background-color:#b2b200; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right {background-color:#b2b200; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right .x-dlg-hd {background-color:#b2b200; background-image:none;}
.x-dlg .x-dlg-dlg-body {border-bottom:3px solid #b2b200; border-right:3px solid #b2b200; border-left:3px solid #b2b200;}
.x-dlg-mask {opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; background-color: #000;}
#cfWindow {
	height:100%;
	text-align:center;
	width:100%;
}
#cfWindow tr td {vertical-align:middle;}