/* CSS Document */

body { font-family: Arial; font-size: 0.8em;}
h1 { color: #F77944; font-size: 1.5em;margin-bottom: 1ex;}
h4 { color: black; font-weight: normal; margin:0;font-size:1.1em;margin-bottom: -8px;margin-right: 0.6em;}
h5 { color: black; font-weight: bold; padding: 0; margin: 0px; margin-bottom: 6px; margin-left: 4px;}
h3{ font-size: 95%;}
pre {display: inline;}
h6 {
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	color: #3D6592;
	background-color: #CCDAEA;
	padding-left: 1em;
	margin-bottom: 0;
}

hr {border:1px solid  #E7E7E7; margin: 0;margin-bottom: 15px;padding: 0;}
img {border: 0;}
form { margin: 0px;}

input {
	border: 1px solid silver;
}

html, body {height: 100%;margin: 0;}

/* Accueil */

.meta {
	text-indent: -200%;
}
#body {
	margin-top: 2em;
}

#welcome {
	background: url(/images/welcome.jpg) no-repeat top;
	width: 673px;
	margin: auto;
	height: 540px;
	position: relative;
	border: 0px solid #c0c0c0;
	margin-top: 2em;
}

.center {
	margin: auto;
	display: inline;
}

#return {
    text-align: center;
    margin-top: 2em;
}

#return a:link , #return a:visited {
	color: silver;
	text-decoration: none;
}

#return a:hover {
    text-decoration: underline;

}

.link_start:link, .link_start:visited {
    font-size: 2em;
    color: white;
    text-decoration: none;
}
.link_start:hover {
    text-decoration: underline;
}

.line_start {
    background-color: #015092;
    height: 50px;
}

/* conteneur général */
#container {
	width: 955px;
	position: relative;
	margin: auto;
	border: 1px solid black;
	padding:0;
	margin-top:0;
	overflow: hidden;
	background: url(/images/spacer_menu.png) repeat-y left;
}

/* 1er bandeau */
#header1_fr {
	position: relative;
	background-color: #004F91;
	background: url(/images/fr/header1.png) repeat-x top;
	height: 24px;
	width: 955px;
	padding: 0;
	margin: 0;
}

#header1_fr ul { margin: 0 ;}
#header1_fr li {
	float: right;
	display: inline;
	margin-left: 1em;
	margin-top: 0.21em;
	margin-right: 1em;
	font-size: 1em;
}


/* Liens d'Úvitement */
#header1_fr li a {
	color: white;
	font-weight: bold;
	text-decoration:  none;
}
#header1_fr a:hover { text-decoration: underline;}

/* 2ieme bandeau */
#header2 {
	background: url(/images/fr/header2.png) repeat-y top;
	height: 162px;
	width: 955px;
	padding: 0;
	margin: 0;
}

#logo {
	position: absolute;
	top: 11em;
	left:0;
	z-index: 1;
}

#message {
	position: absolute;
	right: 0;
	top: 15em;
	height: 20px;
	z-index: 1;
	padding: 1em;
	font-weight: bold;
	color: #00457D;
}

#menu {
	background: url(/images/background_menu.png) repeat-x;
	background-color: #071A21;
	float: left;
	width: 236px;
	z-index: 0;
	padding-left: 0;
	min-height: 696px;
	overflow: hidden;
	padding-left: 0;
}
.folding_menu {
	margin-left: -2em;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0em;
	margin-bottom: 0.3em;
	cursor: hand;
}

div#content_menu {
	border: 0px solid white;
	padding: 0em;
	margin-top: 5em;
	margin-bottom: 15em;
}

#content_menu dd {
	margin-left: 0.8em;
}

.top_menu {
	width: 209px;
	background:url(/images/parchment_top.png) no-repeat center;
	height: 62px;
	padding: 0;
}

.bottom_menu {
	width: 209px;
	background:url(/images/parchment_bottom.png) no-repeat center;
	height: 97px;
}
.inside_menu {
	/* background:url(/images/parchment_background.gif) repeat-y; */
	margin: 0;
	padding: 1em;
	margin-left: 0;
	width: 209px;
}

