body {

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

	margin: 0px;

	padding: 0px;

}



img {



	margin: 0;



	border: none;



}



hr {



	width: 80%;



	height: 1px;



	color: #333;



	padding: 0 0 10px 0;



}



.barre {



	text-decoration: line-through;



}







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



#entete {



	position: relative;



	width: 800px;



	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: 36px;



	color: #900;



	text-align: left;



	float: left;



}







#entete .bandeau1 {



	position: absolute;



	left: 0;



	top: 2px;



	padding: 0 0 0 11px;



	font-size: 36px;



	text-align: left;



	font-weight: bolder;



	color: #600;



	z-index: 14;



}







#entete .bandeau2 {



	position: absolute;



    top: 40px;



    left: 10px;



	padding: 0 2px;



	font-size: 20px;



	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: 22px;



	font-weight: bold;



	font-style: italic;



	vertical-align: middle;



	color: rgb(204,0,0);



	float: left;



}



#entete .bienvenue {



	padding: 0;



	font-size: 17px;



	font-weight: bold;



	vertical-align: middle;



	color: rgb(204,0,0);



	float: left;



}



#bandeau_print {



	display: none;



}







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



#entete .paveid {



	float: right;



	z-index: 19;



}



#nhpc_form {



	position: absolute;



	right: 0;



	top: 0;



	width: 154px;



	height: 74px;



	margin: 0;



	padding: 3px;



	background: #fff;



	border: 2px ridge #fcfddf;



	font-size: 12px;



	color: #660000;



	border: none;



	border-left: 1px #000 solid;



	text-align: left;



}



#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;



}







/* BARRE MENU PRINCIPALE */



ul#menu {



	position: relative;



	height: 20px;



	margin: 0 auto;



	padding: 0;



	width: 800px;



	background-color: #fcfddf;



	list-style: none;



	text-transform: uppercase;



	font: 11px  arial, "times new roman";



	color: #900;



	text-align: center;



}



ul#menu li {



	width: 80px;



	display: block;



	text-transform: uppercase;



	font-weight: bold;



	text-align: left;



	float: left;



	background-color: #fcfddf;



}



ul#menu li#rub {



	width: 80px;



	display: block;



	background: #660000;



	font-weight: bold;



	color: #fcfddf;



	text-align: left;



	float: left;



}



ul#menu li a {



	display: block;



	padding: 2px 0;



	border: 1px solid #ccc;



	color: #600;



	text-align: center;



	text-decoration: none;



	white-space: nowrap;



}



ul#menu li#rub a {



	display: block;



	padding: 2px 0;



	border: 1px solid #ccc;



	color: #fcfddf;



	text-align: center;



	text-decoration: none;



	white-space: nowrap;



}



ul#menu li a:hover {



	padding: 2px 0;



	color: #fff;



	background-color: #c96;



	border-top-color: #f0f0f0;



	border-left-color: #f0f0f0;



	border-right-color: #999;



	border-bottom-color: #999;



}



/* BARRE MENU PRINCIPALE (version modifiée avril 2010) */



ul#menu2 {



	position: relative;



	height: 20px;



	margin: 0 auto;



	padding: 0;



	width: 800px;



	background-color: #fcfddf;



	list-style: none;



	text-transform: uppercase;



	font: 11px  arial, "times new roman";



	color: #900;



	text-align: center;



}



ul#menu2 li {



/*	width: 80px; */



	display: block;



	text-transform: uppercase;



	font-weight: bold;



	text-align: left;



	float: left;



	background-color: #fcfddf;



}



/*ul#menu2 li:last-child {



	width: 89px; 



	display: block;



	text-transform: uppercase;



	font-weight: bold;



	text-align: left;



	float: left;



	background-color: #fcfddf;



}

*/

ul#menu2 li#rub {



/*	width: 80px; */



	display: block;



	background: #660000;



	font-weight: bold;



	color: #fcfddf;



	text-align: left;



	float: left;



}



