@charset "utf-8";



/****************************************************************************/
/*                            CSS GENERIQUES                                */
/****************************************************************************/
* { margin:0; padding:0; }

body {
	background:#79ceee url(../images/background.jpg) repeat-x 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
}

img { border:none; }

ul {

}

.clear {
	height:1px;
	width:1px; 
	clear:both;
}

/* Les titres */
h1, h2, h3, h4, h5 { margin:0; padding:0; }
h1 { font-size:1.8em; color:#1a507f; font-weight:bold; }
h1 span { color:#fff; }
h2 { font-size:1.6em; color:#fff; font-weight:normal; }
h3 { font-size:1.5em; color:#fff; font-weight:bold; letter-spacing:3px; }
h4 { font-size:1.4em; color:#fff; font-weight:bold; text-transform:none; padding-bottom:5px; }
h5 {font-weight:bold; font-size:1.5em; color:#1a507f; text-transform:none; padding-bottom:8px; letter-spacing:1px; }

h2 a, h3 a, h4 a { text-decoration:none; color:#fff;}
h5 a {color:#1a507f; text-decoration:none; }

.contenu_detail h1, .contenu_detail h2, .contenu_detail h3, .contenu_detail h4 {
	padding:10px 0 2px 0;
}

/* Les boutons */
.bouton {
	background:url(../images/boutons/btn-bleu-left.gif) no-repeat 0 0;
	float:left;
	padding:0 0 0 9px;
	clear:both;
	margin:10px 0;
}
.bouton .wrapper {
	background:url(../images/boutons/btn-bleu-right.gif) no-repeat right 0;
	float:left;
	padding:0 9px 0 0;
}
.bouton a {
	background:url(../images/boutons/btn-bleu-bg.gif) repeat-x 0 0;
	float:left;
	color:#fff;
	font-size:1.1em;
	text-decoration:none;
	padding:0 5px 6px 0;
}
/*~ Bouton Orange ~*/
.bouton.orange {
	background:url(../images/boutons/btn-orange-left.gif) no-repeat 0 0;
}
.bouton.orange .wrapper {
	background:url(../images/boutons/btn-orange-right.gif) no-repeat right 0;
}
.bouton.orange a {
	background:url(../images/boutons/btn-orange-bg.gif) repeat-x 0 0;
	color:#000000;
	font-weight:bold;
}

/****************************************************************************/
/*                               CSS PAGES                                  */
/****************************************************************************/
/* PAGE */
#page {
	width:1000px;
	margin:0 auto;
}

/* COLONNE GAUCHE */
#page #col_gauche {
	float:left;
	padding:10px 15px!important;
	*padding:10px 14px 10px 14px;
	width:211px;
	background:url(../images/navigation_bg.jpg) no-repeat 0 0;
}



/* Logo */
#col_gauche #logo {
	width:213px;
	border-bottom:1px solid #6fbed7;
	padding-bottom:30px;
}

/* Navigation */
#col_gauche #navigation {
	width:213px;
}
#navigation li {
	border-bottom:1px solid #6fbed7;
	padding:5px 0;
}
#navigation li a{
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
	color:#1a507f;
	text-decoration:none;
	background:url(../images/pictos/picto_nav.gif) no-repeat 10px 3px;
	display:block;
	padding:0 15px 0 30px;
}

#navigation ul {
	list-style:none;
	margin:0;
	padding:0;
}

#navigation li.actif a,
#navigation li ul li.actif a,
#navigation li a:hover {
	color:#36b2d1;
}
#navigation li ul li {
	border:none;
	padding:2px 5px 2px 0;
	margin-left:30px;
}
#navigation li ul li a {
	background:none;
	text-transform:none;
	padding:0;
	
	display:inline;
}
#navigation li.actif ul li a {
	color:#1a507f;
}
#navigation li.actif ul li.actif a,
#navigation li.actif ul li a:hover {
	color:#ffad18;
}

/* Coordonnées */
#col_gauche .coordonnees {
	padding:60px 5px 0;
	text-align:right;
}
.coordonnees p {
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	letter-spacing:4px;
}
.coordonnees p.numero {
	padding-top:20px;
	color:#1a507f;
	font-size:1.2em;
}
.coordonnees p.agrement {
	padding-top:5px;
	padding-right:5px;
	color:#fff;
	font-size:10px;
	letter-spacing:normal;
	text-transform:none;
}



