body{
	margin:0;
	padding:0;
	background-color:#fff;
	font-size:11px;
	color:#000;
	font-family: Verdana,Arial,Helvetica,Tahoma,sans-serif;
}
#entete{
	background-color:#AA0900;
}
a{
	color:#FFFFFF;
	text-decoration:underline;
}
a:hover{
	color:#AA0900;
}
#logo{
	margin-bottom:6px;
	background:url(../img/accueil/logo_fondrouge.gif) 0 0px no-repeat;
	width:278px;height:109px;
	/*width:193px;height:109px;*/
}
#logo a {width:100%; height:100%; display:block;}

#bouton_aidecontextuelle{
	background:url(../img/aide/pointdinterrogation.gif) 0 0px no-repeat;

	position:absolute;
	top:10px;
	left: 700px;
	width:20px;
	height:14px;
	z-index:20;

/*	color:#000000;
	font-weight:bold;
	font-size:15px;
	background-color:#FFFFFF;
	border:2px solid #000000;
	width:20px;
	height:20px;
	text-decoration:none;
	text-align:center;
*/
}

#contenuentete{
	position:relative;
	width:742px;height:190px;
	margin:0 auto;
}
#titre_erreur{
	background:url(../img/404/t_tuesperdu.gif) no-repeat;
	width:285px;height:74px;
	position:relative;
	top:1px;
}
#contenant{
	position:relative;
	width:742px;
	margin:0 auto;
	padding-bottom:60px;
	background:url(../img/accueil/textureblanchebas.gif) left bottom no-repeat;
}
#contenu_erreur{
	position:relative;
	top:40px;
	height:140px;
	color:#FFFFFF;
}
#contenu_erreur a {text-decoration:underline; font-weight:bold; color:#FFFFFF;}
#contenu_erreur a:hover {text-decoration:none;}

#centre{
	background-color:#000;
}
#flashtop{
	position:absolute;
	top:0;left:285px;
	width:457px;
	height:200px;
}
#login{
	background:url(../img/accueil/fond_motdepasse.gif) no-repeat;
	width:285px;height:75px;
	position:relative;
}

form{margin:0;padding:0;}

#acceder{
	margin-top:5px;
	margin-right:7px;
	background:url(../img/accueil/roll_acceder.gif) 0 -22px no-repeat;
	width:54px;height:11px;
	overflow:hidden;
	float:right;
}
#acceder a{
	background:url(../img/accueil/roll_acceder.gif) no-repeat;
	display:block;
	width:100%;height:100%;
}

#controles_usager{
	padding-top:20px;
	padding-left:30px;
}

#controles_usager p{
	margin:0;padding:0;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
}
#erreur_login{
	padding-top:2px;
	padding-left:20px;
	font-size:9px;
	color:#FFFFFF;
}

#avertissement_login{
	position:absolute;
	color:#FFFFFF;
	font-size:9px;
	
	position:absolute;
	margin-top:25px;
	margin-left:0px;
}

/**** debut modif ph ****/

#modifier_ton_profil{
	position:absolute;
	left:30px;
	margin-top:10px;
	margin-left:13px;
	background:url(../img/accueil/roll_profil.gif) 0 -22px no-repeat;
	width:110px;height:11px;
	overflow:hidden;
	/*float:left;*/
}
#modifier_ton_profil a{
	background:url(../img/accueil/roll_profil.gif) no-repeat;
	display:block;
	width:100%;height:100%;
}
#ton_dossier{
	position:absolute;
	left:159px;
	margin-top:10px;
	margin-left:7px;
	background:url(../img/accueil/roll_carnetpersonnel.gif) 0 -22px no-repeat;
	width:104px;height:11px;
	overflow:hidden;
	/*float:left;*/
}
#ton_dossier a{
	background:url(../img/accueil/roll_carnetpersonnel.gif) no-repeat;
	display:block;
	width:100%;height:100%;
}

#modifier_ton_profil a:hover,#ton_dossier a:hover{background-image:none;}

