/*

	Style Sheet pour le site Web du Camping Inverness

	Implémenté par Solutions ZEN info

	info@solutions-zen.com

*/



* {margin:0;padding:0;}

html {

  height : 100.1%;

  margin:0; padding:0;

} /* pour Opera qui met les marges dans le tag HTML */





body {

	background-color : #2a332a;

	font : 14px arial,verdana,tahoma,sans-serif; /* tests */   



	text-align:center;

   height : 100.1%;

   margin-bottom : 1px;

}

.vertfonce {color:rgb(0,45,0);} /* #003000  */
.orange {color:rgb(136,53,0);} /* #883500  */


input, select, button, textarea	{

	font : 14px arial,verdana,tahoma,sans-serif;

	padding : 2px;

 

}

/*

textarea, input, select {

        border-top : 1px solid #222222;

        border-right : 1px solid #444444;

        border-bottom : 1px solid #555555;

        border-left : 1px solid #333333;

}

*/



/* Formatage du texte */

p, td, th, div, blockquote, ol, ul {

	font : 14px arial,verdana,tahoma,sans-serif; /* tests*/  

} 						  

p {

	margin : 0 0 6px 0;

	text-align : left;

}

table {   /* équivalent à "cellspacing 0 et padding 0"*/

    border-collapse: collapse;

    border : 2px solid #333333;

    margin : 4px;

    font : 12px arial,verdana,tahoma,sans-serif;  /* tests*/

    text-align : left;

}

td {

   border : 1px solid #777777;
   padding: 4px;   

   vertical-align : top;

}



/* les LIENS */

a {font-weight : bold;}

a:link {color:#d0c0a0;}

a:visited {color:#bbaa99;}

a:hover {color:#998866;}

a:active {color:#112200; border:none;}



ul {

	margin:  6px 0px 4px 0px;

   list-style-type : square;

   padding: 0px;	

}

ol {

	margin:  6px 0px 4px 0px;

   padding: 0px;	

}

li {

	font-size: 14px;

	margin : 0 0 2px 22px;

   padding: 0px;	

}		 



h1 {   

   margin: 4px 0px 8px 0px;

   padding : 0px;   

   font-size:30px;

   color: #eeffee;

   font-family: Georgia,'Times New Roman',times,serif;

   font-weight : normal; /* tests */

}

h2 {

   font-size:24px;

   margin: 2px 0px 8px 0px;

   padding : 0px;

   color: #002200;

}

h3 {

   font-size:18px;

   margin: 2px 0px 6px 0px;

   padding : 0px;

   color: #eeffee; 

   font-family: Georgia,'Times New Roman',times,serif; 

   font-weight : normal;

}

h4 {

   font-size:14px;

   margin: 2px 0px 6px 0px;

   padding : 0px;

   color: #000000;

}



/* Formatage des images */

img {

    margin : 2px;

    padding : 2px;

    border : none;

}



.note {

   background-color: #eeffee;

   color: #993333;

   font-weight: bold;

   padding:3px;

   margin:4px;

}



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

#complet {

	position:relative;	

	background-color : #416d4c;

	width : 890px;



	margin-right:auto;

   margin-left:auto;

	margin-top:0px;

	padding:0px;

   text-align : left;

   /*

   border-left : 1px solid #aba09b;

   border-right : 1px solid #aba09b;

   */

}

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

#entete {

   position : relative;

   padding : 0px;

   margin : 0px;

	width : 890px;

   height :  339px;   

}

#entete img {

   margin : 0px;

   padding : 0px;

}

#entete_menu_haut {

   position : relative;

   width: 890px;

   height: 89px;

   background : transparent url(images/Entete.jpg) no-repeat 0px 0px;

   text-align : right;

   color : #ffffff;

}

#entete_menu_haut_liens {

   position : absolute;

   bottom : 16px;

   right : 12px;

   font-size : 14px;

}

/* les LIENS */

#entete a {color:#eeffee; text-decoration : none; font-weight: normal;}

#entete a:link {color:#eeffee;}

#entete a:visited {color:#eef9ee;}

#entete a:hover {color:#aabbaa;}

#entete a:active {color:#ccddcc; border:none;}



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



