/*----------------------General------------------------*/

/*-------------------<--  b1nj.fr -->---------------------*/



/*---- Reset css -------*/

* {margin: 0; padding: 0;}

a img {border: 0;}

p {font-size: .8em;}



html, body {

    height: 100%;

}



/*---- Mise en page -------*/

body {

background: #0056a2 url(design/body_background.gif) 0 0 repeat-x;

text-align: center;

font-family:  Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;

font-size: 100%;

color: black;

height: 100%;

position: relative;

}

	#conteneur {

	position: relative;

	width:960px;

	margin: 0 auto;

	text-align:left;

	background: transparent url(design/conteneur_background.gif) 0 323px repeat-x;

	}



/*---- Bandeau -------*/

#header {

height: 274px;

background: transparent url(design/header_background.jpg) 0 10px no-repeat;

}

#life_is_wonderful {
	width: 452px;
	float: right;
}

#header #flash {

	width: 344px; /*452-108*/
	
	height: 202px;
	
	float: right;
	
	padding: 0px 108px 0px 0px;
	
	margin: 10px 0px 0px 0px;
}

#phone {
	width: 196px; /*195-29*/
	float: right;
	padding: 10px 0 5px 29px;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: url(design/phone.jpg) left no-repeat;
}

	h1 {

	font-size: 1pt;

	padding-left: 90px;

	padding-top: 140px;

	color: white;

	background: transparent url(design/slogan_background.gif) 0 0 no-repeat;

	height: 26px;

	}
	
	h6 {

	margin-left: 90px;
	
	padding-top: 140px;

	margin-bottom: 10px;

	font-size: .9em;

	background:  transparent;

	color: #86390D;

	}



	ul#drapeau{

	list-style-type: none;

	position: absolute;

	top: 229px;

	left: 34px;

	}

		ul#drapeau li{

		display: inline;

		margin-right: 256px;

		}



/*---- Menu -------*/

#menu {

position: absolute;

height: 30px;

top: 264px;

left: 5px;

width: 950px;

border-bottom: 16px solid #009de0;

background: white;

}

	#menu ul {

	margin-left: 30px;

	list-style-type: none;

	}

		#menu li {

		display: inline;

		margin-left: 8px;

		padding-left: 12px;

		font-size: .9em;

		font-weight: bold;

		background: transparent url(design/menu_puce.gif) 0 4px no-repeat;

		}

			#menu a {

			color: black;

			text-decoration: none;

			}

			#menu li.lien_actif a{

			color: #af8204;

			}

				#menu a:hover {

				text-decoration: underline;

				}





/*---- Texte -------*/

#texte {

background: transparent url(design/texte_background.gif) 0 0 repeat-y;

margin-top: 36px;

padding-bottom: 10px;

}

	#texte h2 {

	color: #191864;

	font-size: 1em;

	background: transparent url(design/h2_background.gif) 0 10px no-repeat;

	margin-bottom: 10px;

	margin-right: 30px;

	margin-left: 40px;

	padding-top: 20px;

	padding-left: 30px;

	}

	#texte h3 {

	margin-right: 30px;

	margin-left: 40px;

	margin-bottom: 10px;

	font-size: .9em;

	background:  transparent;

	color: #86390D;

	}

	#texte p {

	padding: .7em 30px .7em 40px;

	}

	#texte a, #texte strong, #texte b {

	color: #fdb51b;

	}

		#texte a:visited {

		color: #c35200;

		}

		#texte a:hover {

		text-decoration: none;

		}

	#texte ul {

	margin: 5px 15px 10px 65px;

	font-size: .8em;

	list-style-type:  none;

	color: black;

	}

		#texte ul li {

		background: transparent url(design/ul_puce.gif) 0 5px no-repeat;

		padding-left: 15px;

		}

			#texte ul ul {

			margin: 5px 15px 10px 10px;

			font-size: .9em;

			}

				#texte ul ul li{

				background: transparent url(design/0001_arrow.png) 0 2px no-repeat;

				}



/*---- Formatage -------*/

.center {

text-align: center;

}

img.bordure {

border: 1px solid #191764;

}

.floatleft{

float: left;

margin: 5px 10px 3px 40px;

}

.floatright{

float: right;

margin: 5px 30px 3px 10px;

}

.clear {

clear: both;

}

.hr {

margin-top: 1em;

margin-bottom: 1em;

border-bottom: 1px solid #c4def5;

margin-right: 30px;

margin-left: 40px;

}

	.hr hr {

	visibility: hidden;

	}





/*---- Pied de page -------*/

#footer {

clear: both;

color: #FFFEF8;

height: 71px;

