* {margin: 0; padding: 0;}*


body {
margin:0; 
background: #ada890 url('medias/fond_site.jpg') fixed;
font-family: Verdana, Helvetica, sans-serif;
color: #8c3c01;
font: 100%;
}
#global {
background:#dad4b4 url('medias/fond_global.jpg') no-repeat 0 200px ; 
width:764px !important; 
width:744px; 
margin:0px auto; 
display:table; 
padding-bottom:0px;
border: #000 1px solid;
}
#global_c{
background:#dad4b4 url('medias/fond_global_contact.jpg') no-repeat 0 200px ; 
width:764px !important;
width:744px; 
margin:0px auto; 
display:table; 
padding-bottom:0px;
border: #000 1px solid;
}
#global_h {
background: #dad4b4 url('medias/fond_historique.jpg') no-repeat 0 200px ; 
width:764px !important;
width:744px; 
margin: 0px auto; 
display: table; 
padding-bottom: 0px;
border: #000 1px solid;
}
#haut {
padding:0;
margin:0;
width:764px; 
height:200px;
background: url('medias/ban2.jpg') no-repeat;
}
#visuel {
padding:0;
margin:0;
width:764px;
height:330px;
background: url('medias/ban.jpg') no-repeat;
}
#contenu {
float:left;
width:740px;
margin-bottom: 10px;
}
#contenu_h {
float:left;
width:670px;
margin-bottom: 10px;
padding-top:10px;
padding-left:25px;
}
#contenu_c{
float:left;
position:relative;
width: 260px !important; 
width: 244px; 
min-height: 400px;
padding-left: 500px;
}
p {
font-size:0.9em;
padding: 10px;
line-height: 1.3em;
text-align: left;
}
p.bord{
font-size:0.9em;
padding: 0px;
text-align: left;
margin-left: 70px;
}
p .historique {
font-size: 0.9em;
padding-top: 25px;
padding-left: 55px;
padding-right: 55px;
line-height: 1.3em;
text-align: justify;
width: 630px !important;
width: 680px;
}
p.contact{
font-size:0.9em;
padding: 10px;
line-height: 1.3em;
text-align: justify;
width: 270px;
float: right;
}
p.intro {
font-weight: bold;
color: #f5a100;
}


#contenu p a{
color:#760000; 
text-decoration: underline;
}
h1{
color: #006ba3;
font-size: 105%;
font-weight: bold;
padding-left: 38px;
background: url('medias/icone.jpg') no-repeat;
line-height: 30px;
margin-left: 8px;
margin-top: 8px;
margin-bottom: 8px;
}	  
  
h2{
color: #000;
font-size: 90%;
font-weight: bold;
margin: 10px;
padding-left: 10px;
}	   
h3{
color: #006ba3;
font-size: 90%;
font-weight: bold;
margin: 10px;
padding-left: 10px;
}	
h4{
color: #3d9b27;
font-size: 95%;
font-weight: bold;
margin: 10px;
padding-left: 10px;
}	 
span{
color: #8C0D00;
font: bold;
font-size: 120%;
text-align: center;
width: 100%;
}
.span_b{
color: #3d9b27;
font: bold;
font-size: 120%;
text-align: center;
width: 100%;
}
#pied {
float: left;
text-align:center;
width:100%;
height:40px;
background: #ccc59d url("medias/pied.jpg") bottom repeat-x;
margin-top: 0px;
padding-top: 0px;
}
#pied p {
color:#481900; 
font-size:10px;
padding-top:10px;
text-align: center;
width: 100%;
}
#pied p a{
color:#481900; 
text-decoration:underline
}
#pied p a:hover{
color: #2d1000; 
text-decoration:underline
}
table
{
  margin-left: 20px;
  width: 740px;
  font-size: 80%;
}
tr{
 width: 760px;
}   
td {
   border: none;  
   background: fff;
   margin-bottom: 0px;
   padding-bottom: 10px;
   width: 350px;
}   
  
.lien {
float: left;
display: inline;
margin-top: 20px;
margin-right: 20px;
margin-left: 150px;
}

blockquote {
border: 1px dashed #d49b9b;
background:#f5f1e6; 
padding-right: 5px;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 7px;
margin-right: 15px;
font-size: 90%;
line-height: 30px;
}


.blanc{
color:#fff;
}

img.logo {
position: relative;
margin-left: 10px;
text-align: center;
}

img{
margin: 0px;
padding: 0px;

}

