﻿body
{
	margin: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7e7e7e;
	background-color: #fff;
}

#divFondGeneral, #ctl00_divFondGeneral
{
	clear: both;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	background: no-repeat #fff;
	height: auto;
	background-position: center top;
}

#divGeneral
{
	clear: both;
	width: 784px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	position:relative;
	z-index:4;
}

#divEncartCampagne
{
	float: left;
	height: 100px;
	width: 784px;
}

#divBan
{
	clear: both;
	width: 784px;
	height: 149px;
	float: left;
	background-image: url(../images/ban_fond.jpg);
}

#divBanGauche
{
	clear: both;
	width: 250px;
	height: 100px;
	float: left;
}
#divBanDroite
{
	width: 516px;
	height: auto;
	float: right;
}


#divMenu
{
	clear: both;
	width: 780px;
	margin-left: 0px;
	margin-top: 0px;
	height: 17px;
	position:absolute;
	z-index: 10;
	font-size: 11px;
	top:217px;
	left:0px;	
}

#divBanImage
{
	clear: both;
	width: 514px;
	margin-left: 0px;
	margin-top: 2px;
	height: 80px;
	float: left;
	position: relative;
}
#divBanOutils
{
	clear: both;
	width: 504px;
	height: 36px;
	line-height: 36px;
	text-align: right;
	margin-right: 10px;
	margin-left: 0px;
	float: left;
	position: relative;
	font-size: 9px;
}


#divHomeContenu
{
	padding: 0 2px 40px 2px;
	width: 780px;
	min-height: 451px;
	height: auto;
	overflow: auto;
	clear: both;
	background-image: url(../images/fond_pageIndex.png);
	position:relative;
	z-index:3;
}

#divHomeContenuHaut
{
	float: left;
	width: 780px;
	margin-top: 0px;
	height: 340px;
	background-image: url(../images/fond_flash_middle.jpg);
	position:relative;
	z-index:1;
}
#divHomeContenuHautGauche
{
	float: left;
	width: 596px;
	height: auto;
	position:relative;
	z-index:1;
}
#divHomeContenuHautDroite
{
	float: left;
	margin: 10px 0 0 2px;
	width: 182px;
	height: auto;
}

#divContenu
{
	padding: 0 2px 40px 2px;
	width: 780px;
	min-height: 451px;
	clear: both;
	height: auto;
	overflow: auto;
	background-image: url(../images/fond_page.png);
}
#divContenu1Colonne
{
	padding: 20px 2px 40px 2px;
	width: 780px;
	min-height: 451px;
	clear: both;
	height: auto;
	overflow: auto;
	background: #fff;
	background-image: url(../images/fond_pageIndex.png);
}
#divContenuGauche
{
	width: 541px;
	min-height: 450px;
	float: left;
	padding: 20px 15px;
	height: auto;
	overflow: auto;
}

#divContenuDroite
{
	width: 179px;
	min-height: 450px;
	padding: 23px 14px 20px 14px;
	float: right;
	background-image: url(../images/fond_page_contenu_droite.jpg);
	background-repeat: repeat-x;
}

#divHomeContenuVignettes
{
	float: left;
	width: 760px;
	margin: 30px 10px 10px 10px;
	height: 246px;
}
#divHomeContenuBref
{
	float: left;
	width: 760px;
	margin: 0px 10px 0 10px;
	height: auto;
}

.classVignettePrune
{
	float: left;
	width: 172px;
	margin: 0px 9px;
	height: 230px;
	background-image: url(../images/vignette_prune.jpg);
	position: relative;
}
.classVignetteBleu
{
	float: left;
	width: 172px;
	margin: 0px 9px;
	height: 230px;
	background-image: url(../images/vignette_bleue.jpg);
}
/*sert à l'affichage réduit dans la page catalogue*/
.classVignetteBleuCatalogue
{
	float: left;
	width: 172px;
	margin: 10px 4px;
	height: 230px;
	background-image: url(../images/vignette_bleue.jpg);
}
.classVignetteGris
{
	float: left;
	width: 172px;
	margin: 0px 9px;
	height: 230px;
	background-image: url(../images/vignette_grise.jpg);
}
.classVignetteVert
{
	float: left;
	width: 172px;
	margin: 0px 9px;
	height: 230px;
	background-image: url(../images/vignette_verte.jpg);
}
.classVignetteJaune
{
	float: left;
	width: 172px;
	margin: 0px 9px;
	height: 230px;
	background-image: url(../images/vignette_jaune.jpg);
}
.classVignetteViolet
{
	float: left;
	width: 172px;
	margin: 0px 9px;
	height: 230px;
	background-image: url(../images/vignette_violet.jpg);
}

