/* CSS Document */

/****************CSS de base (Romain)**************/
body{
margin:0px;
padding:0px;
background:#f9d688 url(../interface/site/bg_site.jpg) no-repeat center top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#3b728d;
}

body.free_popup{ 
    background:none
}

body.page_system_preview{
    background:none
}
p{
	MARGIN: 0cm 0cm 0pt;
}

p, td, div, span, ul, li, .normaltexte {
	color : #3b728d; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size : 12px; 
}


.petit {font-size : 10px;}
.textCentre{
 margin-bottom: 20px;
}
.contenu a {
	color : #3b728d;
	text-decoration : underline;
}

.textCentre a:hover {
	color : #999999;
	text-decoration : underline;
}
.ttitre {
	color: #CC6600;
	font-weight: bold;
	font-size: 16px;
	/*background-image: url(../interface/rule.gif);*/
	background-repeat:no-repeat;
	background-position: bottom;
	width: 100%;
	padding-bottom: 5px;
}

.titre, .stitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CC6600;
	text-decoration:none;
}
.titre:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration:none;
	
}

.alert, .message  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
}

hr {
	color: #CCCCCC;
	height:1px;
}

.date{
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	font-style:italic;
}

.lienSuite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CC6600;
	text-decoration:none;
}
.lienSuite:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration:none;
}

.lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CC6600;
	text-decoration:none;
}
.lien:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration:none;
}

label {
	display: inline;
	text-align: left;
	width: 250px;
	padding: 0 20px 5px 30px;
	float: left;
	margin-bottom: 10px;
}
input {
	font: 12px "Trebuchet MS", sans-serif;
	color: #496B91;

	display: inline;
}

checkbox {
	display: inline;
}
submit {
  font:  13px "Trebuchet MS", arial, sans-serif;
  color:white;
border: solid 1px black;
background-color:#FF9900;
float:right;
}

br { clear:both;}


#new_enfant{
	/*width: 500px;*/
}

.conteneurFieldset{
	width:200px;
}


/* Rollover sur une carte en utilisant la pseudo-class hover */
/* general */
#carte{
	width: 380px;
	height: 270px;
	background: url(../interface/site/Outaouais_base.jpg) no-repeat;
	/*margin: 10px auto; facultatif */
	padding: 0;/* facultatif */
	position: relative;
}
#carte li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; text-indent:-99999px;}
/* grandeur et positionnement */
#secteur1 {left: 199px; top: 35px; width: 199px; height: 124px; z-index:10; background-repeat:no-repeat; background-position: -199px -238px;}
#secteur2 {left: 141px; top: 114px; width: 62px; height: 58px; z-index:9; background-repeat:no-repeat; background-position: -141px -926px;}
#secteur3 {left: 82px; top: 105px; width: 61px; height: 67px; z-index:8; background-repeat:no-repeat; background-position: -82px -511px;}
#secteur4 {left: 0px; top: 57px; width: 81px; height: 115px; z-index:7; background-repeat:no-repeat; background-position: 0px -666px;}
#secteur5 {left: 81px; top: 52px; width: 60px; height: 62px; z-index:6; background-repeat:no-repeat; background-position: -81px -255px;}
#secteur6 {left: 114px; top: 19px; width: 153px; height: 95px; z-index:5; background-repeat:no-repeat; background-position: -114px -831px;}
#secteurMtlouest {left: 0px; top: 122px; width: 200px; height: 81px; z-index:4; background-repeat:no-repeat; background-position: 0px -325px;}
#secteurMtlest {left: 181px; top: 108px; width: 219px; height: 95px; z-index:3; background-repeat:no-repeat; background-position: -181px -717px;}
#secteurLauren {left: 0px; top: 0px; width: 205px; height: 87px; z-index:2; background-repeat:no-repeat; background-position: 0px -406px;}
#secteurLanau {left: 200px; top: 0px; width: 200px; height: 105px; z-index:1; background-repeat:no-repeat; background-position: -200px -609px;}

#pixelTransparent{
 position:absolute;
 left:0;
 top:0;
 z-index:12;
}
#mapLien{
 position:absolute;
 left:0;
 top:0;
 z-index:11;
}