ul#menu2 li a {



	display: block;



	padding: 2px 8px;



	border: 1px solid #ccc;



	color: #600;



	text-align: center;



	text-decoration: none;



	white-space: nowrap;



}



ul#menu2 li#rub a {



	display: block;



	padding: 2px 8px;



	border: 1px solid #ccc;



	color: #fcfddf;



	text-align: center;



	text-decoration: none;



	white-space: nowrap;



}



ul#menu2 li a:hover {



	padding: 2px 8px;



	color: #fff;



	background-color: #c96;



	border-top-color: #f0f0f0;



	border-left-color: #f0f0f0;



	border-right-color: #999;



	border-bottom-color: #999;



}







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



#main {



    width: 800px;



	margin: 20px auto 0 auto;



	padding:  0;



}







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



#main #periode {



	width: 250px;



    margin: 0 0 20px 0;



    padding: 0;



	text-align: left;



    float: left;



}



#main #nav_dates {



	width: 550px;



	margin: 0 0 20px 0;



	padding: 0;



    text-align: center;



    float: right;



}



#main #periode a, #main #nav_dates a {



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



    padding: 3px;



    font-size: 13px;



}



#main #nav_dates #prec {



	float: left;



	width: auto;



	text-align: left;



	margin: 0;



	padding: 0;



	z-index: 2;



}



#main #nav_dates #suiv {



	float: right;



	width: auto;



	text-align: right;



	margin: 0;



	padding: 0;



	z-index: 2;



}



#main #nav_dates #jour {



	width: auto;



	text-align: center;



	z-index: 1;



	margin: 0;



	padding: 0 5px;



}







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



#col_gauche {



	float: left;



	width: 235px;



	margin: 0;



	padding: 0;



}



.outil {



	width: 90% !important;



	margin: 0 0 15px 0;



	padding: 10px 5% 10px 5%;



    background-color: white;



    border: none;



	font-family: Arial;



	font-size: 12px;



	text-align: center;



	color: #600;



    overflow: auto;



}



.outil p {



	font-family: Arial;



	font-size: 12px;



	font-weight: bold;



	color: #600;



	margin: 0 0 5px 0;



	padding: 0;



}



.outil form {



	margin: 0;



	padding: 0;



	font-family: Arial;



	font-size: 12px;



	border: none;



	background-color: white;



	border: none;



	font-size: 16px;



	color: #600;



}



.outil fieldset {



	border: none;



	font-family: Arial;



	font-size: 12px;



	color: black;



	margin: 0;



	padding: 0;



}



.outil img {



	padding: 2px;



	border: 1px #000 solid;



}



.outil img.separateur {



	border: none;



}

.outil_titre_1colonne {



	width: 210px !important;



  	height:auto;



	margin: 0;



	padding: 4px 0 6px 26px;



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



    line-height: 14px;



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



	font-size: 14px;



	font-weight: 900;



	color: #fff;



	text-align: left;



}


.outil_titre {



	width: 210px !important;



  	height:auto;



	margin: 0;



	padding: 4px 0 6px 26px;



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



    line-height: 14px;



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



	font-size: 14px;



	font-weight: 900;



	color: #fff;



	text-align: left;



}







#col_gauche .encadre2 {



	width: 220px;



	margin: 0;



	padding: 2px;



	background-color: #600;



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



	font-size: 12px;



	color: #fcfddf;



	text-align: center;



}



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



	color: #fcfddf;



}







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



#col_droite {



	position: relative;



	float: right;



	width: 530px;



	margin: 0 0 20px 0;



	padding: 0 10px;



	font-family: Arial;



	font-size: 14px;



	color: #333;



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



}



#col_droite .chapeau {



	margin: 15px 0 40px 0;



    font-weight: bold;



}



#col_droite #fond {



	width: 500px;



	margin: 0;



	padding: 0;



	font-family: Arial;



	font-size: 14px;



	color: #333;



	text-align: justify;



}



