.cache {
	position: absolute;
	left: 0;
	display: none;
	top: -5000px;}

body {
	margin: 0px 0px 0px 0px; 
	padding: 0px;
	font-family: Arial, Verdana, sans-serif; font-size: 11px; 	font-style: normal; line-height: normal; font-weight: normal; 
	background: url(images/bodyf.gif) 50% 145px no-repeat; 
	}

img {
	/* Supprime la bordure de toutes les images du document */
	border-width: 0;
	border-style: none;}

.guillemetG {
	padding-left: 17px;
	background: url(images/guillemetG.gif) 0 0 no-repeat;}

.guillemet2G {
	color: #2D2D2D; 
	font-size: 150%; 

	padding: 0px 2px 0px 15px;
	margin: 0px;
	vertical-align: 0px;}

.guillemet2D {
	color: #2D2D2D; 
	font-size: 150%; 
	padding: 0px 0px 0px 3px; 
	margin: 0px;
	vertical-align: -10px;}

.guillemetD {
	padding: 0px 19px 7px 0px;
	background: url(images/guillemetD.gif) 10px 7px no-repeat;}

.guillemetDgrand {
	/* background-color: yellow; */
	padding: 0px 18px 2px 0px;
	background: url(images/guillemetD.gif) bottom right no-repeat;}

.guillemetGgrand {
	/* background-color: yellow; */
	padding: 0px 0px 0px 18px;
	background: url(images/guillemetG.gif) top left no-repeat;}

.guillemetGB {
	padding-left: 17px;
	background: url(images/guillemetGB.gif) 0 0 no-repeat;}


.guillemetDB {
	padding: 0px 19px 7px 0px;
	background: url(images/guillemetDB.gif) 10px 7px no-repeat;}

.cercle {
	padding: 1px 15px 5px 5px;
	color: #fff;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 12px; 	
	font-style: normal; line-height: normal; 
	font-weight: bold; 
	background: url(images/cercle.gif) top left no-repeat;}

.cercle2 {
	padding: 1px 15px 5px 5px;
	color: #fff;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 12px; 	
	font-style: normal; line-height: normal; 
	font-weight: bold; 
	background: url(images/cercle2.gif) top left no-repeat;}

/********************************************************************************** CADRE 4 ANGLES ARRONDIS - Hauteur et Largeur variables          **********************************************************************/
.cadre {
	width: 100%;
	background-color: #6862A4;}

.cadrehautgauche {
height: 15px; width: 15px;
background-repeat: no-repeat;
font-size:1px;
background-image: url(images/hautgauche.gif);}

.cadrehautdroit {
height: 15px; width: 15px;
background-repeat: no-repeat;
font-size:1px;
float: right;
background-image: url(images/hautdroit.gif);}

.cadrebasgauche {
height: 15px; width: 15px;
background-repeat: no-repeat;
font-size:1px;
background-image: url(images/basgauche.gif);}

.cadrebasdroit {
height: 15px; width: 15px;
background-repeat: no-repeat;
font-size:1px;
float: right;
background-image: url(images/basdroit.gif);}


/********************************************************************************** CADREBIS 4 ANGLES ARRONDIS - Hauteur et Largeur variables          **********************************************************************/
.cadreb {
	width: 100%;
	background-color: #A19DC8;}

.cadrebhautgauche {
	height: 10px; width: 10px;
	background-repeat: no-repeat;
	font-size:1px;
	background-image: url(images/hautgaucheb.gif);}

.cadrebhautdroit {
	height: 10px; width: 10px;
	background-repeat: no-repeat;
	font-size:1px;
	float: right;
	background-image: url(images/hautdroitb.gif);}

.cadrebbasgauche {
	height: 10px; width: 10px;
	background-repeat: no-repeat;
	font-size:1px;
	background-image: url(images/basgaucheb.gif);}

.cadrebbasdroit {
	height: 10px; width: 10px;
	background-repeat: no-repeat;
	font-size:1px;
	float: right;
	background-image: url(images/basdroitb.gif);}


/********************************************************************************** CADRE Droit 4 ANGLES ARRONDIS possibles - Hauteur et Largeur variables          **********************************************************************/
/*#droiteconteneur .cadred {
	width: 100%;*/
	/* background-color: #A19DC8; */
/*	margin-bottom: 20px;
	background: url(images/cadredroitbgclair.gif) 0 0 repeat;}*/
#droiteconteneur .cadred {
    width: 100%;
    /* background-color: #A19DC8; */
    margin-bottom: 15px;
    background: url(images/cadredroitbgclair.gif) 0 0 repeat;}

#droiteconteneur .cadredhg {
	height: 8px; width: 8px;
	background-repeat: no-repeat;
	font-size:1px;
	background-image: none;}

#droiteconteneur .cadredhd {
	height: 8px; width: 8px;
	background-repeat: no-repeat;
	font-size:1px;
	float: right;
	/* background-image: url(images/hautdroitcadred3.gif); */
	background-image: none;}

#droiteconteneur .cadredbg {
	height: 8px; width: 8px;
	background-repeat: no-repeat;
	font-size:1px;
	background-image: url(images/basgauchecadred.gif);}

#droiteconteneur .cadredbd {
	height: 8px; width: 8px;
	background-repeat: no-repeat;
	font-size:1px;
	float: right;
	background-image: url(images/basdroitcadred.gif);}

#droiteconteneur .cadresat {
    width: 100%;
    /* background-color: #A19DC8; */
    margin: -3px 0px 0px 0px; /* sinon il y a 3 pixels sous l'image */
	padding: 0px;
    background: url(images/cadredroitbgclair.gif) 0 0 repeat;}

#droiteconteneur .cadredhdsat {
	height: 8px; width: 8px;
	background-repeat: no-repeat;
	font-size: 1px;
	float: right;
	margin: 0px; padding: 0px;
	/* background-image: url(images/hautdroitcadred3.gif); */
	background-image: none;}

#droiteconteneur .cadredhgsat {
	height: 8px; width: 8px;
	background-repeat: no-repeat;
	font-size: 1px;
	margin: 0px; padding: 0px;
	background-image: none;}

#droiteconteneur .contenucadresat {
	/* background-color: #A19DC8; */
	background: none;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;} 

#droiteconteneur .contenucadresat p {
	margin: 0; padding: 0px 8px 7px 10px;
	text-align: justify;
	color: #111;
	font-weight: normal;
	/* background-color: #A19DC8; */
	background-color: none;} 

#droiteconteneur .contenucadresat h3 {
	padding: 0px 0px 0px 11px;
	margin: 0px;
	/* background: url(images/flechedc.gif) no-repeat 3px 0; */
	font-family: Arial, Verdana, sans-serif; 
	font-size: 13px; 	
	font-style: normal; line-height: normal;
	font-weight: bold;
	color: #FFF;} 

#droiteconteneur .contenucadresat h5 {
	margin: 0; padding: 0px 8px 7px 18px;
	text-align: justify;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 12px; 
	color: #111;
	font-weight: normal;
	/* background-color: #A19DC8; */
	background-color: none;} 

#droiteconteneur .contenucadresat h1 {
	margin: 0px; padding: 0px 8px 0px 11px;
	text-align: justify;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	color: #111;} 

#droiteconteneur .contenucadresat h2 {
	padding: 2px 0px 5px 11px;
	margin: 0px;
	/* background: url(images/flechedc.gif) no-repeat 3px 0; */
	font-family: Arial, Verdana, sans-serif; 
	font-size: 12px; 	
	font-style: normal; line-height: normal;
	font-weight: bold;
	color: #fff;} 

#droiteconteneur .contenucadresat h6 {
	margin: 0; 
	padding: 0px 8px 7px 0px;
	text-align: justify;
	color: #111;
	font-family: Arial, Verdana sans-serif; font-size: 12px;
	font-weight: normal;} 

#droiteconteneur .contenucadresat h4 {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 11px; 
	font-weight: normal;
	text-align: right;
	margin: 0px; 
	padding: 0px 5px 2px 0px;
	text-align: right;
	color: #111;} 


#droiteconteneur .contenucadred {
	/* background-color: #A19DC8; */
	background: none;
	margin: 5px 0px 0px 0px;} 

#droiteconteneur .contenucadred p {
	margin: 0; padding: 0px 8px 7px 10px;
	text-align: justify;
	color: #111;
	font-weight: normal;
	/* background-color: #A19DC8; */
	background-color: none;} 

