@import "formulaire.css";
@import "referencement.css";
@import "navigation.css";

/*------------------------------------------------------*
*-- appel des css formulaire contact -  referencement et navigation  ----*
*------------------------------------------------------*/



/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web ---  CSS 03 mars 08 - MAJ : arno --*
 *------------------------------------------------*/





html {
 margin: 0;
 padding: 0;
}


body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #F2B793;
	color: #000;
	background-image: url(../images/deco/body_bg.gif);
	background-repeat: repeat-x;
}
.intro{
	background-color: #F2B893;
}

#general-intro {
background-image: url(../images/deco/general_bg.jpg);
	background-repeat: no-repeat;
		background-color: #F2B793;

}


.details{
	margin: 0;
	;
	padding: 0;

}
p, form, input {
	margin: 0;
	padding: 0;
}

select {
	color: #000;
	background-color: #fff;
}

img{
	border:none;
}
small{
	font-size:10px;
	font-weight:normal;
}
.separateur{
	margin:15px 0 5px 0;
	padding:0;
	background:none;
	border-top:1px #fff solid;
}
 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/

#general_mini_croix{
	margin:0 auto;
	padding:0;
	width:1248px;
	background-image: url(../images/deco/general_bg_mini.jpg);
	background-repeat: no-repeat;
	height: 768px;
	
}

#general{
	margin:0 auto;
	padding:0;
	width:1248px;
	background-image: url(../images/deco/general_bg.jpg);
	background-repeat: no-repeat;
	height: 768px;
	
}

/*Haut de page  HEADER*/

#header{
	margin:0;
	padding:0;
	width:700px;
	height:125px;
	background-image: url(../images/deco/header.jpg);
}

#header-presentation{
	margin:0 auto;
	padding:40px 0 0 20px;
	width:680px;
	height:85px;
	background-image: url(../images/deco/header.jpg);
}
#header_intro{
	margin: 0px 0 0 245px;
	padding:40px 0 0 20px;
	width:680px;
	height:30px;
	background-color: #F2B893;
	background-image: url(../images/deco/header.jpg);
/*	background-image: url(../images/deco/header_intro.jpg);
*/}
#header p{
 color:#000;
}

#header a{
	color:#990000;
	text-decoration:none;
}

#header a:hover{
	color:#999;
}
#header h1{
	margin: 0;
	padding: 70px 0 0 0;
	color:#FFFFFF;
	font-size: 16px;
	text-align: center;
}
#general-content{
	margin:0 0 0 245px;
	padding:0;
	width: 700px;

}
/*Contenu de page  CONTENT */
#entete{
	margin:0;
	padding:0 0 0 6px;
	width: 694px;
	background-image: url(../images/deco/content.jpg);
}
#entete-presentation{
	margin:40px 0 0 0;
	padding:0;
	width: 700px;
}

#content-presentation {
	margin:0;
	padding:0 0 0 20px;
	width: 680px;
	background-image: url(../images/deco/content.jpg);
}

#content_intro{
	margin:0;
	padding:30px 0 0 20px;
	width: 680px;
	background-color: #C3BFB8;
	background-image: url(../images/deco/content.jpg);
		

}

#content {
	margin:0;
	padding:30px 30px 0 10px;
	width: 660px;
	background-image: url(../images/deco/content.jpg);
}

#content p{
	color:#333333;
	padding: 5px 0 0 0;
}

#content strong{
	font-weight:bold;
	color:#666666;
}

#content a{
	color:#990000;
	text-decoration:none;
}

#content a:hover{
	color:#0099FF;
}

#rotator{
	margin:0;
	padding: 0;
	border: 1px #fff solid;
	width: 680px;
}
#left-part{
	margin:0;
	padding:0;
	width:320px;
	float:left;
}
#right-part{
	margin:0 0 0 20px;
	padding:0;
	width:320px;
	float:left;
}
#livre{
	margin:0 auto;
	padding:80px 40px 20px 100px;
	width:460px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image: url(../images/deco/livre_bg.jpg);
	height: 760px;
}
.article{
	margin:40px auto;
	padding:20px 20px 20px 120px;
	background-color: #F8D6C0;
	width:460px;
	background-image: url(../images/deco/livre_bg.jpg);
}

