/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : Centre jeunesse des Laurentides
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			stylesforeditor.css.
// Date   : 28 mai 2008
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color:#535353;
	background:#666049;
	margin-top:20px;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#00a3b3;
	font-size:2.4em;
	font-weight:bold;
}
h2{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:16px;
}
h3{
	color:#00a3b3;
	font-size:1.1em;
	font-weight:bold;
	margin:10px 0 10px 0;
}
h4{
	color:#524d3b;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:30px;
}
h5{
	color:#524d3b;
	font-weight:bold;
	margin:20px 0 10px 0;
	font-size:1.2em;
}
h6{
	color:#524d3b;
	font-weight:bold;
	margin:10px 0 10px 0;
}
a{
	color:#00a3b3;
}
a:hover, #MenuSecondaire a:hover{
	color:#c51f7f;
}
hr{
	background:#e5e4e0;
	height:10px;
	border:0;
	color:#e5e4e0;
	height:1px;
	margin:10px 0 5px 0;
	padding:0;
	clear:both;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
#wrapper {
	width: 935px;
	margin: 0 auto;
}
.clearer{
	clear:both;
}
.BlocGlobal{
	width:933px;
	background-color:#FFF;
	border:1px solid #e7e7e7;
}
.BlocConteneur{
	width:924px;
	margin:0 auto;
	padding:4px;
}
#EnteteCentre{
	background:url(../images/Img_Entete.gif) no-repeat;
	width:924px;
	height:130px;
	position:relative;
}
#EnteteCentre #Logo{
	width:177px;
	height:101px;
	position:absolute;
	left:12px; top:12px;
}
#EnteteCentre h2{
	background:url(../images/Bg_JeunesseRichesse.gif) no-repeat;
	width:265px;
	height:66px;
	display:block;
	text-indent:-100em;
	position:absolute;
	left:236px; top:32px;
	overflow:hidden;
}
#BlocRecherche{
	width:230px;
	float:right;
	margin-top:35px;
}
#BlocRecherche li{
	font-weight:bold;
	background:url(../images/Separateur_mauve.gif) no-repeat;
	float:left;
	padding:0 12px 0 12px;
}
#BlocRecherche li a{
	color:#524d3b;
	text-decoration:none;
}
#BlocRecherche li a:hover{
	color:#c51f7f;
}
#MenuPrincipal{
	background-color:#373427;
	width:924px;
	height:39px;
}
#MenuPrincipal li{
	float:left;
}
#MenuPrincipal a{
	display:block;
	height:39px;
	text-indent:-100em;
	overflow:hidden;
}
.MenuQuiSommesNous a, .MenuQuiSommesNousActif a{
	background:url(../images/Menu_QuiSommesNous.gif) no-repeat;
	width:187px;
}
.MenuQuiSommesNousActif a{
	background:url(../images/Menu_QuiSommesNous-actif.gif) no-repeat;
}
.MenuNosServices a, .MenuNosServicesActif a{
	background:url(../images/Menu_NosServices.gif) no-repeat;
	width:148px;
}
.MenuNosServicesActif a{
	background:url(../images/Menu_NosServices-actif.gif) no-repeat;
}
.MenuNosPublications a, .MenuNosPublicationsActif a{
	background:url(../images/Menu_NosPublications.gif) no-repeat;
	width:179px;
}
.MenuNosPublicationsActif a{
	background:url(../images/Menu_NosPublications-actif.gif) no-repeat;	
}
.MenuNosEmplois a, .MenuNosEmploisActif a{
	background:url(../images/Menu_NosEmplois.gif) no-repeat;
	width:142px;
}
.MenuNosEmploisActif a{
	background:url(../images/Menu_NosEmplois-actif.gif) no-repeat;	
}
.MenuVosDroits a, .MenuVosDroitsActif a{
	background:url(../images/Menu_VosDroits.gif) no-repeat;
	width:131px;
}
.MenuVosDroitsActif a{
	background:url(../images/Menu_VosDroits-actif.gif) no-repeat;
}
.MenuLiensUtiles a, .MenuLiensUtilesActif a{
	background:url(../images/Menu_LiensUtiles.gif) no-repeat;
	width:137px;
}
.MenuLiensUtilesActif a{
	background:url(../images/Menu_LiensUtiles-actif.gif) no-repeat;
}
.MenuQuiSommesNous a:hover, .MenuNosServices a:hover, .MenuNosPublications a:hover, 
.MenuNosEmplois a:hover, .MenuVosDroits a:hover, .MenuLiensUtiles a:hover{
	background-position:0 -39px;
}
a.LienSpecial{
	color:#c51f7f;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-size:10px !important;
	font-weight:bold;
	background:url(../images/Img_FlecheLien.gif) no-repeat right 2px;
	padding-right:15px;
	text-decoration:none;
}
a.LienSpecial:hover{
	text-decoration:underline;
}
#BasPage{
	font-size:1.1em;
	color:#beb48f;
	width:915px;
	background-color:#80795e;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
	margin:3px 0 20px 0;
	padding:0 0 0 20px;
}
#BasPage p{
	float:left;
	line-height:24px;
	margin:0 12px 0 0;
}
#BasPage a {
	color:#beb48f;
	text-decoration:none;
}
#BasPage a:hover {
	text-decoration:underline;
}
#BlocContenuInt, #BlocContenuAcc {
	width:724px;
	padding:4px 4px 0 0;
	float:left;
}
/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
#ImageChanger{
	position:relative;
	display:block;
	float:left;
	background-image:url(../images/Img_accueil_generique.jpg);
	width:411px;
	height:188px;
	overflow:hidden;
}
#ImageChanger img{
	position:absolute;
}
#MenuAccueil{
	width:308px;
	float:left;
	margin-left:4px;
}
#MenuAccueil a{
	width:308px;
	height:60px;
	display:block;
	margin-bottom:4px;
	text-indent:-100em;
	overflow:hidden;
}
#MenuAccueil a:hover{
	background-position:0 -60px;
}
#MenuAccueil .MenuSignaler a{
	background-image:url(../images/Menu_Signaler.gif);
}
#MenuAccueil .MenuFamille a{
	background-image:url(../images/Menu_FamilleAccueil.gif);
}
#MenuAccueil .MenuAdopter a{
	background-image:url(../images/Menu_Adopter.gif);
}
#BlocPresentation{
	width:367px; /* Réel: 412px */
	min-height:200px;
	padding:35px 18px 0 27px;
	background:url(../images/Bg_TexteAccueil.jpg) no-repeat top;
	float:left;
}
#BlocPresentation h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#666049;
	font-size:1.1em;
	margin-bottom:16px;
	font-weight:bold;
}
.TitreAccueil{
	background:url(../images/Ti_MissionValeurs.gif) no-repeat;
	width:271px;
	height:23px;
	text-indent:-100em;
	overflow:hidden;
}
.TextePresentation{
	font-weight:bold;
	color:#a7a7a7;
	line-height:18px;
	margin:24px 0 30px 0;
}
#ServicesAccueil{
	width:298px;
	margin:4px 0 0 10px;
	float:left;
}
#ServicesAccueil li.Item{
	background:url(../images/Puce_Speciale.gif) no-repeat center top;
	width:100px;
	height:62px;
	padding:10px 15px 0 25px;
	float:left;
}
.SansBordure{
	background:url(../images/Puce_SpecialeSansBordure.gif) no-repeat center top !important;
}
#ServicesAccueil a{
	color:#535353;
	text-decoration:none;
}
#ServicesAccueil a:hover{
	color:#c51f7f;
}
.Separateur{
	width:3px;
	height:72px;
	background:url(../images/Bg_Bordure.gif) repeat-y;
	float:left;
	margin-right:10px;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
.BgEntete{
	display:block;
	text-indent:-100em;
	width:724px;
	height:133px;
	margin:0;
	overflow:hidden;
}
#BlocContenuInt p, #BlocContenuInt li{
	color:#666049;
	font-size:1.1em;
	line-height:16px;
}
#BlocContenuInt p{
	margin:0 0 12px 0;
}
#BlocContenuInt h1{
	margin-bottom:14px;
}
#ZoneContenu, #ZoneContenuFull{
	width:438px;
	padding:30px;
	float:left;
}
#ZoneContenuFull{
	width:650px !important;
}
#BlocLiensDroite{
	width:182px;
	padding:7px;
	background-color:#ededeb;
	float:left;
	margin-top:4px;
}
#BlocLiensDroite p{
	margin-top:15px;
}
#LiensDroite{
	padding:0 10px 0 15px;
}
#EnteteQuiSommesNous{
	background:url(../images/Img_QuiSommeNous.jpg);
}
#EnteteNosServices{
	background:url(../images/Img_NosServices.jpg);
}
#EnteteNosPublications{
	background:url(../images/Img_NosPublications.jpg);
}
#EnteteNosEmplois{
	background:url(../images/Img_NosEmplois.jpg);
}
#EnteteVosDroits{
	background:url(../images/Img_VosDroits.jpg);
}
#EnteteLiensUtiles{
	background:url(../images/Img_LiensUtiles.jpg);
}
#EnteteQuestions{
	background:url(../images/Img_DesQuestions.jpg);
}
#EnteteDPJ{
	background:url(../images/Img_SignalerDPJ.jpg);
}
#EnteteFamilleAccueil{
	background:url(../images/Img_FamilleAccueil.jpg);
}
#EnteteAdopter{
	background:url(../images/Img_Adopter.jpg);
}

