@CHARSET "ISO-8859-1";

body {
margin:0;
padding:0;
-behavior: url("/css/csshover2.htc");
    font-family:Trebuchet MS;
}

p{
 margin:0;	
}

#content{
	width: 1000px;
	margin:auto;
	
}


#pied{
	width: 100%;
	height:300px;
	background-image:url(http://www.voyagesetudiants.com/images/vec/footer/footer_background.png);
	background-repeat:repeat-x;
	color:white;
	font-size:11px;
    font-weight:bold;
    padding:10px 0 10px;
    float:left;
    display: inline;
    margin-top: 100px;
}
#pied a{
	color: white;
}

#pied .contenu{
	width: 1000px;
	height:300px;
	margin:auto;
}

#pied .logo{
	float:left;
	clear: both;
	display: inline;
}

#pied .splitter{
	/*float:left;
	clear: both;
	display: inline;*/
	margin:10px 0 20px;
	width: 100%;
}
	
#pied .titre{
	font-size:18px;
	color: #173e5e;
}

#pied .liens{
	float:left;
	width: 610px;
	clear: left;
	display: inline;
}

#pied .contact{
	float:left;
	width: 200px;
	margin-left:20px;
	display: inline;
}

#pied .renseignements{
	float:left;
	width: 163px;
	display: inline;
}

#pied .info_societe{
	float:left;
	margin-top:20px;
	color:#0670c3;
	font-weight:bold;
	display: inline;
	clear: both;
}

#colonne_gauche{
	float: left;
	width: 210px;
}

#colonne_gauche #sousMenu{
	float: left;
	width: 200px;
	font-size: 11px;
	background: url("/images/vec/menu/cadre_ssmenu_top.png") no-repeat scroll 0 0;
}
#colonne_gauche #sousMenu a{
	color:#767676;
	text-decoration: none;
}

#colonne_gauche #sousMenu img{
	color:#767676;
	text-decoration: none;
}

#colonne_gauche #sousMenu ul{
	list-style-type: none;
	background-color: #f1f1f2;
	background-image: url("/images/vec/menu/cadre_ssmenu_bottom.png");
	background-position: bottom;
	background-repeat: no-repeat;
	float:left;
	display: inline;
	width: 100%;
	padding: 0 0 90px;
	margin:9px 0 0 0;
	
}

#colonne_gauche #sousMenu ul li{
	float:left;
	clear: both;
	display: inline;
	padding: 7px 0 7px 0;
	margin:0 10px 0 15px;
	border-bottom: 1px solid #dfe1e4;
	width: 175px;
}

#colonne_gauche #newsletter{
	width:200px;
	height:135px;
	display:inline;
	margin-top:10px;
	float:left;
	color:#383838;
	background-image:url(/images/vec/divers/cadre_newsletter.png);
	background-repeat:no-repeat;
}
#colonne_gauche #newsletter .inputWrapper{
	display:inline;
	margin-top:50px;
	float:left;
}
#colonne_gauche #newsletter .fieldHeader{
	background-color:#383838;
	border: 1px solid #56aaff;
	color:white;
	float:left;
	display: inline;
	font-size:11px;
	height:16px;
	padding:2px 0 0 10px;
	width:168px;
}

#colonne_centre{
	float: left;
	width: 470px;
	display: inline;
	margin-left:20px;
	color: #383838;
}

