/*
#4169E1	bleu bouton + bordure
#ffcc66 jaune orange fond
#FDFC65 jaune pisse police
#DFF2FF bleu ciel claire
#87CEFA bleu clair pour centre

#acc bleu
#ffdc00 Jaune pisse
*/
body{
	margin-left: auto; 
	margin-right: auto; 
	height: 100%;
	width: 760px;
	padding: 0;
	font: 10pt Verdana, Arial, sans-serif;
 	background-color: #ffdc00;
	background-image: url(../../img/fonds.jpg);
	background-repeat: repeat-x;
}
img { 
	border:none 
}
div{ 
	margin: 0;
	padding: 0;
	border: 0;
}
ul { 
	list-style-type:	none; 
	list-style-position:outside; 
}
li { 
	list-style-type:	none; 
	list-style-position:outside; 
}
h1, h2, h3, h4, h5{
	font-family: Verdana, Arial, san-serif;
	color:black;
}
h1 {
	/*background-image: url(../../img/icon/transparent.png);*/
	border-bottom: solid white 1px;
	font-size: 14pt;
	/*margin-left: -6px; */
}
h2 {
	color: black;
	font-size: 12pt;
	font-weight: bold;
}
/*Titre box*/
h3 {
	font-size: 9pt;
	font-weight: bold;
}
h4{
	font-size: 9pt;
    background-image: url(../../img/icon/transparent.png);
}
h5{
    font-size: 7pt;
    font-weight: normal;
    height: 10px;
}
a	{
	text-decoration: none;
	color:black;
}
hr {
	color: red;
	background-color: red;
	height: 1px;
	width:  95%;
	border: 0;
}
/*debut cadrage----------------------------------------------------------------*/
/*CONTENEUR*/
div.head_conteneur{
    height: 104px;
    width: auto;
	border: solid #ddd 0px;
	margin: 0 0 3px 0; /*H D B G*/
	background-repeat: repeat;
}
div.gauche_conteneur{
	float: left;
	height: auto;
	width: 160px;
}
div.centre_conteneur{
	float: right;
	height: auto;
	width: 592px;
    border: solid #ddd 1px;
    margin: 3px 0 3px 0; /*H D B G espace de 3px en haut et en bas du cadre*/
}
/*FIN CONTENEUR*/
div.menu_gauche{
	float: left;
   	height: auto;
	width: 160px;
    border: solid #ddd 1px;
    margin: 3px 0 0 0; /*H D B G espace de 3px en haut du cadre*/
}
h3.titre_box {
	margin-top: 0;
	height: 16px;
	background-image: url(../../img/icon/16016.png);
	text-align: center ;
}
div.menu_horaire{
	float: left;
   	height: auto;
	width: 160px;
    border: solid #ddd 1px;
    padding: 0px 0 0px 0px;
    margin: 3px 0 3px 0; /*H D B G espace de 3px en haut et en bas du cadre car dernière box*/
}

/* -> FIN MENU GAUCHE */
div.menu_nav {
   	height: auto;
   	color: black;
	background-image: url(../../img/icon/transparent.png);
	padding: 0px 0 0px 3px;
}
div.centre{
	height: auto;
	border: solid #ddd 1px;
    margin: 0 0 3px 0; /*H D B G*/
}
div.footer{
	float: left;
    height: 22px;
	width: 759px;
	border: solid #ddd 1px;
	background-image: url(../../img/icon/transparent.png);
}

/*fin cadrage----------------------------------------------------------------*/

/* HEADER ----------------------------------------------------------------*/

div.head_gauche{
	float: left;
	height: 104px;
	width: 160px;
	border: solid #ffdc00 1px;
}
div.head_droite{
	float: right;
	height: 104px;
	width: 592px;
	border: solid #ffdc00 1px;
}
div.head_gauche_img{
	height:104px;
	width: 100px;
	background: url(../../img/logo_35ans.png) no-repeat center;
}
div.head_droite_img{
	height:104px;
	width: 441px;
	background: url(../../img/head.png) no-repeat center;
}
div.picto{
	position: static;
	float:right;
	vertical-align: top;
}
.picto_plan{
	height:21px;
	width:21px;
	background: url(../../img/picto/plan.png) no-repeat center;
}
.picto_print{
	height:21px;
	width:21px;
	background: url(../../img/picto/print.png) no-repeat center;
}
/* MENU GAUCHE----------------------------------------------------------------*/
.menu_gauche ul {
    margin-top: 0;
	height: 150px;
  	padding-left:6px; /*FX supprimer marge fait par ul*/
  	font: 10pt Verdana,Arial,sans-serif ;
}
.menu_gauche li {
	width: 100px;
	margin-bottom: 2px ;/* Espace entre box*/
	border-bottom: solid #ffdc00 1px;
	padding-left: 6px;
	background-image: url(../../img/icon/transparent.png);
	line-height: 22px ;
}
.menu_gauche li:hover{
	padding-left: 10px;
	list-style-image: url(../../img/picto/arrow_full_y.png);
	background-image: url(../../img/icon/transparent.png);
	list-style-position:outside; 
}
.menu_gauche li a {
	display: block ;
	width: 100px;
	text-align: left ;
	text-decoration: none ;
	color: black ; /* modif*/
	padding: 1px 0 ;
}
.menu_gauche li a:hover {
	color: black;
	font-weight: bold;
	padding-left: 5px;
	text-decoration: none ;
	border-right: solid black 1px;
}
.menu_gauche li a:active {
	color: red;
 }
