html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-style: normal;
text-align: left;
font-family: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
}
body{
text-align: center;
background: #000 url('../images/bg.jpg')  no-repeat 50% 0;
color: #fff;
font: 62.5%/1.5 Arial, Helvetica, sans-serif;
}


#topmenu{
  width:100%;
  background: #000000;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
  padding-top:10px;
  padding-bottom:5px;
  text-align:left;
  font-size:1.2em;
  color:#f0f0f0;
  font-style: italic;
  font-weight:bold;
  margin-bottom:20px;
  position:fixed;
  z-index:1000;
  padding-left:5px;
  top:0px;
  
}

*+html #topmenu{
  margin-left:-170px;
  font-weight:normal;
  font-style: normal;
  
  
}



#global{
width:76%;
margin:0 auto;
position:relative;
z-index:0;
top:55px;
}


#leftcol{
width:300px;
position:absolute;
top:0;
left:-50px;

}

#leftcol a{
  text-decoration:none;
  color:#fff;
}


#leftcol a:hover{
  text-decoration:none;
  border-bottom:2px dashed #fff;
  cursor: help;
  color:#fff;
}

#centercol{
position:absolute;


left:245px;
top:0;
}

#centercol #galerie{
background: url('../images/bg_rea.png') no-repeat 0 20px ;
width: 900px;
height:444px;

top:-30px;

padding-top:39px;
}

#centercol #galerie #description{
font-size:1.2em;
color:#ffffff;
background: #0a131c;
filter: alpha(opacity=85);
-moz-opacity: 0.85;
-khtml-opacity: 0.85;
opacity: 0.85;

position:relative;
top:-64px;
width:435px;
height:50px;
padding:4px;
padding-bottom:6px;

}


#centercol #galerie #description #linkrea {
text-align:right;
width:100%;

}


#centercol #galerie #description #linkrea a{
color:#f0f0f0;
text-decoration: none;

}


#centercol #galerie #description #linkrea a:hover{
border-bottom:1px dashed #fff;
text-decoration: none;
color:#ffffff;

}


#rightcol{
width:300px;

position:relative;
left:790px;
top:12px
}

#rightcol .commentaire{
  
  background: #fff ;
  -moz-border-radius: 2px;
  width:280px;
  font-size:1.1em;
  color:#000000;
  padding:5px;
  font-style: italic;
  margin-top:25px;
  

}

*+html #rightcol .commentaire{
  
  font-style: normal;
 
  

}






#rightcol .bulle{
  
  background: url('../images/bulle.png') no-repeat 248px -3px;
  width:100%;
  height:24px;
  font-size:1.1em;
  padding-top:5px;
  text-align: center;

}







.news_style{
display:none;
}
.news_show
{

overflow: auto;	

}

.news_mark{
background-color:white ;
font: normal 70% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px solid gray;
width:361px;
height:35px;
color:black;
text-align:center;
}
.news_title{
font: bold 120% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px solid gray;
padding: 5px 0px 9px 5px;
color:black;
}
.news_show img{

margin-left: 5px;
margin-right: 5px;

}
.buttondiv
{
position: absolute;
/*float: left;*/
/*top: 169px;*/
padding: 5px 5px 5px 5px;
background-color:white ;
border: 1px solid gray;
/*border-top-color: white;*/
border-top:none;
height:20px;
display:none;
}





.img_detail{
		float:left;
		width: 195px;
		height: 150px;
		margin-right:15px;
		overflow:hidden;
		
		border:2px solid #ccc;
		
}

.img_detail img{
		width:300px;
		
		
}


#titre_detail a{
	color:#fff;
	text-decoration:underline;
}


#titre_detail a:focus,
#titre_detail a:hover{
	color:#fff;
	text-decoration:none;
}


#footer{
  position:relative;
  top:100px;
  color:#686B6E;
  width:100%;
  margin:-30px auto;
}

#footer form{
  margin-left: 180px;
  
}

#bottom{
  position:relative;
  top:185px;
  width:100%;
  background:#0e1017;
  padding-top:15px;
  color:#686B6E;
}

#bottom p {
  display:block;
  width:95%;
  margin: 0 auto;
