/* CSS Document */

@charset "utf-8";


/******************************
* FORMULAIRES - START
******************************/

.fondFormulaire {
	background-color: #F8F8F8;
/* background-color: #D5EAEB; */
	border: 1px solid #EEEEEE; 
/* border: 1px solid #9cb7b8; */
	padding: 0px;
	margin: 0px;
}



/*** TEST SUMBIMT ***/
submit {}

.soumettre_fr {
	background:url('/fr/images/b_submit.gif') left top no-repeat;
	/* background-color: #FF0000; */
	width:61px; 
	height:16px; 
	border:none;
	margin:0;
	padding:0;
}

.soumettre_en {
	background:url('/en/images/b_submit.gif') left top no-repeat;
	width:42px; 
	height:16px; 
	border:none;
	margin:0;
	padding:0;
	right: 0px;
}
/*** TEST SUMBIMT ***/



input, textarea	{
	background-color: #EEEEEE;
	border: 1px solid #cccccc;
	/* font-size: 1em;
	width: 215px; */
}


/**/
.champForm {
	background-color: #EEEEEE;
	border: 1px solid #cccccc;
	color:#2C3D45;
	width: 215px;
}

.champFormFilled {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	color:#2C3D45;
	width: 215px;
}
/**/


input:focus, textarea:focus	{
	background-color: #fff;
	border: 1px solid #cccccc;
}

/*
input.checkbox {border:0px solid #cccccc !important;} 
input[type=’checkbox’] {outline:0px solid #cccccc !important; border:0px solid #cccccc !important;}
*/

.formField {
	width: 215px;
}


/*
.emailAccueilSEPP {
	background-color:#92B2C1; 
	border: 1px solid #92B2C1;
	color:#2C3D45;
}
*/

.fondFormFonce {
	/* background-color: #DDDDDD-CCCCCC; */
	/* background-color: #9CB7B8;
	color:#FFFFFF; */
	/* background: #BDD3E7; */
	background: #1E7191;
	color: #FFFFFF;
}

.fondFormFonce td h1 {
color:#FFFFFF;
}

.fondFormFonce td h2 {
color:#FFFFFF;
}


.fondFormPale {
	background-color: #F8F8F8;
}

.tableForm {
	/* background-color: #EEEEEE;
	border: 1px solid #DDDDDD; - BLEU */
	/* background-color: #D5EAEB; */
	/* border: 1px solid #9cb7b8; */
	background-color: #cee6fd;
	border: 1px solid #1E7191;
	padding: 0px;
	margin: 0px;
	width: 620px;
	/* width: 780px; */
}


/******************************
* FORMULAIRES - END
******************************/







/******************************
* TABLE PANIER - START
******************************/

.tablePanier {
	background-color: #cee6fd;
	/* border: 1px solid #DDDDDD; */
	border: 1px solid #1E7191;
	padding: 4px;
	margin: 0px;
	/* width: 630px; */
    width: 620px;
	/* width: 100%; */
}

.fondPanier {
	background-color: #cee6fd;
border: 1px solid #9cb7b8;
}

table#tablePanier tr.on {
	background: #BDD3E7;
	/* color: #FFFFFF; */
}

.inversePanier {
	/* background: #A6CFFB; */
	background: #BDD3E7;
	color: #FFFFFF;
}

/******************************
* TABLE PANIER - END
******************************/



/*****************************************
* Table row, cell, header HOVER - START
*****************************************/

td.off {
	/* background: #CCCCCC; */
}

td.on {
	/* background: #CCCCCC; */
	background: #999999;
}


tr.off {
	/* background: #CCCCCC; */
}

tr.on {
	background: #EEEEEE;
	/* background: #DDDDDD - CCFFFF - CCCCCC;
	color: #FFFFFF; */
}



th.default, tr.default, tr.default {
  /* color: black;
  font-weight: bold;
  font-size: 9px;
  text-align: left;
  text-transform: uppercase; */
  background-color: #cee6fd;
  /* border: 1px solid #77875d;
  cursor: default; */
}

th.default-over, tr.default-over, td.default-over {
  /* color: black;
  font-weight: bold;
  font-size: 9px;
  text-align: left;
  text-transform: uppercase; */
  background-color: #BDD3E7;
  /* border: 1px solid #77875d;
  cursor: pointer; */
}



/*****************************************
* Table row, cell, header HOVER - END
*****************************************/






.tableBox {
	background-color: #cee6fd;
	border: 1px solid #DDDDDD;
	padding: 4px;
	margin: 0px;
	width: 620px;
	/* width: 780px; */
}

.tableList {
	/* background-color: #cee6fd;
	border: 1px solid #DDDDDD;
	padding: 4px; */
	margin: 0px;
	width: 310px;
}



