/*@charset "utf-8";*/
/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 0;


}


p {
	font-size: 12pt;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	z-index: 12;
	/*padding:5px 0 0 35px;*/
	margin:2px 0px 2px 0px;
}



h1 {
	font-size:25pt;
	font-style:italic;
	font-weight:bold;
	color:#564486;
}
h3 {
	font-size: 11pt;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	text-decoration: none;
	padding:2px 0px 2px 10px;
	/*margin:-5px 0 0;*/
	margin:0px 0px 0px 0px;
	background-image: url(images/fd_violet.gif);
	background-repeat: repeat-y;
}
form {
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
}

.hp{
	display:block;
	float:right;
	margin-right:10px;
	margin-top:-25px;
	margin-bottom:5px;
}

/*h4 {
	font-size: 12pt;
	font-weight: bold;
	color: #564486;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
}*/

/*a {
	font-size: 12px;
	font-weight: bold;
	color:#564486;
	text-decoration: none;
} */
a {
	font-size: 12px;
	font-weight: bold;
	color:#FFA616;
	text-decoration: none;
	}
	a:hover {
	 color:#564486;
	}
a img{
 border-width:0px;
}

h4 {
	font-size: 11pt;
	font-weight: bold;
	color: #564486;
	font-variant: small-caps;
	margin:7px 0px 7px 0px;
	}
	
h4 a {

	font-size: 11pt;
	
	}
/*a:visited {
	font-size: 12px;
	font-weight: bold;
	color:#C67B00;
	text-decoration: none;
} */
/*a:hover {
	font-size: 12px;
	color:#564486;
	font-weight: bold;
	text-decoration: none;
	background-color:#FFE831;
	background-position: 165px 27px;
}*/

caption{

  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#564486;
  border-left-width:1px;
  border-left-style:solid;
  border-left-color:#564486;
  background-color:#564486;
  color:#FFFFFF;
  text-align:left;
  padding:5px 0px 5px 5px;
  font-size:22px;
}
/*--------------------------------------------*/
/*Table par défaut (les tableaux de profils) */
/*------------------------------------------*/
table{

  border-spacing:0px;
  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#564486;
  border-left-width:1px;
  border-left-style:solid;
  border-left-color:#564486;

}

td{
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#564486;
  border-right-width:1px;
  border-right-style:solid;
  border-right-color:#564486;
  border-left-width:0px;
  border-top-width:0px;
  /*margin:1px 1px 1px 1px;
  padding:1px 1px 1px 1px;*/
}
td.highlight{
  background-color:#FFE831;

  }
th{
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#564486;
  border-right-width:1px;
  border-right-style:solid;
  border-right-color:#564486;
  border-left-width:0px;
  border-top-width:0px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  text-align:center;
  color:#564486;
  vertical-align:middle;
  }
th.thcoin{
text-align:left;
width:450px;
}

th.thligne{
text-align:left;
padding-left:10px;
}
th{

/*padding-right:5px;*/
}
th .thcol{
display:block;
width:100%;
background-color:#E0F17A;
margin-top:5px;
margin-bottom:5px;

/*padding-left:2px;
padding-right:2px;*/
/*utilisation des bordures pour créer l'espace à la palce du padding à cause bug de Firefox */


border-top-width:5px;
border-top-style:solid;
border-top-color:#E0F17A;

border-bottom-color:#E0F17A;
border-bottom-width:5px;
border-bottom-style:solid;

/*border-right-width:5px;
border-right-style:solid;
border-right-color:#E0F17A;

border-left-width:5px;
border-left-style:solid;
border-left-color:#E0F17A;*/

}

th.thcoin .thcol{
 /*Décalage de gauche pour le coin superieur gauche du tableau (theme)*/
  width:440px;
  border-left-color:#E0F17A;
  border-left-width:10px;
  border-left-style:solid;
  }
.cursorpointer{
  cursor:pointer;
  }
  

td.centrer{
 text-align:center;
}



/*******************************/
.tablespecial{
  border:none;
}

.tablespecial td{
  border:none;
  font-size:12px;
}
.tablespecial th{
  border:none;
  font-size:12px;
}

  
/*******************************/
/*petites tables              */
/*******************************/
.petitable{

 border-left-width:0px;
 border-collapse:collapse;

}
.contentgauche .petitable{
  width:350px;
}
.petitable td{
border-right-width:0px;
border-left-style:none;
font-size:12px;
padding-left:10px;
padding-right:10px;

}
.petitable th{
border-right-width:0px;
border-left-style:none;
font-size:12px;
padding-left:10px;
padding-right:10px;
color:#000000;
text-align:left;

}
td.td33{
  width:33%
  }