#menu dl {
	margin-top: 0em;
	margin-left: 0.5em;
	margin-bottom: 0;
}

#content {
	position:relative;
	display: table;
	background: url(/images/ornament.png) no-repeat left top;
	float: right;
	width: 719px;
	height: 696px;
	text-align: justify;
	background-color: #ffffff;
	margin-bottom: 1.9em;
	padding-bottom: 0;
	padding-top: 1em;
}

input#toogle_newsletter {
	border: 0px solid black;
}

#spip_article {
	padding-top: 0em;
	padding-left:4em;
	padding-right: 2em;
	margin-top: 4em;
	padding-bottom: 0em;
	margin-bottom: 4em;
}

#footer {
	/*position: absolute;
	bottom: 0;
	left: 0; */
	position: relative;
	clear: both;
	width: 955px;
	height: 122px;
	background: url(/images/footer.png) no-repeat left top;
	margin: 0;
	padding:0;
}
#center {
	overflow: hidden;
	margin-bottom: 0em;
}

#footer_logos {
    position: absolute;
	bottom: 6em;
	right: 4.9em;
	height: 100px;
	z-index: 1;
	padding: 0.2em;
}

#footer_logos img {
    margin-left: 1.8em;
    position: relative;
    top:0;
}

#logo1 {
    position: absolute;
	bottom: 7.5em;
	right: 44em;
	z-index: 1;
}

#logo2 {
    position: absolute;
	bottom: 6.5em;
	right :34em;
	z-index: 1;
}

#logo3 {
    position: absolute;
	bottom: 4.3em;
	right: 23em;
	z-index: 1;
}

#logo4 {
    position: absolute;
	bottom: 3.1em;
	right: 14em;
	z-index: 1;
}

#logo5 {
    position: absolute;
	bottom: 8.1em;
	right: 4em;
	z-index: 1;
}

#error_box {
	color: red;
	background-color: #FFD5D5;
	padding: 1em;
	margin: auto;
	border: 1px solid red;
	margin-bottom: 1em;
}

#error_box li {
	list-style-type : square;
	margin-left:1em;

}

.title_menu {
	background: url(/images/arrow.gif) no-repeat left 0.3em;
	color: white;
	font-weight: bold;
	font-size: 1em;
	list-style-type: none;
	padding-left: 1em;
	cursor: default;
}

.title_menu:hover {
	cursor: pointer;
	text-decoration: underline;
}

.open_menu {
	background: url(/images/arrow_open.gif) no-repeat left 0.3em;
	color: white;
	font-weight: bold;
	font-size: 1em;
	list-style-type: none;
	padding-left: 1em;
	cursor: default;
	padding-bottom: 0;
	margin-bottom: 0;
}

.open_menu:hover {
	cursor: pointer;
	text-decoration: underline;
}

.link_menu {
	list-style-type: none;
	margin-left: -1.8em;
	font-weight: normal;
	text-align: left;
	font-size: 11px;
}

.link_menu a, link_menu a:link{
	color: #DCEF72;
	font-weight: normal;
	text-decoration: none;
	padding-left: 1em;
	display: block;
}

link_menu a:visited {
	color: white;
}

.link_menu a:hover {
	display: block;
	text-decoration: underline;
	color: white;
	padding-left: 1em;
	background: url(/images/arrow.gif) no-repeat left center;
	cursor: hand;
}

#panel_bottom {
	position: absolute;
	bottom :11em;
	left: 1em;
	background-image: url('/images/panel_bottom.png');
	text-align:center;
	width: 214px;
	height: 72px;
	font-size: 0.9em;
	padding-top: 1em;
}


#footer_links {
	position: absolute;
	bottom: -0.5em;
	right: 2em;
}

#footer_links li {
	display: inline;
}

#footer_links a {
	color: #B9D5F0;
	text-decoration: none;
}
#footer_links a:hover {
	text-decoration: underline;
}