.classVignetteTitre
{
	float: left;
	width: 162px;
	color: #FFF;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	margin: 0 0 0 10px;
}
.classVignetteImage
{
	float: left;
	width: 172px;
	color: #FFF;
	font-weight: bold;
	height: 116px;
	margin: 1px 0 0 2px;
	position: relative;
	overflow: hidden;
}

/* MINI CV -------------------------------------------*/
.classMiniCvG
{
	clear: both;
	float: left;
	width: 314px;
	height: 195px;
	background-image: url(../images/fond_mini_cv.jpg);
	margin-right: 50px;
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 14px;
	margin-top: 15px;
}

.classMiniCvD
{
	float: left;
	width: 314px;
	height: 195px;
	background-image: url(../images/fond_mini_cv.jpg);
	padding-left: 10px;
	padding-top: 14px;
	margin-top: 15px;
}

.classMiniCvFoto
{
	float: left;
	width: 90px;
	height: 90px;
	background-color: #dddddd;
}

.classMiniCvTexte
{
	float: left;
	margin-left: 14px;
	margin-top: 2px;
	width: 190px;
	height: 85px;
	text-align: justify;
	font-size: 11px;
}
.miniCVTitre
{
	font-size: 12px;
	font-weight: bold;
	color: #aa0052;
}
.miniCV
{
	font-size: 10px;
	font-weight: bold;
}
.miniCVExperience
{
	font-size: 10px;
	font-style: italic;
}
/* ----------------------------------------------------*/

.flash
{
	width: 172px;
	height: 116px;
	margin: 1px 0 0 2px;
	position: absolute;
	z-index: 1;
}
.lienVignette
{
	display: block;
	width: 172px;
	height: 116px;
	margin: 1px 0 0 2px;
	position: absolute;
	z-index: 10;
}
.classVignetteTexte
{
	float: left;
	width: 160px;
	color: #7e7e7e;
	height: 69px;
	line-height: 14px;
	margin: 6px 6px 0 6px;
	text-align: justify;
	overflow: hidden;
}
/*liens sur la description des vignettes*/
.classVignetteTexte a:link, .classVignetteTexte a:visited, .classVignetteTexte a:active, .classVignetteTexte a:hover
{
	text-decoration: none;
	color: #7e7e7e;
}
/*liens sur le titre des vignettes*/
.classVignetteTitre a:link, .classVignetteTitre a:visited, .classVignetteTitre a:active, .classVignetteTitre a:hover
{
	text-decoration: none;
	color: #fff;
}
.classBref
{
	float: left;
	width: 220px;
	height: auto;
	text-align: justify;
}
.classBrefTitre
{
	float: left;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	height: 19px;
	line-height: 16px;
	width: 220px;
	margin-bottom: 10px;
}
.classSepBref
{
	width: 220px;
	height: 1px;
	background-image: url(../images/enbref_sep.gif);
	margin: 15px 0px 10px 0px;
}


#divBandeauBas
{
	width: 784px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #bfbfbf;
	clear: both;
	background-image: url(../images/fond_bas_page.jpg);
	background-repeat: no-repeat;
}

#divTitrePage
{
	width: 350px;
	float: left;
}
#divOutilPage
{
	text-align: right;
	height: 35px;
	line-height: 35px;
}
#divTextePage
{
	width: 531px;
	float: left;
}

#divBlocRechercheFormationTitre
{
	width: 176px;
	float: left;
	background-color: #28bcea;
	height: 17px;
	line-height: 17px;
	border-bottom: solid 1px #fff;
	color: #FFF;
	text-align: center;
}

#divBlocRechercheFormationContenu
{
	width: 156px;
	height: auto;
	padding: 10px;
	float: left;
	background-color: #a0e1f5;
	margin-bottom: 20px;
}

#divBlocNuageTagTitre
{
	width: 176px;
	float: left;
	background-color: #7d7d7d;
	height: 17px;
	line-height: 17px;
	border-bottom: solid 1px #fff;
	color: #FFF;
	text-align: center;
}

#divBlocNuageTagContenu
{
	width: 156px;
	height: auto;
	padding: 10px;
	float: left;
	background-color: #eee;
	margin-bottom: 20px;
	text-align: center;
}

