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

body{ min-width:1080px }

body, #footer{
	background:#1e110c;
	font-family: Arial, "Gill Sans", Verdana, serif;
	font-size:0.9em;
	color:#cdd3e2;
}

pre{
	border:1px solid #df7600;
	overflow:auto;
	display:block;
	width:95%;
	padding:1em;
	padding-top: 0;
	
	white-space:pre
}



/* WRAP */
#wrap{ background: #5e86d7 url(../img/header_small_bleu_fonce_100.gif) repeat-x right 0px; height:120px}
#wrap .logo { width:300px; margin: 35px 0 0 8%;}
#wrap h1.mega {  margin:0; padding:30px 0 0 100px; float:none }
#wrap h1.mega a { color:#fff!important;}

/* HEADER */
#header {float:right; background:transparent; color:#444; border:none; font-size:0.8em; width:100%; height:90px; padding:20px 10px; margin:0}
#header div{ margin:14px 0 0 4em}
#header div a{ background: url(../img/logo/logo10.gif) no-repeat; display:block; height:57px; width:300px; color:#fff; text-indent: 150%; overflow: hidden}
#header p.notes{ margin:0; text-align:center }
p.temp { color:#a3898e; font-style:italic; font-size: 1.6em }

/* CONTENEUR */	
#conteneur{ background:#1e110c; width:100%; margin:0 auto; padding: 0}

/* CONTENU */
#contenu{ background:#1e110c url(../img/menu_small_choco_inv.gif) right repeat-y; color:#ccc; margin: 0 0 0 160px; padding: 20px 0; padding-right:0}

/* CENTRE */
#centre{ width:78%; margin-right:180px; padding-left:40px; padding-right:40px}

/* MENU */
#menu, #conteneur{ 
	 background: #2c1e1a url(../img/menu_small_choco.gif) 0px repeat-y;
	/* background: #241611;	*/
}
#menu { float:left; width:110px; padding:10px 10px 0 30px; margin:0; }
#menu h2 { color:#ca2b5e; font-size:1em; font-weight:bold; text-decoration:none; margin:1em 0 0.5em 0; padding:0}
#menu ul { list-style:none; list-style-position: outside;  margin:0 0 0 8px; padding:0; color:#cdd3e2; text-align:left;}
#menu ul:first-child{ margin-top:20px; }
#menu ul li { margin:0; padding:0 0 10px 0 }
#menu ul li a{ color:#cdd3e2; /*color:#cdd3e2;*/ font-style:normal; text-decoration:none}
#menu ul li a:hover{ color: #c5476e!important; }

