/* CSS Document */
/* éléments de pages */

/* mauve foncé : #6600CC
    mauve clair : #D6C3F0
    bleu foncé  :# 584E8F
    bleu clair : #D5DDEF
    jaune : #FBE5A8
    texte : #745576
    lien : #827FC6
    
    homme : #005BC3
    femme : #E653BC
*/


BODY {
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0px;
}
DIV, SPAN, P {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
}
P {
	margin : 5px;
}
A {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #827FC6;
	cursor:pointer;
}
A:hover {
	text-decoration: none;
}
IMG {
	border: none;
}
IMG.bdr {
	border: 1px solid #000000;
}
TD {
}
FORM {
	margin: 0px;
}
h1, h2, h3, h4, h5 {
	font-family: Arial, Tahoma, sans-serif;
	color: #745576;
	text-align: left;
	margin : 0px
}
h1 {
	font-size: 22px;
	margin: 10px;

}
h2 {
	font-size: 19px;
	margin: 10px 10px 10px 20px;

}
h3 {
	font-size: 16px;
	margin: 10px;

}
h4 {
	font-size: 13px;
}
h5 {
  	color:#FF0000;
	font-size: 12px;
}
/********************/
/***************************** DIV */
div.clr {
	clear: both;
}
div#conteneur {
	margin-top: 10px;
	background: #FFFFFF;
	width: 965px;
	margin-left: auto;
	margin-right: auto;
	border : 1px solid #333;
}
div#main {
	float: left;
	width:730px;
	text-align: center;
  background: #FFF;
  /*padding : 5px 0px 5px 10px; */
  padding : 0 12px;
}
div#conteneurMain {
  background: #FFFFFF;	
	border : 1px solid #999999;
	width : 740px;
}
div#left {
	float:left;
	width:200px;
	background: #FFF;
	border:1px solid #999999;
	border-left:none;
	border-top:none;
	padding : 0 5px;
}
div#end {
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	background: #EEEEEE;
	width: 958px;
	text-align: center;
	clear: both;
	border : 1px solid #333;
	padding : 5px;
}
div#FtC {
	background: #EEEEEE;
	padding:3px;
	width:400px;
	height:300px;
	overflow:auto;
	border : 1px solid #333333;
	display:none;
}
div#FtM {
	background: #EEEEEE;
	padding:3px;
	width:98%;
	height:300px;
	overflow:auto;
	border : 1px solid #333333;
	display:none;
}
/****************    BARRE NAVIGATION ****************/
div.boxNavig {
	margin-bottom : 5px;
	width : 100%;
}
	div.fil {
		padding-left:5px;width:85%;float:left;background:#FBE5A8;	
	}
	div.quit {
		width:14%;float:left;text-align:center;
	}
	
/************************************************/
div.boxSTAL {
 	width:10px;float:left;height:45px;
 	background:#FFFFFF url('../images/_BoxSTAL.gif') no-repeat top right;
}
div.boxSTAM {
 	width:725px;float:left;height:45px;padding:5px 0px 0px 5px;
 	background:#EEE/* url('../images/_BoxSTAM.gif') repeat-x top*/;
}
div.boxSTAR {
	width:10px;float:left;height:45px;
	background:#FFFFFF url('../images/_BoxSTAR.gif') no-repeat top right;
}

div#Iform {
	background:#FFFFFF;
	width:98%;
	text-align:left;
	margin:0px auto
}
div.m5 {
	margin:5px;
}

div.sH1 {
	margin: 5px 5px 5px 20px;
}
div.box730B9 {
	/*border : 1px solid #999999; */
	margin-bottom : 5px;
	width : 100%;
}
div.box730noBdr {
	margin-bottom : 5px;
	width : 100%;
}
div.box603noBdr {
	margin-right:5px;
	float:left;
	width:730px;
}
	div.box600B9 {
		border : 1px solid #999999;
		width : 730px;
		margin-bottom : 5px;
	}
