/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : -
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 00 mois 0000
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */
@import url(traductions.css);/* Redéfinitions des images traduites */

/*- Général -------------------------------------------------------------------*/
html, body, form { height: 100%; }
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #4e4f4e;
	background: #FFFFFF url(/images/Bg_Page.png) repeat-x 0px 34px;
}
h1 {
	font-size: 1.8em;
	font-weight: bold;
	color: #4d4d4d;
}
h2 {
	font-size: 1.8em;
	font-weight: normal;
	color: #050608;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #1a75c5;
}
h4, h5, h6 {
	font-size: 1.1em;
	font-weight: bold;
	color: #050608;
}
a, a:hover {
	color: #eb9216;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
div.HR {
	height: 1px;
	background: url(/images/Bg_FinBloc.gif) repeat-x;
	margin: 18px 0;
}

/*- Styles communs a toutes les pages -----------------------------------------*/
.Clearer { clear: both; }
.AligneGauche { float: left; }
.AligneDroite { float: right; }

#Wrapper {
	width: 952px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -137px;
}

/*-- Entete du site --*/
#Entete {
	position: relative;
	height: 150px;
}
#Entete .Logo {
	position: absolute;
	top: 48px; left: 0px;
}
#Entete .Slogan {
	position: absolute;
	top: 48px; left: 90px;
	width: 90px; height: 90px;
	text-indent: -9999px;
	overflow: hidden;
}


#Entete ul.Banniere,
#Entete ul.Banniere li {
	position: absolute;
	width:728px; height:90px;
	overflow:hidden;
}
#Entete ul.Banniere {
	top: 48px; right: 0;
}


#Entete .NavFixe {
	position: absolute;
	top: 13px; right: 195px;
}
#Entete .NavFixe li {
	float: left;
	background: url(/images/Bg_EnteteNavFixe_Separ.gif) no-repeat;
	padding-left: 16px;
}
#Entete .NavFixe li.BulletinElect { background-image: none; }
#Entete .NavFixe li a {
	display: block;
	height: 11px;
	background: no-repeat 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
}
#Entete .NavFixe li a:hover {
	background-position: 0px -11px;
}
#Entete .Recherche {
	position: absolute;
	top: 10px; right: 0px;
}
#Entete .Recherche input {
	float: left;
	width: 154px; height: 12px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #232323;
	background: url(/images/Bg_Entete_Recherche.gif) no-repeat;
	border: 0;
	margin-left: 4px;
	padding: 3px;
}
#Entete .Recherche a {
	float: left;
	display: block;
	width: 17px; height: 18px;
	background: url(/images/Bt_Entete_Recherche.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 4px;
}

/*-- Corps général du site --*/
/*#BgCorps {
	width: 100%;
	background: url(/images/Bg_ColD.gif) repeat-y 100% 0%;
}*/
#ColG {
	float: left;
	width: 244px;
	margin-right: 10px;
}
#Corps {
	float: left;
	width: 698px;
}
#HautPage {
	height: 153px;
	background: #fff url(/images/Bg_FinBloc.gif) repeat-x 0px 148px;
	padding-top: 4px;
}
#Contenu {
	float: left;
	width: 472px;
	margin-right: 14px;
	padding-bottom: 24px;
}
#ColD {
	float: left;
	width: 212px;
	background: #e9eae5;
	padding-top: 5px;
}

/*-- Pied de page --*/
#EspacePiedPage { height: 137px; clear: both; }
#PiedPage {
	height: 116px;
	background: url(/images/Bg_PiedPage.png) repeat-x;
	padding-top: 21px;
}
#PiedPage .Corps {
	width: 952px;
	margin: 0 auto;
}
#PiedPage ul { height: 58px; }
#PiedPage li {
	float: left;
	text-align: center;
	overflow: hidden;
}
#PiedPage p {
	font-size: 1.1em;
	color: #b9b9b9;
	margin: 24px 0 0 4px;
}
#PiedPage a { color: #b9b9b9; }

