/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : APCM
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 9 avril 2009
//----------------------------------------------------------------------------*/
@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, Verdana, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color:#757561;
	background:#464440 url(/images/Bg_Body.png) no-repeat 50% 149px;
}
p {
	margin: 0 0 12px 0;
}
a {
	color:#e2561f;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
div.hr {
	border-top:1px solid #C2C2C2;
	margin-top:6px;
	padding-bottom:6px;
}
div.hr hr{
	display:none;
}


/*- Styles communs à toutes les pages -----------------------------------------*/
.Clearer {
	clear: both;
}
.Clearfix:after,
.SommaireValidation:after,
.BoxToogle:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.AligneGauche {
	float: left;
}
.AligneDroite {
	float: right;
}

#Wrapper {
	width: 976px;
	margin: 0 auto;
	background:url(/images/Bg_Wrapper.gif) repeat-y top left;
}
#ColPrincipal {
	float:left;
	width:734px;
}
#ColSecondaire {
	float:left;
	width:218px;
	padding:56px 12px 0;
}

/* Entete
--------------------------*/
#Entete {
	width:734px;
	height:98px;
	position:relative;
}
img#Logo {
	position:absolute;
	top:9px;
	left:20px;
	width:290px;
	height:76px;
}
img#LogoAMA {
	position:absolute;
	top:36px;
	left:419px;
	width:87px;
	height:33px;
}
#NavFixe {
	position:absolute;
	bottom:28px;
	right:32px;
}
#NavFixe li {
	float:left;
	padding:0 7px 0 8px;
	background:url(/images/Sep_NavFixe.gif) no-repeat center left;
}
#NavFixe li.PremierItem {
	padding-left:0px;
	background:none;
}
#NavFixe li.DernierItem {
	padding-right:0px;
}
#NavFixe a {
	font-size:1.1em;
	color:#a44708;
	text-decoration:none;
}
#NavFixe a.On,
#NavFixe a:hover {
	text-decoration:underline;
}
#BtDevenirMembre {
	position:absolute;
	top:0px;
	right:-229px;
	width:310px;
	height:56px;
	background:url(/images/Bg_DevenirMembre.png) no-repeat top left;
}
#BtDevenirMembre a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:50px;
	height:27px;
	margin:7px 0 0 236px;
}
#BtDevenirMembre a:hover {
	background-position:bottom left;
}

/* Corps du site
--------------------------*/
#Corps {
	min-height:440px;
	height:auto !important;
	height:440px;
	background:url(/images/Bg_Corps.png) no-repeat top left;
}

div.ContenuFin {
	clear:both;
	padding:45px 0 0 20px;
}

/* Slider des partenaires
--------------------------*/
#PartenaireSlider {
	width:165px;
	padding:31px 26px 20px;
	position:relative;
	margin:0;
	float:left;
}
#PartenaireSlider h3 { display:none; }
#PartenaireSlider ul {
	overflow:hidden;
 	width:165px;
	height:110px;
}
#PartenaireSlider a.Suivant,
#PartenaireSlider a.Precedent {
	overflow:hidden;
	text-indent:-9999px;
	width:13px;
	height:19px;
	display:block;
	position:absolute;
	top:78px;
	background-image:url(/images/Bt_PartenairesSlider.gif);
	background-repeat:no-repeat;
}
#PartenaireSlider a.Suivant {
	background-position:top right;
	right:0px;
}
#PartenaireSlider a.Precedent {
	background-position:top left;
	left:0px;
}

/* Offres d'emploi
--------------------------*/
#OffresEmploi {
	width:456px;
	float:left;
	margin:0 0 0 20px;
}
#OffresEmploi a.PlacerOffre {
	float:right;
	margin-top:-40px;
	color:#a44708;
	font-size:1.1em;
	position:relative;
}
#OffresEmploi h3 {
	width:456px;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
}
#OffresEmploi p {
	float:left;
	width:137px;/*152px*/
	padding-right:15px;
	font-size:1.1em;
	margin-bottom:18px;
}
#OffresEmploi p a {
	display:block;
	margin:3px 0 0 0;
}
#OffresEmploi p strong {
	color:#000;
	font-weight:normal;
}
#OffresEmploi img {
	float:left;
	width:40px;
	height:40px;
	border:4px solid #eeeeee;
	margin:0 5px 2px 0;
}

/* Colonne droite
--------------------------*/

/* Login Membre */
div.AccesMembre {
	height:140px;
}
div.AccesMembre a {
	color:#f5f4ba;
}
#ColSecondaire h6 {
	font-size:1.2em;
	color:#FFF;
	font-weight:bold;
	margin-bottom:8px;
}
#ColSecondaire p {
	font-size: 1.1em;
	color: #cccbcb;
}
#ColSecondaire p strong {
	color: #f5f4ba;
}
div.AccesMembre .TxtBox {
	width:145px;
}

