/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : AGIRS
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 19 mars 2009
//----------------------------------------------------------------------------*/
@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 -------------------------------------------------------------------*/
iframe { width: 100% !important; }
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #5f6565;
	background: #5591b6 url(/images/Bg_Page.png) repeat-x;
}
h1 {
	font-size: 1.9em;
	font-weight: bold;
	color: #316fa2;
	border-bottom: 1px solid #c5c5c5;
	margin: 0 0 18px;
	padding: 0 0 10px;
}
h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #316fa2;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #317dc2;
	text-transform: uppercase;
}
h4, h5, h6 {
	font-size: 1.2em;
	font-weight: bold;
	color: #D37F07;
	text-transform: uppercase;
}
a, a:hover {
	color: #d37f07;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
a.LienBouton {
	display: block; /*opera*/
	display: inline-block; /*ie*/
	display: -moz-inline-box; /*ff*/
	line-height: 20px;
	text-decoration: none;
	background: url(/images/Bg_LienBouton.png) no-repeat right 0px; 
	padding-right: 8px; 
	vertical-align: middle;
	cursor: pointer; 
	cursor: hand; 
}
a.LienBouton span {
	display: block;
	display: inline-block;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	line-height: 19px;
	padding-left: 8px;
	background: url(/images/Bg_LienBouton.png) no-repeat left 0px; 
}
a.LienBouton.Bleu		{ background-image: url(../images/Bg_LienBouton_Bleu.png); }
a.LienBouton.Bleu span	{ background-image: url(../images/Bg_LienBouton_Bleu.png); }

/*- Styles communs a toutes les pages -----------------------------------------*/
.AligneGauche { float: left; }
.AligneDroite { float: right; }
.Clearer { clear: both; }
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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

/*-- Entete de page --*/
#Entete {
	position: relative;
	height: 105px;
}
#Entete p.Logo {
	position: absolute;
	top: 22px; left: 0;
	background:url(/images/Logo_AGIRS_screen.png) no-repeat top left;
}
#Entete p.Logo a {
	display:block;
}
#Entete p.Logo img {
	visibility:hidden;
}
#Entete p.Slogan {
	position: absolute;
	top: 22px; left: 154px;
	width: 186px;
	height: 48px;
	background: url(/images/Txt_Entete_Slogan_FR.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#Entete .NavFixe {
	position: absolute;
	top: 24px; right: 0;
}
#Entete .NavFixe li {
	float: left;
	background: url(/images/Bg_NavFixe_Liens.gif) no-repeat 100% 40%;
	padding-right: 15px;
}
#Entete .NavFixe li.LastItem {
	background-image: none;
	padding-right: 0;
}
#Entete .NavFixe li a {
	font-size: 1.2em;
	color: #f8e3aa;
	text-decoration: none;
}
#Entete .NavFixe li a:hover {
	color: #f8f8f8;
}

#Entete .Recherche {
	position: absolute;
	top: 46px; right: 0;
	height: 30px;
	background: url(/images/Bg_NavFixe.gif) repeat-x 0% 100%;
}
#Entete .Recherche label {
	float: left;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color: #dae1e6;
	padding: 2px 8px 0 0;
}
#Entete .Recherche input {
	float: left;
	width: 200px;
	border: solid #bfbfbf;
	border-width: 2px 0 0 2px;
	padding: 1px 5px 3px 3px;
}
#Entete .Recherche a {
	float: left;
	display: block;
	padding: 2px 0 0 6px;
}

/*-- Partie centrale de la page --*/
#Corps {
	background: #fff;
}

/*-- Zone de contenu principale --*/
#Contenu {
	float: left;
	width: 636px;
	min-height: 375px;
	height: auto !important;
	height: 375px;
	background: url(../images/Bg_Contenu.png) no-repeat;
	padding: 32px 45px 32px 25px;
}

/*-- Bas de page --*/
#PiedPage {
	position: relative;
	height: 105px;
	background: transparent url(/images/Bg_PiedPage.png) repeat-x;
}

