ul.MenuHorizontal2 {
   width: 481px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

ul.MenuHorizontal2 li {
   float: left;
}

ul.MenuHorizontal2 li a {
   display: block;
   color: #5b4740;         /*Ici, changer la couleur de la police*/
   font-family: Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/
   font-size: 12px;         /*Ici, changer la taille de la police du menu*/
   font-weight: bold;
   padding-top: 5px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 22px;         /*Ici, on augmente la hauteur du menu*/ 
   text-align: center;
   text-decoration: none;
}

li#menu0i {
   width: 141px;
}

li#menu1i {
   width: 103px;
}

li#menu2i {
   width: 100px;
}

li#menu3i {
   width: 137px;
}

li#menu3i a:hover, li#menu0i a:hover, li#menu1i a:hover, li#menu2i a:hover, li#menu3 a:hover, li#menu0 a:hover, li#menu1 a:hover, li#menu2 a:hover, li#menu3 a:hover, li#menu4 a:hover, li#menu5 a:hover, li#menu6 a:hover, li#menu7 a:hover {
   text-decoration:none;      
} 

li#menu0i a#selected-over0i {
   background-color: #FFF !important; text-decoration:none;        /*Ici l'image de fond over de la cellule*/
}

li#menu1i a#selected-over1i {
   background-color: #FFF !important; text-decoration:none;         /*Ici l'image de fond over de la cellule*/
}

li#menu2i a#selected-over2i {
   background-color: #FFF !important; text-decoration:none;         /*Ici l'image de fond over de la cellule*/
}

li#menu3i a#selected-over3i {
   background-color: #FFF !important; text-decoration:none;        /*Ici l'image de fond over de la cellule*/
} 




ul.MenuHorizontal {
   width: 962px;
   list-style: none;
   margin: 0;
   margin-left:2px;
   padding:0;
   overflow: hidden;
}

ul.MenuHorizontal li {
   float: left;
}

ul.MenuHorizontal li a {
   display: block;
   color: #5b4740;         /*Ici, changer la couleur de la police*/
   font-family: Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/
   font-size: 12px;         /*Ici, changer la taille de la police du menu*/
   font-weight: bold;
   padding-top: 5px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 22px;         /*Ici, on augmente la hauteur du menu*/ 
   text-align: center;
   text-decoration: none;
}

li#menu0 {
   width: 107px;
}

li#menu1 {
   width: 142px;
}

li#menu2 {
   width: 115px;
}

li#menu3 {
   width: 105px;
}

li#menu4 {
   width: 98px;
}

li#menu5 {
   width: 90px;
}

li#menu6 {
   width: 171px;
}

li#menu7 {
   width: 134px;
}

li#menu0 a#selected-over0 {
   background-color: #FFF !important; text-decoration:none;         /*Ici l'image de fond over de la cellule*/
}

li#menu1 a#selected-over1 {
    background-color: #FFF !important; text-decoration:none;         /*Ici l'image de fond over de la cellule*/
}

li#menu2 a#selected-over2 {
    background-color: #FFF !important; text-decoration:none;        /*Ici l'image de fond over de la cellule*/
}

li#menu3 a#selected-over3 {
    background-color: #FFF !important;  text-decoration:none;       /*Ici l'image de fond over de la cellule*/
}

li#menu4 a#selected-over4 {
    background-color: #FFF !important; text-decoration:none;        /*Ici l'image de fond over de la cellule*/
}

li#menu5 a#selected-over5 {
    background-color: #FFF !important; text-decoration:none;        /*Ici l'image de fond over de la cellule*/
}

li#menu6 a#selected-over6 {
    background-color: #FFF !important; text-decoration:none;        /*Ici l'image de fond over de la cellule*/
}

li#menu7 a#selected-over7 {
    background-color: #FFF !important; text-decoration:none;         /*Ici l'image de fond over de la cellule*/
}


/********************************************************************* Balise ****************************************************************/
* {margin:0;
	padding:0;}
form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

body {
	font-family:Arial;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#5b4740;
	font-size:12px;
	background: url(gifs/modele.jpg) #fbefd3 top no-repeat;
}

