body {

  background-color: #565656;

  margin: 0px;

  padding: 0px;

  font-family: Verdana,Arial,Helvetica,sans-serif;

  color:#000000;

  font-size: 14pt;
}



img {

	margin: 0;

	border: none;

}



hr {

	width: 80%;

	height: 1px;

	color: rgb(160, 44, 31);

	padding: 0 0 10px 0;

}



.barre {

	text-decoration: line-through;

}

.left {
  float:left;
}

.right {
  float:right;
}



/**************************** CORPS DE LA PAGE ******************************/



#main {

  width: 1024px;

	margin: 0px auto 0 auto;

	padding: 0;

	background-color: #e8dfb8;

}



#navigation {

	display: none;

}
#ariane {
  display: none;
}
#connexion_entete_log {
	display: none;
}
#connexion_entete {
	display: none;
}

/********* colonne de gauche *********/



#col_gauche {

	display: none;

}




/********* colonne de droite (nouvelle) *********/

#col_droite {

	display: none;
  visibility: hidden;
}
#menu {

	display: none;
  visibility: hidden;
}

/********* colonne centrale *********/



#col_centrale {

	position: relative;


	width: 100%;

	margin: 0 1px 20px 1px;

	padding: 0 10px;

	font-family: Arial;

	font-size: 14pt;

	color: #333;

	background-color: rgb(252,253,223);

}



#col_centrale a {

	text-align:left;

	text-decoration: none;

	font-family: Arial;

	font-size: 14pt;

	font-weight: bold;

	color: #565656;

}



#col_centrale a:hover {

	text-align:left;

	text-decoration: underline;

	font-family: Arial;

	font-size: 14pt;

	font-weight: bold;

	color: #A02C1F

}



#col_centrale .encadre {

	overflow: hidden;

	float: left;

	width: 100%;

  border-top: 0px;

  border-left: 1px #B3AD95 solid;

  border-right: 1px #B3AD95 solid;

  border-bottom: 1px #B3AD95 solid;

	margin: 16px 0;

	padding: 0;

	background-color: #E8DFB8;

	font-family: arial,georgia,Times New Roman,Times,serif;

	font-size: 14pt;

	text-align: justify;

	color: #660000;

}



#col_centrale .encadre .titre {

	width: 100%;

	padding: 3px 0px 3px 10px;

	margin: 0px 0px 10px;

	background-color: #B3AD95;

	font-family: arial;

	font-size: 14pt;

	font-weight: bold;

	color: #A02C1F;

	text-align: left;

}

  

#col_centrale .encadre .titre a {

  font-weight: bold; 

	color: #A02C1F;

	font-family: arial;

	text-decoration: none;

}



#col_centrale .encadre .titre a:hover {

  font-weight: bold; 

	color: #A02C1F;

	font-family: arial;

	text-decoration: underline;

}



#col_centrale .encadre p {

	font-size: 14pt;

	text-align: left;

	color: #000;

	text-align: justify;

	padding: 10px;

	margin: 0;

}



#col_centrale .encadre a {

	text-align:left;

	text-decoration: none;

	font-family: Arial;

	font-size: 13pt;

	font-weight: bold;

	color: #565656;

}



#col_centrale .encadre a:hover {

	text-align:left;

	text-decoration: underline;

	font-family: Arial;

	font-size: 13pt;

	font-weight: bold;

	color: #A02C1F;

}



#col_centrale .encadre .line {

clear:both;

padding:0px 0px 0 7px;

}



#col_centrale label {

	display: block;

	width: 100%;

  float: left;

}



#col_centrale img.droite {

	float: right;

	margin: 6px 0 0 6px;

	padding: 0;

}



#col_centrale img.gauche {

	float: left;

	margin: 6px 6px 0 6px;

	padding: 0;

}

#col_centrale img.centre {


	display: block;

	margin: auto;


    float: none;

}

#col_centrale p img {

  float: left;
  margin: 0 10px 10px 0;
}

#col_centrale p.centre img {

	display: block;

	margin: auto;

  float: none;

}

#col_centrale p.centre {

	display: block;
  text-align:center;
	margin: auto;
  float: none;

}

#col_centrale .encadre_2 {

	overflow: auto;

	float: left;

	width: 100%;

  border-top: 0px;

  border-left: 1px #B3AD95 solid;

  border-right: 1px #B3AD95 solid;

  border-bottom: 1px #B3AD95 solid;

	margin: 16px 0px 16px 10px;

	padding: 0;

	background-color: #E8DFB8;

	font-family: arial,georgia,Times New Roman,Times,serif;

	font-size: 14pt;

	text-align: justify;

	color: #660000;

}