#copyright {
	position: absolute;
	bottom: 0.5em;
	color: #B9D5F0;
	font-size: 0.9em;
	left: 10em;
}
.separator {color: #003D6F;font-weight: bold;}

#logout {background:url(/images/logout.gif) no-repeat center;font-weight: bold; color: white;margin-bottom: 1em;margin-top: 1em;text-align: center;font-size: 0.8em;}
#logout a {color: white;font-size: 1em;text-decoration: none;}

/* Zone réservée*/
#restricted_area {
    background-color: #719407;
    /* border: 1px solid #6D9009; */
    text-align: center;
    color: white;
    margin-top: 5em;
}

#success_message {
    background-color: #719407;
    text-align: center;
    color: white;
    margin-top: 5em;
    font-size: 1.1em;
}

#success_message_game {
    background-color: #719407;
    text-align: center;
    color: white;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 1.1em;
}

div#success_message h1 {
	color: white;
}

div#success_message a:visited, div#success_message a:link  {
	color: white;
	font-weight: bold;
}
div#success_message a:hover {
	text-decoration: none;
	color: white;
}

div#success_message_game h1 {
	color: white;
}

div#success_message_game a:visited, div#success_message a:link  {
	color: white;
	font-weight: bold;
}
div#success_message_game a:hover {
	text-decoration: none;
	color: white;
}


#white_strip {
    background-color:  white;
    width: 100%;
    height: 4px;
    margin-top: 2em;
}

#restricted_area p {
    padding: 0;
}


#restricted_area a {
    color: white;
    font-weight: bold;
}
#restricted_area a:hover {
    text-decoration: underline;
}

/* Espace pro */
#login_account {
	position: relative;
	margin: auto;
	margin-top: 5em;
	background-color: #A7C116;
	width: 30em;
}

#login_account legend {
	color: #A8C114;
	font-weight: bold;
	font-size: 1.3em;
	background-color: #F8FCE0;
	border: 1px solid #A8C114;
	padding: 0.1em;
	padding-left: 1em;
	padding-right: 1em;
}

#login_account fieldset {
	padding: 1em;
	border: 0;
	background-color: #6A7A0E;
	color : white;
}

#login_account label {
	float: left;
	color: #fffff;
	font-weight: bold;
}


#login_account a { text-decoration: none;}
#login_account a:hover {
	text-decoration: underline;
}

#fade  a:link {
	color: silver;
}

#login_account a:link,  #login_account a:visited{
	color: white;
	font-weight: bold;
	text-decoration: none;
}

#login_account p {
	position: relative;
	height: 1em;
	padding: 0.1em;
}

#login_account input{
	position: absolute;
	right: 0;
}

/* Creation de compte utilisateur */
#create_account {
	position: relative;
	margin: auto;
	margin-top: 5em;
	background-color: #A7C116;
	width: 40em;
}

#create_account legend {
	color: #A8C114;
	font-weight: bold;
	font-size: 1.3em;
	background-color: #F8FCE0;
	border: 1px solid #A8C114;
	padding: 0.1em;
	padding-left: 1em;
	padding-right: 1em;
}

#create_account fieldset {
	padding: 1em;
	margin: auto;
	border: 0;
	background-color: #6A7A0E;
	color : white;
}

#create_account label {
	float: left;
	color: #fffff;
	font-weight: bold;
}


#create_account a:hover {
	text-decoration: underline;
}

#create_account p {
	position: relative;
	height: 1em;
	padding: 0.1em;
}

#create_account input, #create_account select{
	position: absolute;
	right: 0;
}

#submit input.submit {
    width: 30ex;
}
#submit {
    color: white;
}

.small {
    font-size: 0.7em;
}

.search {
	border: 1px solid #c0c0c0;
}

/* Fin **/

.button_submit {
    width: 30ex;
}

.check_box {
    position: absolute;
    right: 0;
}
/* Login utilisateur */


.connexion_field {
    width: 35ex;
}

.large_field {
    width: 50ex;
}

/*  Liste des utilisateurs */
#list_users {
	width: 100%;
	border: 1px solid #6A7A0E;
}