/*-- Liens Bouton --*/
a.LienBouton {
	display: block; /*opera*/
	display: inline-block; /*ie*/
	display: -moz-inline-box; /*ff*/
	line-height: 27px;
	text-decoration: none;
	background: url(/images/Bg_LienBouton_Blanc.png) no-repeat right -27px; 
	padding-right: 9px; 
	vertical-align: middle;
	cursor: pointer; 
	cursor: hand; 
}
a.LienBouton span {
	display: block;
	display: inline-block;
	height: 27px;
	font-size: 11px;
	font-weight: bold;
	color: #72756e;
	line-height: 25px;
	background: url(/images/Bg_LienBouton_Gris.png) no-repeat left -27px; 
	padding-left: 9px;
}
a.LienBouton:hover		{ background-position: right top; text-decoration: none; }
a.LienBouton:hover span	{ background-position: left top; color: #ef8200; }
a.LienBouton.Gris,
a.LienBouton.Gris span { background-image: url(/images/Bg_LienBouton_Gris.png); }
a.LienBouton.Orange,
a.LienBouton.Orange span { background-image: url(/images/Bg_LienBouton_Orange.png); }

/*-- Listes déroulantes --*/
div.DropDown {
	position: relative;
	width: 178px; height: 20px;
	background: url(/images/Bg_DropDown.gif) no-repeat;
	padding: 2px;
}
div.DropDown p, div.DropDown ul li {
	width: 100%;
	font-size: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
}
div.DropDown p a {
	display: block;
	color: #7f7f7f !important;
	line-height: 20px; height: 20px;
	background: url(/images/Bg_DropDown_Bouton.gif) no-repeat 100% 0%;
	padding: 0 20px 0 6px;
	overflow: hidden;
}
div.DropDown a:hover { color: #7f7f7f; text-decoration: none; }
div.DropDown ul {
	display: none;
	position: absolute;
	top: 22px; left: 1px;
	min-width: 174px; height: auto !important;
	background: #fff;
	border: 1px solid #b9bab8;
	margin: 0 !important;
	padding: 2px !important;
	z-index: 500;
}
div.DropDown ul li { list-style: none none !important; }
div.DropDown ul li a {
	display: block;
	color: #7f7f7f !important;
	padding: 2px 6px;
}
div.DropDown ul li a.On {
	color: #7f7f7f !important;
	background: #e9eae5;
}
div.DropDown ul li a:hover,
div.DropDown ul li a.On:hover {
	color: #fff !important;
	background: #1a75c5;
}

/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	height: 52px;
	background: url(/images/Bg_FinBloc.gif) repeat-x 0px 37px;
}
#MenuPrincipal li {
	float: left;
	margin-right: 2px;
}
#MenuPrincipal li.EspaceReserve { margin-right: 0; }
#MenuPrincipal li a {
	display: block;
	height: 33px;
	text-indent: -9999px;
	background: no-repeat 0px 0px;
	overflow: hidden;
}
#MenuPrincipal li a:hover {
	background-position: 0px -33px;
}
#MenuPrincipal li a.On, #MenuPrincipal li a.On:hover {
	background-position: 0px -66px;
}

/*-- Sous-menu de page intérieur --*/
#SousMenu {
	background: url(/images/Bg_SousMenu.gif) repeat-y;
	margin-bottom: 8px;
}
#SousMenu h2 {
	background: url(/images/Bg_SousMenu_Titre.png) no-repeat;
	padding: 9px 0 4px 7px;
}
#SousMenu h2 span {
	display: block;
	background: no-repeat;
	width: 227px; height: 39px;
	text-indent: -9999px;
	overflow: hidden;
}

/*--Premier niveau--*/
#SousMenu ul {
	background: url(/images/Bg_SousMenu_Bas.png) no-repeat 0% 100%;
	padding-bottom: 9px;
}
#SousMenu ul li {
	padding: 0 10px 1px 7px;
}
#SousMenu ul li a {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	color: #2b91e4;
	background: #e9eae5;
	padding: 8px 14px;
}
#SousMenu ul li a:hover {
	color: #004990;
	text-decoration: none;
}
#SousMenu ul li a.On, #SousMenu ul li a.On:hover {
	color: #004990;
	background: #d8d8d3;
}

/*--Deuxieme niveau--*/
#SousMenu ul ul {
	background: #d8d8d3;
	padding-bottom: 9px;
}
#SousMenu ul ul li {
	padding: 0 10px 0px 10px;
}
#SousMenu ul ul li a {
	font-weight: normal;
	color: #2b91e4;
	background: transparent;
	padding: 5px 0 4px 0;
	margin:0 14px 0 14px;
	border-top:1px solid #CCC;
}
#SousMenu ul ul li a:hover {
	color: #004990;
	text-decoration: none;
}
#SousMenu ul ul li a.On, #SousMenu ul ul li a.On:hover {
	color: #004990;
	background: transparent;
	font-weight:bold;
}
#SousMenu ul ul li:first-child a {
	border-top: none;
}

