/* --- TAGS --- */
body, html {
	margin:auto !important;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	width:				900px;
	color:				#666;
	background-color:	#FFF;
	line-height:		130%;

}
div, p, a, span, img, ul, ol, li, h1, h2, h3, /*table, tr, td,*/ dl, dd, dt { /* table, tr, td, form, input, textarea, removed ? */
	padding:			0;
	margin:				0;  
	border:				0;
}
div, p, h1, h2, h3 { /*, ul, li, span*/
	display:			block;
}
div, img, ul, li, p, h1, h2, h3, object {
	position:			relative;
}
a {
	text-decoration:	none;
	color:				#00a0c1;
}
a:hover {
	text-decoration:	underline;
}
p {
	margin:				0 0 15px 0;
	color:				#666;
	/*text-align:			justify;  PROBL�MATIQUE POUR ALIGNEMENTS*/
}
table p {
	/*text-align:			left;  PROBL�MATIQUE POUR ALIGNEMENTS*/
}
td {
	vertical-align:		top;
}
ul {
	/*list-style:			none;*/
}
ol {
	list-style-type:	decimal;
	list-style-image:	none;
	list-style-position:outside;
	margin:				30px;
}

.nostyle li {
	list-style:				none;
}


h1 {
	font-weight:		bold;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			21px;/*16px;*/
	text-transform:		uppercase;
	color:				#003663;
	padding:			25px 0 44px 0;/* WITH PARENT SUBTITLE */
	line-height:		1.15em;
}
h1 div.soustitre_parent {
	font-size:			12px;
	color:				#00A6CC;
	display:			block;
	position:			absolute;
	top:				30px;
	left:				0;
}
h1.titre_unique {
	padding:			40px 0 53px 0;/* WITHOUT PARENT SUBTITLE */
}
h2 {
	font-weight:		bold;
	font-size:			12px;
	color:				#003663;
	margin:				0 0 8px 0;
}
h3 {
	color:				#00a0c1;
	font-size:			11px;
	font-weight:		bold;
	font-variant:		small-caps;
	margin:				0 0 8px 0;
}
sup {
	font-size:			0.8em;
}
.exposant { /*, sup*/
	/*font-size:8px;*/
	font-size:			0.8em;
	line-height:		10px;
	vertical-align:		top;
}

hr {
	border:				1px solid #00a6cc;
}


input, textarea{
border:#00A6CC 1px solid;
}

select {
border:#00A6CC 1px solid;
}



/* --- CLASSES --- */
.clear {
	clear:				both;
	padding-top:		30px;
}
.bullet1, .bullet2 {
	padding:			0 0 0 32px;
	background:			url(../images/bullet1.gif) top left no-repeat #FFF;
	height:				27px;
}
.bullet2 {
	background-image:	url(../images/bullet2.gif);
}

.logo_info_apprendre_bleu, .logo_info_apprendre_bleu_en {
	position:			absolute;
	height:				80px;
	width:				215px;
	top:				10px;
	right:				0;
	/*background:			url(../textes/images/logo_info-apprendre.jpg) top left no-repeat #FFF;*/
}
.logo_info_apprendre_orange, .logo_info_apprendre_orange_en {
	position:			absolute;
	height:				80px;
	width:				215px;
	top:				10px;
	right:				0;
	/*background:			url(../textes/images/logo_info-apprendre_orange.jpg) top left no-repeat #FFF;*/
}
.logo_info_apprendre_bleu, .logo_info_apprendre_orange {
	height:				57px;
	width:				150px;
}
.logo_info_apprendre_bleu_en {
	/*background-image:	url(../textes/images/logo_info-apprendre_en.jpg);*/
}
.logo_info_apprendre_orange_en {
	/*background-image:	url(../textes/images/logo_info-apprendre_orange_en.gif);*/
}


table.liste_sections {
	width:				100%;/*95%;*/
	margin:				30px 0;
}
table.liste_sections td {
	padding:			0 10px 10px 0;
}
table.liste_sections p {
	/*text-align:			left;   PROBL�MATIQUE POUR ALIGNEMENTS*/
}
table.grid {
	border:				1px solid #666; 
	border-collapse:	collapse;
}
table.grid td {
	border:				1px solid #666; 
}