.petitable a{
  color:#564486;
  }
.petitable a:hover{
  color:#000000;
  text-decoration:underline;
  }

.petitable tr{
  background-color:#E6E3ED;
  height:30px;


  }
/*.petitable  th{
   border-top-color:#E6E3ED;
  border-top-style:solid;
  border-top-width:1px;
  }    */

tr.paire{
  background-color:#F6F5F9;
  }


#tablemail{
  width:350px;
  }
#bigtablemail{
  width:700px;
  }
#bigtablemail tr{
 height:40px;
}
  
#tablemail tr{
 height:40px;
}
  
#tablejeune{
  width:550px;
}
/*************************************************************/
/*Mise en page globale */
/***********************************************/
#page{
  width:960px;
  margin-left:35px;
  }
#tete {
	z-index:100;
	position:absolute;
	left: 0;
	top: 0;
	width: 935px;
	height: 34px;
	}
#tete h1 {
	font-size:22pt;
	font-style:italic;
	font-weight:bold;
	color:#564486;
	margin:0 0 0 0;
	padding:55px 0 0 70px;
}
#logotete {
	position:absolute;
	left:265px;
	height: 102px;
	top: 12px;
	width: 78px;
	background-image:url(images/logomini.gif);
	background-repeat:no-repeat;
	z-index: 14;
}
#frise {
	position:absolute;
	left: 345px;
	top: 7px;
	height: 104px;
	width: 634px;
	background-image:url(images/frise_hiphop.gif);
	background-repeat:no-repeat;
	z-index: 14;
	}
#corps {

	margin-top:85px;


	border: 1px solid #564486;

	background:url(images/arabesq.gif);
	background-repeat: repeat-y;
	background-position:top right;
	
	/*background-position:bottom;*/
}
.htgch {
	background-image: url(images/ht_gch.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
	position: absolute;
	z-index: 12;
	left: 33px;
	top: 83px;
}

.htdrt {
	background-image: url(images/ht_drt.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
	position: absolute;
	z-index: 13;
	left: 972px;
	top:83px;
	right: 0px;
	bottom: 0px;
}

.invisible {
	display: none;
}

#detailNotice{
  display: none;
  }
.jsmutable{     /*transformable en js donc caché par défaut */
   display: none;
  }
  
#pied {
	display:inline;
	color: #E6E3ED;
	text-decoration: none;
	text-align: left;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;



}
#pied ul{
	list-style:none;
	margin: 0 0 0 0;
	padding:10px 0 0 75px;
}
#pied li{
	display:inline;
	margin: 0 75px 0 0;
}
#pied a:link{
	color:#564486;
	font-size:10pt;
	font-weight:bold;
}
#pied a:hover{
	color:#564486;
	font-size:10pt;
	font-weight:bold;
	text-decoration:underline;
}
#pied a:visited{
	color:#564486;
	font-size:10pt;
	font-weight:bold;
}
 .clear{
clear:both;

}
 .clearleft{
clear:left;
font-size:1px;


}

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

#espjeune{
background-image:url(images/flam_mini_vert.gif);
background-repeat:no-repeat;
position:absolute;
left:825px;
top:90px;
width:150px;
height:38px;
color:#564486;
font-size:17px;
font-weight:bold;
padding:20px 0px 0px 34px;
z-index: 15;

}

#espjeune .imprimer{
text-align:right;
padding-right:30px;
padding-top:30px;
}

#corpsjeune{
  background-image:url(images/fd_vert.gif);
  background-repeat:repeat-y;
  background-position:15px;
  margin-left:20px;
  border-color:#FFFFFF;
  border-width:1px;
  border-style:solid;
  }

#corpsrefer{
  background-image:url(images/fd_orang.gif);
  background-repeat:repeat-y;
  background-position:16px;
  margin-left:20px;
  border-color:#FFFFFF;
  border-width:1px;
  border-style:solid;
}

#corpsadmin{
  background-image:url(images/fd_mauve.gif);
  background-repeat:repeat-y;
  background-position:16px;
  margin-left:20px;
  border-color:#FFFFFF;
  border-width:1px;
  border-style:solid;
}

