/*----------------------------------------------------------------------------//
// 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 -------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #5b646b;
	background: #fff;
}
h1 { font-size: 3em; font-weight: bold; color: #1f5c81; }
h2 { font-size: 1.4em; font-weight: bold; color: #1e5b80; }
h3 { font-size: 1.3em; font-weight: bold; color: #3d444a; }
h4, h5, h6 { font-size: 1.2em; font-weight: bold; }
a { color: #5b646b; text-decoration: none; outline: none; }
a:hover { color: #e11a2c; }
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
div.HR {
	height: 1px;
	background: #e6e6e6;
	margin: 1.8em -20px;
	overflow: hidden;
}

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

#Wrapper { width: 954px; margin: 0 auto; }

/*-- Entete du site --*/
#Entete { position: relative; width: 100%; height: 132px; }
#Entete .Logo { position: absolute; left: 4px; top: 24px; }
#Language { position: absolute; right: 0px; top: 65px; }
#Language p { float: left; font-size: 1.2em; line-height: 34px; }
#Language p.Label { background: url(/images/Bg_Entete_Langue.gif) no-repeat 0% 0%; padding: 0 5px 0 15px; }
#Language p.Lang {
	position: relative;
	min-width: 90px;
	background: url(/images/Bg_Entete_Langue.gif) no-repeat 100% 0%;
}
#Language p.Lang a.Actif {
	display: block;
	background: url(/images/Bg_Entete_Langue_Btn.gif) no-repeat 100% 50%;
	padding-right: 30px;
}
#Language p.Lang span {
	position: absolute;
	left: -9px; top: 30px; right: -1px;
	line-height: normal;
	background: #fff;
	border: 1px solid #ddd; border-top: 0;
	padding: 0 5px 5px;
}
#Language p.Lang span a { display: block; padding: 2px 3px; }
#Language p.Lang span a:hover { display: block; padding: 2px 3px; }
#Language p.Lang span a.On { background: #f1f1f1; }
#Language p.Login { font-size: 1em; }
#Language p.Login a {
	display: block;
	font-size: 1em;
	color: #fff;
	text-transform: uppercase;
	background: url(/images/Bg_Entete_Login.png) no-repeat 100% 0px;
	padding: 0 17px 0 15px;
}
#Language p.Login a:hover { background-position: 100% -34px; }

/*-- Corps principal --*/
#Corps { padding: 16px 0 35px; }
#ColG {
	float: left;
	width: 704px;
	background: url(/images/Bg_ColG.png) repeat-y;
	margin-right: 10px;
}
#ColG .Haut { background: url(../images/Bg_ColG_Haut.png) no-repeat; padding: 6px 6px 20px; }
#ColG .Bas { height: 21px; background: url(../images/Bg_ColG_Bas.png) no-repeat; clear: both; }

#Contenu { padding: 0 24px; }

#ColD { float: left; width: 240px; }

/*-- Bas de page du site --*/
#PiedPage {
	width: 946px;
	background: url(/images/Bg_PiedPage.gif) repeat-y;
	margin: 0 auto 26px;
}
#PiedPage .Haut {
	height: 40px; line-height: 40px;
	background: url(/images/Bg_PiedPage_Haut.png) no-repeat;
	padding-left: 60px;
}
#PiedPage .NavFixe ul {
	float: left;
	width: 146px;
	font-size: 1.2em;
	padding: 14px 0 14px 18px;
}
#PiedPage .NavFixe ul.EdgeItem { width: auto; }
#PiedPage .NavFixe ul li { padding: 0 0 8px; }
#PiedPage .NavFixe ul li.EdgeItem a { font-weight: bold; color: #23618a; text-transform: uppercase; }
#PiedPage .NavFixe ul li.EdgeItem a:hover { color: #e11a2c; }

#PiedPage .Bas {
	position: relative;
	height: 43px; line-height: 43px;
	background: url(/images/Bg_PiedPage_Bas.png) no-repeat;
	padding: 0 18px;
	clear: both;
}
#PiedPage .Bas .Date { color: #231f20; }
#PiedPage .Bas .Aderco { color: #ed1b2e; }
#PiedPage .Bas ul { position: absolute; right: 18px; top: 0; }
#PiedPage .Bas ul li {
	float: left;
	background: url(/images/Bg_PiedPage_NavFixe.gif) no-repeat 8px 50%;
	padding-left: 17px
}
#PiedPage .Bas ul li.EdgeItem { background-image: none; padding-left: 0; }
#PiedPage .Bas ul li a { text-transform: uppercase; }

