@charset "UTF-8";
/* CSS Document */


/* STRUCTURE */
#conteneur {
    background:url("../img/fonds/fond-conteneur.gif") top left no-repeat;
}



/* CARTOUCHE ZONE GAUCHE */
#gauche .cartouche {
	border:1px #beae83 solid;
	border-bottom:none;
	background-color:#FFF;
	height:262px;
}
#gauche .cartouche .contenu {
	padding:5px;
}
#gauche .cartouche a:hover {
	text-decoration:none;
}
#gauche .cartouche a.anoter {
	margin:0;
	padding:0;
	cursor:pointer;
	width:255px;
	height:23px;
	background:url(../img/titres/accueil_cartouche_anoter.gif) top left no-repeat #f1ede4;
	display:block;
}
#gauche .cartouche a.anoter:hover {
	width:255px;
	height:23px;
	background:url(../img/titres/accueil_cartouche_anoter-roll.gif) top left no-repeat #f1ede4;
}
#gauche .cartouche .contenu .item h2  {
	margin:0;
	padding:0;
}
#gauche .cartouche .contenu .item h2 a {
	color:#828a91;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
}
#gauche .cartouche .contenu .item {
	margin:2px 5px 5px 5px;
	padding:3px 5px 5px 5px;
}
#gauche .cartouche .contenu .item:hover {
	background-color:#f1ede4;
}
#gauche .cartouche .contenu p {
	margin:4px 0 0 0;
}
#gauche .cartouche .contenu p a {
	color:#000;
	font-size:9px;
}
#gauche .cartouche .contenu .separateur {
	width:173px;
	height:1px;
	margin:11px auto 12px auto;
	padding:0;
	color:#FFF;
	border-top:1px solid #beae83;
}
#gauche .cartouche-rss {
	background-color:#f1ede4;
	height:19px;
	text-align:right;
	padding:4px 4px 0 0;
	border:1px #beae83 solid;
	border-top:none;
}
















/* BANDEAU */
#centre #bando img {
	display:block;
	margin-top:6px;
}









/* RECHERCHE DE FORMATION */
#centre #recherche-formation {
	border:1px solid #696969;
	background-color:#dedede;
}
#centre #recherche-formation h1 {
	padding:0;
	margin:0;
	background-color:#696969;
	width:663px;
}
#centre #recherche-formation form.recherche {
	display:block;
	margin:0;
	padding:0;
	height:36px;
	background-color:#c3c3c3;
}
#centre #recherche-formation form fieldset {
	margin:0;
	padding:0;
	border:none;
	width:340px;
	margin:0 auto;
	padding-top:7px;

}
#centre #recherche-formation form img {
	vertical-align:middle;
	float:left;
}
#centre #recherche-formation form input.champ {
	width:228px;
	height:20px;
	border:1px solid #4f555a;
	background-color:#e8edf0;
	vertical-align:middle;
	margin:0;
	padding:0;
	float:left;
}
#centre #recherche-formation form input.bouton {
	vertical-align:middle;
	margin:0;
	padding:0;
	float:left;
}




/* THEMES DE FORMATION */
#centre #recherche-formation #themes_conteneur {
	margin:17px 8px 12px 9px;
}
#centre #recherche-formation #themes {
	float:left;
	width:428px;
}
#centre #recherche-formation .cartouche {
	background:url(../img/fonds/cartouche_recherche_formations.gif) top left no-repeat;
	background-color:#f1f1f1;
}
#centre #recherche-formation .cartouche .titre {
	height:25px;
	padding-left:8px;
}
#centre #recherche-formation .cartouche .bas {
	background:url(../img/fonds/cartouche_recherche_formations_bas.gif) bottom left no-repeat;
	height:8px;
	clear:both;

}
#centre #recherche-formation .cartouche .contenu {
	padding:29px 9px 25px 9px;
}
#centre #recherche-formation .cartouche .contenu .liste1 {
	width:190px;
	float:left;
}
#centre #recherche-formation .cartouche .contenu .separateur {
	background:url(../img/pictos/separateur_colonnes.gif) repeat-y right;
	margin:0 10px 0 10px;
	float:left;
	height:145px;
}
#centre #recherche-formation .cartouche .contenu .liste2 {
	width:190px;
	float:left;
}

