/*
 * Comme il est indiqué dans les conditions de réutilisation
 * (http://openweb.eu.org/openwebgroup/licence/), les éléments
 * graphiques et le design du site (et donc cette feuille de styles CSS
 * et les images) restent la propriété exclusive de leurs auteurs
 * respectifs conformément aux droits d'auteur. Toute réutilisation
 * devra faire l'objet d'une demande préalable
 * (email:editorial@openweb.eu.org).
 * Il est de plus dans votre intêret d'avoir un site au design original,
 * pour qu'il ait sa propre identité visuelle, plutôt qu'un design
 * plagié...
 */
body{
background-color:#b0b0b0;
color:#ffffff;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:small;
margin:2em 0;
padding:0;
}

img{
	border: none;
   display: none;
}


/* -------------------------------------------------------------------- */

#logo{
border: 0.2em ridge #AAAAAA;
margin: 0em 0em 1em 0em;
width: 10.5em;
text-align: center;
display: none;
}

#logo img{
border: 0px solid #666666;
color:#000000;
background-color:transparent;
text-align: center;
}

#logo a{
color:#000000;
background-color:transparent;
}


/* -------------------------------------------------------------------- */



#menu{
background-color:#b0b0b0;
color:#ffffff;
text-align:center;
width:100%;
}

#menu h2{
border-bottom: 3px solid #008000;
font-size: large;
font-weight: 600;
margin: 0 1em 0 1em;
text-align: center;
}

#menu ul{
margin: 0;
padding: 5px 0 0 0;
display: none;
}

#menu li{
display: inline;
font-size: medium;
font-weight: 700;
margin: 0;
padding: 0 10px 10px;
display: none;
}

#menu a{
color:#008000;
background-color:transparent;
padding:0 0.5em;
text-decoration:none;
}

#menu a:hover{
background-color:#000000;
color:#ffffff;
}


/* -------------------------------------------------------------------- */


#sousmenu{
position: absolute;
top: 7.0em;
left: 1em;
width: 11em;
overflow: hidden;
display: none;
}

#titresousmenu h2{
border-top: 3px solid #cccccc;
border-bottom: 3px solid #cccccc;
background-color: #666666;
margin: 0 0 1em 0;
font-size: medium;
font-weight: 700;
padding-left: 0em;
text-transform: uppercase;
text-align: center;
display: none;
}


.elementsousmenu{
color:#008000;
background-color:#b0b0b0;
display: none;
}

.elementsousmenu h2{
border-style:solid;
border-width:0px 0px 3px 0px;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
border-color:#008000;
text-transform:uppercase;
}

.elementsousmenu h2:first-letter{
/*color:#f93;
background-color:transparent;*/
}

.elementsousmenu ul{
margin-bottom:1.5em;
margin-top:0.5em;
}

.elementsousmenu li{
display:inline;
list-style:none;
}

.elementsousmenu a{
color:#ffffff;/*ffb94f   orange*/
background-color:transparent;
display:block;
font-weight:700;
margin-left:-3em;
padding-left:1em;
text-decoration:none;
}

.elementsousmenu a:hover{
background-color:#666666;
color:#ffffff;
}


/* -------------------------------------------------------------------- */


#corps{
color: #ffffff;
background-color: #888888;
border: 1px solid #666666;
line-height: 150%;
/*margin: 1em 1em 2em 13em;*/
padding: 0.5em 0.5em 0.5em 0.5em;
}

#corps h2{
font-family:Georgia,Verdana,Arial,"Times New Roman",Times,serif,"Trebuchet MS";
background-color:transparent;
text-transform:uppercase;
color:#008000;
font-size:medium;
}

#titresituation h2{
	color: #ffffff;
	border-top: 3px solid #cccccc;
	border-bottom: 3px solid #cccccc;
	background-color: #666666;
	margin: 1em 0 1em 0;
	font-size: medium;
	font-weight: 700;
	padding-left: 1em;
	text-transform: uppercase;
	text-align: center;
}




#corps h3{
font-family:Georgia,Verdana,Arial,"Times New Roman",Times,serif,"Trebuchet MS";
background-color:transparent;
color:#90c0f0;
font-size:small;
margin:2em 0 0 0;
line-height:110%;
}

#corps ul li{
	list-style: disc;
}

#corps ol li{
list-style-type:decimal;
}

#corps a{
color:#f0b040;
background-color:transparent;
text-decoration:none;
}

#corps a:hover{
color:#ffffff;
background-color:transparent;
text-decoration:none;
}

#corps a:visited{
color:#f0b040;
background-color:transparent;
}

