/* CSS Document */
html{
height:100%;
}
body{
text-align:center;
height:100%;
margin:0px;
overflow: auto;
}
/* ----le div qui englobe tout le contenu---*/
div#page
  {
/* position */
   position:relative;
   z-index:1;
   top:0px;

/* marge */
   margin-right: auto;
   margin-left: auto;
   padding:0px;

/* Boite */
   background-color: white;
   width:778px;
   height:100%;
   }
#banniere{
	background-image:url(../images/banniere.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:142px;
}
#slogan{
Z-INDEX: 1;
position:absolute;
top:57px;
right:25px;
width:312px;
height:44px;
}
#menu-haut{
Z-INDEX: 1;
position:absolute;
top:122px;
right:0px;
width:258px;
height:20px;
}
#menu-haut b{
display:none;
}

div#menu
   {
	Z-INDEX: 1;
	POSITION: absolute;
	TOP:142px;
	LEFT: 0px;

	WIDTH: 780px;
	HEIGHT:30px;
	
	background-color:#DEBE7C;
	margin:0px;
	padding:0px;
	
	text-align:right;
	
	border-bottom:2px solid #663333;
	border-top:2px solid #663333;
 }
 cadre_contenu_nav
 {
	Z-INDEX: 2;
	position:absolute;
	left:0px;
	top:176px;
	
	margin:0px;
	padding:0px;
	
	width:780px;
	height:453;
}
#cadre_contenu
   {
	Z-INDEX: 2;
	position:absolute;
	left:0px;
	top:176px;
	
	margin:0px;
	padding:0px;
	
	width:780px;
	height:453;
}
#gd_titre{
position: relative;
top:0px;
width:778px;
height:auto;
text-align:left;
text-align:left;
}
.imgauche
{
float:left;
margin:0px 6px 4px 0px;
border:1px solid #673433;
}
DIV#contenu_index
   {
	
	TOP: 0px;
	LEFT: 0px;

	WIDTH: auto;
	HEIGHT:421px;
		
	margin:0px;
	padding:0px;
	
	text-align:left;
	font-size:11px;
	
	background-image: url(../images/carte.jpg);
	background-repeat:no-repeat;
	background-position: right;	
   }
   #contenu_index img.gimg{
   padding:Opx Opx Opx 17px;
   float:left;
   }
  
   
    #contenu_index span{
	font-size:18px;
   }
   
   
#copyright
   {
   bottom:0px;
   background-image: url(../images/pxl-footer.jpg);
   background-repeat: repeat-x;
   height:32px;
 
   } 

#copyright span
   {
   font-family:Tahoma;
   font-size:11px;
   color:#6C6B6C;
   display:block;
   text-align:center;
   padding-top:12px;
   
   } 
#photos{
   text-align:center;
   margin-top:40px;
 }
  .retrait{
	 margin:0px 23px 0px 23px;
 }  
 a.accueil{
 font-family:Tahoma;
 font-size: 11px;
 font-weight:bold;
 text-decoration:none;
 color:#666666;
 background-image: url(../images/home.gif);
 background-repeat:no-repeat;
 background-position:0px 0px;
 padding-left:14px;
 
 }
 a.accueil:hover{
 font-family:Tahoma;
 font-size: 11px;
 font-weight:bold;
 text-decoration:none;
 color:#663333;
 
 }
 a.plan{
 font-family:Tahoma;
 font-size: 11px;
 font-weight:bold;
 text-decoration:none;
 color:#666666;
 background-image:url(../images/plan.gif);
 background-repeat:no-repeat;
 background-position:0px 0px;
 padding-left:14px;
 
 }
 a.plan:hover{
 font-family:Tahoma;
 font-size: 11px;
 font-weight:bold;
 text-decoration:none;
 color:#663333;
 
 }

 a.contact{
 font-family:Tahoma;
 font-size: 11px;
 font-weight:bold;
 text-decoration:none;
 color:#666666;
 background-image: url(../images/contact.gif);
 background-repeat:no-repeat;
 background-position:0px 2px;
 padding-left:14px;
 
 }
 a.contact:hover{
 font-family:Tahoma;
 font-size: 11px;
 font-weight:bold;
 text-decoration:none;
 color:#663333;
 }
#nav {margin: 0; padding: 0; height: 30px;

  } 
#nav li {list-style: none; float: left; padding-left: 6px; padding-right:6px;
  font-size: 10px; line-height: 30px; white-space: nowrap;
  }
#nav a {display: block; float: left; padding: 0px 0px 0px 17px;
font-family: Tahoma;
font-size: 12px;
  text-decoration: none; text-align: center; font-weight: bold;
  background:url(../images/fleche.gif) 0% 50% no-repeat;
  color:#663333;
  
  }
html>body #nav a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float: none;}            /* End IE5-Mac hack */
#nav a:hover {color:#BB0000;}
 
   /* navigation */
   
DIV#contenu_navigation{
    TOP: 0px;
	LEFT: 0px;

	WIDTH:auto;
	HEIGHT:390px;
		
	 margin:0px;
	 font-family:Tahoma;
	 font-size:12px;
	 text-align: left;
	 background-image: url(../images/fond_navigation.jpg);
	
	 background-repeat:no-repeat;
	 background-position: bottom right;	
	 padding-right: 230px;
	 overflow:auto;
	 padding-bottom:10px;
	 padding-left:14px;
	 scrollbar-face-color:#663333 ; 
	 scrollbar-shadow-color:#663333 ; 
	 scrollbar-highlight-color: #663333;
	 scrollbar-3dlight-color: #663333; 
	 scrollbar-darkshadow-color:#663333; 
	 scrollbar-track-color: #DEBE7C; 
	 scrollbar-arrow-color: #ffffff;
	}