/* COLONNE DROITE */
#page #col_droite {
	float:left;
	width:759px!important;
	*width:757px;
}

/* Villes */
#col_droite #villes {
	padding-top:40px;
}
#col_droite #villes li {
	display:inline;
	padding:0 57px;
	*padding:0 55px;
	text-transform:uppercase;
	color:#a2a2a2;
	letter-spacing:3px;
	font-weight:bold;
}

/* Fil d'ariane */
#col_droite #fil_ariane {
	padding-top:25px;
}
#fil_ariane  { 
	color:#fff; 
	padding-right:5px;
	font-size:1.2em;
}
#fil_ariane a {
	color:#1a507f;
	text-decoration:underline;	
}
#fil_ariane a:hover {
	text-decoration:none;
}
#fil_ariane .B_firstCrumb {
	background:url(../images/pictos/picto_home.gif) no-repeat 0 2px;
	padding-left:15px;
}

/* Contener */
#col_droite #contener {
	background:url(../images/deco-haut.jpg) no-repeat 0 0;
	width:759px;
}
#col_droite #contener .wrapper_2 {
	background:url(../images/deco_bas.jpg) no-repeat right bottom;
	min-height:570px;
	height:auto!important;
	*height:570px;
	width:759px;
}

/** Intro **/
#contener .intro {
	padding:0 10px;
}

#conter .intro p {
	font-size:1.2em;
}

#contener .intro_listing {
	padding:15px 20px 15px 50px;
	font-size:1.2em;

}

#contener .intro ul {margin:5px 15px;}

#contener .intro h1 {
	padding:25px 0 10px 30px;
	font-size:2.3em;
}
#contener .intro h2 {
	padding:10px 10px 0 145px;
}
#contener .intro p {
	padding:10px 10px 0 145px;
	font-size:1.3em;
	color:#1a507f;
}
#contener p.blanc {
	color:#fff!important;
	font-size:1.3em;
}
#contener .intro .bouton {
	float:right;
	margin-top:5px;
}

#contener .intro img {
	padding:2px 10px;
}

/** Blocs **/
#contener .blocs {
	margin-top:10px;
}
.blocs li a {
	font-weight:bold;
	font-size:1.2em;
	color:#fff;
	text-decoration:none;
}
.blocs li a:hover {
	text-decoration:underline;
}

/*~ Orange ~*/
#contener .blocs .bloc_orange {
	background:url(../images/bloc/bloc_orange_top.jpg) no-repeat 0 0;
	width:245px;
	float:left;
	margin-right:10px;
}
.blocs .bloc_orange h2 {
	padding:14px 0 0 15px;
}
.blocs .bloc_orange .wrapper {
	background:url(../images/bloc/bloc_orange_bottom.jpg) no-repeat 0 bottom;
	padding-bottom:10px;
}


.blocs .bloc_orange ul {
	background:url(../images/bloc/bloc_orange_bg.jpg) repeat-y 0 0;
	padding:10px 15px;
	height:120px;

	list-style:none;
	margin:0;
	
}
.blocs .bloc_orange li {
	background:url(../images/bloc/picto_orange_li.jpg) no-repeat 0 1px;
	padding-left:15px;
	padding-bottom:5px;
}

/*~ Violet ~*/
.blocs .bloc_violet {
	background:url(../images/bloc/bloc_violet_top.jpg) no-repeat 0 0;
	width:245px;
	float:left;
	margin-right:10px;
}
.blocs .bloc_violet h2 {
	padding:15px 0 0 15px;
}
.blocs .bloc_violet .wrapper {
	background:url(../images/bloc/bloc_violet_bottom.jpg) no-repeat 0 bottom;
	padding-bottom:10px;
}
.blocs .bloc_violet ul {
	background:url(../images/bloc/bloc_violet_bg.jpg) repeat-y 0 0;
	padding:10px 15px;
	height:120px;
	list-style:none;
	margin:0;

}
.blocs .bloc_violet li {
	background:url(../images/bloc/picto_violet_li.jpg) no-repeat 0 1px;
	padding-left:15px;
	padding-bottom:5px;
}