#menu_sections {   

   position : relative;

   float : left;

   z-index   : 10;

   padding : 0px;

   margin : 0px;

}

.menu_sections_item {

   position : relative;      

   background-color : #ffffff;

   

   font-weight : bold;

   font-size : 14px;



   height : 36px;

   width : 185px;

   padding : 0px; /* pas de padding, IMPORTANT !!!*/

   margin : 0px;  

   text-align : right;

   

}

.menu_sections_item span { /* éléments sans liens, padding ICI, important  !!!! */

   position : relative;

   display : block;

   text-decoration : none;

   margin  : 0px;

   padding : 0px;

   overflow : hidden;

   height : 100%;

   width : 185px;

   color : #000000;

}

.menu_sections_item a {  /* éléments avec liens, padding ICI,  important  !!!! */

   position : relative;

   display : block;

   text-decoration : none;

   margin  : 0px;

   padding : 0px;

   overflow : hidden;

   height : 100%;

   width : 185px;

   color : #000000;

}

#menu_sections a:visited {

   color : #333333;

}

#menu_sections a:hover {

   color : #ffffff;

}

#menu_sections a:active {

   color : #777777;

}



.sous_menu {                    /* pop up! */

	

   /*   border : 1px solid #133666; /*test*/

	/*background-color : #ffffff; /*test*/

   

	position  : absolute;



	left      : 101%; /* à partir du côté gauche des "menu_item" */



	top       : 0px;

    visibility: hidden;

    z-index   : 100;              /* s'assurer d'être sur le dessus */



	/*padding   : 2px;*/

   width      : 210px;

   height : 20px;

	text-align : left;





    overflow : hidden;  /* pour l'effet déroulant..*/



    /* filter      : alpha(Opacity=90); /* IE */

    /* moz-opacity : 0.90;              /* mozilla */

    /* opacity     : 0.90;              /* firefox et autres */

}



#menu_sections .sous_menu a {

    text-decoration:none;

    display     : block;

    font-size   : 11px;

    font-weight : bold;

    height : auto;



    margin-bottom : 2px;

    padding     : 3px;

    color       : #000000;

    background-color : #ffffff;

}



#menu_sections .sous_menu a:visited {color:#333333;}

#menu_sections .sous_menu a:active {color:#aaaaaa;}

#menu_sections .sous_menu a:hover {color:#ffffff; background-color:#133666;}





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





#contenu_pages {

   position : relative;

   clear : both;   /* test */

   padding: 26px 10px 10px 6px;

   margin : 0px;

   z-index : 15;

   height : 100%;

}

#contenu_pages_bas_menu {

   background : transparent url(images/BG_contenu.jpg) no-repeat 0px 39px;

   position : relative;

   

}

#contenu_pages_bas_menu_img {

   position:absolute;

   top:0px;

   left : 0px;

   margin : 0px;

   padding: 0px;   

   /*z-index : 8;*/

}

#contenu_pages_elements {   

   float : left;

   margin : 0px 0px 10px 0px;

}



.contenu_special_droite {

   

   float : right;/*tests */

   width : 300px;

   color : #eeffee; /*tests */

   margin : 0px 0px 10px 0px;

   padding: 0px;

}



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

#pied_de_page {

   background : transparent url(images/Enseigne_copyright.gif) no-repeat center center;



   clear : both;

	position:relative;

	text-align:center;

	margin : 0px;

	padding: 0px;

   height : 56px;

   z-index : 0;



}



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





.elements {

   clear:both;   

   width : 880px;

   position : relative;

   text-align : left;

   padding : 2px;

   margin : 2px 8px 6px 0px;

}

.elements img {

   margin : 4px;

}





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

/** pour la page des albums photo.. **/

#album_pres_thumbs {

   /*clear : both;   /* test */

   margin : 12px 0px;

   width: 300px;  

   padding : 0px;

}



.album_thumbs_pages {      

   display : none;   

   padding : 0px;

}

.album_thumbs {

   position : relative;

   float : left;

   width : 96px;

   height : 96px;

   margin: 0px 4px 4px 0px;

   padding: 0px;

   text-align : center;

   overflow : hidden;

   cursor : pointer;



}

