/*-----------------------------------------------------------------------------------------------*/
/* 6699CC : Bleu plus clair (fond de page)                                                       */
/* 5C85AD : Bleu intermédiaire (contenu droit)                                                   */
/* 336799 : Bleu plus foncé (entête droit)                                                       */
/* 0A316A : Bleu encore plus foncé (tableau sur fond jaune)                                      */
/* F2D907 : Jaune                                                                                */
/* FFFFFF : Blanc                                                                                */
/* FF0033 : Rouge                                                                                */
/* CB1D58 : Rouge plus terne                                                                     */
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/* GLOBAL                                                                                        */
/*-----------------------------------------------------------------------------------------------*/
body			{background-color: #6699CC; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-left: auto; margin-right: auto; padding: 0; text-align: justify;}
#page 			{height: 600px; margin-left: auto; margin-right: auto; width: 900px;}
#pageInfos		{background-color: #ffffff; height: 250px; margin-left: auto; margin-right: auto; width: 450px;}
#pageLangue		{background-color: #ffffff; height: 390px; margin-left: auto; margin-right: auto; width: 760px;}

/*-----------------------------------------------------------------------------------------------*/
/* Position des différentes DIV structurant la page                                              */
/*-----------------------------------------------------------------------------------------------*/
#enteteGauche	{float: left; height: 121px; width: 564px;}
#enteteDroit	{background-color: #336799; float: right; height: 121px; position: relative; top: 0; width: 336px;}
#contenuGauche	{float: left; height: 450px; width: 564px;}
#contenuDroit	{background-color: #5C85AD; float: right; height: 465px; width: 336px;}
#contenuIndex, #contenuQui, #contenuYeu, #contenuPeche, #contenuProm, #contenuScol, #contenuCont	{background-position: center top; background-repeat: no-repeat; clear: both; height: 465px; width : auto;}
#contenuIndex	{background-image: url(../images/fond_index.jpg);}
#contenuQui		{background-image: url(../images/fond_qui.jpg);}
#contenuYeu		{background-image: url(../images/fond_yeu.jpg); height: 250px; width: 450px;}
#contenuPeche	{background-image: url(../images/fond_peche.jpg);}
#contenuProm	{background-image: url(../images/fond_promenade.jpg);}
#contenuScol	{background-image: url(../images/fond_scolaire.jpg);}
#contenuCont	{background-image: url(../images/fond_promenade.jpg);}

/*-----------------------------------------------------------------------------------------------*/
/* Position des éléments du menu                                                                 */
/*-----------------------------------------------------------------------------------------------*/
#menu			{margin: 8px 0 0 7px; padding: 0; height: 113px; width: 329px;}
#menu p			{margin: 0 0 0 15px; padding: 0;}
#bouton1		{bottom: 0; left: 8px; position: absolute;}
#bouton2		{bottom: 0; left: 52px; position: absolute;}
#bouton3		{bottom: 0; left: 99px; position: absolute;}
#bouton4		{bottom: 0; left: 144px; position: absolute;}
#bouton5		{bottom: 0; left: 190px; position: absolute;}
#bouton6		{bottom: 0; left: 235px; position: absolute;}

/*-----------------------------------------------------------------------------------------------*/
/* Position du plan et explications de la page contact                                           */
/*-----------------------------------------------------------------------------------------------*/
#plan			{float:left; margin:12px 0 0 15px;}
#venir			{float:right; width:300px; margin: 0px 10px 0 10px;}

/*-----------------------------------------------------------------------------------------------*/
/* Caractéristiques des images                                                                   */
/*-----------------------------------------------------------------------------------------------*/
.image			{border: none; margin: 0; padding: 0;}
#logoLavie		{float: left; margin: 35px 0 0 5px}

/*-----------------------------------------------------------------------------------------------*/
/* Caractéristiques des textes                                                                   */
/*-----------------------------------------------------------------------------------------------*/
.copyright		{font-size: 9px; font-family: Helvetica, sans-serif; font-style:italic; font-weight: normal;}
.titre			{color: #336799; font-size: 26px;}
.titreTab		{color: #336799; font-size: 14px;}
.titreTabDroit	{color: #F2D907; font-size: 14px;}
.titreAccueil	{color: #FFFFFF; font-size: 14px;}
.texteFidelite	{color: #CB1D58; font-size: 13px;}
.titLangue		{color: #000000; font-size: 14px; text-align: center;}
.titreAmi		{color: #336799; font-size: 26px; text-align: center;}
.texteLangue	{color: #000000; font-size: 12px;}
.texteInfoPeche	{color: #336799; font-size: 16px; text-align: center;}
.titreContact	{color: #FFFFFF; font-size: 13px;}
.lienMail		{color: #FFFFFF; font-size: 13px; text-decoration: none;}
.lienMail:hover	{color: #F2D907;}
.standardBleu	{color: #336799; font-size: 12px;}
.lienOptions	{color: #336799; font-size: 12px; text-decoration: none;}
.lienInfos		{color: #0A316A; font-size: 12px;  font-weight:normal;text-decoration: none;}
.tableauDroit	{color: #0A316A; font-size: 12px;}
.modeTransport	{color: #FF0033; font-size: 12px;}
.lienPartenaire	{color: #FFFFFF; font-size: 12px; text-decoration: none;}
.lienPartenaire:hover{color: #F2D907;}
.texteResaTel	{color: #FFFFFF; font-size: 12px; font-weight: normal;}
.standardBlanc	{color: #FFFFFF; font-size: 12px;}
.standardBlanc1	{color: #FFFFFF; font-size: 11px;}
.standardBlanc1 span{color: #0A316A;}
.standardBleu1	{color: #336799; font-size: 11px;}
.standardRouge	{color: #FF0033; font-size: 11px;}
.standardBleu2	{color: #336799; font-size: 10px;}
.texteResa		{color: #FFFFFF; font-size: 10px;}
.ChgtCouleur	{color: #F2D907;}
.hauteurLigne	{line-height: 1.5;}

/*-----------------------------------------------------------------------------------------------*/
/* Position des textes, des images et des diapos                                                 */
/*-----------------------------------------------------------------------------------------------*/

/* Page Accueil                                                                                  */
#AccBoite		{left: 485px; position: relative; top: 160px; width: 365px;}
#AccFondBoite	{background: #FFFFFF; filter: alpha(opacity=40); height: 205px; opacity: 0.4; width: 365px;}
#AccTexteBoite	{height:205px; margin: -220px 10px 0 10px; position: relative; width: 345px;}
#AccTitre		{margin: 15px 0 12px 0; padding: 0; text-align:center;}
#AccPara1		{margin: 0 0 8px 0; padding: 0;}
#AccPara2		{margin: 0 0 8px 0; padding: 0;}
#AccLangue		{left: 767px; position: relative; top: 20px; width: 150px;}
#AccANCV		{left: 795px; position: relative; top: 20px; width: 150px;}
#AccCopy		{margin: 155px 0 0 5px;}

/* Page Langues                                                                                  */
#LangueGB		{border-right: 1px solid black; float: left; height: 390px; margin: 0 0 0 0; position: absolute; width: 378px;}
#LangueD		{margin: 0 0 0 380px; position: absolute; width: 378px;}
#LangueResa1	{margin: 0 10px 0 30px;}
#LanguePuce1,
#LanguePuce2,
#LanguePuce3,
#LanguePuce4,
#LanguePuce5,
#LanguePuce6	{margin: 0 10px 25px 0px; padding: 0;}
#LangueTitre1	{margin: 50px 0 5px 0;}
#LangueTitre2	{margin: 30px 0 5px 0;}
#LangueTitre3	{margin: 5px 0 5px 0;}
#LangueTitreAmi1{margin: 5px 0 10px 0;}
#LangueTitreAmi2{margin: 5px 0 10px 0;}
#drapeauD		{position: absolute; right: 3px; top: 3px;}
#drapeauGB		{left: 3px; position: absolute; top: 3px;}

/* Page Qui sommes-nous ?                                                                        */
#titreQui		{margin: 20px 39px 15px 39px;}
#QuiPara1,
#QuiPara2,
#QuiPara3,
#QuiPara4		{margin: 0 39px 13px 39px;}
#QuiPara5		{margin: 50px 45px 15px 45px;}
#QuiPara6		{margin: 15px 45px 0 45px;}
#QuiImg			{margin: 15px 20px 0 20px;}

/* Page pêche en mer                                                                             */
#PechePara1		{margin: 8px 8px 15px 8px;}
#PechePara2		{margin: 8px 8px 10px 8px;}
#PechePara3		{margin: 0px 10px 0 10px;}
#PechePara4		{margin: 0px 10px 0 10px;}
#PecheTitreTab	{margin: 0 0 5px 0; padding: 0;}
#PecheTab		{margin: 0 55px 0 55px;}
#PecheTabNuit	{margin: 10px 10px 0 10px;}
#PecheInfos		{margin: 0 0 0 30px;}
#PecheInfos1	{margin: 20px 0 20px 0;}
#PecheInfos2	{margin: 20px 0 0 0;}
#TexteYeu		{width: 380px; padding: 10px 45px 10px 25px;}
#PecheFidelite	{margin: 3px 0 0 0; padding: 0 0 0 15px;}

/* Page Promenade en mer                                                                         */
#PromPara1		{margin: 8px 8px 15px 92px;}
#PromPara2		{margin: 8px 8px 15px 92px;}
#PromPara3		{margin: 10px 10px 0 10px;}
#PromPara4		{margin: 15px 10px 0 10px;}
#PromTab		{margin: 0 30px 0 92px;}

/* Page Scolaires                                                                                */
#ScolPara1		{margin: 20px 10px 0 10px;}
#ScolPara2		{margin: 15px 10px 0 10px;}
#ScolPara3		{margin: 15px 10px 0 10px;}
#ScolPara4		{margin: 15px 10px 0 10px;}
#ScolDiapo		{margin: 5px 10px 8px 10px;}
#ScolTitre		{margin: 40px 0 30px 0; line-height: 2; padding: 0; text-align: center;}
#ScolTitreTab	{margin: 0 0 10px 0; padding: 0;}
#ScolTab		{margin: 0 60px 0 92px;}
#telechargeScol	{clear:both; margin:-155px 0 0 310px; position:absolute; line-height: 1.5;}

/* Page de contacts                                                                              */
#titreContact	{margin-top: 12px;}
.contactVille1	{margin: 0; padding: 0;}
.contactVille2	{margin: 8px 0 0 0; padding: 0;}
.contactTransp	{margin: 16px 0 0 0; padding: 0;}
.contactDesc	{margin: 0 0 0 6px; padding: 0;}
#ContPara1		{margin: 20px 15px 15px 15px;}
#ContPara2		{margin: 35px 15px 15px 15px;}
#ContPara3		{margin: 60px 15px 15px 15px;}
#ContPara4		{margin: 8px 10px 0 15px;}
#ContPara5		{margin: 8px 10px 0 15px;}
#ContPara6		{margin: 8px 10px 0 15px;}
#ContPara7		{margin: 8px 10px 0 15px;}
#ContPara8		{margin: 8px 10px 0 15px;}
#ContPara9		{margin: 8px 10px 0 15px;}
#ContPara10		{margin: 8px 10px 0 15px;}

/*-----------------------------------------------------------------------------------------------*/
/* Positions utilisées pour plusieurs pages                                                      */
/*-----------------------------------------------------------------------------------------------*/
/* Position des diapositives                                                                     */
.defilPhotos	{margin: 0 0 0 0; padding: 0; text-align: center;}

/* Position du copyright                                                                         */
#posCopy		{clear:both; margin:-15px 0 0 5px; position:absolute;}

/* Position des coordonnées pour la réservation                                                  */
#Resa1			{margin: 0 20px 0 20px; padding: 0;}
#Resa2			{margin: 8px 20px 0 20px; padding: 0;}
#ResaCont1		{margin: 0 20px 15px 20px; padding: 0;}
#ResaCont2		{margin: 5px 20px 15px 20px; padding: 0;}
#posTel1		{margin-left: 115px;}
#posTel2		{margin-left: 111px;}
#posTel3		{margin-left: 69px;}

/* Présentation du tableau des caractéristiques                                                  */
.MEPTableau		{border-collapse: collapse; padding: 0; margin: 0;}

/* Boutons de téléchargement                                                                     */
#telecharge		{clear:both; margin:-45px 0 0 310px; position:absolute;}
.telechargeTexte{background-image: url(../images/bouton.jpg); background-position: left center; background-repeat: no-repeat; padding: 0 0 0 15px; margin: 5px 0 0 0;}
.telechargeTexte:hover{background-image: url(../images/bouton-over.jpg);}

/*-----------------------------------------------------------------------------------------------*/
/* Style pour faire le fond de l'accueil avec angles arrondis                                    */
/*-----------------------------------------------------------------------------------------------*/
.AccArrondi		{display: block; width: 365px;}
.AccArrondi *	{background: #FFFFFF; filter: alpha(opacity=40); opacity: 0.4; display: block; font-size: .01em; height: 1px; overflow: hidden;}
.AccArrondi1	{background: #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; margin-left: 3px; margin-right: 3px; padding-left: 1px; padding-right: 1px;}
.AccArrondi2	{background: #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; margin-left: 1px; margin-right: 1px; padding-left: 1px; padding-right: 1px;}
.AccArrondi3	{margin-left: 1px; margin-right: 1px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;}
.AccArrondi4	{border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;}
.AccArrondi5	{border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;}

/*-----------------------------------------------------------------------------------------------*/
/* Style pour faire les fonds bleus avec angles arrondis                                         */
/*-----------------------------------------------------------------------------------------------*/
.arrondiTab		{display: block}
.arrondiTab *	{background: #6699cc; display: block; font-size: .01em; height: 1px; overflow: hidden;}
.arrondiTab1	{background: #8cb2d8; border-left: 1px solid #bdd3e9; border-right: 1px solid #bdd3e9; margin-left: 3px; margin-right: 3px; padding-left: 1px; padding-right: 1px;}
.arrondiTab2	{background: #d5c926; border-left: 1px solid #eff4f9; border-right: 1px solid #eff4f9; margin-left: 1px; margin-right: 1px; padding-left: 1px; padding-right: 1px;}
.arrondiTab3	{margin-left: 1px; margin-right: 1px; border-left: 1px solid #d5c926; border-right: 1px solid #d5c926;}
.arrondiTab4	{border-left: 1px solid #bdd3e9; border-right: 1px solid #bdd3e9;}
.arrondiTab5	{border-left: 1px solid #8cb2d8; border-right: 1px solid #8cb2d8;}
#PecheFg		{background: #6699cc; height: 195px;}
#Promfg			{background: #6699cc; height: 190px;}
#Scolfg			{background: #6699cc; height: 108px;}

/*-----------------------------------------------------------------------------------------------*/
/* Style pour faire les fonds jaune avec angles arrondis                                         */
/*-----------------------------------------------------------------------------------------------*/
.arrondiTabBas	{display: block}
.arrondiTabBas *	{background: #F2D907; display: block; font-size: .01em; height: 1px; overflow: hidden;}
.arrondiTabBas1	{background: #ccc430; border-left: 1px solid #9ca965; border-right: 1px solid #9ca965; margin-left: 3px; margin-right: 3px; padding-left: 1px; padding-right: 1px;}
.arrondiTabBas2	{background: #f6e247; border-left: 1px solid #6b8d9c; border-right: 1px solid #6b8d9c; margin-left: 1px; margin-right: 1px; padding-left: 1px; padding-right: 1px;}
.arrondiTabBas3	{border-left: 1px solid #f6e247; border-right: 1px solid #f6e247; margin-left: 1px; margin-right: 1px;}
.arrondiTabBas4	{border-left: 1px solid #9ca965; border-right: 1px solid #9ca965;}
.arrondiTabBas5	{border-left: 1px solid #ccc430; border-right: 1px solid #ccc430;}
.arrondiTabBasfg{background: #F2D907; height: 40px;}

/*-----------------------------------------------------------------------------------------------*/
/* Quadrillage du tableau sur fond bleu pour la pêche                                            */
/*-----------------------------------------------------------------------------------------------*/
.PecheCol1,
.PecheCol1Deb,
.PecheCol1Fin1,
.PecheCol1Fin	{border-right: 2px solid #FFFFFF; padding: 0 0 0 15px; vertical-align: top; width: 400px;}
.PecheCol1Deb	{padding: 3px 0 0 15px;}
.PecheCol1Fin	{border-bottom: 1px solid #FFFFFF; padding: 0 0 3px 15px;}
.PecheCol1Fin1	{padding: 0 0 3px 15px;}
.PecheCol2,
.PecheCol2Deb,
.PecheCol2Fin1,
.PecheCol2Fin	{padding: 0 8px 0 0; text-align:right; width: 40px;}
.PecheCol2Deb	{padding: 3px 8px 0 0;}
.PecheCol2Fin	{border-bottom: 1px solid #FFFFFF; padding: 0 8px 3px 0;}
.PecheCol2Fin1	{padding: 0 8px 3px 0;}

/*-----------------------------------------------------------------------------------------------*/
/* Quadrillage du tableau sur fond jaune (partie droite) pour la pêche                           */
/*-----------------------------------------------------------------------------------------------*/
.PecheDCol1		{border-right: 2px solid #0A316A; padding: 3px 0 0 15px; vertical-align: top; width: 250px;}
.PecheDCol1Fin	{border-bottom: 1px solid #0A316A; border-right: 2px solid #0A316A; padding: 3px 0 3px 15px; vertical-align: top; width: 250px;}
.PecheDCol2		{padding: 3px 8px 0 0; text-align: right; width: 40px;}
.PecheDCol2Fin	{border-bottom: 1px solid #0A316A; padding: 3px 8px 3px 0; text-align: right; width: 40px;}

/*-----------------------------------------------------------------------------------------------*/
/* Quadrillage du tableau sur fond bleu pour la promenade et les scolaires                       */
/*-----------------------------------------------------------------------------------------------*/
.PromCol1,
.PromCol1Deb,
.PromCol1DebFin,
.PromCol1Fin	{border-right: 2px solid #FFFFFF; padding: 0 0 0 15px; vertical-align: top; width: 290px;}
.PromCol1Deb	{padding: 8px 0 0 15px;}
.PromCol1DebFin	{border-bottom: 1px solid #FFFFFF; padding: 8px 0 8px 15px;}
.PromCol1Fin	{border-bottom: 1px solid #FFFFFF; padding: 0 0 8px 15px;}
.PromCol2,
.PromCol2Deb,
.PromCol2DebFin,
.PromCol2Fin	{padding: 0 45px 0 0; text-align:right; width: 90px;}
.PromCol2Deb	{padding: 8px 45px 0 0;}
.PromCol2DebFin	{border-bottom: 1px solid #FFFFFF; padding: 8px 45px 3px 0;}
.PromCol2Fin	{border-bottom: 1px solid #FFFFFF; padding: 0 45px 3px 0;}