/*~ Rose ~*/
.blocs .bloc_rose {
	background:url(../images/bloc/bloc_rose_top.jpg) no-repeat 0 0;
	width:245px;
	float:left;
}
.blocs .bloc_rose h2 {
	padding:14px 0 0 14px;
}
.blocs .bloc_rose .wrapper {
	background:url(../images/bloc/bloc_rose_bottom.jpg) no-repeat 0 bottom;
	padding-bottom:10px;
}
.blocs .bloc_rose ul {
	background:url(../images/bloc/bloc_rose_bg.jpg) repeat-y 0 0;
	padding:10px 15px;
	height:120px;
	
	list-style:none;
	margin:0;
	
}
.blocs .bloc_rose li {
	background:url(../images/bloc/picto_rose_li.jpg) no-repeat 0 1px;
	padding-left:15px;
	padding-bottom:5px;
}


/** Téléchargements & Actualités **/
#contener #telechargement_actu {
	padding:20px 0 0 0;
	margin-top:20px;
	background:url(../images/vague_bas.png) no-repeat 0 0!important;
	*background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/vague_bas.png", sizingMethod="crop");
	float:left;
	width:759px;
}
/*~ Téléchargements ~*/
#contener .telechargements {
	width:300px;
	padding-top:70px;
	float:left;
	margin-right:48px;
}
#contener .telechargements li {
	float:left;
	width:100px;
	text-align:center;
}

#contener .telechargements ul { list-style:none;}

#contener .telechargements li a {
	color:#1a507f;
	font-weight:bold;
	text-decoration:none;
	font-size:1.1em;
}
#contener .telechargements li a:hover {
	text-decoration:underline;
}

/*~ Actualités ~*/
#telechargement_actu .actualites {
	float:left;
	padding-top:20px;
	width:235px;
}
#telechargement_actu .actualites h3 {
	border-bottom:1px dotted #a1ddf3;
	padding-bottom:5px;
	margin-bottom:5px;
}
#telechargement_actu .actualites p.date,
#contener .listing .actus p.date,
#contener .contenu_detail p.date {
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:3px;
}
#telechargement_actu .actualites .texte,
#contener .listing .actus .texte,
#contener .contenu_detail .texte,
#contener .listing_encadre .actus .texte {
	font-size:1.2em;
	color:#000;
}

#contener .contenu_detail p {margin:10px 0;}


#telechargement_actu .actualites .bouton,
#contener .listing .actus .bouton,
#contener .contenu_detail .bouton {
	float:right;
}


/* Référencements */
#referencement {
	background:url(../images/referencement_top.jpg) no-repeat 0 0;
	width:707px;
	margin:20px auto;
	padding-top:12px;
}
#referencement .contenu {
	background-color:#88d4f0;
	padding:0 10px;
}

#referencement .contenu .bloc {
	float:left;
	width:220px;
	padding-right:9px;
}

#referencement .contenu .bloc h2 {
	font-weight:bold;
	font-size:12px;
}

#referencement .contenu ul {
	list-style:none;
	margin:0;
	padding:0;
}

#referencement .contenu li strong {
	font-size:1.2em;
	color:#fff;
}
#referencement .contenu li a {
	color:#fff;
	text-decoration:none;
}
#referencement .contenu li a:hover {
	text-decoration:underline;
}

/* Listing */
#contener .listing {
	padding-top:50px;
	padding-left:90px;
}
#contener .listing .actus {
	display:inline-block;
	padding-bottom:20px;
}
#contener .listing .actus .gauche {
	float:left;
	width:185px;
}
#contener .listing .actus .gauche img {
	border:1px solid #fff;
}
#contener .listing .actus .droite {
	/* float:left;
	width:480px; */
}
#contener .listing .actus h4,
#contener .contenu_detail h4 {
	border-bottom:1px dotted #a1ddf3;
	padding-bottom:5px;
	margin-bottom:5px;
}