.exergue{
	font-size:11px;
	color:#333;
	font-weight:bold;
	text-align:center;
	margin: 0;
	padding: 0;
}
.titres-croisieres {
	font-size: 14px;
	margin: 0 0 0 6px;
	padding: 0;
}
.tarifs-noirs {
	font-weight:bold;
	color:#000;
}
.tarifs-bleus {
	font-weight:bold;
	color:#0099FF;

}
.orange{
	color:#FF9900;
}
.violet{
	color:#993399;
}
.rose2{
	color:#FF6699;
}
.rouge{
	color:#CC0000;
}
ul.liste a{
	margin:0;
	padding:0;
	font-size:12px;
	color:#333333;
}
a.fiche-pdf{
	margin:0;
	padding:40px 0 0 0;
	background-image:url(../images/deco/ico-pdf.png);
	background-position:center 5px;
	background-repeat:no-repeat;
	height:15px;
	display:block;
	float:right;
	text-align:center;
	font-size: 9px;
	width: 70px;
}
.fiche{
	margin:0 0 5px 20px;
	padding:10px 0 10px 0;
	width:400px;
	border:1px #fff solid;
	float:left;
	background-color: #F7CCB3;
	background-image: url(../images/deco/puce-ancre.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}

.fiche h1{
	margin:0;
	padding:10px 0 10px 20px;
	font-size:12px;
	color:#333;
	background: none;
}
.fiche a{
	margin:0;
	padding:0 0 0 30px;
	font-size:12px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	height: 20px;
}
.fiche_1 img, .fiche_2 img, .fiche_3 img, .fiche_4 img, .fiche_croisiere img{
	margin:0;
	padding:0 10px 0 0;
	float:right;
}
.fiche a:hover{
	color:#CC0000;
}
.fiche a em{
	font-size:10px;
	font-weight:normal;
}
.fiche_croisiere{
	margin:10px 0 0 0;
	padding:0;
	width:650px;
	border:1px #fff solid;
	float:left;
	background-color: #F7CCB3;
}

.fiche_croisiere h1{
	margin:0;
	padding:5px 0 5px 20px;
	font-size:12px;
	color:#333333;
	background: none;
}

.fiche_croisiere h2{
	margin:0;
	padding:0 0 10px 50px;
	font-size:10px;
	color:#666;
	font-weight: normal;
}
/* FICHE produit */
.fiche_1{
	margin:10px 0 0 20px;
	padding:0 20px 0 0;
	width:600px;
	border:1px #fff solid;
	float:left;
	background-color: #F8D0B6;
}

.fiche_1 h1{
	margin:0;
	padding:5px 0 5px 20px;
	font-size:12px;
	color:#FF9900;
	background: none;
}

.fiche_1 h2{
	margin:0;
	padding:0 0 10px 50px;
	font-size:11px;
	color:#666666;
	font-weight: normal;
	font-size: 11px;
}

.fiche_2{
	margin:10px 0 0 20px;
	padding:0 20px 0 0;
	width:600px;
	border:1px #fff solid;
	float:left;
	background-color: #F8D0B6;
}

.fiche_2 h1{
	margin:0;
	padding:5px 0 5px 20px;
	font-size:12px;
	color:#FF6699;
	background: none;
}

.fiche_2 h2{
	margin:0;
	padding:0 0 10px 50px;
	font-size:11px;
	color:#666666;
	font-weight: normal;
}

.fiche_3{
	margin:10px 0 0 20px;
	padding:0 20px 0 0;
	width:600px;
	border:1px #fff solid;
	float:left;
	background-color: #F8D0B6;
}

.fiche_3 h1{
	margin:0;
	padding:5px 0 0 20px;
	font-size:12px;
	color:#CC0000;
	background: none;
}

.fiche_3 h2{
	margin:0;
	padding:0 0 10px 80px;
	font-size:11px;
	color:#666666;
	font-weight: normal;
}
.fiche_4{
	margin:10px 0 0 20px;
	padding:0 20px 0 0;
	width:600px;
	border:1px #fff solid;
	float:left;
	background-color: #F8D0B6;
}

.fiche_4 h1{
	margin:0;
	padding:5px 0 0 20px;
	font-size:12px;
	color:#993399;
	background: none;
}

.fiche_4 h2{
	margin:0;
	padding:0 0 10px 50px;
	font-size:11px;
	color:#666666;
	font-weight: normal;
}

.fiche_5{
	margin:10px 0 0 20px;
	padding:0 20px 0 0;
	width:600px;
	border:1px #fff solid;
	float:left;
	background-color: #F8D0B6;
}

.fiche_5 h1{
	margin:0;
	padding:5px 0 0 20px;
	font-size:12px;
	color:#339900;
	background: none;
}

.fiche_5 h2{
	margin:0;
	padding:0 0 10px 50px;
	font-size:11px;
	color:#666666;
	font-weight: normal;
}

.fiche-bateaux{
	margin:0;
	padding:0;
	width:317px;
	border:1px #fff solid;
	float:left;
	background-color: #F7CCB3;
	height: 220px;
}
.fiche-bateaux img{
	margin:0;
	padding:0;
		float:left;
}
.fiche-bateaux h1{
	margin:0;
	padding:0 0 0 20px;

}
.fiche-bateaux-desc p{
	margin:0;
	padding:0;
}
.fiche-bateaux-desc h1{
	float:left;
	margin: 0;
	padding: 40px 0 0 20px;
	background: none;

}

.menu{
	margin:0 0 30px 0;
	padding:60px 0 0 0;
	text-align:center;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/deco/fond-menu.jpg);
	height: 400px;
}
.black{
	color:#000;
	font-weight:bold;
}
.bleu{
	color:#0099FF;
	font-weight:bold;
}

