@charset "utf-8";
/* CSS Document 
	Réalisé par www.pincealinge.fr
	22 mai 2008
	derniere modif : 9 juin 08
	conception depeyre nicolas.
	
	
	________   ___
	\   ___  \ \__\                           _______
	 \  \__\  \  ___   ___   ___     ______  /   __  \
	  \   ____/  \  \  \  \_/   \   /   __/  \  \_/  /  
       \  \       \  \  \    /\  \  \  /____  \     /__ _
        \__\       \__\  \__\  \__\  \_____/   \________/
*/



body{

	background-position:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#f3ecd7;
	

}

#page {

position:absolute;
	width : 50%;
	left:50%;
	top:0px;
	margin-left:-503px;
	margin-top:0px;
}



#header {	
    width : 1000px;
    height : 110px;
	background-repeat:no-repeat;
	background-image:url(../img/header.gif)
}


#logo{

float:left;
height:140px;
width:260px;
}

#bon{

height:130px;
width:250px;
margin-left:750px;
font-size:11px;
	font-weight: bold;

}

#corp{
	float:left;
	width : 1003px;
	font-size:12px;
	background-image:url(../img/visages.jpg);
	background-repeat:no-repeat;
}

#corp2{
	width : 642px;
}


#cl1{float:left;
width:320px;
}
#cln2{
	
	margin-left:325px;
	width: 640px;

}
#naviguation{
	margin-left:160px;
	width:155px;
	height:652px;
	}



#fond_menu{
	background-image:url(../img/fond_menu.gif);
	background-repeat:repeat-y;
	}
#haut_menu{
	background-image:url(../img/haut_menu.gif);
	background-repeat:no-repeat;
	height:37px;
	width:155px;
	}
#bas_menu{
	background-image:url(../img/bas_menu.gif);
	background-repeat:no-repeat;
	height:19px;
	width:155px;
	}
	
	
	
.accueil{
font-size:12px;}

#menuz{
	text-align:center;
font-size:10px;}



#menuz a:link {
	color: #0e96d1;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	text-decoration: none;
}

#menuz a:visited {
	text-decoration: none;
	color: #0e96d1;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
}

#menuz a:hover {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #085273;	
}



#colone1{
	float:left;
	width:180px;
	color:#FFF;
	font-size:12px;
}

#colone1 a:link {
	color: #abea00;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:10px;
	text-decoration: none;
}

#colone1 a:visited {
	text-decoration: none;
	color: #abea00;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
}

#colone1 a:hover {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color: #c2ea54;	
}



#colone2 a:link {
	color: #85b600;
	font-family: Geneva, Arial, Helvetica, sans-serif;
		text-transform: uppercase;

	font-weight: bold;
	font-size:12px;
	text-decoration: none;
}

#colone2 a:visited {
	text-decoration: none;
	color: #85b600;
	font-family: Geneva, Arial, Helvetica, sans-serif;
		text-transform: uppercase;

	font-size:12px;
	font-weight: bold;
}

#colone2 a:hover {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
		text-transform: uppercase;

	font-size:12px;
	font-weight: bold;
	color: #abea00;	
}





/* survol des liens */



div#naviguation ul li a:hover {
	background-color: #fff;
	color: #c82d35;
}



div#naviguation ul {
	list-style: none;
	padding: 0;
	margin: 0;

}

div#naviguation ul {
	list-style: none;
}

div#naviguation ul li {
	border-bottom: 1px solid #CCC;
}

div#naviguation ul li a {
	display: block;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}




div#naviguation div#lservice ul li {
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 10px;
}

div#naviguation div#lservice ul li a {
	padding: 0;
	font-size: 10px;
}


div#naviguation div#lservice ul li a:hover {
	color: #fff;
	background-color: #c82d35;
}


div#naviguation div#lservice ul li a.c {
	display: inline;
	text-transform: none;
	font-size: 10px;
	color: #000;
}

div#naviguation div#lservice ul li a.c:hover {
	text-decoration: underline;
}

div#naviguation div#lservice, div#naviguation div#linfo, div#naviguation  {
	display: block;
}

div#naviguation div#lservice h3, div#naviguation div#linfo h3, div#naviguation  h3 {
	display: block;
	height: 35px;
	width: 100%;
	margin: 0;
	padding: 0;
}

div#naviguation div#lservice h3 span, div#naviguation div#linfo h3 span, div#naviguation  h3 span {
	display: none;
}



/*________________________________________________________________*/







#colone1bis{
	float:left;
	width:363px;
	background-image:url(../img/menusoin/nosproduits.gif);
	background-repeat:no-repeat;
}

h1{
	font-size:14px;
}

h2{
		font-size:14px;
}

h2{
		font-size:16px;
		color:#512100;
}






#image_aleatoire{	float: left;
	margin-left:5px;	

	width:171px;
	}
	

