@charset "UTF-8";
/* CSS Document */

a { text-decoration: none; outline: 0; }
:link, :visited, :focus { text-decoration: none; outline: 0; } /* pas de souligne car degrade visibilite du texte */
ul, ol { list-style: none; } /* pas de style pour les listes car utilisation principale semantique */
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; } /* inconsistence de taille des navigateurs en titrage */
body, html, div, span, applet, object, iframe, form, fieldset, legend, label, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; } /* inconsistence de marge et padding */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; }
li, dd, blockquote { margin: 0; } /* marge gauche logique */
img, fieldset, a img, :link img, :visited img { border: 0; } /* supprime le tour bleu des images avec liens */
table { border-collapse: collapse; border-spacing: 0; } /* nettoie table, pensez aussi html cellspacing et cellpadding */


@font-face {
    font-family:'LilacMalariaRegular';
    src: url('polices/LilacMalaria/lilac_malaria-webfont.eot');
    src: url('polices/LilacMalaria/lilac_malaria-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/LilacMalaria/lilac_malaria-webfont.woff') format('woff'),
         url('polices/LilacMalaria/lilac_malaria-webfont.ttf') format('truetype'),
         url('polices/LilacMalaria/lilac_malaria-webfont.svg#LilacMalariaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'EraserRegular';
    src: url('polices/Eraser/EraserRegular-webfont.eot');
    src: url('polices/Eraser/EraserRegular-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/Eraser/EraserRegular-webfont.woff') format('woff'),
         url('polices/Eraser/EraserRegular-webfont.ttf') format('truetype'),
         url('polices/Eraser/EraserRegular-webfont.svg#EraserRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansLight';
    src: url('polices/Opensans/OpenSans-Light-webfont.eot');
    src: url('polices/Opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/Opensans/OpenSans-Light-webfont.woff') format('woff'),
         url('polices/Opensans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('polices/Opensans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('polices/Opensans/OpenSans-Regular-webfont.eot');
    src: url('polices/Opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/Opensans/OpenSans-Regular-webfont.woff') format('woff'),
         url('polices/Opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('polices/Opensans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'OpenSansBold';
    src: url('polices/Opensans/OpenSans-Bold-webfont.eot');
    src: url('polices/Opensans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/Opensans/OpenSans-Bold-webfont.woff') format('woff'),
         url('polices/Opensans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('polices/Opensans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('polices/Opensans/OpenSans-ExtraBold-webfont.eot');
    src: url('polices/Opensans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/Opensans/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('polices/Opensans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('polices/Opensans/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}



body { background-color:#FFF;}
/*body.liste{ background-image:url(img/plage_grandeliste.jpg);height:400px; width:960px; background-repeat:no-repeat; }*/
#container {width:1000px; 
			height:1200px;
			margin: 0 auto;
			}

h1 {font-family:'LilacMalariaRegular', sans serif;
	font-size:1.1em;
	color:#FFF;
	position:relative; top:60px;
	width:500px;
	margin-left:200px;
	height:20px;
	
  }
  h1.produit {font-family: 'LilacMalariaRegular', sans serif;
	font-size:1.1em;
	color:rgba(15,153,171,1.0);
	position:relative; top:35px;
	width:500px;
	margin-left:180px;
	
	
  }


#menutop{ 
	float: right;
	color:rgba(138,139,141,0.5);
    font-size: 1.1em;
    margin-top: 15px;
	margin-right: -20px;
	margin-bottom:5px;
	}
	
#menutop img{ float:left; margin-right:5px;}
	
#menutop li{
	float:left;
    height:12px;
    list-style: none outside none;
    padding-left: 1px;
    width: 90px;
	border-left:1px; 
	border-color-left:#666;
	font-family:'OpenSansBold', sans serif;
	font-size:0.6em;
	
	}
	
	
	#menutop li a { color:rgba(138,139,141,0.6);
	
	}
	
	#menutop li a:hover { color: rgba(15,153,171,1.0);
	
	}
	
#imageaccueil {
	width:960px;
	height:480px;
		margin-left:20px;
		float:left;
		position:relative;
		margin-bottom: -20px;
		
	}
	
	
	
#imagegdeliste {
		margin-left:20px;
		width:960px;
		float:left;
		margin-top:10px;
		
		position:relative;		
	}
	
#blocimage {
		position:relative; top:25px;
		height:350px;
		margin-left:20px;
		width:960px;
		
		
	}
	
#logo {	
		position:absolute; 
		top:25px; left:10px;
		
	}

