body
{
background-color :white;
font-family:arial narrow, Arial, sans-serif;
font-size:1.1em;
background-color:#222222;
 
}
a{
color:white;
}
/*    Disposition des blocs principaux */


#page
{
background-color :#777777;
color:white;
width:47em;
margin: 0 auto 0 auto;
}

#basdepage
{
text-align:center;
font-size:0.7em;
margin: 0 auto 0 auto;


}

#fond
{
margin:0;
}

#top
{
background: url("../images/mains2.jpg") no-repeat right top;
height:180px;


}

#menu
{
width:9em;
color:white;
float:right;
margin:0;
padding:0.5em;
list-style-type: none;


}

/* le top */
#adresse
{
margin-top:0em;
padding:0;
}

#top h1
{

text-align:center;
}


#content
{
width:33em;
float:right;
clear:both;
color:white;
padding:2em 2em 2em 2em;

}
.pub
{
text-align:center;
}

#menu a
{
color:white;
}

#menu li
{
border-bottom : solid 1px white;
font-size:0.7em;
padding: 0.3em 0 0.3em 0;
}

ul#menu a
{
text-decoration: none;
display:block;
width:100%;
height:100%;
}

ul#menu a:hover
{
color:#000;
}

#menu h2
{
font-size:1.1em;
}

#top{
margin:0px;
}

.mgauche
{
font-weight:bold;
text-align:right;
}

#menu li.mdroite
{
margin-top:1em;
padding:0.3em;
font-weight:bold;
border-bottom : none 0px #663300;
background-color:white;
color:#663300;
}

#menu li.mdroite a
{
color:#663300;
}

#content h1
{
font-size:1.2em;
border-bottom : solid 1px white;
padding-bottom:1.2em;
}

#content p , #content dd
{
font-size:0.9em;
text-align:justify;
line-height:1.6em;
}

dd
{
margin-bottom:1em;
}
dt
{
font-style:italic;
font-size:0.8em;

}
h2
{
font-size:1.1em;
}
p
{
font-size:0.8em;
}

label
{
width:8em;
}
ul#liste_sommaire
{
border-top:solid 1px white;
padding:1em 0em 0em 0em;
list-style-type: none;
width:21em;
float:left;
margin:0em;

}
ul#liste_sommaire li	
{
margin:0em 0em 1.5em 0em;
padding:0em 0em 0em 0em;

}
ul#liste_sommaire li a{
color:white;
}
#actus
{
background-color:white;
width:10em;
padding:0.5em;
margin:0em 0 0 1em;
float:left;
color :#663300;
}
#actus h2
{
font-size:0.8em;
text-align:center;
padding-bottom:1em;
}
#actus ul
{
margin:0;
padding:0;
list-style-type: none;
font-size:0.7em;
}
#actus  ul li
{
margin-bottom:2em;
}
#actus  a{
color:#663300;
}
.invisible
{
clear:both;
}
p#orga
{
padding-top:7em;
font-size:x-small;
}
.maj
{
text-transform:uppercase;
}
.suisse
{
background: url('../images/drapeau_suisse.png' ) no-repeat 0.8em;
padding-left:60px;
font-size:0.7em;
}
.france
{
background: url('../images/drapeau_france.png' ) no-repeat  0.8em;
padding-left:60px;
font-size:0.7em;
}
.petit
{
font-size:0.6em;
}
.tel
{
font-weight:bold;
}
ul li.mbas
{
border-bottom : none;
}

#puzzle
{
width:283px;
height:277px;
background: url('../images/puzzle.png' ) no-repeat;
list-style-type: none;
margin: 0 auto 0 auto;
color:#000;

}
a:hover
{
color:white;
}
#ref {
left:-120px;
top:80px;
}
#form
{
left:120px;
top:70px;
}
#soutien
{
left:-120px;
bottom:-140px;
}
#res
{
left:120px;
bottom:-120px;
}

form p
{
margin:3px;
}

label {
	
	width: 8em;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align:left;
	clear:both;

}

label.inputbas{
	
	width: 25em;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align:left;
	clear:both;
	
}
.menu_deroulant
{
   height: 12em;
   text-align: justify;
   overflow: hidden;
   position: relative;
}

#menu_defile
{
   position: relative;
}

p .centre
{
text-align:center;
}

.align-gauche
{
float:left;
margin-right:30px;
margin-bottom:30px;
}

.date ul
{
padding-left:1em;
}

.date li
{
padding-bottom:1em;
padding-left:0em;
margin-left:3em;
}

.cat
{
width:15em;
padding : 0.5em;
float:left;
}

.cat ul
{
width:14em;
margin: 1em;
padding:0;
}

.cat li
{
margin: 0;
padding:0 0 0.15em 0;
list-style-type:square;
font-size:0.9em;
}