/* Styles communs à toutes les pages -----------------------------------------*/
.CellCompFixe
{
	background: #FBC650;
	border-left: 1px solid #FFF;
	text-align: center;
	vertical-align: middle;
	width: 35px;
	height: 29px;
}
.CellRecherche
{
	background: #FBC650;
	border-left: 1px solid #FFF;
	padding: 0 0 0 13px;
	vertical-align: middle;
	width: 65px;
	height: 29px;
}
.CellFooter
{
	font: 9px/11px Verdana, Arial, Helvetica, Sans-serif;
	color: #7E6C3F;
	background: #FCD97E;
	vertical-align: middle;
	padding: 9px 10px 7px 10px;
	text-align: right;
}

/* Styles spéciaux pour page d'accueil ---------------------------------------*/
.CellContenuAcc
{
	font: 11px/16px Verdana, Arial, Helvetica, Sans-serif;
	color: #737373;
	padding: 0 0 0 12px;
	vertical-align: top;
}
.CellAccBloc
{
	font: 11px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #737373;
	padding: 0px 12px 0px 10px;
	vertical-align: top;
}
.CellAccBloc p
{
	margin: 10px 0px 15px 0px;
	vertical-align: middle;
}
.CellMenuAcc
{
	padding: 0px;
	vertical-align: top;
}
.CellMenuAcc a:link, .CellMenuAcc a:active, .CellMenuAcc a:visited
{
	font: bold 12px/110% Verdana, Arial, Helvetica, Sans-serif;
	color: #737373;
	text-decoration: none;
}
.CellMenuAcc a:hover, .CellMenuAcc a:active:hover, .CellMenuAcc a:visited:hover
{
	font: bold 12px/110% Verdana, Arial, Helvetica, Sans-serif;
	color: #03376E;
	text-decoration: none;
}
.MenuAcc
{
	padding: 0px 0px 0px 12px;
	vertical-align: top;
}
/* Styles spéciaux pour pages intérieures ------------------------------------*/
.CellContenuInt
{
	font: 11px/18px Verdana, Arial, Helvetica, Sans-serif;
	color: #5d5d5d;
	padding: 0px 25px 15px 25px;
	vertical-align: top;
	width: 536px;
}
.CellContacts
{
	font: 11px/15px Verdana, Arial, Helvetica, Sans-serif;
	color: #5d5d5d;
	padding: 18px 4px 12px 6px;
}
a.LienCourriel:link, a.LienCourriel:active, a.LienCourriel:visited
{
	font: 11px/15px Verdana, Arial, Helvetica, Sans-serif;
	color: #5d5d5d;
	text-decoration: none;
}
a.LienCourriel:hover, a.LienCourriel:active:hover, a.LienCourriel:visited:hover
{
	font: 11px/15px Verdana, Arial, Helvetica, Sans-serif;
	color: #5d5d5d;
	text-decoration: underline;
}
.CellHeader
{
	vertical-align: top;
	background: #03376D;
}
.CellLabel
{
	font: 11px/15px Verdana, Arial, Helvetica, Sans-serif;
	color: #5d5d5d;
}
/* Styles pour sous menus ----------------------------------------------------*/
.SousMenuOff
{
	padding: 5px 14px;
	height: 14px;
}
.SousMenuOn
{
	padding: 5px 14px;
	background: #2774CA;
	height: 14px;
}
.SousMenuOff a:link, .SousMenuOff a:visited, .SousMenuOff a:active
{
	font: bold 12px/110% Verdana, Arial, Helvetica, Sans-serif;
	color: #fff;
	text-decoration: none;
}
.SousMenuOff a:hover, .SousMenuOff a:visited:hover, .SousMenuOff a:active:hover
{
	font: bold 12px/110% Verdana, Arial, Helvetica, Sans-serif;
	color: #fff;
	text-decoration: none;
}
.SousMenuOn a:link, .SousMenuOn a:visited, .SousMenuOn a:active, .SousMenuOn a:hover, .SousMenuOn a:visited:hover, .SousMenuOn a:active:hover
{
	font: bold 12px/110% Verdana, Arial, Helvetica, Sans-serif;
	color: #fff;
	text-decoration: none;
}

