/*----------------------------------------------------------------------------//
// 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 a 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: #7f8183;
	background: #FFFFFF;
}
a, a:hover {
	color: #535456;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
div.HR {
	height: 1px;
	background: url(/images/Bg_Separ_H.gif) repeat-x;
	margin: 2.4em 0;
	overflow: hidden;
}

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

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

/*-- Entete du site --*/
#Entete {
	position: relative;
	width: 961px; height: 449px;
	background: no-repeat 0 0;
	overflow: hidden;
}
.LogoTC{
	position:absolute;
	left: 50%; top: 24px; 
	margin-left: -72.5px;
}
#NavLangue, #NavFixe { position:absolute; top: 23px; }
#NavLangue li, #NavFixe li {
	float: left;
	font-size: 1.1em;
	color: #c2c2c2;
}
#NavLangue a, #NavFixe a { color: #636466; text-decoration: none; }
#NavLangue a:hover, #NavFixe a:hover { text-decoration: underline; }
#NavLangue a.On, #NavLangue a.On:hover,
#NavFixe a.On, #NavFixe a.On:hover { color: #c2c2c2; }
#NavLangue { left: 19px; }
#NavLangue li { margin-right:7px; }
#NavFixe { right: 19px; }
#NavFixe li { margin-left:7px; }

#BlocTitres{
	padding:0 19px 0 16px;
	position:absolute;
	top:230px;
}
#BlocTitres h1,
#BlocTitres p.h1 {
	font-size: 38px;
	font-weight: bold;
	color: #535456;
	line-height: 38px;
}
#BlocTitres h2 {
	font-size: 18px;
	color: #535456;
	text-transform: uppercase;
	margin: 0 0 2px 2px;
}
#BlocTitres.TextePale h1,
#BlocTitres.TextePale p.h1,
#BlocTitres.TextePale h2 { color: #FFF; }

/*-- Corps du site --*/
#Corps { width: 961px; padding: 0 0 40px 0; }
#BlocContenu { float: left; width: 703px; }

/*-- Colonne latérale --*/
#ColonneLaterale {
	float: right;
	width: 258px;
	padding: 26px 0 0 0;
}
#ColonneLaterale div.HR { margin: 10px 0; }
#ColonneLaterale .AppelAction {
	width: 258px; height: 82px;
	background: #7f8183 no-repeat 0 0;
	margin-bottom: 10px;
	overflow: hidden;
	cursor: pointer;
}
#ColonneLaterale .AppelAction.Hover { background-position: 0 -82px; }
#ColonneLaterale .AppelAction a {
	display:block;
	width: 87px; height: 55px;
	font-size: 11px;
	font-weight: bold;
	color:#7f8183;
	text-decoration: none;
	text-transform: uppercase;
	background: url(/images/Img_LienAppelAction.png) no-repeat 0 0;
	padding: 27px 30px 0 141px;
}
#ColonneLaterale .AppelAction.Hover a {
	background-position: 0 -82px;
	padding-right: 82px;
	padding-left: 99px;
}
#ColonneLaterale .Infolettre { padding: 12px 0 6px; }
#ColonneLaterale .Infolettre h3 { font-size: 1.3em; font-weight: bold; color: #252525; text-transform: uppercase; }
#ColonneLaterale .Infolettre p { font-size: 1.2em; color: #7f8183; line-height: 16px; margin: 0 0 10px; }

/*-- Pied de page --*/
#PiedPage{
	width: 923px;
	font-size: 1.1em;
	color: #d7d7d7;
	background: #636466;
	padding: 29px 19px 31px 19px;
}
#PiedPage #BlocReferencement { float: left; width: 646px; }
#PiedPage #BlocReferencement li { float: left; margin-right: 4px; }
#PiedPage #BlocLegal { float: right; text-align: right; }
#PiedPage #BlocLegal li { float: right; margin-left: 4px; }
#PiedPage p { margin: 0; }
#PiedPage a { color: #acacac; text-decoration: none; }
#PiedPage a:hover { color:#d7d7d7; }

