/* CSS Document */

body{

margin:0;

background-color:#eeeeee;

font-family:"Trebuchet MS";

font-size:14px;

background-position:left bottom;

background-repeat:no-repeat;

}

/*Head

------------------------*/

#head{

background-image:url(img/head.gif);

background-position:top center;

background-repeat:no-repeat;

background-color:#4f85c2;

height:133px;

width:100%;

}

#centrer{

	margin:0 auto;width:960px

}



#tclic{

	width:200px;height:130px;margin-left:50px;cursor:pointer

}

.text p{

font-size:1em;

color:#FFFFFF;

text-align:right;

padding-top:50px;

margin-right:10px;

}

#bienvenue p{

font-size:1.8em;

color:#FFFFFF;

padding-top:40px;

padding-left:20px;

margin-top:0;

}

/*Menu

---------------------------*/

#menu{

background-image:url(img/menu.jpg);

background-position:top;

background-repeat:repeat-x;

background-color:#ff7800;

min-height:30px;

color:#FFFFFF;

padding:5px 5px 0px 5px;

}

#menu a{

color:#FFFFFF;

text-decoration:none;

margin:5px;

font-size:1.2em;

font-family:"Trebuchet MS";

}

#menu a:hover{

color:#ff7800;

background-color:#ffcc99;

}



/*Corps

-------------------------------*/

#corps{

width:975px;

margin-left:auto;

margin-right:auto;

}

/*gauche*/

#gauche{

float:left;

padding:5px;

}

#gauche h2{

font-size:1em;

color:#FF7900;

padding-top:5px;

padding:5px;

text-decoration:blink;

}

/*right*/

#right{

float:right;

}

/*Navigation*/

#navigation{

width:145px;

color:#FFFFFF;

background: #ff7800;

margin:5px;

padding:0px;

}

#navigation ul{

margin-left:0px;

padding-left:0px;

}

#navigation li{

list-style:none;

border-bottom:1px dotted;

padding-left:5px;

}

#navigation li:hover{

background-color:#ffcc99;

}

#navigation h1{

font-size:1em;

margin:0px 0px 0px 10px;

padding:0;

}

#navigation a{

color:#FFFFFF;

text-decoration:none;

}

#navigation a:hover{

color:#ff7800;

background-color:#ffcc99;

text-decoration:none;

}



/*Galerie*/

#galerie{

width:145px;

color:#4f85c2;

background: #fff;

margin:5px;

padding:0px;

}

#galerie ul{

margin-left:0px;

padding-left:0px;

}

#galerie li{

list-style:none inside;

border-bottom:1px dotted;

}

#galerie li:hover{

background-color:#eee;

}

#galerie h1{

font-size:1em;

margin:0px 0px 0px 10px;

}

#galerie a{

color:#4f85c2;

text-decoration:none;

}

#galerie a:hover{

background-color:#eee;

text-decoration:none;

}

#ga_navigation{

display:block;

}

#ga_navigation img{

width:125px;

padding:5px;

background-color:#eee;

border:0;

margin-bottom:5px;

}

#ga_navigation img:hover{

background-color:#4f85c2;

}

#ga_mouillage{

display:none;

}

#ga_mouillage img{

width:125px;

padding:5px;

background-color:#eee;

border:0;

margin-bottom:5px;

}

#ga_mouillage img:hover{

background-color:#4f85c2;

}

#ga_interieur{

display:none;

}

#ga_interieur img{

width:125px;

padding:5px;

background-color:#eee;

border:0;

margin-bottom:5px;

}

#ga_interieur img:hover{

background-color:#4f85c2;

}

/*lightbox*/

#lightbox{

	background-color:#eee;

	padding: 10px;

	border-bottom: 2px solid #666;

	border-right: 2px solid #666;

	}

#lightboxDetails{

	font-size: 0.8em;

	padding-top: 0.4em;

	}	

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }



#lightbox img{ border: none; } 

#overlay img{ border: none; }

#overlay{ background-image: url(scripts/overlay.png); }



* html #overlay{

	background-color: #000;

	back\ground-color: transparent;

	background-image: url(blank.gif);

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="scripts/overlay.png", sizingMethod="scale");

	}



/*principal*/

#principal{

min-height:165px;

width:615px;

padding:5px 5px 0px 5px;

margin:5px 5px 0px 185px;

color:#4f85c2;

background: #bfd5ed bottom center url(img/mini_blue.jpg) no-repeat;

overflow:visible;

}

#principal h1{