#col_centrale .encadre_2 .titre {

	width: 100%;

	padding: 3px 0px 3px 10px;

	margin: 0px 0px 10px;

	background-color: #B3AD95;

	font-family: arial;

	font-size: 14pt;

	font-weight: bold;

	color: #A02C1F;

	text-align: left;

}

  

#col_centrale .encadre_2 .titre a {

  font-weight: bold; 

	color: #A02C1F;

	font-family: arial;

	text-decoration: none;

}



#col_centrale .encadre_2 .titre a:hover {

  font-weight: bold; 

	color: #A02C1F;

	font-family: arial;

	text-decoration: underline;

}



#col_centrale .encadre_2 p {

	font-size: 14pt;

	text-align: left;

	color: #000;

	text-align: justify;

	padding: 10px;

	margin: 0;

}



#col_centrale .encadre_2 a {

	text-align:left;

	text-decoration: none;

	font-family: Arial;

	font-size: 14pt;

	font-weight: bold;

	color: #565656;

}



#col_centrale .encadre_2 a:hover {

	text-align:left;

	text-decoration: underline;

	font-family: Arial;

	font-size: 14pt;

	font-weight: bold;

	color: #A02C1F;

}



#col_centrale .encadre_2 .line {

clear:both;

padding:0px 0px 0 7px;

}





#main .suite {

	margin: 10px 10px 5px 0;

	float: right;

}



/* Titre Colonne Centrale */



#titre_centrale {

	width: 100% !important;

	float: left;

	height:28px;

	background-color: #B3AD95;

	margin: 0px 1px 0px 1px;

	font-family: Arial;

	font-size: 24pt;

	color: #a02c1f;

	font-weight: bold; 

  font-family: 'Courier New',georgia,'Times New Roman',Times,serif;

  text-align: center;

}



#sous_titre_centrale {

	width: 100% !important;

	float: left;

	margin: 0px 1px 0px 1px;

	background-color: #A02C1F;

	font-family: Arial;

	font-size: 27pt;

	font-weight: normal;

	color:#B3AD95;

	font-family: arial,georgia,Times New Roman,Times,serif;

	text-align: center;

}



/**************************** ENTETE **********************************/



#entete {

	position: relative;

	width: 100%;

	height: 80px;

	margin: 0 auto;

	padding: 0;

	border: 1px solid #333;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: bold;

	color: #fff;

}



#entete .herodote {

	padding: 0 0 0 15px;

	width: auto;

	font-size: 36pt;

	color: #900;

	text-align: left;

	float: left;

}



#entete .bandeau1 {

	position: absolute;

	left: 0;

	top: 2px;

	padding: 0 0 0 11px;

	font-size: 36pt;

	text-align: left;

	font-weight: bolder;

	color: #600;

	z-index: 14;

}



#entete .bandeau2 {

	position: absolute;

  top: 40px;

  left: 10px;

	padding: 0 2px;

	font-size: 20pt;

	color: #c00;

	background-color: rgb(255,204,102);

	vertical-align: middle;

	text-transform: uppercase;

	text-align: right;

  white-space: nowrap;

	float: left;

	z-index: 4;

}



#entete .bandeau3 {

	padding: 0 0 0 15px;

	font-size: 22pt;

	font-weight: bold;

	font-style: italic;

	vertical-align: middle;

	color: rgb(204,0,0);

	float: left;

}



#entete .bienvenue {

	padding: 0;

	font-size: 17pt;

	font-weight: bold;

	vertical-align: middle;

	color: rgb(204,0,0);

	float: left;

}



#bandeau_print {

	display: none;

}





/* Forumulaire rappel Amis */



#nhpc_form {
	display: none;
}



#nhpc_form .titre {

	font-size: 17px;

	font-weight: bold;

}



#nhpc_form fieldset {

	float: left;

	width: 154px;

	border: none;

	padding: 0;

	margin: 0;

}



#nhpc_form p {

	font-family: arial;

	font-size: 10px;

	float: left;

	width: 67px;

	margin: 0;

	text-align: left;

}



#nhpc_form a {

	font-family: arial;

	font-size: 10px;

	float: left;

	color: #c00;

}



#nhpc_form .champ {

	float: left;

	margin: 0 12px 0 0;

	width: 54px;

	height: 14px;

	background-color: #fffcce;

	border: 1px solid #600;

	font-size: 10px;

}