#col_droite p {



	margin: 0 0 15px 0;



	padding: 0;



	text-align: justify;



	font-family: Arial;



	font-size: 14px;



	color: #333;



}



#titre {



	float: right;



	width: 550px;



	margin: 0;



	padding: 5px 0 0 0;



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



	font-size: 18px;



	font-weight: bold;



	color: #333;



	text-align: center;



}



#even_titre {



	margin: 0;



	padding: 0 0 5px 0;



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



	font-size: 18px;



	font-weight: bold;



	font-style: italic;



	color: #c00;



	text-align: center;



}



#col_droite .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: 17px;



	font-weight: bold;



	color: #600;



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



}



#col_droite .inter2 {



	float: left;



	width: 530px;



	margin: 20px 0 15px 0;



	padding: 0;



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



	font-size: 15px;



	font-weight: bold;



	color: #600;



}



#col_droite .encadre {



	overflow: auto;



	float: left;



	width: 530px;



	border: none;



	margin: 16px 0;



	padding: 0;



	background-color: #cff;



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



	font-size: 14px;



	text-align: justify;



	color: #000;



}



#col_droite .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_droite .encadre p {



	font-size: 14px;



	text-align: left;



	color: #000;



	text-align: justify;



	padding: 10px;



	margin: 0;



}







/********* 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: 14px;



	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: 14px;



	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: 14px;



	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: 14px;



	color: #f9f7e8;



}



#titre_large {



	width: 800px;



	margin: 0;



	padding: 5px 0 0 0;



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



	font-size: 18px;



	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: 18px;



	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: 17px;



	font-weight: bold;



	color: #600;



	background: url(/design/pointcarre.gif) 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: 15px;



	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: 14px;



	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: 14px;



	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 img {



	float: right;



	padding: 0;



	margin: 0 10px 10px 0;



}



#col_droite p img.gauche {



	float: left;



	padding: 0;



	margin: 0 10px 10px 0;



}



#col_droite p img.droite {



	float: right;



	margin: 0 0 10px 10px;



	padding: 0;







}



#col_droite p img {



	float: left;



	padding: 0;



	margin: 0 10px 10px 0;



}



#col_droite .centre {



	width: 530px;



	text-align: center;



    float: left;



    padding: 0;



}



#col_droite .centre img {



	display: block;



	margin: auto;



    float: none;



}



#col_droite .encadre .centre {



	width: 510px;



	text-align: center;



    float: left;



    padding: 0;



}



#col_droite .encadre .centre img {



	display: block;



	margin: auto;



    float: 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: 14px;



	color: #600;



	text-align: right;



}



#col_droite #episode_suivant {



	float:left;



	width: 520px;



	margin: 10px 0;



	padding: 0 0 0 10px;



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



	font-size: 17px;



	font-weight: bold;



	color: #600;



	text-align: left;



}



#col_droite #episode_suivant img {



	margin: 0;



}







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



#colonne_1, #colonne_1_2 {



	float: left;



	width: 253px;



	margin: 0 20px 0 0;



	padding:0;



}



.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: 233px;



	margin: 0 0 15px 0;



	padding: 5px 10px 10px 10px;



	font-family: Arial;



	font-size: 12px;



	border: none;



	background-color: white;



	color: #600;



}



.encadre3 {



	overflow: auto;



	width: 232px;



	margin: 0 0 16px 0;



	padding: 10px;



	font-family: Arial;



	font-size: 12px;



	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: 12px;



	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: 12px;



	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: 16px;



	color: #600;



}



#colonne_1 .outil_titre, #colonne_1_2 .outil_titre {



	width: 228px !important;



  	height: auto;



	margin: 0;



	padding: 5px 0 5px 26px;



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



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



	font-size: 14px;



	font-weight: 900;



	color: #fff;



	text-align: left;



}



#colonne_2 {



	float: left;



	width: 253px;



    margin: 0;



    padding:0;



}







#colonne_2 .outil_titre {



	width: 228px !important;



  	height: auto;



	margin: 0;



	padding: 5px 0 5px 26px;



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



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



	font-size: 14px;



	font-weight: 900;



	color: #fff;



	text-align: left;



}



#colonne_3, #colonne_3_2 {



	float: right;



	width: 253px;



	margin: 0;



	padding: 0;



}



#colonne_3 .outil_titre, #colonne_3_2 .outil_titre {



	width: 228px !important;



  	height:auto;



	margin: 0;



	padding: 5px 0 5px 26px;



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



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



	font-size: 14px;



	font-weight: 900;



	color: #fff;



	text-align: left;



}



#boutique .outil_titre {



	width: 360px !important;



  	height: auto;



	margin: 0;



	padding: 6px 0 6px 30px;



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



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



	font-size: 14px;



	font-weight: 900;



	color: #fff;



	text-align: left;



}











#boutique .rubrique {



	overflow: auto;



	width: 370px;



	margin: 0 0 20px 0;



	padding: 5px 10px 10px 10px;



	font-family: Arial;



	font-size: 12px;



	border: none;



	background-color: white;



	color: #600;



}



.liste {



	width: auto !important;



	margin: 0;



	padding: 0 0 0 15px;



	line-height: 14px;



	text-align: left;



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



	font-size: 12px;



}



.liste li {



	line-height: 19px;



	padding: 0;



	margin: 0;



}



.blocaccueil {



	width: 233px !important;



	margin: 0 0 16px 0;



	padding: 10px;



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



	font-size: 12px;



	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: 12px;



}



#approfondir p {



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



	font-weight: bold;



	color: #600;



	font-size: 12px;



	margin: 0;



	padding: 0 10px;



	background-color: #ff9;



	font-size: 12px;



}



#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: 800px;



	margin: 0;



	padding: 0;



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



	/*font-weight: bold;*/



	font-size: 12px;



	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: 12px;



	color: #600;



	padding: 0 0 10px 10px;



	margin: 10px 0 0 0;



}



