/* ---( le bandeau )------------------------------- */

#headerBandeau {
	background-color: none; /* #FFFFFF; */
 	border: none;
	margin: 4px;
}

#headerBandeau table {
	width: 992px;
	font-size: 14px;
}

#headerBandeau .col1 {
	font-weight: bold;
	text-indent: 10px;
}

#headerBandeau .col2 {
	width: 125px;
/*	background-color: #FFFF00; */
	text-align: center;
	text-indent: -2px;
 	border-right: 2px dotted #333333;
}

#headerBandeau .col3 {
	width: 65px;
/*	background-color: #FF00FF; */
	text-align: center;
	text-indent: -2px;
 	border-right: 2px dotted #333333;
}

#headerBandeau .col4 {
	width: 150px; /* 130px; */
/*	background-color: #00FFFF; */
	text-indent: 10px
}

#headerImage {
	width: 850px;
	left: 0px;
	float: left;
	height: 134px;
 	border: none;
	margin-left: 5px;
/*	background-color: #00FFFF; */
}

#headerCalendrier {
	width: 140px;
	float: left;
 	border: none;
	margin-top: 8px;
}

#headerCalendrier td.jour {
	width: 20px;
}

#headerCalendrier a.seDeconnecter {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

#headerCalendrier a.seDeconnecter:hover {
	text-decoration: underline;
}

#headerBandeau a.nousContacter {
	text-decoration: none;
	color: #AA3300;
	font-weight: bold;
}

#headerBandeau a.nousContacter:hover {
	text-decoration: underline;
}

#headerBandeau a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

#headerBandeau a:hover {
	text-decoration: underline;
}


#headerDeroulant {
	position: relative;
	clear: both;
/*	height: 24px; */ /* a mettre si on fait apparaitre le menu deroulant */
	background-color: #FFFFFF;
	border: none;
}

#ejs_scroll_cadre {
	position: absolute;
	width: 900px;
	height: 20px;
	top: 2px;
	left: 50px;
	clip: rect(0px 900px 18px 0px);
	background-color: #FFFFFF;
 	border: 1px solid #DD0000;
}

#ejs_scroller_2,
#ejs_scroller_1 {
	position: absolute;
	width: 795px;
	left: 105px;
}

#ejs_scroller_1 {
	top: 0;
	background-color: #FFFFFF;
}

#ejs_scroller_2 {
	top: 15px;
	background-color: #FFFFFF;
}

#logo {
/*	float: center;		*/		/* alignement du logo à center */
	width: 840px;
	height: 130px;
/*	margin: 0px 2px 0px auto;  */
	border: 0;
	margin-left: 1px;
}


/* ---( l'identification dans le bandeau )------------------------------- */

#identification-body,
#identification-body a,
#identification-body a:hover,
#identification-body td {
	color: #000;
}

#identification-body {
/*	background-color: #FAFAFE; */
	background-color: #7c99a7;
	border-left: 0px solid #3F51B1;
	border-right: 0px solid #3F51B1;
	border-bottom: 0px solid #3F51B1;
/*	border: 1px solid #e1e1e1; */
	border: 1px solid #7c99a7;
	padding: 1px 0px 1px 0px;
	margin: 0px auto 0px auto;
}

#identification-body a,
#identification-body a:hover {
	text-decoration: none;
}

#identification-body a:hover {
/*	font-weight: bold; */
/*	font-size: 10px; */
/*	background-color: #FFFFFF; */
}

#identification-body table {
	border: 0px solid #e1e1e1;
	border-collapse: collapse;
	margin: 0px auto;
	width: 99%;
}

#identification-body td {
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
/*	background-color: #FAFEFA; */
	padding: 3px;
}

/* ---( la navigation )------------------------------- */

ol#nav {
/*	border-bottom: solid 1px #000000; */
}

.navCompteInactive,
.navInactive {
	border-bottom: solid 1px #000000;
/*	border-left: solid 1px #F00000;
	border-right: solid 1px #F00000; */
}

.navCompteInactive {
/*	background-color: #666699; */
}

.navInactive {
/*	background-color: #B0D0F0; */
}

.navCompteInactive,
.navCompteActive {
	margin-right: 0px;
/* 	border-right: solid 1px #DD0000; */
}