#list_users th {
	color: white;
}

.header_list {
	background-color: #8FA613;
	color: white;
	border: 1px solid #6A7A0E;
}

.even_order {
	background-color: #F8FCE0;
	color: black;
}

/*  Formulaire de recherche */

#search_form {
    margin-bottom:1em;
    margin-top: 1em;
}

#legend {
    color: white;
}

/* Modification d'un client  */
#manage_user {
	position: relative;
	background-color: #A7C116;
	margin: auto;
	border: 1px solid #6A7A0E;
	margin-top: 1em;
}

#manage_user td {
	color: white;
	font-weight: bold;
}

#manage_user a {
	color: #6A7A0E;
	text-decoration: none;
}

#manage_user a:hover {
	text-decoration: underline;
}
/*
#manage_user fieldset {
	border: 0;
	padding: 1em;
}

#manage_user label {
	color: white;
	font-weight: bold;
}
#manage_user input {
	position: absolute;
	right: 0.5em;
}

#manage_user a {
	color: #6A7A0E;
}

#manage_user a:hover {
	text-decoration: underline;
} */
.following {
	width: 28ex;
}

#panel_command {
	padding-left :0em;
}

#panel_command a, #panel_command a:visited, #panel_command a:link{
	color : #6A7A0E;
	font-weight: bold;
	text-decoration: none;
}

#panel_command a:hover {
	text-decoration: underline;
}

#panel_command li {
	/* list-style-image: url(/images/arrow.gif); */
	list-style-type: none;
	background: url(/images/arrow.gif) no-repeat left;
	padding-left: 1em;
}

/* Formulaire de contact  */

#contact label {
	float: left;
	color: white;
	font-weight: bold;
}
#contact fieldset {
	height: 100%;
	border: 0;
	padding: 1.5em;
}

#contact legend {
	font-size: 1.2em;
	color: #FFFFFF;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 5px;
	background-color: #6C7D0D;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-top: 0.5em;
}

#contact p {
	position: relative;
	height: 1em;
	padding: 0.2em;
}

#contact input, #contact select, #contact textarea {
	position: absolute;
	right: 0.5em;
	border: 1px solid #6C7D0D;
}


#contact input {
	border: 1px solid #6C7D0D;
}

#contact input {
	width: 41.8ex;
}

form#contact input.submit {
	width: 50ex;
}

#contact select {
	width: 294px;
	border: 1px solid #6C7D0D;
}
#contact textarea {
	width: 32.2ex;
	height: 17ex;
	font-family: Verdana;
}

#contact {
	position: relative;
	background-color: #A7C116;
	margin-top: 5em;
	border: 0px solid #6A7A0E;
}

.required {
	background: url(/images/light_required.png) no-repeat right center;
	padding-right: 1.5em;
}

.message_input {
	margin-bottom: 12.8em;
}


/* Espace partenaire */

#formPassword {
	display: none;
}

#formPassword input  {
	right: 7em;
	width: 25ex;
}

#formPassword .submit {
	position: absolute;
	right: 1.2em;
	width: 10ex;
}

#formPassword p {
	position: relative;
	height: 1em;
}
#formPassword label {
    margin-left: 1.4em;
    color: white;
}

#forgotten_password {
	margin-left: 0em;
}

#forgotten_password a {
	color: white;
	font-weight: bold;
}

#forgotten_password a:hover {
	text-decoration: underline;
}

#success {
	color: green;
	font-weight: bold;
}

/* Passage */

#manage_passage {
	margin-top: 3em;
	background-color: #A7C116;
	width: 80%;
	border: 1px solid #6A7A0E;
}

#manage_passage table {
	margin: auto;
}

#manage_passage td {
    color: white;
    font-weight:  bold;
}

/* Page d'accueil */

.body_welcome {
	background-color: #03497E;
	margin-top: 2em;
}

div#right {
	position: relative;
    float: right;
    width: 40%;
    height: 100%;
    text-align: justify;
}
div#middle {
	position: relative;
	float: left;
    margin: 0px;
    font: bold 12px/20em verdana;
    height: 100%;
    overflow: hidden;
}