#droiteconteneur .contenucadred h3 {
	padding: 0px 0px 0px 11px;
	margin: 0px;
	/* background: url(images/flechedc.gif) no-repeat 3px 0; */
	font-family: Arial, Verdana, sans-serif; 
	font-size: 13px; 	
	font-style: normal; line-height: normal;
	font-weight: bold;
	color: #FFF;} 

#droiteconteneur .contenucadred h5 {
	margin: 0; padding: 0px 8px 7px 18px;
	text-align: justify;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 12px; 
	color: #111;
	font-weight: normal;
	/* background-color: #A19DC8; */
	background-color: none;} 

#droiteconteneur .contenucadred h1 {
	margin: 0px; padding: 0px 8px 0px 11px;
	text-align: justify;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	color: #111;} 

#droiteconteneur .contenucadred h2 {
	padding: 2px 0px 5px 11px;
	margin: 0px;
	/* background: url(images/flechedc.gif) no-repeat 3px 0; */
	font-family: Arial, Verdana, sans-serif; 
	font-size: 12px; 	
	font-style: normal; line-height: normal;
	font-weight: bold;
	color: #fff;} 

#droiteconteneur .contenucadred h6 {
	margin: 0; 
	padding: 0px 8px 7px 0px;
	text-align: justify;
	color: #111;
	font-family: Arial, Verdana sans-serif; font-size: 12px;
	font-weight: normal;} 

#droiteconteneur .liencursus {
	color: #111;
	text-decoration: none;}

#droiteconteneur .gras2 {
	color: #fff;
	font-weight: bold;}

#droiteconteneur .liencursus:hover {
	text-decoration: underline;}

#droiteconteneur .contenucadred h4 {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 11px; 
	font-weight: normal;
	text-align: right;
	margin: 0px; 
	padding: 0px 5px 2px 0px;
	text-align: right;
	color: #111;} 

#droiteconteneur .liencursus2 {
	color: #363C6B;
	text-decoration: underline;}

#droiteconteneur .liencursus2:hover {
	color: #111;
	text-decoration: none;}



/******** CADRE INFO dans TOP BAS/RectangleInfo **********/

.cadreinfo {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-style: solid;
	border-color: white;
	border-width: 0px 0px;
	background-color: #383D6D; 
	/* background-color: #4C4667;*/ }

.cadreinfohg {
	height: 6px; width: 6px;
	/* background: url(images/hautgauchei.gif) no-repeat 0 0; */
	font-size:1px;}

.cadreinfohd {
	height: 6px; width: 6px;
	background-repeat: no-repeat;
	font-size:1px;
	float: right;
	background-image: url(images/hautdroiti.gif);}

.cadreinfobg {
	height: 10px; width: 10px;
	background-repeat: no-repeat;
	font-size:1px;
	background-image: url(images/basgauchei.gif); }

.cadreinfobd {
	height: 10px; width: 10px;
	background-repeat: no-repeat;
	font-size: 1px;
	float: right;
	background-image: url(images/basdroiti.gif); }

.contenucadreinfo {
	/* background-color: #393D6D; */
	margin: 0px;
	padding: 2px 5% 0px 22px; 
	font-size: 12px;
	font-weight: bold;
	color: #fff;}

div.newsalphatop
{
	background:transparent url(images/'/images/newsalphatop.png') no-repeat;width:148px;height:9px;position:absolute;z-index:2;top:24px;left:10px
}
div.moduletable-news div.newsalphabottom
{
	background:transparent url(images/'/images/newsalphabottom.png') no-repeat;width:148px;height:9px;position:absolute;z-index:2;top:137px;left:10px
}




/* ***********************************************************************Différents identifiants des conteneurs ****************************************************************** */

/* ***********************************************************************Extreme haut (tophaut) de l'ecran prend 100% de la largeur - dans body ****************************************************************** */

#tophaut {
	width: 100%;
	padding: 0px; margin: 0px;
	position: relative;
	background: url(images/leader.gif) top left no-repeat;
	height: 23px;
	/* 16 px*/ }


				/*  #tophaut .bandeau {

				position: absolute;
				z-index: 1;
				width: 1304px;
				height: 148px;
				top: 0px;
				left: 0px;
				background: url(images/bandeau.jpg) top left no-repeat;} */

/* ***********************************************************************MENU TOP HAUT                ********************************************************* */
#menutophaut {

	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	width: 1254px;
	background: none;
	color: #777;
	float: left;}

#menutophaut .tophautul {
	
	text-align: right;
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	margin: 7px 0px 0px 0px; 
	padding: 0px 0px 5px 0px;
	list-style-type: none; }

#menutophaut .tophautli {

	display: inline;}

#menutophaut .atophaut, #menutophaut .atophaut_a, #menutophaut .atophaut_c, #menutophaut .atophaut_co
, #menutophaut .atophaut_r, #menutophaut .atophaut_i, #menutophaut .atophaut_b {
	color: #363C6B;
	margin: 0px;
	padding: 1px 6px 8px 21px;
	text-decoration: none;}

#menutophaut .atophaut:hover, #menutophaut .atophaut_a:hover, #menutophaut .atophaut_c:hover, #menutophaut .atophaut_co:hover 
, #menutophaut .atophaut_r:hover, #menutophaut .atophaut_i:hover, #menutophaut .atophaut_b:hover {
	color: #363C6B;
	/* #121930*/
	text-decoration: none;}

#menutophaut .atophaut_a {
	background: url(images/homelogo.gif) top left no-repeat;}
#menutophaut .atophaut_c {
	background: url(images/contactlogo.gif) top left no-repeat;}
#menutophaut .atophaut_co {
	background: url(images/coordonneeslogo.gif) top left no-repeat;}
#menutophaut .atophaut_r {
	background: url(images/recrutementlogo.gif) top left no-repeat;}
#menutophaut .atophaut_i {
	background: url(images/informationlogo.gif) top left no-repeat;}
#menutophaut .atophaut_b {
	background: url(images/bloglogo.gif) top left no-repeat;}

#menutophaut .lien2 {
	color: #383D6D;
	text-decoration: underline;
	font-weight: normal;}

/************************************************************************Juste Sous Extreme haut de l'ecran prend 100% de la largeur/dans body
********************************************************************/
#topbas {
	width: 100%;
	position: relative;
	height: 121px;
	margin: 0px;
	/* couleur de fond qui se répète à droite du bandeau si la résoluation est supérieure à la largeur du bandeau */
	background-color: #3F426D;
	}

.DateHeure {
	position: absolute;
	z-index: 1002;
	top: 120px;
	width: 230px;
	height: 15px;
	left: 12px;
	background: none; 
	margin: 0px; padding: 0px;}

.Date {
	color: #fff;
	background: #121930;
	font-family: verdana, arial, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-width: 0px;
	font-weight: bold;
	font-size: 10px;}

.Heure {
	color: #fff;
	background: #121930;
	font-family: verdana, arial, sans-serif;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	font-weight: normal;
	font-size: 10px;}

#topbasbandeau {
	width: 1059px;
	height: 121px;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px; margin: 0px;
	background: url(images/bandeau.jpg) top left no-repeat;}
	/* height: 100%; */
	background: none;}

#topbasg form {
	margin: 0px 0px 10px 0px;
	background: none;  
	color: #fff;
	font-weight: bold;}

#topbasg input {
	/* vertical align n'affecte pas élément de type bloc */
	color: #333;
	margin-left: 0px;
	vertical-align: middle;}

#topbasg form .recherche {
	margin: 0px;
	padding: 0px;
	background: none;
	background: url(images/recherchetextefond.gif) 0 0 no-repeat; 
	/* background-color: #F0EFF6; */
	/* donne la taille du rectangle */
	font-size: 90%;}


#topbasg .logoCAPDATA {

	position: relative;
	top: 8px;
	left: 0px;
	width: 282px; 
	height: 68px;
	margin: 0px; padding: 0px;
	background: none;
	/* background: url(images/LogoCAPDATA.gif) center left no-repeat; */}

.lienaccueil {

	position: relative;
	top: 13px;
	left: 22px;
	width: 282px; 
	height: 68px;
	margin: 0px; padding: 0px;
	background: none;}


#topbasg .alogo {
	text-decoration: none;}