#PiedPage div.Partenaires {
	position: absolute;
	top: 20px; left: 40px;
	width: 126px;
	height: 66px;
	background: url(/images/Bg_PiedPage_Partenaires.png) no-repeat 100% 0%;
	padding-right: 33px;
	z-index: 20;
}
#PiedPage div.Partenaires h2 {
	line-height: 1.1em;
	margin: 2px 0 6px;
}
#PiedPage div.Partenaires p {
	font-size: 1.1em;
}
#PiedPage #LogosPartenaires {
	position: absolute;
	top: 20px;
	width: 732px;
	height: 66px;
	margin-left: 197px;
	overflow: hidden;
	z-index: 10;
}
#PiedPage #LogosPartenaires li a {
	display: block;
	background: url(/images/Bg_PiedPage_Partenaires_Separ.gif) no-repeat;
	padding-left: 2px;
}
/*#PiedPage ul.Partenaires {
	position: absolute;
	top: 20px; left: 197px;
	width: 732px;
	height: 66px;
	overflow: hidden;
	z-index: 10;
}
#PiedPage ul.Partenaires li {
	display: none;
	position: absolute;
	width: 732px;
}
#PiedPage ul.Partenaires li a {
	float: left;
	display: block;
	background: url(/images/Bg_PiedPage_Partenaires_Separ.gif) no-repeat;
	padding-left: 2px;
}*/

#Copyright {
	position: relative;
	height: 45px;
}
#Copyright .NavFixe {
	position: absolute;
	bottom: 20px; left: 0;
}
#Copyright .Copyright {
	position: absolute;
	bottom: 20px; right: 0;
}
#Copyright li {
	float: left;
	font-size: 1.1em;
	color: #fff;
	background: url(/images/Bg_PiedPage_Liens.gif) no-repeat 100% 50%;
	padding-right: 15px;
}
#Copyright li.LastItem {
	background-image: none;
	padding-right: 0;
}
#Copyright a {
	color: #fae7b4;
	text-decoration: none;
}
#Copyright a:hover {
	color: #f8f8f8;
}

/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	height: 37px;
	background: url(/images/Bg_MenuPrincipal.gif) repeat-x;
}
#MenuPrincipal li {
	float: left;
	margin-right: 2px;
}
#MenuPrincipal li.LastItem {
	float: right;
	margin-right: 0;
}
#MenuPrincipal li a {
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	color: #0e3769;
	text-decoration: none;
	text-transform: uppercase;
	background: no-repeat 0px 0px;
	padding-left: 13px;
}
#MenuPrincipal li a span {
	display: block;
	line-height: 35px;
	background: no-repeat 100% 0px;
	padding-right: 13px;
}
#MenuPrincipal li a:hover, #MenuPrincipal li a.On {
	background-position: 0 -35px;
}
#MenuPrincipal li a:hover span, #MenuPrincipal li a.On span {
	background-position: 100% -35px;
}

#MenuPrincipal li.Jaune a		{ background-image: url(/images/Bg_MenuPrincipal_Jaune_Gauche.png); }
#MenuPrincipal li.Jaune a span	{ background-image: url(/images/Bg_MenuPrincipal_Jaune_Droite.png); }
#MenuPrincipal li.Rouge a		{ background-image: url(/images/Bg_MenuPrincipal_Rouge_Gauche.png); }
#MenuPrincipal li.Rouge a span	{ background-image: url(/images/Bg_MenuPrincipal_Rouge_Droite.png); }
#MenuPrincipal li.Vert a		{ background-image: url(/images/Bg_MenuPrincipal_Vert_Gauche.png); }
#MenuPrincipal li.Vert a span	{ background-image: url(/images/Bg_MenuPrincipal_Vert_Droite.png); }
#MenuPrincipal li.Cyan a		{ background-image: url(/images/Bg_MenuPrincipal_Cyan_Gauche.png); }
#MenuPrincipal li.Cyan a span	{ background-image: url(/images/Bg_MenuPrincipal_Cyan_Droite.png); }
#MenuPrincipal li.Bleu a		{ background-image: url(/images/Bg_MenuPrincipal_Bleu_Gauche.png); }
#MenuPrincipal li.Bleu a span	{ background-image: url(/images/Bg_MenuPrincipal_Bleu_Droite.png); }

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
body.Accueil #Contenu {
	float: none;
	position: relative;
	width: 950px;
	/*height: 282px !important;
	min-height: 0;*/
	background: #fff url(/images/Bg_Acc_Contenu.png) repeat-x;
	padding: 0;
}
body.Accueil #Contenu p {
	line-height: normal;
}

