/* CSS Document */
body,html {
			margin:				0;
			padding:			0;
			
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			11px;
			line-height:		13px;
			color:				rgb(80,80,80);
			background-color:	white;
			
			/*background-image:url(../tmp/fond-pointille.gif);
			background-repeat:repeat-y;
			background-position:center*/
}
*{outline:none}
/*-----------------------------------------------------------*/
/*Bloc de mise en page*/
/*-----------------------------------------------------------*/
.Bloc100{	
			width:				100px;
			float:				left;
}
.Col75{
			width:				75px;
			float:				left;
}
.Col95{
			width:				95px;
			float:				left;
}
.Col100{
			width:				100px;
			float:				left;
}
.Col110{
			width:				110px;
			float:				left;
}
.Col170{
			width:				170px;
			float:				left;
}
.Col300{
			width:				300px;
			float:				left;
}
.Col400{
			width:				400px;
			float:				left;
}
.Col700{
			width:				700px;
			float:				left;
}
/*-----------------------------------------------------------*/			
/* Stucture */
/*-----------------------------------------------------------*/
/*--- Conteneur général---*/
#Container {
			margin:				0 auto;
			width:				960px;
}
/*--- Colonne--- */
#ColonneGauche {
			margin:				20px 0 0 0;
			float:				left;
			width:				110px;
			
			background-image:   url(../tmp/colonne.gif);
			background-repeat:	no-repeat;
}
/*--- Page ---*/
#Page {
			float:				left;
			width:				850px;
}
#Page #PageUpline{
			margin:				20px 0 0 0;
			width:				850px;
			height:				80px;
			display:			block;
			
			background-image:	url(../travel_image/upline.gif);		
}
#Page #ArianeAccueil{
			float:				left;
			width:				80px;
			height:				40px;
			margin:				10px 0 10px 0;
			
			border-top:			1px dashed rgb(80,80,80);
			border-bottom:		1px dashed rgb(80,80,80);
			
			padding:			10px 0 10px 0;
				
}
#Page #Ariane{
			float:				left;
			width:				560px;
			height:				40px;
			margin:				10px 0 10px 0;
			padding:			10px 0 10px 0;
			
			border-top:			1px dashed rgb(80,80,80);
			border-bottom:		1px dashed rgb(80,80,80);
			
			line-height:		20px;
}
#Page #ArianeLang{
			float:				left;
			width:				60px;
			height:				40px;
			margin:				10px 0 10px 0;
			
			border-top:			1px dashed rgb(80,80,80);
			border-bottom:		1px dashed rgb(80,80,80);
			
			padding:			10px 0 10px 0;
			text-align:			right
				
}
/*-----------------------------------------------------------*/
/* Typo Base */		
/*-----------------------------------------------------------*/
a{			color:rgb(80,80,80);
}
h1 {		font-size:			50px}
h2 {		padding:			5px 0 10px 0;
			margin:				0;
			
			font-size:			18px;
			color:				black;
			}
h3 {		
			padding:			0 0 10px 0;
			margin:				0;
			
			font-size:			16px;
			font-weight:		normal;
			line-height:		18px;
			color:				black;
			}
/*-----------------------------------------------------------*/
/* Element du site */
/*-----------------------------------------------------------*/
/*--- Colonne ---*/
/*--- Contactez-nous + Téléphone + Patch --- */
#ColonneGauche p#ColPatch{		
			margin:				115px 0 0 0;
			height:				150px;			
}
#ColonneGauche p#ColContact{		
			margin:				25px 0 0 0;
			height:				55px;
			
			text-align:			center;
			font-weight:		bold;
			color: 				black;
			text-transform:		uppercase;
			line-height:		20px;
			
}

#ColonneGauche p#ColContact a{
			color:				black;
			padding-bottom:		2px;
			text-decoration:	none;
			border-bottom:		1px solid black;
}
#ColonneGauche p#ColContact a:hover{
			color:				rgb(0,182,232);
}
#ColonneGauche p#ColContact span{
			font-size:			15px;
}
#ColonneGauche p#ColPatch a{
			padding: 0;
			border: none;
			color:white
}
/*--- Demande internet ---*/
#ColonneGauche p#ColDemande{
			margin:				5px 10px 0 0;
			height:				85px;
			
			text-transform:		uppercase;
			text-align:			right;	
			
			color:				white;
			font-weight:		bold;
			line-height:		15px;		
}
#ColonneGauche p#ColDemande a{
			color:				rgb(0,182,232);
			text-decoration:	none;
}
#ColonneGauche p#ColDemande a:hover{
			text-decoration:	underline;
}
/* Upline */
#Page #PageUpline a{
			width:				850px;
			height:				80px;
			display:			block;
}

/*--- Ariane ---*/
#PageAriane{
			font-size:			9px;
			text-transform:		uppercase;
			}
#ArianeAccueil  p{
			margin-top:			23px
			}			
#ArianeAccueil a	{
			background-image:	url(../travel_icone/travel-icone_r3_c1.gif);
			background-repeat:	no-repeat;
			background-position:0 -1px;
			
			padding-left:		20px;
			text-decoration:	none;
}
#Ariane a	{
			background-image:	url(../travel_icone/travel-icone_r1_c1.gif);
			background-repeat:	no-repeat;
			background-position:0 -1px;
			
			padding-left:		20px;
			
			text-decoration:	none;
}
#Ariane a:hover,#ArianeAccueil a:hover{
			color:				rgb(0,182,232);
}
#Ariane a.LienMaintenance{
			background-image:	url(../travel_icone/maintenance/travel-icone_r1_c1.gif);
}
#Ariane a.LienMaintenance:hover{
			color:				rgb(220,69,58);
}	
#ArianeLang  p{
			margin-top:			23px
			}		
