body
{
   margin-bottom: 10px;
   margin: 0px;

   min-width: 1099px;
}

/* L'en-tête */

#en_tete
{
   height: 145px;
   min-width: 1099px;

   position: relative;
   top: 0px;
   
   text-align: right;
	
   background-image: url("images_menus/background_en_tete.jpg");
   background-repeat: repeat-x;
}

#en_tete h1
{
   font-size: x-large;

   color: rgb(88, 102, 88);
   text-align: left;
   font-family: Veranda, Arial, Times, serif;
}

#en_tete h2
{
   font-size: medium;
   line-height: 60%;
   color: rgb(88, 102, 88);
   text-align: left;
   font-family: Veranda, Arial, Times, serif;
}

#en_tete p
{
   font-size: small;
   line-height: 70%;
   color: rgb(88, 102, 88);
   text-align: left;
   font-family: Veranda, Arial, Times, serif;
}

.texte_en_tete
{
   display: inline-block;
   width: 500px;
   height: 120px;

	position: absolute;
	left: 320px;
	top: 20px;

}

.logo_lesscouts
{
	border-style: none;
	border: 0 px;
}

.logo_meutedhak
{
	
	border-style: none;
	border: 0 px;
	
	position: absolute;
	left: 20px;
	top: 0px;
}


/* Les menus */

#menus_et_corps
{

   margin: 20px;
   margin-top:10px;
   margin-bottom:10px;
}   

#menu_gauche
{
   float: left;
   
   width: 220px;

   border-left: 2px solid rgb(148,173,144);
   border-right: 2px solid rgb(148,173,144);
   border-bottom: 2px solid rgb(148,173,144);


   background-image: url("images_menus/background1.jpg");
   background-repeat: repeat-y;
}   

#menu_haut
{
   position: relative;
   bottom: 2px;
   right: 2px;

   border-left: none;
   border-right: none;
   border-bottom: none;
   
   background-image: url("images_menus/corp_haut_milieu.jpg");
   background-repeat: repeat-x;
   margin: 0px;
   
   text-align:right;
   
   z-index: 30;
}

#menu_milieu
{
   margin: 0px;
   padding: 0px;
   text-align: center;

   border-left: none;
   border-right: none;
   border-bottom: none;
   
   z-index: 40;
}

.corp_haut_droite
{
	border-style: none;
	border: 0 px;
	
	position: relative;
	left: 4px;
}

.menu_haut_gauche
{
	border-style: none;
	border: 0 px;
	
	position: absolute;
	left: 0%;
}

/* Le corps de la page */
#corps
{
   min-width: 600px;
   margin-left: 230px;
   padding: 0px;

   border: 2px solid;
   border-color: rgb(148,173,144);

   z-index: 10;
   
   background-image: url("images_menus/background1.jpg");
   background-repeat: repeat-y;

}

#corps_haut
{
   position: relative;
   bottom: 2px;
   right: 2px;
   
   min-width: 600px;
   
   background-image: url("images_menus/corp_haut_milieu.jpg");
   background-repeat: repeat-x;
   margin: 0px;
   
   text-align:right;
   
   z-index: 30;
}

#corps_milieu
{
   margin: 0px;
   padding: 10px;
   min-height: 600px;
   min-width: 600px;
   
   z-index: 40;
}


#corps p
{
   font-size: medium;
   font-family: Veranda, Arial, Times, serif;
}

#corps h1
{
   font-size: xx-large;
   line-height: 60%;
   color: black;
   text-align: center;
   font-family: Veranda, Arial, Times, serif;
}

#corps h2
{
   font-size: medium;
   font-family: Veranda, Arial, Times, serif;
}

#corps h3
{
   font-size: large;
   color: black;
   font-family: Veranda, Arial, Times, serif;
}

#corps h4
{
   font-size: medium;
   color: black;
   text-align: left;
   font-family: Veranda, Arial, Times, serif;
}

.titreprogramme
{
	font-size: medium;
	color: black;
	text-align: center;
	text-decoration: underline;
	font-family: Veranda, Arial, Times, serif;
}
ul p
{
   font-size: medium;
   font-family: Veranda, Arial, Times, serif;
}

