/*body de l'accueil*/
body {
	background:#E2E2B0 url(img/bg_couleurs/bande_haut_01.gif) left top repeat-x;
	color:#000;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	margin:0;
	padding:0;
}

/*Lien de l'entete*/
#top a.lienentete{
	display:block;
	position:absolute;
	width:470px;
	height:90px;	
	top:15px;
	left:75px;
}


/*CE SONT LES DIFFƒRENTS BACKGROUND POUR LES CATƒGORIES*/

/*ƒlŽments gŽnŽraux*/
#experiences_au_primaire, #a_la_une, #sur_le_terrain, #experiences_au_pimaire, #experiences_au_secondaire, #sessions_de_formation, #commander_du_materiel, #trousses_et_activites, #la_democratie_au_primaire, #la_democratie_au_secondaire{
	color:#000;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	margin:0;
	padding:0;
}

/*Sur le terrain*/
#sur_le_terrain{background:#E2E2B0 url(img/bg_couleurs/bande_haut_05.gif) left top repeat-x;}
#experiences_au_primaire{background:#E2E2B0 url(img/bg_couleurs/bande_haut_05.gif) left top repeat-x;}
#experiences_au_secondaire{background:#E2E2B0 url(img/bg_couleurs/bande_haut_05.gif) left top repeat-x;}

/*top Session de formation*/
#sessions_de_formation{background:#E2E2B0 url(img/bg_couleurs/bande_haut_05.gif) left top repeat-x;}
#pour_le_primaire{background:#E2E2B0 url(img/bg_couleurs/bande_haut_05.gif) left top repeat-x;}
#pour_le_secondaire{background:#E2E2B0 url(img/bg_couleurs/bande_haut_05.gif) left top repeat-x;}
#pour_le_collegial{background:#E2E2B0 url(img/bg_couleurs/bande_haut_05.gif) left top repeat-x;}

/*top Commander du materiel*/
#commander_du_materiel{background:#E2E2B0 url(img/bg_couleurs/bande_haut_05.gif) left top repeat-x;}

/*top Trousses et activitŽs*/
#trousses_et_activites{background:#E2E2B0 url(img/bg_couleurs/bande_haut_05.gif) left top repeat-x;}
#la_democratie_au_primaire{background:#E2E2B0 url(img/bg_couleurs/bande_haut_06.gif) left top repeat-x;}
#la_democratie_au_secondaire{background:#E2E2B0 url(img/bg_couleurs/bande_haut_03.gif) left top repeat-x;}
#la_democratie_au_collegial_et_a_luniversite{background:#E2E2B0 url(img/bg_couleurs/bande_haut_07.gif) left top repeat-x;}
#programme_je_vote_au_quebec_{background:#E2E2B0 url(img/bg_couleurs/bande_haut_04.gif) left top repeat-x;}


/***************************************/

#container{
	width:745px;
	height:100%;
}

#fillegauche{
	position:absolute;
	background:transparent url(img/perso_gauche.gif) left top no-repeat;
	height:483px;
	width:107px;
	margin-top:13px;
	z-index:4;
}

#fillegauchepetite{
	position:absolute;
	/*background:transparent url(img/perso_gauche_petite.gif) left top no-repeat;*/
	height:483px;
	width:107px;
	margin-top:13px;
	z-index:4;
}

/*#fillegauchepetite .accueil{background:transparent url(img/bg_couleurs/bg_top_01.gif) left top no-repeat;}*/
#fillegauchepetite .a_la_une{height:265px; background:transparent url(img/bg_couleurs/fille_petite_01.gif) left top no-repeat;}
#fillegauchepetite .recherche{height:265px; background:transparent url(img/bg_couleurs/fille_petite_01.gif) left top no-repeat;}
#fillegauchepetite .informations_generales{height:265px; background:transparent url(img/bg_couleurs/fille_petite_01.gif) left top no-repeat;}

/*Sur le terrain*/
#fillegauchepetite .sur_le_terrain{height:265px; background:transparent url(img/bg_couleurs/fille_petite_05.gif) left top no-repeat;}
#fillegauchepetite .experiences_au_primaire{height:265px; background:transparent url(img/bg_couleurs/fille_petite_05.gif) left top no-repeat;}
#fillegauchepetite .experiences_au_secondaire{height:265px; background:transparent url(img/bg_couleurs/fille_petite_05.gif) left top no-repeat;}