#topbasg .texteCAPDATA {

	position: relative;
	top: 0px;
	left: 98px;
	margin: 0px;
	padding: 0px;
	width: 180px;
	height: 25px;
	background: url(images/textecapdata.gif) 0 0 no-repeat;}

#topbasc {
	position: absolute;
	/* sans la hauteur, probleme de recouvrement des blocs par la 	division qui les contient en cas de différence de taille des 	blocs > inconvenient le bloc du milieu ne peut plus repousser 	vers le bas la division > donc fixer largeur du rectangle info 	et plus un % de la fenetre*/ 
	padding: 0px; 
	top: 0px;
	left: 410px;
	/* left: 375px; */ 
	width: 330px;
	background-color: none; }

/* sert au titre du cadre info */


#topbasc .acadreinfo {
	color: #fff;
	background: url(images/plusinfo.gif) 0px 3px no-repeat; 
	margin: 0px 0px 5px 0px;
	/* je passe en bloc pour pouvoir utiliser text-indent et donc 	voir le background */
	display: block;
	text-indent: 16px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;} 

#topbasc .acadreinfo:hover {
	color: #fff;
	background: url(images/plusinfoover.gif) 0px 3px no-repeat; 
	text-decoration: underline;}


/* sert pour le texte principal du cadre info */

#topbasc .contenucadreinfo h1 {
	margin: 0px 0px 3px 0px;
	background: url(info.gif) 0px 3px no-repeat;
	text-indent: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;}

#topbasc .contenucadreinfo h2 {
	color: #fff;
	background: none; 
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	margin: 0px;
	padding: 2px 2px 0px 15px;} 

#topbasc .acadreinfo2 {
	background: none; 
	color: #fff;
	text-indent: 0px;
	font-weight: normal;
	font-size: 11px;
	display: inline;
	padding: 0px; margin: 0px;
	text-decoration: none;} 

#topbasc .acadreinfo2:hover {
	color: white;
	text-decoration: underline;} 

#topbasc .cadreinfoul {
	margin: 0px 0px 0px 15px;
	list-style-image: url(images/carre10px.gif);
	padding: 0px;} 

#topbasc .cadreinfoli {

	margin: 0px;
	padding: 0px;} 

/* sert pour le texte en savoir plus... */
#topbasc .contenucadreinfo h3 {
	background: none; 
	text-align: right;
	color: #fff;
	text-indent: 0px;
	font-weight: normal;
	font-size: 11px;
	margin: 0px;
	padding: 3px 3px 0px 0px;} 

#topbasc .acadreinfo3 {

	background: url(images/plus.gif) center right no-repeat; 
	text-align: right;
	color: #fff;
	display: inline;
	text-indent: 0px;
	font-weight: normal;
	font-size: 11px;
	padding: 0px 14px 0px 0px; margin: 0px 0px 0px 0px;
	text-decoration: none;} 

#topbasc .acadreinfo3:hover {
	background: url(images/plusover.gif) center right no-repeat;  
	text-decoration: underline;} 

#topbandeauTrans {
	position: absolute;
	padding: 0px; 
	top: 17px;
	height: 9px;
	left: 365px; 
	width: 370px;
	z-index:20;
	background-image: url(images/fondu_news_bottom.png);
	background-repeat: repeat-x;
	background-color: none;}

#bottombandeauTrans {
	position: absolute;
	padding: 0px; 
	top: 90px;
	height: 9px;
	left: 365px; 
	width: 370px;
	z-index:20;
	background-image: url(images/fondu_news_top.png);
	background-repeat: repeat-x;
	background-color: none;}

#topbasc .InfoEtiquette {

	position: absolute;
	z-index: 1100;
	top: -8px;
	left: -16px; 
	width: 27px;
	height: 30px;
	background: url(images/InfoEtiquette2.gif) center left no-repeat;}

#topbasc .rectangleinfo { 
	position: relative;
	width: 100%; 
	left: 0px;
	top: 0px;
	z-index: 1050;
	/* margin: 0 auto; permet de centrer le bloc*/ 
	background-color: none;}

/* paragraphes a l'exterieur du cadre */

#topbasc .rectangleinfo p { 
	font-family: arial, verdana, sans-serif;
	font-size: 110%;
	margin: 0px;
	background-color: none; 
	padding: 2px 5% 0px 12%;}

#topbasd {
	width: 250px;
	position: absolute;
	height: 132px;
	left: 770px;
	top: 0px;}

#topbasd .imageSGBD {

	position: absolute;
	top: 0px;
	left: 0px; 
	width: 250px;
	height: 55px;
	background: url(images/imageSGBD.gif) center left no-repeat;}

#topbasd .texteindigo {

	position: absolute;
	top: 53px;
	left: 0px;
	width: 250px;
	height: 20px;
	margin: 0px; padding: 0px;
	background: url(images/texte_indigo.gif) 0 0 no-repeat;}

#topbasd .indigo {

	position: absolute;
	top: 73px;
	left: 0px;
	width: 250px;
	/* sans le height, pas de bg possible */
	height: 50px;
	margin: 0px; padding: 0px;
	background: url(images/Indigo.gif) 0 0 no-repeat;}


/* ****************Extreme Bas - Utilisé pour bade blanche entre le bandeau et le menu déroulant******************************************************************** */

#extremebas {

	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	height: 0px;
	text-align: right;
	color: white;
	background-color: #fff;}

/**********************************************************************CONTENEUR PRINCIPAL situé sous TopHaut et TopBas                   ****************************************************************** */

#conteneur {
	clear: both;
	z-index: 100;
	/* width: 900px; */
	width: 87%;
	/* il suffit de mettre 100% pour avoir un cadre variable qui 	prend l'écran */
	min-width: 980px; 
	max-width: 1098px;
	top: 0px; left: 0px;
	position: relative;
	margin: 0px auto;
	/* conteneur à gauche >>  margin: 0px 0px; */
	/* auto permet de centrer automatiquement le conteneur au 	milieu de la fenetre */
	padding: 0px;
	/*background: url(images/bgconteneur.gif) 0 0 repeat-y; */
	background: none;}

/* ************************************************Premier bandeau haut du conteneur - non utilisé pour l'instant ****************************************************************** */

#bandeauhautconteneur {
	z-index: 500;
	margin: 0px; padding: 0px;
	height: 10px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #fff;
	width: 100%; 
	background-color: #ccc;
	}

/* ********************************************************Deuxieme bandeau haut du conteneur ********************************************************************/

#hautconteneur {

	z-index: 700;
	height: 31px;
	width: 100%; 
	padding: 0px;
	margin: 0px;
	/* background: url(images/haut.gif) 0 0 no-repeat; */
	/* background-color : #6862A4; */
	background-color : none;
	position: relative;}




/* ***********************************************************************
         ELEMENTS A L'INTERIEUR DU CONTENEUR

GAUCHE CONTENEUR et DROITE CONTENEUR sont positionnés en flottant - retirés du flux normal - et prennent place à droite et à gauche du bloc qui le contient (Conteneur). L'élément qui suit (Centre conteneur) dans l'espace ainsi libére >> on est pas obligé de fixer de hauteur de clonne dans cette solution, fonctionne quelquesoit hauteurs des colonnes et centre
****************************************************************** */

#gaucheconteneur {
	z-index: 400;
	float: left;
	/* width: 15%; */
	width: 165px;
	margin: 0px;
	padding: 0px;
	background: none;
	/* background-color: #A19DC8; */}

#gaucheconteneur .textref {
	font-family: Verdana, Arial sans-serif; 
	font-size: 10px; 	
	font-style: normal; 
	line-height: 1.5; 
	margin: 0px;
	padding: 0px 0px 1px 1px;
	color: #5F5F89;
	font-weight: normal; }

#gaucheconteneur .cadresat_g {
    width: 100%;
    background-color: #A19DC8;
    margin: -3px 0px 0px 0px; /* sinon il y a 3 pixels sous l'image */
	padding: 0px;
    /* background: url(images/cadredroitbgclair.gif) 0 0 repeat; */}

#gaucheconteneur .cadredhdsat_g {
	height: 8px; width: 8px;
	background-repeat: no-repeat;
	font-size: 1px;
	float: right;
	margin: 0px; padding: 0px;
	/* background-image: url(images/hautdroitcadred3.gif); */
	background-image: none;}

#gaucheconteneur .cadredhgsat_g {
	height: 8px; width: 8px;
	background-repeat: no-repeat;
	font-size: 1px;
	margin: 0px; padding: 0px;
	background-image: none;}