/* FOOTER */
hr.before-verbes-communs{ width:100%; clear:none; border:1px solid #2c1e1a; margin:2% 1% 1% -1%; padding:0 }
hr.before-footer { width:100%; clear:both; border:1px solid #2c1e1a; margin:4% 1% 0 -1%; padding:0 }
#footer{ background:transparent; width:100%; text-align: center; margin:0; padding:1em 0; }
#footer a { color:#bbb }
#footer a:hover { color:#eaeaea; text-decoration:underline }
div.verbes-communs { display:block; font-size:0.9em; }
div.verbes-communs h2 { font-size:1.5em; margin:0}
div.verbes-communs p { margin:0 0 0.2em 0; padding:0 }
div.verbes-communs ul { overflow: auto; display:block; position:relative; list-style: none; line-height: 1.2em; width:100%; margin: 0.2em 0 0 0 }
div.verbes-communs ul li { display:block; float:left; position:relative; padding: 0 1em 0 0; margin:0}
div.verbes-communs ul li a{ clear:both }
div.verbes-communs ul li.imp a { font-size:1em; color:#ca2b5e}
div.verbes-communs ul li.timp a { font-size:1em; color:#df7600;}
p.droits { text-align: center; margin:0; padding:0 }
ul#standards_validation { list-style:none; margin:0 0 0 10px; }
ul#standards_validation li { display: inline; padding:0 10px }


/* TYPO */
h1, h2, h3 {color: #cdd3e2; font-family: Tahoma, "Gill Sans", Verdana, serif; margin:0.5em 0 0 0}
h1{ margin-bottom:0.5em}
h1.mega { color: #c5476e; font-family: Arial, "Gill Sans", "Bradley Hand ITC TT", Verdana, serif; }
h2 { color:#df7600; font-size:1.4em; font-weight:500; text-decoration:underline; margin-top:1em; margin-bottom:0.2em}
h3{ margin-top:1.2em; margin-bottom:0.2em}
h4{ background:url('../img/h4-orange.png') no-repeat left; margin:0; margin-top:0.8em; padding-left:0.8em}
a { outline:none; color:#c5476e; text-decoration:underline; }
a:hover { color:#aa9999!important; }
a img{ border:none; }
strong{ color:#df7600; /* BLEU color:#4d6eb2; */ }
em{ color:#a3898e; font-style:italic; font-size: 0.9em}
ul{ list-style-position: inside; margin:0.5em 1em; padding:0;}
ul 	a{ text-decoration:none}
del{ color:#555 }
p{ text-align: justify; margin:0; margin-bottom:0.5em}
q{ font-style: italic; }

dl{ overflow: auto}
dt{ font-weight: bold; display:block; float:left; margin-right:0.4em}
dd{ display:block; margin:0; margin-bottom:0.5em;}

dl.float{ margin:0}
dl.float dd{ font-weight:normal; width:18em; margin:0; margin-left:0em}
dt{ }


dl.petite{ font-size: 0.85em}
dt.exemple{ margin-bottom:0}

.box{ 
	background:transparent;
	border:1px solid #555;
	margin:0 1em 0 0;
	padding:0 1em	
}


.f-left{ float:left;}
.f-right{ float:right}

.gros{ font-size:1.2em}
.bleu{ color:#365185}
.orange{ color:#df7600}


/* ELEMENTS */
hr.clear{ visibility:hidden; display:block; clear:both; margin:0; padding:0; }
p.boutons-taille { float:right; margin:0 }
.edito { height:330px }
.edito-titre{ display:inline; margin-bottom:6% }
.infos { float:right; background:#5275bd; border:1px solid #c2cddf; font-size:0.9em; word-spacing: 0em; padding: 0; width:50%}
.infos h2 {font-size:1.1em; margin:0; padding:1% 2%; background:#c2cddf; color:#fff}
.infos ul { margin-left:6%; padding:4%; padding-right:10% }
img.petit-homme { display:block; position:absolute; width:200px; margin:30px 0 0 530px}
.italic{ font-style:italic}
.imp{ font-weight: bold;}
.margin-top{ margin-top:0.5em}
.margin-toptop{ margin-top:1.4em}
.justify{ text-align: justify}

.terminaison { font-weight:bold; color:#fff}

ul.categories-verbes li{ margin:0; margin-bottom:1em}
ul.categories-verbes .italic{ color:#999; font-size:0.9em; text-align:justify; display:block; margin:0 3em}

.info{ }
.exemple{ color:#c5476a; font-style:italic; margin-top:0; margin-bottom:0.5em; margin-left:1em}
.exemple .imp{ color:#ca2b5b /*#9bacc8*/}
.exemple .terminaison{ }
.before-dl{ margin-left:0; margin-bottom:0.2em}
.under-h2{ margin-left:1em; margin-top:1em}
.under-h3{ margin-left:1em; margin-top:0.2em}
.under-h4{ margin-left:1.5em; margin-top:0.5em}


/* FORM */
input {  background: #e3e3e3; color: #5c5c64;}
input.autocompleter-loading{ background: url(../img/spinner_e3e3e3.gif) right 50% no-repeat; }
.input-text { color: #999; border: 1px solid #fff; padding: 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
form#autocompleter{ margin-top:0em; margin-bottom:0; }
form#autocompleter .input-text{ width:250px;font-size: 1.4em; margin-bottom:1em } 
.input-text:hover, .input-text:focus{ background: #c2cddf }
.input-text-mini { color: #999; border: 1px solid #fff; padding: 0 0 0 0.2em; margin-top:-1px; font-size:0.8em}
.input-submit, .input-submit-mini { border: 1px solid #fff; padding: 0.3em; font-size: 1.4em; font-weight: bold; color: #888; margin-left: 0.4em; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.input-submit-mini { font-size: 0.8em; }
.input-submit:hover, .input-submit-mini:hover{ background: #c2cddf; color: #fff }

/* CONSEILS */
div#conseils{ background: url(../img/bulle-conseils.gif) no-repeat left 40px ; color:#484848; font-size:0.8em; float:right; width:50%; margin-right:0}
div#conseils div#conseils-contenu { background: #cdd3e2; height:100%; margin-left:17px; min-height:45px; padding:10px}
div#conseils p { margin:0; margin-bottom:0.4em; padding:0}

/* QUIZZ */
#quizz{ display:block; font-size:1.6em; font-weight:500; margin-top:1em; margin-bottom:0em}

/* TABLEAU DES CONJUGUAISONS */
h1.verbe{ float:left; color:#cdd3e2; margin-top:0; padding-right:30px; margin-bottom:0 }
p.infos-verbe { color:#a3898e; font-style:italic; text-align: left; line-height:0.9em; margin:0 0 0 0; }
p.infos-verbe span.auxiliaire, .auxiliaire { color:#ddd; font-size:1.1em; font-style:normal }
h2.mode { background: url(../img/mode_deg_horizontal.png) repeat-y ; color:#cdd3e2; text-decoration:none; margin-bottom:0.2em; padding: 0 10px 2px 10px; }
.modeConjugue{ overflow:auto; margin:20px 0 0 0; }
div#toustemps { }
div.temps, .temps li { color:#cdd3e2; }
div.temps { float:left; display: block; min-width:180px; width:22%; margin:0 10px 0.5em 5px; }
div.temps h3 { color:#a3898e; font-size:1em}
div.temps ul { list-style-position: outside; list-style:none; margin:0; padding:0 }
div.temps ul li { display:table; line-height: 1.1em; }
div.temps li span { /*display:table-cell;*/ }
div.temps li span.pronom { width:45px; font-style:normal; }
.Subjonctif div.temps li span.pronom { width:65px; font-style:normal; }
div.temps li span.diftongue { color: #c5476e; /* ROSE color: #d47c8c; ORANGE color:#df7600;*/ padding-left:1px}
div.temps li span.terminaison { font-weight:normal; color: #c5476e; padding-left:1px;}
div.temps li span.participe { font-weight:normal; color: #c5476e; padding-left:1px;}

/* CORRECTION */
#correction{ background:#fdf489; border:2px dashed #df7600; width:500px; text-align:left; font-size:1.4em; margin: 30px 0; margin-bottom: 100px; padding:2%;}
#correction span.essayer{ color:#a3898e; font-style:italic; font-size:0.8em; display:block; text-align:left; margin: 0.5em 0 }
#correction strong { color:#df7600; }
#correction .resultats{ margin-left:0em}
#correction ul{ list-style:none; margin:0 }
#correction ul li{ display:inline-block; padding: 0 8px }
.afinir{ background: #f5f8fc; border: #a30064 2px dashed; color:#a30064; font-weight:bold; display:block; text-align:center; padding:10px 0 10px 40px; }
img.warning{ width:48px; vertical-align:middle; margin:-2px 10px 0 0 }