div.TopBar {
	margin-bottom:5px;
	background:#a467e1 url('../images/BarTop.gif');
	width:100%;
	height:35px;
	color:#FFFFFF;
	font-size:15px;
}
div.TopBarItemOff {
	margin-top : 0.5em;
	float:left;
	font-weight:bold;
	color:#FFFFFF;
	font-size:15px;	
	text-align : center;	
	width : 118px;
}
div.TopBarItemOn {
	margin-top : 0.5em;
	float:left;
	font-weight:bold;
	color:#584E8F;
	font-size:15px;	
	text-align : center;	
	background: url('../images/BarTopOn.gif') no-repeat center center;	
	width : 118px;
	height:27px;
	
}

div.TopBarSep {
	float:left;
	background:url('../images/BarTopSep.gif');
	height:35px;
	width:3px;
}
div.InfoH4 {
	margin:10px 50px;
	font-size:12px;
	
}
div.InfOk {
	margin-left:40px;
	color:#009900;
	font-size:15px
}
div.errF {
	padding: 2px;
	border : 1px solid #FF0000;
	/*background: #d35e5e;*/
	display : none;
	color:#FF0000;
	width:98%;
}
div.errT {
	padding: 2px;
	border : 1px solid #009900;
	/*background: #d35e5e;*/
	display : none;
	color:#009900;
	width:98%;
}

div.errI {
  font-weight:bold;
  color:#999999;
  font-size : 15px;
  position : relative ;
  background : #FFFFFF;
  display : none;
}
div.iActM {
	color :#FF0000;
	text-align : center;
	display : none;
}
div.OngletTitre1 {
	font-weight: bold;
	text-align: left;
	padding: 7px;
	background: url('../images/_Box200Select.gif') no-repeat;
	margin-right: 0px;
	color: #584E8F;
}
div.portletGene {
	padding : 3px;
	background: #FFFFFF;
	width : 185px;
	margin : 2px auto;

}
div.portletYe200 {
	padding : 3px;
	background: #FBE5A8;
	width : 185px;
	margin : 2px auto;

}
div.portletMa200 {
	padding : 3px;
	background: #EEE;
	width : 185px;
	margin : 2px auto;

}
div.portletAdm200 {
	padding : 3px;
	background: #F9C4C4;
	width : 185px;
	margin : 2px auto;

}
div.portletBl200 {
	padding : 3px;
	background: #FFF;
	width : 185px;
	margin : 2px auto;

}
div.portletWh200 {
	padding : 3px;
	background: #EEEEEE;
	width : 185px;
	margin : 2px auto;

}
div.BoxFicheh {
	border:1px solid #005BC3;
	background: #E9EBF4 url('../images/RTitreFicheh.gif') repeat-x top;
	width:355px;
	margin : 5px 0;
	}
div.BoxFichef {
	border:1px solid #E653BC;
	background: #FAF0F7 url('../images/RTitreFichef.gif') repeat-x top;
	width:355px;
	margin : 5px 0;
	}
.annonceB {
  width :730px;
}
	div.TitreFiche {
		font-weight: bold;
		text-align: left;
		margin : 1px 5px;
		font-size:13px;
		color: #FFFFFF;
	}
div.BoxFicheAdm {
	border:1px solid #FF0000;
	background: #FBE5A8 ;
	}

	div.TitreFicheAdm {
		font-weight: bold;
		text-align: left;
		margin : 1px 5px;
		font-size:13px;
		color: #FF0000;
	}
	
div.BoxAction {
	background: #EEE /*url('../images/boxAction.gif') no-repeat*/;
	width:170px;
	height:130px;
	float:left;
	margin: 10px 0px 0px 5px;
}
	div.inTitreBoxAction {
		background: #FFFFFF;
		width:150px;
		height:17px;
		margin: 8px 8px 2px 8px;
		font-weight:bold;
		font-size : 13px;
		
	}
	
	
div.BoxFullF {
	background: #FFFFFF url('../images/boxFullF.gif') no-repeat;
	width:230px;
	height:120px;
	float:left;
	margin: 0px 5px;
}
	div.inTitreBoxE {
		background: #FFFFFF url('../images/inTitreboxE.gif') no-repeat;
		width:210px;
		height:17px;
		margin: 5px 8px 2px 8px;
		color:#584E8F;
		font-weight:bold;
		font-size : 13px;
		
	}