/* Styles pour menus déroulants ----------------------------------------------*/
.MenuDeroulOff
{
	background: #256fc1;
	border-top: 1px solid #83b2e7;
	padding: 2px 7px 3px 7px;
}
.MenuDeroulOn
{
	background: #03376e;
	border-top: 1px solid #83b2e7;
	padding: 2px 7px 3px 7px;
}
.MenuDeroulOff a:link, .MenuDeroulOff a:visited, .MenuDeroulOff a:active
{
	font: bold 11px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #fff;
	text-decoration: none;
}
.MenuDeroulOff a:hover, .MenuDeroulOff a:visited:hover, .MenuDeroulOff a:active:hover
{
	font: bold 11px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #fff;
	text-decoration: none;
}
.MenuDeroulOn a:link, .MenuDeroulOn a:visited, .MenuDeroulOn a:active, MenuDeroulOn a:hover, .MenuDeroulOn a:visited:hover, .MenuDeroulOn a:active:hover
{
	font: bold 11px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #fff;
	text-decoration: none;
}

/* Styles pour Plan du site --------------------------------------------------*/
.PlanSite a:link, .PlanSite a:active, .PlanSite a:visited
{
	font: bold 13px/16px Verdana, Arial, Helvetica, Sans-serif;
	color: #2774ca;
	text-decoration: none;
}
.PlanSite a:hover, .PlanSite a:active:hover, .PlanSite a:visited:hover
{
	font: bold 13px/16px Verdana, Arial, Helvetica, Sans-serif;
	color: #2774ca;
	text-decoration: underline;
}
/*
a.Lien1:link, a.Lien1:visited, a.Lien1:active {
	font:					bold 13px/16px Verdana, Arial, Helvetica, Sans-serif;
	color:					#2774ca;
	text-decoration:		none;
}
a.Lien1:hover, a.Lien1:visited:hover, a.Lien1:active:hover {
	font:					bold 13px/16px Verdana, Arial, Helvetica, Sans-serif;
	color:					#2774ca;
	text-decoration:		underline;
}
a.Lien2:link, a.Lien2:visited, a.Lien2:active {
	font:					11px/13px Verdana, Arial, Helvetica, Sans-serif;
	color:					#5d5d5d;
	text-decoration:		none;
}
a.Lien2:hover, a.Lien2:visited:hover, a.Lien2:active:hover {
	font:					11px/13px Verdana, Arial, Helvetica, Sans-serif;
	color:					#5d5d5d;
	text-decoration:		underline;
}*/

/* Styles pour formulaires----------------------------------------------------*/


.TxtBox
{
	font: 11px Verdana, Arial, Helvetica, Sans-serif;
	color: #000;
	background: #FFF;
	border: 1px solid #777;
	padding: 0 0 0 3px;
	margin: 0;
	height: 17px;
}

.TxtBoxForm
{
	font: 10px Verdana, Arial, Helvetica, Sans-serif;
	color: #000;
	border: 1px solid #666;
	padding: 0 0 0 3px;
	margin: 0;
}
.TxtArea
{
	font: 10px Verdana, Arial, Helvetica, Sans-serif;
	color: #000;
	border: 1px solid #666;
	padding: 0 0 0 3px;
	margin: 0;
}
.Dropdown
{
	font: 10px Verdana, Arial, Helvetica, Sans-serif;
	color: #000;
	border: 1px solid #666;
	padding: 0 0 0 3px;
	margin: 0;
}
.Btn
{
	font: bold 11px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #FFF;
	text-transform: uppercase;
	background: #00A3E6;
	border: 1px solid #fff;
}

/* Visite virtuelle ----------------------------------------------------------*/

a.LienVisiteOff:link, a.LienVisiteOff:visited, a.LienVisiteOff:active
{
	font: 11px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #777;
	text-decoration: underline;
}

a.LienVisiteOff:hover, a.LienVisiteOff:hover, a.LienVisiteOff:hover
{
	font: 11px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #5d5d5d;
	text-decoration: none;
}

a.LienVisiteOn:link, a.LienVisiteOn:visited, a.LienVisiteOn:active, a.LienVisiteOn:hover, a.LienVisiteOn:visited:hover, a.LienVisiteOn:active:hover
{
	font: bold 11px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #03376e;
	text-decoration: none;
}