/*-- Imagerie d'accueil --*/
#ImagerieAcc {
	position: relative;
	height: 270px;
	background: url(/images/Accueil/Bg_ImagerieAcc.jpg) no-repeat;
	overflow: hidden;
}
#ImagerieAcc p { margin: 0; }

#ImagerieAcc .Texte {
	position: absolute;
	left: 482px; top: 64px;
	font-size: 2em;
	font-style: italic;
	font-weight: bold;
	color: #316fa2;
}
#ImagerieAcc .Texte em {
	font-size: .8em;
	font-weight: normal;
	color: #92a2b1;
}
#ImagerieAcc .Photo img {
	display: none;
	position: absolute;
}
#ImagerieAcc .Photo img.Defaut {
	display: block;
}

#ImagerieAcc ul {
	position: absolute;
	left: 478px; top: 191px;
}
#ImagerieAcc ul li.Defaut, #ImagerieAcc ul li a span { display: none; }
#ImagerieAcc ul li { float: left; }
#ImagerieAcc ul li a {
	display: block;
	width: 90px; height: 62px;
	background: url(/images/Accueil/Bg_ImagerieAcc_Nav.jpg) no-repeat;
	overflow: hidden;
	outline: none;
}
#ImagerieAcc ul li a.Photo1			{ background-position: 0px 0px; }
#ImagerieAcc ul li a.Photo1:hover	{ background-position: 0px -62px; }
#ImagerieAcc ul li a.Photo2			{ background-position: -90px 0px; }
#ImagerieAcc ul li a.Photo2:hover	{ background-position: -90px -62px; }
#ImagerieAcc ul li a.Photo3			{ background-position: -180px 0px; }
#ImagerieAcc ul li a.Photo3:hover	{ background-position: -180px -62px; }
#ImagerieAcc ul li a.Photo4			{ background-position: -270px 0px; }
#ImagerieAcc ul li a.Photo4:hover	{ background-position: -270px -62px; }

/*-- Nouvelles et Événements --*/
body.Accueil #Contenu .Nouvelles {
	/*position: absolute;
	top: 17px; left: 14px;*/
	width: 406px;
	/*height: 218px;*/
	background: url(/images/Bg_Acc_Nouvelles.png) no-repeat;
	padding: 22px 25px 0;
	/*overflow: hidden;*/
	float:left;
	margin:17px 0 0 14px;
}
body.Accueil #Contenu .Nouvelles h2,
body.Accueil #Contenu .Evenements h2 {
	font-size: 1.8em;
	border-bottom: 1px solid #c5c5c5;
	margin: 0 0 14px;
	padding-bottom: 4px;
}
body.Accueil #Contenu .Nouvelles h3,
body.Accueil #Contenu .Evenements h3 {
	font-size: 1.8em;
	font-weight: normal;
	color: #d37f07;
	text-transform: none;
	margin: 0 0 6px;
}
body.Accueil #Contenu .Nouvelles .Date {
	float: left;
	font-size: 1.1em;
	color: #fff;
	text-transform: uppercase;
	background: #5f8db5;
	margin: 0 0 6px;
	padding: 2px 8px;
}
body.Accueil #Contenu .Nouvelles img.ImageDroite {
	border: 2px solid #cdd1d1;
	margin: 0  0 5px 15px;
}

body.Accueil #Contenu .Evenements {
	position: absolute;
	top: 39px; left: 486px;
	width: 198px;
	height: 218px;
}
body.Accueil #Contenu .Evenements .Date {
	float: left;
	width: 38px;
	font-size: 1em;
	text-align: center;
	background: url(/images/Bg_Acc_Evenement.gif) no-repeat;
	margin: 0 12px 12px 0;
}
body.Accueil #Contenu .Evenements .Date span {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}
body.Accueil #Contenu .Evenements .Date .JJ		{ font-size: 20px; color: #fff; line-height: 24px; }
body.Accueil #Contenu .Evenements .Date .MM		{ font-size: 12px; color: #fff; line-height: 17px; }
body.Accueil #Contenu .Evenements .Date .AAAA	{ font-size: 15px; color: #5f8db5; line-height: 20px; }