.tablecadre td { /* Edit Baptiste : class pour table fondation cause (id=116)*/
	border:				1px inset #628eb1;
	margin:				0px;
}
.blueborder { /* Pour les inputs et textarea */
	border:				1px solid #B3DEE9;
}
input.submit, input.button {
	border-style:		solid;
	border-width:		2px;
	color:				#FFF;
	background-color:	#009BBE;/*#CFE0AC;*/
	height:				25px;
	border:				3px outset #B3DEE9;
}


/* --- STRUCTURE --- */
#all {
	position:			relative;
	margin:				0 0 0 10px;/*0 auto;*//*0 10px;*/
	width:				801px;/*761px;*//*801px;*//*761px;+40*/
	background-color:	#FFF;
	position:			relative;
}
#header {
	clear:				both;
	margin:				15px 0 0 0;
	position:			relative;
	background:			url(../images/header_bkg2.gif) #FFFFFF top left no-repeat;
}
#contenu {
	clear:				both;
	width:				710px;/*670px;*//*710px;*//*670px;+40*//*618px; */
	margin:				0 0 0 58px;/*0 0 0 79px;*//*0 0 0 0;*/
	padding:			0; 
	position:			relative;
	
	

}
#footer {
	clear:				both;
	width:				761px; 
	margin:				0;/*20px 0 0 0;*/
	color:				#00a0c1; 
	position:			relative;
	background: 		url(../images/footer_bkg.gif) no-repeat top left #FFF;
	overflow:			visible;	
}

/* --- HEADER --- */
#header_right {
	position:			absolute;
	height:				69px;
	width:				29px;
	left:				801px;
	top:				0;
	background: 		url(../images/header_bkg2_right.gif) no-repeat top left #FFF;
}
/* --- Menu --- */




/* --- LEFT COLUMN --- */
#leftcolumn {
	width:				198px;/*203px;*//*183px;*/
	height:				auto;
	float:				left;
}
#leftcolumn ul, #leftcolumn li {
	display:			block;
}
#logo_fqa {
	padding:			10px 0 15px 3px;
	text-align: center;
}

img#logo_fqa {
	margin:				0 auto;
}


#leftcolumn .titre_sousmenu {
	margin:				0 0 0 -18px;
}

	/* --- Sous-Menu (left menu) --- */
	#sousmenu {
		width:				168px;/*159px;*//*164px;*//*144px;*/
		margin:				0 0 0 3px;/*0 0 0 26px;*/
	}
	#sousmenu ul {
		font-family:		/*Verdana, Arial, Helvetica, sans-serif;*/	Arial, Helvetica, sans-serif;
		font-size:			/*10px;*/11px;
		font-weight:		bold;
		margin:				0;
		padding:			0;
	}
	#sousmenu li {
		margin:				0;
		padding:			0;
		background-color:	#DAEBF4;
	}
	#sousmenu a {
		display:			block;
		width:				146px;/*145??*/
		height:				auto;
		color:				#3F6496;
		padding:			2px 2px 2px 20px;
		background:			url(../images/sousmenu_bkg1.gif) 0px 3px no-repeat;
		border-bottom:		1px solid #FFF;
	}
	#sousmenu a:hover {
		background-color:	#E9F5F9;
		color:				#0098BB;
	}
	#sousmenu li.thispage {
		background-color:	#B9E2EC;
	}
	#sousmenu li.thispage a {
	}
	#sousmenu li.thispage ul a {
	}
	#sousmenu ul li ul {
		display:			none;
	}
#sousmenu ul li.over {
	background-color:	#B9E2EC;
}
#sousmenu ul li.over ul {
	display:			block;
	background-color:	#B9E2EC;
}
#sousmenu ul li.over ul ul {
	display:			none;
}
#sousmenu ul li.over li.over ul {
	display:			block;
}

	#sousmenu ul li.thispage ul {
		display:			block;
	}
	#sousmenu ul ul li.thispage ul {
		display:			block;
	}
	#sousmenu ul ul ul li.thispage ul {
		display:			block;
	}
	#sousmenu ul li.thispage ul ul {
		display:			none;
	}
	#sousmenu ul ul li.thispage ul ul {
		display:			none;
	}
	#sousmenu ul ul ul li.thispage ul ul {
		display:			none;
	}
	
	#sousmenu ul ul li a {
		background:			url(../images/sousmenu_bkg1.gif) 20px 3px no-repeat;
		padding-left:		40px;
		width:				126px;
	}
	#sousmenu ul ul ul li a {
		background:			url(../images/sousmenu_bkg1.gif) 40px 3px no-repeat;
		padding-left:		60px;
		width:				106px;
	}
	#sousmenu ul ul ul ul li a {
		background:			url(../images/sousmenu_bkg1.gif) 60px 3px no-repeat;
		padding-left:		80px;
		width:				86px;
	}
	
