/* CSS Document
Styles pour le dossier Children of Phi Phi Island - CLAIREFONTAINE.com
CSS design KOZAKNET.com*/


body {
	margin:0px; padding:0px;
	background-color:#FE9123;
	background-image: url(interface/fd-page.jpg); background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#2B4A55;
}

#principal {
	width:900px; margin-left:auto; margin-right:auto;
	background-image: url(interface/fd-principal.gif); background-position:center; background-repeat:repeat-y; overflow:visible;
}

.exergue {
	font-family:"Comic Sans MS", "Trebuchet MS", Georgia, Verdana; font-size:20px; color:#2F85CC;
}

* a {
 color:#FF6600; text-decoration:none;
}

* a:hover { color:#CC0000; }


/*************  MENU PRINCIPAL  ****************/
#header {
	width:900px; height:74px;
	background-image: url(interface/fd-header.gif); background-position:center; background-repeat:repeat-x;
}

#header ul {
	margin:0px; padding:0px; margin-left:181px;
	text-align:right;
	list-style-type:none;
}

#header ul img { border:none; }

#header li {
	float:left; display:block; height:60px; margin:0px; padding:0px;
	background-repeat:no-repeat;
}

#header li.menu1 {	width:133px;}
#header li.menu2 {	width:130px;}
#header li.menu3 {	width:175px;}
#header li.menu4 {	width:182px;}
#header li.menu5 {	width:99px;}
#header li.menu1:hover, #header li.menu2:hover, #header li.menu3:hover, #header li.menu4:hover, #header li.menu5:hover {	background-color:#FE8B1E;}





/*************   ENCART GAUCHE  ****************/
#gauche {
	width:210px; float:left; text-align:center; padding-bottom:50px; 
	background-image: url(interface/fd-gauche.gif); background-repeat:no-repeat; background-position:bottom;
}

#gauche img { border:none; }

#gauche a { color:#FF6600; font-family:"Comic Sans MS", "Trebuchet MS", Georgia, Verdana; font-weight:normal; text-decoration:none;}
#gauche a:hover  { color:#CC0000; }

#gauche ul {
	list-style:none; font-size:12px; font-weight:bold; list-style-image: url(interface/fd-gauche-puce.gif); list-style-position:outside; margin-left:-10px;
}
#gauche ul li a { font-size:12px; }

#logo {
	position:relative;
	width:137px; height:96px; margin-top:-55px; margin-left:35px;
}
.blocGauche {
	margin:5px; margin-top:20px; margin-bottom:10px; padding-bottom:5px;
	border-bottom:2px dashed #FF6701;
}
.logoGauche {
	margin-top:20px; margin-bottom:15px;
}

/* Spécifiques */
.gaucheEnAsso {
	background-image: url(interface/fd-association.gif); background-repeat:no-repeat; background-position:center; 
	width:200px; height:20px; margin-bottom:10px;
}
#gauche .gaucheLangues ul {
	margin-left:-25px;
}
#gauche .gaucheLangues ul li {
	display:inline; list-style-position:inside; padding:0; margin:0;  padding-left:20px; padding-right:10px; height:20px;
	background-image: url(interface/fd-gauche-puce2.gif); background-repeat:no-repeat; background-position:50 0 0 0;
	font-size:12px; font-weight:bold; list-style-position:outside; list-style-type:circle;
}




/*************   CENTRAL : PAGE CONTENU  ****************/
#central {
	margin-left:210px;
	padding:0px; padding-left:8px; padding-right:10px; margin-right:4px; padding-bottom:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#2B4A55; line-height:18px;
}