#centre #recherche-formation .cartouche .contenu a:hover {
	text-decoration:none;
}

/* menu gauche */
#centre #recherche-formation .cartouche .contenu .niveau-0 {
	background:url(../img/pictos/puce_carre_orange.gif) top left no-repeat;
	margin-bottom:6px;
}
#centre #recherche-formation .cartouche .contenu .niveau-0 a {
	color:#645f53;
	font-size:10px;
	margin-left:15px;
	display:block;
	font-weight:bold;
}
#centre #recherche-formation .cartouche .contenu .niveau-0:hover {
	background-color:#FFF;
}
/* la hauteur des listes 1 et 2 provient de la hauteur de la liste 3 !!!! */
#centre #recherche-formation .cartouche .contenu .liste1 .niveau-0 .niveau-1 {
	width:190px;
}
#centre #recherche-formation .cartouche .contenu .liste2 .niveau-0 .niveau-1 {
	width:190px;
}
/* menu droite */
#centre #recherche-formation .cartouche .contenu .niveau-0 .niveau-1 {
	position:absolute;
	background:#FFF;
	display:none;
}
#centre #recherche-formation .cartouche .contenu .niveau-0 .niveau-1 span {
	display:block;
}
#centre #recherche-formation .cartouche .contenu .niveau-0 .niveau-1 span:hover {
	background-color:#fdefe4;
}
#centre #recherche-formation .cartouche .contenu .niveau-0 .niveau-1 a {
	color:#807458;
}




/* INDUSTRIES */

#centre #recherche-formation #conteneur_industries {
	margin:17px 8px 12px 1px;
}
#centre #recherche-formation #industries {
	width:208px;
	float:right;
}


#centre #recherche-formation .cartouche .contenu {
	height:172px; /* la hauteur du menu 3 s'applique aussi aux menus 1 et 2 !!!! */
}
#centre #recherche-formation .cartouche .contenu .liste3 {
	width:190px;
	float:left;
}
#centre #recherche-formation .cartouche .contenu .liste3 .niveau-0 .niveau-1 {
	width:190px;
}


/* AGENDA */

#centre #recherche-formation .footer {
	width:663px;
	background-color:#d4d4d4;
	margin-top:2px;

}
#centre #recherche-formation #agenda {
	height:31px;
	float:right;
}
#centre #recherche-formation #agenda fieldset {
	float:left;
	width:365px;
	margin-top:4px;
}
#centre #recherche-formation #agenda fieldset span,
#centre #recherche-formation #agenda fieldset input,
#centre #recherche-formation #agenda fieldset img {
	float:left;
	margin-right:4px;
	font-weight:bold;
	color:#535353;
}
#centre #recherche-formation #agenda fieldset input.champ {
	border:1px solid #4f555a;
	width:72px;
	height:17px;
	background-color:#e8edf0;
	color:#535353;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
}
#centre #recherche-formation #agenda fieldset input.champ,
#centre #recherche-formation #agenda fieldset input.bouton {
	margin-top:-4px;
}
#centre #recherche-formation #agenda fieldset img.rss {
	margin-left:30px;
}
#centre #recherche-formation #agenda fieldset img.calendrier {
	margin-top:-1px;
}
#centre #recherche-formation #agenda fieldset input.picto {
	background:url(../img/pictos/calendrier.gif) no-repeat top left #d4d4d4;
	width:20px;
	border:none;
	margin-top:-2px;
}



/* ENCADRES */
#centre #encadres {
	background:url(../img/fonds/accueil_bottom.gif) top left repeat-x #888978;
	height:170px;
	width:665px;
	margin-top:15px;
}

#centre #encadres .cartouche {
	float:left;
	height:150px;
	border:1px solid #FFF;
	border-top:none;
}





/* encadré 1 */
#centre #encadres #encadre1 {
	margin:0 8px 0 10px;
	display:inline;
}
#centre #encadres #encadre1 .visuel {
	width:55px;
	float:left;
	margin:9px 0 0 7px;
}

#centre #encadres #encadre1 a.sinscrire {
	margin:0;
	padding:0;
	cursor:pointer;
	width:208px;
	height:20px;
	background:url(../img/titres/sinscrire_formation.gif) top left no-repeat #f1ede4;
	display:block;
}
#centre #encadres #encadre1 a.sinscrire:hover {
	background:url(../img/titres/sinscrire_formation_survol.gif) top left no-repeat #f1ede4;
}