/*- Styles pour menu principal / sous-menu  ----------------------------------*/
#BlocMenuPrincipal{
	position:absolute;
	top: 138px;
	width: 961px; height: 35px;
	background:url(/images/Bg_MenuPrincipal.png) repeat-x 0 0;
	overflow: hidden;
	visibility: hidden;
}
#MenuPrincipal {
	float: left;
	position: absolute;
	left: 0; top: 0;
	height: 35px;
}
#MenuPrincipal li {
	float: left;
	height: 35px;
	font-size: 12px;
	font-weight: bold;
	line-height: 35px;
	text-transform: uppercase;
}
#MenuPrincipal a {
	display: inline-block;
	height: 35px;
	color: #FFF;
	text-decoration: none;
	padding: 0 1em;
}
#MenuPrincipal a:hover { background: #535457; }
#MenuPrincipal a.On { background:#535457; }

#MenuSecondaire {
	width: 923px; height: 44px;
	border-bottom: 1px solid #c2c2c2;
	padding: 0 19px 0 19px;
	overflow: hidden;
}
#MenuSecondaire li {
	float: left;
	font-size: 11px;
	color: #959595;
	line-height: 44px;
	margin-right: 9px;
}
#MenuSecondaire a { color: #959595; text-decoration: none; }
#MenuSecondaire a:hover { text-decoration: underline; }
#MenuSecondaire a.On { color:#252525; text-decoration:none; }

/*- Styles spéciaux pour pages intérieures -----------------------------------*/
#BlocContenu h1,
#BlocContenu h2 { font-size: 2.4em; color: #252525; line-height: 24px; margin-bottom: 5px; }
#BlocContenu h3,
#BlocContenu h4 { font-size: 1.3em; font-weight: bold; color: #252525; text-transform: uppercase; }