/*top Session de formation*/
#fillegauchepetite .sessions_de_formation{height:265px; background:transparent url(img/bg_couleurs/fille_petite_05.gif) left top no-repeat;}
#fillegauchepetite .pour_le_primaire{height:265px; background:transparent url(img/bg_couleurs/fille_petite_05.gif) left top no-repeat;}
#fillegauchepetite .pour_le_secondaire{height:265px; background:transparent url(img/bg_couleurs/fille_petite_05.gif) left top no-repeat;}
#fillegauchepetite .pour_le_collegial{height:265px; background:transparent url(img/bg_couleurs/fille_petite_05.gif) left top no-repeat;}

/*top Commander du materiel*/
#fillegauchepetite .commander_du_materiel{height:265px; background:transparent url(img/bg_couleurs/fille_petite_05.gif) left top no-repeat;}

/*top Trousses et activitŽs*/
#fillegauchepetite .trousses_et_activites{height:265px; background:transparent url(img/bg_couleurs/fille_petite_05.gif) left top no-repeat;}
#fillegauchepetite .la_democratie_au_primaire{height:265px; background:transparent url(img/bg_couleurs/fille_petite_06.gif) left top no-repeat;}
#fillegauchepetite .la_democratie_au_secondaire{height:265px; background:transparent url(img/bg_couleurs/fille_petite_03.gif) left top no-repeat;}
#fillegauchepetite .la_democratie_au_collegial_et_a_luniversite{height:265px; background:transparent url(img/bg_couleurs/fille_petite_02.gif) left top no-repeat;}
#fillegauchepetite .programme_je_vote_au_quebec_{height:265px; background:transparent url(img/bg_couleurs/fille_petite_04.gif) left top no-repeat;}


/*******************************************/


/* HAUT DE LA PAGE*/

#top{
	position:relative;
	height:159px;
	padding:0;
	margin-bottom:0;
	border-right:1px solid #C1C18F;
}

/*DiffŽrent background selon la catŽgorie*/

/*Accueil*/
#top .accueil{background:transparent url(img/bg_couleurs/bg_top_01.gif) left top no-repeat;}
#top .a_la_une{background:transparent url(img/bg_couleurs/bg_top_01.gif) left top no-repeat;}
#top .recherche{background:transparent url(img/bg_couleurs/bg_top_01.gif) left top no-repeat;}
#top .informations_generales{background:transparent url(img/bg_couleurs/bg_top_01.gif) left top no-repeat;}

/*Sur le terrain*/
#top .sur_le_terrain{background:transparent url(img/bg_couleurs/bg_top_05.gif) left top no-repeat;}
#top .experiences_au_primaire{background:transparent url(img/bg_couleurs/bg_top_05.gif) left top no-repeat;}
#top .experiences_au_secondaire{background:transparent url(img/bg_couleurs/bg_top_05.gif) left top no-repeat;}

/*top Session de formation*/
#top .sessions_de_formation{background:transparent url(img/bg_couleurs/bg_top_05.gif) left top no-repeat;}
#top .pour_le_primaire{background:transparent url(img/bg_couleurs/bg_top_05.gif) left top no-repeat;}
#top .pour_le_secondaire{background:transparent url(img/bg_couleurs/bg_top_05.gif) left top no-repeat;}
#top .pour_le_collegial{background:transparent url(img/bg_couleurs/bg_top_05.gif) left top no-repeat;}

/*top Commander du materiel*/
#top .commander_du_materiel{background:transparent url(img/bg_couleurs/bg_top_05.gif) left top no-repeat;}

/*top Trousses et activitŽs*/
#top .trousses_et_activites{background:transparent url(img/bg_couleurs/bg_top_05.gif) left top no-repeat;}
#top .la_democratie_au_primaire{background:transparent url(img/bg_couleurs/bg_top_06.gif) left top no-repeat;}
#top .la_democratie_au_secondaire{background:transparent url(img/bg_couleurs/bg_top_03.gif) left top no-repeat;}
#top .la_democratie_au_collegial_et_a_luniversite{background:transparent url(img/bg_couleurs/bg_top_07.gif) left top no-repeat;}
#top .programme_je_vote_au_quebec_{background:transparent url(img/bg_couleurs/bg_top_04.gif) left top no-repeat;}



/*******************************************/

#garslivre{
	/*background:transparent url(img/perso_garcon_haut.gif) left top no-repeat;*/
	height:159px;
	margin-left:410px;informations_generales
}

#garslivre .accueil{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_01.gif) left top no-repeat;}
#garslivre .a_la_une{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_01.gif) left top no-repeat;}
#garslivre .recherche{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_01.gif) left top no-repeat;}
#garslivre .informations_generales{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_01.gif) left top no-repeat;}

/*Sur le terrain*/
#garslivre .sur_le_terrain{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_02.gif) left top no-repeat;}
#garslivre .experiences_au_primaire{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_02.gif) left top no-repeat;}
#garslivre .experiences_au_secondaire{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_02.gif) left top no-repeat;}