.left_underlink {
	display:			block;
	margin-left:		46px;
	width:				124px;
	border-bottom:		2px solid #00a0c1;
	font-size:			12px;
	font-weight:		bold;
	padding-bottom:		3px;
}
.left_underlink:hover {
	text-decoration:	none;
	color:				#003663;
	border-bottom-color:#003663;
}
	






/* --- Content --- */
#rightcolumn { /* total width is 761px - 79px (content leftmargin) */
	margin-left:		205px;/*205px;*//*210px;*/
	width:				490px;/*540px;*//*490px;*//*435px;*//**//*460px;*//*375px;*//*370px;*/
	height:				auto;
	/*padding:			0 0 15px 0;
	position:			relative;*/
	/*background-color:	#CCCCFF;*/
}
#rightcolumn p {
}
/*#rightcolumn table img {
	position:			relative;
	float:				none;
}*/
#rightcolumn ul {
	margin:				15px 30px;
}



/* --- ACCUEIL --- */
div#leftcolumn_accueil {
	width:				285px;
	float:				left;
}
div#rightcolumn_accueil {
	margin-left:		287px;
	width:				402px;
}
#leftcolumn_accueil h2, #leftcolumn_accueil h3 {
	margin-left:		72px;
	width:				200px;
	/*background-color:	#CCFF99;*/
}
#leftcolumn_accueil.english h2, #leftcolumn_accueil.english h3 {
	/*margin-left:		102px;*/
}
#leftcolumn_accueil h2 {
	margin-top:			-60px; /*20px*/
	margin-bottom:		20px;
	padding: 15px 0 15px 15px;
	background-color: #DAEBF4;
}
#message_accueil { /* sous le logo */
	display:			block;
	position:			absolute;
	top:				50x;
	left:				100px;
	width:				200px;
	height:				200px;
	background-color:		#CCFF99;
}
#sondage_accueil { /* LECTURE EN CADEAU */
	margin: 10px ;
	/*background:#FFF;*/
	font-size:0.8em;
}
#sondage_accueil input {
	border:none;
	height:11px;
}
#accueil_beige {
	background-color:#F5F1D4;
}



/* --- Footer --- */
#footer_right {
	position:			absolute;
	height:				76px;
	width:				58px;
	left:				761px;
	top:				0;
	background: 		url(../images/footer_bkg_right.gif) no-repeat top left #FFF;
}
#footer_menu {
	clear:				both;
	height:				76px;/*64px;*/
	width:				761px;
	position:			relative;
}
#footer_menu span {
	display:			none;
}
#footer_menu li {
	display:			block;
	float:				left;
	margin:				0;
	padding:			0;	
}
#footer_menu .menu_img {
	height:				76px;/*64px;*/
}
.footer_main {
	width: 				625px;/*465px;*//*416px;*/
	height:				76px;/*64px;*/
	/*background: 		url(/2008/images/footer_main_bkg.gif) no-repeat top left;	*/
	position:			relative;
}

.footer_top {
	position:			absolute;
	top:				27px;
	left:				0;
	height:				12px;
	width:				625px;
}
.footer_bas {
	position:			absolute;
	top:				48px;
	left:				0;
	height:				9px;
	width:				680px;
}
.footer_top li, .footer_bas li {
	float:				left;
}

/* FRAN�AIS */
#calendrier, #salledepresse, #inscrivezvous, #actualites, #aideznous, #contacteznous, #footer_amis,
#english, #plandusite, #infoapprendre, #lalectureencadeau, #alaune, #footer_bas_accueil,
/* ENGLISH */
#en_calendrier, #en_salledepresse, #en_actualites, #en_aideznous, #en_contacteznous, #en_footer_amis,
#en_french, #en_plandusite, #en_infoapprendre, #en_lalectureencadeau, #en_alaune, #footer_bas_home
{
	display: 			block;
	height: 			15px;
	margin-right:		35px;
}
#en_calendrier, #en_salledepresse, #en_actualites, #en_aideznous, #en_contacteznous, 
#en_french, #en_plandusite, #en_infoapprendre, #en_lalectureencadeau, #en_alaune 
{
	margin-right:		55px;
}

