﻿body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}

body{
	margin:0;
	padding:0;
	background:#ffffff;
		color:#333; 
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	font-size:76%; 
	font-family:tahoma, verdana, sans-serif
}

#bandeau{
	background: #ffffff url('http://www.retourauxsources.info/Images/logo-RAS.jpg') no-repeat 50% 0;
	height: 200px;
}

/* Pour les photos thumbnails */
.style1 {
	border-style: solid;
	border-width: 2px;
}
/* Pour les thumbnails */

/* Pour les noms de famille en majuscule */
.upper {
	text-transform: uppercase;
}
/* Pour les noms de famille en majuscule */

.menu {
	padding:0 0 0 1em; 
	margin:0; 
	list-style:none; 
	height:35px; 
	background:url('http://www.retourauxsources.info/Images/pro_four0.gif');
}

.menu li {
	float:left;	
}

.menu li a {
	display:block; 
	float:left; 
	height:35px; 
	line-height:33px; 
	color:#FFFFFF; 
	text-decoration:none; 
	font-family:arial, verdana, sans-serif; 
	text-align:center; 
	padding:0 0 0 14px; 
	cursor:pointer; 
	font-size:11px;
}

.menu li a b {
	float:left; 
	display:block; 
	padding:0 28px 0 14px;
}

.menu li.current a {
	color:#fff; 
	background:url('http://www.retourauxsources.info/Images/pro_four2.gif');
}

.menu li.current a b {
	background:url('http://www.retourauxsources.info/Images/pro_four2.gif') no-repeat right top;
}

.menu li a:hover {color:#fff; background: url('http://www.retourauxsources.info/Images/pro_four1.gif');
}
.menu li a:hover b {background:url('http://www.retourauxsources.info/Images/pro_four1.gif') no-repeat right top;
}
.menu li.current a:hover {color:#fff; background: url('http://www.retourauxsources.info/Images/pro_four2.gif'); 
cursor:default;
}
.menu li.current a:hover b {background:url('http://www.retourauxsources.info/Images/pro_four2.gif') no-repeat right top;
}

a{
text-decoration:none;
color:#269;
font-weight:bold;
}

a:hover{
text-decoration:underline;
}

p{
margin:0 0 13px 0;
line-height:1.5em;
}

h4{
margin:0;
padding:0;
font-weight:normal;
text-align: left;
}

h3{
margin:0;
padding:0;
font-weight:normal;
text-align: left;
}

h2{
margin:0;
padding:0;
font-weight:normal;
text-align: left;
}

h1{
margin:0;
padding:0;
font-weight:normal;
text-align: left;
}

h1{
font-size:3.2em;
letter-spacing:-3px;
color:#567;
margin:12px 0 5px 120px;
}

h1 a:hover{
text-decoration:none;
}

h2{
font-size:1.8em;
letter-spacing:-1px;
margin:-10px 0 0 120px;
color:#888;
text-align: left;
}

h3{
color: #555;
font-size:1.4em;
margin:1em 0 0.5em 0.5em;
text-align: left;

}

h4{
font-size:1.2em;
font-weight:bold;
margin:1em 0 0.5em 0.5em;
}


/* Début Section bateaux */
.hh3{
color: #555;
font-size:1.3em;
text-align:left;
}

.bateauphoto{
padding:10px;
border:1px solid #fff;
background-color:#ddd;
color:#333;
}

.photo{
padding:6px;
border:1px solid #fff;
background-color:#ddd;
color:#333;
}

.entrytemoignage{
position:relative;
border:1px solid #fff;
background:#e;
color:#333;
margin-left:0; margin-right:0; margin-top:0; margin-bottom:1px; 
padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0
}

.gauche{
text-align:left;
}

.gauchetop{
text-align:left;
vertical-align:top;
}
/* Fin section bateaux */



#container{
padding: 0 20px;
width:92%;
min-width:700px;
margin:0 auto;
background:#ffffff; 
color:#333;
text-align: left;
border-left:1px solid #eef;
border-right:1px solid #eef;
}

#sitetitle{
float:left;
height:100px;
background:url('http://www.retourauxsources.info/Images/logo_fvq.png') no-repeat; /* Delete this line to remove the animated globe */
width: 45%;
color: #333;
background-position: 0% 35%;
}

#sitetitle a{
color:#567;
font-weight:normal;
}

#sitetitle a:hover{
color:#269;
}

#menu{
height:71px;
padding-top:35px;
text-align: right;
}

#menu a{
margin:0;
height:100px;
padding:35px 6px 41px 6px;
font-size:1.6em;
font-weight:normal;
letter-spacing:-1px;
color: #888;
}