.corp_haut_droite
{
	border-style: none;
	border: 0 px;
	
	position: relative;
	left: 4px;
}

.corp_haut_gauche
{
	border-style: none;
	border: 0 px;
	
	position: absolute;
	left: 0%;
}

.logo_lesscouts
{
	border-style: none;
	border: 0 px;
	
	position: absolute;
	right: 20px;
	top: 0px;
}

.logo_meutedhak
{
	border-style: none;
	border: 0 px;
	
	position: absolute;
	left: 20px;
	top: 0px;
}


.no_border
{
	border-style: none;
	border: 0 px;
}

.onglets
{
   position: relative;
   right : 10px;
   white-space: nowrap;
   
   height: 19px;
   background-image: url("grandcamp/images_grandcamp/ligne_onglet.png");
   background-repeat: repeat-x;
}




.cadre_image
{
   border: 2px solid;
   border-color: rgb(0,88,36);	
}

.italique
{
   font-style: italic;
}
.centrer
{
	text-align: center;
}

.center
{
	text-align: center;
}

.droite
{
	text-align: right;
}

.droiteitalique
{
	text-align: right;
	font-style: italic;
}

.pas_de_retrait
{
	list-style-position: inside;
}

.retrait1
{
   margin-left: 20px;
}

.retrait2
{
   margin-left: 40px;
}

.retrait3
{
   margin-left: 60px;
}

.retrait4
{
   margin-left: 70px;
}

.soustitre-image
{
   font-size: 0.9em;
   text-decoration: italic;
   text-align: center;
}

.boxmessages
{
   margin-left: 20px;
   margin-right: 20px;
   
   padding: 3px;
   
   border: 1px solid;
   border-color: rgb(0,88,36);
}

.box1
{
   margin-left: 20px;

   width: 400px;
   
   padding: 3px;
   
   border: 1px solid;
   border-color: rgb(0,88,36);
}

.boxcentrepetit
{
   margin-left: 40px;
   width: 600px;
   
   padding: 5px;
   
   border: 2px solid;
   border-color: rgb(0,88,36);
}

.image-container
{
	margin: 5px 8px;
	display:inline-block;
	vertical-align: top;
	text-align: center;
}

.titrenouvelles
{
   font-size: 1.3em;
   text-indent: 10px;
   
}

.colonnemodifier
{
   width:60px;
}

.colonnesupprimer
{
   width:70px;
}

.colonnedate
{
   width:120px;
}

.colonnedate2
{
   width:100px;
}

.colonneactivite
{
   width:540px;
}

.colonneactivite2
{
   width:410px;
}

.colonnetitre
{
   width:300px;
}

.colonnemessage
{
   width:300px;
}

.colonnepseudo
{
   width: 130px;
}

.colonne1
{
	width: 120px;
	text-align: center;
}

.colonne2
{
	width: 60px;
	text-align: center;
}

.colonne3
{
	text-align: center;
	border-right: 1px solid rgb(0,88,36);
}

.floatleft
{
   float: left;
}

.download
{
   text-decoration: underline;
   font-size: 0.9em;
   color: grey;
}

a
{
   color: black;
   text-decoration: none;
}

a:hover
{
   color: blue;
   text-decoration: underline;
}

em
{
	font-size: 0.9em;
	font-family: Veranda, Arial, Times, serif;

}

strong
{
   font-family: Veranda, Arial, Times, serif;
   font-weight: bold;
}