div#middle img {
	margin-top: 185%;
	margin-left: 0.6em;
}
div#left {
	position: relative;
    float: left;
    width: 40%;
    height: 100%;
    text-align: justify;
}



#global_welcome {
	background-color: white;
	width: 100%;
	color: black;
}

#global_welcome a:link {
	color: #66760E;
	font-weight: bold;
	text-decoration: none;
}

#global_welcome a:visited {
	color: #66760E;
	font-weight: bold;
	text-decoration: none;
}

#global_welcome a:hover {
	color: #66760E;
	font-weight: bold;
	text-decoration: underline;
}

#global_welcome img {
	padding: 0.5em;
}

.share {
	width: 42%;
	border: 0px solid #839711;
	margin: 0.5em;
	padding: 0.5em;
}

.share:hover {
	width: 42%;
	border: 0px solid #A8C116;
	cursor: pointer;
}

.border_welcome {
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

div#left_top {
	width: 100%;
	height: 50%;
	margin-bottom: 0.2em;
}
div#right_top {
	position: relative;
	width: 100%;
	height: 50%;
	margin-bottom: 0.2em;
}

/* Statitisques */
.stats {
	width: 100%;
	border: 1px solid #6A7A0E;
}

.stats tr td {
	text-align: center;
}
.stats tr th {
	text-align: center;
}

.stats .label {
	text-align: left;
	border-right: 1px solid black;
}
.stats .average {
	text-align: left;
}

.total {
	background-color: #EEEDEF;
}

.adult {
	background-color: #F2F9CC;
}

.child {
	background-color: #F9DED0;
}

.fade {
	background-color: #BDCBF2;
	border-left: 1px solid black;
}
.faded {
	color: #8B8B8B;
}
#select_partner {
	margin-top: 3em;
}

.header_menu {
	margin-top: 1em;
	margin-bottom: 1em;
}

.qcm {
	border: 0;
}

form#game fieldset {
	border: 5px solid #A8C115;
	background: url(/images/border_string.gif) no-repeat top right;
	background-color: #F7FBDB;

}

form#game fieldset dt {
	color: brown;
	font-weight: bold;
	text-decoration: underline;
	background: url(/images/arrow.gif) no-repeat center left;
	padding-left: 1em;
}
form#game fieldset p #send_answers  {
	float: right;
	width: 15em;
}

form#game fieldset dd {
	margin-top: 1em;
	width: 70%;
	margin-left: 0;
}

.display_answers {
	background-color: #F5FFE1;
	border: 1px solid silver;
	padding: 1em;
}

.winner {
	background-color: #F5FFE1;
	border: 5px solid #A7C016;
	padding: 1em;
}

.loose {
	background-color: #FFECEC;
	border: 5px solid #A52A2A;
	padding: 1em;
}

.moy {
	background-color: #FFDBB7;
	border: 1px solid silver;
	padding: 1em;
}

.correct_answer {
	color: green;
	font-weight: normal;
}

.question {
	display: none;
	margin-bottom: 1em;
	margin-top: 1em;
}


.display_answers  dd {
	text-align: left;
}
.display_answers  dd ul {
	list-style-type: square;
	padding: 0em;
	margin-bottom: 0.5em;
}

.display_answers  dd ul li {
	height: 0;
}

.link {
	color: brown;
	text-decoration: none;
	font-size: 1em;
	cursor: pointer;
}
.ajusted {
	margin-top: 0.5em;
}

.true {
	color: green;
	float: right;
	font-weight: bold;
}

.false {
	color: red;
	float: right;
	font-weight: bold;
}

.dt_choices {
	font-weight: bold;
}

.question_title {
	font-weight: bold;
}
.link_title {
	color: white;
	text-decoration: none;
}

.link_title:hover {
	text-decoration: underline;
}

.normal_text {
	font-size: 12px;
}

.texte_orange {
	color: #ff9900;
	font-weight: bold;
	font-style: italic;
}