/* Activités à venir */
div.ActivitesAVenir {
	height:226px;
}
div.ActivitesAVenir h3 {
	text-indent:-9999px;
	overflow:hidden;
	width:217px;
	height:30px;
}
div.ActivitesAVenir a.BtnFleche {
	color:#f5f4ba;
	background-image:url(/images/Bg_BtFlecheOrange.png);
}
div.ActivitesAVenir p {
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
}
div.ActivitesAVenir p a {
	color:#f5f4ba;
	font-size:1.2em;
}
div.ActivitesAVenir p a:hover {
	text-decoration:none;
	color:#fcfa7a;
}
div.ActivitesAVenir p small {
	font-size:1em;
	font-weight:normal;
}

/* Infolettre / Communaute */
div.Contact {
	border-bottom:1px solid #9d9c9c;
	padding-bottom:8px;
}
div.Contact h3 {
	text-indent:-9999px;
	overflow:hidden;
	width:217px;
	height:25px;
}
div.Contact div.Infolettre .Btn {
	vertical-align:top;
}
div.Contact div.Infolettre .TxtBox {
	width:145px;
}
div.Contact div.Communaute {
	border-top:1px solid #9d9c9c;
	margin-top:4px;
	padding:8px 0 0 0;
}
div.Contact div.Communaute img {
	vertical-align:middle;
	margin-right:15px;
}

/* Publicite */
#ColSecondaire h6.TitrePub {
    margin:20px 0 8px 20px;
    width:180px;
    text-align:center;
    font-size:1.1em;
    font-weight:normal;
    color:#9d9c9c;
}
div.Publicite180x150 {
	margin:0 0 20px 20px;
}
div.Publicite240x400 {
	margin:0 -12px 0 -11px;
}

/* Pied de page
--------------------------*/
#PiedPage {
	padding:58px 12px 22px 22px;
	background:#3f3d39 url(/images/Bg_PiedPage.png) no-repeat top left;
}

/* Plan du site */
#PiedPage div.PlanSite {
	width:710px;
	float:left;
}
#PiedPage div.PlanSite h4,
#PiedPage div.PlanSite h4 a {
	color:#FFF;
	margin:0 0 6px 0;
	text-transform:uppercase;
	font-size:1em;
	text-decoration:none;
}
#PiedPage div.PlanSite h4 a:hover {
	text-decoration:underline;
}
#PiedPage div.PlanSite li {
	background:url(/images/Puce_BasPage.gif) no-repeat 0 7px;
	padding-left:7px;
}
#PiedPage div.PlanSite li a {
	color:#9e9d9b;
	font-size:1em;
}
#PiedPage div.PlanSite div.Conteneur {
	width:120px;
	float:left;
	padding-right:20px;
	margin-bottom:20px;
}

/* Bloc Emploi */
#PiedPage div.Emploi {
	width:212px;
	float:left;
	padding:0 0 0 13px;
}
#PiedPage div.Emploi h3 {
	height:22px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
}
#PiedPage div.Emploi a.BtnFleche {
	background-image:url(/images/Bg_BtFlecheGris.png);
	color:#f5f4ba;
	width:160px;
	margin-bottom:4px;
}

/* Bloc Copyright */
#PiedPage div.Copyright {
	width:450px;
	float:left;
	border-top:1px solid #34322f;
	border-right:1px solid #34322f;
	padding:8px 0 0 0;
}
#PiedPage div.Copyright p {
	color:#FFF;
	font-size:1.0em;
	margin:0 0 4px 0;
}
#PiedPage div.Copyright li {
	float:left;
	padding:0 17px 0 0;
	background:url(/images/Sep_PiedPage.gif) no-repeat center right;
}
#PiedPage div.Copyright li.DernierItem {
	padding-right:0px;
	background:none;
}
#PiedPage div.Copyright li a {
	color:#9e9d9b;
	font-size:1.0em;
}

/* Bloc Commanditaire */
#PiedPage div.Partenaire {
	width:235px;
	float:left;
	border-top:1px solid #34322f;
	padding:6px 0 0 5px;
}
#PiedPage div.Partenaire p {
	color:#9f9e9c;
	font-size:1.0em;
	margin:0;
	padding-top:18px;
}
#PiedPage div.Partenaire p,
#PiedPage div.Partenaire img {
	float:left;
	margin-left:15px;
	display:inline;
}
#PiedPage div.Partenaire img {
	height:30px;
}

/* Section commanditee
--------------------------*/
div#SectionCommandite {
	background:url(/images/Ti_SectionCommandite_FR.gif) no-repeat 0px 88%;
	width:88px;
	float:right;
	padding:0 0 0 112px;
	margin:-8px 0 0 -200px;
}
div#SectionCommandite p {
	display:none;
}


/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
#FlashAccueilConteneur {
    width:734px;
    height:252px;
	margin-bottom:10px;
}
div.BlocListe {
	width:218px;
	float:left;
	margin-left:20px;
	display:inline;
}
div.BlocListe ul {
	margin-bottom:15px;
}
div.BlocListe li {
	font-size:1.1em;
	line-height:1.4em;
	margin-bottom:8px;
}
div.BlocListe li a {
	font-size:1.2em;
}
div.BlocListe h2 {
	width:217px;
	height:31px;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	background-position:top left;
	background-repeat:no-repeat;
}
ul.BlocInfo {
	width:205px;
	float:left;
	padding:17px 0 0 28px;
}
ul.BlocInfo li {
	border:1px solid #e0e0e0;
	margin-bottom:3px;
	padding:8px 15px;
	font-size:1.1em;
}
ul.BlocInfo li a {
	font-weight:bold;
	color:#a44708;
}