body.Accueil #Contenu .Bannieres {
	position: absolute;
	top: 23px; left: 706px;
	width: 220px;
	background: url(/images/Bg_Acc_Bannieres.gif) repeat-y;
	padding-left: 3px;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#ColGauche {
	float: left;
	width: 244px;
}
#ColGauche h3 {
	width: 244px;
	height: 72px;
	background: url(../images/Bg_ColGauche.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#ColGauche .Bannieres {
	width: 244px;
	background: url(/images/Bg_Bannieres.png) no-repeat;
	padding: 18px 0 32px;
}
#ColGauche .Bannieres .BlocBanniere {
	margin: 0 auto 1px;
}

/*-- Sous-menu --*/
#ColGauche ul {
	background: url(../images/Bg_SousMenu.gif) repeat-y;
	padding: 10px 25px 10px 15px;
}
#ColGauche ul li {
	border-bottom: 1px solid #becacb;
	padding: 8px 0;
}
#ColGauche ul li.LastItem {
	border-bottom: 0;
}
#ColGauche ul li a {
	font-size: 1.3em;
	font-weight: bold;
	color: #bf6003;
	text-decoration: none;
}
#ColGauche ul li a:hover	{ color: #e39d59; }
#ColGauche ul li a.On,
#ColGauche ul li a.On:hover	{ color: #316fa2; font-weight: normal; }

/*-- Blocs banniere--*/
#Corps .BlocBanniere {
	width: 124px;
	height: 90px;
	margin: 0 0 1px;
	padding: 12px 6px 12px 90px;
	overflow: hidden;
}
#Corps .BlocBanniere h4	{
	font-size: 1.4em;
	text-transform: none;
	margin: 0;
}
#Corps .BlocBanniere p {
	font-size: 1.3em;
}
#Corps .BlocBanniere a {
	color: #316fa2;
	text-decoration: none;
}
#Corps .BlocBanniere img {
	vertical-align: middle;
}

/*-- Formatage de contenu de base --*/
#Contenu h2 { margin: 0 0 16px; }
#Contenu h3 { margin: 0 0 12px; }
#Contenu h4,
#Contenu h5,
#Contenu h6 { margin: 0 0 12px; }

#Contenu p {
	font-size: 1.4em;
	line-height: 1.6em;
	margin: 0 0 16px;
}

/*-- Troiseme niveau de navigation --*/
#Contenu #SousSousMenu {
	float: right;
	width: 180px;
	font-size: 1.1em;
	background: url(/images/Bg_Bannieres.png) no-repeat 0px -40px;
	border-top: 4px solid #8aaecd;
	border-bottom: 4px solid #adc2d5;
	margin: 0 0 20px 20px;
	padding: 10px 12px 6px 6px;
}
#Contenu #SousSousMenu li {
	list-style: none none;
	background: url(/images/Puce_Liste_3eNiv.gif) no-repeat 0px 3px;
	padding: 0 0 6px 12px;
}
#Contenu #SousSousMenu li a { text-decoration: none; }
#Contenu #SousSousMenu li a:hover { color: #e39d59; }
#Contenu #SousSousMenu li a.On,
#Contenu #SousSousMenu li a.On:hover { color: #316fa2; }

/*-- Section en onglets --*/
#Contenu .BlocOnglets {
	margin: 32px 0;
}
#Contenu .BlocOnglets .Onglets {
	height: 29px;
	font-size: 1.1em;
	line-height: normal;
	margin: 0;
}
#Contenu .BlocOnglets .Onglets li {
	float: left;
	list-style: none none;
	padding: 0;
}
#Contenu .BlocOnglets .Onglets li a {
	display: block;
	font-weight: bold;
	color: #bf6003;
	text-decoration: none;
	background: url(../images/Bg_Contenu_Onglet_G.png) no-repeat;
	margin-right: 1px;
	padding-bottom: 1px;
	outline: none;
}
#Contenu .BlocOnglets .Onglets li a:hover {
	color: #e39d59;
}
#Contenu .BlocOnglets .Onglets li a span {
	display: block;
	line-height: 28px;
	background: url(../images/Bg_Contenu_Onglet_D.png) no-repeat 100% 0%;
	padding: 0 12px;
}
#Contenu .BlocOnglets .Onglets li a.On,
#Contenu .BlocOnglets .Onglets li a.On:hover	{ color: #fff; }
#Contenu .BlocOnglets .Onglets li a.On			{ background-image: url(../images/Bg_Contenu_Onglet_G_On.png); }
#Contenu .BlocOnglets .Onglets li a.On span		{ background-image: url(../images/Bg_Contenu_Onglet_D_On.png); }

