/* 
Beige : f1ecc4
Marron : be7327
Vert : a1e047
*/

/* ############## MISE EN PAGE ########### */
@charset "UTF-8";

html {
	background-color: #514336;
	margin: 0;
	padding: 0;
}
body {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
    padding: 0;
}
#centrer {
	width: 100%;
	text-align:center;
}
#contenu {
	margin: 0 auto;
    max-width: 1000px;
}
.colonne_gauche, .zone_principale {
	background: url(/interface/pxl-blanc-85.png);
	color:#be7327;
	padding: 10px 3px;
}
.zone_principale { margin-bottom:5px; }
.pied {
	font-size:small;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
}
.pied, .pied a {
	color: #ffffff;
}
.pied a:hover { color:#fff; text-decoration:none; }

/* ######## APPARENCE ######### */
h1 {
	font-size: 2em;
    font-weight: normal;
    text-shadow: 6px 6px 4px #000000;
}
h2 {
	font-size: 1.5em;
    font-weight: normal;
}
h3 {
	color:#be7327;
    font-weight: normal;
}
.message_fort {
	font-weight:bold;
	color:#990000;
}
a {
	color:#be7327;
}
a:hover {
	color:#000000;
}
hr {
    display: block;
    clear: both;
    height: 0;
    margin: 40px 0 80px;
    padding: 0;
    border: 0;
    font-family: arial;
    text-align: center;
    font-size: 60px;
    line-height: 1;
}
hr.fleche:after {
    content: "\21E3";
    height: 0;
	color: #be7327;
}
img {
	max-width:100%;
	height:auto;
}

/* ############ LISTE ########### */
ul.reponses {
	padding:0;
    margin: 0;
}
ul.reponses li {
    display: inline-block;
    margin-right: 20px;
    width: 40%;
	margin-bottom: 20px;
}
ul.reponses li.saispas {
    height: 2em;
    line-height: 2em;
}
ul.reponses li a {
	display:block;
	width:100%;
	height:100%;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	padding: 5px;
	background: #f1ecc4 url(/interface/deg-beige.gif) left bottom repeat-x;
    box-shadow: 2px 2px 5px #666666;
}
ul.reponses li a:hover, ul.reponses li.actif a {
	color:#000000;
	background: #a1e047 url(/interface/deg-vert.gif) left bottom repeat-x;
}
ul.reponses li img {
	margin-bottom: 10px;
}
.arbre_resultat {
	border:1px solid #fff;
	background-color:#fff;
}
/* ######## TABLEAUX ######### */
table, tr, td, th {
	border: 1px solid #2d2511;
	border-collapse: collapse;
	padding: 4px;
}
/* ######## FORMULAIRES ######### */
fieldset {
	border:none;
	border-top:1px solid #be7327;
}
legend {
	font-size:1.2em;
	font-weight:bold;
	padding:0 1em;
}
label {
	clear:both;
	display:block;
}
input {
	font-size: 1.2em;
    padding: 0.3em;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	border:1px solid #be7327;
}
input[type=submit] { cursor:pointer;}
label.bouton-radio-illustre {
	display:inline-block;
	height: 4em;
	background-color: #fff;
	margin-right:5px;
	cursor:pointer;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	padding:4px;
	border:1px solid #be7327;
}
label.bouton-radio-illustre img {
	float:left;
	height: 100%;
}
.question_enfant1, .question_enfant2 {display:none;}

@media (min-width: 600px) {
	@font-face {
		font-family: 'Edo';
		src: url('/interface/edosz.eot');
		src: url('/interface/edosz.ttf') format('truetype');
	}
	html {
		/*background: url(/interface/fond-page.jpg) no-repeat center fixed; 
		/*-webkit-background-size: cover; /* pour Chrome et Safari */
		/*-moz-background-size: cover; /* pour Firefox */
		/*-o-background-size: cover; /* pour Opera */
		/*background-size: cover; /* version standardisée */
	}
	body {
	}
	#centrer {
		margin: 10px auto;
	}
	
	.colonne_gauche {
	}
	.colonne_gauche {
		width:25%;
		margin-right:2%;
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;
		float:left;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
	}
	.zone_principale {
		/*width:73%;*/
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
	}
	ul.reponses li {
		height: 260px;
	}
	input[type=text],input[type=url] { width:500px;}
	.arbre_resultat img {
		height:350px;
		width:auto;
	}
}