a.BtnFleche {
	background:url(/images/Bg_BtFleche.png) no-repeat top right;
	height:25px;
	line-height:25px;
	font-weight:bold;
	color:#a44708;
	font-size:1.1em;
	padding:0 20px 0 2px;
	
	/* Display Hack */
	display:block; /*opera*/
	display:inline-block; /*ie*/
}
a.BtnFleche:hover {
	text-decoration:underline;
}
a.BtnFlecheAlt {
	background:url(/images/Bg_BtFlecheAlt.png) no-repeat top right;
	height:27px;
	line-height:27px;
	font-weight:bold;
	color:#fff;
	font-size:12px;
	padding:0 20px 0 10px;
	
	/* Display Hack */
	display:block; /*opera*/
	display:inline-block; /*ie*/
}
a.BtnFlecheAlt:hover {
	text-decoration:underline;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
ul#FilAriane {
	margin:10px 0 0 20px;
}
ul#FilAriane li {
	float:left;
	color:#000;
	padding-right:5px;
}
ul#FilAriane li a {
	color:#a44708;
}
#Contenu {
	padding:40px 20px 40px 20px;
}
#Contenu p,
#Contenu li {
	font-size: 1.2em;
	line-height:1.6em;
	color:#404040;
}
#Contenu p {
	margin-bottom:18px;
}
#Contenu h1 {
	background:url(/images/Bg_TitreInt.gif) no-repeat bottom right;
	height:45px;
	/*width:690px;*/
	font-size:2.2em;
	font-weight:bold;
	color:#000;
	margin:0 0 12px 0;
}
#Contenu h2 {
	text-transform:uppercase;
	font-size:1.3em;
	font-weight:bold;
	color:#000;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	padding:5px 2px;
	margin: 20px 0 10px 0;
}
#Contenu h3 {
	font-size:1.2em;
	font-weight:bold;
	color:#735203;
	margin: 20px 0 3px 0;
}
#Contenu h4, #Contenu h5, #Contenu h6 {
	font-size: 1.2em;
	font-weight: bold;
	color:#000;
	margin: 10px 0 2px 0;
}

/* Page de detail des activités */
#Contenu div.EnteteActivite {
	width:458px;
	float:left;
	margin-top:-15px;
}
#Contenu div.EnteteActivite img {
	margin-bottom:5px;
	width:468px;
	height:95px;
}
#Contenu div.BoiteGrise {
	background:#919190;
	padding:10px;
	width:458px;
	margin-bottom:18px;
}
#Contenu div.BoiteGrise p {
	color:#FFF;
	margin:0 0 5px 0;
}
#Contenu div.BoiteBordure {
	border-bottom:1px solid #dadada;
	border-top:1px solid #dadada;
	padding:18px 3px;
}
#Contenu div.BoiteBordure p {
	margin:0 0 5px 0;
}

/* Liste des activites */
#Contenu div.BoxActivite {
	padding:0 0 15px 115px;
}
#Contenu div.BoxActivite img {
	width:85px;
	height:85px;
	margin-left:-115px;
}
#Contenu div.BoxActivite p {
	margin-bottom:10px;
}
#Contenu p.Date,
#Contenu div.BoxActivite p.Date {
	margin-bottom:0px;
}

/*- Styles pour section carrieres  -------------------------------------------*/
#Contenu div.ContactContenu {
	clear:both;
}
#Contenu div.BoxEmploi img {
	width:128px;
	height:108px;
	border:5px solid #e3e2e2;
	float:left;
}
#Contenu img.LogoEmploi {
	width:128px;
	height:108px;
	float:left;
	padding:5px;
	background-color:#e3e2e2;
	border-right:20px solid #FFF;
	border-bottom:15px solid #FFF;
}
#Contenu div.BoxEmploi {
	padding:25px 0 0 155px;
	min-height:130px;
	height:auto !important;
	height:130px;
}
#Contenu div.BoxEmploi img {
	margin-left:-155px;
	float:left;
}
#Contenu div.BoxEmploi p {
	margin-bottom:10px;
}
#Contenu div.BoxEmploi h2 {
	margin-top:0px;
}
#Contenu div.BoxEmploiIntro {
	float:left;
	width:470px;
	padding:0 25px 0 0;
}
#Contenu p.BoxPlacerOffre {
	float:right;
	width:165px;
	padding:10px 15px;
	border:1px solid #e0e0e0;
	font-size:1.1em;
	color:#757561;
	line-height:normal;
}
#Contenu p.BoxPlacerOffre a {
	font-weight:bold;
	color:#a44708;
}

/*- Styles pour galleries photo  ----------------------------------------------*/
#Contenu div.Galerie {
	float: left;
	width: 160px;
	margin: 0 18px 10px 0;
}
#Contenu div.Galerie.EdgeItem {
	margin-right: 0;
}
#Contenu div.Galerie p {
	font-size: 1.1em;
	line-height: normal;
	margin: 0 0 .8em;
	text-align: center;
}