img.droite {
float: right;
margin: 6px;
padding: 3px;
border: #c87a40 1px solid;
}
img.droite_sb {
float: right;
margin: 6px;
padding: 3px;
}
img.gauche{
float: left;
margin: 6px;
padding: 3px;
border: #c87a40 1px solid;
}
img.gaucheb{
margin-left: 150px;
margin-bottom: 20px;
padding: 3px;
border: #c87a40 1px solid;
clear: both;
}
.row{
width: 100% !important;
width: 85%;
clear: both;
float: left;
padding-left: 100px;
margin-bottom: 10px;
}
.gauche_l{

width: 160px;
height: auto;
float: left;
font-size: 55%;
text-align: center;
border: #c87a40 1px solid;
background: #fff;
margin-right: 30px;
}
.gauche_l span{
display: block;
padding: 0;
margin: 0;
width: 160px;
}

.droite_l{
width: 160px;
height: auto;
float: right;
font-size: 55%;
text-align: center;
border: #c87a40 1px solid;
background: #fff;
margin-left: 10px;
}
.droite_accueil{
width: 160px;
height: auto;
float: right;
font-size: 55%;
text-align: center;
border: #c87a40 1px solid;
background: #fff;
margin-left: 10px;
}
.droite_l span{
display: block;
padding: 0;
margin: 0;
width: 160px;
}

#menuwrapper {
    background-color: #006ca5;
	width:764px;
	margin:0; 
	position:relative;
	z-index: 100;
	border-top: #248dc6 2px solid;
    border-bottom: #248dc6 2px solid;
	height: 40px;
}

#topmenuwrapper {
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background-color: #909090;
	background-repeat: repeat-x;
	width:764px;
	margin:0; 
	position:relative;
}
#clear {
	
	width:100%;
	clear: both; 
	float:left;
    height: 1px;
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}


#navMenubar, #navMenubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navMenubar a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	color: #FFFFFF;
	font: bold 8pt georgia, serif;
    height: 30px;
}

#navMenubar a.trigger {
	padding: 5px 25px 5px 20px !important;
	padding: 5px 12px 5px 16px;
	background-repeat: no-repeat;
	background-position: right center;
}

#navMenubar li {
	float: left;
}

#navMenubar li ul  {
	width: 210px;
	padding: 0px;
	margin: 0px;
	float: left; 
	margin-left: 330px;
}

 #navMenubar ul li  {
	float: left;
	width: 105px !important;
	width: 100px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 9pt;
}

#navMenubar ul li a  {
	color: #565656;
	border-right: 0;
	padding: 3px 8px 3px 12px;
	font: 9pt Arial, sans-serif;
}

#navMenubar li ul {
	position: absolute;
	display: none;
	background-color: #006ca5;
	border-right: #248dc6 2px solid;
	border-bottom: #248dc6 2px solid;
	border-left: #248dc6 2px solid;
	background-repeat: repeat-x;
}

#navMenubar li:hover a, #navMenubar a:focus,
#navMenubar a:active, #navMenubar li.p7hvr a {
	color: #000000;
	background-color: #;
}

#navMenubar li:hover ul, #navMenubar li.p7hvr ul {
	display: block;
	text-align:left;
	position:absolute; 
	left:0; 
	text-align:left;
}

#navMenubar li:hover ul a, #navMenubar li.p7hvr ul a {
	color: #000000;
	background-color: transparent;
}

#navMenubar ul a:hover {
	background-color: #669ACC!important;
	color: #FFFFFF!important;
}
#navMenubar li {
width: auto !important;
width: 108px;
}

br{
	clear: left;
}

#sublist a {
	font-size: 10pt;
	margin: 0px;
	padding: 3px
	width: 140px;

}
#sublist a:hover {
	font-size: 10pt;
	margin: 0px;
	padding: 3px;
	width: 140px;
	background-color: #606060;
	color: #FFFFFF;
}
#sublist a:visited {
	font-size: 10pt;
	margin: 0px;
	padding: 4px;
	width: 140px;
}

#menudesc{
	padding: 5px;
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
}

.menucat{
	padding-bottom: 10px;
	font-size: 10pt;
	font-weight: bold;
}
.bloc {
margin-left: 16px;
}
#player {
margin-left: 120px !important;
margin-left: 60px;
margin-bottom: 10px;
}

#ref {
background: #c8c0b0 url('medias/bg.png') repeat-x;
}
#ref_cont {
font-size: 14px;
float: left;
width: 290px;
padding: 10px;
margin-top: 380px;
margin-left: 10px;
background: transparent url('medias/80w.png') repeat;
color: #4c4c4c;
}
#wrap {
margin: 10px auto;
background: transparent url('medias/vol_ref.jpg') no-repeat;
width: 970px;
height: 726px;
}
#menuref {
float: left;
	width:970px;
	margin-top: 30px; 
	position:relative;
	z-index: 100;
	height: 40px;
	text-align: center;
}

#topmenuwref {
	background-repeat: repeat-x;
	width:764px;
	margin:0; 
	position:relative;
}