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

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



/*********************************/
/* CONTENEUR DE FAUSSES COLONNES */
/*********************************/
#fausses-colonnes {
	background:url(../img/fonds/fiches-fausses_colonnes.gif) repeat-y left;
	margin-top:9px;
}






/*****************/
/* COL DE GAUCHE */
/*****************/

#gauche {
	background-color:#dedede;
}

#gauche a.revenir-liste {
	margin:0;
	padding:0;
	cursor:pointer;
	width:257px;
	height:22px;
	background:url(../img/titres/revenir_liste_formations.gif) top left no-repeat #f1ede4;
	display:block;
	margin-top:8px;
}
#gauche a.revenir-liste:hover {
	width:257px;
	height:22px;
	background:url(../img/titres/revenir_liste_formations_roll.gif) top left no-repeat #f1ede4;
}

#gauche #autres {
	background:url(../img/pictos/seminaires-fleche-autres.gif) top left no-repeat;
}

#gauche #autres div {
	margin-left:20px;
	width:235px;
}

#gauche #autres .texte {
	padding-top:8px;
}
#gauche #autres .lien {
	padding-top:4px;
	padding-bottom:10px;
}
#gauche #autres .lien a {
	color:#645f53;
	font-weight:bold;
}






/* RECHERCHE DE FORMATION */
#gauche form.recherche {
	display:block;
	margin:0;
	padding:0;
	height:62px;
	background-color:#aaaaaa;
}
#gauche form fieldset {
	margin:0;
	padding:0;
	border:none;
	margin:0 auto;
	padding-top:7px;

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



/* AUTRES FORMATIONS */
#gauche #autres-formations {
	padding:10px 0 15px 0;
	width:244px;
}
#gauche #autres-formations .niveau-0 {
	background:url(../img/pictos/fiches-puce_formations.gif) top left no-repeat;
	margin-bottom:4px;
}
#gauche #autres-formations .niveau-0 a {
	color:#645f53;
	font-size:10px;
	margin-left:18px;
	display:block;
	font-weight:bold;
}






/* THEMES DE FORMATION */
#gauche #themes {
	width:244px;
	margin:15px 0 0 0;
}
#gauche .titre {
	height:20px;
	padding-left:18px;
	font-weight:bold;
	font-size:12px;
}
#gauche .titre a {
	color:#000;
}
#gauche .contenu a:hover {
	text-decoration:none;
}
#gauche .contenu .niveau-0 {
	background:url(../img/pictos/fiches-puce_formations.gif) top left no-repeat;
	margin-bottom:4px;
}
#gauche .contenu .niveau-0 a {
	color:#645f53;
	font-size:10px;
	margin-left:18px;
	display:block;
	font-weight:bold;
}
#gauche .contenu .niveau-0:hover {
	background-color:#FFF;
}
#gauche .contenu .niveau-0 a:hover {
	text-decoration:underline;
}
#gauche .contenu .niveau-0 .niveau-1 {
	position:absolute;
	background-color:#FFF;
	display:none;
	width:244px;
	padding-bottom:7px;
}
#gauche .contenu .niveau-0 .niveau-1 span {
	display:block;
	/*height:15px;*/
}
#gauche .contenu .niveau-0 .niveau-1 span:hover {
	background-color:#ee6c23;
}
#gauche .contenu .niveau-0 .niveau-1 a {
	color:#807458;
}
#gauche .contenu .niveau-0 .niveau-1 a:hover {
	color:#FFF;
}


/* INDUSTRIES */

#gauche #industries {
	width:244px;
	margin:5px 0 0 0;
}




/* AGENDA SEMINAIRES ATELIERS */

#gauche .agenda {
	border:1px solid #696969;
	background-color:#FFF;
	width:255px;
}
#gauche .agenda .contenu {
	padding:2px 5px 5px 15px;
}
#gauche .agenda .contenu .item h1 {
	margin:10px 0 2px 0;
	padding:0;
}
#gauche .agenda .contenu .item h2 {
	margin:0 0 10px 0;
	padding:0;
}
#gauche .agenda .contenu .item h1 a {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#828a91;
	font-weight:normal;
	line-height:95%;
}
#gauche .agenda .contenu .item h2 a {
	display:inline;
	color:#000;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#gauche .agenda .contenu .item {
	margin:5px 0;
	width:218px;
	padding:4px;
}
#gauche .agenda .contenu .item:hover {
	background-color:#e8eef2;
}