/*top Session de formation*/
#garslivre .sessions_de_formation{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_03.gif) left top no-repeat;}
#garslivre .pour_le_primaire{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_03.gif) left top no-repeat;}
#garslivre .pour_le_secondaire{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_03.gif) left top no-repeat;}
#garslivre .pour_le_collegial{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_03.gif) left top no-repeat;}

/*top Commander du materiel*/
#garslivre .commander_du_materiel{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_04.gif) left top no-repeat;}

/*top Trousses et activitŽs*/
#garslivre .trousses_et_activites{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_05.gif) left top no-repeat;}
#garslivre .la_democratie_au_primaire{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_06.gif) left top no-repeat;}
#garslivre .la_democratie_au_secondaire{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_03.gif) left top no-repeat;}
#garslivre .la_democratie_au_collegial_et_a_luniversite{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_02.gif) left top no-repeat;}
#garslivre .programme_je_vote_au_quebec_{height:159px; background:transparent url(img/bg_couleurs/garcon_haut_04.gif) left top no-repeat;}

/*******************************************/

#menutop {
	position:absolute;
	bottom:0px;
	left:65px;
}

#menutop span{display:none;}

#menutop ul {list-style-type:none;}
#menutop ul li{float:left;height:42px;}

#menutop ul li.terrain{background:transparent url(img/menutop/roll_surleterrain.gif) 0 -84px no-repeat;width:77px; }
#menutop ul li.terrain a{background:transparent url(img/menutop/roll_surleterrain.gif) left top no-repeat;}
#menutop ul li.terraindone{background:transparent url(img/menutop/roll_surleterrain.gif)  0 -168px no-repeat;}

#menutop ul li.information{background:transparent url(img/menutop/roll_session.gif) 0 -84px no-repeat;width:110px;}
#menutop ul li.information a{background:transparent url(img/menutop/roll_session.gif) left top no-repeat;}
#menutop ul li.informationdonne {background:transparent url(img/menutop/roll_session.gif) 0 -168px no-repeat;}

#menutop ul li.commander{background:transparent url(img/menutop/roll_commander.gif) 0 -84px no-repeat;width:110px;}
#menutop ul li.commander a{background:transparent url(img/menutop/roll_commander.gif) left top no-repeat;}
#menutop ul li.commanderdone {background:transparent url(img/menutop/roll_commander.gif) 0 -168px no-repeat;}

#menutop ul li.terrain a, #menutop ul li.information a, #menutop ul li.commander a{
	display:block;
	width:100%;height:100%;
}
#menutop ul li.terrain a:hover, #menutop ul li.information a:hover, #menutop ul li.commander a:hover{
	background-image:none;
}

#liens{
	position:absolute;
	right:0;
	width:194px;
}

#liens ul {list-style-type:none;margin:0;padding:0;margin-left:10px;margin-top:12px;}

#liens ul li{
	color:#FFF;
	font-size:10px;
	background:transparent url(img/bullet_fleche.gif) 0 3px no-repeat;
	padding-left:15px;
	line-height:14px;
}
#liens ul li a{color:#FFF;text-decoration:none;}
#liens ul li a:hover{color:#FFF;text-decoration:underline;}

#liens ul li.flechedone{
	color:#330000;
	background:transparent url(img/bullet_fleche_done.gif) 0 3px no-repeat;
}

/*************************************************/

#trousse{
	position:absolute;
	background:transparent url(img/menutop/roll_trousses.gif) /*0 -320px*/ left top no-repeat;
	right:0;
	bottom:0;
	width:194px;
	height:159px;
}

#trousse a{background:transparent url(img/menutop/roll_trousses.gif) left top no-repeat;display:block;	width:100%;height:100%;}


#trousse a:hover{
	background-image:none;
}

/*************************************************/

/* COLONNE DROITE */

#menudroite{
	margin:0;
	padding:0;
	background-color:#D6D6A4;
}

#menudroite ul {list-style-type:none;margin:0;padding:0;padding-top:10px; line-height: 1.2;}

#menudroite ul li.democratie{
	background:transparent url(img/menudroite/img_pasapas.gif) 5px 2px no-repeat;
	height:44px;
	width:195px;
	border-bottom:1px solid #999967;
}

#menudroite ul li.guide{
	background:transparent url(img/menudroite/img_democratie_ecole.gif) 5px 2px no-repeat;
	height:44px;
	width:195px;
	border-bottom:1px solid #999967;
}