DIV#contenu_navigation ul
{
margin:0px;
}

DIV#contenu_navigation li
{
font-family:"Trebuchet MS",verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
list-style:none;
margin-bottom:10px;

}
h2.poiteur
{
font-family:"Trebuchet MS",verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
background-image: url(../images/puce_li.gif);
background-repeat:no-repeat;
background-position:0px 6px;
padding-left:12px;

}
h2.poiteur a
{
font-family:"Trebuchet MS",verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#663333;
text-decoration:underline;

}
h2.poiteur a:hover
{
font-family:"Trebuchet MS",verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#DEBE7C;
text-decoration:none;
}

 
 DIV#contenu_navigation p{
   margin:0px;
   line-height:16px;
   font-family: Tahoma;
   font-size:12px;
   text-align:justify;
  color:#000000;
   }
   DIV#contenu_navigation a{

  color:#663333;
   }
  DIV#contenu_navigation span{
  font-size:12px;
  font-weight:bold;
  line-height:30px;
  } 
 
h2.TITRE{
background-image:url(../images/titres.gif);
   background-repeat:no-repeat;
  font-family: "Trebuchet MS", Tahoma;
   font-size: 15px;
   font-weight:bold;
   margin:0px 0px 20px 0px;
   }


div#droite{
   position: absolute;
   top:0px;
   right:10px;
   width:200px;
   padding:0px 0px 0px 0px;
   
   }
    div#droite td.tit1
	{
	background-image:url(../images/fond/bg-tit-actu.jpg);
	background-repeat:no-repeat;
	height:38px;
	}
   div#droite h2
   {
   font-family: "Trebuchet MS", Tahoma;
   font-size: 18px;
   font-weight:normal;
   margin:6px 0px 0px 40px;
   
   }
   
	
div#droite td.newsletters
{

font-family:Tahoma;
font-size:11px;
color:#404040;
text-align: left;
padding-right:10px;
padding-left :5px;
word-spacing:0px;
}
div#droite td.newsletters a
{
font-family:Tahoma;
font-size:11px;
color:#404040;
text-decoration:underline;
}
div#droite td.newsletters a:hover
{
font-family:Tahoma;
font-size:11px;
color:#404040;
text-decoration:none;
}
div#droite td.date{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
padding-right:16px;

}
a.inscription{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#663333;
font-weight:bold;
padding-right:16px;
text-decoration:none;

}
a.inscription:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#DEBE7C;
font-weight:bold;
padding-right:16px;
text-decoration:underline;

}
DIV#contenu_navigation div,DIV#contenu_navigation div p{
font-family:"Trebuchet MS", Tahoma;
font-size:11px;
}
DIV#contenu_navigation div span{
color:#A68E5D;
}

.imgrandoneees
{
float:right;
border:1px solid #5D944C;
margin:0px 8px 0px 0px;
}
/* page actualité */
.actualite
{
	background-color:#F6EEDE;
	border:1px solid #A6A6A6;
	padding:6px;
	margin-bottom:8px;
	
}

.actualite th
{
padding:6px;
}
.actualite th img
{
border:1px solid black;

}
.actualite2
{
	background-color:#E9E9E9;
	border:1px solid #A6A6A6;
	padding:6px;
	margin-bottom:8px;
}
.actualite2 th
{
padding:6px;
}
.actualite2 th img
{
border:1px solid black;

}
/*detail de l'actualite*/
.detailactu
{
	padding-left:4px;
	vertical-align:top;
}
/*date de l'actualite*/
div.date
{
    margin:0px;
	font-size:12px;
	color:#727071;
	font-weight:bold;
}
/*resumet de l'actualite*/
div.resumet
{
margin:0px;
	font-size:12px;
	color:#000000;
	font-weight:bold;

}
/*texte complet de l'actualite*/

p.enumactu
{
    text-align:justify;
	margin:0px;
	font-size:11px;
	line-height:16px;
	background-image:url(../images/puce/t-rouge.gif);
	background-repeat:no-repeat;
	background-position:2px 6px;
	padding-left:10px;
}
a.lire
{
    font-size:11px;
	color:#FF5500;
	text-decoration:none;
	font-weight:normal;
	text-align:right;	
}
/*  détail de l'actualité images */

.imgdetailactu
{
	
  background-color:#F6EEDE;
  border:1px solid #A6A6A6;
  padding:6px;
}
.imgdetailactu img
{
	float:left;
	border:1px solid black;
}


.pagedetailactu
{
	padding-left:4px;
	vertical-align:top;
}

.pagedetailactu p
{
    text-align:justify;
	margin:0px;
	font-size:11px;
	line-height:16px;
	padding-left:10px;
}

  /*tableau de la page newsletter */
  
   .newsletterform
   {
   font-family: Tahoma;
   color:#000000;
   margin-top:10px;
   margin-bottom:10px;
   background-color:#F9F9F9;
   border:1px solid #E2E2E2;
  
   }
   
   .newsletterform th
   {
   font-size:12px;
   font-weight:bold;
   text-align:right;
   padding-right:4px;
   }
   
   .newsletterform td
   {
   font-size:12px;
   }
   .newsletterform td.aide
   {
   font-size:12px;
   padding:0px 4px 0px 4px;
   }
   .newsletterform td input
   {
   font-size:12px;
   }
   
   .newsletterform td select
   {
   font-size:12px;
   }
    .boutonenvoyer
   {
   font-size:11px;
   background-color:#C0C0C0;
   color:#000000;
   
   margin-bottom:6px;
    border:1px solid #000000;
	margin-top:6px; 
  }
  
  .red
  {
  color:#FF0000;
  }
<link href="style3.css" rel="stylesheet" type="text/css">