@charset "UTF-8";

body {
	font-size: 16px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #e7760b; 
	background-color:#000000; /*#df2908;*/
	text-align:center;
	margin-left:0px;
	margin-right:0px;
}

#body{
	position:relative;
	width:100%;
	height:100%;
	background:url(../images/illu/arcencielsans.png) no-repeat;
	margin:auto;
}

body p{
	text-indent:25px;
	text-align:justify;
}

body img{
	border:0px;
}

body h1{
	color:#df2908;
}

body h2{
	font-size: 22px;
	color:#ef22b7;
	margin-bottom:0px;
}

body a{
text-decoration:none;
color:#992222;
cursor:pointer; 
}


body a:hover{
text-decoration:underline;
color:#992222;
}

#ete{
	position:absolute;
	left:360px;
	top:20px;
	width:260px;
	height:200px;
	z-index:4;
}

.inpout{
	background-color:#df2908;
	border:none;
} 

.inpout2{
	border:none;
} 

.ital{
	font-size:12px;
	font-style:italic;
}

.rose {
	font-size: 22px;
	color:#df2908;
}


.erreur {
	font-size: 16px;
	color:#992222;
}

.succe {
	font-size: 16px;
	color:#00c257;
}

#container { 
	position: relative;
	width: 1140px;
	height: 660px;
    text-align: left;
	margin-left:60px;
}

#barregauche{
	float:left;
	width: 80px;
	height: 660px;
	background: url(../images/illu/fleursgauche.pong) no-repeat;
	background-position:0px -50px;
}

#central{
	float:left;
	width: 980px;
	height: 660px;
}

#contenu{
	position:relative;
	width:980px;
	height:630px;
/*	background-color:#AAAAAA;*/
}


#gauche { 
	float: left;
	width: 440px;
	height: 580px;
    text-align: left;
/*	background-color:#000;/*#FF0000*/ */
}

#titre { 
	position: relative;
	width: 420px;
	height: 200px;
    text-align: left;
	margin-left:10px;
	margin-top:10px;
}

#logo { 
	position: relative;
	width: 420px;
	height: 340px;
    text-align: left;
	margin-left:10px;
	margin-top:300px;
}

#centre { 
	float: left;
	width: 2px;
	height: 580px;
    text-align: left;
/*	background-color:#000;*/
}

#newcap{
	cursor:pointer;
}

#droite { 
	float: left;
	width: 538px;
	height: 580px;
    text-align: left;
/*	background-color:#000; */
}



#menu1{
	position:absolute;
	left:634px;
	top:102px;
	width:88px;
	height:63px;

	cursor:pointer;
	z-index:4;
}

#menu1:hover{
	background:url(../images/illu/dateslieux.png);
}

#menu2{
	position:absolute;
	left:728px;
	top:97px;
	width:110px;
	height:46px;

	cursor:pointer;
	z-index:4;
}

#menu2:hover{
	background:url(../images/illu/artisans.png);
}

#menu3{
	position:absolute;
	left:852px;
	top:76px;
	width:160px;
	height:51px;

	cursor:pointer;
	z-index:4;
}

#menu3:hover{
	background:url(../images/illu/restauration.png);
}

#menu4{
	position:absolute;
	left:1022px;
	top:60px;
	width:123px;
	height:47px;

	cursor:pointer;
	z-index:4;
}

#menu4:hover{
	background:url(../images/illu/concerts.png);
}

#menu5{
	position:absolute;
	left:660px;
	top:19px;
	width:132px;
	height:47px;

	cursor:pointer;
	z-index:4;
}

#menu5:hover{
	background:url(../images/illu/accueil.png);
}
#texte { 
	position: relative;
	margin-left: 10px;
	margin-top:165px;
	width: 518px;
	height: 440px;
    text-align: left;
	overflow:auto;
	scrollbar-face-color: #992222;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#111111;
	scrollbar-shadow-color:#992222;
	scrollbar-highlight-color:#992222;
	scrollbar-3dlight-color:#992222;
	scrollbar-darkshadow-Color:#992222;
}

#menu6{
	position:absolute;
	left:840px;
	top:28px;
	width:16px;
	height:16px;
	z-index:4;
}

#menu7{
	position:absolute;
	left:880px;
	top:28px;
	width:16px;
	height:16px;
	z-index:4;
}

#texte2 { 
	position:relative;
	width: 490px;
    text-align: left;
}

#logos { 
	position:relative;
	width: 980px;
	height: 80px;
    text-align: left;
	margin-left: auto;
	margin-right: auto;
/*	background-color:#000; */
}

#menu6 img,#menu7 img,#logos img {
  opacity:1;
}

#menu6 img:hover,#menu7 img:hover,#logos img:hover {
  opacity:.70;
}

#barredroite{
	float:left;
	width: 80px;
	height: 660px;
	background: url(../images/illu/fleursdroite.pong) no-repeat;
	background-position:0px -50px;
}

.fondjour{
		background-color:#111111;
}

#gallery {
  margin:0px auto;
  padding:0;
  width:400px;
  list-style:none;
  overflow:hidden;
}

#gallery li {
  float:left;
  padding:1em 0 1em 1.7em;
}

#gallery li a img {
  padding:.1em;
  opacity:.60;
}

#gallery li a img:hover {
  border-color:#df2908;
  opacity:1;
}

#menu5 li a img {
  opacity:.80;
}

#menu5 li a img:hover {
  opacity:1;
}