/******************************************************************** Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#5b4740;
	text-decoration: none;
}
p {
	margin: 0px;
	padding: 0px;
}
h1 {
	margin: 0px;
	padding: 0px;
}
h2 {
	margin: 0px;
	padding: 0px;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#5b4740;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color:#5b4740;
}
a:active {
	text-decoration: none;
	color:#5b4740;
}


/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Arial,Helvetica;
	font-size:11px;
	color:#5b4740;
	background-color:#f8f0dd;
	border-bottom:#40312b 1px solid;
	border-top:#40312b 1px solid;
	border-left:#40312b 1px solid;
	border-right:#40312b 1px solid;
	width:100px;
	height:14px;
}

.bouton_news {
	font-family:Arial,Helvetica;
	font-size:12px;
	color:#f8f0dd;
	background-color:#40312b;
	border:none;
	width:30px;
	height:18px;
	padding-bottom:2px;
}
.email_news2 {
	font-family:Arial,Helvetica;
	font-size:11px;
	color:#5b4740;
	background-color:#f8f0dd;
	border-bottom:#40312b 1px solid;
	border-top:#40312b 1px solid;
	border-left:#40312b 1px solid;
	border-right:#40312b 1px solid;
	width:140px;
	height:14px;
}
.email_news3 {
	font-family:Arial,Helvetica;
	font-size:11px;
	color:#5b4740;
	background-color:#f8f0dd;
	border-bottom:#40312b 1px solid;
	border-top:#40312b 1px solid;
	border-left:#40312b 1px solid;
	border-right:#40312b 1px solid;
	width:180px;
	height:50px;
}

.bouton_news2 {
	font-family:Arial,Helvetica;
	font-size:12px;
	color:#f8f0dd;
	background-color:#40312b;
	border:none;
	width:180px;
	height:18px;
	padding-bottom:2px;
}

select{
font-family:Arial,Helvetica;
font-size:12px;
color:#5b4740;
background-color:#f8f0dd;
width:140px;
border:#40312b 1px solid;
}
/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/

/*********************************************************INTRO*****************************************/
#global-intro {
	background-color: #93b85f;
	height:515px;
	
}
#corps-intro {
	background: url(gifs/modele-intro.jpg) no-repeat;
	width:1075px;
	margin:auto;
	padding-left:108px;
	height:515px;
}
.cube {
	width:481px;
	float:left;
}
#menu-intro {
	height:27px;
	width:479px;	
	padding-left:2px;
}
.cube h2 {
	color: #5b4740;
	font-style:italic;
	font-size:18px;
	text-align:center;
	padding-top: 35px;
	padding-bottom: 25px;
}
#contenu1 {
	background-image: url(gifs/logo-grand.jpg);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	height: 170px;
	width: 271px;
	padding-left: 210px;
	padding-top: 230px;
}
#contenu1 p {
	color:#a64732;
	font-size:14px;
	font-weight:bold;
}
.titre {
	font-size : 12px;
	font-weight:normal;
}
#diapo {
	height:185px;
	width:343px;
	background-image: url(gifs/diapo.jpg);
	background-repeat: no-repeat;
	margin-top: 48px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#contenu2 {
}
#contenu2 p {
	color:#fbefd3;
	font-size:12px;
	text-align: justify;
	padding: 10px 60px 0 60px;
}
#contenu2 strong {
	color:#a64732;
	font-weight:bold;
}
#contenu2 p:first-letter{
	font-size:30px;
	font-weight:normal;
	line-height:15px;
}
#contenu2 h1 {
	color:#fbefd3;
	font-size:22px;
	font-weight:normal;
}
.autre {
	font-size:22px;
	font-style:italic;
}
#titre-first {
	padding-left: 55px;
	height: 50px;
	padding-top: 15px;
}
#titre-second {
	text-align: right;
	padding-right: 55px;
	height: 50px;
	margin-top: -20px;
}
.lien-index { 
	text-align:right;
	padding-right:60px;
}
.lien-index a {
	color:#fbefd3;
}
.lien-index a:hover {
	color:#fbefd3;
}
/**********************************************************************************************************/



/*********************************************************MODELE*****************************************/
	
#page {
	height:auto;	
	margin-top:125px;
}
#header {
	background: url(gifs/modele_03.jpg) no-repeat; 
	height:111px;
	width:1075px;
	margin:auto;
	padding-left:108px;	
}
#identite {
	height: 82px;
	}