/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	width:724px;
	background:url(/images/Bg_MenuPrincipal.gif) repeat-x top left;
	height:62px;
	padding-left:10px;
	position:relative;
	overflow:hidden;
}
#MenuPrincipal li {
	float:left;
	height:36px;
	background:url(/images/Sep_MenuPrincipal.gif) no-repeat top right;
	padding-right:1px;
}

/* Items de menu */
#MenuPrincipal li.Ressources {
	background:none;
	padding-right:0px;
}
#MenuPrincipal li.Recherche {
	float:right;
	width:227px;
	background:url(/images/Bg_Recherche.gif) no-repeat top left;
}
#MenuPrincipal li a {
	display:block;
	height:36px;
	overflow:hidden;
	text-indent:-9999px;
	background-position:top left;
	background-repeat:no-repeat;
}
#MenuPrincipal li a.Over,
#MenuPrincipal li a:hover {
	background-position:0px -36px; 
}
#MenuPrincipal li a.On,
#MenuPrincipal li a.On:hover {
	background-position:bottom left; 
}
#MenuPrincipal li.Recherche input {
	width:115px;
	margin:6px 0 0 20px;
	vertical-align:middle;
}
#MenuPrincipal li.Recherche a.Btn {
	overflow:visible;
	text-indent:0px;
	margin:6px 0 0 0;
	vertical-align:middle;
}

/* Sous-menu */
#MenuPrincipal li ul {
	position:absolute;
	top:36px;
	left:0px;
	height:25px;
	width:714px;
	border-bottom:1px solid #b5b6b7;
	padding:0 10px;
	background:#FFF;
	display:none;
}
#MenuPrincipal li ul li {
	height:25px;
	background:url(/images/Sep_SousMenu.gif) no-repeat center right;
}
#MenuPrincipal li ul li.DernierItem {
	background:none;
}
#MenuPrincipal li ul li a {
	display:inline;
	height:auto;
	overflow:visible;
	text-indent:0px;
	background:none !important;
	background-image:none !important;
	font-size:1.1em;
	line-height:25px;
	color:#a44708;
	padding:0 8px 0 8px;
}
#MenuPrincipal li ul li a.On,
#MenuPrincipal li ul li a:hover {
	color:#000;
	text-decoration:none;
}

/* Sous-sous menu */
div.SousSousMenu {
	float:right;
	padding:10px 0 0 15px;
	width:204px;
	margin:-26px 0 10px 0px;
	background:url(/images/Bg_SousSousMenu.gif) no-repeat top right;
}
#Contenu div.SousSousMenu h2 {
	color:#000;
	font-weight:bold;
	font-size:1.2em;
	padding:12px 0 6px;
	margin:0px 13px;
	text-transform:none;
	border:none;
	border-bottom:1px solid #c2c2c2;
}
#Contenu div.SousSousMenu ul {
	margin:12px 0 0 0;
	list-style:none;
	list-style-image:none;
	border-bottom:1px solid #c3c3c3;
	padding:0 13px 12px;
}
#Contenu div.SousSousMenu ul li {
	list-style:none;
	list-style-image:none;
	line-height:normal;
}
#Contenu div.SousSousMenu ul li a {
	color:#a44708;
}
#Contenu div.SousSousMenu ul li a.On {
	color:#000;
}

/*- Styles pour Calendrier --------------------------------------------------*/
#ActiviteWrapper {
	background:#e1dcce url(/images/Bg_Calendrier.gif) repeat-x top left;
	width:690px;
}
#ActiviteCalendrier,
#ActiviteContenu {
	margin-top:-12px;
	padding-bottom:15px;
	float:left;
	min-height:300px;
	height:auto !important;
	height:300px;
}
#ActiviteCalendrier {
	width:335px;
}
#ActiviteCalendrier div.dp-calendar {
	padding:10px 8px 0;
}
#ActiviteContenu {
	background:#eae8de url(/images/Bg_CalendrierContenu.gif) repeat-x top left;
	width:305px;
	padding:0 25px 15px;
}
#ActiviteContenu h3 {
	margin:40px 0 5px 0;
}
#ActiviteContenu h2 {
	font-size:1.7em;
	color:#e2561f;
	font-weight:bold;
	border:0;
	text-transform:none;
	margin:0;
	padding:0;
}
#ActiviteContenu p.Date {
	color:#757561;
	font-size:1.4em;
	margin-bottom:12px;
}
#ActiviteLegende {
	padding:8px 0;
	border-bottom:1px solid #dadada;
}
#Contenu #ActiviteLegende ul {
	padding:0;
	margin:0;
}
#Contenu #ActiviteLegende ul li {
	float:left;
	padding:0 12px 0 0;
	margin:0;
	list-style:none;
	list-style-image:none;
	font-size:10px;
}

