@CHARSET "ISO-8859-1";

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}


h2{
	font-size:19px;
	padding-bottom:3px;
	border-bottom:1px solid #d4a068;  
	margin:23px 0 15px 0;
}

h3{
	color:#d87102;
	font-size:13px;
	margin:15px 0 0 0;
}


h4{
	color:black;
	font-size:12px;
	margin:10px 0 5px 0;
}



a.lienweb{
	color:#c66802 !important;
}


/*************************
 * ENTETE DE PAGE (HEADER)
 *************************/

div#header{
	height:194px;
	width:100%;
	background:url(../images/interface/pattern_header.gif) repeat-x;
}

	div#header_content{
		width:955px;
		margin:0 auto;
	}
	
	
	#logoFlash {
		display:block;
		float:left;
		display:inline;
	}
	
	div#header_content h1{ margin:0 ;display:inline;}

	

/*************************
 * CORPS DE PAGE 
 *************************/

 div#page{
 	width:100%;
 	background: #ffea9b url(../images/interface/pattern_corps.gif) repeat-x;
 }
 
 	div#page_content{
 		width:955px;
		margin:0 auto;
		background:#fff;
		padding-bottom:60px;
 	}
	
	/**
	 * Colonne de gauche
	 */
	div#colGauche{
		float:left;
		width:200px;
		position:relative;
		z-index:15
	}
	
		ul#menuGauche{
			margin-bottom:27px;	
		}
		
		ul#menuGauche li{
			padding-top:1px;
			border-bottom:1px dashed #d9d9db;
		}
		
		ul#menuGauche li.first{
			border-top:1px dashed #d9d9db; 
		}
		
		ul#menuGauche li.separator{
			height:18px;
			padding:1px 0 1px 20px;			
		}
		
			ul#menuGauche li a{
				display:block;
				height:18px;
				padding:1px 0 1px 20px;
				font-size:12px;
				font-weight:bold;
				color:#7f8084;
			}
			
			ul#menuGauche li a:hover{
				color:#000;
			}
				
			ul#menuGauche li a.puce1{
				background:url(../images/puces/menuGauche_puce1.gif) no-repeat;
			}
			
			ul#menuGauche li a.puce2{
				background:url(../images/puces/menuGauche_puceOrange.gif) no-repeat;
			}
			
			ul#menuGauche li a.puce3{
				background:url(../images/puces/menuGauche_puceVert1.gif) no-repeat;
			}
			
			ul#menuGauche li a.puce4{
				background:url(../images/puces/menuGauche_puceBleu.gif) no-repeat;
			}
			
			ul#menuGauche li a.puce5{
				background:url(../images/puces/menuGauche_puceVert2.gif) no-repeat;
			}
			
			ul#menuGauche li a.puce6{
				background:url(../images/puces/menuGauche_puceBleu2.gif) no-repeat;
			}
			
			ul#menuGauche li a.puce7{
				background:url(../images/puces/menuGauche_puce3.gif) no-repeat;
			}
			
			ul#menuGauche li a.puce8{
				background:url(../images/puces/menuGauche_puceAffaires.gif) no-repeat;
			}
			
			.flashMenu {
				
				margin:0 0 0 14px;
				padding:0;
			
				
			}
			
	/**
	 * Colonne centrale
	 */
	div#colCentre{
		float:left;
		width:688px;
		margin-left:35px;
		
		/** IE **/
		display:inline;
		position:relative;
		z-index:15;
	}
	
		p.accueil{
			margin-top:5px;
		}
		
		/* Liste des prestations (Accueil) */
		ul#listeAccueil{
			margin-top:20px;
		}
		
		ul#listeAccueil h2{
			margin:0;
			font-size:16px;
			color:#fff;
			text-align:center;
			border-bottom:none;
		}
		
			ul#listeAccueil li{ float:left; margin:0 15px 25px 0; } 
			
			/* Le dernier item de chaque ligne n'a pas de marge à droite */
			ul#listeAccueil li.lastItem{ margin-right:0; }
			
			/* Ligne 1 : Promos, Voyages et Séjours héritent de cette classe (car ils ont les memes dimensions) */
			ul#listeAccueil a.encartPromo{ display:block; width:219px; height:36px; padding-top:189px; color:#fff; }
			
			/* On gère ici les background de chaque encart */
			ul#listeAccueil li#promos{ background: url(../images/interface/bck_brive.jpg) no-repeat;min-height:225px; }
			ul#listeAccueil li#voyages{ background: url(../images/interface/bck_voyages.jpg) no-repeat; }
			ul#listeAccueil li#sejours{ background: url(../images/interface/bck_sejours.jpg) no-repeat; }
			
			/* Modification du padding pour le dernier encart de la ligne */
			ul#listeAccueil li#sejours a{ width:219px; height:45px; padding-top:180px; }
			ul#listeAccueil li#promos a{ width:219px; height:45px; padding-top:176px; }
			
			ul#listeAccueil li#groupe{ background: url(../images/interface/bck_groupe.jpg) no-repeat; margin-right:14px; }
			ul#listeAccueil li#groupe a{ display:block; width:221px; height:54px; padding-top:80px; color:#515151; }
			
			ul#listeAccueil li#car{ background: url(../images/interface/bck_car.jpg) no-repeat; height:134px; width:452px; }
			ul#listeAccueil li#car a{ display:block; width:292px; height:44px; padding:10px 0 70px 160px; color:#515151; }
			
			/* Ligne 3 : Entreprises, Voyages linguistiques, Le club héritent de cette classe (car ils ont les memes dimensions) */
			ul#listeAccueil a.encartPromo3{ display:block; width:219px; height:67px; padding:80px 0 0 0; color:#515151; }
			
			/* On gère ici les background de chaque encart */
			ul#listeAccueil li#entreprises{ background: url(../images/interface/bck_entreprise.jpg) no-repeat; }
			ul#listeAccueil li#linguistique{ background: url(../images/interface/bck_linguistique.jpg) no-repeat; }
			ul#listeAccueil li#club{ background: url(../images/interface/bck_club.gif) no-repeat; }
			
			/* On modifie uniquement le padding de Le club car le texte n'est pas disposé de la meme maniere */
			ul#listeAccueil li#club a{ width:209px; height:84px; padding:65px 0 0 10px; }

		/**
		 * Page internes
		 */
		div#colCentrale_contentGauche{
			width:457px;
		}
		
			
		/**
		 * Liste à Puce 
		 */
		ul.listePuce { list-style-type: circle; padding-left: 15px; }
			ul.listePuce li { margin-bottom: 10px; } 
		
		
		
		/**
		 * Page Groupe : Demande de devis
		 */
		ul#etapesDevis li{
			float:left;
		}
			ul#etapesDevis li img{
				display:block;
			}
			
		
		/**
		 * Page Partenaires
		 */	
		 .photoPartenaire{
		 	float:left;
			text-align:center;
			
			
		 }
		 
		 
		.partenaire{
			height:160px;
			}
		.partenaire h3,.partenaire p
		{
			
			padding:0;
			margin:5px 0 0 120px;
		}
		
		
	
		
		
		
		/**
		 * Colonne de droite
		 */
		div#colDroite{
			width:219px;
			float:right;
		}
		
		#colDroite img{
			
			padding-top:20px;
		}
		
			/**
			 * Page Réseau
			 */
			ul#liste_reseau{
				list-style:inside disc;	
			}
			