#logo {
	background-image: url(gifs/logo.jpg);
	background-position: 1px 6px;
	background-repeat: no-repeat;
	float: left;
	padding-left: 0px;
	width: 500px;
	height:83px;
}
#logo h1 {
	font-weight:normal;
	text-align:center;
}
#logo a {
	font-size:18px;
	color:#2a4079;
	display:block;
	height: 62px;
	padding-left:40px;
}
#logo a:hover {
	text-decoration:none;
}
.prenom {
	font-size:16px;
}
#options {
	float:left;
	width: 420px;
	height: 76px;
	padding-left:70px;
	padding-top:5px;
}

#nom {
	font-size:  20px !important;
	color:#59662d  !important;
	font-weight:normal  !important;
}

.option {
	padding-top:5px;
	margin:0;
	height:28px;
	
}
#icone {
	float:left;
	width: 150px;
	padding-left: 30px;
	height:15px;
	padding-top:10px;
}
#o1 a {
	display:block;
	height:15px;
	background-image: url(gifs/home.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 17px;
	padding-right:30px;
}
#o1 a:hover {
	background-image: url(gifs/home-over.jpg) !important;
	background-repeat: no-repeat;
	height: 15px;
	width:17px;
}
#o2 a {
	display:block;
	height:15px;
	background-image: url(gifs/add.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 17px;
	padding-right:30px;
}
#o2 a:hover {
	background-image: url(gifs/add-over.jpg) !important;
	background-repeat: no-repeat;
	height: 15px;
	width:17px;
}
#o3 a {
	display:block;
	height:14px;
	background-image: url(gifs/friend.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 18px;
	padding-right:30px;
}
#o3 a:hover {
	background-image: url(gifs/friend-over.jpg) !important;
	background-repeat: no-repeat;
	height: 14px;
	width:18px;
}
.tel {
	float:left;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	color:#fba400;
	width:230px;
	line-height:14px;
	padding-top:5px;
}
#lettre-info {
	float:left;
	margin-top:-2px;
	padding-top:5px;
}
#code {
	float:left;
	padding-left:10px;
	padding-top:5px;
}
#menu {
	width:962px;
	float:left;	
}
#global {
	background-color: #93b85f;
	height:auto;
}
#corps {
	background: url(gifs/trame.jpg) repeat-y;
	height:auto;
	width:1183px;
	margin:auto;
}
#middle {
	background: url(gifs/modele_05.jpg) no-repeat;
	height:auto;
	width:1075px;
	padding-left:108px;		
}
#encart-left {
	float:left;
	padding:30px 0  0 50px;
	height:310px;
}
#encart-actu {
	background-color: #f8f0dd;
	width:230px;
	height:80px;
}
#encart-actu h2 {
	font-size:14px;
	font-weight:normal;
	text-align:center;
	padding:5px 0 10px 0;
	line-height:14px;
}
.mise p{
	padding-left: 10px;
	
}
#encart-actu a {
	background: url(gifs/fleche.png) no-repeat;
	background-position: 200px 5px;
	display :block;
	height:60px;
	width:200px;
	padding-right:20px
}
#encart-actu a:hover {
	background-image: url(gifs/fleche-over.png) !important;
	background-repeat:no-repeat;
	background-position: 200px 5px;
	text-decoration:none;
}
#visuel {
	width:230px;
	height:210px;
	padding-top:10px;
	text-align:center;
}
#contempt {
	float:left;
	width: 680px;	
}
#footer {
	background: url(gifs/modele_06.jpg) no-repeat;
	height:48px;
	width:1075px;
	padding-left:108px;
	text-align: center;
	padding-top: 8px;
	margin: auto;
	overflow:hidden;
	line-height:18px;
}

#footer p {
	padding-right:108px;
	color:#fba400;
	font-weight:bold;
	font-size:12px;
}
#footer a {
	color:#f8f0dd;
	font-size:10px;
	font-weight:normal;
}
#global-bas {
	background: url(gifs/trame_02.jpg) repeat; 
	height:auto;
}
#bas {
	background: url(gifs/modele_07.jpg) no-repeat; 
	height:196px;
	width:1183px;
	margin:auto;
}


/**********************************************************************************************************/



/*********************************************************COMMUN*****************************************/
h1 {
	padding : 20px 0 0 0;
}