div.BoxFullBKL {
	background: #FFFFFF url('../images/boxBlock.gif') no-repeat;
	width:230px;
	height:120px;
	float:left;
	margin: 0px 5px;
}
	div.inTitreBoxBKL {
		/*background: #FFFFFF url('../images/inTitreBoxBKL.gif') no-repeat;*/
		width:210px;
		height:17px;
		margin: 5px 8px 2px 8px;
		color:#584E8F;
		font-weight:bold;
		font-size : 12px;
		
	}
div.BoxFullCTC {
	background: #FFFFFF url('../images/boxContact.gif') no-repeat;
	width:230px;
	height:120px;
	float:left;
	margin: 0px 0px;
}
	div.inTitreBoxCTC {
		/*background: #FFFFFF url('../images/inTitreBoxCTC.gif') no-repeat;*/
		width:210px;
		height:17px;
		margin: 5px 8px 2px 8px;
		color:#584E8F;
		font-weight:bold;
		font-size : 11px;
		
	}
	
div.BoxFullAMI_h{
	background: #FFFFFF url('../images/boxAmih.gif') no-repeat;
	width:230px;
	height:120px;
	float:left;
	margin: 0px 0px;
}
	div.inTitreBoxAMI_h {
		width:210px;
		height:17px;
		margin: 5px 8px 2px 8px;
		color:#584E8F;
		font-weight:bold;
		font-size : 11px;
		
	}
div.BoxFullAMI_f{
	background: #FFFFFF url('../images/boxAmif.gif') no-repeat;
	width:230px;
	height:120px;
	float:left;
	margin: 0px 0px;
}
	div.inTitreBoxAMI_f {
		width:210px;
		height:17px;
		margin: 5px 8px 2px 8px;
		color:#584E8F;
		font-weight:bold;
		font-size : 11px;
		
	}

div.portletR {
	clear: both;
	background: #FFFFFF;
	border: 1px solid #F57681;
	color: #000000;
}
div.ongJon {
	font-weight: bold;
	text-align: left;
	padding: 4px 8px;
	/*background: url('../images/_OngletJOn.gif') no-repeat;*/
	width: 115px;
	font-size:15px;	
	background: #9E9E62;	
	margin-right: 0px;
	color: #FFFFFF;
}
div.portletJ {
	clear: both;
	background: #FFFFFF;
	border: 1px solid #999999;
	color: #000000;
}
div.ongNL {
	font-weight: bold;
	text-align: center;
	padding: 4px 0px;
	background: url('../images/_OngletNLRe.gif') no-repeat;
	width: 76px;
	float: left;
	margin-right: 0px;
	color: #CCCCCC;
}
div.ongJ {
	font-weight: bold;
	text-align: center;
	padding: 4px 0px;
	background: url('../images/_OngletJRe.gif') no-repeat;
	width: 76px;
	float: left;
	margin-right: 0px;
	color: #9E9E62;
}
div.ongR {
	font-weight: bold;
	text-align: center;
	padding: 4px  0px;
	background: url('../images/_OngletRRe.gif') no-repeat;
	width: 76px;
	float: left;
	margin-right: 0px;
	color: #f02233;
}
div.ongBx {
	font-weight: bold;
	text-align: center;
	padding: 4px  0px;
	background: url('../images/_OngletBxRe.gif') no-repeat;
	width: 76px;
	float: left;
	margin-right: 0px;
	color: #7C1D20;
}
div.ong1on {
	float:left;
	width:145px;
	height:25px;
	background:url('../images/_Onglet1On.gif');	
}
	.Tong1on{
		font-weight:bold;
		margin-top:5px;
		text-align:center;
		font-size:12px;	
	}
div.ong1off {
	float:left;
	width:145px;
	height:25px;
	background:url('../images/_Onglet1Off.gif');	
}	
	.Tong1off{
		color:#666666;
		margin-top:5px;
		text-align:center;
		font-size:12px;	
	}