caption .style1/* Titre du tableau */
{
   font-family: Veranda, Arial, Times, serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #009900;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

.style1/* Le tableau en lui-même */
{
   margin: 20px; 
   border: 1px outset;/* Bordure du tableau avec effet 3D (outset) */
   border-color: rgb(0,88,36);
   border-collapse: collapse; /* Colle les bordures entre elles */
}

.style2 /* Le tableau en lui-même */
{
   width: 410px;
   margin: 20px; 
   border: 1px outset;/* Bordure du tableau avec effet 3D (outset) */
   border-color: rgb(0,88,36);
   border-collapse: collapse; /* Colle les bordures entre elles */
}

.style4
{
   margin: auto;
   border: 1px outset;/* Bordure du tableau avec effet 3D (outset) */
   border-color: rgb(0,88,36);
   border-collapse: collapse; /* Colle les bordures entre elles */
	text-align: center;
}col

.table_siz
{
	margin-left: 20px;
	border: 0px;
	border-collapse: collapse; /* Colle les bordures entre elles */
}

.table_siz td
{
	text-align: left;
	font-size: medium;
	font-family: Veranda, Arial, Times, serif;
}

.table_annees_livredor
{
	margin-left: 0px;
	border: 0px;
	border-collapse: collapse; /* Colle les bordures entre elles */
}

.table_annees_livredor td
{
	text-align: left;
	font-size: small;
	font-weight: bold;
	font-family: Veranda, Arial, Times, serif;
}

.div1_annees_livredor
{
	width: 90px;
	float: left;
	border: 0px solid black;
}

.div2_annees_livredor
{
	padding-left:10px;
	width: 90px;
	float: left;
	border-left: 1px solid black;
}

.siz
{
	width: 70px;
	text-decoration:underline;
}

.poste
{
	width: 70px;
}

.nom
{
	width: 250px;
}

.table_photos_livredor
{
	margin-left: 20px;
	border: 0px;
	border-collapse: collapse; /* Colle les bordures entre elles */
}

.table_photos_livredor td
{
	text-align: left;
	width: 390px;
	font-size: medium;
	font-family: Veranda, Arial, Times, serif;
}

.table_photos
{
	border: 0px;
	border-collapse: collapse; /* Colle les bordures entre elles */
}

.table_photos td
{
	text-align: center;
	font-size: medium;
	font-family: Veranda, Arial, Times, serif;
}

.bordertop
{
	border-top: 1px solid rgb(0,88,36);
	text-align: center;
}

.bordertopandright
{
	border-top: 1px solid rgb(0,88,36);
	border-right: 1px solid rgb(0,88,36);
	text-align: center;
}

.style1 th/* Les cellules d'en-tête */
{
   background-color: #96d18f;
   text-align: center;
   font-size: 1.1em;
   font-family: Veranda, Arial, Times, serif;
}

.style2 th/* Les cellules d'en-tête */
{
   background-color: #96d18f;
   text-align: center;
   font-size: 1.1em;
   font-family: Veranda, Arial, Times, serif;
}

.style4 th
{
	border: 1px solid rgb(0,88,36);
}

.style1 td/* Les cellules normales */
{
   border: 1px solid;
   border-color: rgb(0,88,36);
   text-align: left;
   vertical-align: top;
   font-family: Veranda, Arial, Times, serif;
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.style2 td/* Les cellules normales */
{
   border: 1px solid;
   border-color: rgb(0,88,36);
   text-align: left;
   vertical-align: top;
   font-family: Veranda, Arial, Times, serif;
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.style3
{
   border: 0px;
}



.style3  td  .style4
{
   padding-left: 30px;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   height: 145px; 
   margin: 0px;

   vertical-align: center;
   
   background-image: url("images_menus/background_pied_de_page2.jpg");
   background-repeat: repeat-x;
   
   position: relative;
   top:0px;
}

#pied_de_page p
{
   font-size: 0.9em;
   color: rgb(88, 102, 88);
   text-align: center;
   font-family: Veranda, Arial, Times, serif;
}

#pied_de_page strong
{
   text-decoration: underline;
}

.texte_pied_de_page
{
	margin: auto;
   width: 500px;
   height: 110px;
   
	position: relative;
	top: 40px;
}

.logo_meutedhak1
{
	border-style: none;
	border: 0 px;
	
	position: absolute;
	left: 20px;
	bottom: 0px;
}

.logo_meutedhak2
{
	border-style: none;
	border: 0 px;
	
	position: absolute;
	right: 20px;
	bottom: 0px;
}