#menudroite ul li.collegial2{
	background:transparent url(img/menudroite/img_democratie_collegial.gif) 5px 2px no-repeat;
	height:44px;
	width:195px;
	border-bottom:1px solid #999967;
}

#menudroite ul li.programme-je-vote{
	background:transparent url(img/menudroite/img_programme_jevoteauquebec.gif) 5px 2px no-repeat;
	height:44px;
	width:195px;
	border-bottom:1px solid #999967;
}

#menudroite ul li.collegial{
	background:transparent url(img/menudroite/img_votercollegial.gif) 5px 2px no-repeat;
	height:44px;
	width:195px;
	border-bottom:1px solid #999967;
}

#menudroite ul li.votequebec{
	background:transparent url(img/menudroite/img_jevotequebec.gif) 5px 2px no-repeat;
	height:44px;
	width:195px;
	border-bottom:1px solid #999967;
}

#menudroite ul li.dispute{
	background:transparent url(img/menudroite/img_demo_dispute.gif) 5px 2px no-repeat;
	height:44px;
	width:195px;
	border-bottom:1px solid #999967;
}

#menudroite ul li.collegial2 a, #menudroite ul li.democratie a, #menudroite ul li.guide a, #menudroite ul li.collegial a, #menudroite ul li.votequebec a, #menudroite ul li.dispute a, #menudroite ul li.programme-je-vote a{
	width:100%; height:100%;
	display:block;
	text-decoration:none;
	color:#000;
	font-size:10px;
}

#menudroite ul li.democratie a:hover{
	background:#F7F6E1 url(img/menudroite/img_pasapas.gif) 5px 2px no-repeat;
}

#menudroite ul li.guide a:hover{
	background:#F7F6E1 url(img/menudroite/img_democratie_ecole.gif) 5px 2px no-repeat;
}

#menudroite ul li.collegial2 a:hover{
	background:#F7F6E1 url(img/menudroite/img_democratie_collegial.gif) 5px 2px no-repeat;
}
#menudroite ul li.collegial a:hover{
	background:#F7F6E1 url(img/menudroite/img_votercollegial.gif) 5px 2px no-repeat;
}

#menudroite ul li.votequebec a:hover{
	background:#F7F6E1 url(img/menudroite/img_jevotequebec.gif) 5px 2px no-repeat;
}

#menudroite ul li.dispute a:hover{
	background:#F7F6E1 url(img/menudroite/img_demo_dispute.gif) 5px 2px no-repeat;
}

#menudroite ul li.programme-je-vote a:hover{
	background:#F7F6E1 url(img/menudroite/img_programme_jevoteauquebec.gif) 5px 2px no-repeat;
}


#menudroite ul li.collegial2 .menutxt{
	margin-left:65px;
	padding-top:5px;
}

#menudroite ul li .menutxt{
	margin-left:65px;
	padding-top:8px;
}

#menudroite ul li.collegial2 .plus{
	background:transparent url(img/plus.gif) 180px 0px no-repeat;
	height:11px;
	margin-top: -8px;
}
#menudroite ul li .plus{
	background:transparent url(img/plus.gif) 180px 0px no-repeat;
	height:11px;
}


#coldroite .centre {
	text-align: center;
}

#coldroite{
	position:absolute;
	left:549px;
	width: 195px;
	background-color:#EBEBB9;
	border-right:1px solid #C1C18F;
	margin:0;
	padding:0;
}

/* COLONNE DE GAUCHE */

#colgauche{
	position:absolute;
	width:87px;
	margin:0;
	padding:0;
}

/* CONTENU */
#contenu{
	padding: 10px 15px 0 20px;
	margin-left:87px;
	margin-right:196px;
	background-color:#EBEBB9;
	border-left:1px solid #C1C18F;
	border-right:1px solid #C1C18F;

}
#contenu span{display:none;}

#titre{
	height:37px;
	border-bottom:1px solid #BEBE8C;
	margin-bottom:3px;
}

#contenu .billet {
	background:transparent url(img/picto_news.gif) left top no-repeat;
	padding-left:20px;
	border-bottom:1px solid #BEBE8C;
	margin-top:15px;
}

#contenu .billet h2 {
	font-size:11px;
	color:#000;
	margin:15px 0 0 0;
}

#contenu .billet .contour {
	background-color:#E2E2B0;
	border:1px solid #CECEA1;
	margin-bottom:10px;
	padding:5px 5px 5px 10px;
	font-size:10px;
}

#contenu .billet h1 {
	font-size:14px;
	color:#CF3737;
	margin:5px 0 5px 0;
}

#contenu .billet h3 {
	font-size:11px;
	color:#000;
}

#contenu .billet h4 {
	font-size:10px;
	color:#000;
}