/**************fin CSS de base Romain*****************/
/**************CSS d'interface (MARC)*****************/

	.maintable{
		margin-left:auto;
		margin-right:auto;
		
	}
	.cont_titre_section{
		background:url(../interface/site/bg_titre_section.gif) no-repeat left;
		padding:15px 30px 0px 42px;
		text-decoration:none;
		color:#2ea5db;
		font-size:16px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		height:48px;
		font-weight:bold;
	}
	.titre_section{
		text-decoration:none;
		color:#2ea5db;
		font-size:16px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	.titre_pub{
		padding:15px 30px 0px 17px;
		text-decoration:none;
		color:#59463d;
		font-size:12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
		margin-bottom:10px;
	}
	.cont_site{
		
	}
	.contenueur_coll_left{
		background:#fcfcfc;
	}
	.a_sousmenu{
		display:block;
		background:url(../interface/site/puce_smenu.gif) no-repeat left;
		padding:15px 20px 15px 20px;
		text-decoration:none;
		color:#666666;
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-left:17px;
	}
	.a_sousmenu:hover{
		background:url(../interface/site/puce_smenu_active.gif) no-repeat left;
		font-size:10px;
		font-weight:bold;

	}
	
	.a_sousmenu_active{
		display:block;
		background:url(../interface/site/puce_smenu_active.gif) no-repeat left;
		padding:15px 20px 15px 20px;
		text-decoration:none;
		color:#666666;
		font-size:10px;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-left:17px;
	}
	.a_soussousmenu{
		display:block;
		padding:10px 20px 10px 25px;
		text-decoration:none;
		color:#666666;
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-left:17px;
	}
	.a_soussousmenu:hover{
		font-size:10px;
		font-weight:bold;

	}
	
	.a_soussousmenu_active{
		display:block;
		padding:10px 20px 10px 25px;
		text-decoration:none;
		color:#666666;
		font-size:10px;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-left:17px;
	}
	
	.colright{
		padding-top:12px;
		/*background:url(../interface/site/bg_col_left.gif) repeat-y left;*/
		
	}	
	.cont_sec{
		height:33px;
		text-align:right;
		margin-right:44px;
	}	
	.boutonSecond{
		color:#ffffff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:none;
		font-weight:bold;
	}		
	.boutonSecond:hover{
		color:#ffffff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:underline;
		font-weight:bold;
	}				
	.contenu{
		text-align:left;
		padding:5px 25px 20px 10px;
		color:#3b728d;
	
	}	
	.collright{
		margin:0px 0px 0px 0px;
	}
	.formDroit{
		margin-left:22px;
	}
	.conteneur_menu_1{
		width:100px;
	}
	.conteneur_menu_2{
		width:140px;
	}
	.conteneur_menu_3{
		width:140px;
	}
	.conteneur_menu_4{
		width:125px;
	}
	.conteneur_menu_5{
		width:125px;
	}
	.conteneur_menu_6{
		width:100px;
	}
	.a_menu_princ{
		font-size:12px;
		padding-top:5px;
		padding-left:10px;
		display:block;
		height:31px;
		font-weight:bold;
		color:#c7dee3;
		text-decoration:none;
		text-transform:none;

	}
	.a_menu_princ:hover{
		color:#ffffff;
		text-decoration:none;
	}	
	.a_menu_princ_active{
		font-size:12px;
		padding-left:10px;
		font-weight:bold;
		padding-top:5px;
		height:31px;
		display:block;
		color:#ffffff;
		text-decoration:none;
		text-transform:none;
		background:url(../interface/site/bg_btn_princ.gif) repeat-y right;
	}
	.btn_acces{
		margin-top:10px;
	}
	.user{
		margin-top:10px;
	}
	.mdp{
		margin-top:10px;
	}
	.bas_page{
		width:860px;
		margin-left:auto;
		margin-right:auto;
		background:url(../interface/site/bottom_site.gif) right no-repeat;
		height:64px;
		padding-left:75px;
		
	}
	.copyright{
		color:#98cce4;
		text-decoration:none;
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-top:5px;
	}
	.lien_bas_page{
		color:#FFFFFF;
		text-decoration:none;
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	.textedroit{
		text-align:center;
	}	
/**************fin CSS d'interface (MARC)*****************/


/**********************************************************/
/******************** CSS ERIC ****************************/
/**********************************************************/
#fiche_cpeDiv{ float: right; }

#cpe_dispoWrapper .texte_normal{
 margin-top: 20px;
 color : #666666;
}
	#cpe_dispoWrapper .texte_normal .mapWrapper{
	 position: absolute;
	}

	#cpe_dispoWrapper .texte_normal a{
	 color : #C60;
	}
		#cpe_dispoWrapper .texte_normal .cpe_all_list_TableTitle{
		 padding-top: 285px;
		 font-weight: 900;
		}
		#cpe_dispoWrapper .texte_normal a.cep_all_list_Link1{
		 display: block;
		 color : #C60;
		 padding-left: 10px;
		}
		#cpe_dispoWrapper .texte_normal div.cep_all_list_Text1{
		 font-weight: 900;
		 padding-top: 20px;
		}
		#cpe_dispoWrapper .texte_normal div.cep_all_list_Text1 a{
		 color : #C60;
		 font-weight: 900;
		}
		#cpe_dispoWrapper .texte_normal div.cpe_all_list_DetailDiv{

		}

	.imageDivTitle{
	 position: relative;
	 top: -20px;
	 padding-left: 20px;
	 padding-right: 20px;
	 text-align: left;
	}
		.imageDivTitle2{
		 background-color: white;
		 padding-left: 5px;
		 padding-right: 5px;
		 text-align: center;
		 height: 40px;
		 color: #4491A1;
		 font-weight:bold;
		}

	.imageDivTable{
	 border: 2px solid silver;
	}


	.cpePhotoDiv{
	 border-top: 2px solid silver;
	 border-left: 2px solid silver;
	 border-right: 2px solid silver;
	 padding-bottom: 12px;
	 float: right;
	 text-align: center;
	 width: 220px;
	 height: 140px;
	}
	.cpeMenuficheDiv{
	 border-left: 2px solid silver;
	 border-right: 2px solid silver;
	 float: right;
	 padding-left: 10px;
	}
		.cpeMenuficheDiv{
		 padding-top: 10px;
		 width: 210px;
		 text-align: center;
		 float: right;
		 clear:right;
		}
			.cpeMenuficheTD{
			 padding-left: 10px;
			}
			
		.cpeMenuficheDivWhiteSpacer{
		 position: relative;
		 top: 2px;
		 background-color: white;
		 height: 2px;
		 width: 205px;
		 margin-left: -10px;
		}
		
	.cpe_infodetailDiv{
	 border: 2px solid silver;
	 padding: 10px;
	 width: 300px;
	 float: right;
	 height: 330px;
	 oveflow: auto;
	}
		.cpeserviceDiv{
			float: inherit;
		}
	