#gauche .agenda .contenu .separateur {
	width:225px;
	height:1px;
	color:#FFF;
	border-top:1px solid #dedede;
}
#gauche #themes  a.agenda-seminaires-ateliers {
	margin:0;
	padding:0;
	cursor:pointer;
	width:255px;
	height:25px;
	background:url(../img/titres/fiches-agenda-stages.gif) top left no-repeat;
	display:block;
}
#gauche #themes  a.agenda-seminaires-ateliers:hover {
	width:255px;
	height:25px;
	background:url(../img/titres/fiches-agenda-stages.gif) top left no-repeat;
}




/* CAROUSSEL */
#gauche #mois {
	height:23px;
	background:url(../img/fonds/fiche-bouton-rss.gif) top right no-repeat;
}
#gauche #mois ul {
	list-style-type:none;
	width:255px;
	margin:0;
	padding:0;
}
#gauche #mois ul li {
	height:23px;
	float:left;
	margin:0 1px 0 0;
	text-align:center;
	font-size:9px;
}
#gauche #mois ul li.sombre {
	background-color:#959595;
	width:40px;
	line-height:230%;
}
#gauche #mois ul li.clair {
	background-color:#aaaaaa;
	width:40px;
	line-height:230%;
}
#gauche #mois ul li a {
	color:#FFF;
	font-weight:bold;
}










/*****************************************/
/* CENTRE : DETAIL D'UNE FICHE FORMATION */
/*****************************************/

#detail {
	border:1px solid #a68f55;
	margin:6px 0 0 0;
	padding:10px 11px;
}


/* FIL D'ARIANE */
#detail #ariane {
	width:640px;
	height:20px;
	margin:0 auto;
	background-color:#f1eada;
	margin-bottom:10px;
}
#detail #ariane h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000;
	font-weight:normal;
	margin:0;
	padding:0;
	float:left;
	padding:4px 0 0 8px;
    text-transform:uppercase;
}
#detail #ariane .separateur {
	width:7px;
	height:20px;
	float:left;
}
#detail #ariane .separateur span.stage {
	background-color:#d9577b;
	display:block;
	height:20px;
}
#detail #ariane .separateur span.blanc {
	background-color:#FFF;
	display:block;
	height:20px;
}
#detail #ariane #navigation {
	float:right;
	background-color:#d9577b;
	height:20px;
}
#detail #ariane #navigation a {
	color:#FFF;
	font-weight:bold;
	font-size:10px;
	padding:3px 8px 0 14px;
	display:block;
}




/* TITRE */
#centre .titre {
	border-top:1px solid #d0c3a4;
	border-bottom:1px solid #d0c3a4;
	margin:1px 0 3px 0;
	padding:7px 0;
}
#centre .titre h1 {
	color:#a68f55;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	font-weight:normal;
	margin:0;
	padding:0;
}
#centre .titre h2 {
	font-size:10px;
	color:#645f53;
	font-weight:normal;
	margin:10px 0 0 0;
	padding:0;
}




/* FONCTIONANLITES */
#centre .fonctionnalites {
	list-style-type:none;
	float:right;
	margin:0;
	padding:0;
	margin-bottom:8px;
}
#centre .fonctionnalites li {
	float:left;
	background-color:#6686a0;
	height:14px;
	color:#FFF;
	padding:1px 6px 0 6px;
}
#centre .fonctionnalites li.actif {
	background-color:#ee6c23;
	height:14px;
	padding:1px 12px 0 12px;
	border-right:1px solid #FFF;
}
#centre .fonctionnalites li.separateur {
	border-right:1px solid #FFF;
}
#centre .fonctionnalites li a {
	color:#FFF;
	font-weight:bold;
}




/* CARTOUCHE */
#centre .cartouche {
	background-color:#f1eada;
	padding:8px;
	color:#645f53;
	margin-bottom:21px;
}
#centre .cartouche a {
	color:#6686a0;
	font-weight:bold;
}



/* RESUME PRODUIT */
#centre .resume {
	background-color:#807458;
	font-weight:bold;
	color:#FFF;
	line-height:200%;
	margin-bottom:12px;
	font-size:10px;
	padding:1px 6px;
}





/* ENCADRES */
#centre .encadres {
	border:1px solid #d0c3a4;
}
#centre .encadres .titre {
	background-color:#d0c3a4;
	margin:0;
	padding:0;
}
#centre .encadres .contenu  {
	color:#645f53;
	font-size:10px;
	padding:10px 18px;
	line-height:150%;
}


