/******************************************************************/
/******************************************************************/
/**	Feuille de style pour le site Internet	du Camping de l'Allee***
*	
*	Auteurs : Jonathan Bayle, Kilian Klein - IUT Info Vannes 2009
*/
/******************************************************************/

/******************************************************************/
/*	Divers */

/*	Commande proprietaire Mozilla.
*	Empeche les pointilles d'apparaitre lors du clic sur le menu
*/
*|*:-moz-any-link:focus		
{
	outline: none;
	-moz-outline: none;
}

/*	Supprime la bordure par defaut de toutes les images
*/
img
{
	border: none;
}

/*	Empeche l'affichage des images decoratives dans le code HTML.
*	Celles-ci sont affichees par le CSS directement.
*	Ce systeme permet de changer le theme du site facilement depuis le CSS
*/
img.cache			
{					
	display: none;
}

/*	Hyperliens */
a
{
	color: blue;
	text-decoration: none;
}
a:hover
{
	color: blue;
	text-decoration: underline;
}
a:active
{
	color: #05980e;
	text-decoration: underline;
}
/*	Listes a puces */
li
{
	list-style-image: url("../Images/pomme16.jpg");
}
/******************************************************************/

/******************************************************************/
/*	Styles de l'arriere-plan */

body
{
	margin: 0 auto;
	padding: 0;
	background-color: #c0fdfe;
	background-image: url("../Images/degrade.png");
	background-repeat: repeat-x;	
	border-top: 1px transparent solid;	/*empeche le bug de la marge superieure sous mozilla firefox */
	overflow: scroll;
}
/******************************************************************/

/******************************************************************/
/*	Styles du container principal */

#container
{
	width: 100%;
	max-width: 1249px;
	min-width: 65em;
	min-height: 35em;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 20px;
	background-color: #c0fdfe;
	/* overflow: auto; */
	font-size: 15px;
	font-family: Arial, sans-serif, "Times New Roman", serif;
	color: black;
}

#principal
{
	width: 100%;
	margin: 0;
	margin-top: 15px;
}
/******************************************************************/

/******************************************************************/
/*	Styles de la banniere */

#banniere
{
	background-image: url("../Images/banniere12.jpg");
	background-repeat: no-repeat;
	background-position: left;
	height: 368px;
	width: 100%;
	min-width: 65em;
	overflow: hidden;
	/* float: left; */
}
#banniere #logo
{
	height: 130px;
	width: 400px;
	/* float: left; */
}

#banniere a:hover
{
	color: white;
	text-decoration: none;
}
#banniere a:active
{
	color: #05980e;
	text-decoration: none;
}

#menuBanniere
{
	margin-left: 450px;
	margin-top: 10px;
	text-align: center;
}

/* Drapeaux de choix du langage */
td#drapeaux_langues
{
	width: 120px;	
}
.drapeau
{
	height: 24px;
	width: 32px;
	margin-left: 0px;
	margin-right: 2px;
	margin-top: 0px;
}
#france
{
	margin-left: 30px;
	margin-right: 10px;
}
/******************************************************************/

/******************************************************************/
/*	Styles du menu principal */

#menuPrincipal
{
	background: repeat-x url("../Images/menuback.png");
	text-align: center;
}

#menuHorizontal
{
	margin: 0 auto;
	height: 30px;
	width: 675px;
	/* overflow: auto; */
	padding: 0;
	font-size: 100%;
	background: repeat-x url("../Images/menuback.png");
}

#menuHorizontal a
{
	padding: 0;
	margin: 0;
	display: block;
	width: 110px;
	height: 30px;
	/*float: left;*/
	color: white;
	background-color: #2cd436;
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none;
	border: none;
}
#menuHorizontal a:hover
{
	background-color: #aafcab;
	color: #036e05;
}
#menuHorizontal a:active
{
	background-color: #aafcab;
	color: white;
}

#menuHorizontal ul, #menuHorizontal li
{
	 padding : 0; /* pas de marge intérieure */
     margin : 0; /* ni extérieure */
     list-style : none; /* on supprime le style par défaut de la liste */
     line-height : 30px; /* on définit une hauteur pour chaque élément */
     text-align : center; /* on centre le texte qui se trouve dans la liste */

}

#menuHorizontal li
{
	float : left;
	/* pour IE qui ne reconnaît pas "transparent" */
    border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menuHorizontal li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menuHorizontal li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 110px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}

#menuHorizontal li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menuHorizontal li ul li                
{
        border-top : 1px solid white; /* on met une bordure transparente en haut de chaque élément */
}

