/*----------------------------------------------------------------------------------*/
/*---------------------------- GENERALITES -----------------------------------------*/
/*----------------------------------------------------------------------------------*/
* {margin: 0;padding: 0;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin: 0 auto;
}
/* Titres */
h1, h2, h3, h4 {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	color: #0A1762;
	letter-spacing: -1px;
	font-weight: normal;
}
h1 {font-size: 22px;}
h2 {font-size: 20px;}
h1, h2 {padding: 14px 0 15px 0;}

h3 {font-size: 18px;}
h4 {font-size: 16px;}
h3, h4 {padding:10px 0 0 0;}

/* Liens */
a { text-decoration: none; color: #8A2690; position: relative}
a:hover { text-decoration: none; color: #996EAA;}
a img { border: none;}

/* Paragraphe */
p {margin:0; padding: 0;}

/* Liste */
ul {margin: 0 0 5px 0; padding:0;}
li {padding: 0; list-style: none;}

/*------ Couleurs --------*/
/* Prune et Violet */
.Prune {color: #510069;}
.VioletFonce {color: #6D1E7E;}
.Violet {color: #8A2690;}
.Lilas {color: #996EAA;}
.Parme {color: #D2CAE1;}
/* Bleu et Vert */
.BleuMarine {color: #0A1762;}
.Bleu {color: #00B5DD;}
.BleuClair {color: #66D3EB;}
.Vert {color: #9ED214;}
/* Gris*/
.Gris {color: #666;}
.GrisMoyen  {color: #8C8C8C;}
.GrisClair {color: #999;}

/* Gras pour la mise en évidence des textes*/
.Gras {font-weight: bold;}

/*--------- Page ---------*/
#Conteneur { width: 955px;margin: 5px auto;}
/*----------------------------------------------------------------------------------*/
/*---------------------------- BLOC ENTETE DE PAGE ---------------------------------*/
/*----------------------------------------------------------------------------------*/
#Entete {
	width:100%;
	height:86px;
	border: 1px solid #D2CAE1;
}
.BlocBienvenue {
	float: left;
	width: 750px;
	height: 100%;
	border-right: 1px solid #D2CAE1;	
}
.Logo {
	float: left;
	padding: 13px 0 0 17px;
}
.BlocBienvenueTitre {
	float: left;
	padding: 44px 0 0 12px;
}
.BienvenueTitre {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-weight: bold;
}
.TitreVioletFonce14px {
	font-size: 14px; 
	letter-spacing: -1.2px;
	color: #6D1E7E;
}
.EnteteLiens {
	float: left;
	width: 204px;
	padding: 6px 0 0 0;
}
.EnteteLiens li {padding: 2px 0 3px 8px;}
.Liens a { text-decoration: underline; font-size: 11px; color: #D2CAE1;}
.Liens a:hover { text-decoration: none; color: #D2CAE1;}
.Liens a.Courant { text-decoration: none; font-size: 11px; color: #996EAA;}
/*----------------------------------------------------------------------------------*/
/*---------------------------- BLOC CONTENU ---------------------------------*/
/*----------------------------------------------------------------------------------*/
#Contenu {
	width: 100%;
	height: 100%;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	border: 1px solid #D2CAE1;
	border-top: none;
}

/*----------------------------  MENU GAUCHE ------------------------------------*/
.MenuGauche {
	float: left;
	width: 180px;
	min-height: 560px;
}
* html .MenuGauche {
	height: 560px;
}

.MenuHaut {
	background-position: left top;
	background-repeat: repeat-x;
	background-color: transparent;
	min-height: 250px;
}
* html .MenuHaut {
	height: 250px;
}

/* Bloc Menu */
.Menu {
	text-align: left;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 160px;
	height: 104px;
	margin: 0 auto;
}
/*----------------------------  CONTENU CENTRAL ----------------------------------*/
.ContenuCentral {
	float: left;
	width: 775px;
	min-height: 560px;
}
* html .ContenuCentral {
	height: 560px;
}
/*--- Zone haut avec photo --------------------*/
.ZonePhotoHaut {
	float: left;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 774px;
	min-height: 343px;
	border-left: 1px solid #D2CAE1;
}
* html .ZonePhotoHaut {
	height: 343px;
}

/*-Texte de présentation ---*/
.Presentation {
	width: 360px;
	height: 280px;
	text-align: left;
	padding: 30px 5px 0 30px;	
}
.Presentation p {
	margin: 5px 0 5px 0;
}

/*--- Zone Bas avec menus -------------------*/
.ZoneMenuBas {
	float: left;
	width: 100%;	
	height: 217px;
}
.MenuBasFondVert {background-color: #9ED214;}

/*--- Menu du bas Global ----*/
.MenuBas {
	float: left;
	height: 162px;
	margin: 30px 2px 0 0;
	padding: 0 2px 0 0;
}
/*--- Menus du bas : Violet et gris----*/
.MenuBasVioletGauche, .MenuBasVioletDroite, .MenuBasVioletCentre, .MenuBasGrisGauche, .MenuBasGrisDroite, .MenuBasGrisCentre {
	float: left;
	background-position: left top;
	background-color: transparent;
	height: 160px;	
}
.MenuBasVioletGauche, .MenuBasVioletDroite {width: 18px; background-repeat: no-repeat;}
.MenuBasVioletCentre {background-repeat: repeat-x; width: 230px}


.MenuBasGrisGauche, .MenuBasGrisDroite {width: 10px; background-repeat: no-repeat;}
.MenuBasGrisCentre {background-repeat: repeat-x; width: 225px;}

/*------------- Titres -------------------------------------------------------*/
/*- Titres Menu Gauche  --------------------*/
.TitreMenuGauche {padding: 15px 15px 15px 10px;}
/*- Titres Menu Bas  --------------------*/
.TitreMenuBas {padding: 18px 6px 15px 0;}

/* Différents styles Titres */
.TitreBleuMarine14px, .TitreBleuMarine {
	color: #0A1762;
	font-weight: bold;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	letter-spacing: -1px;
}
.TitreBleuMarine14px {font-size: 14px;}
.TitreBlanc22px {
	color: #FFF;
	font-size: 22px;	
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	letter-spacing: -1px;
}
/*------------- Textes  -------------------------------------------------*/
/*- Textes Menu Gauche  --------------------*/
.TexteMenuGauche {padding: 5px 15px 0 10px}
/*- Textes Menu Bas  --------------------*/
.TexteMenuBas {padding: 0 10px 0 0}
.TexteMenuBasPadding {padding: 10px 10px 0 0}
/*- Texte Menus Bas avec image ---------*/
.TexteMenuBasImage {
	float: left;
	width: 115px;
	height: 105px;
	padding: 10px 0 0 0;
}
/*- Texte Couleur Prune de présentation --------------------*/
.TextePrune11px {
	color: #510069;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	letter-spacing: -1px;
	line-height: 15px;
}
/*- Texte Couleur Violet  --------------------*/
.TexteViolet11px, .TexteViolet12px, .TexteViolet13px, .TexteViolet14px, .TexteViolet15px, .TexteVioletFin11px, .TexteVioletFin12px, .TexteVioletFin13px, .TexteVioletFin14px, .TexteVioletFin15px, .TexteVioletMenuBasImage {
	color: #6D1E7E;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	letter-spacing: -1px;	
}
.TexteViolet11px {font-size: 11px; font-weight: bold;}
.TexteViolet12px {font-size: 12px; font-weight: bold;}
.TexteViolet13px {font-size: 13px; font-weight: bold;}
.TexteViolet14px {font-size: 14px; font-weight: bold;}
.TexteViolet15px {font-size: 15px; font-weight: bold;}

.TexteVioletFin11px {font-size: 11px;}
.TexteVioletFin12px {font-size: 12px;}
.TexteVioletFin13px {font-size: 13px;}
.TexteVioletFin14px {font-size: 14px;}
.TexteVioletFin15px {font-size: 15px;}

/* Liens */
.TexteViolet11px a, .TexteViolet12px a, .TexteViolet13px a, .TexteViolet14px a, .TexteViolet15px a, .TexteVioletFin11px a, .TexteVioletFin12px a, .TexteVioletFin13px a, .TexteVioletFin14px a, .TexteVioletFin15px a  {text-decoration: none; color: #6D1E7E;}
.TexteViolet11px a:hover, .TexteViolet12px a:hover, .TexteViolet13px a:hover, .TexteViolet14px a:hover, .TexteViolet15px a:hover, .TexteVioletFin11px a:hover, .TexteVioletFin12px a:hover, .TexteVioletFin13px a:hover, .TexteVioletFin14px a:hover, .TexteVioletFin15px a:hover {text-decoration: underline; color: #6D1E7E;}

/*- Texte Couleur Blanc  --------------------*/
.TexteBlanc {
	color: #FFF;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	letter-spacing: -1px;
	line-height: 17px;
}
/* Liens */
.TexteBlanc a { text-decoration: none; color: #FFF;}
.TexteBlanc a:hover { text-decoration: underline;	color: #FFF;}

/*- Boutons ----------------------------------------*/
.BtEnSavoirPlus {
	position: absolute;
	width: 96px;
	height: 27px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	line-height: 27px;
	margin: 5px 0 0 140px;
	padding-left:1px;
}
.BtEnSavoirPlusTexte a {
	background-position: left center;
	background-repeat: no-repeat;
	background-color: transparent;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: -1px;
	color: #6D1E7E;
	margin-left: 5px;
	padding:3px 0 0 18px;
	text-decoration: none;
	position: static;
}
.BtEnSavoirPlusTexte a:hover {
	color: #996EAA;
	text-decoration: none;
}
/*----------------------------------------------------------------------------------*/
/*----------------------------- BLOC PIED DE PAGE ----------------------------------*/
/*----------------------------------------------------------------------------------*/
#PiedPage {	
	margin: 5px 0 0 0;
	text-align: center;
	clear: both;
}
.TexteGrisClair9px {
	color: #999;
	font-size:9px;
}
/*----------------------------------------------------------------------------------*/
/*----------------------------- SEPARATION -----------------------------------------*/
/*----------------------------------------------------------------------------------*/
.Separation {clear: both;}
.SeparationLigne {
	width: 100%;
	border-top: 1px solid #D2CAE1;
	margin:0 0 15px 0;
	clear: both;
}

/*----------------------------------------------------------------------------------*/
/*----------------------------- STYLES GENERAUX -----------------------------------------*/
/*----------------------------------------------------------------------------------*/

.Liens a { text-decoration: underline; font-size: 11px; color: #D2CAE1;}
.Liens a:hover { text-decoration: none; color: #D2CAE1;}
.Liens a.Courant { text-decoration: none; font-size: 11px; color: #996EAA;}


/*- Liste Prune avec puce fleur -----------------------*/
.LienFleurBleue {
	background-color: transparent;		
	background-position: left top;
	background-repeat: no-repeat;
	margin: 20px 0 5px 90px;
	padding: 0 0 0 25px;	
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
	color: #510069;
	font-weight: bold;
}
.LienFleurBleue a { text-decoration: none; color: #510069;}
.LienFleurBleue a:hover { text-decoration: none; color: #00B5DD;}

/*- Commentaire avec puce chiffrée ----------------------------*/
.ListeCommentaire, .ListeCommentaire1, .ListeCommentaire2, .ListeCommentaire3, .ListeCommentaire4, .ListeCommentaire5, 	.ListeCommentaire6 {
	background-color: transparent; 
	background-position: left top;
	background-repeat: no-repeat;
	min-height:40px;
	margin: 15px 0 8px 0;
	padding: 2px 0 0 45px;
}
.Commentaire1, .Commentaire2, .Commentaire3, .Commentaire4, .Commentaire5, .Commentaire6 {font-size: 13px;}

/*- Différents styles -------------------------------------------------*/
.SousTitrePrune13px, .SousTitrePrune14px, .SousTitrePrune16px, .ListePruneLien, .Courrier, .NumeroEmail  {
color: #510069; font-weight: bold;}

.TexteBleu, .SousTitreBleu15px {color: #00B5DD; font-weight: bold;}
.TexteBleuQuestions {color: #00B5DD; font-weight: bold; margin: 10px 0 0 0;}
.SousTitreBleu15px {font-size: 15px;}

/* Titre Prune */
.TitrePrune, .TitrePrune11px, .TitrePrune12px, .TitrePrune13px, .TitrePrune14px, .TitrePrune15px {
	padding: 15px 0 2px 0;
	color: #510069;
	font-weight: bold;
}
.TitrePrune11px {font-size: 11px;}
.TitrePrune12px, .TitrePrune {font-size: 12px;}
.TitrePrune13px {font-size: 13px;}
.TitrePrune14px {font-size: 14px;}
.TitrePrune15px {font-size: 15px;}

/* Titre Bleu */
.TitreBleu, .TitreBleu11px, .TitreBleu12px, .TitreBleu13px, .TitreBleu14px, .TitreBleu15px {
	padding: 15px 0 2px 0;
	color: #00B5DD;
	font-weight: bold;
}
.TitreBleu11px {font-size: 11px;}
.TitreBleu12px, .TitreBleu {font-size: 12px;}
.TitreBleu13px {font-size: 13px;}
.TitreBleu14px {font-size: 14px;}
.TitreBleu15px {font-size: 15px;}

/* Texte Prune */
.TextePrune, .TextePrune11px, .TextePrune12px, .TextePrune13px, .TextePrune14px, .TextePrune15px {
 color: #510069;
 font-size: 13px;
 font-weight: bold;
 }
.TextePrune11px {font-size: 11px;}
.TextePrune12px, .TextePrune {font-size: 12px;}
.TextePrune13px {font-size: 13px;}
.TextePrune14px {font-size: 14px;}
.TextePrune15px {font-size: 15px;}

/* Texte Bleu */
.TexteBleu, .TexteBleu11px, .TexteBleu12px, .TexteBleu13px, .TexteBleu14px, .TexteBleu15px {
 color: #00B5DD;
 font-size: 13px;
 font-weight: bold;
 }
.TexteBleu11px {font-size: 11px;}
.TexteBleu12px, .TexteBleu {font-size: 12px;}
.TexteBleu13px {font-size: 13px;}
.TexteBleu14px {font-size: 14px;}
.TexteBleu15px {font-size: 15px;}

.SousTitrePrune13px, .Courrier { font-size: 13px;}
.SousTitrePrune14px {font-size: 14px;}
.SousTitrePrune16px {font-size: 16px;}

.ListePruneLien { font-size: 11px;}
.NumeroEmail { font-size: 17px;}
.NoteBasPage {font-size: 10px;}
.TexteNoteBasPage {
	font-size: 10px;
}

.TextePruneFleur11px  {
	background-position: left 16px;
	background-repeat: no-repeat;
	background-color: transparent;
	margin: 0 8px 0 10px; 
	padding: 15px 0 0 18px;
	font-size: 11px; 
	color: #510069;
}

/*- Sous-Titre avec flèche  ----------------------------------------*/
.TitreFlechePrune, .TitreFlecheBleu {
	color: #510069;
	font-weight: bold;
	font-size: 15px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	margin: 15px 0 4px 0;
	padding: 0 0 0 20px;
	min-height:15px;
}
/*- Couleur Prune  -*/
.TitreFlechePrune {color: #510069;}
/*- Couleur Bleue  -*/
.TitreFlecheBleu {color: #00B5DD;}