#contempt h1 {
	font-size:  26px;
	color:#a64732;
	font-weight:normal;
	text-align: right;
	padding: 20px 20px;
	}
#contempt h2{
	font-size:  20px;
	color:#59662d;
	font-weight:normal;
	text-align: left;
	padding-left: 40px;
	margin-bottom: 10px;
	margin-top: 20px;
	}
.titre-style {
	font-size:18px;
	font-style:italic;
}
.titre-style2 {
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}
#contempt .p1:first-letter{
	font-size:30px;
	font-weight:normal;
	line-height:24px !important;
}
.p1 strong {
	color:#fbefd3 !important;
}
#contempt p {
	padding: 0px 40px 10px 40px;
	text-align: justify;
}
#contempt p strong {
	color:#a64732;
	font-weight:bold;
}
.liste2 {
	padding-left:80px;
	margin:0;
	padding-top:5px;
	padding-right:30px;
}
ul strong {
	color:#a64732;
}
/**********************************************************************************************************/



/*********************************************************INDEX*****************************************/
.devise {
	font-size:12px;
	padding: 10px 0 0 100px;
}

#contempt .devise p:first-letter {
	font-size:12px;
	font-weight:bold;
}

.devise strong {
	font-style:italic;
}
.contenu {
	float:left;
	width:310px;
	height:auto;
}
#c {
	width:620px;
	padding: 0 30px 0 30px;
}
#contempt .contenu p {
	padding:0 10px 0 10px;
}

/**********************************************************************************************************/



/*********************************************************CONTACT  PLAN D ACCES*****************************************/

#visuel p {
	font-size:12px;
	line-height:17px;
	
}
#contempt a:hover, #visuel a:hover {
	color:#a64732;
	text-decoration:none;
}
#visuel .tel {
	padding-bottom:20px;
	padding-top:20px;
}
#encart-left #visuel .tel p{
	font-size:20px !important;
}

#formulaire {
	padding-left:100px;
	width:500px;
}

#contempt #formulaire p:first-letter {
	font-size:12px;
}

#google {
	background:url(gifs/map.jpg) no-repeat;
	width:300px;
	height:250px;
	margin-left:20px;
}
#google a {
	background: url(gifs/fleche.png) no-repeat;
	background-position: 450px 95px;
	 padding: 100px 0 0 320px ;
	display:block;
	width:150px;
	height:150px;
	}
#google a:hover {
	background: url(gifs/fleche-over.png) no-repeat;
	background-position: 450px 95px;
	}
	/**********************************************************************************************************/



/*********************************************************ACTUALITE*****************************************/
#formulaire2 {
	padding-left:50px;
	width:550px;
}

.pagination {
	text-align:center;
	padding:10px 20px 10px 0;
}
.actu-descriptif{
	float:left;
	height:auto;
	width:400px;
}
.actu-img{
	float:left;
	height:auto;
	width:150px;
}
.actu-corps {
	padding: 10px 0 10px 0;
	height:auto;
	width:550px;
}
.actu-titre {
	width:550px;
	padding-bottom:10px;
}
.actu-corps p:first-letter {
	font-size:12px !important;
}
.actu-corps h2 {
	font-size: 16px !important;
	font-weight:bold !important;
}
#contempt ul {
	margin-bottom: 20px;
	margin-left: 70px;
}
#contempt li {
	margin-bottom: 10px;
}
#autre {
	background: url(gifs/HGJ.jpg) repeat-y;
}


.cadrex2 {
	width:295px;
	background-color: #f8f0dd;
	border:1px solid #ECE1CB;
	float:left;
	padding: 5px;
}
.cadrex2 p {
	padding: 0 0 5px 0 !important;
}
.cadrex2 h2 {
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 10px !important;
}
.cadrex2 ul {
	margin-left: 40px !important;
	margin-top: 10px !important;
}

.cadrex1 {
	width:600px;
	background-color: #f8f0dd;
	border:1px solid #ECE1CB;
	padding: 5px;
	margin: 0 auto;
}
.cadrex1 p {
	padding: 0 0 5px 0 !important;
}
.cadrex1 h2 {
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 10px !important;
}
.cadrex1 ul {
	margin-left: 40px !important;
	margin-top: 10px !important;
}