/*- Styles pour la page Contact -----------------------------------------------*/
#ContactWrapper {
	background:#FFF url(/images/Bg_ContactContenu.gif) repeat-x bottom left;
	width:694px;
}
#ContactWrapper div.ContactFormulaire {
	float:left;
	background:#FFF url(/images/Bg_ContactForm.gif) repeat-x bottom left;
	width:415px;
	padding:10px 25px 15px;
}
#ContactWrapper div.ContactFormulaire p {
	margin-bottom:6px;
}
#ContactWrapper div.ContactFormulaire h3,
#ContactWrapper div.ContactContenu h3 {
	margin:0 0 20px 0;
}
#ContactWrapper div.ContactContenu {
	float:left;
	clear:none;
	width:195px;
	padding:10px 15px 15px;
}
#ContactWrapper label {
	width:90px;
	display:block;
	float:left;
}
#ContactWrapper p.Commentaires,
#ContactWrapper p.Document {
	padding:8px 0 10px;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
}
#ContactWrapper p.Commentaires .TxtArea {
	width:408px;
	height:100px;
}
#ContactWrapper p.Document label,
#ContactWrapper p.Commentaires label {
	width:auto;
	display:block;
	float:none;
	margin-bottom:3px;
}

/*- Styles pour la page Contact -----------------------------------------------*/
#Contenu #RepertoireWrapper div.SommaireValidation {
	margin-bottom: 24px;
}
#RepertoireWrapper div.RepertoireFormulaire {
	height: 186px;
	background: url(/images/Bg_RepertoireContenu.gif) repeat-x bottom;
	padding: 0 18px 10px;
	margin-top:-10px;
}
#RepertoireWrapper div.RepertoireFormulaire div.AligneGauche {
	width: 256px; height: 110px;
	margin-right: 45px;
}
#RepertoireWrapper div.RepertoireFormulaire label {
	float: left;
	width: 70px;
	font-weight: bold;
}
#RepertoireWrapper div.RepertoireFormulaire p.RadioBtn {
	float: left;
	margin-right:12px;
}
#RepertoireWrapper div.RepertoireFormulaire p.RadioBtn input {
	float: left;
	margin: 2px 4px 2px 3px;
}
#RepertoireWrapper div.RepertoireFormulaire p.RadioBtn label {
	width: auto;
	font-weight: normal;
}
#RepertoireWrapper div.RepertoireFormulaire h3 { margin:0 0 12px; }
#RepertoireWrapper div.RepertoireFormulaire h4 { margin:0 0 6px; }
#RepertoireWrapper div.RepertoireFormulaire p {
	line-height: normal;
	margin-bottom:6px;
}
#RepertoireWrapper div.RepertoireFormulaire ul {
	float: left;
	margin: 0;
	padding: 0 0 0 40px;
}
#RepertoireWrapper div.RepertoireFormulaire ul li {
	float: left;
	font-size: 13px;
	font-weight: bold;
	list-style: none none;
	line-height: normal;
	padding: 0 6px 0 0;
}
#RepertoireWrapper div.RepertoireFormulaire ul li a { color: #a44708; }
#RepertoireWrapper div.RepertoireFormulaire ul li a.On { color: #000; text-decoration: none; }

#RepertoireWrapper div.RepertoireContenu { padding: 22px 12px 15px; }
#RepertoireWrapper div.RepertoireContenu h2 {
	border: 0;
	margin: 0 8px 8px;
	padding: 0;
}
#RepertoireWrapper div.RepertoireContenu ul { margin: 0; padding: 0; }
#RepertoireWrapper div.RepertoireContenu ul li {
	list-style: none none;
	margin: 0 0 1px;
	padding: 0;
}
#RepertoireWrapper div.RepertoireContenu ul li a.Titre {
	display: block;
	width: 674px;
	color: #757561;
	text-decoration: none;
	line-height: 29px;
	padding: 0 8px;
	outline: none;
}
#RepertoireWrapper div.RepertoireContenu ul li a.Titre strong { font-weight: normal; color: #e2561f; }
#RepertoireWrapper div.RepertoireContenu ul li a.Titre:hover {
	background: url(../images/Bg_RepertoireResultat.gif) repeat-x 0px 0px;
}
#RepertoireWrapper div.RepertoireContenu ul li.On a.Titre,
#RepertoireWrapper div.RepertoireContenu ul li.On a.Titre:hover {
	color: #fff;
	background: url(../images/Bg_RepertoireResultat.gif) repeat-x 0px -29px;
}
#RepertoireWrapper div.RepertoireContenu ul li.On a strong { color: #fff; }
#RepertoireWrapper div.RepertoireContenu ul div.Details {
	display: none;
	background: #fdfdfd url(../images/Bg_RepertoireResultatDetails.gif) repeat-x bottom;
	padding: 15px 24px 12px 12px;
}
#RepertoireWrapper div.RepertoireContenu ul li.On div.Details { display: block; }
#RepertoireWrapper div.RepertoireContenu ul div.Details div.AligneGauche {
	float: left;
	width: 225px;
	margin-right: 20px;
}
#RepertoireWrapper div.RepertoireContenu ul div.Details p { font-size: 1em; margin: 0 0 8px; }