font-size:2em;

padding-top:0px;

}

#principal h2{

font-size:1.5em;

margin-top:-5px;

padding-left:0.5em;

}

#principal h3{

padding-left:1em;

}

#principal p{

text-align:justify;

padding:5px 5px 25px 5px;

margin-bottom:10px;

text-indent:20px;

}

#principal a{

color:#FFFFFF;

text-decoration:underline;

}

#principal a:hover{

color:#4f85c2;

background-color:#ffffff;

text-decoration:none;

}

#principal table{

border:1px solid #ffffff;

border-left:5px solid #4f85c2;

color:#4f85c2;

font-size:1em;

margin-left:5px;

}

#principal td{

border-bottom:1px dotted #fff;

border-left:1px dotted #fff;

}



#minibateau{

float:right;

}

/*Partenaires

-----------------------*/

.rubsite h3{

margin-bottom:0;

padding-bottom:0;

margin-left:0;

padding-left:0;

}

.rubsite a{

margin-top:0;

padding-top:0;

margin-left:15px;

padding-left:0;

}

.rubsite p{

margin-top:0;

padding-top:0;

margin-left:0px;

padding-left:0px;

text-indent:0;

}



/*en direct*/

#direct{

background-color:#ffffff;

padding:0px 5px 0px 5px;

margin:0px 5px 5px 185px;

color:#4f85c2;

background: #ffffff top right url(img/mini_white.jpg) no-repeat;

}

#direct h1{

font-size:1.5em;

padding-top:0px;

padding-bottom:0px;

margin-bottom:0px;

}

#direct p{

margin-top:0px;

padding-top:0px;

font-style:italic;

font-size:0.8em;

}

#direct img{

width:770px;

overflow:hidden;

margin-left:auto;

margin-right:auto;

padding-bottom:10px;

}



#lang img{

border:0;

}





/*Class

----------------------------------*/

/*Contact*/

#form table{

border:0px;

border-left:5px solid #4f85c2;

}

#form td{

border:0px;

}

.condition{

width:800px;

margin-left:auto;

margin-right:auto;

padding:5px;

background-color:#4f85cd;

margin-top:5px;

}



/*--GALERIES----------------

----------------------*/



#divActivity {

	position: absolute; 

	top: 0px;

	left: 0px;

	width: 209px;

	height: 100%;

	background-color: #7AA1E6;

	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7AA1E6', EndColorStr='#6375D6');

}

#divImageActivity {

	position: relative; 

	top: 12px;

	left: 12px;

	width: 185px;

}

#divInfoActivity {

	position: relative; 

	top: 28px;

	left: 12px;

	width: 185px;

}

div.panel {

	position: relative; 

	top: 38px;

	left: 12px;

	width: 185px;

}

#divJAlbum {

	font-family: Tahoma, sans-serif;

	color: #333333;

	font-size: 11px;

	position: absolute;

	bottom: 3px;

	left: 0px;

	width: 209px;

	text-align: center;

}



#divMainHeader {

	position: absolute;

	top: 10px;

	left: 230px;

	height: 32px;

	background-image: url(galeries/res/FolderLarge.gif);

	background-position: top left;

	background-repeat: no-repeat;

	padding-left: 40px;

	padding-top: 2px;

	font-family: Tahoma, sans-serif;

	font-weight: bold;

	font-size: 15px;

	color: #000000;

}



#divMainSlideHeader {

	position: absolute;

	top: 10px;

	left: 230px;

	height: 32px;

	background-image: url(galeries/res/ImageLarge.gif);

	background-position: top left;

	background-repeat: no-repeat;

	padding-left: 40px;

	padding-top: 2px;

	font-family: Tahoma, sans-serif;

	font-weight: bold;

	font-size: 15px;

	color: #000000;

}



#divMain {

	position: absolute;

	top: 40px;

	left: 230px;

}



#divFolders {

	position: absolute; 

	top: 0px;

	left: -1000px;

	width: 209px;

	border-right: solid 1px #7F9DB9;

	height: 100%;

	background-color: #F4F4EE;

	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#F4F4EE', EndColorStr='#E0E2EB');

}



#aCloseFolder {

	position: absolute;

	top: 3px;

	left: 185px;

	width: 20px;

	height: 17px;

	background-image: url(galeries/res/btnFolderClose.gif);

}

#aCloseFolder:hover {

	position: absolute;

	top: 3px;

	left: 185px;

	width: 20px;

	height: 17px;

	background-image: url(galeries/res/btnFolderCloseHover.gif);

}