#modifier_ton_profil_prof{
	position:absolute;
	left:30px;
	margin-top:10px;
	margin-left:13px;
	background:url(../img/prof/btn_modifierprofil.gif) 0 -22px no-repeat;
	width:110px;height:11px;
	overflow:hidden;
	/*float:left;*/
}
#modifier_ton_profil_prof a{
	background:url(../img/prof/btn_modifierprofil.gif) no-repeat;
	display:block;
	width:100%;height:100%;
}
#section_prof{
	position:absolute;
	left:159px;
	margin-top:10px;
	margin-left:7px;
	background:url(../img/prof/btn_sectionprof.gif) 0 -22px no-repeat;
	width:90px;height:11px;
	overflow:hidden;
	/*float:left;*/
}
#section_prof a{
	background:url(../img/prof/btn_sectionprof.gif) no-repeat;
	display:block;
	width:100%;height:100%;
}
#modifier_ton_profil_prof a:hover,#section_prof a:hover{background-image:none;}


#deconnexion   {position:absolute; left:200px; background:transparent url(../img/orange/roll_deconnexion.gif) 0px -22px no-repeat; width:74px; height:11px;overflow:hidden}
#deconnexion a {background:transparent url(../img/orange/roll_deconnexion.gif) left top no-repeat; width:100%; height:100%; display:block;}
#deconnexion a:hover{background-image:none;}

/**** fin modif ph ****/

#trou{
	margin-top:3px;
	margin-left:20px;
	background:url(../img/accueil/roll_troudememoire.gif) 0 -22px no-repeat;
	width:91px;height:11px;
	overflow:hidden;
}
#trou a{
	background:url(../img/accueil/roll_troudememoire.gif) no-repeat;
	display:block;
	width:100%;height:100%;
}
#acceder a:hover,#trou a:hover{background-image:none;}

#haut1{
	background:url(../img/accueil/texture_haut.gif) no-repeat;
	width:742px;height:21px;
}
#contenu1{
	background-color:#AA0900;
	width:728px;
	margin-left:7px;
	position:relative;
}
#bas1{
	background:url(../img/accueil/texturebas.gif) no-repeat;
	width:742px;height:26px;
	position:relative;
}

#bas1 a{
	position:absolute;
	width:110px;height:20px;
	top:15px;left:610px;
	display:block;
}

#situation{
	background:url(../img/accueil/texture_bas_besoindaide.gif) no-repeat;
	width:530px;height:20px;
	position:relative;
	margin-bottom:15px;
}

#situationbtn{
	position:absolute;
	left:350px;
	background:url(../img/accueil/roll_touteslessituations.gif) 0 -40px no-repeat;
	width:180px;height:20px;
}
#situationbtn a{
	background:url(../img/accueil/roll_touteslessituations.gif) no-repeat;
	width:180px;height:20px;
	display:block;
}
#situationbtn a:hover{background-image:none;}

#aide{height:228px;}
#clips{position:relative;margin-top:15px;}

#avoir{
	position:absolute;
	left:533px;top:0;
}

#footer{
	background-color:#fff;
}
#footercontenu{
	width:742px;
	margin:0 auto;
	text-align:center;
}
#footercontenu a{
	color:#000000;
}
#gouvlogo{
	margin-top:20px;
	background:url(../img/accueil/logo_quebec.gif) 50% 0 no-repeat;
	width:742px; height:28px;
}
#footercontenu p{color:#000;font-size:10px;margin-top:0px;}



/*<!-- Tag pour les champs des page créer groupe, inscription ect... -->*/

#forminscription{background-color:#FF6600; width:671px; margin:0 auto;}
#formcourrier{background-color:#FF6600; width:671px; margin:0 auto;}	
			
#hautinscription{background:url(/img/inscription/top_scratch.gif) no-repeat; height:10px;}
#basinscription{background:url(/img/inscription/bas_scratch.gif) no-repeat; height:10px;}