#divBlocNosClientsTitre
{
	width: 176px;
	float: left;
	background-color: #aa0052;
	height: 17px;
	line-height: 17px;
	border-bottom: solid 1px #fff;
	color: #FFF;
	text-align: center;
}

#divBlocNosClientsContenu
{
	width: 156px;
	height: auto;
	padding: 10px;
	float: left;
	background-color: #f6e5ed;
	margin-bottom: 20px;
}
.flottant
{
	float: right;
	margin: 0 0 15px 30px;
}
.noMarginTop
{
	margin-top: 0;
}

/*Historiques informations*/
.itemHistorique
{
	padding: 4px 0;
}
.lienHistorique:link, .lienHistorique:visited, .lienHistorique:active, .lienHistorique:hover
{
	text-decoration: none;
}
.encart
{
	margin-bottom: 15px;
}
/*Popup modales*/
.modalBackground
{
	background-color: Black;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.modalPopup
{
	background-color: #ffffff;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 10px;
	width: 350px;
	height: auto;
	position: relative;
	z-index: 50;
}

/******************************* PRESSE *******************************************/
/* element contenant toute la photo */
.conteneurGalerie
{
	width: 140px;
	height: 140px; /*background-image: url(../images/vignette_fond.png);*/
	float: left;
	padding-left: 8px;
	padding-top: 8px;
	margin: 10px;
	margin-bottom: 20px;
	margin: 0 15px;
}

/* element contenant la photo cropée */
.conteneurPhoto
{
	width: 140px;
	height: 140px;
	overflow: hidden;
}

/*photo contenue dans la galerie*/
.photo
{
	width: 140px;
	height: 140px;
}
/* lien sur la photo de la galerie */
.photoGalerie
{
	display: block;
	width: 140px;
	height: 140px;
}
.photoGalerie img
{
	padding: 0px;
	float: left;
	border: none;
	filter: progid:DXImageTransform.Microsoft.Gray(opacity=100);
	-moz-opacity: 1;
}
.photoGalerie:link
{
	color: #000000;
	text-decoration: none;
}
.photoGalerie:visited
{
	color: #000000;
	text-decoration: none;
}
.photoGalerie:active
{
	color: #000000;
	text-decoration: none;
}
.photoGalerie:hover img
{
	filter: progid:DXImageTransform.Microsoft.Gray(opacity=100);
	-moz-opacity: 0.7;
}



.classConfHAGauche
{
	clear: both;
	float: left;
	width: 500px;
	margin-right: 20px;
}
.classConfHADroite
{
	float: right;
	width: 210px;
}
.classConfHAFull
{
	clear: both;
	float: left;
	width: 750px;
}

.classConfHAContenu
{
	clear: both;
	width: 740px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.classConfHAIntervenants
{
	float: left;
	width: 210px;
	height: 68px;
	background-image: url(../images/confHA-fond_intervenant.jpg);
	margin-right: 20px;
	padding-top: 15px;
	padding-left: 17px;
}
.classConfHAIntervenants_Nom
{
	font-size: 13px;
	color: #28bcea;
}
.classConfHAIntervenants_Fct
{
	font-size: 11px;
	color: #aa0052;
	font-style: italic;
}
.classConfHAIntervenants_Ste
{
	font-size: 10px;
	color: #555555;
}
.classConfHAIntervenants_Pdf
{
	font-size: 11px;
	color: #555555;
	line-height: 20px;
}

.classConfHAPartners_logo
{
	clear: both;
	float: left;
	width: 130px;
	height: 68px;
	background-image: url(../images/confHA-fond_partner.jpg);
	margin-right: 20px;
	margin-left: 100px;
}
.classConfHAPartners_txt
{
	float: left;
	width: 350px;
	padding-top: 5px;
}
.classConfHAPartners_sep
{
	clear: both;
	width: 600px;
	height: 25px;
	display: block;
}
.classConfHABd_logo
{
	clear: both;
	float: left;
	width: 186px;
	height: 168px;
	background-image: url(../images/etiquette-fond-bd.jpg);
	margin-right: 15px;
	margin-left: 15px;
	padding:12px 0 0 12px;
}
.classConfHABd_txt
{
	float: left;
	width: 460px;
	padding-top: 5px;
}
.classConfHABd_sep
{
	clear: both;
	width: 600px;
	height: 25px;
	display: block;
}