#nhpc_form .bouton {

	float: left;

	width: 17px;

	height: 17px;

	background-color: #fffcce;

	background-image: url(/_design/squarepush.gif);

	background-repeat: no-repeat;

	border: none;

	padding: 0;

	margin: 0 0 0 -6px;

	cursor: pointer;

}



/********* navigation dans le temps pour les pages évenements *********/







/**************************** MENU DU BAS ******************************/



#menu_mic {
	display: none;
  visibility:hidden;
}



#menu_mic #copyright {
	display: none;
  visibility:hidden;
}



#menu_mic #compteur {
	display: none;
  visibility:hidden;

}



#menu_mic li {
	display: none;
  visibility:hidden;
}



#menu_mic li a {
	display: none;
  visibility:hidden;
}



#menu_mic li a:hover, #nav li a:visited, #nav li a:active {
	display: none;
  visibility:hidden;
}

#menu_liens_footer {
	display: none;
  visibility:hidden;
}



/********* colonne de gauche *********/



#col_gauche .outil p {

	display: none;

}



#col_gauche .outil form {

	display: none;

}



#col_gauche .outil fieldset {

	display: none;

}



#col_gauche .outil img {

	display: none;

}



#col_gauche .outil img.separateur {

	border: none;

}







/********* colonne centrale *********/



#col_centrale .chapeau {

	margin: 15px 0 40px 0;

  font-weight: bold;

}



#col_centrale #fond {

	width: 100%;

	margin: 0;

	padding: 0;

	font-family: Arial;

	font-size :15pt;

	color: #333;

	text-align: justify;

}



#col_centrale p {

	margin: 0 0 15px 0;

	padding: 0;

	text-align: justify;

	font-family: Arial;

	font-size :15pt;

	color: #333;

}



#col_centrale .inter {

	float: left;

	width: 100%;

	margin: 20px 0 10px 0;

	padding: 0 0 0 18px;

	font-family: georgia, "Times New Roman", Times, serif;

	font-size: 17pt;

	font-weight: bold;

	color: #600;

	background: url(/_design/pointcarre.png) no-repeat left center;

}



#col_centrale .inter2 {

	float: left;

	width: 100%;

	margin: 20px 0 15px 0;

	padding: 0;

	font-family: georgia, "Times New Roman", Times, serif;

	font-size: 15pt;

	font-weight: bold;

	color: #600;

}

#logo_ina {

	width: 265px;

	padding: 0;

	margin: 16px 0 0 0;

  float: left;

}

#longueur {

	padding: 0;

	margin: 16px 0 0 0;

  float: left;

}



#longueur p, #logo_ina p {

  font-size :15pt;

  text-align: left;

}



#longueur img, #logo_ina img {

	display: inline;

	float: none;

	margin: 0 3px 0 0;

	border: none;

}



/********* colonne de droite (nouvelle) *********/



#col_droite .encadre2 {
	display: none;
}



/* Divers */

p.agenda_lieu {

    background: url(/_design/pointcarre.png) no-repeat left center;

    padding: 0 0 0 18px;

    font-weight: bold;

}



hr.agenda {

	width:100%;

  height: 1px;

  margin: 20px 0;

  padding: 0;

}



</* Fin de la CSS valide */



/**************************** PAVE ID **********************************/



#entete .paveid {

	float: right;

	z-index: 19;

}







.outil {

	width: 90% !important;

	margin: 0 0 15px 0;

	padding: 10px 5% 10px 5%;

  background-color: white;

  border-left: 1px solid #a87e58;

  border-right: 1px solid #e3c8ae;

  border-bottom: 1px solid #e3c8ae;

  border-top: none;

	font-family: Arial;

	font-size :15pt;

	text-align: center;

	color: #600;

  overflow: auto;

}



.outil p {

	font-family: Arial;

	font-size :15pt;

	font-weight: bold;

	color: #600;

	margin: 0 0 5px 0;

	padding: 0;

}



.outil form {

	margin: 0;

	padding: 0;

	font-family: Arial;

	font-size :15pt;

	border: none;

	background-color: white;

	border: none;

	font-size :15pt;

	color: #600;

}



.outil fieldset {

	border: none;

	font-family: Arial;

	font-size :15pt;

	color: black;

	margin: 0;

	padding: 0;

}



.outil img {

	padding: 2px;

	border: 1px #000 solid;

}



.outil img.separateur {

	border: none;

}