#colone2{
	width:635px;
	background-color:#FFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:small;
}


#pied{
width:820px;
background-color:#CCCCCC;
font-size:10px;
}

#pied a:link {
	color: #707070;
	font-family: Geneva, Arial, Helvetica, sans-serif;
		text-transform: uppercase;

	font-weight: bold;
	font-size:10px;
	text-decoration: none;
}

#pied a:visited {
	text-decoration: none;
	color: #707070;
	font-family: Geneva, Arial, Helvetica, sans-serif;
		text-transform: uppercase;

	font-size:10px;
	font-weight: bold;
}

#pied a:hover {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
		text-transform: uppercase;

	font-size:10px;
	font-weight: bold;
	color: #434343;	
}


#soins{
	width:628px;
	height:100px;
}

#kwicks_container { 
	background-color: black;
	height: 100px;
}

#kwicks {
	position: relative;
}
 
#kwicks .kwick {
	float: left;
	display: block;
	width: 110px;
	height: 100px;
}

div#menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;

}

div#menu li a {
	float: left;
	height: 90px;
	width: 100%;
	line-height: 200px;
	overflow: hidden;
	font-size: 135%;
}

#text{
	width:620px;
	text-align:justify;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#502304;
	font-size:12px;
}

#text1{
	padding-left:20px;
	width:600px;	
	text-align:justify;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#502304;
	font-size:12px;
}


#gris {

	color:#FFFFFF;
	padding-left:10px;
	width:290px;
	font-size:12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
		text-align:justify;

}

#gris2 {

	color:#000000;
	padding-left:10px;
	width:290px;
	font-size:12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
		text-align:justify;

}





#text2{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#502304;
	font-size:12px;
}


.Style1 {
	color: #000000;
	font-size: 10px;
}

#titre{

	background-image:url(../img/barre.png);
	background-repeat:no-repeat;
	width:635px;
	height:37px;


}

#titre_text{
	margin-left:35px;}

#titre_mini{

	background-image:url(../img/mini_bar.jpg);
	background-repeat:no-repeat;
	width:305px;
	height:30px;


}

/*titre H1*/
div#titre h1  {
	display: block;
	/*background: url(../img/carre.gif) left top repeat #000;*/
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	color: #abea00;
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 30px;
	width:620px;
}

div#titre h2  {
	display: block;
	/*background: url(../img/carre.gif) left top repeat #000;*/
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	color: #abea00;
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 30px;
	width:620px;
}

div#titre_mini h1  {
	display: block;
	/*background: url(../img/carre.gif) left top repeat #000;*/
	background-image:url(../img/mini_bar.jpg);
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	color: #abea00;
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 30px;

}

div#titre_mini h2  {
	display: block;
	/*background: url(../img/carre.gif) left top repeat #000;*/
	background-image:url(../img/mini_bar.jpg);
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	color: #abea00;
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 30px;

}

div#titre_mini h3  {
	display: block;
	/*background: url(../img/carre.gif) left top repeat #000;*/
	background-image:url(../img/mini_bar.jpg);
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	color: #f41b12;
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 30px;

}

div#titre_mini h4 {
	display: block;
	/*background: url(../img/carre.gif) left top repeat #000;*/
	background-image:url(../img/mini_bar.jpg);
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	color: #fe8c09;
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 30px;

}




#titre a:link {
color: #ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	text-decoration: none;}





#titre  a:visited {
	text-decoration: none;
	color: #ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
}

#titre  a:hover {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #c1c1c1;	
}

#image_aleatoire a:link {
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	text-decoration: none;
}

#image_aleatoire a:visited {
	text-decoration: none;
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
}

#image_aleatoire a:hover {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #a2ff00;	
}

#image_aleatoire a:active {
	text-decoration: none;
}

#foot{
	width : 1003px;
}



#bouton_accueil{


width:155px;
height:28px;
background:#FFF url(../img/menu/accueil.gif) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_accueil:hover{


background:#FFF url(../img/menu/accueil.gif) no-repeat 0px -28px;
}


#bouton_voyages{


width:155px;
height:28px;
background:#FFF url(../img/menu/nos_voyages.gif) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_voyages:hover{


background:#FFF url(../img/menu/nos_voyages.gif) no-repeat 0px -28px;
}



#bouton_agence{


width:155px;
height:28px;
background:#FFF url(../img/menu/nos_agences.gif) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_agence:hover{


background:#FFF url(../img/menu/nos_agences.gif) no-repeat 0px -28px;
}



#bouton_groupe{


width:155px;
height:28px;
background:#FFF url(../img/menu/voyages_groupe.gif) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_groupe:hover{


background:#FFF url(../img/menu/voyages_groupe.gif) no-repeat 0px -28px;
}




#bouton_incentive{


width:155px;
height:28px;
background:#FFF url(../img/menu/voyages_incentive.gif) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_incentive:hover{