#colonne_centre .fil_ariane {
        margin-top: 5px;
        margin-bottom: 10px;
        float: left;
        clear: both;
    }
    
     #colonne_centre .fil_ariane .precedent{
        float: left;
        color: #bababa;
        font-size: 12px;
        margin-right: 2px;
        text-decoration: none;
    }
    
    #colonne_centre .fil_ariane .courant{
        float: left;
        color: #7e7e7e;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }
    
    #colonne_centre #sejours{
		float:left;
		clear:both;
		width: 100%;
		font-size: 11px;
	}
	
		#colonne_centre #sejours .sejour{
			float:left;
			width: 145px;
			height: 253px;
			display: inline;
			margin: 0px 5px 10px 5px;
		}
		
			#colonne_centre #sejours .sejour .top{
				float:left;
				display: inline;
				width: 135px;
				height: 55px;
				background:transparent url(/images/vec/sejour/cadre_sejour_top.png) no-repeat scroll 0 0;
				background-color: #36699c;
				padding: 5px;
			}
			
			#colonne_centre #sejours .sejour .prix{
				float:left;
				color:white;
				font-size: 18px;
				font-weight: bold;
			}
			
			#colonne_centre #sejours .sejour .prix .monnaie{
				font-size: 14px;
				
			}
			
			#colonne_centre #sejours .sejour .lieu{
				float: left;
				clear: both;
				font-size: 13px;
				font-weight: bold;
				color:white;
				line-height: 14px;
				text-decoration: none;

			}
			
			#colonne_centre #sejours .sejour .photo{
				float:left;
				clear: both;
				width: 145px;
				height: 80px;	
				cursor: pointer;
				margin:auto;
				text-align: center;				
			}
			
			#colonne_centre #sejours .sejour .informations{
				float:left;
				display: inline;
				height: 76px;
			}
			
			#colonne_centre #sejours .sejour .titre{
				float:left;
				color:white;
				font-size: 11px;
				font-weight: bold;
				color: #383838;
				text-decoration: none;
				line-height: 14px;
				width: 100%;
			}
			
			#colonne_centre #sejours .sejour .nuit{
				float:left;
				clear:both;
				color:white;
				color: #737373;
				width: 100%;
			}
			
			#colonne_centre #sejours .sejour .button{
				float:left;
				display: inline;
				margin: 0 7px 0 12px;
				cursor: pointer;
				width: 110px;
				height: 20px;
			}
			
			#colonne_centre #sejours .sejour .photo img{
				/*float:left;*/
				width: 100%;
				height: 100%;
				border:none;			
			}
			
			
			
			#colonne_centre #sejours .sejour .bottom{
				float:left;
				display: inline;
				width: 135px;
				height: 100px;
				background:transparent url(/images/vec/sejour/cadre_sejour_bottom.png) no-repeat bottom;
				background-color: #ebeaed;
				padding: 5px;
			}
			
#lien_mot_cle, #lien_categorie{
	margin:15px 0 10px;
	font-size:10px;
	color: #383838;
	float:left;
	display: inline;
	font-family: Verdana;
	clear: both;
	width: 100%;
}
#lien_mot_cle a, #lien_categorie a{
	color:#383838;
}



#colonne_droite{
	float: left;
	width: 280px;
	display: inline;
	margin-left:20px;
	color: #383838;
}

	#colonne_droite #vecdiaporama{
        margin: 0 0 0 10px;
        float: left;
        display:inline;
    }
    
	#colonne_droite .cadre_description{
        width: 259px;
        margin: 0 0 10px 10px;
        float: left;
        padding: 0;
        display:inline;
    }
    
        #colonne_droite .cadre_description .titre_cadre{
            font-size: 18px;
            font-weight:bold;
            float:left;
            clear:both;
            margin: 0 10px 0 10px;
            width: 239px;
            display: inline;
        }
        
        #colonne_droite .cadre_description .descriptif{
            float: left;
            clear:both;
            display: inline;
            background-color: #e9eaec;
            margin: -4px 0px 0 0px;
            width: 259px;
        }
        
        
        
        #colonne_droite .cadre_description .titre{
        	float:left;
            clear:both;
            display: inline;
            font-size: 11px;
            margin: 10px 10px 2px 10px;
            font-weight:bold;
            width: 239px;
        }
         #colonne_droite .cadre_description .resume{
            font-size: 11px;
            margin: 10px 10px 0 10px;
            float:left;
            clear:both;
            display: inline;
            width: 239px;
        }
        
        #colonne_droite .cadre_description .savoir_plus{
        	margin-top: 10px;
       		float:left;
       		clear:both;
            display: inline;
      		margin-left: 75px;
    	}
    	
    	
    #colonne_droite .reservation{
	    background:transparent url(/images/vec/sejour/cadre_reservation.png) no-repeat scroll 0 0;
	    width: 277px;
	    height: 187px;
	    margin-top: 10px;
	    font-size: 11px;
	    float: left;
	    display: inline;
    }

        #colonne_droite .reservation .titre{
            color: white;
            font-size: 18px;
            font-weight:bold;
            float: left;
            clear: both;
            display: inline;
            margin: 15px 0 10px 20px;
        }
        
        #colonne_droite .reservation .formulaire{
            margin-left:20px;
            float: left;
            clear: both;
            display: inline;
            width: 240px;
        }
        
        
        
        #colonne_droite .reservation .label{
            color: white;
            font-size: 11px;
            float: left;
            clear: both;
            display: inline;
            margin-top: 10px;
            margin-bottom: 2px;
            font-weight:bold;
        }
         #colonne_droite .reservation .renseignements{
            color: white;
            font-size: 11px;
	        margin-top: 18px;
	        float:left;
        }
        
        #colonne_droite .reservation #datedepart, #colonne_droite .reservation #IDaeroport{
        	background-color:#383838;
			border: 1px solid #56aaff;
			color:white;
			float: left;
            clear: both;
            display: inline;
			font-size:11px;
			height:18px;
			width:230px;
        }
        
        #colonne_droite .reservation .bt_reservation{
        	margin-top: 10px;
       		float: left;
       		clear:both;
       		display: inline;
       		margin-left: 120px;
       		width: 104px;
       		height: 19px;
    	}
    	