#gaucheconteneur .contenucadresat_g {
	/* background-color: #A19DC8; */
	background: none;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;} 

#gaucheconteneur .contenucadresat_g p {
	margin: 0; padding: 0px 8px 7px 10px;
	text-align: justify;
	color: #111;
	font-weight: normal;
	/* background-color: #A19DC8; */
	background-color: none;} 

#gaucheconteneur .contenucadresat_g h2 {
	padding: 2px 5px 5px 11px;
	margin: 0px;
	/* background: url(images/flechedc.gif) no-repeat 3px 0; */
	font-family: Arial, Verdana, sans-serif; 
	font-size: 12px; 	
	font-style: normal; line-height: normal;
	font-weight: bold;
	color: #fff;} 


#droiteconteneur {
	z-index: 410;
	float: right;
	width: 205px; 
	background: none; 
	margin: 4px 0px 0px 0px; padding: 0px;}

#droiteconteneur .offrecertif {

	background: none; 
	width: 205px; 
	height: 348px; 
	/* border-color: #6E9DD3; */
	border-width: 0px 1px 1px 1px;
	margin: 0px; padding: 0px; 
	text-align: center;
	border-style: dotted; 
	border-color: #336;
	
	
	}

#droiteconteneur .offrecertif p {
	
	font-family: Verdana, Arial sans-serif; font-size: 12px; 
	color: #2D2D2D;
	margin:0px;
	padding: 0px;}


#droiteconteneur .cadred h6 {
	margin: 0px 0px 7px 18px; padding: 0px;}

#droiteconteneur .TableauDate {
	width: 100%;
	background: none;
	margin-top: 1px;
    border: none;}

#droiteconteneur  .TableauDate td {
    padding: 1px 0px 1px 0px;
	vertical-align: top;  
	text-align: center;
	color: #10182F;
	font-size: 10px;
	background-color: #fff;}

#droiteconteneur  .date, #droiteconteneur  .dateora,
#droiteconteneur  .datesqls, #droiteconteneur  .datesqlunix, #droiteconteneur  .datesyb {
    text-decoration: underline;
	display: block;
	width: 100%;
	background-color: #fff;
	color: #336;}

#droiteconteneur  .date:hover, #droiteconteneur  .dateora:hover, 
#droiteconteneur  .datesqls:hover, #droiteconteneur  .datesqlunix:hover, #droiteconteneur  .datesyb:hover {
    text-decoration: none;
	color: #fff;}

#droiteconteneur  .date:hover {
	background-color: #F59623;}

#droiteconteneur  .dateora:hover {
    background-color: #BE3A95;}

#droiteconteneur  .datesqlunix:hover {
    background-color: #57B948;}

#droiteconteneur  .datesqls:hover {
    background-color: #6D9CD3;}

#droiteconteneur  .datesyb:hover {
    background-color: #989898;}

#droiteconteneur .couleur {
	font-weight: bold;
	color: #10182F;}

#droiteconteneur .datemes {
border-width: 1px; border-style: dotted; border-color: #336;}

#droiteconteneur .datemestexte { 
color: #336;
font-style: italic;
font-size: 11px;} 

#droiteconteneur .rappel {
	margin: 0px 0px 9px 0px; padding: 0px;
	width: 204px;
	background: white;
	color: black;
	text-align: right;}

#droiteconteneur .rappel_texte {
	margin: 2px 0px; padding: 0px 0px 0px 2px;
	background: white;
	font-size: 9px;
	border-width: 1px;
	border-style: dotted;
	border-color: #ccc;}

#droiteconteneur .tel {
	position: relative;
	top: 0px;
	left: 0px;
	width: 205px;
	height: 205px;
	margin: 0px 0px 10px 0px; padding: 0px;
	background: url(images/Tel.gif) top right no-repeat;}

#droiteconteneur .titredroitconteneurpdf {
	width: 100%;
	/* permet de centrer la zone de titre dans le conteneur droit */
	/* margin-right: auto; margin-left: auto; */
	background-image: url(images/fondtitredroitpdf.gif);}

#droiteconteneur .tdconteneur {
	width: 100%;
	/* permet de centrer la zone de titre dans le conteneur droit */
	/* margin-right: auto; margin-left: auto; */
	background: none;}

#droiteconteneur .bordgtdconteneur {
	width: 9px;
	height: 8px;
	background-repeat: no-repeat;
	float: left;
	font-size:1px;
	background-image: url(images/bgtitredroitclair.gif);} 

#droiteconteneur .borddtdconteneur {
	width: 9px;
	height: 8px;
	background-repeat: no-repeat;
	float: right;
	font-size:1px;
	background-image: url(images/bdtitredroitclair.gif);} 

#droiteconteneur .contenutdconteneur {
	color: #fff;
	background-image: url(images/fondtitredroitclair.gif); 
	text-align: left;
	padding: 4px 0px 4px 10px;
	font-weight: bold;} 

#droiteconteneur .bordgtitredroitconteneurpdf {
	width: 9px;
	height: 8px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 21px;
	font-size:1px;
	background-image: url(images/bgtitredroitclair.gif);} 

#droiteconteneur .borddtitredroitconteneurpdf {
	width: 9px;
	height: 8px;
	margin-top: 21px;
	background-repeat: no-repeat;
	float: right;
	font-size:1px;
	background-image: url(images/bdtitredroitclair.gif);} 

#droiteconteneur .bdtitredc_ora {
	width: 10px;
	height: 22px;
	margin-top: 21px;
	background-repeat: no-repeat;
	float: right;
	font-size:1px;
	background-image: url(images/borddora.gif);} 

#droiteconteneur .bdtitredc_sqls {
	width: 10px;
	height: 22px;
	margin-top: 21px;
	background-repeat: no-repeat;
	float: right;
	font-size:1px;
	background-image: url(images/borddsqls.gif);} 

#droiteconteneur .bdtitredc_mysql {
	width: 10px;
	height: 22px;
	margin-top: 21px;
	background-repeat: no-repeat;
	float: right;
	font-size:1px;
	background-image: url(images/borddmysql.gif);} 

#droiteconteneur .bdtitredc_syb {
	width: 10px;
	height: 22px;
	margin-top: 21px;
	background-repeat: no-repeat;
	float: right;
	font-size:1px;
	background-image: url(images/borddsyb.gif);} 

#droiteconteneur .bdtitredc_sqlunix {
	width: 10px;
	height: 22px;
	margin-top: 21px;
	background-repeat: no-repeat;
	float: right;
	font-size:1px;
	background-image: url(images/borddsqlunix.gif);} 

#droiteconteneur .tdconteneurcursus {
	width: 100%;
	margin-top: 2px;
	/* permet de centrer la zone de titre dans le conteneur droit */
	/* margin-right: auto; margin-left: auto; */
	background-image: url(images/fondtitredroitpdf.gif);}

#droiteconteneur .contenutdcursus {
	color: #fff;
	height: 33px;
	text-align: left;
	padding: 6px 0px 4px 0px;
	margin: 0px;
	font-weight: bold;}

#droiteconteneur .bgconteneurcursus {
	width: 9px;
	height: 8px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 21px;
	font-size:1px;
	background-image: url(images/bgtitredroitclair.gif);}

#droiteconteneur .bd_sqlunix, #droiteconteneur .bd_sqls, #droiteconteneur .bd_ora, #droiteconteneur .bd_syb, #droiteconteneur .bd_mysql  {
	width: 19px;
	height: 22px;
	margin-top: 21px;
	background-repeat: no-repeat;
	float: right;
	font-size:1px;} 

#droiteconteneur .bd_sqlunix {background-image: url(images/ongletdve.gif);}
#droiteconteneur .bd_sqls {background-image: url(images/ongletdb.gif);}
#droiteconteneur .bd_ora {background-image: url(images/ongletdv.gif);}
#droiteconteneur .bd_syb {background-image: url(images/ongletdg.gif);}
#droiteconteneur .bd_mysql {background-image: url(images/ongletdo.gif);}

#droiteconteneur .acursus {
	color: #fff;
	background: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 13px;
	text-decoration: none;}

#droiteconteneur .contenutdconteneurpdf {
	color: #fff;
	text-align: left;
	padding: 0px 0px 4px 8px;
	margin: 0px;
	font-weight: bold;}
	