#divFolderHeader {

	position: absolute;

	top: 5px;

	left: 5px;

	font-family: Tahoma, sans-serif;

	font-weight: normal;

	font-size: 11px;

	color: #000000;

}

#divTree {

	position: absolute;

	visibility: inherit;

	top: 25px;

	left: 0px;

	width: 205px;

	height: 1px;

	border-top: solid 1px #9D9DA1;

	background-color: #FFFFFF;

	overflow: auto;

}

#folderTop {

	position: absolute;

	left: 3px;

	top: 0px;

}

.folderHasSiblings {

	position: relative;

	background-image: url(galeries/res/TreeT.gif);

	background-repeat: no-repeat;

	overflow-y: visible;

}

.folderHasNoSiblings {

	position: relative;

	background-image: url(galeries/res/TreeL.gif);

	background-repeat: no-repeat;

	overflow-y: visible;

}

span.top {

	position: relative;

	top: -3px;

}

a.blank {

	color: #000000;

	text-decoration: none;

}

a.blank:hover {

	color: #000000;

	text-decoration: none;

}



div.Photo {

	padding: 3px;

	float:left;

	width: 96px;

	height: 132px;

	font-family: Tahoma, sans-serif;

	font-weight: normal;

	font-size: 1px;

	color: #000000;

	vertical-align: top;

}

div.imgBorder {

	width: 94px;

	height: 94px;

	border: 1px solid #E0DFE3;

	background-color: #FFFFFF;

	overflow: hidden;

}



a.Photo {

	border: 0px;

	margin: 0px;

	padding: 0px;

	color: #000000;

	font-family: Tahoma, sans-serif;

	font-weight: normal;

	font-size: 11px;

	text-decoration: none;

}



td.ImagePaneHeader {

	background-image: url(galeries/res/ImagePaneHeaderOpenBlue.gif);

	background-position: top left;

	background-repeat: no-repeat;

	font-family: Tahoma, sans-serif;

	font-weight: bold;

	padding-left: 33px;

	font-size: 11px;

	color: #FFFFFF;

	height: 32px;

	cursor: hand;

}

td.ImagePaneHeaderClosed {

	background-image: url(galeries/res/ImagePaneHeaderClosedBlue.gif);

	background-position: top left;

	background-repeat: no-repeat;

	font-family: Tahoma, sans-serif;

	font-weight: bold;

	padding-left: 33px;

	font-size: 11px;

	color: #FFFFFF;

	height: 32px;

	cursor: hand;

}

td.ImagePaneRow {

	background-color: #EFF3FF;

	font-family: Tahoma, sans-serif;

	font-weight: normal;

	padding-left: 12px;

	padding-top: 2px;

	font-size: 11px;

	height: 20px;

	color: #215DC6;

}

a.ImagePaneRow {

	color: #215DC6;

	text-decoration: none;

}

a.ImagePaneRow:hover {

	color: #6696E6;

	text-decoration: underline;

}

td.ImagePaneFrame {

	background-color: #FFFFFF;

}



td.InfoPaneHeader {

	background-image: url(galeries/res/InfoPaneHeaderOpenBlue.gif);

	background-position: top left;

	background-repeat: no-repeat;

	font-family: Tahoma, sans-serif;

	font-weight: bold;

	padding-left: 12px;

	padding-top: 0px;

	font-size: 11px;

	color: #215DC6;

	height: 23px;

	cursor: hand;

}

td.InfoPaneHeaderClosed {

	background-image: url(galeries/res/InfoPaneHeaderClosedBlue.gif);

	background-position: top left;

	background-repeat: no-repeat;

	font-family: Tahoma, sans-serif;

	font-weight: bold;

	padding-left: 12px;

	padding-top: 0px;

	font-size: 11px;

	color: #215DC6;

	height: 23px;

	cursor: hand;

}

td.InfoPaneRow {

	background-color: #D6DFF7;

	font-family: Tahoma, sans-serif;

	font-weight: normal;

	padding-left: 12px;

	padding-top: 2px;

	font-size: 11px;

	height: 20px;

	color: #000000;

}

a.InfoPaneRow {

	color: #000000;

	text-decoration: none;

}

a.InfoPaneRow:hover {

	color: #000000;

	text-decoration: underline;

}

td.InfoPaneFrame {

	background-color: #FFFFFF;

}



#bienvenue p{  display:block;   width:940px; text-align:right; margin:0 auto; margin-top:-250px}