/* couleurs utilisé 
		anciens c7d400
	foncé : 909616				
		
	
	orange : f25d21
	ancien fa7a9a3a1ada
	
	noir : 221e1f
	
	violet : 3c003c
	violet foncé : 360036
	
	blanc grisé: eee
	blanc grisé clair : f4FFe4
*/
body
{
behavior:url("/src/csshover.htc");
height:100%;
background-color: #221e1f;
background-image:url(../images/bg-corps.png);
margin:2% 15px 2% 15px;
color:#eee;
text-align:center;
font-family: Georgia, Tahoma, Arial, Helvetica, sans-serif;
}

all{
margin:0px auto 0px auto;
}

a{
color:#F25d21;
text-decoration:none;
}

a:hover{
color:#74c042;
text-decoration:underline;
}

img{
border:none;
behavior:url("/src/pngbehavior.htc");
}

.center {
margin-top:0px !important;
padding-top:10px !important;
text-align:center !important;
background-image:none !important;
}


/*********************************************************/
/*******************    BANDEAU         ********************/
/*********************************************************/
#bandeau-gauche{
float:left;
background-color:#74C042;
background:url(../images/bg-bandeau-gauche.png) no-repeat;
background-position:left top;
height:35px;
width:15px;
}


#bandeau-droit{
float:right;
background-color:#74C042;
background:url(../images/bg-bandeau-droit.png) no-repeat;
background-position:right top;
height:35px;
width:15px;
}


#bandeau{
background:url(../images/bg-bandeau.png) repeat-x;
background-color:#74c042;
height:35px;
margin:0px;
padding:0px;
text-align:right;
}

#bandeau ul{
position:relative;
margin:0px 0px 0px 0px;
top:10px;
right:0px;
}

#bandeau ul li{
display:inline;
margin:0px 2px 0px 2px;
list-style-type:none;
}


#dimension_contenu{
margin:0px;
padding:0px;
text-align:center;
}

/*********************************************************/
/*******************     MENU         ********************/
/*********************************************************/
.menu
{
width:166px !important;
background-color: #74c042;
background-image:url(../images/bg-menu.png);
background-repeat:repeat-y;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
z-index:15;
float:left;
font-weight:bold;
height:100%;
min-height:606px;
}

#logo
{
position:relative;
z-index:25;
background-repeat:no-repeat;
height:206px;
width:180px;
margin:-50px 0px 5px 15px;
}


#list{
width:156px;
margin:10px 0px 0px 10px;
padding:0px;
text-align:center;
}

.menu ul
{
width:156px;
margin:0px 20px 5px 0px;
padding:0px;
}
.spacer-menu{
height:2px;
}
.menu ul li
{
font-family: Georgia, Arial, Helvetica, sans-serif;
font-style:oblique;
color:#221e1f;
margin:0px 5px 10px 0px;
padding:2px 0px  0px 0px;
list-style-type:none;
text-align:center;
font-size:16px;
background-image:url(../images/bg-menu-ul.png);
background-position:top center;
background-repeat:no-repeat;
}
.menu .li-img
{
background:none;
}
.menu .li-img img
{
margin:5px 0px 10px 0px;
}

.menu ul li ul
{
padding:0px;
margin:0px 0px 10px 0px;
}

.menu .ul-img
{
margin-top:-15px;
padding-top:-15px;
}


.menu ul li ul li
{
height:auto;
background:none;
margin:0px;
padding:4px 0px  4px 0px;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:13px;
font-style:oblique;
border:none;
text-decoration:none;
}

.menu ul li ul li:hover {
background-image:url(../images/bg-menu-li-hover.png);
background-repeat:no-repeat;

}

.menu a.scrollover {
font-size:10px;
text-align:center;
color: #221e1f;
text-decoration:none;
}
.menu a.scrollover em:first-line {
color: #eee; 
}
/*******************  FIN   MENU         ********************/







/*********************************************************/
/****************     CORPS & TEXTES      ****************/
/*********************************************************/
#corps
{
background-image:url(../images/bg-corps.png);
background-color:#221E1F;
text-align:center;
margin:0px 200px 0px 166px ;
padding:0px 0px 0px 0px;
z-index:20;
height:100%;
min-height:606px;
}

#titre /*le bal des arts*/
{
width:403px;
margin:-5px auto 5px auto;
height:120px;
background-image:url(../images/titre.png);
background-repeat:no-repeat;
}
#titre-flash /*le bal des arts*/
{
width:448px;
margin:-5px auto 5px auto;
height:128px;
}

h1
{
text-align:center;
height:40px;
color:#74c042;
font-size:24px;
font-family: Georgia, "Monotype Corsiva", "Times New Roman", Times, serif;
font-style:oblique;
background-image:url(../images/bg-sous-titre.png);
background-repeat:no-repeat;
background-position: center;
vertical-align:bottom;
text-decoration:underline;
margin:0px 50px 0px 50px;
padding-top:5px;
}

h2
{
text-align:center;
color:#74c042;
font-size:18px;
font-family: Georgia, "Monotype Corsiva", "Times New Roman", Times, serif;
vertical-align:bottom;
text-decoration:underline;
margin:20px auto 0px auto;
padding:0px;
}

#texte
{
margin:0px auto 0px auto ;
padding:0px 0px 0px 0px;
border:3px double #84d052;
text-align:center;
}