#reaction form {



	font-size: 12px;



	color: #600;



	margin: 10px 0 0 0;



	padding: 0 0 10px 10px;



}



#reaction form input {



	padding: 0;



	margin: 10px 10px 0 0;



}



.text_reaction {



	width: 770px;



	margin: 0 15px;



	padding: 0 0 10px 0;



	border-bottom: 1px solid #660000;



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



	font-size: 14px;



	line-height: 1;



	color: #000;



}



#textarea_reaction {



	width: 760px;



	height: 70px;



}



.date {



	font-size: 11px;



}



#avertissement {



	font-size: 10px;



	margin: 0 0 10px 0;



	padding: 0;



}



#longueur, #logo_ina {



	width: 265px;



	padding: 0;



	margin: 16px 0 0 0;



    float: left;



}



#longueur p, #logo_ina p {



    font-size: 12px;



    text-align: left;



}



#longueur img, #logo_ina img {



	display: inline;



	float: none;



	margin: 0 3px 0 0;



	border: none;



}







/* 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: 800px;



	margin: 0 auto;



	padding: 0;



	text-align: left;



	clear: both;



}



*/











.tableau_item {



	margin: 0;



	padding: 5px 1em;



	font-family: Arial;



	font-size: 12px;



	font-weight: bold;



	color: #600;



}



ul {



	position: relative;



	margin: 0 0 0 18px;



	padding: 0;



	line-height: 2;



	text-align: left;



}







/************************ GESTION DES LIENS DANS LA PAGE ********************/



#main a:link {



	text-align:left;



	text-decoration: none;



	font-family:  Arial;



	font-size: 13px;



	font-weight: bold;



	color: #f60;



}



#main a:active {



	text-decoration: none;



	color: #f60;



}