#droiteconteneur .pdftitre {
	color: #fff;
	font-weight: bold;
	padding: 0px 0px 0px 1px;
	text-decoration: none;}

#droiteconteneur .pdftitre:hover {
	text-decoration: none;}

#droiteconteneur .textedroite {
	font-weight: normal;
	background:  #fff;
	color: #333;
	margin: 0px;
	padding: 0px 0px 5px 0px;}

#droiteconteneur .textedroite p {
	text-align: justify;
	background: url(images/cadredroitfond.gif) top left no-repeat;
	margin: 0px;
	padding: 5px 5px 5px 8px;}

#droiteconteneur .tdate, #droiteconteneur .tdateve, #droiteconteneur .tdatev, #droiteconteneur .tdateg, #droiteconteneur .tdateo, #droiteconteneur .tdateb {
	color: #333366;
	font-weight: normal;
	font-family: Arial, Verdana sans-serif; font-size: 12px;}

#droiteconteneur .tdate p, #droiteconteneur .tdateve p, #droiteconteneur .tdatev p, #droiteconteneur .tdateg p, #droiteconteneur .tdateb p, #droiteconteneur .tdateo p {
	margin: 0px;
	padding:  1px 0px 1px 25px;
	border-width: 1px 0px 1px 0px;
	border-style: dotted;
	border-color: #333366;}

#droiteconteneur .tdate p {background: url(images/t3cc.gif) 1% 50% no-repeat; }

#droiteconteneur .tdateve p {background: url(images/flecheve.gif) 1% 50% no-repeat;}
#droiteconteneur .tdatev p {background: url(images/flechev.gif) 1% 50% no-repeat;}
#droiteconteneur .tdateb p {background: url(images/flecheb.gif) 1% 50% no-repeat;}
#droiteconteneur .tdateg p {background: url(images/flecheg.gif) 1% 50% no-repeat;}
#droiteconteneur .tdateo p {background: url(images/flecheo.gif) 1% 50% no-repeat;}



#droiteconteneur .atdate {
	text-decoration: none;
	position: relative;
	bottom: 1px;
	left: 51px;
	font-weight: normal;
	color: #336;}

#droiteconteneur .atdate2 {
	text-decoration: none;
	position: relative;
	bottom: 1px;
	left: 40px;
	font-weight: normal;
	color: #336;}

#droiteconteneur .consultant {
	background: white;
	font-weight: normal;
	color: #333366;}

#droiteconteneur .consultant p {
	margin: 0px;
	text-align: left;
	padding: 0px 0px 0px 30px;}

#droiteconteneur .texte_rappel {
	font-family: Verdana, Arial sans-serif; font-size: 12px; 
	position: relative;
	left: 0px;
	top: -2px;
	width: 193px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 3px 11px;
	background: #373C6D;
	/*#6764A5  #373C6D*/
	color: #fff;}



#centreconteneur {
	z-index: 1300;
	background: none;
	/* color: #121930; */
	color: #2D2D2D;
	/* la marge gauche est variable et s'adapte à la taille de 	l'écran */
	/* margin-left: 15%; */
	margin-left: 165px;
	/* dans droite conteneur il va y avoir des images, donc je fixe 	la taille de droiteconteneur ainsi que la marge ci-après */
	margin-right: 205px; 
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;}

#centreconteneur .textecentre {
	font-family: Verdana, Arial sans-serif; font-size: 11px; 	
	font-style: normal; line-height: 1.5; font-weight: normal; 
	background: none;
	padding: 0px;
	margin: 0px 35px 0px 65px;}

#centreconteneur .textecentre h1 {
	font-family: Verdana, Arial sans-serif; 
	font-size: 11px; 	
	color: #2D2D2D;
	padding: 0px;
	margin: 0px;}

#centreconteneur .textecentre h2 {
	font-family: Verdana, Arial sans-serif; 
	font-size: 13px; 	
	color: #336;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	padding: 0px;
	margin: 0px;}

#centreconteneur .textecentre h4 {
	font-family: Verdana, Arial sans-serif; 
	font-size: 11px;
	font-weight: normal;
	color: #2D2D2D;
	text-align: right;
	padding: 0px;
	margin: 2px 0px 0px 0px;}


#centreconteneur .textecentre p {
	background: none;
	/* color: #121930; */
	color: #2D2D2D;
	font-family: Verdana, Arial sans-serif; font-size: 11px; 	
	font-style: normal; line-height: 1.5; font-weight: normal; 
	text-indent: 10px;
	margin: 0px 0px 10px 0px;
	padding: 0px;}


#centreconteneur .ultextecentre {

	margin: 0px 0px 10px 40px;
	padding: 0px;
	list-style-image: url(images/licentre.gif);	
	list-style-position: top left;}	

#centreconteneur .litextecentre {
	padding: 0px;
	margin: 4px 0px 0px 0px;}	

#centreconteneur .aplus, #centreconteneur .amoins {
	margin: 0px;
	color: #363C6B;
	text-decoration: none;
	text-align: left; 	
	text-indent: 0px;
	font-style: normal; line-height: normal; font-weight: normal; }

#centreconteneur .aplus {
	padding: 0px 2px 0px 2px;
	font-family: Verdana, Arial sans-serif; font-size: 11px;}

#centreconteneur .amoins {
	padding: 0px 2px 0px 2px;
	font-family: Verdana, Arial sans-serif; font-size: 11px;
	letter-spacing: 2px;}

#centreconteneur .table_a {
	float: left; 
	margin-left: 30px;
	background: none;}

#centreconteneur .t2cc_2, #centreconteneur .t2cc_b, #centreconteneur .t2cc_v, 
#centreconteneur .t2cc_o, #centreconteneur .t2cc_g, #centreconteneur .t2cc_o2, #centreconteneur .t2cc_ve {
	margin: 15px 0px 15px 65px;
	padding: 2px  5px 4px 10px;
	background-repeat: no-repeat;
	color: #fff;
	text-align: left;
	font-family: Arial, Verdana, sans-serif; font-size: 13px; 	
	font-style: normal; line-height: normal; font-weight: bold; }

#centreconteneur .t2cc_b {
	background-image: url(images/ft2cc_b.gif);}

#centreconteneur .t2cc_2 {
	background-image: url(images/ft2cc.gif);}

#centreconteneur .t2cc_v {
	background-image: url(images/ft2cc_v.gif);}

#centreconteneur .t2cc_o {
	background-image: url(images/ft2cc_o.gif);}

#centreconteneur .t2cc_o2 {
	background-image: url(images/ft2cc_o2.gif);}

#centreconteneur .t2cc_g {
	background-image: url(images/ft2cc_g.gif);}

#centreconteneur .t2cc_ve {
	background-image: url(images/ft2cc_ve.gif);}

#centreconteneur .t2cc {
	/* la largeur width est indiquée dans le html et pas dans la feuille de style afin d'adapter la taille à la longueur du texte 	au cas par cas */
	margin: 15px 0px 15px 65px;
	padding: 0px;
	background: none;}

#centreconteneur .bdt2cc {
	margin: 0px;
	padding: 0px;
	float: right;
	background-image: url(images/ft2cc.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 20px;}

#centreconteneur .bgt2cc {
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(images/ft2cc.gif); 
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;}

#centreconteneur .contenut2cc {

	color: #fff;
	text-indent: 0px;
	text-align: left;
	font-family: Arial, Verdana, sans-serif; font-size: 13px; 	
	font-style: normal; line-height: normal; font-weight: bold; 
	margin: 0px;
	background-color: #6763A3;
	padding: 2px 0px 2px 3px;}

#centreconteneur .t3cco2, #centreconteneur .t3ccve2, #centreconteneur .t3ccv2, #centreconteneur .t3cc, #centreconteneur .t3ccve,
#centreconteneur .t3ccv, #centreconteneur .t3cco, #centreconteneur .t3ccb, #centreconteneur .t3ccg {
	color: #333366;
	display: block;
	font-weight: normal;
	border-width: 1px 0px 1px 0px;
	border-style: dotted;
	border-color: #333366;
	font-family: Arial, Verdana sans-serif; font-size: 15px;}

#centreconteneur .t3cc, #centreconteneur .t3ccve, #centreconteneur .t3ccv, #centreconteneur .t3cco,
#centreconteneur .t3ccb, #centreconteneur .t3ccg {
	margin: 15px 90px 0px 70px;
	padding: 0px 0px 2px 32px;}