.navCompteInactive,
.navCompteActive,
.navInactive,
.navActive {
	margin-top: 0px;
	text-align: center;
	margin-left: 0px;
	background-image: url(/images/onglet.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.navActive,
.navCompteActive {
	margin-top: 1px;
/*	background-image: url(/smmobadix/images/onglet_actif.gif); */
	color: #DD0000;
	border-bottom: solid 0px #FFFFFF;	/* on efface le trait inférieur du menu */
}

#navContenuBas,
#navContenuMilieu,
#navContenuHaut,
#navContenuHautSeul {
	width: 660px;
	color: blue;
	background-color:#D5D4F2;
	padding: 0px;
	border-left: 1px solid #3F51B1;
	border-right: 1px solid #3F51B1;
}

#navContenuHautSeul {
	border-top: 1px solid #3F51B1;
	border-bottom: 1px solid #3F51B1;
	margin: 15px auto 15px auto;
}

#navContenuHaut {
	border-top: 1px solid #3F51B1;
	margin: 15px auto 0px auto;
}

#navContenuMilieu {
	margin: 0px auto 0px auto;
}

#navContenuBas {
	border-bottom: 1px solid #3F51B1;
	margin: 0px auto 15px auto;
}

#navContenuBas table,
#navContenuMilieu table,
#navContenuHaut table {
	margin-left: 1px;
}

#navContenuBas td,
#navContenuMilieu td,
#navContenuHaut td,
#navContenuHautSeul td {
	width: 162px;
	text-align: center;
	border: 0px solid #FFFFFF;
	padding: 0px;
	margin: 0px auto 0px auto;
}


/* ---( le menu )------------------------------- */

ul.menu {
	/* on définit un conteneur pour le menu */
	list-style-type: none;		/* pour ne pas avoir de puces */
	padding: 0;
	line-height: 18px;			/* interligne */
	margin-left: 4px;
	margin-top: 13px;
	margin-bottom: 13px;
	width: 178px;
/*	border: 1px solid #060C6F; */
	border: none;
	background-color: #EEEEEE;
/*	font-family: verdana, arial; */
/*	text-align: left; */
}

ul.menuRapide {
	/* on définit un conteneur pour le menu Rapide */
	list-style-type: none;		/* pour ne pas avoir de puces */
	padding: 0;
	line-height: 18px;			/* interligne */
	margin-left: 4px;
	margin-top: 13px;
	margin-bottom: 13px;
	width: 178px;
/*	border: 1px solid #060C6F;*/
	background-color: #DDDDF0;
/*	font-family: verdana, arial; */
/*	text-align: left; */
}

li.menuTitre {
/*	background-color: #AAAAAA; */
	font-weight: bold;
	border-bottom: 1px solid #DD0000;
	text-align: center;
	margin-left: 15px;
	margin-right: 15px;
}

li.menuActif {
/*	background-color: #B7FFD3; */
	margin-left: 7px;
}

li.menuInactif {
	margin-left: 7px;
}


.menuActif a,
.menuInactif a,
.menuInactif a:hover {
	text-decoration: none;
}

.menuActif a {
	color: #D00;
	font-weight: bold;
}

.menuActif a:hover {
	text-decoration: underline;
	font-weight: bold;
}

.menuInactif a {
	color: #00D;
}

.menuInactif a:hover {
	color: #666699;
	font-weight: bold;
}

/* ---( Le message special )----------------------- */

#msgSpecial-body {
	color: #000;
	background-color: #FEFAFA;
	border-left: 3px solid #B13F51;
	border-right: 1px solid #B13F51;
	/*border-top: 1px dotted #000;*/
	border-bottom: 1px solid #B13F51;
	padding: 4px 4px 4px 4px;
	margin: 0px auto 0px auto;
/*	min-height: 110px; */
}

#msgSpecialCol1 {
	text-align: left;
}

#msgSpecial-titre {
	color: #CC0000;
	background-color:#F0E5E4;
	border-left: 3px solid #B13F51;
	border-top: 1px solid #B13F51;
	border-right: 1px solid #B13F51;
}

#msgSpecial-titre,
#msgSpecial-body {
	width: 600px;
}

/* ---( Le contenu )------------------------------- */

div.remarqueTitre,
div.remarque {
	text-align: left;
}

div.remarqueTitre {
	background-color: #AAAABB;
	font-weight: bold;
	font-size: 14px;
	padding: 4px 0px 4px 36px;
	color: #990000;
}

div.remarque {
	margin: 13px auto 13px auto;
	background-color: #AAAAEE;
	width: 600px;
	border: 1px solid #B13F51;
}

li.remarqueImportante,
li.remarque {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 14px;
}

li.remarque {
	color: #0000CC;
}

li.remarqueImportante {
	color: #CC0000;
}

#sheet-titre,
#sheet-contentAvecRubrique,
#sheet-content,
#sheet-rubrique,
#sheet-footer {
	width: 600px;
	text-align: left;
}