.album_thumbs img {

   margin : auto;

   padding : 3px;

   background-color : #eeffee;

 

}

.album_photo_infos {

   display : none;

}



#album_pres_titre {

   text-align : center;

}

#album_pres_photo {

   text-align : center;

   margin-top : 0px;

   margin-bottom : 0px;

   margin : auto;

   padding : 0px;

}

#album_pres_photo img {

   margin : 0px;

   padding : 0px;   

}

#album_pres_conteneur{   

   width : 410px;

   overflow : hidden; /* enlever pour l'ombrage */

   margin: auto;

   margin-top : 22px;

   background-color : #ddffdd;

   padding: 2px 0px;

}

/*

#img_ombre_horizontale {

   position:absolute;

   bottom : -10px;

   left : 0px;

   margin:0px;

   padding:0px;

}

#img_ombre_verticale {

   position:absolute;

   top : 0px;

   right : -11px;

   margin:0px;

   padding:0px;

}

*/

#album_pres_contenu{

   width : 400px;

   margin: auto;

   margin-top : 12px;

   padding: 4px;

   text-align:left;

}





/** pour la fenêtre de calendrier d'évènements.. **/



#cal_ev_pres_contenu {

   width : 550px;

   float: left;

}

.cal_ev_pres_elem_0 {                   /* Types d'activités -- 0 */

   clear : both; /* pour tests */

   position:relative;

   background-color : #88aabb;/* pour tests */

   padding : 3px;

   margin : 2px;

}

.cal_ev_pres_elem_1 {                   /* Types d'activités -- 1 */

   clear : both; /* pour tests */

   position:relative;

   background-color : #aa8899;/* pour tests */

   padding : 3px;

   margin : 2px;

}

.cal_ev_pres_elem_2 {                   /* Types d'activités -- 2 */

   clear : both; /* pour tests */

   position:relative;

   background-color : #99aa88;/* pour tests */

   padding : 3px;

   margin : 2px;

}

.cal_ev_pres_elem_3 {                   /* Types d'activités -- 3 */

   clear : both; /* pour tests */

   position:relative;

   background-color : #aacc99;/* pour tests */

   padding : 3px;

   margin : 2px;

}

.cal_ev_pres_elem_4 {                   /* Types d'activités -- 4 */

   clear : both; /* pour tests */

   position:relative;

   background-color : #99ccaa;/* pour tests */

   padding : 3px;

   margin : 2px;

}



#grille_cal_ev {

     clear : both;

     position : relative;

     height : 230px;

     width : 200px; /* un peu plus de 7x (largeur + 2x(margin)) */

     padding : 0px;

     margin : auto;

     font-size : 10px;

     /* background-color : #557722; /* pour tests */



 }

#cal_ev_titre {

     text-align : center;

     margin : auto;

     margin-bottom : 4px;

     width:240px;

}

#cal_ev_titre div {

   margin : 0px;

   float : left;

}

#cal_ev_mois {

     font-weight : bold;

     font-size : 16px;

     text-align : center;

     /*height : 26px;*/

     width : 140px;

     color : #001100;

     /*background-color : #557722; /* pour tests */

 }

 .cal_ev_nom_jour {

     float : left;

     width : 26px;

     height : 20px;

     background-color : #77bb77;

     color:#000000;

     margin : 1px;

     padding : 2px 0px 0px 0px;

     font-weight : bold;

     text-align : center;

     font-size : 16px;

 }



 .cal_ev_jour {

     /* les couleurs de fond sont dans la fonction directement, selon le jour */



     color : #664422;

     float : left;

     width : 26px;

     height : 24px;

     margin : 1px;

     padding : 0px;

     font-size : 14px;

     overflow : hidden;



 }

 .cal_ev_jour p {         /* ATTENTION NE PAS METTRE DE PADDING AILLEUR A CAUSE DES FLOATS */

     padding : 6px 3px 0px 3px;

     margin : 0px;

     text-align : right;

 }



 .cal_ev_vide {

     float : left;

     width : 26px;

     height : 24px;

     background-color : #004000; /* pour tests */

     margin : 1px;

     padding : 0px;

 }