/* Listing 2 'encadrés' */
#contener .listing_encadre {
	padding:20px 0 0 15px;
	float:left;
	width:744px;
}
#contener .listing_encadre .ligne {
	float:left;
	padding-bottom:30px;
	width:744px;
}
#contener .listing_encadre .actus {
	width:214px;
	background:url(../images/encadre_haut.jpg) no-repeat 0 0;
	float:left;
	padding-top:12px;
	margin:0 17px 20px 17px;
	*margin:0 12px 20px 17px;
}
#contener .listing_encadre .actus .wrapper {
	background:url(../images/encadre_bas.jpg) no-repeat 0 bottom;
	float:left;
	width:214px;
	padding-bottom:10px;
}
#contener .listing_encadre .actus .content {
	width:192px;
	height:170px;	
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	float:left;
	padding:0 10px;
}
#contener .listing_encadre .actus .content p.suite {
	text-align:right;
	padding-top:5px;
}
#contener .listing_encadre .actus .content p.suite a{
	background:url(../images/pictos/picto_link.gif) no-repeat 0 3px;
	padding-left:15px;
	color:#1a507f;
	font-weight:bold;
	font-size:1.2em;
	text-decoration:none;
}
#contener .listing_encadre .actus .content p.suite a:hover {
	text-decoration:underline;
}

/* Pagination */

#contener .vague_bas ul {list-style:none; margin:0; padding:0}

#contener .vague_bas {
	background:url(../images/vague_bas.png) no-repeat 0 0!important;
	*background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/vague_bas.png", sizingMethod="crop");
	float:left;
	padding:40px 0 32px 0;
	width:729px;
	margin-left:30px!important;
	*margin-left:15px;
}
#contener .vague_bas .bouton { 
	float:right;
	margin-bottom:5px;
}
#contener .vague_bas .pagination {
	float:right;
	padding-right:10px;
}
#contener .vague_bas .pagination span {
	float:left;
	padding:0 2px;
}
#contener .vague_bas .pagination span a,
#contener .vague_bas .pagination span.ditto_currentpage
 {
	color:#1a507f;
	background:#c1e8f7;
	display:block;
	width:17px;
	text-align:center;
	padding:1px 0;
	text-decoration:none;
}



#contener .vague_bas .pagination span a:hover,
#contener .vague_bas .pagination span.ditto_currentpage,
#contener .vague_bas .pagination span.on a {
	background:#1a507f;
	color:#fff;
	font-weight:bold;
}

#contener .vague_bas .pagination span.suite a {
	background:none;
	width:auto;
	padding:0;
} 
#contener .vague_bas .pagination span.suite a img {
	padding:0;
	border:none;
	margin-right:0;
}
#contener .vague_bas .telechargements {
	padding-top:30px;
	*padding-top:45px;
}


/* Contenu détaillé */
#contener .contenu_detail {
	padding-left:40px;
	padding-top:40px;
	width:719px;

}
#contener .contenu_detail .gauche {
	float:left;
	width:240px;
}
#contener .contenu_detail img {

	border:0px solid #fff;
	margin:2px 10px;

}
#contener .contenu_detail .droite {
	float:left;
	width:479px;
}
#contener .contenu_detail p.texte {
	padding-bottom:15px;

}
#contener .contenu_detail p.date {
	padding-bottom:10px;
}

#contener .contenu_detail ul {margin:10px 0 10px 25px; list-style-position:inside;}
#contener .contenu_detail ul li {margin-left:10px; padding:1px 0;}

/* Double colonne - Page détail de la formation */

/** Colonne de gauche - Blocs **/
#contener .col_gauche {
	float:left;
	width:150px;
	padding-top:120px;
	padding-left:20px;
}

/*~ Bloc citations ~*/
#contener .col_gauche .bloc_citations {
	background:url(../images/bloc_citation_haut.gif) no-repeat 0 0;
	width:140px;
	padding-top:10px;
	margin-bottom:25px;
}
#contener .col_gauche .bloc_citations .wrapper_3 {
	background:#a1ddf3 url(../images/bloc_citation_bas.gif) no-repeat 0 bottom;
	width:140px;
	padding-bottom:10px;
}
#contener .col_gauche .bloc_citations p {
	padding:0 5px;
	text-align:center;
	font-size:1.2em;
	color:#1a507f;
}