.detail{
	width: 100%;
	margin-bottom:20px;
	float: left;
	clear: both;
	font-size:11px;
}

    .detail .titre{
        color: #1e486c;
        font-size: 22px;
        font-weight: bold;
        margin: 0 0 5px;
	}
	.detail .nb_nuit{
        font-size: 16px;
        float:left;
        color: #376ca1;
    }
    
    .detail .prix{
        font-size: 16px;
        font-weight: bold;
        color: #376ca1;
    }
    
    .detail .description{
        font-size: 11px;
        float:left;
        display: inline;
        margin-top: 10px;
        width:100%;
    }
    
    .detail .description a{
        color: #376ca1;
    }
    
    .detail .sous_titre{
        font-size: 14px;
        font-weight: bold;
        margin-top:10px;
    }
	
.numerotation_page{
	float:right;
	clear:both;
	display: inline;
	color: #383838;
}
.numerotation_page a{
	display: inline;
	margin-right: 5px;
	text-decoration: none;
	font-family: trebuchet MS;
	color: #018CF7;
	font-size:12px;
	font-weight: bold;
}
    
#reservation_bas_prix{
	float: left;
	width:259px;
	display: inline;
	border-bottom: 2px solid #3a8ed4;
	border-top: 2px solid #3a8ed4;
	margin-left:10px;
	padding-top: 5px;
}

#reservation_bas_prix .nuit{
	float: left;
	color: #3a8ed4;
	font-size: 24px;
	font-weight: bold;
}

#reservation_bas_prix .prix{
	float: right;
	color: #ba890a;
	font-size: 25px;
	font-weight: bold;
}

#reservation_bas_prix .bt_reservation{
	float: left;
	clear: both;
}

#colonne_droite .description{
	float: left;
	clear: both;
	background:transparent url(/images/vec/divers/section.png) no-repeat top right;
	width: 260px;
	display: inline;
	margin-bottom : 10px;
}

#colonne_droite .description .titre{
	float: left;
	clear: both;
	display: inline;
	text-align: right;
	margin: 1px 5px;
	color:white;
	font-size: 13px;
	font-weight: bold;
	width: 250px;
}
	
#colonne_droite .description .texte{	
	float: left;
	clear: both;
	display: inline;
	margin: 5px 5px;
	font-size: 11px;
	width: 250px;
}

	#colonne_droite .description .texte .soustitre{
			font-size: 12px;
			float: left;
			clear: both;
			display: inline;
			margin:0;
    	}

#colonne_droite #top_destination{
	float: left;
	clear: both;
	background:transparent url(/images/vec/divers/section.png) no-repeat top right;
	width: 260px;
}

#colonne_droite #top_destination .titre{
	float: left;
	clear: both;
	display: inline;
	margin: 1px 5px;
	color: white;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	width: 250px;
}
	
#colonne_droite #top_destination .destination{	
	float: left;
	clear: both;
	display: inline;
	margin: 5px 5px;
	font-size: 11px;
	width: 250px;
}

#colonne_droite #top_destination .destination .nom,
	#colonne_droite #top_destination .destination .descriptif a{	
	float: left;
	clear: both;
	color: #383838;
	width: 100%;
	text-decoration: none;
}

#colonne_droite #top_destination .destination .nom{
	text-align: left;
	width: 100%;
}

#colonne_droite #top_destination .destination .nom a{
	color: #383838;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
}

.infos_divers b{
	color:#333399;
}

.infos_divers p{
	margin: 10px 0 10px;
}

#video{
	margin:100px 0 50px 200px;
}