#logo2 {
		position:absolute; 
		top:-20px; left:10px;
		
	}
/*#filet { position:absolute;
			bottom:0px;
			
}
*/
#filet { position:relative;
			margin-top:25px;
			
}

#filetbas { float:left;
			
			
}

#messagelocal { width: 580px;
					height:70px;
					font-family: 'LilacMalariaRegular', sans serif;
					font-size: 0.8em;
					color:rgba(15,153,171,1.0);
					float:left;
					position:absolute;
					top:300px;
					left:150px;}


#message { width: 280px;
					height:120px;
					font-family: 'LilacMalariaRegular', sans serif;
					font-size: 18px;
					color:#FFF;
					float:left;
					position:absolute;
					top:150px;
					left:330px;
					}
					
#message p { margin-top:-15px;}				
					
p.msg { font-size: 1.5em;
}

#menu {
	position:relative; bottom:28px; 
	width:900px;
	height:22px;
	float:left;
	margin-left:30px;
	
	 }
	 

#menu li {float:left;
		  line-height:17px; 
		  list-style:none;
		  padding:2px 50px 2px 50px;
		  text-align:center;
		  font-family:'OpenSansLight', sans-serif;
		  color:#FFF;
		  font-size:0.9em;
		  
		}

#menu li a {display:block;
			width:100%; 
			text-decoration:none;
			color:#FFF;
			}

#menu li a:hover {display:block; width:100%; 
			text-decoration:none; 
			font-family:'OpenSansRegular', sans-serif;
			} 

#carte { width: 550px; height:450px;
			position:absolute;
			margin-top:-10px;
			float:left;
			margin-left:400px;}
			
#carte a { 
			font-family:'EraserRegular', sans serif;
			font-size:22px;
			color:rgba(15,153,171,1);
			list-style:none;
			text-decoration:none;
			}
			
#carte img {
        opacity: 0;
        }
         
#carte img:hover {
        opacity:0.5;
        }			
			
#carte a.ghana{position:absolute; top:250px;left:150px;
}
#carte a.togo{position:absolute; top:200px;left:300px;
}
#carte a.benin{position:absolute; top:120px;left:380px;
}





.imgopa {
        opacity: 0.8 ;
        }
         
.imgopa:hover {
        opacity: 1;
        }

#stylevoyage { float: left; text-align:center; margin-left:20px; margin-bottom:20px;margin-top:0px;}
	
				
h2{ 	width:220px;
		float:left;
		margin-left:8px;
		font-family: 'LilacMalariaRegular', sans serif;
				font-size:1.3em;	
				color:#FFF;
				padding:4px;
		
}
h2 a{ color:rgba(15,153,171,0.7) 
		
}
h2 a:hover{ color:rgba(223,225,224,1); 
}



#coupdecoeur {float:left;
				margin-left:20px;
				width: 960px;
				height:155px;
				
				font-family: 'OpenSansBold', sans serif;
				font-size:1.0em;						
							
}

#coupdecoeur li {  float:left;
				width:230px;
				height:155px;
				text-align:center;
				padding-right: 5px;
				padding-left: 5px;
			
				position:relative; 
					
				}

#coupdecoeur li h4 { 
							position:absolute; 
							bottom: 0px;
							
							width:230px;
							line-height:20px;
							font-family:'OpenSansBold', sans serif;
							letter-spacing:0.02em;
							color: rgba(15,153,175,0.7);
							font-size: 0.8em;
							background-color:rgba(223,225,224,0.8);
						
}

#coupdecoeur li a { 
							width:100%;
							display:block;
							color: rgba(15,153,175,1);
							float: left;
							
}

#coupdecoeur li a:hover { 
							color:#FFF;
		
}


#piedpage{ 
	float: left;
	margin-left:20px;
    font-size: 10px;
    margin-top: 20px;
	background-color: rgba(223,225,224,1);
	width:960px;
	height:20px;
	}
	#piedpage li {float:left;
	font-size:10px;
	line-height:14px;
	color:#FFF;
	padding:4px;
	}
	
	
	
#pieddroit{
	float:right;
    height:15px;
    list-style: none outside none;
    padding-left: 2px;
    
	border-left:1px; 
	border-color-left:rgba(138,139,141,1.0);
	font-size:10px;
	font-family: 'openSansLight', sans serif;
	color:#FFF;
	}
	
