body {
width : 100%;
margin: 0;
padding: 0;
font: 90% "Trebuchet MS", Verdana, sans-serif;
color: #000;
text-align : center;
background-color: #C9D1DE;
}
#noog { float :left;text-align:center; width:100%;}
img {border: 0px;text-align : left;
}
a img:hover {opacity: 0.5;}
.img-shadow {
  float:left;
  background: url('images/shadowAlpha.png') no-repeat bottom right !important;
  background: url('images/shadow.gif') no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }




/**/
#global {width : 100%; background-color: #C9D1DE;}
#content {width : 1024px;margin :0 auto; padding:0;}

#logo {
padding : 10px;
height: 100px;
width:20%;
float:left;
position: relative;
}

#logo img{margin:5px}


h1 {color: #005ca8;float:left; text-align : left;width:100%;margin-top:0; padding-left : 45px;}  
h1:first-letter{text-transform: capitalize;}
	 

	 

.separateur {
background: blue;
margin: 0px;
height: 45px;
}
.attach{
		padding: 5px 20px 5px 0;
		margin:20px;
		text-align:center;
}


/*entete*/
#entete { margin : auto; background: url('../images/background_entete.jpg')  no-repeat bottom right;width:1024px;height: 218px;font: 85% "Lucia grande", Verdana, sans-serif;color: #000;}

/*entete*/

/*menu principal*/
#menu {width:800px; height : 50px;padding-top : 150px; padding-left : 150px!important; padding-left : 50px;}
.menu { width:130px;float : left;text-align : center;font-weight:bold;background-color : #C9D1DE;}
/*menu principal*/



#menu_catalogue { float : left;width:115%; }
.menu_catalogue { width:150px;height : 150px;float : left;text-align : center;}
.menu_catalogue ul{ list-style-type: none ;}
.menu_catalogue li{ display : block;}
.menu_catalogue li a{font-size : 0.7em;display : inline;}
.menu_catalogue li.label a{background-color : transparent;height : 30px;font-size : 0.7em;display : inline;}



/*
.menu_catalogue-bouteille { width:200px;float : left;text-align : center;}
*/


.menu_general { width:180px;float : left;text-align : center;height : 50px;}
#menu_general { width:500px; height : 50px;margin-left : 200px;}
#menu_general ul {width:100%;display:block; padding:5px;list-style:none;}
#menu_general li {text-align : center;font-size : 1em;padding:2px;float:left;text-align:center;text-decoration: none;}
#menu_general li a {text-align : center; color:#316bad; letter-spacing: 0; }   
#menu_general li a:hover{color:#316bad;background:#FFF;}

 /*SOUS MENU*//*Bloc de sous menu*/
#menu_sous_rubriques ul{ width :20%;float:left; display:block;background-color:#fff;list-style-type: none ; margin:0 0 0 1%;padding:0;}
#menu_sous_rubriques li{width :100%;float:left;padding:0;}
#menu_sous_rubriques li a{text-align : center;font-size : 0.8em;padding:5px;border:1px solid #316bad; display:block;}
#menu_sous_rubriques li a:Hover{padding:5px;border:1px  solid #fff;background:#316bad;color:#fff;}
 /*SOUS MENU HISTOIRE*//*Bloc de sous menu*/
#menu_fleches_histoire { width :120px;float:left; display:block;list-style-type: none ; padding:0;}
.menu_fleches_histoire { width :60px;float:left;}


#entree{/*Tout le bloc, textes et sous menu*/
width:700px;  height : 500px;margin-top : -50px;margin-left:auto;margin-right:auto;background:url('../images/background_entree.jpg') no-repeat right bottom;
}
#entree_drapeau{/*Tout le bloc, textes et sous menu*/
width:700px;  height : 50px;float : left;background-color : transparent;margin-top:400px;
}
#contenu_dessous{/*Tout le bloc, textes et sous menu*/
width:70%;float:left; margin-bottom:20px;
}

#contenu_dessous1{/*Tout le bloc, textes et sous menu*/
width:70%;margin:auto;margin-bottom:20px;
}

#contenu_dessous_catalogue{/*Tout le bloc, textes et sous menu*/
width:70%;float:left;margin-left:1%;
/*
background:url('../images/logo-personnage.gif') no-repeat right bottom;
background-color :white;
*/
 border :#458bfd solid thin;
padding:2%;height : 300px;
margin-bottom:20px;
}

/*h3 sous-titre, p paragraphe span date*/
#textes{width:60%;float:left;}


#contenu_dessous_historique{/*Tout le bloc, textes et sous menu*/
width:782px;float:left;margin-left:5px;background:url('../images/background_historique.png') no-repeat left bottom;background-color :white;
 border :0px;
height : 385px;
}


#textes_historique{width:420px;float:left;}

/*menu LIST*/
#bloctitre	{	border: 0px solid #999;	}		
#footer { float :left;text-align:center; width:100%;  background: url('../images/backgrdound_pied.jpg')   top ;}
#footer p { font-size : 1em; text-align : center; color : #434a7c;}
#footer h3 {font-size : 1.3em; text-align : center; color : #434a7c;background-color : transparent;}

.bottom{}		 
h2{
font: 110% "Arial", Verdana, sans-serif;
text-transform: uppercase;
text-align: center;
color: #005ca8;
font-weight : bold;
padding-top: 12px!important;
padding-top: 20px;
padding-bottom: 2px!important;
padding-bottom: 5px;
margin-bottom: 0px;
margin-left: 40px;
}
h3{
padding-left: 15px;
text-align : left;
color: white;
margin-left: 40px;
background-color : #434a7c;
font-size: 90%;
}
/*h4 pour legende des images*/
h4{
color: #231f20;
text-align : center;
font-size: 70%;
}
h5{
margin: 0px;
color: #231f20;
text-align : center;
font-size: 70%;
}
h6{
margin: 0px;
color: #231f20;
text-align : center;
font-size: 200%;
}

hr{
height:1px;
background-color: #fff;
border: 0px;width:100%;margin-top:2px;
float:left;
}
a {
color: #005ca8;
text-decoration: none;
text-align : center;
}

p{
color: #797979;
padding-left: 60px;
padding-right: 15px;
text-align: justify;
font-size: 80%;
}
p.soustitre{
color: #797979;
padding-left: 60px;
padding-right: 15px;
text-align: justify;
font-size: 80%;
}
table{
color: #000;
padding-left: 60px;
padding-right: 60px;
text-align: justify;
font-size: 95%;
}
span.date{
color: #231f20;
}


#video{
	top: 10px;
	width: 320px;
	margin-left: 220px; /* moitié de la largeur */
}


form.formulaire {
/*aspect*/

color: #442927;
font-family: Verdana, sans-serif;    font-size: 10px;    font-style: italic;    letter-spacing: 0,3em;
}
.erreur{
	color: #000;
	background-color: red;
	font-size:10px;
}


.clear {
clear: both;
}
#images {
visibility: hidden;
}
#loading {
margin-top: 50px;
text-align: center;
width: 100%;
}
#loading img {
position: relative;
}
#captions {
font-weight: bold;
position: relative;
text-align: center;
z-index: 10000;
}
#scrollbar {
visibility: hidden;
position: relative;
border-bottom: 1px solid #b3b3b3;
z-index: 10001;
}

#imageflow {
/*
float : left;
*/



text-align: left;
margin-top:0px;
margin-left : auto;
margin-right : auto;
}