/*MENU HORAIRE */
div.menu_horaire{
	font: 8pt Verdana,Arial,sans-serif ;
}
.menu_horaire table{
	margin-top: -10px;
	margin-bottom: 0px;
    font: 8pt Verdana,Arial,sans-serif ;
}
.menu_horaire th{
	font-weight: bold;
	text-align: left;
}
td.col_gauche{
	width: 60px;
	text-align:left;
}
td.col_droite{
	width: 100px;
	text-align:right;
}
/*MENU NAV */
.menu_nav ul {
  	padding:0 0 0 0; /*FX supprimer marge fait par ul*/
  	margin: 3px 0 0 3px ;  /*H D B G*/
}
.menu_nav a{
   	color: black;
	font: 7pt Verdana,Arial,sans-serif ;
	text-decoration: none ; 	
}
.menu_nav a:hover{
   	color: black;
	font: 7pt Verdana,Arial,sans-serif ;
	font-weight: bold;
	text-decoration: none ;
}
.menu_nav a:active{
	color: red;
	font-weight: bold;
	text-decoration: none ;
}
div.menu_nav img{
	vertical-align: middle;
}
/*MENU NAV GALERIE*/
li.file{
	background-image: url(../../img/icon/file.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 25px; /*H D B G*/
	vertical-align: middle;
}

/*FIN MENU GAUCHE----------------------------------------------------------------*/
.text_accueil {
	font: 9pt Verdana,Arial,sans-serif ;
	text-align: justify ;
	padding: 0px 8px ;
}
.text_culture {
	font: 9pt Verdana,Arial,sans-serif ;
	text-align: justify ;
	padding: 0px 8px ;
}
a.text_titre_culture{
	font: 12pt Verdana,Arial,sans-serif ;
	font-weight: bold;
	color:#009DE0;
}

/*CALENDRIER----------------------------------------------------------------*/
.menu_gauche table{
	margin-top: -10px;
	margin-right: auto;
	margin-left: auto;
}
.titremois  {
	font: 7pt Verdana,Arial,sans-serif ;
	font-weight: bold;
	color: black;
	text-align: center;
}
.titrejours{
	font: 7pt Verdana,Arial,sans-serif ;
 	color: black;
	background-image: url(../../img/icon/transparent.png);
	text-align: center
}
.jour_today{
	font: 8pt Verdana,Arial,sans-serif ;
	color: white;
	font-weight: bold;
	background: red;
	text-align: center;
}
div.rss {
    margin: 5px 0 2px 16px; /*H D B G*/
	height: 20px;
	vertical-align: middle;
}
div.rss a{
	margin-left: 5px;
	color: black;
	font: 8pt Verdana,Arial,sans-serif ;
	vertical-align: top;
}
/*RSS-----------------------------------------------------------------------*/
div.box_rss{
	height: auto;
	width: 580px;
	margin: 3px;
	border: 0px solid #ddd;
}
div.box_titre{
	height: 16px;
	background-image: url(../../img/icon/transparent.png);
}
a.titre_rss{
	font: 9pt Verdana,Arial,sans-serif ;
	color: #4169E1;
	vertical-align:middle;
	text-align: left ;
	padding: 0px 2px ;
}
div.descr_rss{
	font: 8pt Verdana,Arial,sans-serif ;
	text-align: justify ;
	padding: 2px 8px 4px 8px ; /*H D B G*/
}
a.lien_rss{
	font: 8pt Verdana,Arial,sans-serif ;
	color: red;
	vertical-align:middle;
	text-align: left ;
	padding: 0px 0px 8px 8px ;
}
/*PRODUIT----------------------------------------------------------------*/
.article {
	font: 8pt Verdana,Arial,sans-serif ;
	text-align: center;
}
th.col_desc{
	text-align: left;
	width: 230px;
}
th.col_article{
	text-align: left;
	width: 118px;
}
th.col_alc{
	text-align: center;
	width: 55px;
}
th.col_cons{
}
th.col_cont{
}
th.col_pays{
}
td.td_desc{
	text-align: left;
	width: 230px;
}
td.td_art {
	text-align: left;
	padding: 0px 8px ;
	width: 118px;
	overflow: hidden;
}
td.td_alc {
	text-align: center;
	width: 50px;
}
td.td_cons{
	text-align: center;
	
}
td.td_cont{
	text-align: center;
	
}
td.td_flag{
	
}
img.detail_article{
	background-image: url(../../img/picto/loupe.png);
	background-repeat: no-repeat;
	height:21px;
	width: 21px;	
}
/*PRODUIT DETAIL----------------------------------------------------------*/

/* PARTIE GAUCHE */
div.cont_image_produit {
	float:left;
	width : 50%;
	height: auto;/*385 -> modif pour long description*/
	padding: 6px 0 6px 6px;	
}
.image_produit{
	position: relative;
}
/* PARTIE DROITE */
div.descr_produit{
	float:right;
	width : 47%;
	height: auto;
	padding: 6px 0 6px 6px;
}
table.proriete_h {
	width: 100%;
}
table.proriete_b {
	width: 95%;
}
td.col_desc_01h {
	width:85px;
}
td.col_desc_01b {
	width:141px;
}
td.col_desc_02h {
	width:280px;
}
td.col_desc_02b {
	width:119px;
	text-align: right;
	color: #4169E1;
}
img.flag_detail{
	margin-left: 10px;
	vertical-align: middle;
	height: 15px;
	text-align: center;
}
/*cadre code barre*/
div.cont_codebar {
/**
 * 	float: right;
 */
}
/*a voir text detail produit en bleu*/
td.texte{
	text-align: right;
	color: #4169E1;
}
td.description_produit {
	width:100%;
	text-align: justify ;
}
/*FORMULAIRE----------------------------------------------------------------*/
table.formulaire{
	border: none;
	margin-right: auto;
	margin-left: auto;
	font: 9pt Verdana, Arial, sans-serif;
}
div.form_description{
	text-align: left;
}
div.form_input{
	text-align: right;
}
td.bouton_formulaire{
	text-align: left;
}
div.captcha{
	border: solid #ffdc00 1px;
	text-align: center;
	background-color: white;
}
div.formulaire input[type="submit"], input[type="reset"]{
	background-color:#4169E1 ;
	color: #fff;
	border: none;
	height: 22px;
	border: solid #ffdc00 1px;
}
div.formulaire input[type="text"] {
	background-color:#ddd ;
	color: #4169E1;
	border: solid #ffdc00 1px;
	height: 16px;
}
div.formulaire textarea{
	background-color:#ddd ;
	color: #4169E1;
	border: solid #ffdc00 1px;
}
/*BAR NAVIGATION----------------------------------------------------------------*/
div.conteneur_world{
	margin-right: auto;
	margin-left: auto;
	width: 592px;
	height: 20px;
	overflow: hidden;
}
img.images_world{
	margin :0px 0.5px 0 0; /*H D B Gazimuth*/
	float:left;
	}
.conteneur_world img:hover{
	}
/*GALERIE ----------------------------------------------------------------*/
div.conteneur_image{
  height: 100%;
  width: 592px;
}
div.img_cadre{
  margin-left: 6px;
  margin-right: 0px;
  margin-top:3px;
  height: 200px;
  width: 105px;
  float: left;
  border: 1px solid #ddd;
  overflow: hidden;
  text-align: center;
  }
div.cad_image {
	height:	160px;
	width: 105px;
vertical-align:bottom;
}
img.img_gallerie{
  position: relative;
  bottom:0px;
vertical-align:bottom;
}
a.desc_image {
  position: relative;
  bottom:0px;
  vertical-align:bottom;
}
h4.desc_image {
  height:20px;
  color:#4169E1;
  vertical-align: bottom;
  }

/*FOOTER ----------------------------------------------------------------*/
div.footer_elts{

	width: 120px ;
	display:inline;
	vertical-align: middle;
}
.footer_elts a{
	text-decoration: none;
	font-size: 7pt;
	color: black;

}
.footer_elts a:link {
	text-decoration: none;

}
.footer_elts a:hover {
	text-decoration: underline;
	font-weight: bold;
}

/*debut bricolage----------------------------------------------------------------*/

/*cadre image th*/
div.c01 {
	float: left;
	width: 100px;
	height: 150px;
	border: solid red 1px;
}
/* parent div.c01 image*/
img.c01image {
	width: 100px;
	height: 100px;
}
/* parent div.c01 code article sous image*/
div.c01b {
	width: 100px;
	height: 20px;
	font-weight: bold;
	background-color: white;
}
/* description*/

li.carticle {
	list-style-type: none;
	font-size: 15px;
	font-weight: bold;
}

/**
 * 	 	filter:alpha(opacity=50);
 * 	 	-moz-opacity:0.5;
 * 	 	opacity: 0.5;
 */