h1.titrePage {  
	font-size: 16px;
	/* color: #5BA6C3-FFCC00-6e98ac; */
	color: #768589;  
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	/* margin: 48 px 0 32px 0;
	line-height: 14px; */
	line-height: 1.25em;
}


.texteIntro {  
	font-size: 11px;
	/* color: #5BA6C3;  */
	color: #CC9933; 
	/* font-weight: bold; 
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	margin: 48 px 0 32px 0;
	line-height: 14px; */
	line-height: 1.5em;
}



.spacer p {
	/* line-height: 1.5em; */
	line-height: 2em;
}





.greyBox {
	border: 1px solid #DDDDDD;
	padding: 4px;
	margin: 0px;
}

.blueBox {
	/* border: 1px solid #DDDDDD; */
	border: 1px solid #1E7191;
	padding: 4px;
	margin: 0px;
}

.redBox {
	background-color:#ffcccc; 
	border:1px solid #FF0000; 
	padding:4px; 
	margin:0px;
}

.whiteBox {
	/* border: 1px solid #1E7191; */
	border: 1px solid #FFFFFF;
	padding: 4px;
	margin: 0px;
}


.textBox {  
	border: 1px #5BA6C3 solid; 
	margin: 0px; 
	padding: 2px; 
}

.dropDownBox {
	border: 1px solid #DDDDDD;
	padding: 4px;
	margin: 0px;
	width: 620px;
	/* width: 630px; */
}

.tableInfo {
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
	padding: 10px;
	margin: 0px;
	/* width: 620px; */
	font-size: 9px;
	color: #669900;
}


.debugg {
	/**/ visibility: hidden; /**/
	/* display:none; */
	font-family: Courier, monospace;
	color:#FF0000;
}







/*** TABBED BOX - START ***/

.tabSet {	
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 12px;
	/* background-color:#CCCCCC; */
	padding: 0px 5px;
	/* line-height:14px; */
	border-top: 0px #AAAAAA solid;  
	border-right: 0px #AAAAAA solid;
	/* border-bottom: 1px #CCCCCC solid; */
	border-bottom: 1px #AAAAAA solid;
	border-left: 0px #AAAAAA solid;
    /* width:630px; */
}

.tab {	
	text-decoration: none;
	color: #999999;
	padding: 0px 5px;
	background-color: #FFFFFF;
	/* border: 1px #FFFFFF solid; */
	/* border-top: 1px #CCCCCC solid; */
	border-top: 1px #AAAAAA solid;  
	border-right: 1px #AAAAAA solid;
	border-bottom: 1px #FFFFFF solid;
	border-left: 1px #AAAAAA solid;   
}

a.tab, a.tab:visited, a.tab span {	
	text-decoration: none;
	color: #FFFFFF !important;
	/* padding: 5px; */
	/* background-color: #CCCCCC; */
	background-color: #AAAAAA ; 
	/* border: 1px #CCCCCC solid; */
	border-top: 1px #AAAAAA solid;  
	border-right: 1px #AAAAAA solid;
	border-bottom: 1px #AAAAAA solid;
	border-left: 1px #AAAAAA solid;  
}

a.tab:hover, a.tab:active, a.tab:visited:hover {	
	text-decoration: none;
	/* color: #CCCCCC !important; */
	color: #AAAAAA !important;
	/* border: 1px #FFFFFF solid; 
	padding: 5px; */
	background-color: #FFFFFF;
	/* border-top: 1px #CCCCCC solid; */
	border-top: 1px #AAAAAA solid;  
	border-right: 1px #AAAAAA solid;
	border-bottom: 1px #FFFFFF solid;
	border-left: 1px #AAAAAA solid;   
}

.tabBox { 
	/* border: 1px solid #DDDDDD;padding: 4px;margin: 0px; */
	border-top: 0px #AAAAAA solid;  
	/* border-right: 1px #CCCCCC solid; */
	border-right: 1px #AAAAAA solid;
	border-bottom: 1px #AAAAAA solid;
	border-left: 1px #AAAAAA solid;
	padding:4px;
    /* width:630px; */
    width: 620px;  
	}

/*** TABBED BOX - END ***/









/******************************
* SEPARATEUR ET ICONES - START 
******************************/

.dottedLine-h {
	background: url(../images/separateur_pointille-h.gif); 
	background-repeat: repeat-x; 
	background-position: left center;
}


.dottedLine-v { 
	background: url(../images/separateur_pointille-v.gif); 
	background-repeat: repeat-y; 
	background-position: left top;
}



.dottedLineW-h {
	background: url(../images/separateur_pointilleW-h.gif); 
	background-repeat: repeat-x; 
	background-position: left center;
}


.dottedLineW-v { 
	background: url(../images/separateur_pointilleW-v.gif); 
	background-repeat: repeat-y; 
	background-position: left top;
}



.fadedLine-v { 
	/* background: url(../images/separateur_fade_plain-v.gif); */
	background: url(../images/separateur_fade-v.gif); 
	/* background-repeat: repeat-y; */
	background-repeat: no-repeat;
	background-position: left top;
}