#esprefer{
background-image:url(images/flam_mini_orang.gif);
background-repeat:no-repeat;
background-position:185px top;
position:absolute;
left:625px;
top:90px;
width:350px;

color:#564486;
 /*
 
  border-color:#FF0000;
  border-width:1px;
  border-style:solid; */


/*z-index: 15;*/
}
#espadmin{
background-image:url(images/flam_mini_mauve.gif);
background-repeat:no-repeat;
position:absolute;
left:825px;
top:90px;
width:150px;
height:38px;
color:#564486;
font-size:17px;
font-weight:bold;
padding:20px 0px 0px 34px;
z-index: 15;
}



#esprefer #titreesp{
  padding-left:214px;
  padding-top:22px;
  font-size:17px;
font-weight:bold;
  }
#esprefer #nomjeune{
font-size:12px;
text-align:right;
padding-top:14px;
padding-right:2px;
font-weight:normal;
font-style:italic;

}
  }
#esprefer .imprimer{
text-align:right;
padding-right:2px;
padding-top:10px;
}
#ombre_jeun_mini{
  background-image:url(images/jeun_mini.gif);
  background-repeat:no-repeat;
  background-position:35px bottom;
  margin-bottom:10px;
}

#ombre_refer_mini{
  background-image:url(images/refer_mini.gif);
  background-repeat:no-repeat;
  background-position:16px bottom;
  margin-bottom:10px;
}

#space_ombre_mini{
padding-top:224px;
}

.retour{
  padding:10px 0px 10px 14px;
 float:left;
 /*border-color:#FF0000;
 border-width:1px;
 border-style:solid;*/s
 }
.retour a{
 display:block;
  width:157px;
 color:#564486;
 padding:5px 0px 5px 10px;
 }
.retour a:hover{
 background-color:#FFE831;
 }

#sousmenuhaut{
font-size: 16px;
margin-left:270px;
/*height:80px;*/
 margin-top:10px;
 margin-bottom:10px;
 padding-bottom:1px;
 /*border-color:#0000FF;
  border-width:1px;
  border-style:solid;*/
/*text-align:center;*/
}
#sousmenuhaut ul{
  padding:7px 0px 7px 0px;
  margin:0px 0px 0px 0px;
  display:block;
  /*height:80px;*/
  /*border-color:#00FF00;
  border-width:1px;
  border-style:solid;*/
  }
  
#sousmenuhaut li{
  display:inline;
 /* height:80px;*/
  padding:0px 10px 10px 10px;
 	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
  /*border-color:#FF0000;
  border-width:1px;
  border-style:solid;*/

}
#sousmenuhaut a{
  background-color:#CCE821;

  padding:7px 10px 7px 10px;
  border-color:#564486;
  border-width:1px;
  border-style:solid;
  color:#564486;

 	font-size: 14px;
}
 #sousmenuhaut a:hover{
 background-color:#FFE831;
 }
 #sousmenuhaut a.actif{
 background-color:#FFE831;
 }
#nosousmenuhaut{
padding-top:26px;
}
.content{
 border-top-color:#564486;
  border-top-width:1px;
  border-top-style:solid;
  margin-left:190px;
  padding-top:20px;

}
.contentmini {
	height:450px;

}
.notices{
margin-top:20px;
margin-bottom:30px;
}

.boutonlike{


 background-color:#EE56A9;
 border-color:#564486;
 border-width:1px;
 border-style:solid;
 color:#FFFFFF;
 padding:1px 5px 1px 5px;
 margin:0px 5px 0px 5px;
}


input.InputSubmit{

 background-color:#EE56A9;
 border-color:#564486;
 border-width:1px;
 border-style:solid;
 color:#FFFFFF;
 padding:1px 5px 1px 5px;
 margin-left:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;

}

select{
border-color:#564486;
border-width:1px;
border-style:solid;

color:#564486;
font-size:14px;
}
input.InputSubmitBlue{

 background-color:#564486;
 border-color:#564486;
 border-width:1px;
 border-style:solid;
 color:#FFFFFF;
 padding:0px 5px 0px 5px;
 margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;

}


.bigspacer{
padding-top:50px;
}

h4.titrechoix{
padding-left:17px;
background:url(images/pucefleche.gif);
background-repeat:no-repeat;
background-position:0px 3px;

}
ul.listemetier {
display: block;
  width:350px;
  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#564486;

  padding:0px 0px 0px 0px;
  /*margin:0px 0px 0px 0px;*/
  margin: 0 5px;
  background-color:#E6E3ED;
  text-align: left;
list-style: none;
}