/* Général -------------------------------------------------------------------*/
BODY
{
	padding: 0;
	margin: 0;
	background: #FFF;
}
A:link, A:visited, A:active
{
	font: 100%/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #5d5d5d;
	text-decoration: underline;
}
A:hover, A:visited:hover, A:active:hover
{
	color: #03376e;
}
IMG
{
	border: 0;
}
P
{
	padding: 0;
	margin: 0 0 18px 0;
}
UL
{
	font: 11px/18px Verdana, Arial, Helvetica, Sans-serif;
	color: #5d5d5d;
	margin: 0;
	margin-top: 0;
}
OL
{
	font: 11px/18px Verdana, Arial, Helvetica, Sans-serif;
	color: #5d5d5d;
}
LI
{
	list-style: disc outside;
	font: 11px/18px Verdana, Arial, Helvetica, Sans-serif;
	color: #5d5d5d;
	margin: 0 15px;
}
FORM
{
	padding: 0;
	margin: 0;
}
SUP
{
	font: 9px/9px Verdana, Arial, Helvetica, Sans-serif;
}
/* Arrière-plan --------------------------------------------------------------*/
.BgSite
{
	background: #FFF url(../images/Bg_Site.gif);
}
.BgHeader
{
	background: #03376D url(../images/Bg_Header.gif);
	width: 182px;
	vertical-align: bottom;
}
.BgLigneV
{
	background: #03376D url(../images/Pointi_Marine_V.gif) repeat-y;
	width: 1px;
}
.BgAccLigneV
{
	background: #fff url(../images/Pointi_Marine_V.gif) repeat-y;
	width: 1px;
}
.BgMenuOrange
{
	background: #F89E00;
	padding: 5px;
}
.BgAccLigneH
{
	background: #fff url(../images/Pointi_Gris_H.gif) repeat-x;
	height: 1px;
}

/* Ajouts par Luc Ledoux ------------------------------------------------------------*/
.MenuCSS
{
	border: 0px;
	cursor: hand;
}
.MenuItemOff
{
	background: #256fc1;
	border-top: 1px solid #83b2e7;
	padding: 2px 7px 3px 7px;
	font: bold 11px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #fff;
	text-decoration: none;
	cursor: hand;
}
.MenuItemOn
{
	background: #03376e;
	border-top: 1px solid #83b2e7;
	padding: 2px 7px 3px 7px;
	font: bold 11px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #fff;
	text-decoration: none;
	cursor: hand;
}
.ImageCSS
{
	cursor: default;
}
.SiteMapCSS
{
	padding: 0px 0px 0px 0px;
}
.Test
{
	font-size: xx-small;
}