/******************************
* SEPARATEUR ET ICONES - END 
******************************/








.erreur {
	color: #ff0000; 
	text-decoration: none;
}


.special {
	color: #ff9900; 
	text-decoration: none;
}

.descriptionList {
	font-size: 9px;
	color: #999999;
	/* color: #669900; */
	text-decoration: none;
}




.info {
	font-size: 9px;
	/* color: #669900; */
	color: #333333;
	text-decoration: none;
}


.credits {
	font-size: 9px;
	/* color: #AAAAAA; */
	color: #999999; 
	text-decoration: none;
}


.smallWhite {
	font-size: 8px;
	color: #FFFFFF;
	text-decoration: none;
}


.uppercase {
	text-transform: uppercase;
}


.langue {
	color: #000000;
	background-color : #CCCCCC;
	font-weight: bold;
	border: 1px #999999 solid; 
	line-height: 15px;
	padding: 1px 2px;
	vertical-align: middle;
}


.prix {
	/* font-size: 8px; */
	color: #666666;
	background-color : #FFFFFF;
	font-weight: bold;
	border: 1px #999999 solid;
	line-height: 15px;
	text-transform: uppercase;
	/* padding: 1px 2px; */
	padding: 1px 4px;
}


.prixInverse {
	/* font-size: 8px; */
	color: #FFFFFF;
	background-color : #666666;
	font-weight: bold;
	border: 1px #999999 solid;
	line-height: 15px;
	text-transform: uppercase;
	/* padding: 1px 2px; */
	padding: 1px 4px;
}





/*************************************
* LIENS PLUS D'INFORMATION  - START 
*************************************/

a.plus:link, a.plus:visited {
	font-size: 5px;
	/* color: #FF9900; */
	/* background-color: #FFCC00; */
	background-color: #6e98ac;
	/* background: url(../images/i_plus_information.gif); */
	background-repeat: no-repeat; 
	background-position: center;
	/* font-weight: bold; */
	border: 1px #999999 solid;
	/* line-height: 15px; */
	/* text-transform: uppercase; */
	padding: 1px 2px;
	/* margin: 0 1px; */
	height:5px;
	width:5px;
	/* vertical-align:middle */
}

a.plus:hover {
	background-color : #CCCCCC;
	text-decoration:none;
}

/*************************************
* LIENS PLUS D'INFORMATION - END 
*************************************/







.inverse {
	background-color : #666666;
	color: #FFFFFF; 
}


.blanc {
	color: #FFFFFF;
	text-decoration: none; 
}


.enTournee {
	color: #666666;
	background-color : #CCCCCC;
	font-weight: bold;
	border: 1px #999999 solid;
	line-height: 15px;
	text-transform: uppercase;
	padding: 1px 2px;
}











/******************************
* COULEURS DE FOND - START
******************************/


.fondBlanc {
	background-color: #FFFFFF;
}

.fondNoir {
	background-color: #000000;
}


.fondBleu {
	background-color: #5BA6C3;
}


.bodyBGcolor {
	/* background-color: #EEEEEE-FFFFFF-CCCCCC; */
	/* background-color: #F1F0EB; */
	background-color: e4e3e0;
}


.nouvellesBGcolor {
	background-color: #F1F0EB; /* MEME VAL QUE BODYBGCOLOR */
}

.manchettesBGcolor {
	/* background-color: #F1F0EB;  MEME VAL QUE BODYBGCOLOR */
	background-color: #FFFFFF;
}

/******************************
* COULEURS DE FOND - END
******************************/









/******************************
* EN-TETE DE PAGE - START
******************************/

.fondHeader {
	/* width: 640px; 
	/* background-color: #6e98ac; bleu */
	/* background-color: #6e98ac-e4237e-ff0099-433429-768589-9CB7B8; rose */
	/*-background-color: #6e98ac; * BON */
	/* background-color: #d03c89; * Yves Saint Laurent */
	/* background-color: #61c3c8 * Warhol */
	background-color: #bcbbbb /* Imagine */
	/* background-image: url(/images/fond_header.gif);
	background-repeat: repeat;
	background-position: 10px 0px;
	background-attachment: fixed; */
}


/*
.fondHeaderFonce {
	background-color: #FFFFFF;
}
*/



/*** NAVIGATION UTILITAIRES ***/