/*************************
 * FOOTER 
 *************************/

div#footer{
	width:100%;
	height:72px;
	background:url(../images/interface/pattern_footer.gif) repeat-x;
}

	div#footer_content{
		width:955px;
		height:28px;
		margin:0 auto;
		background:url(../images/interface/bck_menuBas.gif) no-repeat;
		position:relative;
	}
	
	div#footer_content img#backCorpsBottom{
		position:absolute;
		top:-154px;
		left:0;
		z-index:10;
	}

	div#footer_content img.logoFooter {
		margin: 3px 0 0 20px;
	}
	
	div#footer_content ul {
		height: 23px; width: 30%;
		float: right; text-align: right;
		display: inline;
		margin: 7px 20px 0 0;
	}
	
	div#footer_content ul li {
		display: inline;
	}
	
	div#footer_content ul li a {text-decoration: none; color: #000; font-size: 12px; font-weight: bold; }
	div#footer_content ul li a:hover { color: #000; }
	div#footer_content ul li a:visited { color: #000; }


/*modification octobre 2011*/

div#indiv{
	width:336px;
	height:236px;
	float:left;
	background:url(../images/voyages_individuels.jpg) no-repeat;
	}
div#groupe{
	width:336px;
	height:236px;
	float:right;
	background:url(../images/voyages_groupes.jpg) no-repeat;
}

div#indiv_lien{
border:1px solid #70b8db;
border-top:none;
width:317px;
height:167px;
float:left;
padding: 17px  0 0 17px; 
}

div#groupe_lien{
border:1px solid #70b8db;
border-top:none;
width:317px;
height:167px;
float:right;
padding: 17px  0 0 17px; 
}
div#brive ul li a {
text-decoration: none; 
color: #d87102; 
font-size: 13px; 
font-weight: bold; 
background:url(../images/puces/fleche_bleu.jpg) no-repeat;
padding-left:10px;
line-height:22px;
}
div#brive ul li a:hover { color: #65a7c8; }

div.brive{
margin-top:40px;}
div.brive#colGauche{
width:436px;
}
div.brive#colDroite{
border-left: 1px dashed #d9d9db;
padding-left:14px;
}
div.brive h3{
font-size:18px;
color:#65a7c8;
font-weight: bold; 
margin:0;
}
div.brive a{
font-size:12px;
color:#c66802;
}
div.brive p{
margin:0;
line-height:19px;
}