#ArianeLang p a.en{
			background-image:	url(../flag/gb.png);
			background-repeat:	no-repeat;
			background-position: right 0px;
			padding-right:		20px;
			
			text-decoration:	none
}
#ArianeLang p a.en:hover{
			color:				rgb(0,182,232);
}
#ArianeLang p a.fr{
			background-image:	url(../flag/fr.png);
			background-repeat:	no-repeat;
			background-position: right 0px;
			padding-right:		20px;
			
			text-decoration:	none
}
#ArianeLang p a.fr:hover{
			color:				rgb(0,182,232);
}
/*--- Page Principale---*/
#PagePrinc	{
			padding:			0 0 20px 0
}
#PagePrinc h2.bleu{
			background-image:	url(../travel_icone/travel-icone_r5_c1.gif);
			background-repeat:	no-repeat;
			background-position:0 4px;
			
			margin-top:			10px;
			padding-left:		20px;
			
			font-size:			18px;	
}
#PagePrinc	p{
			line-height:		14px;
			margin-bottom:		5px;
			}
#PagePrinc .vignette{
			padding-top:		75px;
			text-align:			right;
}
#PagePrinc .Col170 p.index{
			margin:				10px 0 10px 0
}
#PagePrinc .Col170 p.index a,.Article a.spip_in{
			background-image:	url(../travel_icone/travel-icone_r7_c1.gif);
			background-repeat:	no-repeat;
			background-position:0;
			
			padding:			8px 0 5px 20px;	
			
			text-decoration:	none;
			color:				rgb(80,80,80);
			}
#PagePrinc .Col170 p.index a:hover,.Article a:hover.spip_in{
			color:				rgb(0,182,232);
}

#PagePrinc .Col170 p.center {
   			padding: 			8px 20px 8px 0;
    		text-align: 		center;
}
		
/*--- Spec Article---*/
.Article #Chapo p{
			margin:				0;			
			font-size:			18px;
			
			line-height:		20px;
			color:				rgb(0,182,232);			
}
.Article #Chapo p span.black{
			color:				black;
			font-weight:		bold;
}
.Article ul{
			list-style-position:outside;
			margin-left:		15px;
			padding:			0;
}
.Article ul li{
			line-height:		14px;
}
.Article h2.bleu{
			border-top:			1px dashed rgb(80,80,80);
			
			margin-top:			20px;
			padding-top:		20px;
}
.Article h3.spip{
			border-top:			1px dashed rgb(80,80,80);
			
			background-image:	url(../travel_icone/travel-icone_r5_c1.gif);
			background-repeat:	no-repeat;
			background-position:0 20px;
			
			margin-top:			20px;
			padding-top:		18px;
			padding-left:		20px;
			
			font-size:			18px;
			font-weight:		bold;
			
}
.Article p.spip strong.spip{
			color:				rgb(0,182,232);
}
.Article .Illustration p.spip{
			margin:				5px 50px 30px 0;
			
			text-align:			center
}
/*--- Baseline---*/		
p#ColBaseline{
			font-size:			11px;
			line-height:		13px;
			background-color:	white;
			padding-top:		10px;
			padding-bottom:		10px;
}
#PageBaseline .Col110{
			background-color:	white
}
#PageBaseline p.mentions{
			padding:			10px 30px 10px 30px;
			
			font-size:			9px;
			line-height:		20px;
			text-transform:		uppercase;
			
			border-top:			1px dashed rgb(80,80,80);
			border-bottom:		1px dashed rgb(80,80,80);
			
			
			}
#PageBaseline p.mentions a{
			text-decoration:	none;
}			
#PageBaseline p.mentions a:hover{
			color:				rgb(0,182,232)
}
/*--- CarteGoogle ---*/
#CarteGoogle{
			margin:				20px 0 0 0;
			text-align:			center		
}

#CarteGoogle p.spip{
			text-align:			center;
}
#CarteGoogle p.spip a.lien{
			background-image:	url(../travel_image/loupe.jpg);
			background-repeat:	no-repeat;
			
			padding:			5px 0 10px 30px;
			
			font-size:			11px;
			color:				rgb(80,80,80);
}
#CarteGoogle p.spip img{
			margin:				10px 0 0 0
}
/**/
#Divers{
			margin:				20px 0 0 0;
			text-align:			left		
}
#Divers p{
			margin:0 40px 15px 0;
			font-size:12px;
			color:black;
			font-weight:bold
}
#Divers ul{
			list-style-type:none;
			list-style-image:url(../travel_image/plus.png);
			list-style-position:outside;
			margin:0 20px 15px 15px;
			color:rgb(220,69,58);
}
#Divers ul li{margin:0 0 5px 0}
#Divers ul li a{background-image:none;paddding:0}
#Divers ul li a:hover{text-decoration:none;color:rgb(220,69,58);}

/*Annuler l'icone du lien de la baseline*/
#ColBaseline a{background-image:none;padding:0}
/*----------------------------------------------------------*/
/* Correctif pour clear:both */
/*-----------------------------------------------------------*/
#container:after,#PagePrinc:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#container,#PagePrinc
{display: inline-block;}

/* Hides from IE-mac \*/
* html #container,* html #PagePrinc
{height: 1%;}

#container,#PagePrinc
{display: block;}
/* End hide from IE-mac */