.fondNavUtil {
/*** = a 25% DE COULEUR DE FOND ***/
	/* background-color: #9CB7B8; * BON */
	/* background-color: #bc1960; * Yves Saint */
	/* background-color: #25959d; * Warhol */
	background-color: #a5a4a4; /* Imagine */
	/* 
	background-color: #6e98ac-c21e6b-9CB7B8;
	background-color: #8bacbc; (bleu)
	background-image: url(/images/fond_navUtil.gif);
	background-image: url(/images/fond_navUtilBlack.gif);
	background-image: url(/images/fond_navUtilGrey.gif);
	background-image: url(/images/fond_navUtilWhite.gif);
	background-image: url(/images/fond_navUtilB50.png);
	background-image: url(/images/fond_navUtilW50.png);
	background-image: url(/images/fond_navUtilB25.png);
	background-image: url(/images/fond_navUtilW25.png); 
	*/
	background-repeat: repeat;
}




/*** NOMBRE ITEM  NAVIGATION UTILITAIRES ***/


/*
.nbrItem {

	color: #CC0000;
	font-weight: bold;
	font-size: 9px;
	background-color : #000000;
	border: 1px #999999 solid;
	line-height: 15px;
	text-transform: uppercase;
	padding: 1px 2px;
}
*/



/*** FORMULAIRE DU SEPP - ACCUEIL ***/

.fondEmailForm {
	/* background-color: #CC9900-6e98ac-e4237e-433429-768589-9CB7B8-6e98ac; */
	background-color: #6e98ac;
	/* background-image: url(/images/fond_emailForm.gif);
	background-repeat: repeat; */
	/* margin: 10px; */
margin: 16px 6px;
	padding: 0;
}


.emailAccueilSEPP { /* BOITE TEXTE */
	background-color: #EEEEEE;
/* 9CB7B8 - 8badbd - 6F635A */
	/* border: 1px solid #6e98ac-e84491-433429-768589-98a4a7; */
	border: 1px solid #999999;
	color:#333333;
/* CECAC4 - 7FB3CD - 566569-505f63 */
}



/*
table.tableEmailForm {
	width:100%;
	border:0px #999999 solid;
	padding:10px;
	margin:0px;
	float:right;
	clear:left;
}

td.tdEmailForm {  
	background-color:#9CB7B8;
}
*/

td.tdFondEmailForm { /* FOND DES TDs */
	background-color:#779eae;
	color:#FFFFFF;
	text-align:right;
}

/******************************
* EN-TETE DE PAGE - END
******************************/










/*** BORDURE DU SITE ***/

.insideTableMain {
	background-color: #FFFFFF;
	/* border: 1px solid #CCCCCC; */
	border: 1px solid #FFFFFF;
	width:640px;
	/* width:800px; */
	padding: 0px;
	margin: 0px;

/*** POUR INCLURE LE FOOTER DANS LA PAGE ***/
	/* border: 1px solid #CCCCCC; */
	/* border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 0 solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
    */
}




.insideTableHome { /* POUR LA PAGE ACCUEIL */
	background-color: #F1F0EB; /* MEME VAL QUE BODYBGCOLOR */
	/* border: 1px solid #CCCCCC; */
	border: 1px solid #FFFFFF;
	width:640px;
	/* width:800px; */
	padding: 0px;
	margin: 0px;
/*** POUR INCLURE LE FOOTER DANS LA PAGE ***/
	/* border: 1px solid #CCCCCC; */
	/* border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 0 solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
    */
}




.insideTableFooter {
/*** POUR INCLURE LE FOOTER DANS LA PAGE ***/
	/* border: 0 solid #CCCCCC; */
	/* background-color: #FFFFFF;
	border-top: 0 solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
    */	
	/* width:620px; */
}





/******************************
* PAGE DE CONTENU - START
******************************/

.pageContenu {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 10px;
	/* margin: 0 10px 10px 10px; */
	font-weight: normal;
}


.pageAccueil {
	/* background-color: #FFFFFF; */
	/* background-color: #F1F0EB; MEME VAL QUE BODYBGCOLOR */
	padding: 0px;
	margin: 0px;
	/* font-weight: normal; */
	clear:both;
	margin-top: -20px;
}


/******************************
* PAGE DE CONTENU - END
******************************/




/*** POUR texte ITEM PRINCIPAL SUR LA PAGE D'ACCUEIL ***/
/*
td.itemMainHomePage h1 {
	padding: 0px;
	margin: 10px;
}
*/


.date {
	color: #000000;
}


.footer {
	font-size: 9px;
	/* margin: 0 10px; */
	margin: 10px;
}







/******************************
* NOUVELLES PAGE ACCUEIL - START
******************************/

.titreNouvelle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform:uppercase;
	/* color: #0066CC; */
	color: #FFFFFF;
	/* background-color:#CCFF99-EEEEEE; */
	background-color:#e4237e;
	/* margin: 0px; */
	margin: 0px 4px;
	padding: 0px;
}

.nouvelleTexte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	text-transform:none;
	color: #999999;
	/* margin: 0 0 10px 0; */
	margin: 0px 4px 10px 4px;
	padding: 0px;
}

/******************************
* NOUVELLES PAGE ACCUEIL - END
******************************/