background:#FFF url(../img/menu/voyages_incentive.gif) no-repeat 0px -28px;
}




#bouton_contact{


width:155px;
height:28px;
background:#FFF url(../img/menu/contact.gif) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_contact:hover{


background:#FFF url(../img/menu/contact.gif) no-repeat 0px -28px;
}



#bouton_resa{


width:155px;
height:28px;
background:#FFF url(../img/menu/reservations_societe.gif) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_resa:hover{


background:#FFF url(../img/menu/reservations_societe.gif) no-repeat 0px -28px;
}



#bouton_cata{


width:155px;
height:28px;
background:#FFF url(../img/menu/catalogue_pdf.gif) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_cata:hover{


background:#FFF url(../img/menu/catalogue_pdf.gif) no-repeat 0px -28px;
}

#bouton_charte{


width:155px;
height:28px;
background:#FFF url(../img/menu/charte_qualite.gif) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_charte:hover{


background:#FFF url(../img/menu/charte_qualite.gif) no-repeat 0px -28px;
}

#bouton_condition{


width:155px;
height:28px;
background:#FFF url(../img/menu/conditions_general.gif) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_condition:hover{


background:#FFF url(../img/menu/conditions_general.gif) no-repeat 0px -28px;
}


#bouton_mention{


width:155px;
height:28px;
background:#FFF url(../img/menu/mention_legal.gif) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_mention:hover{


background:#FFF url(../img/menu/mention_legal.gif) no-repeat 0px -28px;
}


#bouton_contact_agence{


width:155px;
height:94px;
background:#FFF url(../img/menu/contact_agence.jpg) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_contact_agence:hover{


background:#FFF url(../img/menu/contact_agence.jpg) no-repeat 0px -94px;
}
/*sidebar*/




#idList {
	margin: 0;
	padding: 0;
}
 
#idList li {
	display: block;
	margin: 0;
	padding: 4px;
	width: 150px;
	background:  url(../img/menusoin/tab_small.gif) center right no-repeat;
	color: #fff;
}

.btsubenvo  {
   width: 70px;
   height: 52px;
   margin: 0;
   padding: 0;
   border: 0;
   display:block;
   background:url(../img/envoyer.gif); background-repeat:no-repeat; /* image du dessus */

   cursor: pointer;
}
.btsubenvo:hover {
   width: 70px;
   height: 52px;
   margin: 0;
   padding: 0;
   border: 0;
   display:block;
   background:url(../img/envoyer_survol.gif); /* image du dessous */


}








/* image croisiere */


#bouton_1c{


width:206px;
height:126px;
background:#FFF url(../img/croisiere/rhin.jpg) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_1c:hover{


background:#FFF url(../img/croisiere/rhin.jpg) no-repeat 0px -126px;
}


#bouton_2c{


width:206px;
height:126px;
background:#FFF url(../img/croisiere/danube.jpg) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_2c:hover{


background:#FFF url(../img/croisiere/danube.jpg) no-repeat 0px -126px;
}


#bouton_3c{


width:206px;
height:126px;
background:#FFF url(../img/croisiere/orientale.jpg) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_3c:hover{


background:#FFF url(../img/croisiere/orientale.jpg) no-repeat 0px -126px;
}


/* image aerien */



#bouton_1a{


width:206px;
height:126px;
background:#FFF url(../img/aerien/afrique.jpg) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_1a:hover{


background:#FFF url(../img/aerien/afrique.jpg) no-repeat 0px -126px;
}

#bouton_2a{


width:206px;
height:126px;
background:#FFF url(../img/aerien/ouest.jpg) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_2a:hover{


background:#FFF url(../img/aerien/ouest.jpg) no-repeat 0px -126px;
}


#bouton_3a{


width:206px;
height:126px;
background:#FFF url(../img/aerien/inde.jpg) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_3a:hover{


background:#FFF url(../img/aerien/inde.jpg) no-repeat 0px -126px;
}


/* image cars */




#bouton_1b{


width:206px;
height:126px;
background:#FFF url(../img/cars/bordeaux.jpg) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_1b:hover{


background:#FFF url(../img/cars/bordeaux.jpg) no-repeat 0px -126px;
}



#bouton_2b{


width:206px;
height:126px;
background:#FFF url(../img/cars/cote.jpg) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_2b:hover{


background:#FFF url(../img/cars/cote.jpg) no-repeat 0px -126px;
}

#bouton_3b{


width:206px;
height:126px;
background:#FFF url(../img/cars/pouille.jpg) no-repeat 0px 0px;
cursor:pointer;
text-indent:-99999em;
}

#bouton_3b:hover{


background:#FFF url(../img/cars/pouille.jpg) no-repeat 0px -126px;
}




#vert{
	text-align: justify;

font-size: 12px;

color: #88b23d;

font-weight: bold;

font-family: Arial,Helvetica,sans-serif;}