#Contenu .BlocOnglets .Contenu {
	background: #4c87af url(../images/Bg_Contenu_Onglet_Contenu.png) repeat-x;
	padding: 24px 26px 12px;
}
#Contenu .BlocOnglets .Contenu p {
	font-size: 1.2em;
	color: #fff;
	line-height: 1.3em;
}
#Contenu .BlocOnglets .Contenu ul {
	font-size: 1.2em;
	color: #fff;
	line-height: 1.3em;
	margin: 0 0 12px 15px;
}
#Contenu .BlocOnglets .Contenu ul li {
	list-style: disc outside url(/images/Puce_Liste_Onglet.gif);
	padding: 0 0 4px 0;
}
#Contenu .BlocOnglets .Contenu ol {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 12px 24px;
}
#Contenu .BlocOnglets .Contenu ol li {
	list-style: decimal outside;
	padding: 0 0 4px 0;
}
#Contenu .BlocOnglets .Footer {
	font-size: 1.2em;
	color: #fff;
	line-height: normal;
	background: #316793;
	margin: 0;
	padding: 18px 26px;
}
#Contenu .BlocOnglets .Footer strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #98b3c9;
}

/*- Styles spéciaux pour pages de nouvelles / événements -------------------------*/
body.Nouvelles #Contenu .Date,
body.NouvellesDetails #Contenu .Date,
body.Evenements #Contenu .Date,
body.EvenementsDetails #Contenu .Date {
	float: left;
	color: #fff;
	text-transform: uppercase;
	background: #5f8db5;
	margin: 0 0 18px;
	padding: 2px 8px;
}

/*-- Liste des nouvelles --*/
body.Nouvelles #Contenu p,
body.Evenements #Contenu p {
	line-height: 1.2em;
	margin: 0 0 12px;
}
body.Nouvelles #Contenu .Date,
body.Evenements #Contenu .Date {
	font-size: 1.3em;
	font-weight: bold;
	padding: 1px 8px;
}
body.Nouvelles #Contenu a,
body.Evenements #Contenu a {
	text-decoration: none;
}
body.Nouvelles #Contenu a:hover,
body.Evenements #Contenu a:hover {
	text-decoration: underline;
}

/*-- Liste des événements --*/
body.Evenements #Contenu .AligneDroite { margin-left: 24px; }
body.Evenements #Contenu .DateItem,
body.EvenementsDetails #Contenu .DateItem {
	float: left;
	width: 38px;
	font-size: 1em;
	text-align: center;
	background: url(/images/Bg_Acc_Evenement.gif) no-repeat;
	margin: 0 12px 24px 0;
}
body.EvenementsDetails #Contenu .DateItem {
	margin: 0 16px 16px 0;
}
body.Evenements #Contenu .DateItem span,
body.EvenementsDetails #Contenu .DateItem span {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}
body.Evenements #Contenu .DateItem .JJ,
body.EvenementsDetails #Contenu .DateItem .JJ	{ font-size: 20px; color: #fff; line-height: 24px; }
body.Evenements #Contenu .DateItem .MM,
body.EvenementsDetails #Contenu .DateItem .MM	{ font-size: 12px; color: #fff; line-height: 17px; }

/*-- Détails d'une nouvelle --*/
body.NouvellesDetails #Contenu .Date,
body.EvenementsDetails #Contenu .Date {
	font-size: 1.1em;
}