.manchettes {
 	font-size: 9px;
 	line-height: 12px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
 	padding: 0px;
 	background-color: #F2F1EC;
}


.lineheight12 {
 line-height: 12px;
}



.citation {
	/* font-size: 0.75em;
	margin: 2em 2em 2em 1em; */ 
	margin: 2em 2em 2em 4em; 
	padding: 0 .75em 0 1.25em; 
	border-left: 1px solid #777; 
	border-right: 0px solid #777;
	letter-spacing: 0.05em;
	color:#333333;
}



.departementAnnuaire {
	/* font-size: 0.75em; 
	margin: 2em 2em 2em 1em; */ 
	padding: 0 5px; 
	border: 1px solid #CCCCCC; 
	/* border-bottom: 1px solid #DDDDDD; */
	color:#333333;
	background-color: #F2F1EC;
	/* text-indent: 5px; */
}





/******************************
* IMG TITRE DE PAGES - START
******************************/

.imgTitreDivision {
	/* display: block;
	margin: 0 0 2em 0; */
	margin: 2em 0;
}



/*** IMAGE pour le titre des manchettes - page accueil ***/

.imgTitreManchette {
	/* display: block;
	margin: 0 0 5px 0; */
	margin: 0 0 0.25em 0;
}

/******************************
* IMG TITRE DE PAGES - END
******************************/







/******************************
* SHOW/HIDE DIVs - START
******************************/

.divOn {
	/* visibility: visible; */
	display:block;
}

.divOff {
	/* visibility: hidden; */
	display:none;
}

.divMOver {
	background-color:#EEEEEE;
}

.divMOut {
	/* visibility: hidden; */
	/* display:none; */
}

/******************************
* SHOW/HIDE DIVs - END
******************************/






/******************************
* PAGE ACCUEIL - START
******************************/

#header {
	/* background-color:#003399;
	width:; */
	height:80px;
	padding:0px;
	margin:0px;
}

#navigation {
	/* background-color:#CCCCCC;
	width:; */
	padding:0px;
	/* margin:0px; */
}



#mainHome {
	/* background-color:#DDCCBB; */
	padding:0px;
	margin:0px;
	clear:both;
	margin-top: -20px;
}



/*** utils ****/

.nouvellesPage {
	height:100%;
}
.manchettesPage {
	width:100%;
}


/******************************
* PAGE ACCUEIL - END
******************************/








/******************************
* NAVIGATION - START - 20-06-2006
******************************/

ul#menu li ul{
  display:none;
}

ul#menu li:hover>ul{
  display:block;
}


/*** TEST HOVER ***/
/*** over, firstover et lastover sont places pour le JS de IE ***/
ul#menu li:hover, ul#menu li.over, ul#menu li.firstover,  ul#menu li.lastover{
	display:block;
/*** couleur de fond des hover - VOIR : ul#menu ul li a:hover span ***/
	/* background-color:#FF6600; 
	background-color:#999999-b3cc3a; */
	background-color:#a5a4a4;
	/* padding:0px; */
	/* behavior: url('csshover2.htc'); */

}
/*** TEST HOVER ***/


/*** BANDE DE NAVIGATION ***/
ul#menu{
  margin:0px;
  /* margin:0 0 10px 0; */
  padding:0px;
  list-style:none;
  width:100%;
  float:left;
	background-color:#EEEEEE;

/*** TEST METAL ***/
	background: url(../images/bkg_metal.gif); /*** TEST METAL ***/
	background-repeat: repeat-x; /*** TEST METAL ***/
	background-position: left center; /*** TEST METAL ***/
/*** TEST METAL ***/

}

/*
ul#menu hr{
	margin-right: 4px;
	margin-left: 4px;
}
*/


/*** MENUS ***/
ul#menu li{
	float:left;
	display:block;
	/* padding:2px 1px; */
	padding:2px;
}


ul#menu li.first{
	/* padding-left:2px; */
}

ul#menu li.last{
	/* padding-right:2px; */
}

ul#menu li a{
	display:block;
/*** espace entre les menus ***/
	/* padding:2px 6px; */
	padding:2px 5px;
	/* border:1px solid #999999;
	background:#CCCCCC; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	/* font-weight: bold; */
	font-weight: normal;
	text-transform:uppercase;
  	color:#333333;
  	text-decoration:none;
/*** CURSEUR POUR LES MENUS ***/
	cursor:text;
}

ul#menu li a:hover {
	/* border-top-color:#F0F0F0;
	border-left-color:#F0F0F0;
	border-right-color:#999999;
	border-bottom-color:#999999;
	border:1px solid #999999;
	background-color:#3F7EA5; 
	background-color:#999999; */
/*** couleur des hover des menus ***/
	/* color:#FFFFFF; */
}


/*** SOUS-MENUS ***/
ul#menu ul{
	position:absolute;
	list-style:none;