text-align: justify;  
}

acronym:hover{
  border-bottom:2px dashed #fff;
  cursor:help;
}

#bottom a{
  color:#aaa;
  border-bottom:1px dashed #ccc;
  cursor:help;
}

#bottom a:hover{
  color:#fff;
  border-bottom:1px dashed #ccc;
  cursor:help;
}


#contactform_submit{
  border:1px solid  #686B6E;
  float:right;
  margin-right:10px;
  margin-top:-3px;
  background: #0e1017;
  color:#686B6E;

}

*+html #contactform_submit{
  position:relative;
 
  width:100px;
}


#contactform_submit:hover,
#contactform_submit:focus{
  background: #0e1017;
  color:#ccc;
  cursor: pointer;
}

.emails, .emails a {
	margin-bottom:25px;
	font-size:1.1em;
	color:#4777A0;
}
#contact_wrap p {
	margin-bottom:25px;
}



.phone { 
	font-size:1.5em;
	line-height:1.1em;
	color:#f6f6f6;

}

.names {
	margin-bottom:3px;
}

.titles {
	height: auto;
}

.coords {
	font-size:1.2em;
	width:25%;
	float:left;
	margin-top:8px;
	
	
}

.middlecol {
  float:left;
  margin-left:20px;
  margin-right:8px;
  border-left:1px dashed #292A2F;
  padding-left:17px;
}

.messagebox {
  float:left;
  width:430px;
}

label {

	
	font-size:1.2em;
	width: 200px;
	height: 14px;
	display:block;
	color:#686B6E;
	font-weight:bold;

}



.text_field {

	width: 200px;

	height: 20px;

	margin-top:3px;

	margin-bottom:9px;

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

	font-size: 12px;

	line-height: 20px;

	color: #4777A0;

	background-color: #0e1017;

	padding: 2px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;
	
	border:1px solid #4777A0;


}

*+html .text_field{
  margin-left:-200px;
}



.text_area {

	width: 420px;
	height: 170px;
	margin-top:3px;
  margin-bottom:10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
  line-height: 20px;
	color: #4777A0;
	background-color: #0e1017;
	padding: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; 
		border:1px solid #4777A0;

}

*+html .text_area{
   margin-left:-180px;
}

.text_field:hover,
.text_field:focus{
  border:1px solid #4777A0;
  width:198px;
  height:18px;
}


.text_area:hover,
.text_area:focus{
  border:1px solid #4777A0;
  width:418px;
  height:168px;
}

input.submit_error{
  border:1px solid #AF2020;
  width:198px;
  height:18px;
}


textarea.submit_error{
  border:1px solid #AF2020;
  width:418px;
  height:168px;
}

.error{
  color:#AF2020;
  float:left;
  display:block;
  font-size:1.1em;
}

.formHighlight {

	background-color: #171b26;

}






.tooltip span {
    display:none;
}
.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 2000;
    text-decoration:none;
}

.tooltip:hover span {
    font-style: normal;
    display: block;
    position: absolute;
    width:300px;
    top: 35px;
    left: 30px;
    color: #ffffff;
    font-size:12px;
    text-align: justify;
     background:  #0e1720;
     filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;
    padding:3px;
    border:3px solid #fff;
    line-height: 14px;
}

*+html .tooltip:hover span {
  left:-110px;
  top:45px;
}




#bottom .tooltip:hover span {
    font-style: normal;
    display: block;
    position: absolute;
    width:200px;
    height:17px;
    top: 35px;
    left: 30px;
    color: #ffffff;
    font-size:10px;
    text-align: center;
     background:  #0e1720;
     filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
    padding:0;
    border:1px solid #fff;
}




h1{
font-size:3em;
}


h2{
font-size:2.2em;
}

h3{
font-size:1.8em;
}

h4{
font-size:1.6em;
}

h5{
font-size:1.3em;
}


h6{
font-size:1.2em;
}

.right{
text-align: right;
}

.small{
  font-size:.9em;
  font-style: italic;
}

.required { color:#4777A0; }

.clearer{
  clear:both;
}

.center{
  text-align:center;
}