#main a:visited {



	font-family:  Arial;



	font-size: 13px;



	text-decoration: none;



	font-weight: bold;



	color: #f60;



}



#main a:hover {



	text-decoration: underline;



	font-size: 13px;



	font-weight: bold;



	color: #f00;



}



#main a:hover img {



	text-decoration: none;



	background-color: #fff;



}



#main .suite {



	margin: 30px 0 0 0;



	float: right;



}



#main a.titre {



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



	padding: 0;



	margin: 0;



	text-decoration: underline;



	font-size: 13px;



	font-weight: 900;



	color: #fff;



}



#main a:hover.titre {



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



	padding: 0;



	margin: 0;



	text-decoration: underline;



	font-size: 13px;



	font-weight: 900;



	color: #fff;



}







#main a:visited.titre {



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



	padding: 0;



	margin: 0;



	text-decoration: underline;



	font-size: 13px;



	font-weight: 900;



	color: #fff;



}







/****************************** 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: 12px;



	font-style: italic;



	font-weight: bold;



}



#pop-up #contenu {



	padding: 8px;



}



#footer_print {



	display: none;



}







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



#menu_mic {



	clear:both;



	list-style: none;



	width: 790px;



	height: 20px;



	margin: 0 auto;



	padding: 0 5px;



	z-index: 2;



	background-color: #600;



	text-transform: uppercase;



	font-family: georgia;



	font-size: 12px;



	font-weight: bold;



	color: #fff;



}



#menu_mic #copyright {



	width: 125px;



    margin: 0;



    padding: 0;



    height: 20px;



    line-height: 20px;



    float: left;



}



#menu_mic #compteur {



    float: left;



}



#menu_mic li {



	line-height: 20px;



	position: relative;



	float: right;



	display: inline;



	margin: 0;



	padding: 0;



	color: #fff;



}



#menu_mic li a {



	color: #fff;



	font: 10px Arial, sans-serif;



	line-height: 20px;



	margin: 0;



	padding: 0 5px;



	text-align: center;



	text-decoration: none;



}



#menu_mic li a:hover, #nav li a:visited, #nav li a:active {



	font: 10px Arial, sans-serif;



	color: #600;



	background: #ff9;



	text-decoration: underline;



}



.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: 14px;



    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;



}



p.agenda_lieu {



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



    padding: 0 0 0 18px;



    font-weight: bold;



}



h2.agenda_titre {



    width: 530px;



    padding: 0;



	margin: 0 0 5px 0;



    background: none;



    font-size: 17px;



}



hr.agenda {



	width:530px;



    height: 1px;



    margin: 20px 0;



    padding: 0;



}



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: 12px;



	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: 12px;



  	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: 12px;



	color: #666;



	text-align: left;



}



#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: 14px;



	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: 12px;



	border: none;



	background-color: white;



	color: #600;



}



.contenu_panier2 {



	width: 780px;



    margin: 0;



	padding: 5px 10px 0 10px;



	font-family: Arial;



	font-size: 12px;



	border: none;



	background-color: white;



	color: #600;



}



.paiement_panier {



	width: 780px;



    margin: 0;



	padding: 0 10px 10px 10px;



	font-family: Arial;



	font-size: 12px;



	border: none;



	background-color: white;



	color: #600;



}



.table_panier {



	width: 100%;



	border-collapse: collapse



}



#page_boutique td, #scellius td {



    margin: 0;



    padding: 0 4px;



    border: 1px dotted #600;



    text-align: right;



}



#page_boutique .lib_produit, #scellius .lib_produit {



    text-align: left;



}







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



#scellius #col_gauche {



	padding-top: 0;



    text-align: left;



}



#form_ident {



	width: 490px;



    font-size: 12px;



    text-align: right;



}



#form_ident fieldset {



	border: none;



}



#form_ident input {



	width: 220px;



    font-size: 12px;



}



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



/* div item caches par defaut */



.item{



  display: none;



}



.styleOutMenu{



 



}