#centre #pedagogie #titre {
	height:23px;
	background:#f1eada;
	margin-top:15px;
}

#centre #pedagogie p {
	color:#645f53;
	margin-left:18px;
}
#centre #infos-complementaires  {
	margin-bottom:20px;
}
#centre #infos-complementaires #titre {
	height:23px;
	background:#f1eada;
	margin-top:15px;
}

#centre #infos-complementaires p {
	color:#645f53;
	margin-left:18px;
}










/***************************/
/* COLONNES D'INFORMATIONS */
/***************************/
#conteneur-colonnes {
	margin:28px 0;
	font-size:10px;
}

#conteneur-colonnes .boutons {
	list-style-type:none;
	margin:4px 0;
	padding:0;
}
#conteneur-colonnes .boutons li {
	float:left;
	background-color:#6686a0;
	height:14px;
	color:#FFF;
	padding:1px 6px 0 6px;
}
#conteneur-colonnes .boutons li.actif {
	background-color:#ee6c23;
	height:14px;
	padding:1px 12px 0 12px;
}
#conteneur-colonnes .bouton-suite a,
#conteneur-colonnes .bouton-suite-prix a,
#conteneur-colonnes .boutons li a {
	color:#FFF;
	font-weight:bold;
}
#conteneur-colonnes .bouton-suite-prix {
	background-color:#6686a0;
	height:14px;
	color:#FFF;
	padding:1px 6px 1px 6px;
}
#conteneur-colonnes .bouton-suite {
	background-color:#6686a0;
	height:14px;
	color:#FFF;
	padding:1px 6px 1px 6px;
	float:right;
	margin-right:15px;
}




/* COL 1 */
#conteneur-colonnes #colonne1 {
	float:left;
	width:365px;
	margin-right:13px;
}
#conteneur-colonnes #colonne1 .programme {
	border-bottom:1px solid #d0c3a4;
}
#conteneur-colonnes #colonne1 p {
	line-height:150%;
	margin:20px 20px 5px 20px;
	font-size:11px;
}
#conteneur-colonnes #colonne1 #suite {
	display:none;
}
#programme_complet {
    display:none;
}



/* COL 2 */
#conteneur-colonnes #colonne2 {
	float:left;
	width:253px;
	border-left:10px solid #e7eaea;
}
#conteneur-colonnes #colonne2 h1 {
	background-color:#807458;
	color:#FFF;
	font-size:10px;
	height:14px;
	padding-left:8px;
	margin:0 0 6px 0;
}
#conteneur-colonnes #colonne2 .info {
	margin:10px 0 8px 25px;
	color:#645f53;
}
#conteneur-colonnes #colonne2 .info .infobulle {
	color:#000;
	display:none;
	position:absolute;
	background-color:#e7eaea;
	border:1px solid #645f53;
	padding:5px;
	font-size:9px;
	margin-top:-40px;
}


#conteneur-colonnes #colonne2 .info .details {
	color:#645f53;
	display:block;
	clear:both;
	padding-top:5px;
}
#conteneur-colonnes #colonne2 .info .details .session {
	font-size:9px;
	font-weight:normal;
	clear:both;
	display:block;
	padding-top:4px;
}


#conteneur-colonnes #colonne2 .info a.date {
	color:#645f53;
}
#conteneur-colonnes #colonne2 .info a.date:hover {
	color:#ee6c23;
}


#conteneur-colonnes #colonne2 .info a.lien {
	color:#6686a0;
	font-weight:bold;
}
#conteneur-colonnes #colonne2 .dernier {
	margin:10px 0 0 25px;
}
#conteneur-colonnes #colonne2 .declinaison {
	margin:12px 0 0 0;
	border-top:13px solid #d0c3a4;
}
#conteneur-colonnes #colonne2 .declinaison p,
#conteneur-colonnes #colonne2 .declinaison ul {
	padding-left:25px;
	display:block;
}
#conteneur-colonnes #colonne2 .info span.prix {
	color:#ee6c23;
	font-size:18px;
}
#conteneur-colonnes #colonne2 .info span.ht {
	font-size:18px;
}









/* STYLES GENERAUX */
.nouveau {
	display:block;
	width:56px;
	height:13px;
	background-color:#ee6c23;
	color:#FFF;
	font-weight:bold;
	font-size:9px;
	text-align:center;
}