.messageEnteteInscription{
	padding-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.champs{background:url(/img/inscription/etoile.gif) 5px 5px no-repeat; padding-left:20px; height:40px; margin-left:10px; }
.champs_textarea{background:url(/img/inscription/etoile.gif) 5px 5px no-repeat; padding-left:20px; height:80px; margin-left:10px; }

.champs2{float:right; background:url(/img/inscription/etoile.gif) 5px 5px no-repeat; padding-left:20px; padding-right:100px;}
.champs3{float:right;  padding-left:20px; padding-right:100px;}
.champs4{padding-left:20px; margin-left:10px; padding-top:15px;}
.champs5{padding-left:20px; height:40px; margin-left:10px;}
.champs_nonobligatoire{padding-left:20px; height:40px; margin-left:10px;}
.champs_meq{padding-left:20px; height:40px; margin-left:10px;}
.champs_indication{padding-left:20px; height:30px; margin-left:10px;}

.champsinscription{font-weight:bold; font-size:11px; border:0; padding:3px;width:200px;}
.champsinscription_textarea{font-weight:bold; font-size:11px; border:0; padding:3px;width:400px; font-family:  Verdana, Helvetica;}
.champsgroupe{font-weight:bold; font-size:11px; border:0; padding:3px;width:200px;}
.descgroupe{font-weight:bold; font-size:11px; border:0; padding:3px;width:600px; height:60px; font-family: Verdana, Helvetica;}

.obligatoire{background:url(/img/inscription/etoile.gif) 5px 0 no-repeat;color:#FFBF93; font-size:10px; padding-left:20px; font-weight:bold;margin-left:10px; }
.changement{color:#FFBF93; font-size:10px; padding-left:20px; font-weight:bold;margin-left:10px; }
.changement a{color:#FFBF93; font-size:10px;}

.jeminscrit{float:right; margin-right:100px;}
ul.red { padding: 0px; margin: 0px; list-style-type:none;}
ul.red li {margin:0 10px 10px 10px; padding: 2px 2px 2px 2px; color:#FFF; background-color:#FB2502;}
p.red{margin:0 15px 15px 15px; color:#FFF; background-color:#FB2502;}
p.boldblanc{font-weight:bold; color:#FFF; padding:15px 55px 15px 55px;}

#retouraccueil{
	position:absolute;
	top:75px; left:225px;
	background:url(../img/orange/roll_accueil.gif) left top no-repeat;
	width:53px; height:40px;
}
#retouraccueil   {background:transparent url(../img/orange/roll_accueil.gif) 0px -80px no-repeat; width:53px; height:40px;}
#retouraccueil a {background:transparent url(../img/orange/roll_accueil.gif) left top no-repeat; width:100%; height:100%; display:block;}
#retouraccueil a:hover{background-image:none;}

#retouraccueil_rouge{
	position:absolute;
	top:75px; left:225px;
	background:url(../img/inscription/roll_accueil_rouge.gif) left top no-repeat;
	width:53px; height:40px;
}
#retouraccueil_rouge   {background:transparent url(../img/inscription/roll_accueil_rouge.gif) 0px -80px no-repeat; width:53px; height:40px;}
#retouraccueil_rouge a {background:transparent url(../img/inscription/roll_accueil_rouge.gif) left top no-repeat; width:100%; height:100%; display:block;}
#retouraccueil_rouge a:hover{background-image:none;}

/*** charte ***/
#charte{
  width:671px;
  margin:0 auto;
  background:#000;
}

#charte ul{
  width:611px;
  margin:0;padding:0 30px;
  list-style:none;
}
#charte ul li{
  float:left;
  display:inline;
  margin:0 5px 5px 0;
  position:relative;
  color:#FFF;
}

#charte ul li.done{
  color:#AA0900;
  font-weight:bold;
  background:url(../img/charte/fleche.gif) 0 3px no-repeat;
  padding-left:7px;
}
#charte ul.puces{
	float:none;
}
#charte ul.puces li{
	float:none;
	list-style:inside;
	display:block;
	padding-left:20px;
}

#charte ul li a{
  color:#FFF;
}
#charte h2{
  color:#AA0900;
  font-size:20px;
  border-bottom:1px solid #AA0900;
  padding:20px 0 3px 30px;
  margin:0;
}

#utlisateur{
  /*float:left;
  width:333px;*/
  padding:0 0 20px 0;
}
#utlisateur a{
  /*float:left;
  width:333px;*/
	color:#FFFFFF;
	text-decoration:underline;
}
#modalite{
  background:url(../img/charte/back.gif) repeat-y;
  padding:0 0 20px 338px;
}

#utlisateur h3,#modalite h3{
  color:#FF6600;
  font-size:16px;
  margin:0;
  padding:20px 30px 0;
}


#utlisateur p,#modalite p{
  color:#FFF;
  padding:0 30px;
}