/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	width: 946px; height: 42px; line-height: 42px;
	background: url(/images/Bg_MenuPrincipal.png) no-repeat 100% 0%;
	margin: 0 auto;
}
#MenuPrincipal li {
	float: left;
	background: url(/images/Bg_MenuPrincipal_Item.gif) no-repeat 100% 0%;
	padding-right: 1px;
}
#MenuPrincipal li a {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background: url(/images/Bg_MenuPrincipal.png) no-repeat 50% 0px;
	padding: 0 18px;
}
#MenuPrincipal li a:hover { color: #92c0dc; }
#MenuPrincipal li a.On,
#MenuPrincipal li a.On:hover,
#MenuPrincipal li a.Current,
#MenuPrincipal li a.Current:hover { color: #fff; background-position: 50% -42px; }
#MenuPrincipal li.EdgeItem a { background-position: 0% 0px; }
#MenuPrincipal li.EdgeItem a.On,
#MenuPrincipal li.EdgeItem a.Current { background-position: 0% -42px; }

#MenuPrincipal.Alt,
#MenuPrincipal.Alt li a { background-image: url(/images/Bg_MenuPrincipal_Alt.png); }

ul.SousMenu {
	display: none;
	width: 946px; height: 28px; line-height: 28px;
	background: #052f4a url(/images/Bg_SousMenu.png) no-repeat 0% 100%;
	margin: 0 auto;
	clear: both;
}
ul.SousMenu.On { display: block; }
ul.SousMenu li {
	float: left;
	background: url(/images/Bg_SousMenu_Item.gif) no-repeat 14px 50%;
	padding-left: 29px;
}
ul.SousMenu li.EdgeItem { background-image: none; padding-left: 18px; }
ul.SousMenu li a {
	font-size: 1.1em;
	font-weight: bold;
	color: #9cb1be;
	text-transform: uppercase;
}
ul.SousMenu li a:hover,
ul.SousMenu li a.On { color: #fff; }

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
body.Accueil #Corps { padding: 10px 0 22px; }
#Flash { width: 946px; margin: 0 auto 24px; }

#AccPreviews { float: left; width: 706px; margin-right: 6px; }
#AccPreviews .Preview {
	float: left;
	position: relative;
	width: 320px; height: 134px;
	background: url(/images/Bg_Acc_Preview.png) no-repeat;
	margin: 0 10px 10px 0;
	padding: 12px 15px 0 13px;
}
#AccPreviews .Preview.EdgeItem { margin-right: 0; }
#AccPreviews .Preview p { font-size: 1.2em; line-height: 1.4em; }
#AccPreviews .Preview .Photo {
	float: left;
	width: 105px; height: 121px;
	margin: 0 10px 0 0;
}
#AccPreviews .Preview .Photo img.Masque { position: absolute; }
#AccPreviews .Preview .Plus { position: absolute; right: 0; bottom: 0; margin: 0; }
#AccPreviews .Preview .Plus a {
	display: block;
	width: 48px; height: 48px;
	background: url(/images/Bg_Acc_Preview_Coin.png) no-repeat 0px 0px;
	overflow: hidden;
	text-indent: -9999px;
}
#AccPreviews .Preview .Plus a:hover { background-position: 0px -48px; }

#AccNews {
	float: left;
	position: relative;
	width: 198px; min-height: 230px;
	background: url(/images/Bg_Acc_News.png) no-repeat;
	padding: 12px 22px 0 22px;
}
#AccNews p { font-size: 1.2em; line-height: 1.4em; margin: 0 0 8px; }

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#Contenu h1 { margin: 0 0 .5em; }
#Contenu h2 { text-transform: uppercase; margin: 2.4em 0 1.2em; }
#Contenu h3 { line-height: 1.4em; }
#Contenu p { font-size: 1.2em; line-height: 1.4em; margin: 0 0 1.5em; }
#Contenu p.Section { font-size: 1.4em; color: #3d444a; text-transform: uppercase; margin: 0; }
#Contenu a { color: #e11a2c; }
#Contenu a:hover { color: #1f5c81; }