#texte p
{
width:450px;
text-align:justify;
background-image:url(../images/puce.png);
background-position:left center;
margin:0px auto 0px auto;
padding:20px 20px 20px 30px;
background-repeat:no-repeat;
line-height:14px;
font-size:14px;
font-weight:normal;
}


.spacer{
width:105px;
height:5px;
margin:0px auto 0px auto;
padding:0px;
background-image:url(../images/bg-spacer.png);
background-repeat:no-repeat;
}

#devise{
position:relative;
top:0px;
margin:0px 12px 0px 0px;
padding:0px;
background:none;
width:350px;
height:20px;
}
/****************  FIN   CORPS & TEXTES      ****************/



/*********************************************************/
/*******************     PHOTOS      *********************/
/*********************************************************/
#photos
{
background-color: #74c042;
background-image:url(../images/bg-photos.png);
background-repeat:repeat-y;
background-position:right;
float:right;
margin:0px;
padding:0px;
width:200px;
text-align:center;
height:100%;
min-height:606px;
}

#photos img
{
}

#photos .img {
background-image:url(../images/bg-img-photos.png);
background-repeat: no-repeat;
background-position: center;
margin:20px 5px 5px auto;
padding:18px 0px 0px 0px;
width:190px;
height:110px;
vertical-align:middle;
}




/*********************************************************/
/*******************      PIED       *********************/
/*********************************************************/
#pied-gauche{
float:left;
background-color:#74C042;
background:url(../images/bg-pied-gauche.png) no-repeat;
background-position:left bottom;
height:40px;
width:20px;
}


#pied-droit{
float:right;
background-color:#74C042;
background:url(../images/bg-pied-droit.png) no-repeat;
background-position:right bottom;
height:40px;
width:20px;
}


#pied{
background:url(../images/bg-pied.png) repeat-x;
background-position:bottom;
background-color:#74c042;
height:40px;
margin:0px;
padding:0px;
font-size:10px;
color:#248000;
}

#pied a{
color:#248000;
}

#pied a:hover {
color:#221e1f;
text-decoration:underline;
}

#menu-pied{
width:325px;
margin:0px auto;
padding:5px;
}
#menu-pied ul{
margin:0px;
padding:2px 0px;
}
#menu-pied li{
display:inline;
list-style-type:none;
}
#menu-pied li a{
margin:5px -2px;
padding:0px 5px;
font-weight:bold;
text-decoration:none;
border:1px solid #84d052;
border-top:none;
border-bottom:none;
}
#menu-pied li a:hover{
color:#221e1f;
border-color:#221e1f;
}



float-pied-right{
margin:0px;
padding:0px;
float:right;
}
#ment-legale{
height:12px;
margin:5px 5px;
padding:5px;
float:right;
}

float-pied-left{
margin:0px;
padding:0px;
float:left;
z-index:100;

/*bheight:45x;
background-image:url(../images/signature.png);
background-repeat:no-repeat;
background-position:center;
width:130px;*/
}
#signature{
margin:-10px 5px;
padding:0px 5px 5px 5px;
float:left;
height:45x;
width:130px;
}
#signature a{
color:#222222}



/*********************************************************/
/*******************     livre d'or      *********************/
/*********************************************************/
#livreor{
position:relative;
top:-1120px;
text-align:center;
margin:0px auto;
}




/*********************************************************/
/*******************     PLAN       *********************/
/*********************************************************/
.plan
{
text-align:center;
margin:0px;
padding:20px 0px 0px 0px;
font-weight:bold;
height:100%;
}


.plan #list{
width:300px;
margin:0px auto 0px auto;
padding:0px;
}

.plan ul
{
margin:0px;
padding:0px;
}

.plan ul li
{
color:#F25d21;
margin:0px 0px 25px 0px;
padding:3px 0px 0px 0px;
list-style-image:url(../images/puce.png);
text-align:left;
font-size:18px;
}

.plan ul li ul
{
padding:0px;
margin:0px 0px 0px 15px;
}

.plan ul li ul li
{
list-style-image:none;
list-style-type:disc;
background:none;
margin:0px;
padding:4px 0px  4px 0px;
font-family: Short hand, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:13px;
color:#C56815;
}

.plan ul li ul li:hover {
background-image:url(../images/bg-menu-li-hover.png);
background-repeat:no-repeat;
}

.plan ul li ul li a{
color:#eee;
text-decoration:none;
}

.plan ul li ul li:hover a{
color:#000;
}


/*********************************************************/
/*****************     telephone       *******************/
/*********************************************************/
#tel{
position:absolute;
right:250px;
}

/************************************************************/
/*******************     XML       *************************/
/**********************************************************/


#newsul {
width:auto;
margin:0px auto;
padding:0px 20px;
}
#newsli {
margin:20px 0px 20px 0px;
list-style-image:none;
list-style:none;
padding:0px 0px 25px 0px;
border:2px solid #F25d21;
}
#newsbandeau {
background-color:#F25d21;
text-align:right;
font-weight:bold;
height:24px;
}
#newstitre {
float:left;
margin:0px;
color:#221e1f;
font-size:20px;
padding-left:10px;
}
#newsdate {
padding-right:10px;
color:#221E1F;
font-size:14px;
}
#newsdescription {
color:#eee;
text-align:justify;
padding:15px 15px 30px 15px;
}

html, body {height:100%;}

#preloader {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
background-color:#fff;
filter:alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
height:100%;
width:100%;
text-align:center;
color:#221E1F;
font-weight:bold;
}