ul.listemetier li{
   display: block;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#564486;
  border-right-width:1px;
  border-right-style:solid;
  border-right-color:#564486;
  border-left-width:1px;
  border-left-style:solid;
  border-left-color:#564486;

  list-style-type:none;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 5px;


}
ul.listemetier li.paire{
  background-color:#F6F5F9;
  }
  
.listemetier a{
  color:#564486;
}
.listemetier a:hover{
  color:#000000;
}

  /*---------------------*/
 /*    menu gauche      */
/*---------------------*/
/*accueil référent et jeune*/

.menugauche{
  clear:left;
  float:left;
  padding-left:15px;
  width:175px;
  border-top-color:#564486;
  border-top-width:1px;
  border-top-style:solid;
  }
.menugauche h3{
  margin-left:15px;
  }
.menugauche ul{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  }
.menugauche li{
  list-style:none;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  }
.menugauche a{
  display:block;
  width:141px;
  margin-top:5px;
  font-variant:small-caps;


	padding-left:24px;
	padding-top:5px;
	padding-bottom:5px;
	color:#564486;

 }

 

.menugauche li a{
   	background:url(images/puce.gif);
	background-repeat:no-repeat;
	}

.menugauche a:hover{
  background-color:#FFE831;
  }
  

#corpsrefer .menugauche li a{
  background:url(images/puce_refer.gif);
  background-repeat:no-repeat;
  }
#corpsrefer .menugauche a:hover{
background-color:#FFE831;
  }
  
.menugauche p{
  color:#564486;
  font-size:12px;
  font-weight:bold;
  padding-left:5px;
}


  /*---------------------*/
 /*    flotant droit    */
/*---------------------*/
/*accueil référent et jeune*/

.contentgauche{
 border-top-color:#564486;
  border-top-width:1px;
  border-top-style:solid;
  margin-left:190px;
  padding-left:5px;
  padding-top:20px;
  margin-right:380px;
  }
  
.contentgaucheext {
 border-top-color:#564486;
  border-top-width:1px;
  border-top-style:solid;
  margin-left:190px;
  padding-left:5px;
  padding-top:20px;
  margin-right:360px;
}
h4.h4halfright{
padding-top:20px;
padding-bottom:0px;
text-align:right;
margin-right:380px;
}

#floatdroit{
  float:right;
  width:370px;
  
/*   border-color:#FF0000;
  border-width:1px;
  border-style:solid;*/

  }
  
#nouvmsg{

  /*border-color:#FF0000;
  border-width:1px;
  border-style:solid;*/
  
  margin-top:20px;
  background-image:url("images/zone_log_mini.gif");
  background-repeat:no-repeat;
  padding-top:40px;
  text-align:right;
  padding-right:60px;
  height:170px;
  color:#564486;
  font-weight:bold;
  
}
#nouvmsg #bonjour{
  height:40px;
  margin-left:135px;
  /*vertical-align:middle;*/
  /*border-color:#FF0000;
  border-width:1px;
  border-style:solid;*/

}

#nouvmsg p{
  margin-top:12px;
  margin-bottom:12px;
  margin-left:140px;
  text-align:center;
  color:#564486;
  font-size:14px;
  font-weight:normal;
  }
#nouvmsg a{
display:block;
 text-align:center;
 margin-left:140px;

 }
#nouvmsg a img{
  border-style:none;
  border-width:0px;
  }
  
#big_esprefer{
  background-image:url("images/flam_orang.gif");
  background-repeat:no-repeat;
  background-position:right top;
  height:120px;
  text-align:right;
  margin-right:10px;

  }
#big_esprefer h2{
  padding-top:35px;
  padding-right:10px;
  font-size:25px;
  font-variant:small-caps;
  color:#564486;



}

#big_espjeun{
  background-image:url("images/flam_vert.gif");
  background-repeat:no-repeat;
  background-position:right top;
  height:120px;
  text-align:right;
  margin-right:10px;

  }
  
#big_espjeun h2{
  padding-top:35px;
  padding-right:30px;
  font-size:25px;
  font-variant:small-caps;
  color:#564486;
}

#ombre_refer_big{
  background-image:url(images/refer_big.gif);
  background-repeat:no-repeat;
  background-position:550px bottom;
  margin-bottom:0px;
}