/* Styles Horaires  ------------------------------------------------------------*/
.CellMois
{
	font: bold 13px/100% Verdana, Arial, Helvetica, Sans-serif;
	color: #03376E;
	text-align: center;
	background: url(../images/Bg_Mois.gif) repeat-x;
	height: 21px;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
}
.CellNomJour
{
	font: bold 12px/100% Verdana, Arial, Helvetica, Sans-serif;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	background: #03376E url(../images/Bg_NomJour.gif) repeat-x;
	border-top: 1px solid #C9C9C9;
	border-bottom: 2px solid #03376E;
	width: 70px;
	height: 22px;
}
.CellNomJour2
{
	font: bold 12px/100% Verdana, Arial, Helvetica, Sans-serif;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	background: #e28000 url(../images/Bg_NomJour2.gif) repeat-x;
	border-top: 1px solid #C9C9C9;
	border-bottom: 2px solid #e28000;
	width: 70px;
	height: 22px;
}
.CellJour
{
	font: 9px/100% Verdana, Arial, Helvetica, Sans-serif;
	color: #03376E;
	text-align: right;
	vertical-align: top;
	padding: 6px;
	background: #fff;
	height: 50px;
	width: 68px;
}
.CellJourWeekEnd
{
	font: 9px/100% Verdana, Arial, Helvetica, Sans-serif;
	color: #03376E;
	text-align: right;
	vertical-align: top;
	padding: 6px;
	background: #FAFAFA;
	height: 50px;
	width: 68px;
}
.CellJourActif
{
	font: 9px/100% Verdana, Arial, Helvetica, Sans-serif;
	color: #03376E;
	text-align: right;
	vertical-align: top;
	padding: 6px;
	background: #CFE2F6;
	height: 50px;
	width: 68px;
}
.Tableau
{
	background: #C9C9C9;
}
.BgBlanc
{
	background: #fff;
}
.CellActivite
{
	font: 11px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #5D5D5D;
	text-align: left;
	vertical-align: top;
	padding: 0px 5px 3px 5px;
	height: 50px;
	border-top: 4px solid #fff;
}
.CellActivite p
{
	margin: 10px;
}
.BgJaune
{
	background: #FFFEFC url(../images/Bg_ActiviteJaune.jpg) repeat-x top left;
}
.TitreJaune
{
	font: bold 11px/100% Verdana, Arial, Helvetica, Sans-serif;
	color: #FFB30F;
}
.BgOrange
{
	background: #FFFEFC url(../images/Bg_ActiviteOrange.jpg) repeat-x top left;
}
.TitreOrange
{
	font: bold 11px/100% Verdana, Arial, Helvetica, Sans-serif;
	color: #f89e00;
}
.BgMarine
{
	background: #FDFDFE url(../images/Bg_ActiviteMarine.jpg) repeat-x top left;
}
.TitreMarine
{
	font: bold 11px/100% Verdana, Arial, Helvetica, Sans-serif;
	color: #03376E;
}
.BgBleu
{
	background: #FEFEFF url(../images/Bg_ActiviteBleu.jpg) repeat-x top left;
}
.TitreBleu
{
	font: bold 12px/100% Verdana, Arial, Helvetica, Sans-serif;
	color: #2774CA;
}
.CellCours
{
	font: 9px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #03376E;
	background: #CFE2F6;
	text-align: center;
	vertical-align: middle;
	padding: 8px 0;
	border: 1px solid #C9C9C9;
	height: 70px;
	width: 70px;
}
.CellCours2
{
	font: 9px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #e28000;
	background: #fef5ce;
	text-align: center;
	vertical-align: middle;
	padding: 8px 0;
	border: 1px solid #C9C9C9;
	height: 70px;
	width: 70px;
}
.CellNormale
{
	border: 1px solid #C9C9C9;
}
.CellLignes
{
	background: url(../images/Bg_LignesHoraire.gif) repeat-x;
}
.TxtPlageHoraire
{
	font: 12px/18px Verdana, Arial, Helvetica, Sans-serif;
	color: #5d5d5d;
	text-transform: uppercase;
}
.BordureGrise
{
	border: 1px solid #C9C9C9;
	border-collapse: collapse;
}
/* Styles Pop Up  ------------------------------------------------------------*/
.BgPop
{
	background: #fff;
	margin: 30px;
	text-align: center;
}
.TitrePop
{
	font: bold 18px/18px Verdana, Arial, Helvetica, Sans-serif;
	color: #000;
}
.SousTitrePop
{
	font: bold 14px/18px Verdana, Arial, Helvetica, Sans-serif;
	color: #777;
}
.CellCoursPop
{
	font: 9px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #03376E;
	background: #CFE2F6;
	text-align: center;
	vertical-align: middle;
	padding: 8px 0;
	border: 1px solid #C9C9C9;
	height: 70px;
	width: 85px;
}
.CellNomJourPop
{
	font: bold 12px/100% Verdana, Arial, Helvetica, Sans-serif;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	background: #03376E url(../images/Bg_NomJour.gif) repeat-x;
	border-top: 1px solid #C9C9C9;
	border-bottom: 2px solid #03376E;
	width: 85px;
	height: 22px;
}