.outil_titreddd {

	width: 229px !important;

  height:auto;

	margin: 0;

	padding: 4px 0 6px 26px;

	background-color: #a02c1f;

  line-height: 14px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size :15pt;

	font-weight: 900;

	color: #fff;

	text-align: left;

}



#col_gauche .encadre2 {


	display: none;


}







.encadre2 a:link, .encadre2 a:visited {







	color: #fcfddf;







}





/********* colonne de droite *********/







#col_centre {







	position: relative;







	float: right;







	width: 530px;







	margin: 0 0 20px 0;







	padding: 0 10px;







	font-family: Arial;







	font-size :15pt;







	color: #333;







	background-color: rgb(252,253,223);







}







#col_centre .chapeau {







	margin: 15px 0 40px 0;







    font-weight: bold;







}







#col_centre #fond {







	width: 500px;







	margin: 0;







	padding: 0;







	font-family: Arial;







	font-size :15pt;









	color: #333;







	text-align: justify;







}







#col_centre p {







	margin: 0 0 15px 0;







	padding: 0;







	text-align: justify;







	font-family: Arial;







	font-size :15pt;







	color: #333;







}













/********* colonne unique large *********/







#col_large {







	position: relative;







	width: 780px;







	margin: 0 0 20px 0;







	padding: 4px 10px;







	font-family: georgia, "Times New Roman", Times, serif;







	font-size :15pt;







	color: #f9f7e8;







	background-color: #600;







}







#col_large .chapeau {







	margin: 15px 0 40px 0;







    font-weight: bold;







}







#col_large .colonnegauchetexte, #col_large .colonnedroitetexte {







	width: 48%;







	margin: 0;







	padding: 0;







	font-family: georgia, "Times New Roman", Times, serif;







	font-size :15pt;







	color: #f9f7e8;







	text-align: justify;







    float: left;







}







#col_large .colonnedroitetexte {







    float: right;







}







#col_large .colonnegrande, #col_large .colonnepetite {







	width: 58%;







	margin: 0;







	padding: 0;







	font-family: georgia, "Times New Roman", Times, serif;







	font-size :15pt;







	color: #f9f7e8;







	text-align: justify;







    float: left;







}







#col_large .colonnepetite {







	width: 38%;







    float: right;







}







#col_large p {







	margin: 0 0 15px 0;







	padding: 0;







	text-align: justify;







	font-family: georgia, "Times New Roman", Times, serif;







	font-size :15pt;







	color: #f9f7e8;







}







#titre_large {







	width: 1024px;







	margin: 0;







	padding: 5px 0 0 0;







	font-family: georgia, "Times New Roman", Times, serif;







	font-size: 18pt;







	font-weight: bold;







	color: #333;







	text-align: center;







}







#col_large #even_titre {







	margin: 0;







	padding: 0 0 5px 0;







	font-family: georgia, "Times New Roman", Times, serif;







	font-size: 18pt;







	font-weight: bold;







	font-style: italic;







	color: #c00;







	text-align: center;







}







#col_large .inter {







	float: left;







	width: 512px;







	margin: 20px 0 10px 0;







	padding: 0 0 0 18px;







	font-family: georgia, "Times New Roman", Times, serif;







	font-size: 17pt;







	font-weight: bold;







	color: #600;







	background: url(/design/pointcarre.png) no-repeat left center;







}







#col_large .inter2 {







	float: left;







	width: 530px;







	margin: 20px 0 15px 0;







	padding: 0;







	font-family: georgia, "Times New Roman", Times, serif;







	font-size: 15pt;







	font-weight: bold;







	color: #600;







}







#col_large .encadre {







	overflow: auto;







	float: left;







	width: 780px;







	border: none;







	margin: 16px 0;







	padding: 0;







	background-color: #cff;







	font-family: Arial, Helvetica, sans-serif;







	font-size :15pt;







	text-align: justify;







	color: #000;







}







#col_large .encadre .titre {







	width: 520px;







	padding: 3px 0 3px 10px;







	margin: 0 0 10px 0;







	background-image: url(/design/encadre.jpg);







	background-position: left top;







	font-family: Georgia, "Times New Roman", Times, serif;







	font-size: 17px;







	font-weight: bold;







	color: rgb(252,253,223);







	text-align: left;







}







#col_large .encadre p {







	font-size :15pt;







	text-align: left;







	color: #000;







	text-align: justify;







	padding: 10px;







	margin: 0;







}







#col_large .centre {







	width: 100%;







    padding: 0;







	background-color: #600;







	text-align: center;







    float: left;







}