/*** espace entre les sous-menus et les menus ***/
	/* margin:-2px; */
	margin: 0px -2px;
	padding:0px;
/*** largeur des sous-menus ***/
	/* width:160px; */
	width:185px;
	z-index:1;
/*** couleur de fond des sous-menus ***/
	/* background:#7FB3CD; */
	/* background:#CCCCCC-ccdd5d; */
	background:#EEEEEE;
/*** bordure des sous menus ***/
	/* border: 1px solid #999999-b3cc3a; */
	border: 1px solid #CCCCCC;
	/* border-top: 0 solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999; */

	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}

ul#menu ul ul{
  top:0px;
  left:155px;
  z-index:2;
}

ul#menu ul li{
  position:relative;
  float:none;
  margin:0px;
  padding:0px;
}

ul#menu ul li a{
	display:block;
	margin:0px;
	padding:0px;
	width:160px;
  	border:none;
  	text-transform:none;
}


ul#menu ul li a span{
  display:block;
  width:144px;
  padding:2px 6px;
  margin:0px 2px;
  border:none;
/*** CURSEUR POUR LES SOUS-MENUS ***/
  cursor:pointer;
}

/*
ul#menu ul li a.next span{
  background:url() no-repeat 0% 50%;
}
ul#menu ul li a.next:hover span{
  background-position: -160px 50%;
}
*/

ul#menu ul li a:hover span {
/*** couleur de fond des hover de sous-menus - voir : ul#menu li:hover, ul#menu li.over, ul#menu li.firstover,  ul#menu li.lastover ***/
	/* background-color:#3F7EA5; 
	background-color:#999999-b3cc3a; */
	background-color:#a5a4a4;
	color:#FFFFFF;
	border:none;
}

ul#menu ul li.first{
	padding-left:0px;
}

ul#menu ul li.first a, ul#menu ul li.firstover a {
/*** over, firstover et lastover sont places pour le JS de IE ***/
	padding-top:2px;
}

ul#menu ul li.last{
	padding-right:0px;
}

ul#menu ul li.last a, ul#menu ul li.lastover a {
/*** over, firstover et lastover sont places pour le JS de IE ***/
	padding-bottom:2px;
}




/*** Test pour faux HOVER ***/
/*
.navigOn {
  border-top-color:#F0F0F0;
  border-left-color:#F0F0F0;
  border-right-color:#999999;
  border-bottom-color:#999999;
color:#FFFFFF;
text-transform: uppercase;
background-color:#FF0000;
}

.navigOff {
  display:block;
  padding:2px 6px;
  border:1px solid #CCCCCC;
  color:#000000;
  text-decoration:none
text-transform: uppercase;
background-color:#666666;
}
*/
/*** Test pour faux HOVER ***/


/******************************
* NAVIGATION - END - 20-06-2006
******************************/






/******************************
* CALENDRIER - START
******************************/


/*** NOM DU MOIS - START ***/	
#zedate{
	/* padding:5px;
	padding:1px; */
	margin:2px;
	padding:2px;
	/* background:#666666; */
	background:#1E7191;
	/* background:#cee6fd; */
	/* background:#f2f1ec; */
	width:230px;
}
/*** NOM DU MOIS - END ***/
	

/*** NOM JOURS DE SEMAINE - START ***/
.jour{
	/* padding: 2px 9px; */
	padding: 2px 9px 0px 9px;
	/* margin: 0px 0px 4px 0px; */
	font-weight:bold;
	border: 0px solid #FFFFFF;
	background-color:#666666;
	color:#FFFFFF;
}


tr.jour {
	background-color:#666666;
}

td.jour {
	background-color:#666666;
}

/*** NOM JOURS DE SEMAINE - END ***/




/*
.dateJ{
padding:5px;
}

.dateJ_a {
padding:5px;
background-color:#999999;
border: 1px solid #FF0000;
}
*/




/*
td.date_a {
background-color:999999;
color:#FFFFFF;
}
*/

a.datesuite:link{ padding:3px; background:#e3e4d6; text-decoration:none; color:#666666;
}
a.datesuite:visited{ padding:3px; background:#e3e4d6; text-decoration:none; color:#666666;
}
a.datesuite:hover{ padding:3px; background:#666666; text-decoration:none; color:#e3e4d6;
}

a.semaine:link{ padding:3px; background:#e3e4d6; text-decoration:none; color:#666666;
}
a.semaine:visited{ padding:3px; background:#e3e4d6; text-decoration:none; color:#666666;
}
a.semaine:hover{ padding:3px; background:#EF025B; text-decoration:none; color:#e3e4d6;
}


/*** LIEN POUR LES JOURS - START ***/

a.dateLink, a.dateLink:link, a.dateLink:visited {
	padding: 2px 6px;
	background-color:#FFFFFF;
	/* border: 1px solid #FF0000; */
	text-decoration:none;
	color: #000000;
}