/* Styles Boutique  ---------------------------------------------------------*/
.CellSousSousMenu {
	vertical-align: top;
	text-align:left;
	padding: 0 0 30px 0;
}
.SousSousMenu {
	font: 11px/13px Verdana, Arial, Helvetica, Sans-serif;
	background:	#03376e url(/images/Bg_CoinSousSousMenu.gif) no-repeat bottom right;
	color: #FFF;
	padding: 15px 15px 15px 25px;
	vertical-align: top;
	width: 494px;/*534px*/
}
/* Style ajouté par MP2 pour s'adapter au menu componentart ----------------*/
.SousSousMenuCA 
{
	/*width:494px;*/
	font: 11px/13px Verdana, Arial, Helvetica, Sans-serif;
	color: #FFF;
}
.SousSousMenu a:link, .SousSousMenu a:visited, .SousSousMenu a:active,
.SousSousMenu a:hover, .SousSousMenu a:visited:hover, .SousSousMenu a:active:hover {
	font: 11px/13px Verdana, Arial, Helvetica, Sans-serif;
	color: #fff;
	text-decoration: none;
}
.SousSousMenu a:hover, .SousSousMenu a:visited:hover, .SousSousMenu a:active:hover {
	text-decoration: underline;
}
/*.SousSousMenu span#SousSousMenuOn,
.SousSousMenu a#SousSousMenuOn:link, .SousSousMenu a#SousSousMenuOn:visited, .SousSousMenu a#SousSousMenuOn:active,
.SousSousMenu a#SousSousMenuOn:hover, .SousSousMenu a#SousSousMenuOn:visited:hover, .SousSousMenu a#SousSousMenuOn:active:hover {
	font: 11px/13px Verdana, Arial, Helvetica, Sans-serif;
	color: #fff;
	background-color: #256FC1;
	padding:3px;
	text-decoration: none;
}*/
.SousSousMenuSep {
	font: 11px/13px Verdana, Arial, Helvetica, Sans-serif;
	color: #FFF;
	padding: 0 16px;
}
.CellImageProduit {
	vertical-align:top;
	padding:0 10px 0 0;
}
.CellProduit1 {
	padding:25px 15px 25px 0;
	vertical-align:top;
	width:50%;
}
.CellProduit2 {
	padding:25px 0 25px 15px;
	vertical-align:top;
	width:50%;
}
.CellPaginationBoutique {
	font:10px/15px Verdana, Arial, Helvetica, Sans-serif;
	color:#03376E;
	text-align:right;
	vertical-align:top;
}
.CellPaginationBoutique a:link, .CellPaginationBoutique a:visited, .CellPaginationBoutique a:active,
.CellPaginationBoutique a:hover, .CellPaginationBoutique a:visited:hover, .CellPaginationBoutique a:active:hover {
	font: bold 10px/15px Verdana, Arial, Helvetica, Sans-serif;
	color:#03376E;
	text-decoration: none;
}
.CellPaginationBoutique a:hover, .CellPaginationBoutique a:visited:hover, .CellPaginationBoutique a:active:hover {
	text-decoration: underline;
}
.CellPaginationBoutique b
{
	color:#2774ca;
	text-decoration: none;
}
#PageBoutiqueActive {
	color:#2774ca;
	text-decoration: none;
}

/* Styles pour menus déroulants de la boutique ------------------------------*/
.SousMenuDeroul {
	background: #256fc1;
	width: 110px;
	/*padding: 0 10px 5px 10px;*/
	padding: 0 10px 0 10px;
}
.SousMenuDeroul table {
	width: 110px;
}
.SousMenuDeroulOff, .SousMenuDeroulOn{
	background: #256fc1 url(/images/Bg_LigneSousMenuDeroul.gif) no-repeat bottom left;
	/*padding: 6px 10px 6px 10px;*/
	padding: 6px 0 6px 0;
}
#SousMenuDeroulLast {
	background-image:none;
}
.SousMenuDeroulOff a:link, .SousMenuDeroulOff a:visited, .SousMenuDeroulOff a:active
{
	font: bold 11px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #fff;
	text-decoration: none;
}
.SousMenuDeroulOff a:hover, .SousMenuDeroulOff a:visited:hover, .SousMenuDeroulOff a:active:hover
{
	font: bold 11px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #03376e;
	text-decoration: none;
}
/*.SousMenuDeroulOn
{
	background: #256fc1 url(/images/Bg_LigneSousMenuDeroul.gif) no-repeat bottom left;
	width: 110px;
	padding: 0 10px 5px 10px;
}*/
.SousMenuDeroulOn a:link, .SousMenuDeroulOn a:visited, .SousMenuDeroulOn a:active, 
.SousMenuDeroulOn a:hover, .SousMenuDeroulOn a:visited:hover, .SousMenuDeroulOn a:active:hover
{
	font: bold 11px/120% Verdana, Arial, Helvetica, Sans-serif;
	color: #03376e;
	text-decoration: none;
}