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

html, body {
	height:100%;
}
body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	background:url(../images/2009/Bg_Fond.gif) repeat-y 50% 0;
}
h1{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin-bottom:11px;
	height:27px;
}
p {
	margin: 0 0 11px 0;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.Clearer {
	clear: both;
}
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#Wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -56px;
}
#WrapperInterieur{
	background:#FFF url(../images/2009/Bg_WrapperInterieur.jpg) no-repeat 0 0;
	width:930px;
	padding:0 20px 0 0;
	margin: 0 auto;
	padding-bottom:86px;
}
#Entete {
	width:930px;
	height:112px;
	position:relative;
}
#Entete img.Logo{
	float:left;
}
#Entete img.LogoPrint{
	display:none;
}
#Entete p.LogoSAAC{
	background:url(../images/2009/Logo_SAAC.png) no-repeat;
	width:272px;
	height:81px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	top:15px;
	left:283px;
}
#NavFixe {
	float:right;
	margin:19px 1px 0 0;
	display:inline;
}
#NavFixe li{
	float:left;
	text-transform:uppercase;
	font-size:9px;
	margin-left:8px;
	padding-left:10px;
	background:url(../images/2009/Img_NavFixe.gif) no-repeat 0 3px;
}
#NavFixe li.PremierItem{
	background:none;
	padding:0;
	margin:0;
}
#NavFixe a {
	color:#FFF;
	text-decoration:none;
}
#NavFixe a:hover, #NavFixe a.On {
	color:#e4e0b7;
}
#BlocRecherche{
	clear:right;
	height:23px;
	float:right;
	position:relative;
	padding:9px 33px 0 0;
	margin-top:13px;
}
.ChampsRecherche{
	height:17px;
	font-size:11px;
	color:#000 !important;
	padding:4px 4px 0 4px;
	border:0;
	width:132px;
}
.BoutonRecherche{
	display:block;
	position:absolute;
	right:0;
	top:8px;
	*top:9px;
}
#Corps {
	width:930px;
}
#ColonneLaterale{
	width:283px;
	float:left;
	margin-top:58px;
}
#BlocASurveiller{
	background:#f5f3de url(../images/2009/Bg_ColonneLaterale.jpg) no-repeat 0 0;
	margin-bottom:27px;
	width:255px;
}
#BlocASurveiller .TitreASurveiller{
	margin-bottom:5px;
}
#BlocASurveiller p{
	background:url(../images/2009/Bg_Surveiller.gif) repeat-x bottom left;
	padding:0 11px 15px 14px;
	color:#898989;
	line-height:14px;
}
#BlocASurveiller a{
	font-weight:bold;
	color:#3e8eb4;
	text-decoration:underline;
}
#BlocASurveiller p.SousTitreBleu, #BlocASurveiller p span.SousTitreBleu{
	font-size:11px;
	font-weight:bold;
	color:#A49A00;
}
#BlocASurveiller p.SousTitreNoir, #BlocASurveiller span.SousTitreNoir{
	color:#363636;
}
.BtnToutesLesNouvelles{
	display:inline-block;
}
#BlocInscriptionBulletin{
	padding:0 0 0 22px;
	margin-top:13px;
}
#BlocInscriptionBulletin .TxtBox{
	width:140px;
}
#BlocInscriptionBulletin label{
	font-size:9px;
	color:#252525;
	text-transform:uppercase;
	display:block;
	margin-bottom:4px;
}
#BlocContenu {
	width:647px;
	float:left;
}
#Contenu{
	margin-top:20px;
	font-size: 11px;
	color:#898989;
	line-height:16px;
}
#Contenu .InfoActivite{
	background:url(../images/2009/Img_Pointille.gif) repeat-x bottom left;
	padding-bottom:14px;
	margin-bottom:18px;
}
#Contenu p, .InfoActivite div {
	font-size: 11px;
	color:#898989;
	line-height:16px;
	margin:0 0 11px 0;
}
#Contenu ul li{
	font-size: 11px;
	color:#898989;
	line-height:16px;
}
#Contenu a{
	color:#3E8EB4;
	text-decoration:underline;
}
#PiedPage {
	width:950px;
	height:56px;
	background:url(../images/2009/Bg_PiedPage.png) no-repeat 0 0;
	margin:0 auto;
	position:relative;
}
#PiedPage p{
	color:#FFF;
	position:absolute;
	top:35px;
	right:21px;
}
#PiedPage span{
	margin:0 5px 0 5px;
}
#PiedPage a {
	color:#5ca7da;
	text-decoration:none;
}
#PiedPage a:hover {
	color:#4E80A3;
}
.AligneGauche {
	float: left;
}
.AligneDroite {
	float: right;
}
#FormulaireAchats p{
	width:300px;
}
#FormulaireAchats .TxtBox{
	width:250px;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
#BlocIntroAccueil{
	background:url(../images/2009/Bg_BlocAccueil.gif) repeat-x bottom left;
	padding:0 0 20px 0;
	min-height:220px;
	height:auto !important;
	height:220px;
	margin-bottom:25px;
}
#BlocIntroAccueil img.InvitationActivites{
	float:right;
	display:block;
	margin:0 0 18px 8px;
}
#BlocEditableHaut{
	padding-bottom:12px;
}
#BlocEditableBas{
	background:url(../images/2009/spacer.gif) repeat-x 0 0;
	padding-top:27px;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