#centreconteneur .t3cc {background: url(images/t3cc.gif) 1% 50% no-repeat;} 
#centreconteneur .t3ccve2 p:first-letter, #centreconteneur .t3ccv2 p:first-letter, #centreconteneur .t3cc p:first-letter, #centreconteneur .t3ccve p:first-letter, #centreconteneur .t3ccv p:first-letter, #centreconteneur .t3ccb p:first-letter, #centreconteneur .t3ccg p:first-letter, #centreconteneur .t3cco p:first-letter {
	font-size: 15px;}

#centreconteneur .t3ccve {background: url(images/flecheve.gif) 1% 50% no-repeat;} 
#centreconteneur .t3ccve2 {
	background: url(images/flecheve.gif) 1% 50% no-repeat;
	margin: 15px 90px 0px 0px;
	padding: 0px 0px 2px 32px;} 

#centreconteneur .t3ccv {background: url(images/flechev.gif) 1% 50% no-repeat;} 
#centreconteneur .t3ccv2 {
	background: url(images/flechev.gif) 1% 50% no-repeat;
	margin: 15px 90px 0px 0px;
	padding: 0px 0px 2px 32px;} 

#centreconteneur .t3cco {background: url(images/flecheo.gif) 1% 50% no-repeat;} 
#centreconteneur .t3cco2 {
	background: url(images/flecheo.gif) 1% 50% no-repeat;
	margin: 15px 90px 0px 0px;
	padding: 0px 0px 2px 32px;} 

#centreconteneur .t3ccg {background: url(images/flecheg.gif) 1% 50% no-repeat;} 
#centreconteneur .t3ccb {background: url(images/flecheb.gif) 1% 50% no-repeat;} 

#centreconteneur .t4cc, #centreconteneur .t4cc_2 {
	color: #333366;
	padding: 0px;
	display: block;
	font-weight: bold;
	font-family: Arial, Verdana sans-serif; font-size: 13px;}

#centreconteneur .t4cc {margin: 7px 90px 0px 110px;}
#centreconteneur .t4cc_2 {margin: 7px 90px 0px 50px;}



#centreconteneur .t5cc {
	color: #333366;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	border-width: 1px 0px 1px 0px;
	border-style: dotted;
	border-color: #333366;
	/* background: url(images/t3cc.gif) 1% 50% no-repeat; */
	background: #fff;
	font-family: Arial, Verdana sans-serif; font-size: 12px;}

#centreconteneur .rappel {
	margin: 0px 0px 0px 0px; 
	padding: 0px;
	width: 288px;
	/* color: #363C6B; */
	color: #2D2D2D; 
	text-align: left;
	font-size: 11px;}

#centreconteneur .rappelformation {
	margin: 0px 0px 0px 0px; 
	padding: 0px;
	/* color: #363C6B; */
	color: #2D2D2D; 
	text-align: left;
	font-size: 11px;}

#centreconteneur .rappel_texte {
	margin: 3px 0px; 
	padding: 0px;
	font-size: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #A19DC8;}

#centreconteneur .input_video {
	margin: 3px 0px; 
	padding: 0px;
	font-size: 13px;
	color: #333;
	border-width: 1px;
	border-style: solid;
	border-color: #A19DC8;}

#centreconteneur .rappel_box {
	margin: 3px 0px; 
	padding: 0px;
	font-size: 9px;}


#centreconteneur .texte_info {
	margin: 0px 440px 0px 65px;
	padding: 0px 0px 0px 0px;
	background: none;
	}

#centreconteneur .texte_info p { 
	margin: 0px 0px 0px 15px;
	padding: 2px 0px 7px 0px;
	color: #2D2D2D;
	font-family: Verdana, Arial sans-serif; font-size: 11px; 	
	font-style: normal; line-height: 1.5; font-weight: normal; 
	background: none;}

#centreconteneur .texte_info h4 {
	margin: 0px;
	padding: 1px 0px 2px 2px;
	color: #333366;
	font-family: Arial, Verdana sans-serif; 
	font-size: 12px;
	border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #333366; 
	background: none;}


#centreconteneur .texte_info h4 {
	font-size: 120%;
	}


#centreconteneur .formationcentre ul, #centreconteneur .formationcentre2 ul {
	font-family: Verdana, Arial, sans-serif; font-size: 11px; 
	font-style: normal; line-height: 1.2; font-weight: normal;
	padding: 0px;
	list-style-image: url(images/licentre.gif);	
	list-style-position: top left;}

#centreconteneur .formationcentre ul {margin: 5px 0px 0px 150px;}
#centreconteneur .formationcentre2 ul {margin: 5px 0px 0px 90px;}

#centreconteneur .formationcentre li, #centreconteneur .formationcentre2 li {
	margin: 2px 90px 4px 0px;
	padding: 0px;}


#centreconteneur .montre {
	margin: 0px;
	padding: 0px;
	position: relative;
	bottom: 1px;
	left: 3px;
	font-weight: normal;
	font-family: Courier, Verdana, sans-serif; 
	font-size: 8px; 
	color: #336;
	text-decoration: none;
	background: none;}

#centreconteneur .cprogramme {
	margin: 0px;
	padding: 0px;}


#centreconteneur .ulsqlunix, #centreconteneur .ulmysql, #centreconteneur .ulora,
#centreconteneur .ulsyb, #centreconteneur .ulsqls, #centreconteneur .ulpg {

    margin: 0px 0px 10px 40px;
    padding: 0px;
	list-style-type: none;
	list-style-position: outside;}   


#centreconteneur .ulsqlunix { list-style-image: url(images/lisqlunix.jpg);}
#centreconteneur .ulmysql { list-style-image: url(images/limysql.jpg);}
#centreconteneur .ulora { list-style-image: url(images/liora.jpg);}
#centreconteneur .ulsqls { list-style-image: url(images/lisqls.jpg);}
#centreconteneur .ulsyb{ list-style-image: url(images/lisyb.jpg);}
#centreconteneur .ulpg{ list-style-image: url(images/lipostg.gif);}

#centreconteneur .t1cc, #centreconteneur .t1cc_o, #centreconteneur .t1cc_b, #centreconteneur .t1cc_g, #centreconteneur .t1cc_v, #centreconteneur .t1cc_ve {
		
	font-family: Verdana, Arial, sans-serif; 	
	font-weight: bold; 
	color: #363C6B;
	text-transform: uppercase;}

#centreconteneur .t1cc {
	font-size: 17px; 
	margin-left: 30px;
	margin-top: 8px;
	margin-bottom: 15px;
	/* letter-spacing: 0.01em; */
	padding:  0px 0px 0px 32px;
	background-image: url(images/t1cc.gif); 
	background-position: 2px center;
	vertical-align: baseline;
	background-repeat: no-repeat;}

#centreconteneur .t1cc:first-letter, #centreconteneur .t1cc_v:first-letter, #centreconteneur .t1cc_ve:first-letter, #centreconteneur .t1cc_b:first-letter, #centreconteneur .t1cc_g:first-letter, #centreconteneur .t1cc_o:first-letter {
font-size: 19px;
vertical-align: baseline;}

#centreconteneur .t1cc_v, #centreconteneur .t1cc_ve, #centreconteneur .t1cc_b, #centreconteneur .t1cc_g, #centreconteneur .t1cc_o  {
	font-size: 17px; 
	vertical-align: baseline;
	margin: 8px 0px 15px 30px;
	padding:  0px 0px 0px 18px;
	background-position: left center; 
	background-repeat: no-repeat;}

#centreconteneur .t1cc_v {background-image: url(images/ongletv.gif);}
#centreconteneur .t1cc_ve {background-image: url(images/ongletve.gif);}
#centreconteneur .t1cc_b {background-image: url(images/ongletb.gif);}
#centreconteneur .t1cc_g {background-image: url(images/ongletg.gif);}
#centreconteneur .t1cc_o {background-image: url(images/ongleto.gif);}

#centreconteneur .ahautpage {
	color: #333366;
	display: block;
	font-family: Verdana, Arial, sans-serif; font-size: 11px; 
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;}

#centreconteneur .ahautpage:hover {
	text-decoration: underline;}

#centreconteneur .couleur {
	/* color: #333366; FF9900 FF6600 */
	color: #383D6D;
	font-weight: bold;}

	
#centreconteneur .couleurgrand {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 17px; 
	color: #363C6B;
	line-height: 0;
	font-weight: normal;}

