/* CSS Document */
/*******************************************/
/********   MISE EN FORME GENERALE  ********/
/*******************************************/
body {background: #f9b200; margin:0; font-family:Arial, Helvetica, sans-serif; color:#344445; font-size:12px;}
form {margin:0; padding:0;}
#conteneur{background:url(images/bg-top.jpg) repeat-x #FFFFFF; width:100%; position:relative; height:auto; float:left;}
#contenu{width:955px; margin:0 auto; position:relative; background:url(images/bg-accueil.gif) no-repeat #FFFFFF; padding:0; min-height:400px;}
#header{ position:relative; padding:0; margin:0; top:0; left:0; width:955px; height:206px;}
#centre{position:relative; width:915px; margin:0 0 0 20px; float:left; background:url(images/bg-centre.gif) repeat-y; display:inline;}

/*************************************/
/********   CONTENU  ACCUEIL  ********/
/*************************************/
#home{ display:block; width:105px; height:165px; text-indent:-5000px; margin:0; padding:0;}
#logoMFR{width:105px; height:165px; background:url(images/logo.jpg) no-repeat; margin:0; padding:0; text-indent:-5000px; position:absolute; top:0; left:20px;}
#flash{width:600px; height:240px; position:absolute; top:95px; left:330px;}
#gauche{float:left; width:285px; margin:0 0 0 5px;}
#droite{float:left; width:600px; margin:0 0 0 20px; padding:132px 0 0 0;}

#ombreFlash{ background:url(images/ombre-flash.gif) no-repeat; width:575px; height:18px; }

#textNouveautes{margin:0 0 0 5px; padding:0;float:left; color:#333333; font-weight:normal; font-size:12px; width:275px;}
#textNouveautes p{ margin:0; padding:0; line-height:15px;}
#textNouveautes span{color:#1FA12D;font-weight:bolder; font-size:18px;}
#textNouveautes a{text-decoration:none;font-size:13px; font-weight:bold; color:#e08e00;}
#textNouveautes a:hover {text-decoration:underline;font-size:13px; font-weight:bold; color:#e08e00;}

#titreBienvenue{ background:url(images/titreBienvenue.gif) no-repeat; height:30px; width:376px; text-indent:-5000px; margin:0 0 0 10px; padding:0; float:left; display:inline;}
#textBienvenue{width:376px; margin:0 0 0 10px; padding:0 0 5px 0; text-align:justify; float:left; display:inline;color:#333333; font-weight:normal; font-size:12px}
#btnContact{ margin:-35px 0 0 12px; padding:0; display:block; background:url(images/btnContact.gif) no-repeat; width:200px; height:75px; float:left; text-indent:-5000px;}
#btnInscription{ margin:5px 0 0 12px; padding:0; display:block; background:url(images/btn-inscription.gif) no-repeat; width:200px; height:125px; float:left; text-indent:-5000px;}

#zoneActu h3{font-size:13px; font-weight:bold; color:#e08e00; margin:5px 0 0 0; padding:0;}
#zoneActu p.txtActu{ font-size:11px; margin:5px 0; padding:0; color:#333333; font-weight:normal;}
#zoneActu .separation{ width:275px; height:15px; background:url(images/separationActu.gif) no-repeat;}
#zoneActu h3 a {text-decoration:none;font-size:13px; font-weight:bold; color:#e08e00;}
#zoneActu h3 a:hover {text-decoration:underline;font-size:13px; font-weight:bold; color:#e08e00;}

#zoneActuNav h3{font-size:13px; font-weight:bold; color:#e08e00; margin:5px 0 0 0; padding:0;}
#zoneActuNav p.txtActu{ font-size:11px; margin:5px 0; padding:0; color:#333333; font-weight:normal;}
#zoneActuNav .separation{}
#zoneActuNav h3 a {text-decoration:none;font-size:13px; font-weight:bold; color:#e08e00;}
#zoneActuNav h3 a:hover {text-decoration:underline;font-size:13px; font-weight:bold; color:#e08e00;}

#intranetAcc{ background:url(images/bg-intraAcc.gif) no-repeat; width:265px; height:75px; padding:30px 0 0 10px; margin:0; float:left;}
#intranetAcc a {color:#fecd53; text-decoration:none; font-size:12px; font-weight:normal;}
#intranetAcc a:hover {color:#fecd53; text-decoration:underline; font-size:12px; font-weight:normal;}

#blogAcc{ width:275px; height:59px; padding:0px; margin:15px 0 0 0; float:left;}

#intranetNav{ float:left; background:url(images/bg-intraNav.gif) no-repeat; width:195px; height:80px; padding:30px 0 0 10px; margin:20px 0 0 0;color:#fecd53;}
#intranetNav a {color:#fecd53; text-decoration:none;}
#intranetNav a:hover {color:#fecd53; text-decoration:underline;}

#zoneForm{border:none; margin:0 0 0 0; padding:0;}
#zoneForm .champForm{ margin:0 0 5px 0; padding:0; height:22px;}
#zoneForm .champForm label{color:#fecd53; font-size:11px; font-weight:bold; width:105px; display:block; float:left; padding:0; margin:0;}
#zoneForm .inputForm{ font-size:11px; border:1px solid #ffd260; height:16px; background: url(images/bg-champsIntra.gif) repeat-x; margin:0 5px 0 0; padding:0; float:left;}
#zoneform .btnInput{float:left; padding:0; margin:0;}


/************************************************/
/********    MISE EN FORME NAVIGATION    ********/
/************************************************/
#contenuNav{width:955px; margin:0 auto; position:relative; background:url(images/bg-nav.gif) no-repeat #FFFFFF; padding:0; min-height:400px;}

#headerNav{ position:relative; padding:0; margin:0; top:0; left:0; width:955px; height:172px;}
#centreNav{position:relative; width:915px; margin:0 0 0 20px; padding:0; float:left; background:url(images/bg-centreNav.gif) repeat-y; display:inline;}

#gaucheNav{float:left; width:210px; margin:0 0 0 5px; display:inline;}

#sousMenuNav ul{float:left;margin:0;padding:0 0 0 5px;width:185px; list-style:none;}
#sousMenuNav ul li {float:left; margin:0; padding:5px; font-size:13px; font-weight:bold; color:#e08e00; width:180px; }
#sousMenuNav ul li a {font-size:12px; font-weight:normal; color:#333333; text-decoration:none;}
#sousMenuNav ul li a:hover {font-size:12px; font-weight:bold; color:#e08e00; text-decoration:none;}

#sousMenuNav ul.actus{float:left; margin:5px 0 0 0; padding:0 0 0 5px; width:185px;}
#sousMenuNav ul.actus li {float:left;margin:0;padding:0px; font-size:12px; color:#333333; width:180px; font-weight:normal;}
#sousMenuNav ul.actus li a {font-size:12px; font-weight:bold; color:#e08e00; text-decoration:none;}
#sousMenuNav ul.actus li a:hover {font-size:12px; font-weight:bold; color:#e08e00; text-decoration:underline;}

#droiteNav{float:left; width:680px; margin:0 0 0 5px; padding:0;}
#droiteNav p{margin:0 0 20px 5px; padding:0;}
#droiteNav div{margin:0 0 20px 5px; padding:0px; font-style:italic; color:#1fa12d; font-weight:bold;}
#droiteNav h3 {padding:0 0 2px 0px; margin:0 0 5px 5px; width:675px; font-size:14px; color:#158155; border-bottom:1px solid #158155;}
#droiteNav h3.petit {padding:0 0 2px 0px; margin:0 0 5px 5px; width:400px; font-size:14px; color:#158155; border-bottom:1px solid #158155;}
#droiteNav p a {text-decoration:none;font-size:13px; font-weight:bold; color:#e08e00;}
#droiteNav p a:hover {text-decoration:underline;font-size:13px; font-weight:bold; color:#e08e00;}



.titreSousMenu{ padding:7px 0 0 5px; margin:3px 0 0 0; background:url(images/bg-sousTitre.gif) no-repeat; height:23px; width:205px; color:#f7b40c; font-size:14px; font-weight:bold;}
#titrePage{padding:0; margin:0; position:absolute; color:#FFFFFF; font-style:italic; font-size:20px; width:670px; top:100px; left:260px;}
#titreSousPage{padding:0; margin:0; position:absolute; width:650px; font-size:18px; color:#1fa12d; top:130px; left:270px;}


.tableau {width:665px; border:1px dashed #98a7a8; text-align:center;}
.tableauMoyen {width:500px; border:1px dashed #98a7a8; text-align:center;}
.tableauPetit {width:250px; border:1px dashed #98a7a8; text-align:center;}
.tableauEntete {background:url(images/bg-tableau.gif) repeat-x #161d1f; height:22px; color:#ffffff; font-weight:bold; text-align:center;}

#ficheEmploi{float:left; width:660px; margin:0 0 20px 5px; padding:10px 0 40px 10px;}
.poste{float:left;padding:5px; width:640px; color:#1fa12d; height:25px; margin:0; font-size:14px; font-weight:bold;}
.ssFond{float:left;padding:5px; width:620px; border-bottom:1px dashed #bcc8c9; margin:0 0 0 20px;}
.acFond{float:left;background:#e6f5e7; padding:5px; width:620px; border-bottom:1px dashed #cddbd6; margin:0 0 0 20px;}
.leLabel{float:left;font-weight:bold; width:180px; display:block; float:left;}
.laValeur{float:left;display:block;}
.retour{float:left;padding:5px; width:620px; margin:20px 0 0 20px; text-align:center; color:#2f3d3e; font-weight:bold;}
.retour a{text-align:center; color:#2f3d3e; font-weight:bold; text-decoration:none;}
#ficheEmploi h3 {float:left; padding:0 0 2px 0px; margin:0 0 10px 5px; width:655px; font-size:14px; color:#158155; border-bottom:1px solid #158155;}
#ficheEmploi p{margin:0 0 20px 15px; padding:0;text-align:justify}

a.lien {color:#2f3d3e; font-weight:normal; text-decoration:none;}
a.lien:hover {color:#2f3d3e; font-weight:normal; text-decoration:underline;}

input.btnVert {
	color:#FFFFFF;
	background:#158155;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #ffffff;
	height:24px;
}
input.btnBlanc {
	color:#2f3e3f;
	background:#f8f8f8;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #2f3e3f;
	height:22px;
}

/*********************************/
/********    MENU TOP    ********/
/********************************/
ul#menuTop{position:absolute; top:0; left:420px;margin:0; padding:0; list-style:none;}
ul#menuTop li{float:left; padding:0px; margin:0 0px 0 20px; /*border-left:1px solid #455658; border-right:1px solid #090c0d;*/}
ul#menuTop li a{font-size:11px; font-weight:bold; color:#FFF; text-decoration:none;}
ul#menuTop li a:hover{text-decoration:underline;}

#menuMain{}


/**************************************/
/********    MENU PRINCIPAL    ********/
/**************************************/
#conteneurmenu {
	margin:0px;
	padding:0;
	height:0px;
	width:790px;
	z-index:1000;
	float:left;
}

.menu {
	float:left;
	margin: 0;
	padding:0;
	font-weight:bold;
	text-align:left;
	font-size:12px;
}

/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu {
	border-bottom:4px solid #1fa12d; background-color:#344445; padding:0px;
	z-index:1000;
}

.ssmenu ul, .ssmenu li.lienMenu {
/* Ne pas trop toucher. Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0px;
	list-style-type:none;
	background:transparent;
}

.menu a.accueil, .menu a.maison, .menu a.vie, .menu a.encadrement, .menu a.formations, .menu a.infos, .menu a.revue{
	height:29px;
	padding:4px 0 0 0;
	display: block;
	color: #fdc946;
	text-decoration: none;
	list-style-type:none;
	text-align:center;
	line-height:33px;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}
.menu a.accueil:hover{ height:29px;padding:4px 0 0 0;display: block;color: #0d6517;text-decoration: none;list-style-type:none;display:block;margin:0px;width:100%; background:url(images/over-accueil.jpg) no-repeat;}
.menu a.maison:hover{ height:29px;padding:4px 0 0 0;display: block;color: #0d6517;text-decoration: none;list-style-type:none;display:block;margin:0px;width:100%; background:url(images/over-maison.jpg) no-repeat;}
.menu a.vie:hover{ height:29px;padding:4px 0 0 0;display: block;color: #0d6517;text-decoration: none;list-style-type:none;display:block;margin:0px;width:100%; background:url(images/over-vie.jpg) no-repeat;}
.menu a.encadrement:hover{ height:29px;padding:4px 0 0 0;display: block;color: #0d6517;text-decoration: none;list-style-type:none;display:block;margin:0px;width:100%; background:url(images/over-encadrement.jpg) no-repeat;}
.menu a.formations:hover{ height:29px;padding:4px 0 0 0;display: block;color: #0d6517;text-decoration: none;list-style-type:none;display:block;margin:0px;width:100%; background:url(images/over-formations.jpg) no-repeat;}
.menu a.infos:hover{ height:29px;padding:4px 0 0 0;display: block;color: #0d6517;text-decoration: none;list-style-type:none;display:block;margin:0px;width:100%; background:url(images/over-infos.jpg) no-repeat;}
.menu a.revue:hover{ height:29px;padding:4px 0 0 0;display: block;color: #0d6517;text-decoration: none;list-style-type:none;display:block;margin:0px;width:100%; background:url(images/over-revue.jpg) no-repeat;}




.ssmenu a, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#ffffff;
	padding:4px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px dotted #ffffff;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}

html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus{
	/* Les liens sous le curseur. On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background:#1fa12d;
	color:#ffffff;
	text-decoration:none;
}

.menuOuvert a.accueil{ height:29px;padding:4px 0 0 0;display: block;color: #0d6517;text-decoration: none;list-style-type:none;display:block;margin:0px;width:100%; background:url(images/over-accueil.jpg) no-repeat;}
.menuOuvert a.maison{ height:29px;padding:4px 0 0 0;display: block;color: #0d6517;text-decoration: none;list-style-type:none;display:block;margin:0px;width:100%; background:url(images/over-maison.jpg) no-repeat;}
.menuOuvert a.vie{ height:29px;padding:4px 0 0 0;display: block;color: #0d6517;text-decoration: none;list-style-type:none;display:block;margin:0px;width:100%; background:url(images/over-vie.jpg) no-repeat;}
.menuOuvert a.encadrement{ height:29px;padding:4px 0 0 0;display: block;color: #0d6517;text-decoration: none;list-style-type:none;display:block;margin:0px;width:100%; background:url(images/over-encadrement.jpg) no-repeat;}
.menuOuvert a.formations{ height:29px;padding:4px 0 0 0;display: block;color: #0d6517;text-decoration: none;list-style-type:none;display:block;margin:0px;width:100%; background:url(images/over-formations.jpg) no-repeat;}
.menuOuvert a.infos{ height:29px;padding:4px 0 0 0;display: block;color: #0d6517;text-decoration: none;list-style-type:none;display:block;margin:0px;width:100%; background:url(images/over-infos.jpg) no-repeat;}
.menuOuvert a.revue{ height:29px;padding:4px 0 0 0;display: block;color: #0d6517;text-decoration: none;list-style-type:none;display:block;margin:0px;width:100%; background:url(images/over-revue.jpg) no-repeat;}



/***********************************/
/********   SOUS MENU NAV   ********/
/**********************************/
#ombreSSmenu{ float:left; margin:5px 0 15px 0; padding:0; height:20px; width:195px; background:url(images/ombre-sousmenunav.gif) no-repeat;}








/****************************/
/********   FOOTER   ********/
/****************************/
#footer{background:url(images/bg-footer.jpg) repeat-x; width:100%; height:45px; clear:left;}