/*- Styles pour sous menus ----------------------------------------------------*/

#MenuPrincipalSecondaire{
	width:226px;
	background:url(../images/Bg_diagonales.gif) repeat-y bottom;
	float:left;
	margin-top:4px;
}
#FondDegrade{
	width:226px;
	background: url(../images/Bg_diagonalesFade.gif) repeat-x bottom;
	float:left;
}
#MenuSecondaire{
	background-color:#FFF;
	width:170px; /* Réel: 214px */
	margin:6px;
	padding:22px;
	padding-bottom:170px;
}
#MenuSecondaire h2{
	background:url(../images/Bg_Bordure.gif) repeat-x bottom;
	padding-bottom:6px;
	margin-bottom:7px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666049;
	font-size:1.1em;
}
#MenuSecondaire h2 a{
	font-family:Arial, Helvetica, sans-serif;
	color:#666049;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}
#MenuSecondaire a{
	font-family:Arial, Helvetica, sans-serif;
	color:#666049;
	text-decoration:none;
}

/*- Styles pour menus déroulants ----------------------------------------------*/


/*- Styles pour Plan du site --------------------------------------------------*/


/*- Styles pour formulaires ----------------------------------------------------*/
label{
	float:left;
	margin-bottom:10px;
}

.TxtBox, .TxtArea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#81725e;
	margin-left:5px;
	width:305px;
	border:1px solid #d3d7da;
	font-size:11px;
	height:16px;
	float:left;
}
.TxtRecherche{
	color:#81725e;
	padding-left:5px;
	width:152px !important;
	float:left;
	border:1px solid #FFF;
	margin:12px 0 0 12px;
	font-size:11px;
	height:16px;
}
.BtAllez{
	width:43px;
	height:18px;
	background:url(../images/Bt_Allez.gif) no-repeat;
	float:left;
	margin-top:12px;
}
.BtAllez:hover{
	background-position:0 -18px;
}
.TxtErreur {
	font-size: 1.1em;
	color: #FF0000;
	float:left;
	margin-left:5px;
}
.TxtArea {
	height:88px !important;
}
.FormLabel{
	color:#666049;
	font-weight:bold;
	font-size:10px;
	width:110px;
	float:left;
}
.SelectList {
	font-size: 1.1em;
	color: ;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.Btn {
	font-size:1em;
	color:#ffe99a;
	font-weight:bold;
	background:url(../images/Bg_Boutons.gif) repeat-x;
	background-color:#3d3a2b;
	border: 1px solid #373427;
	padding: 0 14px 0 14px;
	overflow: visible;
	height:20px;
	margin:0 5px 0 5px;
	_margin:0 5px 0 2px;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TexteSpecial {
	color: #d5aa19;
	font-weight:bold;
}
.TextSpecial2{
	color:#00a3b3;
}
.TextePetit {
	font-size: 0.9em;
}
.TextePale{
	color:#797878;
}
.TexteActif{
	color:#c51f7f !important;
}

/*- Classes pour les hyperliens ----*/


/*- Classes pour les images ----*/
img.ImageDroite{
	float:right;
	margin-left:10px;
}
img.ImageGauche{
	float:left;
	margin-right:10px;
}
img.ImageEspace{
	margin-bottom:7px;
}
img.ImageContour{
	float:left;
	margin-right:10px;
	padding:8px;
	border:1px solid #e5e4e0;
}

/*- Classes pour les listes ----*/
#ZoneContenu ul{
	margin: 0 0 12px 15px;
	padding: 0;
}
#ZoneContenu ul li {
	list-style: disc outside url(../images/Puce_Liste.gif);
	padding: 0 0 5px 0;
}
#ZoneContenu ol {
	margin: 0 0 12px 24px;
	padding: 0;
}
#ZoneContenu ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
}
#MenuSecondaire ul{
	margin: 0 0 15px 15px;
	padding:2px;
	list-style:url(../images/Puce_Fleche.gif);
}