#Previews { position: relative; background: url(/images/Bg_Previews.png) repeat-y; margin: 0 0 4px; }
#Previews .BgHaut { background: url(/images/Bg_Previews_Haut.png) no-repeat 0% 0%; }
#Previews .BgBas { background: url(/images/Bg_Previews_Bas.png) no-repeat 0% 100%; padding: 5px 0 4px; }
#Previews .Preview {
	position: relative;
	min-height: 63px;
	background: url(/images/Bg_Preview_Item.gif) no-repeat 0% 100%;
	padding: 10px 16px;
	cursor: pointer;
}
#Previews .Preview.EdgeItem,
#Previews .Preview.EdgeItem.On { background-image: none; }
#Previews .Preview.On { background-image: url(/images/Bg_Preview_Item_On.gif); padding-bottom: 24px; }
#Previews .Preview p { font-size: 1.2em; line-height: 1.4em; margin-left: 65px; padding-top: 3px; }
#Previews .Preview .Titre { width: 143px; overflow: hidden; }
#Previews .Preview .Titre a { display: block; }
#Previews .Preview .Titre a:hover { margin-left: -143px; }
#Previews .Preview .Photo {
	float: left;
	width: 55px; height: 63px;
	margin: 0 10px 0 0;
	padding-top: 0;
}
#Previews .Preview .Photo img.Masque { position: absolute; }
#Previews .Preview .Plus { position: absolute; right: 0; bottom: -4px; margin: 0; z-index: 10; }
#Previews .Preview .Plus a {
	display: block;
	width: 48px; height: 48px;
	background: url(/images/Bg_Acc_Preview_Coin.png) no-repeat 0px 0px;
	overflow: hidden;
	text-indent: -9999px;
}
#Previews .Preview .Plus a:hover { background-position: 0px -48px; }
#Previews .Preview .Texte, #Previews .Preview .Plus { display: none; }
#Previews .Preview.On .Texte, #Previews .Preview.On .Plus { display: block; }

#ContactUs {
	min-height: 240px;
	background: url(/images/Bg_ColD_Contact.png) no-repeat;
	padding: 16px 16px 0;
}

/*- Styles spéciaux pour page nouvelles ----------------------------------------*/
body.NewsEvents #Contenu a { color: #5b646b; }
body.NewsEvents #Contenu a:hover { color: #e11a2c; }
body.NewsEvents #Contenu .Liste p { margin: 0 0 8px; }
body.NewsEvents #Contenu p.Date { float: left; margin: 0; }

/*- Styles spéciaux pour page de contact ---------------------------------------*/
body.Contact #ColG { margin-right: 8px; }
body.Contact #ColG .Haut {
	position: relative;
	height: 385px;
	background: url(/images/Bg_ColG_Haut_Contact.png) no-repeat;
	padding: 5px;
}
body.Contact #ColG .Haut p { position: absolute; }

body.Contact #ColD { width: 242px; }

#ContactInfos { background: url(/images/Bg_ContactInfo.png) repeat-y; }
#ContactInfos .Haut { height: 22px; background: url(/images/Bg_ContactInfo_Haut.png) no-repeat; }
#ContactInfos .Bas { height: 22px; background: url(/images/Bg_ContactInfo_Bas.png) no-repeat; }

#ContactInfos .Location { padding: 0 20px; }
#ContactInfos .Location p { font-size: 1.2em; line-height: 1.4em; margin: 0 0 1.4em; }
#ContactInfos .Location p.TexteSpecial { font-size: 1.6em; margin: 0 0 1em; }

/*- Styles pour Plan du site ---------------------------------------------------*/
#Contenu #PlanSite a { color: #5b646b; }
#Contenu #PlanSite a:hover { color: #e11a2c; }
#Contenu #PlanSite ul { margin: 1em 0 1.5em 15px; }
#Contenu #PlanSite ul li { padding: 0 0 .4em; }