#msgSpecial-titre,
#sheet-titre {
	margin: 18px auto 0px auto;
	font-weight: bold;
	font-size: 14px;
	padding: 4px;
}


#sheet-contentAvecRubrique td,
#sheet-content td,
#msgSpecial-body td,
#sheet-contentAvecRubrique,
#sheet-content,
#sheet-rubrique td,
#sheet-rubrique th,
#sheet-rubrique {
	background-color: #FAFAFE;
}

#sheet-titre {
	color: #6666DD;
	background-color: #E5E4F2;
	border-left: 3px solid #3F51B1;
	border-top: 1px solid #3F51B1;
	border-right: 1px solid #3F51B1;
}

#sheet-titre table {
	width: 100%;
	font-size: 14px;
}

#sheet-rubrique {
	color: #000;
	border-left: 3px solid #3F51B1;
	border-right: 1px solid #3F51B1;
	padding: 4px 4px 0px 4px;
	margin: 0px auto 0px auto;
}

#sheet-rubrique  table {
	border-collapse: collapse;
	margin: auto;
}

#sheet-rubrique td,
#sheet-rubrique th {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	border: 1px solid  #e1e1e1;
	padding: 4px;
	color: black;
	font-weight: bold;
	text-align: center;
}

#sheet-contentAvecRubrique,
#sheet-content {
	color: #000;
	border-left: 3px solid #3F51B1;
	border-right: 1px solid #3F51B1;
	margin: 0px auto 0px auto;
}

#sheet-content {
	padding: 4px 4px 4px 4px;
}

#sheet-contentAvecRubrique {
	padding: 0px 4px 4px 4px;
}

#sheet-footer {
	color: #000;
	background-color: #EEEEFF;
	border-left: 3px solid #3F51B1;
	border-right: 1px solid #3F51B1;
	border-bottom: 1px solid #3F51B1;
	padding: 2px 4px 2px 4px;
	margin: 0px auto 20px auto;
}

#msgSpecial-body table,
#sheet-contentAvecRubrique table,
#sheet-content table {
	border-collapse: collapse;
	margin: auto;
}

#msgSpecial-body td,
#sheet-contentAvecRubrique td,
#sheet-content td {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 4px;
}

#sheet-contentAvecRubrique td {
	border-top: 0px solid  #e1e1e1;
	border-left: 1px solid  #e1e1e1;
	border-right: 1px solid  #e1e1e1;
	border-bottom: 1px solid  #e1e1e1;
}

#sheet-content td {
	border: 1px solid  #e1e1e1; 
}

#information {
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.lignePaire {
	background-color: #EE6666;
}

.ligneImpaire {
	background-color: #66EE66;
}

p.contactSponsor {
	margin: 0 0 0 0;
	padding: 0;
}
a.contactSponsor {
	text-decoration: none;
	color: #666;
	margin: 0;
	padding: 0;
}

a.contactSponsor:hover {
	text-decoration: underline;
	color: #666;
}

.imageSponsor {
	margin: 20px 0 0 0;
}

.imageSMM {
	margin: 0;
	margin-top: 20px;
}

/********** Pied page ***********/

#copyright {
/*    width: 100%;	 */					/* largeur obligatoire pour être centré */
	padding: 8px;
}

/********** Le calendrier ***********/

a.calendrier:link       {color: #082800; text-decoration: none; font-family: "Verdana","Arial","Helvetical","Geneva", sans-serif; font-size: 10px;}
a.calendrier:visited    {color: #082800; text-decoration: none; font-family: "Verdana","Arial","Helvetical","Geneva", sans-serif; font-size: 10px;}
a.calendrier:hover      {color: #638E5A; text-decoration: underline; font-family: "Verdana","Arial","Helvetical","Geneva", sans-serif; font-size: 10px;}
a.calendrier:active     {color: #638E5A; text-decoration: underline; font-family: "Verdana","Arial","Helvetical","Geneva", sans-serif; font-size: 10px;}

.calendriersmalltexte	{color: #082800; font-family: "Verdana","Arial","Helvetical","Geneva", sans-serif; font-size: 10px; height: 17px;}

input.calendrier	{font-family: "Verdana","Arial","Helvetical","Geneva",sans-serif; font-size: 7pt;}

a.aCalendrierMenu{
	text-decoration: none;
	color: #082800;
	font-weight: bold;
	font-family: "Verdana","Arial","Helvetical","Geneva", sans-serif;
	font-size: 8px;
}

a.aCalendrierMenu:hover{
	text-decoration: none;
	color: #082800;
	font-weight: bold;
	font-family: "Verdana","Arial","Helvetical","Geneva", sans-serif;
	font-size: 8px;
}