/*******************************************************************************
*                                                                               
*                                                                               
*  Langues pour tous                                                            
*                                                                               
*                                                                               
*******************************************************************************/


/*------------------------------------------------------------------------------
  imports                                                                       
------------------------------------------------------------------------------*/

@import "thickbox.css";
@import "homepage.css";
@import "liste.css";
@import "fiche.css";
@import "quiz.css";
@import "pages-commun.css";
@import "faq.css";
@import "ml-credits.css";


/*------------------------------------------------------------------------------
  globals                                                                       
------------------------------------------------------------------------------*/

img {
	border: 0;
}

body {
	margin: 0px;
	background-color: #EDEDED;
	
	/* for mozilla */
	min-width: 984px;
	/* for IE */
	width:  expression( Math.max(document.body.clientWidth,984) + "px" );
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #464646;
}

h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

ul, li {
	list-style: none;
}

.clear {
	clear: both;
}

a {
	font-weight: bold;
	color: #962A37;
	text-decoration: none;
}

a:hover {
	color: #b66a74;
}


/*------------------------------------------------------------------------------
  Le saviez vous ?                                                              
------------------------------------------------------------------------------*/

#le-saviez-vous {
	position: absolute;
	width: 250px;
	left: 663px;
	top: 661px;
}

/*------------------------------------------------------------------------------
  menu                                                                          
------------------------------------------------------------------------------*/

#menu {
	width: 100%;
	height: 450px;
}

#no-flash {
	width: 1024px;
	height: 450px;
}

#no-flash img {
	position: absolute;
	top: 327px;
	left: 270px;
}

#no-flash ul {
	position: absolute;
	top: 87px;
	left: 40px;
	font-family: Arial, sans-serif;
}

#no-flash li  {
	color: #464646;
	margin-bottom: 9px;
	margin-bottom: expression('8px');
	font-size: 9px;
}

#no-flash li.big-alone a {
	color: white;
}

#no-flash li.big-alone {
	margin-left: -8px;
	color: white;
}

#no-flash li.big-alone a:hover {
	text-decoration: none;
}

#no-flash li.big {
	margin-bottom: 10px;
}

#no-flash a {
	font-size: 9px;
	text-decoration: none;
	color: #464646;
}

#no-flash li.big a {
	font-size: 9px;
	color: white;
}

#no-flash a:hover {
	text-decoration: underline;
}


/*------------------------------------------------------------------------------
  life line                                                                     
------------------------------------------------------------------------------*/

div#lifeline {
	padding: 14px 20px 0px 20px;
}

div#lifeline span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}


/*------------------------------------------------------------------------------
  main                                                                          
------------------------------------------------------------------------------*/

div#body {
	width: 945px;
}

div#body div#main {
	float: left;
	width: 660px;
}


/*------------------------------------------------------------------------------
  extra                                                                         
------------------------------------------------------------------------------*/

#body #extra {
	float: left;
	width: 249px;
	height: 300px;
	background: #EDEDED url(images/vr.png) 0 14px no-repeat;
	padding: 0 0 0 2px;
}

#body #recherche {
	float: left;
	width: 210px;
	height: 113px;
	background: url(images/recherche.png) left bottom no-repeat;
	padding: 80px 21px 10px 19px;
}

#body #recherche h2 {
	display: none;
}

#body #recherche p.description {
	height: 30px;
	padding: 0 10px;
}

#body #recherche p.recherche {
	height: 26px;
	text-align: center;
	background: url(images/recherche-input.png) no-repeat 50%;
}

#body #recherche p.recherche input {
	border: none;
	font-size: 10px;
	margin-top: 5px;
	width: 182px;
	background: none;
	color: #464646;
}

#body #recherche p.go {
	height: 32px;
	margin: 4px 0 0 104px;
}

#body #recherche p.go a {
	display: block;
	width: 95px;
	height: 21px;
	background: url(images/recherche.gif) no-repeat;
}

#body #recherche p.go a span {
	display: none;
}

#body #recherche p.avance {
	margin-top: 4px;
}

#body #recherche p.avance a {
	color: #FFFFFF;
	text-decoration: none;
}

#body #recherche p.avance a:hover{
	text-decoration: underline;
}


/*------------------------------------------------------------------------------
  options                                                                       
------------------------------------------------------------------------------*/

#body #options {
	float: left;
	width: 30px;
	background: #EDEDED url(images/vr.png) 0 14px no-repeat;
	padding: 14px 0 0 1px;
}

#body #options a.impression,
#body #options a.rss,
#body #options a.texte-pp,
#body #options a.texte-pg {
	float: left;
	display: block;
	width: 19px;
	height: 21px;
	background: #0066FF;
	margin-bottom: 2px;
}

#body #options a.impression span,
#body #options a.rss span,
#body #options a.texte-pp span,
#body #options a.texte-pg span {
	display: none;
}

#body #options a.impression {
	background: url(images/imprimer.gif) no-repeat;
}

#body #options a.texte-pp {
	background: url(images/texte-.gif) no-repeat;
}

#body #options a.texte-pg {
	background: url(images/texte+.gif) no-repeat;
}

#body #options a.rss {
	height: 28px;
	background: url(images/rss_big.gif) no-repeat;
}


/*------------------------------------------------------------------------------
  footer                                                                        
------------------------------------------------------------------------------*/

div#body #footer {
	clear: both;
	height: 4em;
	width: 620px;
	padding: 16px 20px 0 20px;
	background: #EDEDED url(images/bas.png) 20px 0 no-repeat;
}

div#body #footer ul {
	float: left;
	_position: relative;
	_left: -6px;
}

div#body #footer ul li {
	float: left;
	margin: 0 0 0 -1px;
	padding: 0 6px;
	border-left: 1px solid #464646;
}

div#body #footer ul li:first-child {
	padding-left: 0;
	margin-left: 0;
	border: none;
}

div#body #footer ul.line2 {
	padding-top: 3px;
	clear: left;
}

div#body #footer ul.line1 a {
}

div#body #footer ul.line1 a:hover {
}

div#body #footer ul.line2 a {
	font-weight: normal;
	color: #464646;
	text-decoration: underline;
}

div#body #footer ul.line2 a:hover {
	font-weight: normal;
	color: #787878;
}