/*- Styles spéciaux pour pages de partenaires ---------------------------------*/
body.Partenaires #Contenu p {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #404a4a;
	margin: 0 0 8px;
}
body.Partenaires #Contenu .TexteIntro {
	font-size: 1.4em;
	margin: 0 0 16px;
}
body.Partenaires #Contenu .Partenaire {
	min-height:110px;
	height:auto !important;
	height: 110px;
	background:url(../images/Bg_BlocPartenaire.gif) repeat-y 0 0;
	border: 1px solid #e4e5e6;
	margin: 0 0 12px;
	overflow: hidden;
}
body.Partenaires #Contenu .Partenaire .Logo,
body.Partenaires #Contenu .Partenaire .Descrip {
	float: left;
	margin: 0;
}
body.Partenaires #Contenu .Partenaire .Descrip {
	width: 400px;
	padding: 12px 17px 10px;
}
body.Partenaires #Contenu .Partenaire h3 {
	font-size: 1.4em;
	text-transform: none;
	margin: 0 0 5px;
}
body.Partenaires #Contenu .Partenaire p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 5px;
}

/*- Styles spéciaux pour repertoire des membres --------------------------------*/
body.Repertoire #Contenu .Formulaire {
	background: url(/images/Bg_Formulaire_Repertoire.png) no-repeat 0% 100%;
	margin: 0 0 16px;
	padding: 0 25px 14px;
}
body.Repertoire #Contenu .Formulaire h2 {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 12px;
}
body.Repertoire #Contenu .Formulaire p.AligneGauche { width: 240px; }
body.Repertoire #Contenu .Formulaire .Poste { margin: 0 14px 0 10px; font-weight: bold; }
body.Repertoire #Contenu .Formulaire .Bas {
	text-align: right;
	margin: 16px 0 0;
	padding-top: 8px;
	clear: both;
}

body.Repertoire #Contenu .Pagination {
	height: 32px;
	padding-top: 18px;
}
body.Repertoire #Contenu .Pagination p,
body.Repertoire #Contenu .Pagination li {
	color: #000;
	line-height: normal;
	margin: 0;
}
body.Repertoire #Contenu .Pagination li {
	float: left;
	list-style: none none;
	background: url(../images/Bg_Pagination.gif) no-repeat 7px 5px;
	padding: 2px 0 0 15px;
}
body.Repertoire #Contenu .Pagination li.Texte {
	background-image: none;
	padding-left: 10px;
}
body.Repertoire #Contenu .Pagination li a.On {
	font-weight: bold;
	color: #316fa2;
	text-decoration: none;
}
body.Repertoire #Contenu .Pagination select { vertical-align: middle; }
body.Repertoire #Contenu .Pagination img { display: block; margin-top: 1px; }

body.Repertoire table.Resultats {
	width: 100%;
	border: 1px solid #d5e0ea;
	clear: both;
}
body.Repertoire table.Resultats th {
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background: #5f8db5;
	padding: 5px 10px;
}
body.Repertoire table.Resultats th a {
	color: #fff;
}
body.Repertoire table.Resultats td {
	font-size: 1.1em;
	vertical-align: top;
	border-top: 1px solid #d5e0ea;
	padding: 10px;
}
body.Repertoire table.Resultats .Details {
	display: block;
	font-weight: bold;
	background: url(../images/Bg_Repertoire_Details.gif) no-repeat 0% 50%;
	margin-top: 8px;
	padding-left: 8px;
}
body.Repertoire table.Resultats strong {
	font-size: 1.1em;
	color: #404a4a;
}
body.Repertoire table.Resultats img {
	float: right;
}

/*-- Détails d'un membre --*/
body.RepertoireDetails #Contenu strong { color: #404a4a; }
body.RepertoireDetails #Contenu p { padding: 0 8px; }
body.RepertoireDetails #Contenu h2 { margin: 0 0 4px; }
body.RepertoireDetails #Contenu h3 {
	font-size: 1.4em;
	color: #404a4a;
}
body.RepertoireDetails #Contenu .AligneGauche {
	padding-top: 3px;
}
body.RepertoireDetails #Contenu .Formulaire {
	height: 100px;
	margin: 0 0 18px;
	padding: 18px 8px 0;
}
body.RepertoireDetails #Contenu img.ImageDroite {
	border: 1px solid #e5e6e7;
	margin: 0 70px 0 0;
	padding: 1px;
}
body.RepertoireDetails #Contenu .Info {
	float: left;
	width: 360px;
}
body.RepertoireDetails #Contenu .Contact {
	float: left;
	border-left: 1px solid #e5e6e7;
	padding-left: 18px;
}