#ombre_jeun_big{
  background-image:url(images/jeun_big.gif);
  background-repeat:no-repeat;
  background-position:550px bottom;
  margin-bottom:0px;
}

#space_ombre_big{
/*  border-color:#FF0000;
  border-width:1px;
  border-style:solid;*/
  height:100px;
  }
  
#left_space_ombre_big{
/*  border-color:#FF0000;
  border-width:1px;
  border-style:solid;*/
  height:100px;
  }
#girpehlogo2{

  text-align:right;
   margin-right:10px;
  }
  
a.nopuce{
background-image:none;
}

/***** et autres elements des pages accueil espaces */

.illustrbrev{

float:right;
height:75px;
	margin:3px 0px 0px 7px;
	padding:1px 1px 1px 1px;
	border: 1px solid #564486;
	height:75px;
}

    /*---------------------*/
   /*      Formulaires    */
  /*  Presentation jeune */
 /*  ,Messagerie...     */
/*---------------------*/



/**/

.formulaire{
  background-color:#E6E3E9;

  padding:20px 10px 20px 20px;
  margin-top:7px;
  
}

#presentjeun{
  width:350px;
  }
#presentfamille{
  width:350px;
  }
#demandecrea{
  width:520px;
  }
#question{
  width:500px;
  }
#nouveaumsg{
  width:450px;
  padding-right:20px;
}
.formulaire .lbl{
   /*clear:left;*/
 display:block;
 float:left;

 padding-top:4px;

 font-weight:bold;
 font-size:14px;

}
#presentjeun .lbl{
 width:140px;
 }

#presentfamille .lbl{
  width:140px;
  }
#demandecrea .lbl{
 width:160px;
}
.formulaire .lblLong{

  display:block;
  font-weight:bold;
  font-size:14px;
  margin-top:15px;
  margin-bottom:15px;
}

.formulaire .zonetxt{
  display:block;

  border-color:#564486;
  border-width:1px;
  border-style:solid;
  background-color:#F7F6F9;
  margin-bottom:10px;
  padding:2px 2px 2px 2px;


  }
#presentjeun .zonetxt{
  margin-left:150px;
  width:180px;
}
#presentfamille .zonetxt{
  margin-left:150px;
  width:180px;
}

#demandecrea .zonetxt{
  margin-left:180px;
  width:320px;
}
#nouveaumsg .zonetxt{
  margin-left:110px;
  width:330px;
}

.formulaire textarea{

  border-color:#564486;
  border-width:1px;
  border-style:solid;
  background-color:#F7F6F9;
  margin-bottom:30px;
  }
.textarealike{
  display:block;
  border-color:#564486;
  border-width:1px;
  border-style:solid;
  background-color:#F7F6F9;
  margin-bottom:30px;
  padding:2px 2px 2px 2px;
}
#presentjeun textarea{
  width:330px;
  height:100px;
  }
  
#nouveaumsg textarea{
  width:440px;
  height:180px;
  }
  
#demandecrea textarea{
  width:505px;
  height:180px;
  margin-top:0px;
  }
  
.formulaire .info{
  display:block;

  font-size:14px;
  padding-top:4px;
  padding-bottom:14px;
  color:#564486;
  margin-left:250px;
  }
#presentjeun .info{
 margin-left:150px;
}
#presentjeun .InputSubmitBlue{
  margin-left:130px;
  }
  
#presentfamille .InputSubmitBlue{
  margin-left:130px;
  }

  
#nouveaumsg .InputSubmitBlue{
  margin-left:190px;
  }


#demandecrea  .InputSubmitBlue{
  margin-left:440px;
  }
#question #btnSub{
  margin-left:170px;
  margin-right:50px;
}

/*------------------------*/
/* Activité              */
/*----------------------*/
#nouvelleatvt{
 width:300px;
}
#nouvelleatvt label{
display:block;
float:left;
}
#nouvelleatvt .zonetxt{
display:block;
float:none;
margin-left:100px;

}
#nouvelleatvt p{
 text-align:center;
 }

#noticeatvt{
  color:#564486;
  font-size:14px;
  padding-left:30px;
  padding-bottom:25px;
  font-weight:bold;
  }

  /*---------------------*/
 /*     BACK OFFICE     */
/*---------------------*/
  
#bkoffice{
  padding-top:30px;

  }
  
label{
  font-size:12px;
  }
.lbl140 label{
  width:140px;
  float:left;
  }