div.fiche_label {
	float: left;
	text-align: left;
	width: 35%;
	padding: 0px;
	margin : 0px;
	/*border: 1px solid #FFFFFF;*/
	background: #FBE5A8;
}
div.fiche_data {
	  /*border:1px solid #FBE5A8;*/
	  background:#FFFFFF;
	  margin : 0px;
	  float:left;
	  width:65%;
	  padding:0px;
	  color : #333333;
}
.fiche_data h4 {
  margin:0px;
  font-weight:normal;
	font-size: 11px;
	color:#999999
}
div.portletG {
	background: #C6CFAF;
	border: 1px solid #666666;
	clear: both;
}
div.encartR {
	width: 490px;
	background: url(../images/enc_restoM.gif);
}
div.contenu_encRG {
	clear: both;
	float: left;
	width: 315px;
	margin: 0px 0px 0px 15px;
	color: #FFFFFF;
}
div.contenu_encRD {
	float: left;
	width: 130px;
	margin: 0px 5px;
	color: #FFFFFF;
}
div.boxNG {
	border: 1px solid #666666;
	background: #EEEEEE;
	padding:5px;
}
div.ipseudo {
	padding: 2px;
	text-align: center;
	background: #666666;
	color: #FFFFFF;
}

div.menu_top {
  border:1px solid #FFFFFF;
  border-top:none;
  padding:5px;
  background:#F02233;
  float:left
  }
  div.menu_top a{
    color:#FFFFFF;
  }
  div.menu_top a:HOVER{
    color:#DCDBA6;
  }
div.menu_topM {
  border:1px solid #FFFFFF;
  border-top:none;
  padding:5px;
  background:#F9F73F;
  float:left
  }
  div.menu_topM a{
    color:#F02233;
  }
   div.menu_topM a:HOVER{
    color:#333333;
  }

  div.menu_topIP {
  border:1px solid #FFFFFF;
  border-top:none;
  padding:5px;
  background:#6183A3;
  float:left
  }
  div.menu_topIP a{
    color:#FFFFFF;
  }
 div.menu_topIP a:HOVER{
    color:#333333;
  }

   