/*--Troisieme niveau--*/
#SousMenu ul ul ul {
	padding-bottom: 0;
}
#SousMenu ul ul ul li {
	
}
#SousMenu ul ul ul li a {
	border: none;
	padding-top: 0;
	padding-left: 10px;
	margin-left:4px;
	background: url(/images/Puce_SousMenu.gif) no-repeat 0 5px !important;
	font-weight: normal !important;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
body.Accueil #EspacePiedPage { height: 150px; }
body.Accueil #MenuPrincipal { height: 62px; }
body.Accueil #Corps {
	float: none;
	width: 952px;
	background-image: none;
}
body.Accueil #HautPage {
	height: 274px;
	background: url(/images/accueil/Bg_HautPage.png) no-repeat 100% 0%;
	margin-bottom: 8px;
	padding-top: 0;
}
body.Accueil #HautPage .Flash {
	float: left;
	width: 711px; height: 274px;
}

/*-- Onglets Nouvelles et Publications --*/
body.Accueil #HautPage .Onglets {
	float: left;
	width: 235px; height: 268px;
	padding: 3px;
}
body.Accueil #HautPage .Onglets .Nav { height: 35px; }
body.Accueil #HautPage .Onglets .Nav li { float: left; }
body.Accueil #HautPage .Onglets .Nav a {
	display: block;
	height: 35px;
	background: no-repeat 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}
body.Accueil #HautPage .Onglets .Nav a.On { background-position: 0px -35px; }
body.Accueil #HautPage .Onglets div {
	width: 233px; height: 231px;
	background: url(/images/accueil/Bg_Onglets.png) no-repeat 0% 100%;
	padding: 0 1px 1px;
}
body.Accueil #HautPage .Onglets div ul {
	height: 186px;
	padding-top: 8px;
	overflow: hidden;
}
body.Accueil #HautPage .Onglets div ul li {
	font-size: 1.1em;
	font-weight: bold;
	background: url(/images/accueil/Bg_Onglets_Separ.png) no-repeat 50% 100%;
	padding: 6px 16px 20px;
}
body.Accueil #HautPage .Onglets div ul li a { color: #2b91e4; }
body.Accueil #HautPage .Onglets div ul li a:hover { color: #ef8200; text-decoration: none; }
body.Accueil #HautPage .Onglets p {
	padding: 0 16px;
}

/*-- Accordéon de sections --*/
body.Accueil #Contenu {
	width: 711px;
	margin-right: 0;
	/*background: url(/images/Bg_DebutBloc.gif) repeat-x;*/
	padding: 8px 0 0;
}
body.Accueil #Contenu .Promo {
	float:left;
	width:162px; height:293px;
	margin-right:16px;
}
body.Accueil #Contenu .Promo.Last {
	margin-right:0;
}
/*
body.Accueil #Contenu .Section {
	background: #fff url(/images/Bg_DebutBloc.gif) repeat-x 0% 100%;
	margin-bottom: 4px;
	padding-bottom: 8px;
}
body.Accueil #Contenu .Section.On .Bg { background: #1a75c5 url(/images/accueil/Bg_Contenu_Section.png) repeat-x; }
body.Accueil #Contenu .Section h2 { margin: 0; }
body.Accueil #Contenu .Section h2 a {
	display: block;
	width: 545px; height: 40px;
	background: url(/images/accueil/Bg_Contenu_Section_Ouvrir.gif) no-repeat 100% 50%;
	outline: none;
}
body.Accueil #Contenu .Section.On h2 a { background-image: none; }
body.Accueil #Contenu .Section h2 span {
	display: block;
	width: 545px; height: 40px;
	background: no-repeat 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
body.Accueil #Contenu .Section.On h2 span { background-position: 0px -40px; }
body.Accueil #Contenu .Section .Contenu {
	display: none;
	color: #ececec;
	line-height: 1.8em;
	padding: 0 12px 12px;
}
body.Accueil #Contenu .Section.On .Contenu { display: block; }
body.Accueil #Contenu .Section .Contenu h3,
body.Accueil #Contenu .Section .Contenu h4 {
	font-size: 1.2em;
	color: #52dcec;
	text-transform: uppercase;
}
*/
/*-- Témoignage --*/
body.Accueil #Temoignage {
	float: left;
	width: 166px;
	background: #fff;
	border-bottom: 0;
	margin: 0; padding: 0;
}
body.Accueil #Temoignage div.Clearer { background: #fff; }

/*-- Témoignage --*/
body.Accueil #Promo {
	float: left;
	width: 138px; height: 293px;
	margin: 0; padding: 8px 14px 0;
}