.InputText{
  border-color:#564486;
  border-width:1px;
  border-style:solid;

  color:#564486;
  font-size:14px;
  }
textarea{
  border-color:#564486;
  border-width:1px;
  border-style:solid;

  color:#564486;
  font-size:14px;
  }
span.InputText{
 padding:2px 10px 2px 10px;
  font-size:12px;
}
.boutons{
margin-left:100px;
}
.boutons input{

 background-color:#564486;
 border-color:#564486;
 border-width:1px;
 border-style:solid;
 color:#FFFFFF;
 padding:0px 5px 0px 5px;
 margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;

}
.tableedit{
  width:550px;
  border-left-style:none;
  /*border-top-style:none;*/
  border-top-style:solid;
  border-collapse:collapse;
  }
  
.tableedit th{
  border-right-style:none;
  font-size:13px;
  text-align:left;

  color:#000000;
  padding-bottom:8px;
  padding-top:8px;
  padding-left:10px;
  }
  
.tableedit td{
  border-right-style:none;
  font-size:12px;
  padding-top:5px;
  padding-bottom:5px;

  padding-left:10px;
  }
.tableedit tr{
  background-color:#E6E3ED;
  }
.tableedit tr.paire{
  background-color:#F7F6F9;
  }
.tableedit a{
  color:#564486;
  }

.tableedit a:hover{
  color:#000000;
  text-decoration:underline;
  }



  
#bkoffice h5{
  color:#564486;
  }
  
#bkofiltre #btnOK{
margin-left:140px;
margin-top:14px;
  background-color:#564486;
 border-color:#564486;
 border-width:1px;
 border-style:solid;
 color:#FFFFFF;
 padding:0px 5px 0px 5px;

font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
  
  /*-----------------------*/
 /*         Login         */
/*-----------------------*/

#boitelogin {
	background-image: url(images/zone_log_big.gif);
	background-repeat: no-repeat;

	padding-top:40px;
	padding-bottom:50px;

  /*border-color:#FF0000;
  border-width:1px;
  border-style:solid;*/
  }
#boitelogin p{
margin-top:0px;
padding-top:0px;
}
#boitelogin label{
  display:block;
  color:#564486;
  text-align:right;
  font-weight:bold;
  font-size:15px;
    /*padding-left:80px;*/
  padding-right:85px;
  margin-top:0px;

}
.ctrlLogin{
margin-top:15px;
 margin-left:150px;
}
.ctrlLoginOK{
 margin-left:185px;
 margin-top:11px;
}
#boitelogin input{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 }
#boitelogin input.InputText{
 display:block;

 width:120px;

 border-width:1px;
 border-style:solid;
 border-color:#EE56A9;
 color:#EE56A9;
 }
#boitelogin input.InputSubmit{
 display:block;


 padding:1px 10px 1px 10px;
 margin-left:0px;


}
 #creacpte {
	background-image: url(images/stabilo_orang.gif);
	background-repeat: no-repeat;
	background-position: right top;

	padding:45px 0 45px 140px;
	margin:0 0 0 0;
}

#creacpte h2{
font-size:12px;
text-align:center;
color:#564486;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#creacpte a{
color:#564486;
}
#creacpte a:hover{
text-decoration:underline;
}

/*Ecran Login*/
#pagereident {
margin-top:20px;
margin-left:20px;


}
#pagereident #cnt{
margin-top:50px;
margin-left:280px;
margin-bottom:100px;
}

#pagereident h4 {
padding-left:120px;
padding-bottom:10px;
font-size:16px;
}
#pagereident label {
margin-right:270px;
}

#pagereident .msglogin {
padding-top:10px;
padding-bottom:10px;
padding-left:120px;
font-weight:bold;
}

#pagereident h2{
padding-left:250px;
}

/*///////////////////*/
/*Activités*/
#repremetier{
 width:450px;
}

#repremetier .zonetxt{
margin-left:100px;
width:300px;
}
#repremetier textarea{
width:405px;
height:200px;
}


#enquete{
width:470px;
}

#enquete .zonetxt{
margin-left:150px;
width:300px;
}


#enquete textarea{
width:455px;
height:150px;
}



/* affichage description  métier */
.descmetier{
	/*float:right;*/
	position:absolute;
	top:170px;
	left:630px;
	
	width:350px;
    background-color:#F6F5F9;
	height:480px;
	margin-right:10px;
}

.descmetier .droite  {
 text-align:right;

}
.descmetier .centrer  {
 text-align:center;

}