#corps p{
text-align: justify;
}




/* -------------------------------------------------------------------- */


.rapport{
/*	background-image: url(../images/fondvert.png);
background-repeat: repeat-x;*/
background-image: none;
/*background-color: Green;*/
background-color: #444444;
border: 1px dotted #999999;
color: #ffffff;
margin: 0 0 2em 0;
padding: 0 1em;
display: block;
}

#corps .rapport h3{
background-color:transparent;
color:#008000;
font-size:small;
margin:2em 0 0 0;
line-height:130%;
}

.rapport em{
font-weight:700;
font-style:normal;
color:#cccccc;
background-color:transparent;
}

.rapport hr{
display:block;
clear:both;
visibility:hidden;
}

.rapport p{
text-align: justify;
}


/* -------------------------------------------------------------------- */


.cotes{
margin: 1em 0 0 0;
float: none;
display: block;
}

#corps .rapport .cotes ul{
color: #000000;
background-color: transparent;
margin: 0 0 0 0.5em;
padding: 0.5em 1em;
border-left: 1px solid White;
border-top: 0px solid White;
border-bottom: 0px solid White;
border-right: 0px solid White;
}

#corps .rapport .cotes ul li{
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 85%;
list-style: none;
color: #ffffff;
background-color: transparent;
border-bottom: 1px dotted #999999;
}

#corps .rapport .cotes ul li.dernier{
border-bottom:0;
}

#corps .rapport .cotes ul li .elementcote{
float: left;
display: block;
}

#corps .rapport .cotes strong{
background-color:transparent;
color:#90c0f0;
}


/* -------------------------------------------------------------------- */


.barrelexique{
margin: 0.4em 0 0 0;
float: left;
}

.barrelexique table{
width: 9em;
height:1em;
margin: 0;
border: none;
padding: 0;
}

.barrelexique table td.gauche{
background-color: #cccccc;
width: 1em;
}

.barrelexique table td.droite{
background-color: #888888;
width: 1em;
}



/* -------------------------------------------------------------------- */



#corps .elementlexique{
	margin: 1em 0 0 0;
	float: none;
}

#corps .elementlexique ul{
color: #000000;
background-color: transparent;
margin: 0 0 0 0.5em;
padding: 0.5em 1em;
border-left: 1px solid White;
border-top: 0px solid White;
border-bottom: 0px solid White;
border-right: 0px solid White;
}

#corps .elementlexique ul li{
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 85%;
list-style: none;
color: #ffffff;
background-color: transparent;
border-bottom: 1px dotted #999999;
}

#corps .elementlexique ul li.dernier{
border-bottom:0;
}

#corps .elementlexique strong{
background-color:transparent;
color:#99ccff;
}

/* -------------------------------------------------------------------- */








#sondage{
background-image: none; /*background-color: Green;*/
background-color: #444444;
border: 1px dotted #999999;
color: #ffffff;
margin: 0 0 2em 0;
padding: 0 1em 1em 1em;
display: block;
}

#sondage h3{
background-color:transparent;
color:#008000;
font-size:small;
margin:2em 0 0 0;
line-height:130%;
}

#sondage em{
font-weight:700;
font-style:normal;
color:#cccccc;
background-color:transparent;
}

#sondage hr{
display:block;
clear:both;
visibility:hidden;
}

#sondage p{
text-align: justify;
}

/* -------------------------------------------------------------------- */

#corps #sondage #resultatsondage ul li{
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 85%;
	list-style: none;
	color: #ffffff;
	background-color: transparent;
	border-bottom: 1px dotted #999999;
	padding: 0.5em 1em 1em 0;
}



/* -------------------------------------------------------------------- */










.questiontest{
background-image: none; /*background-color: Green;*/
background-color: #444444;
border: 1px dotted #999999;
color: #ffffff;
margin: 0 0 2em 0;
padding: 0 1em 1em 1em;
display: block;
}

.questiontest h3{
background-color:transparent;
color:#008000;
font-size:small;
margin:2em 0 0 0;
line-height:130%;
}


.questiontest p{
text-align: justify;
}



.propositions{
margin: 1em 0 0 0;
float: none;
display: block;
}

#corps .questiontest .propositions ul{
color: #000000;
background-color: transparent;
margin: 0 0 0 0.5em;
padding: 0.5em 1em;
border-left: 1px solid White;
border-top: 0px solid White;
border-bottom: 0px solid White;
border-right: 0px solid White;
list-style: none;
}

#corps .questiontest .propositions ul li{
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 85%;
list-style: none;
color: #ffffff;
background-color: transparent;
border-bottom: 1px dotted #999999;
}