#central p { margin:0; padding:0; margin-left:15px; margin-top:8px; margin-bottom:15px;}
#central h1 {
	font-family:"Comic Sans MS", "Trebuchet MS", Georgia, Verdana; font-size:24px; color:#FF6600; text-align:right;min-height:50px; height:50px;
	margin-bottom:0px; margin-top:0px; padding-right:70px; padding-top:6px;
	background-image: url(interface/puce-h1.gif); background-repeat:no-repeat; background-position:right; font-weight:lighter;
}
#central h2 {
	 font-family:"Comic Sans MS", "Trebuchet MS", Georgia, Verdana; font-size:20px; color:#FF6600; text-align:left; padding-left:40px; min-height:30px; height:30px;
	 margin-bottom:10px; margin-top:30px;
	 background-image: url(interface/puce-h2.gif); background-repeat:no-repeat; background-position:left; font-weight:lighter;
}
#central h3  {
	 font-family:"Comic Sans MS", "Trebuchet MS", Georgia, Verdana; font-size:16px; color:#FF6600; text-align:left; padding-left:26px; height:25px; font-weight:lighter;
	 margin-bottom:10px; margin-top:20px;
	 background-image: url(interface/puce-h3.gif); background-repeat:no-repeat; background-position:left;
}
#central h4, h5, h6 {
	font-family:"Comic Sans MS", "Trebuchet MS", Georgia, Verdana; font-size:14px; color:#FF6600; text-align:left; padding-right:70px; font-weight:bold;
} 

#central p img, #central p img a { margin:4px; border:none; float:left; }

.liens { border-bottom:2px dashed #FE9123; padding-bottom:10px; margin-bottom:8px; margin-top:0px; /*min-height:80px;*/}
.liens p { margin:0; margin-top:4px; margin-bottom:8px; padding:0; padding-bottom:10px; }
.liens h3 { margin:0; padding:0; } 
.liensImg { margin:4px; float:right; width:120px; text-align:center; }
.liensImg img { border:none; }

.colonneGauche { width:auto/*300px*/; float:left; }
.colonneDroite { width:360px; float:right; clear:right; }

* blockquote {
	 margin:0; padding:0; margin-left:30px; margin-right:30px; margin-top:8px; margin-bottom:15px;
	 font-style:italic;
}




/*************  FOOTER  ****************/
#footer {
	width:900px; padding:0; margin:0; padding-top:5px; padding-bottom:30px;
	background-image: url(interface/fd-footer.gif); background-repeat:no-repeat; background-position:top;
	text-align:right; clear:both;
}

#footer li {
	display:inline; list-style-position:inside; padding:0; margin:0;  padding-left:20px; padding-right:10px; height:20px;
	background-image: url(interface/fd-footer-puce.gif); background-repeat:no-repeat; background-position:50px 0 0 0;
	font-size:12px; font-weight:bold; list-style-position:outside; list-style-type:circle;
}

#footer ul { margin:0; padding:0; margin-top:15px; }
#footer li a {
	font-family:"Comic Sans MS", "Trebuchet MS", Georgia, Verdana; font-size:13px; font-weight:normal; text-decoration:none;
	color:#FFFFFF; 
}
#footer li a:hover { color:#CC0000; }





/*************  CLASSES ET BLOCS SPÉCIFIQUES  ****************/
.invisible {
	display:none;
}

.lienExerg { font-size:larger; font-weight:bold; }

#central .blocProduitHome {
	width:320px; float:left; padding:0; padding-right:3px; margin:0; margin-left:3px; margin-top:20px;
	border-right:2px dashed #FF6701;
}

#central .blocProduitHome img { display:block; float:left; margin-top:5px; border:none; width:120px;!important }
#central .blocProduitHome h2 { background-image:none; padding:0; margin:0; margin-bottom:8px; height:auto; }
#central .blocProduitHome p { margin:0; margin-top:5px; margin-bottom:8px; margin-left:120px; width:190px; line-height:1.2em; }

.prix { color:#D03201; font-family:"Comic Sans MS", "Trebuchet MS", Georgia, Verdana; font-size:20px; margin-top:10px; }
.prix2 { color:#D03201; font-family:"Comic Sans MS", "Trebuchet MS", Georgia, Verdana; font-size:30px; margin-top:10px; }
.commentaire { color:#D03201; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-size:11px; }

a.lienSeul { 
	display:list-item; list-style-image:url(interface/fd-footer-puce.gif); list-style-position:inside; padding-left:16px;
	color:#FF6600; text-decoration:none; 
	font-family:"Comic Sans MS", "Trebuchet MS", Georgia, Verdana; font-size:14px; font-weight:bold;
	margin-top:8px;
}
a:hover.lienSeul { color:#CC0000; }

.alignDroite { float:right; }
.separateur { clear:both; }
.hrule { margin-top:8px; margin-bottom:16px; border-bottom:2px dashed #FF6701;}