div.CellHoraire{
	background:#e4e1b2;
	padding:4px 8px 6px 8px;
	margin:0 0 12px 0;
}
div.CellHoraire p{
	margin:0;
}
.BlocEmplacement{
	background:#e4e1b2;
	padding:8px;
	width:203px;
}
div.Separateur{
	background:url(../images/2009/Img_Pointille.gif) repeat-x 0 50%;
	height:35px;
	font-size:0;
	display:block;
	margin:0;
	padding:0;
}


/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	margin:2px 0 0 0;
}
#MenuPrincipal li {
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	float:left;
}
#MenuPrincipal li a {
	height:34px;
	background:no-repeat 0 0;
	display:block;
}
#MenuPrincipal li a:hover{
	background-position:0 -34px;
}
#MenuPrincipal li a.On{
	background-position:0 -68px;
}

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

}
ul#PlanSite li {
	
}
ul#PlanSite li ul li ul {

}

/*- Styles pour formulaires ----------------------------------------------------*/
.Formulaire p.AligneGauche {
	margin-right: 15px;
}
.Formulaire p label {
	display: block;
	margin-bottom: 3px;
}
.Formulaire p label small {
	
}
input, textarea, select,
.TxtBox, .TxtArea, .SelectList, .Btn, .TxtLabel {
	font-family: Verdana, 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: #FF0000;
}
#Contenu div.SommaireValidation {
	color: #b46f6d !important;
	background: #fdf1f1;
	border:1px solid #b46f6d;
	padding: 10px;
	margin-bottom: 12px;
}
#Contenu div.SommaireValidation ul {
	margin: 0;
}
#Contenu div.SommaireValidation ul li {
	list-style: none outside none;
	padding: 0;
	color: #b46f6d !important;
}
.TxtBox, .TxtArea {
	border-color:#685D57 #F0F0F0 #F0F0F0 #685D57;
	border-style:solid;
	border-width:1px;
	color:#898989;
	font-family:Verdana,Arial,Helvetica,Sans-serif;
	font-size:10px;
	height:15px;
	padding:3px 2px 0 2px;
}
.SelectList {
	color: ;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	margin:	0 0 0 0;
}
.Checkbox {
	margin:0 3px 0 0;
	vertical-align:middle;
}
p.Checkbox label {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}
p.Checkbox input {
	display: block;
	float: left;
}
p.Checkbox br {
	clear: both;
}
p.RadioBtn  {
	padding:0 0 0 20px;
}

p.RadioBtn input {
	float:left;
	margin:3px 0 0 -20px;
	*margin:-2px 0 0 -22px;
}
p.RadioBtn br {
	clear: both;
}
.Btn {
	color: ;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	overflow: visible;
}

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

/*- Classes pour les textes ----*/
#Contenu p.SousTitreNoirMAJ, #Contenu span.SousTitreNoirMAJ{
	color:#404040 !important;
	font-size:11px !important;
	font-weight:bold !important;
	line-height:18px !important;
	text-transform:uppercase !important;
}
#Contenu p.SousTitreNoir, #Contenu span.SousTitreNoir{
	color:#404040 !important;
	font-size:11px !important;
	font-weight:bold !important;
	line-height:18px !important;
}
#Contenu p.SousTitreBleu, #Contenu span.SousTitreBleu{
	color:#a49a00 !important;
	font-size:11px !important;
	font-weight:bold !important;
	line-height:18px !important;
}
h2{
	font-size:12px;
	font-weight:bold;
	color:#A49A00;
	margin:0 0 12px 0;
}
h3{
	font-size:12px;
	font-weight:bold;
	color:#4e81a4;
	margin:0 0 12px 0;
}
h4{
	color:#404040;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	text-transform:uppercase;
	margin:0 0 5px 0;
}
h5{
	color:#898989;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	margin:0 0 2px 0;
}
h6{
	color:#404040;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
}

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


/*- Classes pour les images ----*/
img.ImageContour {
	border: 1px solid #f5f5f5;
}
img.ImageGauche {
	border: 1px solid #f5f5f5;
	margin:	0 12px 8px 0;
	float: left;
}
img.ImageDroite {
	border: 1px solid #f5f5f5;
	margin: 0  0 8px 12px;
	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.1em;
	margin: 0 0 12px 15px;
	padding: 0;
}
#Contenu ul li {
	list-style: disc outside url(../images/2009/Puce_Liste.gif);
	padding: 0 0 5px 0;
}
#Contenu ol {
	font-size: 11px;
	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 td.CellDuree{
	background:#363636;
	color:#FFF;
	padding:5px 8px;
}
table td.CellTitreTarif{
	background:#4e81a4;
	color:#FFF;
	font-weight:bold;
	padding:5px 8px;
}
table td.Texte{
	border:1px solid #ebebeb;
	padding:5px 8px;
	vertical-align:top;
}
table td.PremierItem{
	border-left:none;
}
table td.DernierItem{
	border-right:none;
}
table td.CellTransactionG,
table td.CellTabTotalMontant,
table td.CellTransactionD{
	color:#FFF;
	padding:6px 10px 6px 10px;
}
table td.CellTransactionG{
	background:#006892;
}
table td.CellTabTotalMontant{
	background:#a49a00;
	font-weight:bold;
	text-align:center;
}
table td.CellTransactionD{
	background:#363636;
}
.Lien.On{
	font-weight:bold !important;
	text-decoration:none !important;
}