/*-- Événements --*/
body.Accueil #Evenements {
	float: left;
	width: 241px; height: 293px;
	background: #f8981d url(/images/Bg_ColD_Focus.png) repeat-x;
	margin-top: 8px;
}
body.Accueil #Evenements h2 {
	height: 40px;
	background: url(/images/accueil/Bg_Evenements_Titre.gif) no-repeat 50% 40px;
	padding-bottom: 13px;
}
body.Accueil #Evenements h2 span {
	display: block;
	width: 241px; height: 40px;
	text-indent: -9999px;
	overflow: hidden;
}
body.Accueil #Evenements ul {
	height: 170px;
	padding: 0 20px;
	overflow: hidden;
}
body.Accueil #Evenements ul li {
	font-size: 1.1em;
	padding: 8px 0 6px;
}
body.Accueil #Evenements ul li strong { color: #004990; }
body.Accueil #Evenements ul li a,
body.Accueil #Evenements ul li a strong { color: #fff; }
body.Accueil #Evenements p {
	margin: 0 0 8px;
	padding: 0 20px;
}
body.Accueil #Evenements div.DropDown {
	width: 206px;
	background: url(/images/accueil/Bg_DropDown.gif) no-repeat;
	margin: 0 auto 8px;
}
body.Accueil #Evenements div.DropDown ul { min-width: 202px; }

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#Contenu h1 { margin: 0 0 8px; }
#Contenu h3 { margin: 0 0 4px; }
#Contenu h4, h5, h6 { margin: 0 0 2px; }
#Contenu p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 0 12px;
}
#Contenu a { color: #2b91e4; }
#Contenu blockquote { margin: 0 0 0 24px; }

/*-- Fil d'Ariane --*/
#Contenu #FilAriane {
	height: 2em;
	font-size: 1em;
	margin: 0 0 1em;
}
#Contenu #FilAriane li {
	float: left;
	list-style: none none;
	background: url(/images/Bg_FilAriane.gif) no-repeat 100% 50%;
	padding: 0 15px 0 0;
}
#Contenu #FilAriane li.LastItem {
	background-image: none;
	padding: 0;
}

/*-- Bloc d'information relative --*/
/*Deux Colonnes*/
#Contenu div.Extra			{ width: 472px; background: url(/images/Bg_Extra.png) repeat-y 100% 0%; }
#Contenu div.Extra .BgHaut	{ width: 100%; background: url(/images/Bg_Extra_Haut.png) no-repeat 100% 0%; }
#Contenu div.Extra .BgBas	{ width: 100%; background: url(/images/Bg_Extra_Bas.png) no-repeat 100% 100%; }
#Contenu div.Extra .Bloc {
	float: left;
	width: 198px;
	margin-right: 6px;
	padding: 0 35px 12px 0;
}
#Contenu div.Extra .Bloc.LastItem { width: 198px; margin-right: 0; }
/*Une Colonne*/
#Contenu div.Extra.Solo			{ background-image: url(/images/Bg_Extra_Solo.png); }
#Contenu div.Extra.Solo .BgHaut	{ background-image: url(/images/Bg_Extra_Solo_Haut.png); }
#Contenu div.Extra.Solo .BgBas	{ background-image: url(/images/Bg_Extra_Solo_Bas.png); }
#Contenu div.Extra.Solo .Bloc {
	float: none;
	width: 437px;
	margin-right: 0;
	padding: 0 35px 12px 0;
}
/*Contenu*/
#Contenu div.Extra .Bloc h2 {
	position: relative;
	height: 60px;
	margin: 0 0 16px;
}
#Contenu div.Extra .Bloc h2 span {
	position: absolute;
	bottom: 0px;
}
#Contenu div.Extra .Bloc p { margin: 0 0 10px; }
#Contenu div.Extra .Bloc a { color: #2b91e4; }
#Contenu div.Extra .Bloc a:hover { color: #ef8200; text-decoration: none; }

