/*----------------------General------------------------*/
/*-------------------<--  Pixell - Design et Découpage Caroline -->---------------------*/

/*---- Reset css -------*/
* {margin: 0; padding: 0;}
a img {border: 0;}
p {font-size: .8em;}

html, body {
    height: 100%;
}

/*---- Mise en page -------*/
body {
	background: #ffffff url("styles/fond.jpg") 0 0 repeat-x;
	text-align: center;
	font-family:  Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-size: 100%;
	color: black;
	position: relative;
}

#conteneur {
		position: relative;
		width:950px;
		margin: 0 auto;
		text-align:left;
		background: #ffffff;
		-webkit-box-shadow: #666 0px 2px 3px;
		-moz-box-shadow: #666 0px 2px 3px;
		box-shadow: #666 0px 2px 3px;
	}



/*---- Bandeau -------*/
#header {
	height: 136px;padding:0;
	background: #ffffff url("styles/bandeau.jpg") right 4px no-repeat;
}
	#tel-facebook {
		background: url("styles/telephone.jpg") no-repeat scroll 0 0 transparent;
    	color: #7A7979;
    	font-size: 1em;
    	font-weight: bold;
    	height: 52px;
    	padding: 0 0 0 30px;
    	position: absolute;
    	right: 0;
    	top: 35px;
    	width: 270px;
	}
	
		#tel-facebook img {
			float: right;
    		margin: -10px 30px 0 0;
		
		
	}
	
	
	#logo {
		font-size: 1pt;
		padding-left: 10px;
		color: white;
		height: 26px;
	}
	
	
	#drapeau{
		background: url("styles/drapeau.jpg") no-repeat scroll 0 0 transparent;
    	float: right;
  	  	height: 29px;
  	  	margin: 79px 20px 0;
  		padding: 11px 0 0;
    	width: 165px;
		
	}
	
		#drapeau a{
		margin: 21px 19px 21px 21px;
		
	}
	
	#diapo{
		background: url("styles/diapo.jpg") no-repeat scroll 0 0 transparent;
   		height: 291px;
    	margin: 0 0 0 2px;
    	width: 947px;
		padding: 10px 0 0 10px
		
	}


/*---- Menu -------*/
#nav{
	float: left;
	width: 950px;
	margin-top: 10px;
	background: transparent url("styles/menu.jpg");
}
	#nav ul {
		list-style-type: none;
		margin: 0 0 0 3px;
	}
		#nav li {
			display:inline-block;
			font-size: 0.9em;
			
		}
		#nav li.lien_actif a {
			color: #ffffff;
			background: url("styles/menu_btn_hover.jpg") repeat-x;
			text-decoration: none;
		}
			#nav a {
				color: #343232;
				padding: 15px 9px 0;
				display:block;
				font-weight:600;
				text-decoration: none;
				height:41px;
			}
				#nav a:hover {
					color: #ffffff;
					background: url("styles/menu_btn_hover.jpg") repeat-x;
					text-decoration: none;
				}





/*---- Texte -------*/
#section {
	background: url("styles/section.jpg") no-repeat 0 30px #FFFFFF;
    color: black;
    float: left;
    margin: 10px 0 20px 10px;
    padding: 10px 0 0;
    position: relative;
    width: 617px;
}
	#section h1 {
		color: #191864;
		font-size: 1em;
		margin-bottom: 1em;
		margin-right: 30px;
		margin-left: 30px;
	}
	#section h2 {
		background: none repeat scroll 0 0 transparent;
   		color: #205F85;
    	font-size: 0.9em;
    	margin: 5px 30px 0.5em 30px;
    	padding-left: 0.5em;
    	padding-right: 0.2em;
	}
	#section p {
		text-align:justify;
		padding: 0.7em 25px 0.7em 30px;
	}
	#section a, #section strong, #section b {
		color: #fdb517;
	}
		#section a:visited {
			color: #c35200;
		}
		#section a:hover {
			text-decoration: none;
		}
	#section ul {
		margin: 5px 15px 15px 80px;
		font-size: .8em;
		list-style-type:  disc;color: #fdb517;
	}
	
	#section span {
		color:#000000;	
	}
	
	#section img {
		margin:  10px 20px 0 30px;float:left;
		border: solid #191864 1px;
		
	}
	
	hr {
		color: #c4def5;
		background-color: #c4def5;
		height: 1px;
		border: 0;
		margin:15px 20px;}






	







/*---- 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 {
margin-top: 36px;

padding-bottom: 10px;




}

	#texte h2 {

	color: #191864;
		font-size: 1em;
		margin-bottom: 1em;
		margin-right: 30px;
		margin-left: 30px;

	}

	#texte h3 {

		background: none repeat scroll 0 0 transparent;
   		color: #205F85;
    	font-size: 0.9em;
    	margin: 5px 30px 0.5em 30px;
    	padding-left: 0.5em;
    	padding-right: 0.2em;;

	}

	#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 hr {

	visibility: hidden;

	}






/*---- Pied de page -------*/
#footer {
	clear: both;
	color: #ffffff;height:35px;
	padding: 15px 10px 5px 0;
	background: transparent url("styles/fond_footer.jpg") repeat-x;
	text-align: right;
}

	#footer p {height:35px;
		background: url("styles/autremerconcept.png") no-repeat scroll 200px -5px transparent;
	}
	#footer p img {
		vertical-align:middle;
	}
	#footer a{
		color: #ffffff;
		text-decoration: none;
	}
		#footer a:hover{
			text-decoration: underline;
		}

/*---- 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 {
	background: url("styles/section.jpg") no-repeat 0 30px #FFFFFF;
    color: black;
    float: left;
    margin: 10px 0 20px 10px;
    padding: 10px 0 0;
    position: relative;
    width: 617px;

}

.bloc2 {
	background: url("styles/menu-droite.jpg") no-repeat scroll 0 0 #FFFFFF;
    float: right;
    padding: 15px 20px 0;
    width: 280px;
	margin-bottom:20px;
	min-height:569px;



}

.bloc2 hr{
    
		background: url("styles/menu-hr.jpg") repeat scroll 0 0 transparent;
    border: 0 none;
    height: 3px;
    margin: 0;width:300px;}

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

	margin-left: 12px;
	margin-bottom: 10px;
	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: url("styles/actualite.jpg") no-repeat scroll 0 0 #FFFFFF;
    	color: #205F85;
   		 font-size: 1em;
   		 font-variant: small-caps;
  	  height: 31px;
    padding: 25px 0 0 65px;

		}

		#texte  .bloc2 h3.voilier {

		background: url("styles/actualite.jpg") no-repeat scroll 0 0 #FFFFFF;
    	color: #205F85;
   		 font-size: 1em;
   		 font-variant: small-caps;
  	  height: 31px;
    padding: 25px 0 0 65px;

		}

		#texte  .bloc2 h3.vague {

		background: url("styles/actualite.jpg") no-repeat scroll 0 0 #FFFFFF;
    	color: #205F85;
   		 font-size: 1em;
   		 font-variant: small-caps;
  	  height: 31px;
    padding: 25px 0 0 65px;

		}

	#texte .bloc2 h4 {

	color: #000000;
    	font-size: 0.9em;
    	padding: 10px 0 10px 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;

	}