.menu-content{
	margin:0;
	padding:0;
}
.menu p{
	margin:0;
	padding:0;
	font-size:10px;
}
.menu h1{
	margin:0;
	padding:0;
	font-size:16px;
}
.menu h2{
	margin:0;
	padding:0 0 10px 0;
	font-size:12px;
}

.boisson{
	margin:0;
	padding:0 0 0 20px;
	background-color: #F8D6C0;
	border: 1px #fff solid;
}

.boisson h1{
	margin:0;
	padding:0 0 20px 0;
	text-align:center;
}
.boisson p{
	margin:0;
	padding:0;

}
grp{
	color:#0099FF;
}
.special{
	color:#CC0000;
}


/*Bas de page  FOOTER*/

#footer{
	margin:0 auto;
	padding:50px 0 0 0;
	width:700px;
	height:125px;
	text-align: center;
	color: #666666;
	background-image: url(../images/deco/footer.jpg);
	background-repeat: no-repeat;
	font-size: 10px;
}

#footer a{
	color:#666666;
	text-decoration:none;
	font-size: 10px;
	padding: 0;
}

#footer a:hover{
	color:#FFFFFF;
}

#footer_intro{
	margin:0 0 0 245px;
	padding:50px 0 0 0;
	width:700px;
	height:125px;
	text-align: center;
	color: #666666;
	background-color: #F2B793;
	background-repeat: no-repeat;
	font-size: 10px;
	background-image: url(../images/deco/footer.jpg);
}

#footer_intro a{
	color:#666666;
	text-decoration:none;
	font-size: 10px;
	padding: 0;
}

#footer_intro a:hover{
	color:#000000;
}
/*classe clear*/

.clear {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}


 /*------------------------------------------------------*
  *------------ CSS TITRES DEBUT   ----*
  *------------------------------------------------------*/
  
   h1 {
	margin: 0;
	padding: 0;
	color:#2271B0;
	font-size: 16px;
	height: 16px;
	line-height: 16px;
  }
  

   h2 {
	margin: 0;
	padding: 5px 0 0 20px;
	color:#2271B0;
	font-size: 11px;
  }
  
   h3 {
	margin: 0;
	padding: 40px 0 0 0;
	color:#378FD9;
	font-size: 11px;
  }
  	h3 em{
	margin: 0;
	padding: 0;
	color:#378FD9;
	font-weight:normal;
	font-size:10px;
	color:#666;
  }
   h4 {
	margin: 0;
	padding: 20px 0 0 40px;
	color:#333333;
	font-size: 10px;
  }
  
   h5 {
	margin: 0;
	padding: 40px 0 0 40px;
	color:#CC0000;
	font-size: 10px;
  }
  
   h6 {
   	margin: 0;
    padding: 0;
			 color:#000;
  }
		
 /*------------------------------------------------------*
  *--------------------------     CSS TITRES FIN     ----*
  *------------------------------------------------------*/
.nav_pages{
	margin: 40px 30px 0 0;
	padding: 2px 0 2px 0;
	font-size: 11px;
	color: #555;
	float: right;
	text-align: right;
}

.nav_pages a{
	color: #555;
	text-decoration: none;
	margin: 0 5px 0 0;
	padding: 1px 4px;
}
.nav_pages a:hover{
	color: #CC0000;
	text-decoration: none;
}

.titre_formule{
	position:relative;
	padding: 20px 0 0 20px;
	text-transform: uppercase;
}
.titre{
	position:relative;
	margin: 0;
	padding: 0;
	color:#666666;
	font-size: 16px;
	height: 16px;
	line-height: 16px;
	font-weight: bold;
}
.ombre{
	position:absolute;
	margin: 0;
	padding: 0;
	color:#333333;
	font-size: 16px;
	height: 16px;
	line-height: 16px;
	margin:1px 0 0 1px;
	font-weight: bold;
}
a.rose{color:#FF9900;}