#contenu .billet p {
	font-size:11px;
	margin:0 0 10px 0;
}

#contenu .billet a {
	font-weight:none;
	color:#CF3737;
	text-decoration:underline;
}

#contenu .billet a:hover {
	text-decoration:none;
}

#publierpar{margin-bottom:35px;}

#contenu .suite {
	position:relative;
	background:transparent url(img/btn_suite.gif) 0 -26px no-repeat;
	height:15px;
	margin:0 0 10px 350px;
}

#contenu .suite a{background:transparent url(img/btn_suite.gif) left top no-repeat;margin-bottom:10px;}
#contenu .suite a{display:block;width:100%;height:100%;}
#contenu .suite a:hover{background-image:none;}

#retour{font-size:10px;margin-left:20px;}
#retour a{color:#CF3737;font-weight:bold;text-decoration:underline;}
#retour a:hover{text-decoration:none;}


#archives{
	background:transparent url(img/btn_archives_nouvelles.gif) left top no-repeat;
	height:19px;
	margin:10px 0 0 20px;
	width:140px;
}

#archives a{
	display:block;
	width:100%;height:100%;
}

/* FOOTER */

#footer{
	position:absolute;
	width:745px;
	height:252px;
	bottom:0;
	z-index:5;
	visibility:hidden;
}

#fillelivre{
	position:relative;
	background:transparent url(img/footer.gif) left top no-repeat;
	height:252px;
	width:592px;
	margin-left:100px;
}

#fillelivre a.lienfooterlogo{
	display:block;
	position:absolute;
	width:270px;
	height:45px;	
	top:160px;
	left:5px;
}

#fillelivre a.lienfooter{
	display:block;
	position:absolute;
	width:170px;
	height:10px;	
	top:210px;
	left:60px;
}

#fillelivre a.lienfooter2{
	display:block;
	position:absolute;
	width:170px;
	height:10px;	
	top:221px;
	left:60px;
}

#fillelivre a.lienfooter3{
	display:block;
	position:absolute;
	width:230px;
	height:10px;	
	top:230px;
	left:60px;
}



/* COMMENTAIRES */

/* FORMULAIRE */

label{
	font-weight:bold;
	font-size:10px;
	margin-left:3px;
}

#formulaire{
	padding-top:20px;
	margin-left:20px;
}

#publiercommentaire{
	background:transparent url(img/formulaire/publier_commentaire.gif) left top no-repeat;
	height:20px;
	
}
#retenirinfo{
	background:transparent url(img/formulaire/retenir_infos.gif) 0 5px no-repeat;
	height:20px;
	border-top:1px solid #BEBE8C;
	margin-bottom:14px;
}
#commentaires{
	background:transparent url(img/formulaire/commentaires.gif) 0 5px no-repeat;
	height:20px;
	border-top:1px solid #BEBE8C;
	margin-bottom:14px;
}

#voscommentaires{
	background:transparent url(img/formulaire/t_voscommentaires.gif) 0 5px no-repeat;
	height:40px;
	margin-bottom:14px;
	border-bottom:1px solid #BEBE8C;
	padding-bottom:10px;
}

#contenu .comment{
	background-color:#E2E2B0;
	border:1px solid #CECEA1;
	margin-bottom:10px;
	padding:5px 5px 5px 10px;
	font-size:10px;
}

#contenu h4{
	font-size:12px;
	color:#000;
	margin:15px 0 15px 0;
	padding-top:15px;
	border-top:1px solid #BEBE8C;
}

#contenu .comment ul{
	list-style-type:none;
	color:#CF3737;
	margin:0;
	padding:0;
}

#contenu .comment ul li{
	display:inline;
	font-weight:bold;
}

#contenu .comment ul li a{
	color:#CF3737;
	text-decoration:underline;
}

#contenu span.champObligatoire {
	display: inline;
	color: #CF3737;
}

#recherche {
 margin:15px 5px 30px 5px;
}

#erreur {
	color:#CF3737;
}

div.notes {
	border-top: 1px solid #000;
	margin-top: 8em;
	margin-bottom: 2em;
	font-size: 90%;
}

div.notes ol {
	padding-left: 20px;
}

div.notes ol li {
	margin-bottom: 0.3em;
}


.billet table td,
.billet table th {
	padding: 6px;
	border: 1px solid #000;
	font-weight: normal;
	vertical-align: top;
}

.billet table {
  width: 100%;
	border-collapse: collapse;
	margin-bottom: 1.6em;
	}

.billet table caption {
  margin-top: 2em;
  padding: 10px 0;
  font-weight: bold;
  font-size: 120%;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  background: #e8e8b1;
}