a.dateLink:hover {
	 /*padding:5px; */
	background-color:#BBBBBB;
	/* border: 1px solid #FF0000; */
	text-decoration:none;
}

a.dateLink_a, a.dateLink_a:link, a.dateLink_a:visited {
	padding: 2px 6px;
	background-color:#BBBBBB;
	/* border: 1px solid #FF0000; */
	text-decoration:none;
	color: #FFFFFF;
}


a.dateLink_a:hover {
	/* padding:5px; */
	background-color:#999999;
	/* border: 1px solid #FF0000; */
	text-decoration:none;
	color: #000000;
}


/*** LIEN POUR LES JOURS - END ***/



/*** LIEN POUR LES MOIS SUIVANTS ET PRECEDENTS - START ***/
a.datePrevious, a.datePrevious:link, a.dateNext, a.dateNext:link {
	color: #666666;
	background-color : #FFFFFF;
	font-weight: bold;
	border: 1px #999999 solid;
	line-height: 15px;
	text-transform: uppercase;
	/* padding: 1px 2px; */
	padding: 1px 4px;
}

/*
a.datePrevious, a.datePrevious:link{
	background-image: url(/images/b_leftArrow.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 1px;

	border: 0px;
}



a.datePrevious:hover{
	background-image: url(/images/b_leftArrow_on.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 1px;

	border: 0px;
}


a.dateNext, a.dateNext:link{
	background-image: url(/images/b_rightArrow.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 1px;

	border: 0px;
}

a.dateNext:hover{
	background-image: url(/images/b_rightArrow_on.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 1px;

	border: 0px;
}
*/

/*** LIEN POUR LES MOIS SUIVANTS ET PRECEDENTS - END ***/




/*** LIEN POUR SELECTIONNER LA SEMAINE EN COURS - START ***/

a.semaineAll, a.semaineAll:link{
	background-image: url(/images/b_leftArrow.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 1px;
	border: 0px;
}

a.semaineAll:hover{
	background-image: url(/images/b_leftArrow_on.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding: 1px;
	border: 0px;
}
/*** LIEN POUR SELECTIONNER LA SEMAINE EN COURS - END ***/



/*** LIEN POUR SELECTIONNER LE MOIS EN COURS - START ***/
a.moisTitre { 
	color: #666666;
	background-color : #FFFFFF;
	font-weight: bold;
	border: 1px #999999 solid;
	line-height: 15px;
	text-transform: uppercase;
	/* padding: 1px 2px; */
	padding: 1px 4px;
	
	/* text-transform:uppercase; 
	text-decoration:none; 
	color:#999999; */
	/* border: 1px 2px 2px 1px solid #333333; */
}

a.moisTitre:hover { 
	color:#000000; 
	/* border: 2px 1px 1px 2px solid #333333; */
}
/*** LIEN POUR SELECTIONNER LE MOIS EN COURS - END ***/



/*
tr.weekOn {
border: 1px solid #FFFFFF;
}
tr.weekOff {
border: 0px solid #FFFFFF;
}
*/



/* CELL POUR LES JOURS */
/*
td.dayOver {
border: 1px solid #FF0000;
background-color:#e3e4d6;
}
td.dayOut {
border: 0px solid #FFFFFF;
background-color:#FFFFFF;
*/
/* CELL POUR LES JOURS */



.calendar {
	margin:0px;
	/* padding:2px; */
	width:230px;
}

#calendar {
	width:230px;
}


/*
.fondCalendrier1 {
	background-color : #EEEEEE;
}

.fondCalendrier2 {
	background-color : #DDDDDD;
}
*/



/*** HOVER POUR LES SEMAINES - START ***/
.tr_over{
	/* background-color : #447F80; */
}
.tr_over span {
	/* background-color : #CCCCCC;
	border-bottom: 1px dotted #000000 999999; */
	border-bottom: 1px solid #999999;
	/* background-color:#BBBBBB; */ /* VOIR a.dateLink:hover */
	/* background: url(../images/separateur_pointille-h.gif); 
	background-repeat: repeat-x; 
	background-position: bottom center; */
}
/*** HOVER POUR LES SEMAINES - END ***/



/*** TEXTES TIRES ACTIVITES CALENDRIER - START ***/
.titreTypeActivite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#0066FF;
	text-decoration: none;
}

.titreNomActivite {
	/* font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal; */
	color:#0066FF;
	/* text-decoration: none; */
}
/*** TEXTES TIRES ACTIVITES CALENDRIER - END ***/


/******************************
* CALENDRIER - END
******************************/




/*****************************
* TABLE FORFAITS - START
*****************************/

.tablePackages {
	padding: 0px;
	margin: 0px;
	background-color: #EEEEEE;
}

.fondTableHeader {
	/* background-color: #f58971; */
	background-color: #BDD3E7;
}