div.encart_icontact {
	background: #EEEEEE;
	
	padding: 5px;
	width : 90%;
	margin : 10px auto;
	font-size: 13px;
	display:none;
}
div.advoptions {
	border: 1px solid #666666;
	float: left;
	width: 90px;
	text-align: center;
	background: #EEEEEE;
}
div.advlist {
	border: 1px solid #666666;
	float: left;
	width: 270px;
	background: #EEEEEE;
}
div.comments {
  margin:5px 5px 15px 5px;
  padding:3px;
  background:#EEEEEE;
  font-size:12px
}
div.titrepavebleu {
	height: 25px;
	background: url(../images/structure/fdtitrepavebleu.gif) repeat-x;
	line-height: 1.7em;
	text-align: left;
	margin: 2px;
	font-weight: bold;
	font-size: 13px;
	color: #336699;
}
/***************************** SPAN */
span.note {
	font-size: 9px;
	color: #999999;
	color: #666666;
}
span.gras13 {
	font-size: 13px;
	font-weight: bold;
	color: #666666;
}
span.gras12 {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
span.noir12 {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
span.red12 {
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
}

span.noir11 {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
span.titre_encart {
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	margin: 0px 0px 0px 25px;
}
span.grasbleu11 {
	font-size: 11px;
	font-weight: bold;
	color: #0000FF;
}
span.Sh {
	font-size: 12px;
	font-weight: bold;
	color: #005BC3;
}
span.Sf {
	font-size: 12px;
	font-weight: bold;
	color: #E653BC;
}

/********************/
/* liens */
a.Tx {
	color : #745576;
}
a.green {
	color : #009900;
}

a.Grey {
	color : #999999;
}

a.BlF {
	color : #584E8F;
}
a.Blk {
	color : #333333;
}
a.part {
	color: #999999;
	font-size : 10px;
}
a.PseudOh{
	color:#005BC3;
}
a.PseudOf{
	color:#E653BC;
}
a.Uno{
	text-decoration : none;
}
a.red {
	text-decoration : none ;
	color : #bb5d37;
}
a.red:hover {
	color :#FF0000;
}

a.red2 {
	text-decoration : none ;
	color : #FF0000;
}
a.red2:hover {
	color : #bb5d37;
}
a.action {
	font-size : 13px;
}
a.NickCh {
	padding-left: 5px;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}





/************************ Formulaires et editions en ligne ********************/
.inputErr {
	border : 1px solid #FF0000;
}
label {
	float:left;
	text-align:right;
	width:25%;
	color:#000000;
	font-weight:bold;
	margin:5px;
	padding : 3px;
}
label:hover {
	cursor:pointer;
}
.formElement {

}
.iFormUpdate {
	cursor : pointer;	
}
.iNoUpdate {
	
}
.formlabel {
	float: left;
	width: 25%;
	/*background: #D6C3F0;*/
	color: #000000;
	padding: 3px;
	font-weight: bold;
	text-align:left;
	/*border-bottom:1px dashed #333333;*/
}
.formdatainline {
	float: left;
	/*width: 52%;*/
	padding :3px 25px 3px 3px;
	/*background:#FFFFFF;*/
	background :url(../images/update.gif) no-repeat right;
	cursor : pointer;
	text-align:left;
	color : #255096;
	border : 1px solid #FFFFFF;
}
.formdata {
	float: left;
	/*width: 52%;*/
	text-align:left;
	color : #255096;
	border : 1px solid #FFFFFF;
	margin : 5px;
	padding : 3px;
}
.edit_area {
	float: left;
	/*width: 52%;*/
	padding :3px 25px 3px 3px;
	/*background:#FFFFFF;*/
	cursor : pointer;
	text-align:left;
	color : #255096;
	border : 1px solid #FFFFFF;
}
.formfield {
	display:none;
	float: left;
	text-align:left;
	margin : 5px;
	padding : 0px;
}
.formfieldWin {
	/*background:#FFFFFF;*/
}

.editinline {
	background:#FFFFFF url('../images/loaders/loading.gif')  no-repeat center center;
}	
.formlink {
	float: left;
	padding :3px;
}
input {
	color: #584E8F;
	border : 1px  solid #584E8F;
	background: #EEEEEE url("../images/inputBG.gif");
	font-size: 11px;
}
select {
	color: #28558E;
	/*border: 1px solid #666666;*/
	background: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, sans-serif;
}
.button {
	font-size: 11px;
	padding:0px;
	cursor:pointer;
}
.image {
	border:none;
	background:transparent;
}
textarea {
	font-family: Arial, Tahoma, sans-serif;
	color: #28558E;
	background: #FFFFFF;
	font-size: 12px;
	width: 98%;
}
.form_label {
	float: left;
	width: 35%;
	border: 1px solid #FFFFFF;
	background: #D6C3F0;
	color: #000000;
	padding: 3px;
	font-weight: bold
}
.form_field {
	float: left;
	width: 62%;
	border: 1px solid #FFFFFF;
	background: #EEEEEE;
	color: #666666
}
.form_label2 {
	float: left;
	width: 55%;
	border: 1px solid #FFFFFF;
	background: #dec3ca;
	color: #000000;
	padding: 3px;
	
}

.form_field2 {
	float: left;
	width: 20%;
	border: 1px solid #FFFFFF;
	background: #EEEEEE;
	color: #666666;
	height:20px;
}





/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border: 0px solid #000;
background: #fff; 
width: 538px; 
height: 40px; 
margin:  0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 518px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 550px;
font: bold 10px Arial, Tahoma, sans-serif;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
display : none;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
//color: #3D3D3D;
font: normal 13px Arial, Tahoma, sans-serif;
margin: 0 0 0 0;
text-decoration : none;
} 
ul.newsticker span {
margin: 0 50px 0 10px ;
} 









/**************************** google map api **************************/
v\:* {
#
    behavior:url(#default#VML);
#
  }

  /*pour les infobulles de la carte*/

  #gmapmarker {
#
    font: normal small verdana, arial, helvetica, sans-serif;
#
    font-size: 10pt;
#
    margin: 0px;
#
    width: 350px;
#
    height: 150px;
#
    overflow:auto;
#
  }

  #gmapmarker p{
#
    margin : 0;
#
    padding : 2px 0 2px 0;
#
  }

  #gmapmarker a {text-decoration: none; color: #0066CC; background-color: transparent;}

 
  #gmapmarker a:hover {color: #F60; background-color: transparent;}
 
  #gmapmarker h1 {
#
    font-weight: bold;
#
    font-size: 13px;
#
    color: #369;
#
    border-bottom: 2px solid #369;
#
    padding : 2px;
#
    margin : 0;
#
  }

 /*div qui contient la carte*/

  #map {
#
    float : left;
#
  }