#centreconteneur .gras {
	/* color: #333366; FF9900 FF6600 */
	color: #000;
	font-weight: bold;}

#centreconteneur .lien {
	color: #2D2D2D;
	font-family: Verdana, Arial sans-serif; font-size: 11px; 	
	font-style: normal; line-height: 1.5; font-weight: normal; 
	margin: 0px;
	padding: 0px;
	text-decoration: none;}

#centreconteneur .lien:hover {
	text-decoration: underline; }

#centreconteneur .lien2 {
	color: #383D6D;
	text-decoration: underline;
	font-weight: normal;}

#centreconteneur .lien2:hover {
	text-decoration: none; 
	margin: 0px;
	padding: 0px;
	color: #000;}

#centreconteneur .cursus {
	border: 0px solid #fff;
	color: #ccc;
	font-family: Verdana, Arial sans-serif; font-size: 9px; 
	text-align: right;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: right; }

#centreconteneur .contact {
	border: 0px solid #eee;
	float: left;}

#centreconteneur .contactr {
	border: 0px solid #eee;
	float: right;}

#centreconteneur .contact td {
	border: 0px solid #ccc;
	}
#centreconteneur .contact h2 {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif; font-size: 17px; 	
	font-weight: normal; 
	color: #363C6B;} 

#centreconteneur .citationgrande {

	font-family: Verdana, Arial, sans-serif; font-size: 17px;
	display: block;
	font-weight: normal; 
	color: #363C6B;
	font-weight: normal;}

#centreconteneur .Num1Conseil {
	background-color: none;
	border: 0px solid #eee;
	color: #2D2D2D;
	font-family: Verdana, Arial sans-serif; font-size: 12px; 
	float: right;}

#centreconteneur .Num1Conseil td {
	border: 0px solid #eee;}

#centreconteneur .Num1Conseil h1 {
	display: inline;
	padding: 0px; margin: 0px;
	font-family: Verdana, Arial, sans-serif; font-size: 17px; 	
	font-style: normal; line-height: normal; font-weight: normal; 
	color: #363C6B;}

#centreconteneur .citgrande {
	display: inline;
	padding: 0px; margin: 0px;
	font-family: Verdana, Arial, sans-serif; font-size: 17px; 	
	font-weight: normal; 
	color: #363C6B;
	font-weight: normal;}

#centreconteneur .Num1Conseil ul {
	padding: 0px; margin: 0px 0px 0px 27px;
	font-family: Verdana, Arial sans-serif; font-size: 12px; 
	color: #2D2D2D;
	list-style-image: none;
	list-style-type: none;}

#centreconteneur .Num1Conseil li {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 7px 0px;}


#centreconteneur .container {width: 86%; margin: 10px auto 0px auto; float:left; padding-left:66px; padding-right: 5px;}

#centreconteneur ul.tabs, #centreconteneur ul.tabb, #centreconteneur ul.tabc, #centreconteneur ul.tabo {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 26px;
	border-left: 1px solid #fff
	width: 100%;}


#centreconteneur ul.tabs {border-bottom: 1px solid #6D9CD3;}

#centreconteneur ul.tabs li, #centreconteneur ul.tabb li, #centreconteneur ul.tabc li, #centreconteneur ul.tabo li {
	float: left;
	margin: 0;
	padding: 0;
	height: 26px;
	line-height: 23px;
	border: 1px solid #fff;
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;	
	position: relative;}

#centreconteneur ul.tabs li {background: url(images/ongletinactif.gif) 1px 1px no-repeat;}

#centreconteneur ul.tabs li a, #centreconteneur ul.tabb li a, 
#centreconteneur ul.tabc li a, #centreconteneur ul.tabo li a {
	text-decoration: none;
	display: block;
	font-size: 1.2em;
	padding: 0 13px 0px 13px;
	border: 1px solid #fff;
	outline: none;
	color: #fff; font-weight: bold;}

#centreconteneur ul.tabs li a:hover, #centreconteneur ul.tabb li a:hover,
#centreconteneur ul.tabc li a:hover, #centreconteneur ul.tabo li a:hover {color: #fff;}

#centreconteneur ul.tabs li a:hover {background: #6D9CD3;}

html ul.tabs li.active, html ul.tabs li.active a:hover, html ul.tabs li.active a,
html ul.tabb li.active, html ul.tabb li.active a:hover, html ul.tabb li.active a,
html ul.tabo li.active, html ul.tabo li.active a:hover, html ul.tabo li.active a,
html ul.tabc li.active, html ul.tabc li.active a:hover, html ul.tabc li.active a {
	color: #fff;
	border-bottom: 1px solid #fff;}

html ul.tabs li.active a,
html ul.tabo li.active a,
html ul.tabc li.active a,
html ul.tabb li.active a {
	margin-top: 1px;}

html ul.tabs li.active a {background: #6D9CD3;}

html ul.tabs li.active, html ul.tabb li.active, html ul.tabc li.active, html ul.tabo li.active {
	background: none;}

#centreconteneur ul.tabb {border-bottom: 1px solid #BE3A95;}
#centreconteneur ul.tabb li a:hover {background: #BE3A95;}
html ul.tabb li.active a {background: #BE3A95;}
#centreconteneur ul.tabb li {background: url(images/ongletinactif_v.gif) 1px 1px no-repeat;}

#centreconteneur ul.tabc {border-bottom: 1px solid #57B948;}
#centreconteneur ul.tabc li a:hover {background: #57B948;}
html ul.tabc li.active a {background: #57B948;}
#centreconteneur ul.tabc li {background: url(images/ongletinactif_ve.gif) 1px 1px no-repeat;}

#centreconteneur ul.tabo {border-bottom: 1px solid #F59623;}
#centreconteneur ul.tabo li a:hover {background: #F59623;}
html ul.tabo li.active a {background: #F59623;}
#centreconteneur ul.tabo li {background: url(images/ongletinactif_o.gif) 1px 1px no-repeat;}


#centreconteneur .tab_container, #centreconteneur .tabb_container, #centreconteneur .tabc_container,
#centreconteneur .tabo_container {

	clear: both;
	margin-top: 0px;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;}

#centreconteneur .tab_container {border: 1px solid #6D9CD3;}
#centreconteneur .tabb_container {border: 1px solid #BE3A95;}
#centreconteneur .tabc_container {border: 1px solid #57B948;}
#centreconteneur .tabo_container {border: 1px solid #F59623;}

#centreconteneur .tab_content {
	padding: 20px;
	font-size: 1.2em;}

#piedconteneur {
	
	height: 50px;
	width: 100%; 
	/* l'instruction clear interdit le voisinage d'un flottant */
	/* flottant : retirer du flux normal pour prendre place à 	gauche ou à droite de l'élément qui le contient */
	/* l'élément qui le suit peut s'écouler alors dans l'espace ainsi 	libéré */ 
	clear: both;
	/* correction bug IE, centre conteneur pas colé au pied conteneur 	*/
	margin: 0px; padding: 0px;
	border-top: 1px dotted #aaa;
	background: none;}

#piedconteneur .textepied {
	background: none;
	height: 100%;
	margin: 0px; padding: 0px;}


#piedconteneur .textepied p {
	color: #2D2D2D;
	font-family: Verdana, Arial sans-serif; font-size: 11px; 	
	font-style: normal; line-height: 1.5; font-weight: normal; 
	text-align: right;
	padding: 5px 10px 0px 0px;
	margin: 0px;}

/* ***************************************************************** MENU HAUT DU CONTENEUR 
*************************************************************** */

#menuhautderoulant
{
 position: absolute;
 top: 0; left: 0px; 
 /* right: 0px; */
 /* width: 100%; */
/* width: 1000px;*/
 width: 1038px;
 z-index: 1200;
 font-size:  100%; 
 font-weight: bold; 
 list-style-type: none;
 margin: 0; padding: 0; 
 border: 0;
 background: none;
 text-align : center;}

#menuhautderoulant li { 
	/* float: right; */
	 float: left; 
	 width: 98px; 
	 background: url(images/nav_centre_off.gif) 0 0 no-repeat;
	 margin: 0px 0px 0px 0px; padding: 0px; 
	 border: 0;
	 z-index: 1998;}

#menuhautderoulant .liblog { 
	 float: left; 
	 width: 145px; 
	 text-align: middle; 
	 background: url(images/nav_droite_of.gif) top right no-repeat; 
	 margin: 0px 0px 0px 0px; padding: 0px;}