#menu a:hover{
color:#269;
text-decoration:none;
background: #fff url('http://www.retourauxsources.info/Images/menuhover.png') repeat-x;
border-left: 1px solid #eee;
border-right: 1px solid #eee; padding-left:5px; padding-right:5px; padding-top:35px; padding-bottom:41px
}

#content{
margin-top:30px;
width:100%;
clear:both;
}

#content h2{
margin:0 0 10px 0;
/* color:#555;  */
color:#FFFFFF;
padding: 3px 0px 3px 10px;
border-bottom:2px solid #95DF02;
background-color: #0218A1;
}

#content h2 a{
color:#555;
font-weight:normal;
}

#content h2 a:hover{
color:#269;
text-decoration:none;
background:none;
}

#content p{
margin:0 0.5em 1.2em 0.5em;
}

#left{
width:68%;
float:left;
}

#right{
margin-left:70%;
/* margin-top:-15px; */
}

#right h2{
margin:0 0 8px 0;
/* padding: 12px 0 0 0;  */
padding: 3px 0px 3px 10px;

font-size:1.6em;
}

#footer{
clear:both;
padding:10px 0 12px 24px;
text-align:left;
color:#888;
}

#footer a{
color:#888;
font-weight:normal;
}

#footer span{
color:#aaa;
font-size:2em;
letter-spacing:-2px;
}

.entry{
position:relative;
border:2px solid #95DF02;
background-color: #FFFFFF;
color:#333;
margin-left:0; margin-right:0; margin-top:0; margin-bottom:20px; 
/* padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:0 */
}

.intro a:hover{
text-decoration: none;
padding-bottom:2px;
/* background:url('http://www.retourauxsources.info/Images/flash2.gif') repeat-x bottom left; /* Delete this line to remove the flashing underline for regular links */
}

.entry a:hover{
text-decoration: none;
padding-bottom:2px;
/* background:url('http://www.retourauxsources.info/Images/flash2.gif') repeat-x bottom left; /* Delete this line to remove the flashing underline for regular links */
}

.link{
color:#269;
background:url('http://www.retourauxsources.info/Images/linkarrow.gif') no-repeat left;
display:block;
margin-left:0; margin-right:0; margin-top:4px; margin-bottom:0; padding-left:1em; padding-right:1em; padding-top:2px; padding-bottom:2px
}

.link2{
color:#269;
background:url('http://www.retourauxsources.info/Images/linkarrow.gif') no-repeat left;
display:block;
margin-left:15px; margin-right:0; margin-top:4px; margin-bottom:0; padding-left:1em; padding-right:1em; padding-top:2px; padding-bottom:2px
}

.link:hover{
color:#48b;
background:url('http://www.retourauxsources.info/Images/blinkarrow.gif') no-repeat left; /* Delete this line to remove the blinking arrows by the links */
text-decoration:none
}

.link2:hover{
color:#269;
background:url('http://www.retourauxsources.info/Images/linkarrow.gif') no-repeat left;
display:block;
margin-left:15px; margin-right:0; margin-top:4px; margin-bottom:0; padding-left:1em; padding-right:1em; padding-top:2px; padding-bottom:2px
}

.thumbs img{
position:relative;
padding:3px;
margin:0 2px 2px 0;
border:1px solid #fff;
background-color:#ddd;
color: #555;
}

.thumbs img:hover{
background: url('http://www.retourauxsources.info/Images/flash.gif'); /* Delete this line to remove the blinkingblue frame around the thumbnails */
}

.entryphoto{
margin:5px 10px 10px 0;
float:left;
padding:3px;
border:1px solid #fff;
background-color:#ddd;
color:#333;
}

.meta{
clear:both;
border-top: 2px solid #95DF02;
padding: 5px 1px 0 0;
margin:10px 0 0 0;
text-align:right;
font-size:0.9em;
color: #567;
}

.pagenav{
color: #888;
text-align:center;
}

.entry img{
position:relative;
}

.subcontainer {
width:98%;
}

/*
.rightsub{
float:left;
width:45%;
padding:0;
}
*/
.rightsub{
float:left;
width:95%;
padding:0;
}

.rightsub2{
margin-left:50%;
padding:0;
}

.date{
font-weight:bold;
}

.right{
text-align:right;
}

.center{
text-align:center;
}

.clear{
clear:both;
}

.hide{
display:none;
}

.blokadress{
position: absolute;
width: 200px;
margin-left: 20%;
overflow: hidden;
top: 101px;
}

#infowindow
{
	width: 350px;
}

#infowindow table
{
	width: 95%;
}

div.infowindow
{
	width: 290px;
	height: auto;
	font-size:x-small;
	font-family:"Times New Roman", Times, serif;
}