/*****************************
* TABLE FORFAITS - END
*****************************/







/*** TABLE FLASHNEWS ***/
table.tableFlashnews {
	padding: 0px;
	/* margin: 0px; */
	margin: 0px 0px 0px 10px;
	/* width:160px; */
	width:150px;
	/* background-color: #EEEEEE; */

	/*
	background: url(../images/separateur_pointille-v.gif); 
	background-repeat:repeat-y;
	background-position: left top;
	*/

	/* border: 1px solid #CCCCCC; */
	border: 1px solid #FFFFFF;
	/*
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 1px solid #666666;
	*/
	/* float:right; */
	/* clear:right; */
}




#flashnews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	/* margin-top:100px; */
	/* width:160px; */
	/* width:150px; */
}

td.news {
	width:150px;
	/* background-color:#CCCCCC; */
	/* padding: 0px;
	margin: 0px; */
}


img.news {
	padding: 0px;
	margin: 0px -4px;
}


.titreFlashnews {
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	/* color: #0066CC; */
	color: #FFFFFF;
	/* background-color:#CCFF99-EEEEEE; */
	background-color:#e4237e;
	margin: 0px;
	/* margin: 0px 4px; */
	padding: 4px;
	/* padding: 0px 4px; */
}

.flashnewsTexte {
	/* font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; */
	font-weight:normal;
	text-transform:none;
	color: #999999;
	/* margin: 0 0 10px 0; */
	margin: 0px 4px 10px 4px;
	padding: 0px;
}

.flashnewsBGcolor {
	background-color: #F1F0EB; /* MEME VAL QUE BODYBGCOLOR */
}


/*** TEST FLASHNEWS ***/








/*** POPUP lightbox homemade ***/

/* POPUP PHOTO */
.ui-dialog .ui-dialog-content {padding:0;margin:0;}
.ui-dialog-titlebar {display:none;}
.ui-widget-overlay {background:white;filter:alpha(opacity=80);opacity:0.8;}
{!parse=false}
.ui-corner-all {-moz-border-radius: 0; -webkit-border-radius: 0; }
{!parse=true}
.ui-widget-content {border:0;}

#dialog {padding:16px;margin:0;min-height:50px !important;background:white;display:none;_height:200px;}
#dialog p {font:11px arial;color:#6C6C6C;margin:0;padding:3px 0 0 0;}
.closeimg {cursor:pointer;}

/* VISUELS */
img.imgvisuels {border:1px solid white;}
p.imglegende {font:11px arial;color:#6C6C6C;text-align:left;padding:1px 18px;}

/* NOUVEAU  | BANNIERE & PAGE PHOTO - Ajouté le 17 avril 2009 */

.entete_banniere { width:844px; background:#F9F9EF; height:113px;}
.entete_banniere img { margin:17px 2px 14px 2px; width:840px; height:82px;}

#contenu_large { margin-left: 0; }
#contenu_large h3 { color:#545454; font-size:20px;}
.marge_large { margin:0 38px 0 44px;}

table.photos { width:744px; margin:0 9px;}
table.photos td { width:124px; height:98px; padding-right:15px;} 
table.photos td.nav { height:63px;}
table.photos td.nav_centre { height:63px; width:496px; text-align:center;}
table.photos a {color:#BFBFBF; text-decoration:none;}
table.photos a:hover { color:#000;}

table.photos_form { width:744px; margin:28px 9px;}
table.photos_form .bt_browse { width:63px; height:19px; float:left; font-size:10px; background:#7F7F7F; text-align:center; padding-top:3px;}
table.photos_form .bt_browse a {color:#fff; width:63px; height:21px; display:block; text-decoration:none;}
table.photos_form input.browse { float:left; margin-left:0;}

table.photos_form .bt_name { width:48px; height:19px; float:left; color:#fff; font-size:10px; background:#7F7F7F; text-align:center; padding-top:3px;}
table.photos_form input.name { width:120px; float:left; margin-left:0;}
table.photos_form .bt_last_name { width:73px; height:19px; float:left; color:#fff; font-size:10px; background:#7F7F7F; text-align:center; padding-top:3px;}
table.photos_form input.last_name { width:120px; float:left; margin-left:0;}

table.photos_form .bt_accept { width:196px; height:19px; float:left; color:#fff; font-size:10px; background:#7F7F7F; text-align:left; padding-top:3px; padding-left:8px; text-transform:uppercase;}
table.photos_form .bt_accept input { position:relative; right:4px; top:-2px; float:right;}

table.photos_form .bt_share { width:196px; height:19px; float:left; color:#fff; font-size:10px; background:#000; text-align:left; padding-top:3px; padding-left:8px; text-transform:uppercase;}
table.photos_form .bt_share a {color:#fff; width:196px; height:21px; display:block; text-decoration:none;}

a.retour:hover {color:#575859;}


/*** POPUP lightbox homemade ***/