/*********************************************************\\
//
//      SECTION DE FORMATAGE GÉNÉRALE DU SITE
//
//
/*********************************************************/

body 
{
    padding:0px;
    margin:0px;
    background-repeat:repeat-x;
    background-color:#3a430f;/*vert foncé */
    /*background-color: #aeaf93;/* Vert clair menu*/
    /*background-image: url(images/fondvert3.gif);*/
   
}

#Container
{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:auto;
	background-color: #f8fadf;
	background-image: url(images/Coco.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:0px;
	border: 5px ridge #aeaf93;
    /*border-width:12px; border-color:#FFED56; border-style:ridge; padding:0px;*/
   /* border-width:12px; border-color:#3a430f; border-style:ridge; padding:0px;*/
 }

#topContainer
{
	position:absolute;
	left: 312px;
	width: 0px;
    
}

#banner
{
	padding:0px;
    width:800px;
    height:291px;
    background-image: url(images/banniere290508.gif);
    z-index:0;
    position:absolute;
}

/*********************************************************\\
//
//      SECTION DE FORMATAGE GÉNÉRALE DES MENUS
//
//
/*********************************************************/
#menu
{
	margin-top:193px;
	width:200px;
	height:656px;
	background-image: url(images/menu.gif);
	z-index:100;
	position:absolute;
	background-repeat:no-repeat;
	top: 16px;
}


#navlinks
{   
    padding:0px;
    margin:15px;
    margin-top:17px;
}

#navlinks li
{       
    
   padding:0px;
   margin:0px;
   height:35px;
   border-bottom:dotted green 1px;
   width:170px;
   list-style-type:none;
   
}

#navlinks li a
{   
    color:#2d370a;
    text-decoration:none;
    line-height:31px;
    font-weight:bolder;
    font-size:14px;
    font-family:Arial, Sans-Serif;
    padding-left:8px;
    display:block;
}

#navlinks li a:hover
{
    background-color: #cbdb5f;
   
}

#smallMenu ul
{
    
    position:absolute;
    padding:0px;
    margin-top:249px;
    margin-left:559px;
    
}

#smallMenu ul li
{
   
   padding:0px;
   margin:0px;
   height:35px;
   text-align:center;
   display:inline;
   list-style-type:none;
   width:200px;
}

#smallMenu ul li a
{
    color:#2d370a;
    text-decoration:none;
    line-height:35px;
    font-weight:bolder;
    font-family:Arial, Sans-Serif;
    padding-left:7px;
    padding-right:7px;
    font-size:11px;
}

#smallMenu ul li a.bordering
{
    border-left:solid 1px #2d370a;
    border-right:solid 1px #2d370a;
}


#footerMenu
{
    width:800px;
    height:70px;
    margin-left:auto;
    margin-right: auto;
    text-align:center;
}

#footerMenu .test
{
  margin:0px 0px 0px 0px;
  font-size:11px;
  font-family:Arial, Sans-Serif ;
  color:White;
}
#footerMenu ul
{   
    padding:0px;
    margin-left:0px;
    margin-bottom:0px;
    margin-top:-13px;
    /*border:1px solid black;*/

}


#footerMenu ul li
{
  
    display:inline;
}


#footerMenu ul li a 
{
   
    color:yellow;
    text-decoration:none;
    line-height:35px;
    font-weight:bolder;
    padding-left:3px;
    padding-right:7px;
    font-size:11px;
    font-family:Arial, Sans-Serif;
}

#footerMenu ul li a.bordering
{
    border-right:solid 1px #2d370a yellow;

}

/*********************************************************\
//      SECTION DE FORMATAGE DU CONTENU ....
/*********************************************************/

/*=contenu principal--------------*/
 
.principal{padding:0px 20px 0px 0px;margin-left:160px; margin-bottom:0px;margin-top:285px; font: arial sans-serif;}
 h1{ padding:10px 5px 2px 45px;font-weight:bolder;font-size:100%;color:#2d370a; font: arial sans-serif;}
 /*p{padding: 0px 5px 2px 45px; font-family :Arial sans-serif; font-size:17px; color:#500000;}*/
  .list li{margin: .2em 0 0 60px; padding: 0 30px 0 0; font-family: arial sans-serif;font-size:17px;color:#5f2d59;}
 .liste{list-style-type: none; clear: right;}
     
/*fin contenu
   --------------*/
    

 /* =pied de page
	----------------------------- */
	 margin-left:auto;
     margin-right:auto;
	.pied {
	width: 780px;
	clear: both;
	margin-left:auto;
	margin-right:auto;
}
	#bas { font-size:65%; text-align:center; margin:.5em 0; }
	#bas a, .pied p { color:#000;color: black;  }
	.pied p { padding: 9px; }
	#bas li { background: none; list-style-type: none; display: inline; color:white; }
	
/* galerie
	----------------------------- */
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	.gallerycontainer { position: relative; margin-left:225px; margin-top: 35px;}
	.thumbnail img { border: 1px solid white; margin: 0 5px 5px 0; padding: 0 5px 0 0; }
	.thumbnail:hover { background-color: transparent; }
	.thumbnail:hover img { border: 1px solid #ccc; }
	/*CSS for enlarged image*/
	.thumbnail span { position: absolute; /*left: -150px;*/ background-color: #fff; padding: 5px; border: 1px  solid #ccc;  color: black; text-decoration: none; visibility:hidden; }
	.thumbnail span img { border-width: 0; padding: 2px; width:0px; height:0px;}
	.thumbnail:hover span { visibility:visible; top: 0; margin-left: -50px; z-index: 50; }
	.thumbnail:hover span img{ width:520px; height:456px; }
    .font {padding:0px 0px 0px 60px; margin-left: -60px; font-family :Arial sans-serif; font-size:17px;}
     h1,h2 { padding: 10px 0px 0px 1px; text-align: left; font-weight: normal; font-size: 110%;}
/* fin galerie */

/*Texte en relief
    ----------------------------- */
h1 {
position: relative;
color : yellow;
margin-left :50px;
font-weight:bolder;
}
.ombre {
	position: absolute;
	color: #2d370a;
	top: 10px;
	left: 4px;
	font-weight:bolder;
	width: 407px;
}

/* =fil d'ariane
	----------------------------- */
	#fil { padding: 0 0 0 70px; color: #575757; font-size: .6em; }
	#fil a { color:#ff9933; text-decoration:none; }
	#fil a:hover { color:#ff9933; text-decoration:underline; }
	
.Textbox 
{
    margin-left:80px;
    width:100px;
    float:left;
    clear:none;
    font-weight:bold;
    color: Black;
    

}

.box
{
    padding-top:10px;
}

.box1
{
    width:320px;
    height:100px;
    
}

.box2
{
    padding-top:30px;
    margin-left:155px;
}