/* Positionnement des images dans le texte */















#col_droite p img.gauche {


	display: none;

}







#col_droite p img.droite {



	display: none;





}















#col_droite .centre {


	display: none;


}







#col_droite .centre img {

	display: none;
}







#col_droite .encadre .centre {




	display: none;



}







#col_droite .encadre .centre img {




	display: none;





}















.signature {







	width: 520px;







	font-style: italic;







	margin: 10px 10px 10px 0;







	padding: 0;







	font-family: georgia, "Times New Roman", Times, serif;







	font-weight: bold;







	font-size :15pt;







	color: #600;







	text-align: right;







}







#col_droite #episode_suivant {





	display: none;




}







#col_droite #episode_suivant img {






	display: none;






}















/******************************* PAGES D'ACCUEIL ****************************/







#colonne_1, #colonne_1_2 {



display:none;
visibility:hidden;



}







.titre_rubrique {







	width: 243px;







	height: auto;







	font-family: Georgia, "Times New Roman", Times, serif;







	font-size: 13px;







	font-weight: bolder;







	text-decoration: none;







	background: url(/design/rubrique_titre.png) no-repeat;







	margin: 0;







	padding: 4px 0 5px 10px;







	text-align: left;







	color: #fff;







}















.rubrique {







	overflow: auto;







	width: 231px;







	margin: 0 0 15px 0;







	padding: 5px 10px 10px 10px;







	font-family: Arial;







	font-size :15pt;







  border-left: 1px solid #a87e58;



  border-right: 1px solid #e3c8ae;



  border-bottom: 1px solid #e3c8ae;



  border-top: none;







	background-color: white;







	color: #600;







}







.encadre3 {







	overflow: auto;







	width: 232px;







	margin: 0 0 16px 0;







	padding: 10px;







	font-family: Arial;







	font-size :15pt;







	text-align: left;







	color: #600;







	background-color: rgb(255,255,204);







	border: 1px rgb(204,153,102) solid;







}







.rubrique .encadre {







	float: left;







	overflow: auto;







	width: 221px;







	font-family: Arial;







	font-size :15pt;







	text-align: left;







	margin: 5px 0 0 0;







	padding: 5px;







	color: #600;







	background-color: rgb(255,255,204);







	border: 1px rgb(204,153,102) solid;







}







.rubrique p {







	font-family: Arial;







	font-size :15pt;







	text-align: left;







	margin: 0;







	padding: 0;







}







.rubrique form {







	margin: 0;







	padding: 0;







	font: 8px Georgia;







	border: none;







	background-color: white;







	border: none;







	font-size :15pt;







	color: #600;







}







#colonne_1 .outil_titre, #colonne_1_2 .outil_titre {



display:none;
visibility:hidden;






}







#colonne_2 {



display:none;
visibility:hidden;






}















#colonne_2 .outil_titre {



display:none;
visibility:hidden;





}







#colonne_3, #colonne_3_2 {



display:none;
visibility:hidden;




}







#colonne_3 .outil_titre, #colonne_3_2 .outil_titre {


display:none;
visibility:hidden;





}







#boutique .outil_titre {




display:none;
visibility:hidden;



}























#boutique .rubrique {







	overflow: auto;







	width: 370px;







	margin: 0 0 20px 0;







	padding: 5px 10px 10px 10px;







	font-family: Arial;







	font-size :15pt;







	border: none;







	background-color: white;







	color: #600;







}















.blocaccueil {







	width: 233px !important;







	margin: 0 0 16px 0;







	padding: 10px;







	font-family: Arial, "Times New Roman", Times, serif;







	font-size :15pt;







	font-weight: bold;







	border: none;







	background-color: #fff;







	color: #600;







}







.blocaccueil  p {







	text-align: left;







	margin: 10px 0 0 0;







	padding: 0;







	font-weight: bold;







}







.blocaccueil h1 {







	font-family: Georgia, "Times New Roman", Times, serif;







	padding: 0;







	margin: 0 0 10px 0;







	font-size: 17px;







	font-weight: bolder;







	color: #c00;







}







.rubrique img.gauche {







	float: left;







	margin: 6px 6px 0 0;







	padding: 0;







}







.rubrique img.droite {







	float: right;







	margin: 6px 0 0 6px;







	padding: 0;







}







.rubrique img.centre {







	float: none;







	margin: 6px auto 0 auto;







	padding: 0;







}















/************************* PAVE APPROFONDIR ****************************/