.cpe_histo_enfantDivTop{
 margin-top: 20px;
 border: 3px groove silver;
}
	.title1{
	 position: relative;
	 top: -16px;
	}
	.title2{
	 margin-left: 10px;
	 padding-left: 10px;
	 padding-right: 10px;
	 background-color: white;
	}
.cpe_histo_enfantDivBottom{
 margin-top: 10px;
 border: 3px groove silver;
}

.cpe_detail_dossierDivTop{
 margin-top: 20px;
 border: 2px dashed silver;
 width:625px;
 padding:5px;
}
	.cpe_detail_dossierDivTop .leftTop{
	 /*width: 370px;*/
	 
	 overflow: auto;
	 border: 2px solid silver;
	}
		.leftTop .modifier_listCPE{
		 margin-top: 5px;
		 margin-bottom: 5px;
		}

	.cpe_detail_dossierDivTop .titleLink{
	 padding-bottom: 10px;
	 font-weight: 900;
	 font-size: 13px;
	}
	.cpe_detail_dossierDivTop .title{
	 padding-bottom: 10px;
	 font-weight: 900;
	 font-size: 15px;
	}
	.cpe_detail_dossierDivTop .normal{
	 padding-left: 20px;
	 padding-bottom: 10px;
	}
	
	.cpe_detail_dossierDivTop .leftMiddle{
	margin-top:15px;
	 /*width: 255px;*/
	 height: 300px;
	 border: 2px solid silver;
	 overflow: auto;
	 padding: 10px;
	}
		.cpe_detail_dossierDivTop .leftMiddle .normal{
		 padding-left: 10px;
		}
		
.cpe_new_dossierDivInfoSurEnfant{
 margin-bottom: 10px;
 padding: 10px;
 background-color: #c7dee3;
}		
		
.inputBoxSmaller{
 font-size: 75%;
}		
		
.cpeGrayBoxDiv{
	background-color: #f0f0f0; 
	padding: 10px;
}
.spcCpeRed{
 font-size: 20px;
 color: #4491A1;
 font-weight: 100;
}
.spcCpeRed2{
 font-size: 20px;
 color: #4491A1;
 font-weight: 900;
}
/**********************************************************/
/*************** FIN  CSS ERIC ****************************/
/**********************************************************/

.fiche_menu{
	display:block;
	text-decoration:none;
	padding:7px 3px 7px 12px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4491a1;
	border-top:1px dotted #dbb850;
}
.fiche_menu:hover{
	background:#ffffff;
}
.fiche_menu_actif{
	display:block;
	text-decoration:none;
	background:#ffffff;
	padding:7px 3px 7px 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#980023;
	border-top:1px dotted #dbb850;
}
.fiche_titre_nom{
	background:#666666;
	color:#FFFFFF;
	padding:11px 15px 11px 15px;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.fiche_cont_middle{
	background:#d9e8ef;
	padding:13px 0px 8px 0px;
}
.fiche_cont_img{
	padding-right:8px;
	padding-left:8px;
	text-align:center;
}
.fiche_cont_link_num{
	text-align:center;
	padding-top:12px;
}
.fiche_link_num{
	text-decoration:none;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#980023;
}
.fiche_link_num:hover{
	text-decoration:underline;
}

.fiche_link_num_sep{
	text-decoration:none;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#980023;
	padding:2px;
}

.fiche_cont_texte{
	background:#f9f0d5;
	padding:15px;
}

.fiche_titre_texte{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#306783;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:14px;
}
.fiche_texte{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#5a5049;
	margin-bottom:17px;
}
.fiche_titre{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#980023;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:20px;
}
.fiche_soustitre{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#980023;
}
.fiche_lien_retour{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#5a5049;
	background:url(/client_file/themes/default/interface/site/puce_fiche_lien_retour.gif) no-repeat;
	padding:2px 5px 5px 20px;
}
.td_fiche_1{
	padding:3px 0px 3px 0px;
	background:#ffffff;
	border-left:1px dashed #09486a;
}
.a_td_fiche{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#09486a;
	text-decoration:underline;
	text-transform:uppercase;
}
.td_fiche_2{
	padding:3px 0px 3px 0px;
	border-left:1px dashed #09486a;
	
}