/*- Styles pour la page Formulaire -----------------------------------------------*/
#FormWrapper {
	/*
	background:#FFF url(/images/Bg_ContactContenu.gif) repeat-x bottom left;
	width:694px;
	*/
}
#FormWrapper div.FormFormulaire {
	/*
	float:left;
	background:#FFF url(/images/Bg_ContactForm.gif) repeat-x bottom left;
	width:415px;
	padding:10px 25px 15px;
	*/
}
#FormWrapper div.FormFormulaire p {
	margin-bottom:12px;
}
#FormWrapper div.FormFormulaire h3,
#FormWrapper div.FormContenu h3 {
	margin:0 0 12px 0;
	text-transform:uppercase;
}
#FormWrapper div.FormFormulaire h3 small,
#FormWrapper div.FormContenu h3 small {
	text-transform:none;
}
#FormWrapper div.FormFormulaire h4,
#FormWrapper div.FormContenu h4{
	margin:10px 0 8px 0;
}

/*#FormWrapper div.FormContenu {
	float:left;
	clear:none;
	width:195px;
	padding:10px 15px 15px;
}*/
#FormWrapper label {
	display:block;
	margin-bottom:1px;
	line-height:normal;
	font-size:11px;
	font-weight:bold;
}
/*#FormWrapper p.Commentaires,
#FormWrapper p.Document {
	padding:8px 0 10px;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
}*/
#FormWrapper p.Commentaires .TxtArea {
	width:408px;
	height:100px;
}

#FormWrapper div.FormColUn,
#FormWrapper div.FormColDeux {
	width:315px;
	padding-right:5px;
	float:left;
}
#FormWrapper .TxtBox, #FormWrapper .SelectList {
	width:255px;
}
div.Fieldset {
	border:1px solid #B2B2B2;
	padding:12px 12px 0 12px;
	margin:5px 0 12px;
	position:relative;
}
div.Fieldset span.Legend {
	margin:-20px 0 0 -5px;
	background:#FFFFFF;
	padding:0 5px;
	position:absolute;
	font-size:1.1em;
}
/*
#FormWrapper p.Checkbox,
#FormWrapper table.Checkbox td {
	padding-left:20px;
}
#FormWrapper p.Checkbox label,
#FormWrapper table.Checkbox label {
	display:block;
}
#FormWrapper p.Checkbox input,
#FormWrapper table.Checkbox input {
	margin-left:-20px;
	margin-top:3px;
	position:absolute;
}
#FormWrapper .RadioBtn label {
	display:inline;
	margin:-3px 10px 0 3px;
}
#FormWrapper table.RadioBtn,
#FormWrapper table.Checkbox {
	width:100%;
	margin-bottom:12px
}
#FormWrapper table.RadioBtn td,
#FormWrapper table.Checkbox td {
	width:50%;
	padding-right:10px;
}
*/
#FormWrapper .RadioBtn label,
#FormWrapper .Checkbox label {
	display: block;
	float: left;
	margin: 0 10px 5px 5px;
	width:90%;
	font-weight:normal;
}
#FormWrapper .RadioBtn label {
	width:auto;
}
#FormWrapper .RadioBtn input,
#FormWrapper .Checkbox input {
	display: block;
	float: left;
}
#FormWrapper .Checkbox br,
#FormWrapper .RadioBtn br {
	clear: both;
}
#FormWrapper .Double label {
	width:45%;
}

/* Boutons */
#FormWrapper div.BoxBouton {
	border-top:1px solid #b2b2b2;
	border-bottom:1px solid #b2b2b2;
	padding:8px 0 8px 10px;
	width:674px;
	margin:0 2px;
}
#FormWrapper div.BoxBouton a.BtnRetour {
	display:block;
	padding:5px 0;
	color:#a44708;
	font-size:1.1em;
}

/* Login */
#FormWrapper div.BoxFormBlanc,
#FormWrapper div.BoxTypePaiement {
	background-color:#FFF;
	border:1px solid #dfdfdf;
	padding:10px 15px;
	width:265px;
	float:right;
}
#FormWrapper div.BoxTypePaiement {
	width:295px;
}
#FormWrapper div.BoxTypePaiement div.BoxBas {
	margin-top:10px;
}

/* Accordeon */
h3.BtnToogle {
	background:url(/images/Bg_BtnToogle.gif) repeat-x top left;
	height:36px;
	cursor:pointer;
}
h3.BtnToogle span {
	display:block;
	padding:10px 0 0 34px;
	background:url(/images/Bt_FlecheToogle.png) no-repeat top left;
}
h3.On span {
	background-position: bottom left;
}
div.BoxToogle {
	padding:0 10px 20px;
}

/*- Page devenir membre -------------------------------------------------------*/
#Contenu div.ContenuDroite {
	float:right;
	margin:0 0 10px 40px;
	padding:0 15px 0 0;
	width:250px;
}
div.BoxForfaitMembre {
	width:305px;
	float:left;
	margin:10px 10px 0 0;
	display:inline;
	background: #fdfdfc url(/images/Bg_ForfaitMembre.png) repeat-x 0% 100%;
	border:1px solid #DFDFDF;
	padding:15px 15px 10px;
}
div.BoxForfaitMembre div.Conteneur {
	height:110px;
	overflow:hidden;
}
#Contenu div.BoxForfaitMembre h3 {
	font-size: 1.6em;
	text-transform:uppercase;
	margin-top:0;
	padding:0;
}
#Contenu div.BoxForfaitMembre p.Prix {
	font-size: 1.7em;
	font-weight:bold;
	color:#000;
	line-height:1.2em;
}
#Contenu div.BoxForfaitMembre p.Prix small{
	font-size: 10px;
	font-weight:normal;
	line-height:normal;
}
#Contenu div.BoxForfaitMembre p {
	font-size: 1.1em;
	margin-bottom:10px;
}
#Contenu div.BoxForfaitMembre a.Btn { margin-right:0px; }
#Contenu div.BoxForfaitMembre div.AligneDroite { margin-left:8px; }