#approfondir {







	float: right;







	width: 550px;







	margin: 0 0 20px 0;







	padding: 10px 0 10px 0;







	background-color: #ff9;







	font-size :15pt;







}







#approfondir p {







	font-family: Arial, "helvetica", Times, serif;







	font-weight: bold;







	color: #600;







	font-size :15pt;







	margin: 0;







	padding: 0 10px;







	background-color: #ff9;







	font-size :15pt;







}







#app_titre {







	float: right;







	width: 540px;







	background-image: url(/design/titre_dossier.png);







	background-position: left top;







	background-repeat: no-repeat;







	margin: 0;







	padding: 5px 0 5px 10px;







	font-family: "Times New Roman", Times, serif;







	color: #600;







	font-size: 18px;







	font-weight: bold;







}















/********************************* REACTIONS *********************************/







#reaction {







	width: 1024px;







	margin: 0;







	padding: 0;







	font-family: Georgia, "Times New Roman", Times, serif;







	/*font-weight: bold;*/







	font-size :15pt;







	line-height: 1.5;







	color: #600;







	text-align: left;







}







#reaction #fond {







	overflow: auto;







	width: 100%;







	float: left;







	padding: 0;







	margin: 0 0 20px 0;







	background-color: #fcfddf;







}







#reaction #titre {







	float: left;







	width: 775px;







	text-align: left;







	font-family: Georgia, "Times New Roman", Times, serif;







	font-weight: bold;







	font-size: 17px;







	background-image: url(/design/reactions.png);







	background-position: left top;







	background-repeat: no-repeat;







	color: #fff;







	padding: 2px 10px 2px 15px;







	margin: 0;







}







#reaction p {







	font-weight: bold;







	font-size :15pt;







	color: #600;







	padding: 0 0 10px 10px;







	margin: 10px 0 0 0;







}







#reaction form {







	font-size :15pt;







	color: #600;







	margin: 10px 0 0 0;







	padding: 0 0 10px 10px;







}







#reaction form input {







	padding: 0;







	margin: 10px 10px 0 0;







}







.text_reaction {







	margin: 0 15px;







	padding: 0 0 10px 0;







	border-bottom: 1px solid #660000;







	font-family: Arial, Helvetica, sans-serif;







	font-size :15pt;







	line-height: 1;







	color: #000;







}







#textarea_reaction {







	width: 490px;







	height: 70px;







}







.date {







	font-size: 11px;







}







#avertissement {







	font-size: 10px;







	margin: 0 0 10px 0;







	padding: 0;







}





















/* style d'inter utilisé dans les anciens articles à 2 colonnes ! */







.inter3 {







	width: 100%;







	margin: 0 0 20px 0;







	text-align: center;







	font-family: "Times New Roman", Times, serif;







	font-size: 20px;







	color: #000080;







}







.carte {







	width: 175px;







	height: 82px;







	margin: 0 0 0 8px;







	padding: 50px 0 0 0;







	font-size: 13px;







	font-weight: bold;







	font-style: italic;







	text-align: center;







	float: right;







}







.gauche {







	float: left;







}























/*







#bas_page {







	width: 1024px;







	margin: 0 auto;







	padding: 0;







	text-align: left;







	clear: both;







}







*/























.tableau_item {







	margin: 0;







	padding: 5px 1em;







	font-family: Arial;







	font-size :15pt;







	font-weight: bold;







	color: #600;







}







ul {







	position: relative;







	margin: 0 0 0 18px;







	padding: 0;







	line-height: 2;







	text-align: left;







}





















/****************************** footer ***************************/







#pratique {







	float: right;







	position: relative;







	width: 550px;







	padding: 0;







	margin: 0 0 20px 0;







}







#pratique #top, #pratique #amis {







    margin: 0 10px 0 0;







    padding: 3px;







    background-color: rgb(252,253,223);







    float: left;







}















/******************************* POP-UP ********************************/







#pop-up {







	position: absolute;







	left: 33%;







	top: 66%;







	width: 360px;







	padding: 0;







	border: 1px solid #000;







	background: #fff;







	font-family: Arial;







	z-index: 2;







	visibility: hidden;







	overflow: hidden;







}







#pop-up #barre {







	width: 350px;







	height: 30px;







	background-image: url(/Images/barremarron.jpg);







	padding: 0 8px;







	text-align: right;







	font-family: Georgia, "Times New Roman", Times, serif;







	font-size: 24px;







	font-style: italic;







	font-weight: bold;







	color: #fff;







}