/*-- Foire aux questions --*/
#FAQ {
	width: 468px;
	border: 1px solid #d2d2d2;
	padding: 2px;
}
#FAQ h2 {
	width: 376px; height: 69px;
	background: url(/images/Bg_FAQ_Titre.png) no-repeat;
	padding-left: 90px;
}
#FAQ h2 span {
	display: block;
	height: 69px;
	text-indent: -9999px;
	overflow: hidden;
}
#FAQ div.Section {
	width: 466px;
	background: url(/images/Bg_DebutBloc.gif) repeat-x 0% 100%;
	padding: 2px 0 3px;
}
#FAQ div.Section.On .Bg { background: #1a75c5 url(/images/Bg_FAQ_SectionOn.png) repeat-x; }
#FAQ div.Section h4 {
	font-size: 1.1em;
	text-transform: none;
}
#FAQ div.Section h4 a {
	display: block;
	color: #4d4d4d;
	line-height: 26px;
	background: url(/images/Bg_FAQ_Ouvrir.gif) no-repeat 97% 50%;
	padding: 0 16px;
	outline: none;
}
#FAQ div.Section h4 a:hover {
	color: #2b91e4;
	text-decoration: none;
}
#FAQ div.Section.On h4 a, #FAQ div.Section.On h4 a:hover {
	color: #52dcec;
	background-image: url(/images/Bg_FAQ_Fermer.gif);
	text-decoration: none;
}
#FAQ div.Section div.Details {
	display: none;
	color: #ececec;
	padding: 1px 16px;
}
#FAQ div.Section.On div.Details { display: block; }
#FAQ div.Section div.Details p { line-height: 1.6em; }

/*-- ColG : Nouvelles --*/
#Nouvelles {
	width: 210px; height: 245px;
	background: #f8f8f8 url(/images/Bg_ColG_Nouvelles.png) no-repeat;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 8px;
	padding: 12px 15px 0;
}
#Nouvelles ul {
	height: 176px;
	padding-top: 8px;
	overflow: hidden;
}
#Nouvelles ul li {
	font-size: 1.1em;
	font-weight: bold;
	background: url(/images/Bg_ColG_Nouvelles_Separ.gif) repeat-x 0% 100%;
	padding: 6px 0 8px;
}
#Nouvelles ul li a { color: #2b91e4; }
#Nouvelles ul li a:hover { color: #ef8200; text-decoration: none; }
#Nouvelles p {
	padding: 0;
}

/*-- ColG : Infolettre --*/
#Infolettre {
	width: 140px; height: 110px;
	background: url(/images/Bg_Infolettre.png) no-repeat;
	margin-bottom: 8px;
	padding: 10px 0 0 100px;
}
#Infolettre p {
	font-size: 1.1em;
	color: #71736f;
	margin: 0 0 4px;
}
#Infolettre p strong { font-size: 1.4em; }
#Infolettre input.Courriel {
	float: left;
	width: 105px; height: 14px;
	background: url(/images/Bg_Infolettre_Champs.gif) no-repeat;
	border: 0;
	padding: 2px 3px;
}
#Infolettre input.Bouton { padding: 3px; }

/*-- ColD : Focus --*/
#Focus {
	width: 184px;
	background: #f8981d url(/images/Bg_ColD_Focus.png) repeat-x;
	border-bottom: 5px solid #fff;
	margin: -5px 0 5px;
	padding: 12px 14px;
}
#Focus h2 {
	color: #fff;
	text-transform: uppercase;
	line-height: 1.1em;
	margin: 0 0 12px;
}
#Focus p {
	font-size: 1.1em;
	color: #754400;
	margin: 0 0 12px;
}
#Focus p strong { color: #004990; }
#Focus a {
	font-weight: bold;
	color: #fff;
}
#Focus ul {
	font-size: 1.1em;
	margin: 0 0 12px;
	padding: 0;
}
#Focus ul li {
	background: url(/images/Puce_Focus.gif) no-repeat 0% 5px;
	padding: 0 0 2px 12px;
}
#Focus ol {
	font-size: 1.1em;
	margin: 0 0 12px 22px;
	padding: 0;
}
#Focus ol li {
	list-style: decimal outside;
	color: #754400;
	padding: 0 0 2px 0;
}

/*-- ColD : Témoignage --*/
#Temoignage {
	width: 212px;
	background: #ffccee url(/images/Bg_Temoignage.png) no-repeat;
	border-bottom: 5px solid #fff;
	margin: -5px 0 5px;
	padding-top: 5px;
}
#Temoignage .Photo {
	width: 166px; height: 150px;
	margin: 0 auto 2px;
}
#Temoignage .Masque { position: absolute; }
#Temoignage p {
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0 14px 12px;
}
#Temoignage div.Clearer {
	height: 1px;
	background: #e3e3e3;
	overflow: hidden;
}
#Contenu .Temoignages .Photo {
	float: right;
	width: 166px; height: 150px;
	margin: 0 0 0 20px;
}
#Contenu .Temoignages .Masque { position: absolute; }

/*-- ColD : Promo --*/
#Promo {
	width: 212px;
	background: #fff;
	padding: 0 0 5px; margin: -5px 0 5px;
	overflow: hidden;
}