/*~ Bloc Publics et Sessions ~*/
#contener .col_gauche .bloc_publics_sessions {
	width:140px;
	background:url(../images/bloc_session_haut.gif) no-repeat 0 0;
	margin-top:10px;
	padding-top:10px;
}
#contener .col_gauche .bloc_publics_sessions .wrapper_3 {
	background:#5ab7da url(../images/bloc_session_bas.gif) no-repeat 0 bottom;
	width:140px;
	padding-bottom:10px;
}

#contener .col_gauche .bloc_citations .wrapper_3 ul,
#contener .col_gauche .bloc_publics_sessions .wrapper_3 ul {
	list-style-type:none;
}

#contener .col_gauche .bloc_publics_sessions p.titre {
	text-align:center;
	color:#1a507f;
	font-weight:bold;
	font-size:1.2em;
	text-transform:uppercase;
	border-bottom:1px dotted #8ccde5;
	margin:0 10px;
	padding-bottom:5px;
}
#contener .col_gauche .bloc_publics_sessions li {
	background:url(../images/pictos/picto_rond.gif) no-repeat 0 7px;
	padding:5px 0 0 15px;
	margin:0 20px;
	font-weight:bold;
	color:#fff;	
	font-size:1.2em;	
}
#contener .col_gauche .bloc_publics_sessions li a {
	text-decoration:none;
}

/** Colonne de droite - Contenu de la formation **/
#contener .col_droite {
	float:left;
	width:589px;
	padding-top:30px;
}

/*~ Sous navigation ~*/
#contener .col_droite .sous_navigation {
	background:url(../images/ss_navigation_bg.gif) no-repeat 0 0;
	width:574px;
	text-align:center;
}
#contener .col_droite .sous_navigation li {
	display:inline;
	padding:0 5px 0 10px;
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:bold;
	line-height:28px;
	background:url(../images/pictos/separateur.gif) left no-repeat;
}

#contener .col_droite .sous_navigation li.first {
	background:none;
}

#contener .col_droite .sous_navigation li a {
	color:#1a507f;
	text-decoration:underline;
}
#contener .col_droite .sous_navigation li.actif a {
	color:#36b2d1;
}
#contener .col_droite .sous_navigation li a:hover {
	text-decoration:underline;
}

/*~ Contenu de la formation ~*/
#contener .col_droite .content {
	width:569px;
	font-size:1.2em;
	padding:20px 0 0 20px;
}

#col_droite #contener .intro ul {margin:10px 0 10px 180px;}
#col_droite #contener .intro li {
	font-size:1.3em;
	color: #1a507f;
	margin:5px 0;
}

#contener .col_droite ul {margin:5px 0;}
#contener .col_droite ul li {margin:4px 0;}

#contener .col_droite .content h5 {
	color:#fff;
	border-bottom:1px dotted #a1ddf3;
	margin-bottom:10px;
	padding-top:15px;
}
#contener .col_droite .content p {
	color:#1a507f;
	padding-bottom:10px;
}

/* FOOTER */
#footer {
	text-align:center;
	padding-bottom:10px;
	width:759px;
}
#footer li {
	display:inline;
	color:#e4f5fc;
	padding:0 2px;
	font-size:1.2em;
}
#footer li a {
	color:#e4f5fc;
	text-decoration:underline;
}
#footer li a:hover {
	text-decoration:none;
}
#footer li img {
	vertical-align:text-bottom;
}

.titre_formation {
	padding:0 10px 20px 10px;
}

/* mise en page specifique a tinymce */
#tinymce p {margin:0 0 15px 0;}
.mceContentBody { text-align:left;  padding:5px; background-image:none; font-size:12px;} 

.plan {padding:3px 5px;}
.plan a { text-transform:none; font-size:10px; color:#1a507f; text-decoration:underline; letter-spacing:normal;}

#contener .content table {margin:10px 0;}

#contener .content table td{
	border:1px solid #000066;
	padding:3px 6px;
	margin:0;
}

.newsletter_abo {margin:15px 15px; font-size:12px; color:#1a507f}
.newsletter_abo #ehlutk-ehlutk {width:70px;}
.newsletter_abo p {margin:5px 0; font-size:11px;}