/* Tooltips */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #e7e7e7;
	background:#FFF url(/images/Bg_Tooltips.gif) repeat-x bottom left;
	padding:15px 12px 3px 12px;
	width:170px;
}
#tooltip div.pointer {
	width:21px;
	height:13px;
	background:url(/images/Img_TooltipPointe.gif) no-repeat top left;
	position:absolute;
	bottom:-13px;
	left:76px;
}
#tooltip p { color:#5a3b17; }
#tooltip h3 { display:none !important; }
#tooltip h3, #tooltip div { margin: 0; }

/* Tabulation */
#Wrapper ul.TabMenu {
	height:26px;
	padding:3px 0 0 2px;
	margin:0px;
}
#Wrapper ul.TabMenu li {
	float:left;
	height:28px;
	background:none;
	list-style:none;
	list-style-image:none;
	padding:0px;
	margin:0 3px 0 0;
	font-size:1.1em;
}
#Wrapper ul.TabMenu li a {
	display:block;
	height:25px;
	background:#FFF url(/images/Bg_Tabmenu.gif) repeat-x bottom left;
	font-weight:bold;
	text-transform:uppercase;
	color:#a44708;
	text-decoration:none;
	line-height:25px;
	padding:0 10px;
	border:1px solid #dfdfdf;
}
#Wrapper ul.TabMenu li a:hover {
	color:#c3730c;
}
#Wrapper ul.TabMenu li a.Off,
#Wrapper ul.TabMenu li a.Off:hover {
	color:#a44708;
	cursor:default;
}
#Wrapper ul.TabMenu li a strong {
	color:#000;
}
#Wrapper ul.TabMenu li a.On,
#Wrapper ul.TabMenu li a.On:hover {
	text-decoration:none;
	cursor:default;
	background:#f2722c;
	color:#FFF;
}
#Wrapper ul.TabMenu li a.On strong {
	color:#FFF;
}
#Wrapper div.TabContenu {
	clear:both;
	background:#FFF url(/images/Bg_FormWrapper.png) repeat-x bottom left;
	border-top:1px solid #b2b2b2;
	border-bottom:1px solid #f5f3ee;
	width:664px;
	padding:15px 10px;
	margin:0 2px 0 2px;
}

/*- Styles pour Plan du site --------------------------------------------------*/

/* Premier niveau */
#Contenu ul#PlanSite {
	margin:0px;
	border-bottom:1px solid #dadada;
}
#Contenu ul#PlanSite li {
	font-size:1em;
	list-style-image:none;
	list-style:none;
	clear:left;
	border-top:1px solid #dadada;
	padding:15px 0;
}
#Contenu ul#PlanSite li a {
	font-size:1.3em;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	width:142px;
	float:left;
}
#Contenu ul#PlanSite li a:hover {
	text-decoration:underline;
}

/* Deuxieme niveau */
#Contenu ul#PlanSite li ul {
	float:left;
	margin:0 0 0 0;
}
#Contenu ul#PlanSite li ul li {
	clear:none;
	background:url(../images/Puce_Liste.gif) no-repeat 0 2px;
	padding:0 0 5px 10px;
	border-top:none;
}
#Contenu ul#PlanSite li ul li a {
	font-size:1.1em;
	font-weight:bold;
	color:#a44407;
	text-decoration:none;
	text-transform:none;
	display:inline;
}
#Contenu ul#PlanSite li ul li ul,
#Contenu ul#PlanSite li ul li a {
	float:none;
	width:auto;
}

/* Troisieme niveau */
#Contenu ul#PlanSite li ul li ul li {
	font-size:1.1em;
	color:#886011;
	list-style-image:none;
	list-style:none;
	padding:0 0 0 0;
	background:none;
	display:inline;
}
#Contenu ul#PlanSite li ul li ul li a {
	font-size:1.1em;
	font-weight:normal;
	color:#f7752f;
}

/*- Styles pour formulaires ----------------------------------------------------*/
input, textarea, select,
.TxtBox, .TxtArea, .SelectList, .Btn, .TxtLabel {
	font-family: Arial, Verdana, 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;
}
input.Erreur, textarea.Erreur, select.Erreur {
	background-color:#f6fcd5 !important;
	color:#92a037 !important;
}

/* Popup styles contenu */
div.PopupContenu h6 {
	color:#000;
	font-size:13px;
	font-weight:bold;
}
div.PopupContenu p {
	color:#000;
	font-size:13px;
	font-weight:normal;
}
div.PopupContenu ul {
	margin:5px 0 15px 0;
}
div.PopupContenu ul li {
	color:#92a037;
	font-size:13px;
	font-weight:normal;
	background:url(/images/Puce_TiretVert.gif) no-repeat 0px 8px;
	padding:0 0 2px 10px;
}
div.PopupContenu input.TxtBox {
	margin-bottom:0px;
	width:165px;
}
div.PopupContenu label {
	font-weight:bold;
	display:block;
	color:#6A6A6A;
}