/*-- Zones de contenu --*/
.ContenuPrincipal,
.ContenuSecondaire { width: 634px; padding: 0 12px 0 19px; }
.ContenuPrincipal { padding-top: 23px; }
.ContenuPrincipal p {
	font-size: 1.5em;
	color: #7f8183;
	line-height: 18px;
	margin: 0 0 24px 0;
}
.ContenuSecondaire { border-top: 1px solid #c2c2c1; padding-top: 19px; }
.ContenuSecondaire p {
	font-size: 1.2em;
	color: #7f8183;
	line-height: 16px;
	margin: 0 0 18px 0;
}

/*-- Gallerie photo --*/
.GaleriePhoto {
	position: relative;
	width: 665px !important;
	border-top: 1px solid #c2c2c1;
	padding: 24px 0;
	overflow: hidden;
}
.GaleriePhoto .Prec, .GaleriePhoto .Suiv { position: absolute; margin-top: 85px; z-index: 20; }
.GaleriePhoto .Prec { left: 0; }
.GaleriePhoto .Suiv { right: 0; }

.GaleriePhoto ul { position: relative; overflow: hidden; }
.GaleriePhoto ul li {
	position: relative;
	width: 327px; height: 217px;
	margin-right: 11px;
	overflow: hidden;
}
.GaleriePhoto ul li a { display: block; background: #535457; }
.GaleriePhoto ul li a.On {
	width: 321px; height: 211px;
	border: 3px solid #e3e3e3;
	overflow: hidden;
}
.GaleriePhoto ul li a.On img { margin: -3px 0 0 -3px; }

/*- Styles spéciaux pour page d'accueil --------------------------------------*/
body.Accueil #Entete { height: 600px; border-bottom: 1px solid #c2c2c2; }
body.Accueil #Corps {  padding: 0 0 10px 0; }
body.Accueil #ColonneLaterale { width: 296px; }
body.Accueil #BlocContenu { width: 665px; }
body.Accueil #BlocContenu h1,
body.Accueil #BlocContenu h2 { font-size: 1.8em; color: #252525; margin: 0 0 .4em; }

body.Accueil #BlocPresentation { float: left; width: 336px; padding: 26px 19px 10px; }
body.Accueil #BlocPresentation p { font-size: 1.3em; line-height: 1.4em; margin: 0 0 1em; }

body.Accueil #BlocNouvelles { float: left; width: 253px; padding: 26px 19px 10px; }
body.Accueil #BlocNouvelles ul { font-size: 1em; margin: 0; }
body.Accueil #BlocNouvelles ul li { list-style: none none; padding: 0; }
body.Accueil #BlocNouvelles p { font-size: 1.2em; line-height: 1.4em; margin: 0 0 1.2em; }
body.Accueil #BlocNouvelles p.DateNouvelle { font-size: 1.1em; color: #959595; margin: 0; }
body.Accueil #BlocNouvelles p.TitreNouvelle { font-size: 1.4em; font-weight: bold; color: #535456; margin: 0; }

/*- Styles spéciaux pour pages de chapitre -----------------------------------*/
body.PageChapitre #BlocContenu { padding-top: 26px; }
body.PageChapitre #BlocContenu div.HR { width: 664px; margin: 1.4em 0 2.4em; }

body.PageChapitre .ContenuPrincipal { float: left; width: 294px; padding: 0 19px; }
body.PageChapitre .ContenuPrincipal p { font-size: 1.3em; margin: 0 0 1em; }

body.PageChapitre .GaleriePhoto { border-top: 0; padding: 10px 0 20px; }
body.PageChapitre .GaleriePhoto p.Note {
	font-size: 1.1em;
	text-transform: uppercase;
	margin: 20px 18px 0;
}
body.PageChapitre .Realisations { width: 665px; padding: 19px 0 0; }
body.PageChapitre .Realisation { float: left; width: 215px; margin-right: 10px; }
body.PageChapitre .Realisation.EdgeItem { margin-right: 0; }
body.PageChapitre .Realisation h2 { font-size: 1.8em !important; text-align: center; margin: .2em 0 .6em !important; }
body.PageChapitre .Realisation a { display: block; background: #535457; }
body.PageChapitre .Realisation a.On {
	width: 209px; height: 127px;
	border: 3px solid #e3e3e3;
	overflow: hidden;
}
body.PageChapitre .Realisation a.On img { margin: -3px 0 0 -3px; }

/*- Styles spéciaux pour pages d'actualité / médias --------------------------*/
body.Actualite #BlocContenu { background: url(/images/Bg_Separ_V.gif) repeat-y 330px 0px; margin-top: 26px; }

body.Actualite .ColG,
body.Actualite .ColD { float: left; width: 330px; }
body.Actualite .ColG .ContenuPrincipal,
body.Actualite .ColG .BlocNouvelles { width: 290px; padding: 0 20px 0 15px; }
body.Actualite .ColD .ContenuPrincipal,
body.Actualite .ColD .BlocNouvelles { width: 300px; padding: 0 0 0 30px; }

body.Actualite .BlocNouvelles p { font-size: 1.2em; line-height: 1.4em; margin: 0 0 1.4em; }
body.Actualite .BlocNouvelles p.DateNouvelle { font-size: 1.1em; color: #959595; margin: 0; }
body.Actualite .BlocNouvelles p.TitreNouvelle { font-size: 1.4em; font-weight: bold; color: #535456; margin: 0; }

/*- Styles pour Plan du site -------------------------------------------------*/
body.PlanSite #BlocContenu { float: none; width: 961px; padding: 16px 0 0; }
body.PlanSite #BlocContenu a { display: block; text-decoration: none; }

body.PlanSite #BlocContenu ul { font-size: 1em; margin: 0 0 12px; }
body.PlanSite #BlocContenu ul li {
	width: 696px;
	list-style: none none;
	border-top: 1px solid #c2c2c2;
	padding: 18px 0 18px 265px;
	clear: both;
}
body.PlanSite #BlocContenu ul li.EdgeItem { border-top: 0; }
body.PlanSite #BlocContenu ul li a {
	position: absolute; margin: -6px 0 0 -245px;
	font-size: 1.8em;
	color: #252525;
}
body.PlanSite #BlocContenu ul ul li {
	float: left;
	width: 210px;
	border-top: 0;
	padding: 0;
	clear: none;
}
body.PlanSite #BlocContenu ul ul li a {
	position: relative; margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #535456;
	padding: 0 0 4px 0;
}
body.PlanSite #BlocContenu ul ul ul li {
	float: none;
	width: 194px;
	background: url(../images/Puce_Liste.gif) no-repeat 0 4px;
	padding: 2px 0 0 16px;
}
body.PlanSite #BlocContenu ul ul ul li a {
	font-size: 1.1em;
	font-weight: normal;
	color: #959595;
	padding: 0;
}