/* Fran�ais */
#calendrier {
	width: 				80px;
	background: 		url(../images/footer_top_calendrier.gif) no-repeat top left;
}
#salledepresse {
	width: 				105px;
	background: 		url(../images/footer_top_salledepresse.gif) no-repeat top left;
}
#actualites {
	width: 				76px;
	background: 		url(../images/footer_top_actualites.gif) no-repeat top left;
}
#aideznous {
	width: 				79px;
	background: 		url(../images/footer_top_aideznous.gif) no-repeat top left;
}

#footer_amis {
	width: 				79px;
	background: 		url(../images/footer_top_amis.gif) no-repeat top left;
}

#contacteznous {
	width: 				117px;
	background: 		url(../images/footer_top_contacteznous.gif) no-repeat top left;
	margin-right:		0;
}
#english {
	width: 				51px;
	background: 		url(../images/footer_bas_english.gif) no-repeat top left;
	margin-right:		90px;
}

#footer_bas_accueil {
	width: 				51px;
	background: 		url(../images/footer_bas_accueil.gif) no-repeat top left;
	margin-right:		64px;
}

#plandusite {
	width: 				75px;
	background: 		url(../images/footer_bas_plandusite.gif) no-repeat top left;
	margin-right:		36px;
}
#infoapprendre {
	width: 				95px;
	background: 		url(../images/footer_bas_infoapprendre.gif) no-repeat top left;
	margin-right:		20px;
}
#lalectureencadeau {
	width: 				146px;
	background: 		url(../images/footer_bas_lalectureencadeau.gif) no-repeat top left;
	margin-right:		0;
}
#alaune {
	width: 				153px;
	height:				76px;
	background: 		url(../images/footer_right.gif) no-repeat top left;
}
#alaune:hover, #alaune.over {
	background-image:	url(../images/footer_right_over.gif);
}

/* English */
#en_calendrier {
	width: 				70px;
	background: 		url(../images/en_footer_top_calendrier.gif) no-repeat top left;
}
#en_salledepresse {
	width: 				81px;
	background: 		url(../images/en_footer_top_salledepresse.gif) no-repeat top left;
}
#en_actualites {
	width: 				87px;
	background: 		url(../images/en_footer_top_actualites.gif) no-repeat top left;
}
#en_aideznous {
	width: 				51px;

	background: 		url(../images/en_footer_top_aideznous.gif) no-repeat top left;
}

#en_footer_amis {
	width: 				53px;
	background: 		url(../images/en_footer_top_amis.gif) no-repeat top left;
	margin-right:		55px;
}

#en_contacteznous {
	width: 				80px;
	background: 		url(../images/en_footer_top_contacteznous.gif) no-repeat top left;
	margin-right:		0;
}
#en_french {
	width: 				61px;
	background: 		url(../images/en_footer_bas_french.gif) no-repeat top left;
	margin-right:		77px;
}
#footer_bas_home {
	width: 				36px;
	background: 		url(../images/en_footer_bas_home.gif) no-repeat top left;
	margin-right:		88px;
}
#en_plandusite {
	width: 				52px;
	background: 		url(../images/en_footer_bas_plandusite.gif) no-repeat top left;
	margin-right:		88px;
}
#en_infoapprendre {
	width: 				102px;
	background: 		url(../images/en_footer_bas_infoapprendre.gif) no-repeat top left;
	margin-right:		5px;
}
#en_lalectureencadeau {
	width: 				128px;
	background: 		url(../images/en_footer_bas_lalectureencadeau.gif) no-repeat top left;
	margin-right:		0;
}


/* PAGE PLAN DU SITE */
table.pagelist .row1 td {
	font-size:			14px;
	font-weight:		bold;
	padding-top:		20px;
	text-transform:		uppercase;
	border-bottom:		1px solid #00a0c1;
}

table.pagelist .row2 td {
	font-size:			12px;
	font-weight:		bold;
	padding-top:		5px;
}
table.pagelist .row3 td {
	font-size:			12px;/*11px;*/
	font-style:			italic;
}
table.pagelist .row4 td {
	font-size:			12px;/*10px;*/
}
table.pagelist .row5 td {
	font-size:			12px;/*10px;*/
}