padding: 47px 20px 5px 0;

background: transparent url(design/footer_background.gif) top left no-repeat;

text-align: right;

font-size: .85em;

}

	#footer a{

	color: #FFFEF8;

	text-decoration: none;

	}

		#footer a:hover{

		text-decoration: underline;

		}

	#footer img{

	vertical-align: middle;

	}



/*---- multi page -------*/

.multipage {

clear: both;

text-align: center;

padding-top: 15px;

}

	#texte .multipage a, #texte .multipage strong{

	border: 1px solid #e1e4ec;

	background: white;

	padding: 1px 4px;

	text-decoration: none;

	color: #191764;

	}

	#texte .multipage a:hover{

	border: 1px solid #e1e4ec;

	background: #009de0;

	color: white;

	}

	.multipage strong{

	background: #e5f1ff ;

	}



/*---- block -------*/

#bloc1 {

float: left;

width: 630px;

}

.bloc2 {

float: right;

width: 320px;

border-left: 1px solid #ccdfe8;



}

	#texte .bloc2 h3, #texte .bloc2 h4,  #texte .bloc2 p {

	margin-left: 12px;

	margin-right: 10px;

	padding-left: 0;

	padding-right: 0;

	}



	#texte .bloc2 h3 {

	color: #191864;

	font-size: 1em;

	height: 25px;

	padding-left: 80px;

	padding-top: 20px;

	font-weight: bold;

	}

		#texte  .bloc2 h3.palmiers {

		background: transparent url(design/palmiers.gif) left bottom no-repeat;

		}

		#texte  .bloc2 h3.voilier {

		background: transparent url(design/voilier.gif) left bottom no-repeat;

		}

		#texte  .bloc2 h3.vague {

		background: transparent url(design/vague.gif) left bottom no-repeat;

		}

	#texte .bloc2 h4 {

	color: #191864;

	font-size: .9em;

	background: transparent url(design/ul_puce.gif) 0 5px no-repeat;

	padding-left: 15px;

	}

	#texte .bloc2 img.floatright {

	margin: 5px 30px 3px 10px;

	}

	#texte .bloc2 p {

	font-size: .7em;

	}



iframe {

border: 0 none;

margin-left: 5px;

overflow: auto;

}



/*---- album -------*/

#album2 {

margin-top: 20px;

margin-left: 70px;

width: 740px;

border: 1px solid #e1e4ec;

}

	#album2 td{

	vertical-align:bottom;

	text-align: center;

	border: 10px solid #f3f4f6;

	background: #e7e8ec;

	}

	#album2 td:hover{

	background: white;

	}

	#album2 img.photo{

	border: 1px solid #dfe0da;

	}

	#album2 .info {

	overflow: hidden;

	}

	#texte #album2 p {

	padding: .4em 10px .4em 10px;

	font-size: .7em;

	color: black;

	font-weight: bold;

	}



/*---- gallerie -------*/

#galerie {

float: left;

width: 510px ;

overflow: hidden;

background: #f3f4f6 ;

border: 1px solid #e1e4ec ;

padding: 10px ;

margin: 15px 30px ;

text-align: center ;

font: 0.9em Georgia, serif ;

}

	#galerie ul#galerie_mini {

	margin: 40px 0 0 0 ;

	padding: 0 ;

	list-style-type: none ;

	}

		ul#galerie_mini li 	{

		float: left ;

		background: transparent;

		margin: 0 0;

		padding: 0 0;

		}

			ul#galerie_mini li a img {

			margin: 2px 3px ;

			border: 1px solid #dcb ;

			}

	dl#photo {

	/*clear: both ; */

	float: right;

	}

		dl#photo dt {

		font: italic 2em/1.5em Georgia, serif ;

		color: #dcb ;

		}

		dl#photo dd {

		margin: 0 ;

		}

		dl#photo img, #album1 #photo img 	{

		border: 1px solid #dcb ;

		}



#album1 {

margin-left: 50px;

margin-right: 50px;

padding: 10px ;

margin: 15px 30px ;

background: #f3f4f6 ;

border: 1px solid #e1e4ec ;

}

	#album1 #photo{

	float: left;

	}

	#album1 ul#galerie_mini {

	margin-left: 10px;

	margin-right: 0;

	overflow: hidden;

	}

		#album1 ul#galerie_mini .first{

		clear: both;

		}

	#album1 .multipage{

	float: right;

	margin-right: 120px;

	}

#trier {

float: right;

}

	#trier select{

	margin-right: 30px;

	margin-top: 20px;

	}

	#trier label{

	font-size: .8em;

	font-weight: bold;

	}