/*-- ColD : Recherches rapide --*/
#ColD div.Recherche {
	width: 182px;
	background: url(/images/Bg_ColD_Recherche.png) no-repeat;
	border-bottom: 1px solid #d6d7d2;
	margin: 0 auto 5px;
	padding: 10px 10px 14px;
}
#ColD div.Recherche h4 {
	color: #4d4d4d;
	text-transform: none;
	margin: 0 2px 8px;
}
#ColD div.Recherche p {
	font-size: 1.1em;
	margin: 0 2px 8px;
}
#ColD div.Recherche .Resultat { padding-top: 8px; }

/*-- ColD : Bannieres --*/
#ColD div.Banniere {
	width: 200px;
	margin: 0 auto 6px;
}
#ColD div.Banniere p {
	margin: 0 0 6px;
}

/*-- ColD : Texte et liste --*/
#ColD div.Texte {
	width: 190px;
	margin: 0 auto 8px;
	padding-top: 8px;
}
#ColD div.Texte h2, #ColD div.Texte h3, #ColD div.Texte h4, #ColD div.Texte p, #ColD div.Texte ul {
	margin: 0 0 8px;
}
#ColD div.Texte ul li {
	font-size: 1.1em;
	border-bottom: 1px solid #c2c3bf;
	padding: 6px 0;
}

/*- Styles spéciaux pour page sans colonne de droite ---------------------------*/
body.FullPage #Contenu { width: auto; margin-right: 0; }
body.FullPage #ColD { display: none; }

/*- Styles spéciaux pour témoignages -------------------------------------------*/
body.Temoignage #BgCorps { background-image: none; }
body.Temoignage #Contenu {
	float: none;
	width: auto;
	margin-right: 0;
}
body.Temoignage #Contenu p.Intro {
	font-size: 1.2em;
	font-style: italic;
	margin: 12px 0;
}
body.Temoignage #Contenu div.AligneGauche {	width: 520px; }
body.Temoignage #Temoignage {
	float: left;
	width: 166px;
	background: #fff;
	border-bottom: 0;
	margin: 0 12px 8px 0; padding: 0;
}

/*- Styles spéciaux pour nouvelles et événements -------------------------------*/
body.NouvEven #BgCorps { background-image: none; }
body.NouvEven #Contenu {
	float: none;
	width: auto;
	margin-right: 0;
}
body.NouvEven #Contenu h1 {
	font-weight: normal;
	color: #1a75c5;
	margin: 0 0 8px;
}
body.NouvEven #Contenu h4 {
	color: #004990;
	margin: 0 0 2px;
}
body.NouvEven #Contenu p.Date {
	font-weight: bold;
	color: #004990;
	margin: 0;
}
body.NouvEven #Contenu p {
	line-height: 1.6em;
}
body.NouvEven #Contenu .Filtre {
	border-bottom: 1px solid #d2d2d2;
	padding: 8px 0 12px;
}
body.NouvEven #Contenu .Filtre .DropDown {
	float: left;
	width: 120px;
	background-image: url(/images/Bg_DropDown_Court.gif);
	margin-right: 12px;
}
body.NouvEven #Contenu .Filtre .DropDown ul { min-width: 116px; }
body.NouvEven #Contenu .Filtre .DropDown.Long { width: 240px; background-image: url(/images/Bg_DropDown_Long.gif); }
body.NouvEven #Contenu .Filtre .DropDown.Long ul { min-width: 236px; }

body.NouvEven #Contenu .Nouvelle {
	background: url(/images/Bg_DebutBloc.gif) repeat-x 0% 100%;
	padding: 24px 0 12px;
}
body.NouvEven #Contenu .Nouvelle.LastItem {
	background-image: none;
}
body.NouvEven #Contenu .Nouvelle a { color: #2b91e4; }
body.NouvEven #Contenu .Nouvelle a:hover { color: #eb9216; text-decoration: none; }

body.NouvEven #Contenu .Details {
	background: url(/images/Bg_FinBloc.gif) repeat-x;
	margin-top: 24px;
	padding-top: 24px;
}
body.NouvEven #Contenu .Details p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 18px;
}
body.NouvEven #Contenu .Details p.Complet {
	width: 90px;
	font-weight: bold;
	color: #fff;
	line-height: 25px;
	background: url(/images/Bg_Evenement_Complet.gif) no-repeat;
	text-align: center;
}