#menuHorizontal li ul ul 
{
        margin: -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left: 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menuHorizontal li ul ul                
{
        border-left: 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menuHorizontal li:hover ul ul, #menuHorizontal li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menuHorizontal li:hover ul, #menuHorizontal li li:hover ul, #menuHorizontal li.sfhover ul, #menuHorizontal li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
		/*margin-top: 30px;*/
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

/******************************************************************/

/******************************************************************/
/*	Style des boutons du menu principal */
#menuHorizontal a.bouton
{
	background-image: repeat-x url("../Images/menuback.png");
}

/*	Accueil*/
#accueil
{
	background-image: url("../Images/accueil.png");
}
a:hover#accueil
{
	background-image: url("../Images/accueil_over.png");
}
a:active#accueil
{
	background-image: url("../Images/accueil_clic.png");
}

/*	Reservations */
#reservations
{
	background-image: url("../Images/reservations.png");
}
a:hover#reservations
{
	background-image: url("../Images/reservations_over.png");
}
a:active#reservations
{
	background-image: url("../Images/reservations_clic.png");
}

/*	Contact */
#contact
{
	background-image: url("../Images/contact.png");
}
a:hover#contact
{
	background-image: url("../Images/contact_over.png");
}
a:active#contact
{
	background-image: url("../Images/contact_clic.png");
}

/*	Tarifs */
#tarifs
{
	background-image: url("../Images/tarifs.png");
}
a:hover#tarifs
{
	background-image: url("../Images/tarifs_over.png");
}
a:active#tarifs
{
	background-image: url("../Images/tarifs_clic.png");
}

/*	Camping */
#camping
{
	background-image: url("../Images/camping.png");
}
a:hover#camping
{
	background-image: url("../Images/camping_over.png");
}
a:active#camping
{
	background-image: url("../Images/camping_clic.png");
}

/*	Region */
#region
{
	background-image: url("../Images/region.png");
}
a:hover#region
{
	background-image: url("../Images/region_over.png");
}
a:active#region
{
	background-image: url("../Images/region_clic.png");
}

/*	Evenements */
#evenement
{
	background-image: url("../Images/evenements.png");
}
a:hover#evenement
{
	background-image: url("../Images/evenements_over.png");
}
a:active#evenement
{
	background-image: url("../Images/evenements_clic.png");
}
/******************************************************************/

/******************************************************************/
/*	Styles des menus de gauche (navigation) et de droite (evenements) */

td#gauche ul, td#droite ul, #logAdmin
{
	list-style : none; /* Pour éviter que les puces s'affichent */
	list-style-position: inside;
	text-align : left; /* Pour avoir des textes alignés à gauche dans les menus */
	padding: 0px; /* Pour mieux aligner les menus */
	border-top: none;
	background-color : white;
	margin: 0px;
	margin-top : -2px; /* Pour que la fenetre reste collee au menu*/
}
td#gauche ul
{
	background-color: white;
	/*background-image: url("../Images/panneaux.png");*/
	background-repeat: no-repeat;
	min-height: 150px;
	font-size: 115%;
	width: 150px;
	padding: 0px;
	padding-left: 5px;
}
td#gauche #premier
{
	margin-top: 15px;
}
td#droite ul
{
	background-image: url("../Images/pomme_explose7.jpg");
	background-repeat: no-repeat;
	height: 175px;
	padding-top: 15px;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: inside;
}

td#droite ul li
{
	list-style : none;
	list-style-type: none;
	list-style-image: none;
	list-style-position: inside;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 10px;
}

td#droite, td#gauche
{
	vertical-align: top;
	padding: 0 auto;
	text-align: center;
}
td#droite
{
	width: 200px;
}
td#gauche
{
	width: 150px;
}

#gauche #nav li
{
	margin-bottom: 5px;
	margin-left: 0px;
	list-style-image: none;
	border-bottom: 1px solid #35adff;
}

#gauche #nav li.indente
{
	border-bottom: none;
	font-size: 80%;
	margin-left: 15px;
}
#gauche #nav li a
{
	display: block;
	text-decoration: none;
	background-color: white;
	color: blue;
}
#gauche #nav a:hover
{
	text-decoration: none;
	background-color: #35adff;
	color: white;
}
#gauche #nav a:active
{
	text-decoration: none;
	background-color: #35adff;
	color: blue;
}

#logAdmin
{
	margin-top: 0px;
	padding: 0px;
	width: 150px;
	background-color: #c0fdfe;
}
#logAdmin th
{
	text-align: center;
	color: white;
	font-size: 110%;
	background-color: #36aeff;
	margin: 0px;
	padding: 0px;
}
#logAdmin td
{
	margin: 0px;
	padding: 0px;
}
#formAdmin
{
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: white;
	background-image: url("../Images/cadenas2.jpg");
	background-repeat: no-repeat;
}

#promos
{
	width: 200px;
	height: 200px;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
	border: none;
}
#promos th
{
	text-align: center;
	color: white;
	font-size: 110%;
	background-color: #2390ff;
	border-bottom: none;
	margin: 0px;
	padding: 0px;
}
#promos td
{
	border-top: 1px solid white;
	width: 200px;
	height: 160px;
	padding: 0px;
	padding-bottom: 20px;
	margin: 0px;	
	border: none;
	background-color: white;
	background-image: url("../Images/fleche_bas.jpg");
	background-repeat: no-repeat;
}
#promos td ul
{
	border: none;
	background: none;
	height: 150px;
}

th.titreMenu 
{
	width: 150px;
	padding: 0px;
	text-align: center;
	color: white;
	font-size: 110%;
	/* border: 1px solid #05980e; */
	border-bottom: none;
	margin-top: 0%;
	background-color: #2390ff;
}

marquee
{
	height: 160px;
}

.partenaires
{
	border: none;
	background-color: none;
	min-height: 200px;
	margin: 0 auto;
	margin-top: 30px;
}
.partenaires td
{
	padding-bottom: 20px;
	text-align: center;
	margin: 0 auto;
}

/******************************************************************/

/******************************************************************/
/*	Styles de la partie centrale de la page */

#map_plan_camping
{
	
}

.contours
{
	border: 1px solid grey;
	margin-bottom: 0px;
}

#chemin, #chemin a
{
	font-weight: normal;
	text-align: center;
}
#corps
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
td#corps 
{
	vertical-align: top;
	font-size: 15px;
	background-color : #c0fdfe;
	padding-left : 10px;
	padding-right : 10px;
	padding-top: 10px;
	padding-bottom: 0px;
}

.slideShow
{
	margin: 0 auto;
	/*margin-top: 0px;
	padding: 0px;
	border-collapse: collapse;*/
}

p.img_centre
{
	text-align: center;
}

/*	Image intégree dans le texte sur la gauche */
.imageflottanteGauche
{
	float: left;
}
/*	Image intégree dans le texte sur la droite */
.imageflottanteDroite 
{
	float: right;
}
/*	Pour centrer le texte lie a une image flottante */
.centreVertical
{
	vertical-align: middle;
	padding: 10px;
}

/*	Titres */
h1
{
	font-size: 150%;
	font-weight: bold;
	font-family: "Arial", sans-serif;
	margin-top: 5px;
	color: blue;
	text-align: left;
}
h1#titre_accueil
{	
	font-family: "Times New Roman", serif, sans-serif;
	font-style: italic;
	font-size: 170%;
	/* border-bottom: 1px solid #4362d7; */
}
h2
{
	color: #067c0f;
	font-size: 110%;
	font-style: none;
	font-family: "Arial", sans-serif;
	text-align: left;
	margin-top: 25px;
	margin-bottom: 10px;
}
h2.sous_titre
{
	margin-top: 0px;
}
h3
{
	font-size: 100%;
	font-style: bold;
	font-family: "Arial", sans-serif;
	text-align: left;
	margin: 0px;
}

p
{
	margin-top: 5px;
	margin-bottom: 10px;
}

fieldset li
 {
	text-align: left;
	list-style-type : none; /* Pour eviter que les puces ne s'affichent */
}

.tableau_tarifs
{
	border: none;
	/*border-collapse: collapse;*/
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.tableau_tarifs th
{
	padding: 3px;
}
.tableau_tarifs td
{
	padding: 5px;
	min-width: 50px;
}

/*.tableau_tarifs tr.clair
{
	background-color: white;
}
.tableau_tarifs tr.fonce
{
	background-color: #bce3ff;
}*/

.clair
{
	background-color: white;
}
.fonce
{
	background-color: #bce3ff;
}

#map_canvas
{
	margin: 0 auto;
	margin-top: 15px;
}

#liste_plan_site ul li
{
	list-style-image: url("../Images/pomme16.jpg");
}
#liste_plan_site li ul li
{
	list-style-image: url("../Images/pomme10.jpg");
}

#mentions_cnil
{
	font-size: 80%;
}

/******************************************************************/

/******************************************************************/
/* Styles du pied de page */

#basDePage
{
	width: 100%;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
}
#banniere_bas
{
	background-image: url("../Images/banniere_bas.png");
	background-repeat: no-repeat;
	height: 200px;
	width: 100%;
	border: none;
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
}
/******************************************************************/

/*	Fin de la feuille de styles */
/******************************************************************/
/******************************************************************/