#piedpage li a { color:#FFF; font-family: 'openSansBold' , sans serif;
	}
	
#piedpage li a:hover { color: rgb(15,153,171);
}
			
/*page liste */

#imagegdeliste img.carteliste{ }
#imagegdeliste { height:400px; margin-bottom:20px; 
}

#ariane { float: left;
font-family:'OpenSansBold', sans serif;
    font-size:1em;
    margin-top: -20px;
	margin-bottom: 5px;
	width:960px;
	height:10px;
}


#filariane { float: left;
	color:#666;
    font-size: 10px;
    margin-bottom: 5px;
	margin-right: 10px;
	}
	
#filariane  li  { 
	
    height:10px;
    list-style: none outside none;
	display:inline;
    width:100px;
	padding:2px;
	
	}
	
#filariane li a { color:rgba(138,139,141,1.0);}
#filariane li a.bleu { color: rgb(15,153,171);}

#filariane li a:hover {  color: rgb(15,153,171);}
	
#boitechoix { background-color:#FFF;
						width:960px;
						height:60px;
						float:left;
						margin-left: 20px;
						margin-top:2px;
}

#boitechoix fieldset legend { 	width:260px;
								height: 18px;
								font-size: 1.3em;
								font-family : 'openSansBold', sans serif;
								color:#FFF;
								background-color:#CCC;
								margin-left: 0px;
								padding-left: 4px;
}
#boitechoix fieldset legend.rien { background-color:#CCC;
									width: 380px;}

#boitechoix fieldset { float:left;
						width:260px;
						height: 80px;
						font-size: 0.6em;
						font-family : 'openSansRegular', sans serif;
						color:rgba(138,139,141,1.0);
						padding-left:-2px; }

#boitechoix fieldset legend.nbjours { width: 300px;}

#boitechoix fieldset input { font-size: 0,9em; 
							font-family : 'openSansBold', sans serif;
							color:#000;
							background-color:#CCC;
							margin-top: 5px;
}

#boitechoix fieldset input.valider {margin-top:20px;
									color:#FFF;
									border-bottom-color:#CCC;
									float:right; font-family:  'openSansBold', sans serif;
									font-size: 1.2em;
									color: rgba(15,153,175,1);
}

#boitechoix fieldset.valider { width: 80px;}

#filetgris { width:4x;
			margin-left: 20px;
			float:left;
			margin-top:0;
			margin-bottom:0px;
			}
				
h2.liste { float:left;
		margin-left:20px;
		margin top:5px;
		width:500px;
		font-family: 'LilacMalariaRegular', sans serif;
		font-size:1.5em;	
		color:rgba(15,153,175,1.0);
		padding:1px;}


#suite { height:5px;
		font-family:'openSansBold', sans serif;
		font-size: 0.8em;
		color:rgba(138,139,141,1.0);
		margin-bottom: 15px;
		margin-left:35px;
		float:left;
		width:100px;
		}

#suite  li {float:left; 
			list-style: none outside none;
			display:inline;}
			
#suite  li a{ color: rgba(15,153,175,1); }

#affichage { height:350px;
			width:960px;
			margin-left:30px;
			margin-top: 2px;
			float:left;
}
	
	
#voyageprix { background-color:rgba(223,225,224,0.2);
						width:300px; 
						height:345px;
						float:left;
						margin-right:6px;
						margin-left:4px;
}

#voyageprix ul { width:100%; }

h3 { line-height:20px;
		font-family:'OpenSansBold', sans serif;
		color: rgba(15,153,175,1);
		font-size:1em;
		text-align: center;
		margin-top: 10px;
}

h3 a { color: rgba(15,153,175,1);

}
						
#voyageprix li p {  font-size: 0.8em;
					font-family :'openSansRegular',sans serif;
					text-align: center;
					color:rgba(138,139,141,1.0);}

#voyageprix li p.legende { font-family : 'openSansBold',sans serif;
							color:rgba(15,153,175,1);}
			
#voyageprix li p.prix { font-family :'openSansBold',sans serif;
						color:rgba(138,139,141,1.0);
						font-size: 1.0em;}
						
						
/*page produit */						

#logoproduit {position:relative; 
				top:-20px; left:-5px;
}

#carteproduit { float:left; 
				margin-top:-60px;
				margin-left:60px;
				}