/*- Styles spéciaux pour "Etre un étudiant CGA" --------------------------------*/
body.EtreEtudiant #Contenu div.Formulaire .Corps { background: #f7f8f6; }
body.EtreEtudiant #Contenu div.Formulaire .Corps p { margin: 0 0 10px; }
body.EtreEtudiant #Contenu div.Formulaire .Corps p label { margin-bottom: 0; }
body.EtreEtudiant #Contenu div.Formulaire .DropDown {
	width: 448px;
	background-image: url(/images/Bg_DropDown_Form.gif);
	margin-bottom: 10px;
}
body.EtreEtudiant #Contenu div.Formulaire .DropDown ul { min-width: 444px; }

/*- Styles spéciaux pour "Rechercher un CGA" -----------------------------------*/
body.RechercherCGA #BgCorps { background-image: none; }
body.RechercherCGA #Contenu {
	float: none;
	width: auto;
	margin-right: 0;
}
body.RechercherCGA #Focus {
	float: right;
	border-bottom: 0;
	margin: 0 0 12px 20px;
}
body.RechercherCGA #Focus h2 {
	text-transform: none;
	margin: 0 0 12px;
}
body.RechercherCGA #Contenu div.Formulaire { width: 698px; }
body.RechercherCGA #Contenu div.Formulaire h2 { background-image: url(/images/Bg_FormL_Titre.png); }
body.RechercherCGA #Contenu div.Formulaire .Corps { background-position: 0% 0%; }
body.RechercherCGA #Contenu div.Formulaire .Corps p { line-height: 20px; margin: 0 0 9px 0; display: inline; }
body.RechercherCGA #Contenu div.Formulaire .Corps p.AligneGauche { margin-right: 10px; }
body.RechercherCGA #Contenu div.Formulaire .Corps p label { margin-bottom: 0; }

/*- Styles pour Plan du site ---------------------------------------------------*/
body.PlanSite #BgCorps { background-image: none; }
body.PlanSite #Contenu {
	float: none;
	width: auto;
	margin-right: 0;
}
body.PlanSite #Contenu #FilAriane { height: 3em; }
body.PlanSite #Contenu .PlanSite {
	width: 100%;
	background: url(/images/Bg_PlanSite.gif) repeat-y 100% 0%;
}
body.PlanSite #Contenu .ColG {
	float: left;
	width: 310px;
	margin-right: 70px;
}
body.PlanSite #Contenu .ColD {
	float: left;
	width: 300px;
}
body.PlanSite #Contenu h2 {
	color: #1a75c5;
	margin: 0 0 10px;
}
body.PlanSite #Contenu .PlanSite ul {
	font-size: 1.2em;
	margin: 0 0 18px;
}
body.PlanSite #Contenu .PlanSite ul li {
	list-style: none none;
	font-weight: bold;
	padding: 0 0 18px;
}
body.PlanSite #Contenu .PlanSite ul li a {
	color: #71736f;
	text-decoration: none;
}
body.PlanSite #Contenu .PlanSite ul li a:hover { color: #1a75c5; }
body.PlanSite #Contenu .PlanSite ul ul {
	font-size: 1em;
	margin: 0;
}
body.PlanSite #Contenu .PlanSite ul ul li {
	font-weight: normal;
	padding: 2px 0 0;
}
body.PlanSite #Contenu .PlanSite ul ul ul li {
	font-weight: normal;
	background: url(/images/Puce_PlanSite.gif) no-repeat 0% 6px;
	padding: 2px 0 0 8px;
}

/*- Styles pour page d'erreur 500 ----------------------------------------------*/
#PageErreur {
	width: 500px;
	padding-top: 70px;
	margin: 0 auto;
}
#PageErreur h1 { margin: 0 0 .4em; }
#PageErreur p { font-size: 1.1em; margin: 0 0 1em; }

/*- Styles pour formulaires ----------------------------------------------------*/
#Contenu div.Formulaire {
	width: 474px;
	margin: 24px 0 0;
}
#Contenu div.Formulaire h2 {
	height: 45px;
	line-height: 43px;
	background: url(/images/Bg_Form_Titre.png) no-repeat;
	padding-left: 10px;
}
#Contenu div.Formulaire .Corps {
	background: #fbfcfb url(/images/Bg_Form.png) repeat-x 0% 100%;
	border: 1px solid #e9e9e9;
	border-top: 0;
	margin: 0 0 12px;
	padding: 12px 10px 2px;
}
#Contenu div.Formulaire .Corps p { margin: 0 0 18px; }
#Contenu div.Formulaire .Corps p.AligneGauche { margin-right: 15px; }
#Contenu div.Formulaire .Corps p.AligneGauche.LastItem { margin-right: 0; }
#Contenu div.Formulaire .Corps p label {
	display: block;
	font-weight: bold;
	color: #71736f;
	margin-bottom: 10px;
}