/* Popup Erreur */
#ErreurBox {
	background:url(/Images/Picto_PopupErreur.png) no-repeat 15px 10px;
	padding:15px 20px 15px 82px;
}

/* Popup Question */
#QuestionBox {
	background:url(/Images/Picto_PopupQuestion.png) no-repeat 15px 15px;
	padding:15px 20px 15px 82px;
}
#QuestionBox div.BoxBouton {
	margin:15px 0 0 0;
}

#Contenu div.BoxAvertissement,
#Contenu div.SommaireValidation {
	background: #F6FCD5 url(/images/Picto_Erreur.gif) no-repeat 10px 8px;
	border:1px solid #92A037;
	padding: 10px 10px 10px 35px;
	margin-bottom: 12px;
	color:#000 !important;
	font-weight:bold;
	font-size:11px;
}
#Contenu div.BoxAvertissement h3 {
	margin:0 0 5px 0;
	color:#000 !important;
	font-weight:bold;
	font-size:11px;
}
#Contenu div.SommaireValidation ul {
	margin: 5px 0 0 -4px;
}
#Contenu div.BoxAvertissement p {
	color: #92A037 !important;
	font-weight:normal;
	font-size:11px;
	margin:0px;
}
#Contenu div.SommaireValidation ul li {
	list-style: none outside none;
	padding:0 0 0 8px;
	color: #92A037 !important;
	font-weight:normal;
	font-size:11px;
	background:url(/images/Puce_TiretVert.gif) no-repeat 0 8px;
}
.TxtBox, .TxtArea, .SelectList {
	color:#757561;
	border: 1px solid #cdcdcd;
	padding:1px 2px;
}
a.Btn {
	/* Bg */
	background:#FFF url(/images/Bg_Bouton.gif) repeat-x top left !important;
	border: 1px solid #cdcdcd;
	height:16px !important;
	line-height:14px;
	margin-right:6px;

	/* Display Hack */
	display:block !important; /*opera*/
	display:inline-block !important; /*ie*/
	display:-moz-inline-stack !important;  /*ff*/
	zoom:1;
	
	/* Texte*/
	text-decoration:none !important;
	text-align:center;
	font-weight:bold;
	color:#a44708 !important;
	font-size:11px;
}
a.Btn:hover { background-position:bottom left !important; }
a.Btn span { 
	border: 1px solid #FFF; 
	padding:0 5px;
	display:block;
	height:14px;
	cursor:pointer;
}

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

/*- Classes pour les textes ----*/
#Contenu .TexteSpecial {
	color: #735203;
}
#Contenu .TextePetit {
	font-size: 0.9em;
	color:#797979;
}
#Contenu .TexteVert {
	font-size: 0.95em;
	color:#92a037;
}

/*- Classes pour les images ----*/
img.ImageContour {
	border: 1px solid #c2c2c2 !important;
	padding:4px;
}
img.ImageGauche {
	border: 1px solid #c2c2c2;
	padding:4px;
	margin:	0 15px 5px 0;
	float: left;
}
img.ImageDroite {
	border: 1px solid #c2c2c2;
	padding:4px;
	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 {
	margin: 0 0 12px 15px;
	padding: 0;
}
#Contenu ul li {
	list-style: disc outside url(../images/Puce_Liste.gif);
	padding: 0 0 5px 0;
}

#Contenu ol {
	margin: 0 0 12px 24px;
	padding: 0;
}
#Contenu 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,
table.TableauForm {
	background:#FDFDFD;
	border:1px solid #dbdbdb;
}
table.Tableau td {
	font-size: 1.2em;
	background:#FDFDFD url(/images/Bg_TableauContenu.gif) repeat-x bottom left;
	padding:16px 10px;
	border:1px solid #dbdbdb;
	vertical-align:top;
}
table.TableauForm td {
	font-size: 1.2em;
	background:#FDFDFD url(/images/Bg_TableauContenu.gif) repeat-x bottom left;
	padding:8px 10px;
	border:1px solid #dbdbdb;
	vertical-align:top;
	color:#000000;
}
#FormWrapper table.TableauForm td.Checkbox {
	vertical-align:middle;
}
#FormWrapper table.TableauForm td.Checkbox label {
	font-size: 12px;
	display:inline;
	padding-left:5px;
	font-weight:bold;
	float:none;
	margin:0px;
	width:auto;
}
table.Tableau td.CelluleTitre,
table.TableauForm td.CelluleTitre {
	font-size: 1.2em;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
	background:#f7742d;
	padding:6px 10px;
}
table.TableauForm td.CelluleTitre {
	background:#8d8c89;
}
table.Tableau td.CelluleSousTitre {
	font-weight:bold;
	color:#735203;
}

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

/*- Styles d'ajustement pour les EM ----------------------------------------*/
div#Contenu p p,
div#Contenu li li, 
table.Tableau li,
table.Tableau p {
	font-size:1em !important;
}