/*- Styles pour page d'erreur 500 ----------------------------------------------*/
body.Erreur #Wrapper { width: 704px; }
body.Erreur #Corps { padding: 0; }
body.Erreur #ColG { margin-right: 0; }
body.Erreur #PiedPage,
body.Erreur #PiedPage .Bas { background-image: none; }

/*- Styles pour formulaires ----------------------------------------------------*/
.Form {	margin: 0 -5px; }
.Form p label {
	display: block;
	text-transform: uppercase;
	margin: 0 0 10px 5px;
}
.Form p.Demi { float: left; width: 289px; }
.Form p.Demi span.TxtBox { width: 203px; background-image: url(/images/Bg_Form_TxtBox_Demi.png); }
.Form p.Demi span.TxtBox input{ width: 193px; }

#Contenu div.SommaireValidation {
	color: #ed1b2e !important;
	background: #fdf1f1;
	border:1px solid #ed1b2e;
	padding: 12px 16px;
	margin-bottom: 1.5em;
}
#Contenu div.SommaireValidation ul { margin: 0; }
#Contenu div.SommaireValidation ul li { list-style: none outside none; padding: 0; }

input, textarea, select, span.TxtBox input, span.TxtArea textarea, span.SelectList select {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px; /* fixer la size pour pas que les champs défoncent si la grosseur du texte est grandie par l'utilisateur */
}
.TxtErreur {
	color: #ed1b2e;
}
span.TxtBox, span.TxtArea, span.SelectList {
	display: block;
	width: 492px; height: 23px;
	background: url(/images/Bg_Form_TxtBox.png) no-repeat;
	padding: 8px 0 0 10px;
}
span.TxtBox input, span.TxtArea textarea, span.SelectList select {
	width: 482px;
	color: #5b646b;
	background:	#fff;
	border: 0;
}
span.TxtArea { height: 208px; background-image: url(/images/Bg_Form_TxtArea.png); }
span.TxtArea textarea { height: 200px; overflow: auto; }

a.Btn {
	display: inline-block;
	font-size: 10px;
	color: #fff !important;
	text-transform: uppercase;
	line-height: 24px;
	background: url(/images/Bg_Btn.png) no-repeat 0% 0px;
	padding-left: 12px;
}
a.Btn span {
	display: block;
	background: url(/images/Bg_Btn.png) no-repeat 100% 0px;
	padding-right: 12px;
}
a.Btn:hover { background-position: 0% -24px; }
a.Btn:hover span { background-position: 100% -24px; }

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

/*- Classes pour les textes ----*/
.TexteSpecial { font-weight: bold; color: #ed1b2e; }

#Contenu p.TexteGrand { font-size: 2em; margin: 0 0 .3em; }
#Contenu span.TexteGrand { font-size: 1.6em; }

#Contenu p.TextePetit { font-size: 1em; }
#Contenu span.TextePetit { font-size: 0.85em; }

/*- Classes pour les hyperliens ----*/


/*- Classes pour les images ----*/
img.ImageGauche {
	margin: 0  24px 12px 0;
	float: left;
}
img.ImageDroite {
	margin: 0  0 12px 24px;
	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.2em; margin: 0 0 1.5em 15px; }
#Contenu ul li { list-style: disc outside url(/images/Puce_Liste.gif); padding: 0 0 .8em; }
#Contenu ol { font-size: 1.2em; margin: 0 0 1.5em 24px; }
#Contenu ol li { list-style: decimal outside; padding: 0 0 .8em; }

/*- 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 {
	border-left: 1px solid #dadada;
	border-top: 1px solid #dadada;
	margin: 0 0 1.5em;
}
table.Tableau td {
	font-size: 1.2em;
	background: url(/images/Bg_Table_Cell.gif) repeat-x 0% 100%;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	padding: 16px 12px;
	vertical-align: top;
}
table.Tableau td.CelluleTitre {
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background: url(/images/Bg_Table_Titre.gif) repeat-x 0% 50%;
	padding: 10px 12px;
}
table.Tableau td.CelluleSousTitre {
	font-weight: bold;
	color: #514f4f;
}

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

/*- 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,
table.Tableau ul,
table.Tableau ol,
table.Tableau p {
	font-size:1em;
}