/*- Styles pour formulaires --------------------------------------------------*/
.Formulaire {
	width: 634px;
	border-top: 1px solid #c2c2c1;
	padding: 19px 12px 0 19px;
}
.Formulaire p { font-size: 1.2em; color: #7f8183; margin: 0 0 1em 0; }
.Formulaire p label { display: block; margin-bottom: .4em; }

div.SommaireValidation {
	color: #b46f6d !important;
	background: #fdf1f1;
	padding: 8px 12px;
	margin: 0 -6px 18px -12px;
}
div.SommaireValidation ul { font-size: 1.2em; }

input, textarea, select, .TxtBox, .TxtArea, .SelectList {
	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 */
}
.TxtBox, .TxtArea, .SelectList {
	color: #7f8183;
	background:	#fff;
	border: 1px solid #c2c2c1;
	padding: 3px;
}
.TxtArea { overflow: auto; }
.SelectList { padding: 2px; }

p.Checkbox { position: relative; }
p.Checkbox label { display: block; padding: 0 0 0 22px;  }
p.Checkbox input { display: block; position: absolute; margin: 1px; }
p.Checkbox br { clear: both; }

.Btn {
	color: #000;
	background:	#fff;
	border: 1px solid #666666;
	padding: 1px 2px;
	overflow: visible;
}

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

/*- Classes pour les textes ----*/
.TexteSpecial { color: #FF9933; }

#BlocContenu p.TextePetit { font-size: 1.1em; }
#BlocContenu span.TextePetit { font-size: 0.9em; }

/*- Classes pour les hyperliens ----*/
a.LienBouton {
	display: inline-block;
	height: 24px; line-height: 24px;
	font-size: 11px;
	font-weight: bold;
	color: #7f8183;
	text-decoration: none;
	text-transform: uppercase;
	background: #ececec;
	padding: 0 9px;
}
a.LienBouton:hover { background: #ececec url(/images/Puce_LienBoutonHover.gif) no-repeat 8px 50%; padding-left: 20px; }

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

/*- Classes pour les listes ----*/
#BlocContenu ul { font-size: 1.2em; margin: 12px 0 12px 18px; }
#BlocContenu ul li { list-style: disc outside url(/images/Puce_Liste.gif); padding: 0 0 5px 0; }

#BlocContenu ol { font-size: 1.2em; margin: 12px 0 12px 24px; }
#BlocContenu ol li { list-style: decimal outside; padding: 0 0 5px 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: 18px 0;
}
table.Tableau td {
	font-size: 1.2em;
	color: #7f8183;
	vertical-align: top;
	padding: 8px 16px;
}
table.Tableau td.CelluleTitre {
	font-size: 1.1em;
	font-weight: bold;
	color: #7f8183;
	text-transform: uppercase;
	background: #ececec;
}
table.Tableau td.CelluleAlternative {
	background: #f1f1f1;
}

/*----------------------------------------------------------------------------*/
/*- 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;
}