/* FROM OLD SITE */
.texte, .menu, .bulle, .note, .photo, .photo2, .vert, .vert2, vertn, bleu, .bleup, noirb, .copy, .image, .exp {
	font-family: 		verdana, arial, helvetica, sans-serif;
}

.texte  {font-size: 11px; color:#818181;  line-height:13px; }
.menu  {font-size: 10px; color:#000000;}
.bulle  {font-size: 9px; color:#000000; padding : 6px 6px 6px 6px;}
.note  {font-size: 9px; color:#ffffff;}
.photo  {font-size: 9px; color:#818181;}
.photo2  {font-size: 8px; color:#818181; line-height:8px; }
.vert  {font-size: 12px; color:#919C72; line-height: 10px; font-variant: small-caps; font-weight: bold; }
.vert2  {font-size: 12px; color:#919C72; font-variant: small-caps; font-weight: bold; }
.vertn  {font-size: 11px; color:#00a0c1;/*#919C72;*/ font-weight: bold; }
.bleu {color:#18324B; font-size: 12px; font-weight: bold; }
.bleup {color:#18324B; font-size: 12px;  }
TD {color:#818181; font-size: 11px;  }
.noirb  {font-size: 10px; color:#000000; font-weight: bold;}
.copy {font-size: 9px; color:#818181; writing-mode: tb-rl; filter: flipv fliph;}
.image { border-style: solid; border-color: #818181; border-width:1px;}
.exp, .exposant  {
	font-size:0.8em;
	line-height:10px;
	vertical-align:top;
}



a.note {color: #ffffff; text-decoration: none; font-weight: normal; font-size: 9px;}
a.note:link {color: #ffffff;  text-decoration: none; font-weight: normal; font-size: 9px;}
a.note:visited {color: #ffffff;  text-decoration: none; font-weight: normal;}
a.note:hover {color: #ffffff ;  text-decoration: underline; font-weight: normal;}


a.vert {color: #919C72; font-weight: bold; text-decoration: none; line-height: 10px; font-variant: small-caps; font-weight: bold;}
a.vert:link {color: #919C72;  font-weight: bold; text-decoration: none; line-height: 10px; font-variant: small-caps; font-weight: bold;}
a.vert:visited {color: #919C72;  font-weight: bold; text-decoration: none; line-height: 10px; font-variant: small-caps; font-weight: bold;}
a.vert:hover {color: #919C72 ; font-weight: bold;  text-decoration: none; line-height: 10px; font-variant: small-caps; font-weight: bold;}


a.vert2 {color: #919C72; font-weight: bold; text-decoration: none;  font-variant: small-caps; font-weight: bold;}
a.vert2:link {color: #919C72;  font-weight: bold; text-decoration: none;  font-variant: small-caps; font-weight: bold;}
a.vert2:visited {color: #919C72;  font-weight: bold; text-decoration: none;  font-variant: small-caps; font-weight: bold;}
a.vert2:hover {color: #919C72 ; font-weight: bold;  text-decoration: none;  font-variant: small-caps; font-weight: bold;}


a.menu {color: #18324B; font-weight: bold; text-decoration: none;}
a.menu:link {color: #18324B;  font-weight: bold; text-decoration: none;}
a.menu:visited {color: #18324B;  font-weight: bold; text-decoration: none;}
a.menu:hover {color: #18324B ; font-weight: bold;  text-decoration: underline}


#social_media_button a{
	display:inline-block;
	width:20px;
	height:20px;
	margin-left:5px;}
	
#social_media_button {
	position:absolute;
	right:32px;
	top:58px;}
	
#social_media_button a.facebook{
	/*background:url(../images/social_icones.png) top left no-repeat; Version Pale*/
	background:url(../images/social_icones.png) bottom left no-repeat;
	}
#social_media_button a.facebook:hover{
	background:url(../images/social_icones.png) bottom left no-repeat;
	}
#social_media_button a.twitter{
	/*background:url(../images/social_icones.png) top right no-repeat; Version Pale*/
	background:url(../images/social_icones.png) bottom right no-repeat;
	}
#social_media_button a.twitter:hover{
	background:url(../images/social_icones.png) bottom right no-repeat;
	}

form .wrong{
	border:1px solid #F00
	}
	
p.form_error{
	border:1px solid #F00;
	padding:5px;
	}