input, textarea, select,
.TxtBox, .TxtArea, .SelectList, .Btn, .TxtLabel {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px; /* fixer la size pour pas que les champs défoncent si la grosseur du texte est grandie par l'utilisateur */
}
.TxtErreur {
	color: #FF0000;
}
#Contenu div.SommaireValidation {
	color: #b46f6d !important;
	background: #fdf1f1;
	border:1px solid #b46f6d;
	padding: 6px 10px;
	margin: 0 0 12px;
}
#Contenu div.SommaireValidation ul { margin: 0; }
#Contenu div.SommaireValidation ul li {
	list-style: none none;
	padding: 0;
}
.TxtBox {
	background:	#fff;
	border: 1px solid #d4d4d4;
	padding: 2px 3px;
}
.TxtArea {
	background:	#fff;
	border: 1px solid #d4d4d4;
	padding: 2px 3px;
	overflow: auto;
}
.SelectList {
	background:	#fff;
	border: 1px solid #d4d4d4;
	padding: 1px 2px;
}
p.Checkbox {

}
p.Checkbox label {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}
p.Checkbox input {
	display: block;
	float: left;
}
p.Checkbox br {
	clear: both;
}
p.RadioBtn  {

}
p.RadioBtn label {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}
p.RadioBtn input {
	display: block;
	float: left;
}
p.RadioBtn br {
	clear: both;
}
a.Btn {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #72756e;
	height: 18px; line-height: 18px;
	background: url(/images/Bg_LienBouton_Blanc.png) no-repeat 50% -30px; 
	border: 1px solid #e6e5e5;
	padding: 0 6px;
}
a.Btn:hover {
	color: #ef8200;
	text-decoration: none;
	background-position: 50% -3px;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TexteSpecial {
	font-weight: bold;
	color: #2e2e2e;
}
.TextePetit {
	font-size: 0.9em;
}

/*- Classes pour les hyperliens ----*/
a.LienAvecPuce {
	background: url(/images/Puce_Lien.gif) no-repeat 100% 50%;
	padding-right: 18px;
}

/*- Classes pour les images ----*/
img.ImageContour {
	border: 1px solid #000000;
}
img.ImageGauche {
	border: 1px solid #000000;
	margin:	0 15px 5px 0;
	float: left;
}
img.ImageDroite {
	border: 1px solid #000000;
	margin: 0  0 5px 15px;
	float: right;
}

/*- Classes pour les listes ----*/
/* 	NOTE : Il est important de garder le font-size sur les ul et ol et non de le
	mettre sur les li, plus bas se trouve une liste d'ajustements pour les EM */
#Contenu ul {
	font-size: 1.1em;
	margin: 0 0 12px 15px;
	padding: 0;
}
#Contenu ul li {
	list-style: disc outside url(/images/Puce_Liste.gif);
	padding: 0 0 2px 0;
}
#Contenu ol {
	font-size: 1.1em;
	margin: 0 0 12px 24px;
	padding: 0;
}
#Contenu ol li {
	list-style: decimal outside;
	padding: 0 0 2px 0;
}

/*- Classes pour les tableaux ----*/
/* 	NOTE : Il est important de garder le font-size sur le tableau et non de le 
	mettre sur les td, plus bas se trouve une liste d'ajustements pour les EM */
table.Tableau {
	margin: 0 0 16px;
}
table.Tableau td {
	font-size: 1.1em;
	border-bottom: 1px solid #fff;
	padding: 4px 10px;
	vertical-align: top;
}
table.Tableau td.CelluleTitre {
	font-weight: bold;
	color: #2b91e4;
	background: url(/images/Bg_PiedPage.png) repeat-x 0px -6px;
	border-bottom: 1px solid #e0dfdf;
	padding: 10px 10px 8px;
}
table.Tableau td.CelluleSousTitre {
	font-weight: bold;
	color: #000;
	background: #d8d8d3;
}
table.Tableau td.CelluleAlternative {
	background: #e9eae5;
}

/*--------------------------------------------------------------------------*/

/*- Styles d'ajustement pour les EM ----------------------------------------*/
div#Contenu p p,
div#Contenu ul ul, 
div#Contenu ol ol, 
div#Contenu ol ul, 
div#Contenu ul ol,
div#Contenu table.Tableau ul,
div#Contenu table.Tableau ol,
div#Contenu table.Tableau p,
div#Contenu table.Tableau tr td p {
	font-size:1em;
}