html {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size : 0.8em;
	font-family : arial;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
}

html {
overflow: visible;
}
body {
overflow: auto;
}
#menu {
	position:relative;
	text-align:left;
	list-style : none;
; font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; font-style: italic; font-weight: bold; text-transform: capitalize; color: #e2ca97; background-position: right center
; float: left
; clip:       rect(   ); left: 0px
; margin-top: 215px; margin-bottom: 0px; margin-left: 0px
; margin-right: 0px
; width: 120px
}


#menu li {}


#menu li a{
display : block ; 
text-decoration : none;
color : #ccc;
margin : 1px 0 0 0 ;
text-transform : uppercase; 
line-height : 20px; 
border-bottom : 1px DOTTED #ccc;
width : 120px; 
}

#menu li a:hover{
text-decoration : none;
 text-indent :20px; 
}


ul[id=menu] {
position: fixed !important;
}




#content{
	width:884px;
	color: #000000;
; background-image: url(../menu/img_cont1.jpg); margin-left: 14%; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; border: solid
; background-repeat: repeat
; border-width: 0px 0px 4px; border-color: black black #000000
}


#gauche {
width : 442px;
float : left; ; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color: #000000; background-repeat: repeat; background-image: url(img_presentation/gauche.jpg); border-bottom-width: 0px}
#gauche p{
padding : 0 ; margin : 5px 20px 0 20px}

	
#droite {
width : 442px;
background: transparent url(img_presentation/droite.jpg) repeat; 
float : right; ; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color: #000000; border: black}

#droite p{
padding : 0 ; margin : 5px 20px 0 20px}

 
 h1 {
 margin : 20px 20px 20px 20px; 
 border-bottom : 1px dotted #000 ; 
 line-height : 30px; 
 padding-botom : 20px ; 
 font-size : 1.5em; 
 text-transform : uppercase ; ; background-image: url(image_petite/frise/separation_1.jpg); background-repeat: no-repeat}
 
  h1 span{
font-size : 0.6em ; font-style : italic ; text-transform : none }
 
 
 
 
 
 .signature {
	clear : left;
	text-align : right;
	color: #FFFFFF;
; margin-bottom: 5px; border: 4px #FF0000 outset
}
 
 
 
 
 
 .imgdroite {float : right  ; margin : 0 0 10px 10px ; border: 3px #993300 double; width: 386px; height: 290px} 
 
  .imggauche {float :left; margin : 0  10px 10px 0 ; background-position: center center; border: 3px #993300 double; width: 386px; height: 290px} 
  
  a {
	text-decoration : underline;
	color : #003399
}
  a:hover {text-decoration : none ; color : #000}
body {
	height: 100%;
	font-size : 0.8em;
	font-family : arial;
	background-attachment: fixed;
	background-color: #909181;
	background-repeat: no-repeat;
	background-position: right top;
;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px
 } .once_1 {
	width: 805px; margin-left: 40px; clip:   rect(   ); font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #000000
}
.once2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	width: 90px;
	color: #FFFFFF;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	line-height: normal
; border: none
; margin-left: 125px
}
.once3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #CCFF99;
	background-color: #990000;
	width: 248px;
	float: left
; border: #FF0000 inset; border-width: 4px 4px 2px 2px
}
.haut {  width: 884px; background-image: url(../accueil/img_accueil/haut.jpg); height: 111px; background-repeat: no-repeat; margin-left: 14%}
.cadre_titre {  height: 40px; width: 190px; border: 4px #7d7157 inset; margin-left: 70px; background-image: url(../actualites_projet/evenements/img_evenements/titre.jpg); padding-top: 2px; padding-right: 0px; clip:  rect(   ); font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000}
.once4_ver {  height: 319px; width: 253px; border: #FF0000; border-style: inset; border-top-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px}
.cadre_pano {  height: 210px; width: 440px; border: #FF0000; border-style: inset; border-top-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px; margin-left: 15px}
.imgdroite_g {  width: 386px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; float: right; border: 4px #CC0000 double}
.once_5 {  width: 440px; font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #000000; font-weight: normal}
.once_6 {  font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #000000; width: 805px; margin-left: 35px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
.once_7 {  width: 805px; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #000000; margin-top: 0px; clip:  rect(   ); padding-right: 0px}
.once8 {  float: right; height: 459px; width: 260px; border: 3px #7f0000 double; margin-right: 15px; margin-left: 15px; background-repeat: no-repeat; background-image: url(../actualites_projet/evenements/reservation/img_resa/chaise.jpg)}
.imggauche_l {  background-position: center center; float: left; height: 248px; width: 186px; margin-right: 10px; margin-bottom: 10px; border: #FF0000; border-style: inset; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 4px; border-left-width: 4px}
.imagdroite_l {  height: 306px; width: 229px; border: 4px #CC0000 double}
h2 {  font-size: 1.5em; text-transform: uppercase; background-image: url(image_petite/frise/separation_4.jpg); margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; color: #FFCC00; background-repeat: no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; vertical-align: text-bottom; font-style: normal; line-height: 50px}
h3 {  background-repeat: no-repeat; margin-right: 20px; margin-left: 20px; margin-top: 7px; margin-bottom: 0px; padding-right: 1px; padding-left: 1px; padding-top: 1px; padding-bottom: 1px; font-size: 0.2px; font-style: normal; font-weight: normal; line-height: 0px; background-image: url(image_petite/frise/separation_1.jpg); clip:   rect(   )}
h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 30px; color: #FFCC00; background-image: url(image_petite/frise/separation_1.jpg); margin-top: 15px; margin-right: 20px; margin-bottom: 15px; margin-left: 20px; background-repeat: no-repeat}
.titlea {  background-color: #33FFCC}
title {  color: #000000; background-color: #33FFFF}
.imgtexte {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; background-image: url(accueil/img_accueil/image300.jpg); background-repeat: no-repeat; list-style-position: inside; list-style-type: squate; font-weight: bold; height: 445px; width: 805px; margin-left: 40px; margin-top: 40px; text-indent: 187pt; padding-top: 15px}
.once_texte {  font-family: Arial, Helvetica, sans-serif; font-size: 19px; font-weight: normal; color: #000000; width: 442px; float: right; text-align: left}
.imgdroite_p {  float: right; height: 186px; width: 204px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; clip:  rect(   )}
.imggauche_p {  float: left; height: 274px; width: 300px; margin-bottom: 5px; clip:  rect(   ); margin-right: 10px; margin-top: 0px}
.once_2 { font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #000000; width: 880px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
.imggauche_v { float: left; height: 150px; width: 106px; margin-bottom: 5px; clip: rect( ); margin-right: 10px; margin-top: 0px }
.imgdroite_v { float: right; height: 150px; width: 106px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; clip: rect( ) }
.imggauche_pp { float: left; height: 120px; width: 108px; margin-bottom: 5px; clip: rect( ); margin-right: 10px; margin-top: 0px }