/*- Classes pour les tableaux ----*/
table.Tableau {
	padding: 0 0 0 0;
	border:1px solid #ecede5;
}
table.Tableau td{
	font-size:10px;
	color:#989797;
	background-color:#f6f6f6;
	padding:5px 10px 5px 10px;
	vertical-align: top;
}
table.Tableau td.CelluleTitre, td.CelluleTitre{
	font-size: 1.1em;
	color:#00a3b3;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	background-color:#e5f6f7;
	padding:5px 10px 5px 10px;
	vertical-align: top;
}
table.Tableau td.CelluleSousTitre, td.CelluleSousTitre {
	font-size:10px;
	font-weight:bold;
	color:#989797;
	background-color:#FFF;
	padding:5px 10px 5px 10px;
	vertical-align: top;
	background:url(../images/Bg_Bordure.gif) repeat-x bottom;
}
/*--------------------------------------------------------------------------*/

#BlocVideo{
	width:182px;
	margin-bottom:20px;
}
#BlocVideo p{
    margin-top:9px;
}
#BlocVideo h4{
    margin:2px 0 3px 0;
}
#BlocVideo a{
	width:182px;
	height:103px;
	display:block;
}
#BlocVideo img{
	width:182px;
	height:103px;
	display:block;
}
#VideoPlayer p{
    font-size:12px;
}