/*- Styles pour Plan du site ---------------------------------------------------*/
#Contenu ul#PlanSite {

}
#Contenu ul#PlanSite li {
	font-weight: bold;
	padding-bottom: 4px;
}
#Contenu ul#PlanSite li a {
	text-decoration: none;
}
#Contenu ul#PlanSite li a:hover {
	color: #e39d59;
}
#Contenu ul#PlanSite ul {
	font-size: .9em;
	margin: 8px 0 0 15px;
}
#Contenu ul#PlanSite ul li {
	list-style-image: url(/images/Puce_Liste_3eNiv.gif);
	font-weight: normal;
}
#Contenu ul#PlanSite ul li a {
	color: #316fa2;
}

/*- Styles pour formulaires ----------------------------------------------------*/
#Contenu .Formulaire {
	background: url(/images/Bg_Formulaire.gif) repeat-x 0% 100%;
	margin: 0 0 4px;
	padding: 12px 18px;
}
#Contenu .Formulaire p {
	line-height: normal;
	margin: 0 0 10px;
}
#Contenu .Formulaire p.AligneGauche {
	margin-right: 16px;
}
#Contenu .Formulaire p label,
#Contenu .Formulaire p strong {
	display: block;
	font-weight: bold;
	color: #404a4a;
}
#Contenu .Formulaire .Poste {
	margin: 0 10px 0 16px;
}

#Contenu .SousFormulaire {
	background: #fcf2d6;
	margin: 0 0 12px;
	padding: 8px 16px 2px;
}
#Contenu .Formulaire .SousFormulaire p {
	/*font-size: 1.3em;*/
}
#Contenu .Formulaire .SousFormulaire p label,
#Contenu .Formulaire .SousFormulaire p strong {
	color: #bf6003;
}

#Contenu div.SommaireValidation {
	color: #fff !important;
	background: #f24037;
	padding: 8px 18px 10px;
	margin-bottom: 12px;
}
#Contenu div.SommaireValidation {
	font-size: 1.2em;
}
#Contenu div.SommaireValidation ul {
	font-size: 1em;
	margin-bottom: 0;
}
#Contenu div.SommaireValidation ul li {
	list-style-image: url(/images/Puce_Liste_Erreur.gif);
	padding: 0;
}

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: #e89203; }
span.TxtErreur { position: absolute; margin-left: -12px; }

.TxtBox {
	border: 2px solid;
	border-color: #848484 #fafafa #fafafa #848484;
	padding: 1px 3px;
}
.TxtArea {
	border: 2px solid;
	border-color: #848484 #fafafa #fafafa #848484;
	padding: 1px 3px;
}

#Contenu .Formulaire p.Checkbox label {
	display: inline;
	font-weight: normal;
	margin-right: 8px;
}
#Contenu .Formulaire p.Checkbox input {
	vertical-align: middle;
	margin: 3px;
}

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

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

/*- Classes pour les textes ----*/
.TexteIntro {
	font-weight: bold;
	color: #404a4a;
}
.TextePetit {
	font-size: 0.8em;
	color: #959a9a;
}

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


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

#Contenu ol {
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0 0 12px 24px;
}
#Contenu ol li {
	list-style: decimal outside;
	padding: 0 0 8px 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 {
	border-left: 1px solid #d5e0ea;
	border-top: 1px solid #d5e0ea;
	margin: 0 0 16px;
}
table.Tableau td {
	vertical-align: top;
	font-size: 1.2em;
	background: #fff;
	border-right: 1px solid #d5e0ea;
	border-bottom: 1px solid #d5e0ea;
	padding: 16px 10px;
}
table.Tableau td.CelluleTitre {
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background: #5f8db5;
	padding: 4px 10px;
}
table.Tableau td.CelluleSousTitre {
	font-weight: bold;
	color: 404a4a;
	background: #fdfdfd;
}
/*table.Tableau td.CelluleAlternative {
}*/

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

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


#overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 126px;
    height: 22px;
    margin: -11px 0 0 -63px;
    z-index:100;
}