#centre #encadres #encadre1 .produits {
	width:140px;
	float:left;
	margin-top:18px;
}
#centre #encadres #encadre1 .produits input.champ {
	width:100px;
	height:17px;
	border:1px solid #FFF;
	background-color:#aeafa3;
	vertical-align:middle;
	margin-top:1px;
}
#centre #encadres #encadre1 .produits input.bouton {
	vertical-align:middle;
	margin:0;
	padding:0;
	margin-top:1px;
}
#centre #encadres #encadre1 .produits span {
	color:#524e44;
	font-weight:bold;
	font-size:9px;
	display:block;
	margin:4px 0 4px 0;
}
#centre #encadres #encadre1 .produits span a {
	color:#FFFFFF;
	font-weight:bold;
	font-size:9px;
	display:block;
	margin:12px 0 0 5px;
}








/* encadré 2 */
#centre #encadres #encadre2 {
	margin:0 8px 0 0;
	width:208px;
}
#centre #encadres #encadre2 .visuel {
	float:left;
	margin:9px 0 0 7px;
}

#centre #encadres #encadre2 a.newsletter {
	margin:0;
	padding:0;
	cursor:pointer;
	width:208px;
	height:34px;
	background:url(../img/titres/newsletter.gif) top left no-repeat #f1ede4;
	display:block;
}
#centre #encadres #encadre2 a.newsletter:hover {
	background:url(../img/titres/newsletter_survol.gif) top left no-repeat #f1ede4;
}


#centre #encadres #encadre2 .newsletter {
	width:135px;
	float:left;
	margin-top:25px;
}
#centre #encadres #encadre2 .newsletter input.bouton {
	color:#FFF;
	margin:0;
	padding:0;
	background-color:#b6b6ac;
	width:128px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #FFF;
	text-align:center;
	font-size:9px;
	cursor:pointer;
	float:right;
}
#centre #encadres #encadre2 .newsletter input.bouton:hover {
	background-color:#8e8f7e;
}



/* encadré 2 BIS (LE FILM) */
#centre #encadres #encadre2bis {
	margin:0 8px 0 0;
	width:208px;
}
#centre #encadres #encadre2bis .visuel {
	float:left;
	margin:9px 0 0 7px;
}

#centre #encadres #encadre2bis a.lefilm {
	margin:0;
	padding:0;
	cursor:pointer;
	width:208px;
	height:34px;
	background:url(../img/titres/home_titre_lefilm.gif) top left no-repeat #f1ede4;
	display:block;
}
#centre #encadres #encadre2bis a.lefilm:hover {
	background:url(../img/titres/home_titre_lefilm_survol.gif) top left no-repeat #f1ede4;
}


#centre #encadres #encadre2bis .lefilm {
	width:135px;
	float:left;
	margin-top:25px;
}

#centre #encadres #encadre2bis .lienfilm span {
	color:#FFFFFF;
	font-weight:bold;
	font-size:9px;
	display:block;
	margin:12px 0 4px 0;
}

#centre #encadres #encadre2bis a.voirlefilm {
	color:#FFFFFF;
	font-weight:bold;
	font-size:9px;
	display:block;
	margin:12px 0 0 5px;
}

#centre #encadres #encadre2bis a.voirlefilm:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
	font-size:9px;
	display:block;
	margin:12px 0 0 5px;
}

/* encadré 3 */
#centre #encadres #encadre3 {
	width:208px;
}
#centre #encadres #encadre3 .visuel {
	width:60px;
	float:left;
	margin:9px 0 0 7px;
	height: 120px
}


#centre #encadres #encadre3 a.parcours {
	margin:0;
	padding:0;
	cursor:pointer;
	width:208px;
	height:20px;
	background:url(../img/titres/parcourscertif.gif) top left no-repeat #f1ede4;
	display:block;
}
#centre #encadres #encadre3 a.parcours:hover {
	background:url(../img/titres/parcourscertif_survol.gif) top left no-repeat #f1ede4;
}


#centre #encadres #encadre3 .parcours {
	list-style:none;
	margin-top: 4px;
}
#centre #encadres #encadre3 .parcours li a {
	color:#524e44;
	font-weight:bold;
	font-size:9px;
	line-height:12px;
}