#imageproduit { float:right;
				margin-top:-80px;
			
				}
	
#blocmenuproduit{ width:960px; 
					height:50px;
					float:left;
					margin-left:20px;
}
#menuproduit {position:relative;
				bottom:30px; 
				width:960px;
				height:22px;
				float:left;
				margin-left:20px;
	
}
	 

#menuproduit li {float:left;
		 		line-height:17px; 
		  		list-style:none;
		  		padding:2px 50px 2px 50px;
		  		text-align:center;
		  		font-family:'OpenSansLight', sans-serif;
		  		font-size:14px;	
		  		color:rgba(15,153,175,1.0);
		}

#menuproduit li a {display:block;
					width:100%; 
				text-decoration:none;
				color:rgba(15,153,175,1.0);
			}

#menuproduit li a:hover {display:block;
						width:100%; 
						text-decoration:none; 
						font-family:'OpenSansRegular', sans-serif;
						} 

#bloc3produit ul h2.titrevoyagepro{ width:300px;
							line-height:20px;
							font-family: 'OpenSansBold', sans serif;
							color:#FFF;
							font-size:1.2em;
							text-align: left;
							margin-top: 10px;
							margin-left: 0px;
							float:left;
							letter-spacing:0.01em;
							background-color:rgba(15,153,175,1);
							}

#filetdate { position:relative;
			margin-top:0px;
			width:280px;
			
}

#bloc3produit { width:960px;
				height:auto;
				float:left; 
				margin-left:20px;
				margin-top:25px;
}
#datevoyage {  width:320px;
				float:left;
				height:auto;
				text-align:left;}
				
#datevoyage  p { font-size: 0.8em;
					font-family : 'openSansRegular', sans serif;
					text-align: center;
					color:rgba(138,139,141,1.0);
					float:left;}
	

#bloc3produit ul h3.dateproduit {font-family:'OpenSansBold', sans serif;
				color: rgba(15,153,175,1);
				font-size: 1em;
				text-align:left;
				margin-top: 10px;
				margin-left: 2px;
				float:left;
			
		
} 
#datevoyage  p.ville { font-size: 1.0em;
						font-family : 'openSansRegular', sans serif;
						text-align:left;
						color:rgba(138,139,141,1.0);
						float:left;}

#datevoyage  p.legende { font-family :'openSansBold',sans serif;
						color: rgba(15,153,175,1);
						float:left;}
			
#datevoyage p.prix { font-family : 'openSansBold', sans serif;
					color:#999;
					font-size: 1.0em; 
					float: left;}
					
#datevoyage li {font-family:'openSansBold',sans serif;
						color: rgba(15,153,175,1);
						float:left;
						text-align:left;
						font-size:0.8em;
						margin-top: 90px;
						background-color:rgba(223,225,224,0.5);
						width:150px;}

#typevoyage {float:left;
				width:100px;
				margin-left:10px;
				margin-top:15px;
				height:auto;
				font-size: 0.8em;
				font-family : 'openSansLight', sans serif;
				letter-spacing:0,01em;
				color:rgba(138,139,141,1.0);
				}
				
#typevoyage img {float:right;padding-top:4px;
}				
#commandevoyage {float:right;
					width:500px;
					height:auto; }

#commandevoyage p { text-align:left;
					font-family : 'openSansRegular', sans serif;
					color:rgba(138,139,141,1.0);
					line-height:24px;
					margin-top:10px;
					padding-right:10px;
					padding-left:10px;}

#prix  {margin-top:35px;
		background-color:rgba(223,225,224,0.5); 
		height:22px;
		font-family:'openSansBold', sans serif;
		font-size:1.0em;
		color:rgba(15,153,175,1.0);
		margin-bottom:30px;
		 }
		
#prix li  { width:200px;
			 float:left;
			list-style: none outside none;
			display:inline;
			}

#prix li.commande  { width:300px;
			 float:right;
			list-style: none outside none;
			display:inline;
			margin-right:-10px;
			}

#diapopimage h4 { font-family: 'LilacMalariaRegular', sans serif;
					font-size:1.0em;
					color:rgba(15,153,175,1.0);
}

#diapopimage {  width:960px;
				float:left;
				margin-top:4px;
				
}

#diapopimage li { float:left;
					position:relative; 
					border-left:1px solid white;
					border-right:1px solid white;
}