#menuhautderoulant .ablog { 
	 display: block;
	 position: relative;
	 height: 20px; 
	 color: #fff;
	 padding: 0px; 
	 z-index: 1999;}

#menuhautderoulant .ablog:hover, 
#menuhautderoulant .ablog:active { 
	color:#fff;
	background: url(images/nav_droite_onaf2.gif) top right no-repeat; 
	/* background: yellow; */}

#menuhautderoulant .sousMenu {
	 z-index: 1210;
	 display: none;
	 background: none;
	 list-style-type: none;
	 font-size:  1em; font-weight: normal; 
	 margin: 0px; padding: 0px; border: 0;
	 text-align : left;}

#menuhautderoulant .sousMenu li {
	 position: relative;
	 top: -6px;
	 float: none;
	 font-size:  1em;  
	 background: none;
	 margin: 0px; padding: 0px; border: 0;}

/* MENU PRINCIPAL */
#menuhautderoulant li a:link, 
#menuhautderoulant li a:visited {
	 display: block;
	 position: relative;
	 /* height: 100%;*/
	 height: 20px; 
	 color: #fff; 
	 margin: 0; 
	 padding: 6px 0px 6px 0px; 
	 border-right: 1px solid #fff;
	 border-right-style: solid;
	 text-decoration: none;
	 z-index: 1999;}


/* MENU PRINCIPAL HOVER */
#menuhautderoulant li a:hover, 
#menuhautderoulant li a:active { 
	color:#fff;
	/* remettre ça si la largeur du menu different de 100px background-color: #F1931B; ou alors ça background: url(images/fondmenuhauthover.gif) 0 0 no-repeat; */
	background: url(images/nav_centre_on2.gif) 50% 0% no-repeat; }

/* item à gauche*/
#menuhautderoulant li a.gauche:hover, 
#menuhautderoulant li a.gauche:active { 
	color:#fff;
	background: url(images/nav_gauche_on2.gif) 0% 0% no-repeat;}

/* item au centre*/
#menuhautderoulant li a.milieu:hover, 
#menuhautderoulant li a.milieu:active { 
	color:#fff;
	background: url(images/nav_centre_on_sf.gif) 50% 0% no-repeat;}

/* SOUS MENU */
#menuhautderoulant .sousMenu li a:link, 
#menuhautderoulant .sousMenu li a:visited{
 display: block;
 height: 100%;
 color: #121930;
 font-weight: normal;
 margin: 0; border: 0;
 padding: 3px 3px 3px 4px; 
 text-decoration: none;
 border-right: 1px solid #fff;
 border-top: 1px solid #fff;
 background: #F0EFF6;
 
  -moz-opacity:0.96;
 opacity: 0.96;
 /* pour IE >>> filter:alpha(opacity=96); */
 }

/* SOUS MENU HOVER*/
#menuhautderoulant .sousMenu li a:hover{
	color: #fff;
	font-weight: normal; 
	-moz-opacity:1; 
	opacity: 1;
	/* pour IE filter:alpha(opacity=100); */
	/* background: url(images/fondmenuhauthover.gif) 0 0 no-repeat; */
	background-color: #f47b2e;}

#menuhautderoulant li:hover > .sousMenu 
{ 
 /*display: block;*/
}

/* ***********************************************************************MENU GAUCHE DU CONTENEUR 
****************************************************************** */


#menugaucheconteneur {
	z-index: 550;
	list-style: none;
	margin: 0px; padding: 0px;}

#menugaucheconteneur .menuul {
	z-index: 560;
	list-style-type: none;
	margin: 0px; padding: 0px;}
	
#menugaucheconteneur .menuli {
	z-index: 570;
	margin: 0px;
	padding: 0px 13px;}

#menugaucheconteneur .amenu {
	z-index: 580;
	display: block; 
	width: 100%; 
	font-size: 1em;
	color: white;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 0px;
	margin: 0px;
	background: #6862A4; 
	border-style: dotted;
	border-color: white;
	border-width: 0px 0px 1px 0px;}

#menugaucheconteneur .amenu:hover {
	z-index: 590;
	border-color: #fff;
	border-width: 0px 0px 1px 0px;
	color: #000;
	text-decoration: none;}


/* ********************************************************* */


/* ***********************************************************************MENU GAUCHEBIS DU CONTENEUR 
****************************************************************** */

#menubgaucheconteneur {
	z-index: 550;
	list-style: none;
	background: none;
	margin: 0px; padding: 0px;}

#menubgaucheconteneur .menubul, #menubgaucheconteneur .menubul_b, 
#menubgaucheconteneur .menubul_v, #menubgaucheconteneur .menubul_ve,
#menubgaucheconteneur .menubul_g, #menubgaucheconteneur .menubul_o {
	list-style-type: none;
	z-index: 560; margin: 0px; padding: 0px;}

#menubgaucheconteneur .menubul_b {background-color: #6D9CD3;}
#menubgaucheconteneur .menubul {background-color: #363C6B;}
/* #363C6B */
#menubgaucheconteneur .menubul_v {background-color: #BE3A95;}
#menubgaucheconteneur .menubul_ve {background-color: #57B948;}
#menubgaucheconteneur .menubul_g {background-color: #989898;}
#menubgaucheconteneur .menubul_o {background-color: #F59623;}

#menubgaucheconteneur .menubli {
	z-index: 570;
	margin: 0px 0px 0px 0px;
	background-color: #A19DC8; 
	padding: 0px 13px;}

#menubgaucheconteneur .menubli2 {
	z-index: 570;
	background-color: none;
	/* ou #363C6B*/
	border-width: 0px;
	margin-left: 6px;
	margin-right: 15px;
	color: #fff;}

#menubgaucheconteneur .amenub {
	z-index: 580;
	display: block; 
	width: 100%; 
	font-size: 1em;
	color: white;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 0px;
	text-align: right;
	border-style: dotted;
	border-color: white;
	border-width: 0px 0px 1px 0px;}

#menubgaucheconteneur .amenub:hover {
	z-index: 590;
	border-color: #fff;
	border-width: 0px 0px 1px 0px;
	color: #000;
	text-decoration: none;}


#gaucheconteneur .amenub2, #gaucheconteneur .amenub2_b, #gaucheconteneur .amenub2_v,
#gaucheconteneur .amenub2_ve, #gaucheconteneur .amenub2_g, #gaucheconteneur .amenub2_o {
	z-index: 580;
	display: block; 
	text-decoration: none;
	font-weight: bold;
	width: 100%; 
	font-size: 1em;
	padding: 2px 0px 4px 0px; 
	text-align: left; 
	border-width: 0px; 
	color: #fff;}

#gaucheconteneur .amenub2_b {background: none; font-size: 115%;}
#gaucheconteneur .amenub2_v {background: none; font-size: 115%;}
#gaucheconteneur .amenub2_ve {background: none; font-size: 115%;}
#gaucheconteneur .amenub2_g {background: none; font-size: 115%;}
#gaucheconteneur .amenub2 {background: none; font-size: 115%;}
#gaucheconteneur .amenub2_o {background: none; font-size: 115%;}


#gaucheconteneur .amenub1 {
	z-index: 580;
	display: block; 
	width: 100%; 
	font-size: 1em;
	color: white;
	text-align: right;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 0px;
	border-width: 0px; 
	border-width: 0px 0px 1px 0px;}

#gaucheconteneur .amenub1:hover {
	color: #000;}

/*Style pour le cadre d'information après validation fromulaire mail*/
DIV.msg_info{
	position:absolute;
	color:#FFFFFF;
	top:30px;
	left:650px;
	z-index:10000;
	background-color: #F0931B;
	padding:5px;}

#message{
	background-color:#DB3E3E;
	color:#FFFFFF;
	width:300px;
	text-align:center;
	padding:5px;
	margin:5px;
	display:none;
}


#menutopcentre {

	margin: 0px 0px 0px 30px; 
	padding: 0px 0px 0px 0px;
	width: 95%;
	color: #336;}

#menutopcentre .tcul {
	
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	margin: 7px 0px 0px 0px; 
	padding: 0px 0px 5px 0px;
	list-style-type: none; }

#menutopcentre .tcli {

	display: inline;}

#menutopcentre .tca {

	text-decoration: none; color: #336;}

#menutopcentre .tca:hover {

	text-decoration: underline; color: #336;}