#pop-up #soustitre {







	width: 100%;







	height: 26px;







	padding: 8px 0 0 8px;







	background: #ffc;







	font-size :15pt;







	font-style: italic;







	font-weight: bold;







}







#pop-up #contenu {







	padding: 8px;







}







#footer_print {







	display: none;







}



















.lienchic {







	font-family: "Times new roman";







	font-weight: bold;







	text-decoration: none;







	color: #600;







}















/**************************** HISTOIRE DU JOUR ******************************/







a.histliendate {







    font-family: Georgia, "Times New Roman, Times";







    text-decoration: none;







    color: #600;







}







a.histlien {







    font-family: Georgia, "Times New Roman, Times";







    color: #c60000;







}







div.histtitre {







    padding-top: 5px;







    font-family: Georgia, "Times New Roman, Times";







    color: #660000;







    font-size :15pt;







    font-weight: bold;







    text-align: center;







}







div.histtexte {







    padding-left: 5px;







    padding-right: 5px;







    text-indent: 0;







    font-family: Arial;







    color: #600;







    font-size: 10px;







    text-align: center;







}















/**************************** ALMANACH ******************************/







.almanach_ID {







	width: 20px;







	margin: 20px 0 15px 0;







    font-size: 8px;







    float: right;







}







.almanach_inter2 {







	width: 500px;







	margin: 20px 0 15px 0;







	padding: 0;







	font-family: georgia, "Times New Roman", Times, serif;







	font-size: 15px;







	font-weight: bold;







	color: #600;







}







/**************************** AGENDA ******************************/







.agenda_ID {







	float: right;







    font-size: 8px;







}















h2.agenda_titre {







    width: 530px;







    padding: 0;







	margin: 0 0 5px 0;







    background: none;







    font-size: 17px;







}















a.compte-rendu {







	float: right;







	width: 88px;







	height: 32px;







	background: url(/Images/compte-rendu1.png) no-repeat bottom;







}







a:hover.compte-rendu {







	background: url(/Images/compte-rendu2.png) no-repeat bottom;







}















/************************** CARTES HOUOT ****************************/







.menu_cartes_js {







	width: 530px;







    margin: 3px auto;







    clear: both;







}







.menu_cartes_js .menu_item {







	width: 105px;







    margin: 10px 0;







    text-align: center;







    float: left;







    background: #ccc;







}







.cartes_js {







	position: relative;







    margin: 0 0 20px 0;







	clear: both;







}







.cartes_js img {







	display: block;







	position: absolute;







	top: 0;







	visibility: hidden;







}















/************************** GALERIES ****************************/







#diaporama {







	width: 530px;







    margin: 0 auto;







}







#col_large .menu_cartes_js {







	width: 530px;







    margin: 3px auto;







    clear: both;







}







#col_large .menu_cartes_js .menu_item {







	width: 105px;







    margin: 10px 0;







    text-align: center;







    float: left;







    background: #ccc;







}







#col_large .cartes_js {







	position: relative;







	width: 530px;







    margin: 0 0 20px 0;







	clear: both;







}







#col_large .cartes_js img {







	display: block;







	position: absolute;







	top: 0;







	visibility: hidden;







}















/**************************** BOUTIQUE ******************************/







#page_boutique #popup1 {







	position: absolute;







	top: 280px;







	left: 10%;







	width: 597px;







	margin: 0 auto;







	padding: 0;







	z-index: 7;







}







#page_boutique #blocbloc {







	float: left;







	width: 597px;







	margin: 0 auto;







	padding: 0;







	background-color: white;







	border-width: 1px;







	border-style: solid;







	border-color: #663;







	z-index: 7;







}







#page_boutique #blocimage {







	position: relative;







	width: 200px;







	float: right;







	margin: 0;







	padding: 0;







	z-index: 2;







	background-color: white;







	border-width: 1px 1px 1px 0;







	border-style: solid;







	border-color: #663;







}







#page_boutique .barretitre {







	position: relative;







	float: left;







	width: 589px;







	height: 30px;







	z-index: 1;







	padding: 0 0 0 8px;







	margin: 0;







	background-image: url(/Images/barremarron.jpg);







	font-family: Georgia, "Times New Roman", Times, serif;







	font-size: 24px;







	font-style: italic;







	font-weight: bold;







	color: #fff;







	border: 0;







}







#page_boutique .barresoustitre {







	position: relative;







	float: left;







	width: 580px;







	height: auto;







	z-index: 2;







	padding: 8px;







	margin: 0;







	font-family:  Arial;







	font-size :15pt;







	font-style: italic;







	font-weight: bold;







	color: #600;







	background-color: #ffc;







}







#page_boutique .colonnegauchetexte {







	position: relative;







	width: 47%;







	height: auto;







	float: left;







	margin: 0;







	padding: 1.5% 0.5% 1.5% 1.5%;







	float: left;







	z-index: 2;







	background-color: #fff;







	font-family: Arial, Helvetica, sans-serif;







	font-size :15pt;







  	color: #666;







	text-align: left;







}







#page_boutique .colonnedroitetexte {







	position: relative;







	width: 47%;







	height: auto;







	float: right;







	margin: 0;







	padding: 1.5% 1.5% 1.5% 0.5%;







	z-index: 2;







	background-color: #fff;







	font-family: Arial, Helvetica, sans-serif;







	font-size :15pt;







	color: #666;







	text-align: left;







}



#Nos_commentaires
{
  display:none;
  visibility:hidden;
}

#votre_Avis_Encadre
{
  display:none;
  visibility:hidden;
}

#page_boutique .commentaires {







	z-index: 2;







	bottom: 0;







	left: 0;







	font-family: Arial, Helvetica, sans-serif;







	font-size: 11px;







	padding: 0 0 3px 3px;







	color: #666;







	background-color: #fff;







}







#page_boutique form {







	position: relative;







	float: left;







	margin: 0;







	padding: 0;







	border-width: 0;







	width: 100px;







	height: 50px;







}







#page_boutique input {







	margin: 0;







	padding: 0;







	border-width: 1px;







}







#page_boutique .pix {







	position: relative;







	float: left;







	margin: 0;







	padding: 0;







	border-style: solid;







	border-color: #999;







	border-width: 1px;







	z-index: 1;







}







#page_boutique .pix2 {







	position: relative;







	float: left;







	margin: 0;







	padding: 0;







	z-index: 1;







}







#page_boutique p {







	float: left;







	width: 100%;







	margin: 0;







	padding: 0 0 10px 0;







}







p#cnil {







	font-size: 10px;







}







/******** style pour les boutons commander et savoir plus *********/







a.commander {







	float: right;







	width: 88px;







	height: 32px;







	background: url(/Images/orange.gif) no-repeat bottom;







}







a:hover.commander {







	background: url(/Images/orange2.gif) no-repeat bottom;







}















a.savoir {







	float: right;







	width: 88px;







	height: 32px;







	background: url(/Images/savoirplus.gif) no-repeat bottom;







}







a:hover.savoir {







	background: url(/Images/savoirplus2.gif) no-repeat bottom;







}















a.panier, a.panier_adherer {







	float: right;







	width: 88px;







	height: 32px;







	background: url(/Images/ajouter1.png) no-repeat bottom;







}







a.panier_adherer {







	background: url(/Images/adherer1.png) no-repeat bottom;







}







a:hover.panier {







	background: url(/Images/ajouter2.png) no-repeat bottom;







}







a:hover.panier_adherer {







	background: url(/Images/adherer2.png) no-repeat bottom;







}















.titre_panier {







	width: 774px;







    height: 24px;







	margin: 0;







	padding: 6px 0 0 26px;







	background: #dcba9c url(/design/chapeau_boutique.png) no-repeat;







	font-family: Georgia, "Times New Roman", Times, serif;







	font-size :15pt;







	font-weight: 900;







	color: #fff;







	text-align: left;







}







.contenu_panier {







	width: 780px;







	margin: 0 0 15px 0;







	padding: 5px 10px 10px 10px;







	font-family: Arial;







	font-size :15pt;







	border: none;







	background-color: white;







	color: #600;







}







.contenu_panier2 {







	width: 780px;







    margin: 0;







	padding: 5px 10px 0 10px;







	font-family: Arial;







	font-size :15pt;







	border: none;







	background-color: white;







	color: #600;







}







.paiement_panier {



	display: none;



}







.table_panier {


	display: none;




}







#page_boutique td, #scellius td {



	display: none;






}







#page_boutique .lib_produit, #scellius .lib_produit {




	display: none;




}















/********* SCELLIUS ***************/







#scellius #col_gauche {


	display: none;






}







#form_ident {



	display: none;







}







#form_ident fieldset {




	display: none;






}







#form_ident input {




	display: none;






}







/************ SOUS MENU************/







/* div item caches par defaut */







.item{

  display: none;


}


.styleOutMenu{







 







}