/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure général du site
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Général
// Structure
// - Bandeau haut
// - Colonne Gauche
// - Diaporama
// - Menu haut
// - Contenu
// - Colonne Droite
// - Menu bas accueil et intérieur
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Général
///////////////////////////////////////////////////////////////////////////////////*/
body{
	background:#FFFFFF url(../images/background/site.jpg) no-repeat top center;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Structure
///////////////////////////////////////////////////////////////////////////////////*/
div#divSite{
	width:1000px;
	margin:33px auto 20px auto;
}
/* Bandeau haut */
div#divSite div#bandeauHaut{
	position:relative;
	width:1000px; height:205px;
	background:url(../images/background/bandeau-haut.png) no-repeat 0 0;
}
div#bandeauHaut div#zoneLogo{
	width:370px; height:205px;
	float:left;
	cursor:pointer;
}
div#bandeauHaut div#zoneSaut{
	position:absolute;
	width:370px; height:205px;
	right:0;
	cursor:pointer;
}
div#bandeauHaut ul{
	line-height:15px;
	margin-left:380px;
	padding:15px 0 0 0;
}
div#bandeauHaut ul li{
	padding:9px 0 9px 0;
}
div#bandeauHaut ul li a:link, div#bandeauHaut ul li a:visited{
	font:bold 14px Arial, Helvetica, sans-serif; color:#092981; text-transform:uppercase; text-decoration:none;
}
div#bandeauHaut ul li a:hover, div#bandeauHaut ul li a:active{
	text-decoration:underline;
}
.liDiag1{padding-left:70px;}
.liDiag2{padding-left:45px;}
.liDiag3{padding-left:60px;}
.liDiag4{padding-left:50px;}
.liDiag5{padding-left:0;}
/*
.liDiag1{padding-left:450px;}
.liDiag2{padding-left:425px;}
.liDiag3{padding-left:440px;}
.liDiag4{padding-left:430px;}
.liDiag5{padding-left:380px;}*/
/* Colonne Gauche */
div#divSite div#colG{
	float:left;
	width:756px;
}
div#colG div#menuHaut{
	width:750px; height:47px;
	position:relative;
}
div#colG div#presentation{
	position:relative;
	width:744px; height:326px;
	background:url(../images/background/presentation.png) no-repeat 0 0;
}
div#presentation p{
	width:188px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#fff; text-align:justify;
	padding:30px 0 0 12px;
}
div#presentation p strong{
	font-size:16px; color:#0c3182;
}
div#presentation p span{
	font-size:14px;
}
div#presentation p span strong{
	font-size:14px; color:#fff;
}
div#presentation div#bandeOnglets{
	position:absolute; top:8px; left:222px;
	width:21px;
	padding:17px 0 0 0;
}
div#presentation div#cadreImage{
	position:absolute; top:8px; left:243px;
	width:493px; height:311px;
}
div#colG div#contactezNous{
	float:left;
	width:378px; height:55px;
	margin:5px 0 0 0;
}
div#colG div#textePresentation{
	float:right;
	width:350px;
	margin:5px 12px 0 0;
}
div#textePresentation p{
	font:bold 12px Arial, Helvetica, sans-serif; color:#262b38; text-align:justify;
}
div#textePresentation p a:link, div#textePresentation p a:visited{
	font:bold 13px Arial, Helvetica, sans-serif; color:#114ac5;
}
div#textePresentation p a:hover, div#textePresentation p a:active{
	text-decoration:none;
}
div#colG div#facilites{
	float:left;
	width:378px; height:170px;
	margin:5px 0 0 0;
}
/* Diaporama */
div#bandeOnglets div#lienOnglet1 a, div#bandeOnglets div#lienOnglet2 a, div#bandeOnglets div#lienOnglet3 a, div#bandeOnglets div#lienOnglet4 a, div#bandeOnglets div#lienOnglet5 a{
	display:block;
	width:21px; height:41px;
}
div#bandeOnglets div#lienOnglet1 a{
	background:url(../images/menu/onglet1.png) no-repeat 0 0;
}
div#bandeOnglets div#lienOnglet2 a{
	background:url(../images/menu/onglet2.png) no-repeat 0 0;
}
div#bandeOnglets div#lienOnglet3 a{
	background:url(../images/menu/onglet3.png) no-repeat 0 0;
}
div#bandeOnglets div#lienOnglet4 a{
	background:url(../images/menu/onglet4.png) no-repeat 0 0;
}
div#bandeOnglets div#lienOnglet5 a{
	background:url(../images/menu/onglet5.png) no-repeat 0 0;
}
div#bandeOnglets div#lienOnglet1 a:hover, div#bandeOnglets div#lienOnglet2 a:hover, div#bandeOnglets div#lienOnglet3 a:hover, div#bandeOnglets div#lienOnglet4 a:hover, div#bandeOnglets div#lienOnglet5 a:hover{	
	background-position: -21px 0;
}
div#cadreImage div.mask div#diaporama div{
	position:absolute;
	width:493px; height:311px;
}
div#cadreImage div.mask{
	position:relative;
	width:493px; height:311px;
	overflow:hidden;
}
div#cadreImage div.mask img{
	position:absolute;
	display:block;
	border:none;
}
/* Menu haut */
div#colG div#lienMenuHt1 a{
	display:block; float:left;
	width:146px; height:35px;
	background:url(../images/menu/saut-en-tandem.png) no-repeat 0 0;
}
div#colG div#lienMenuHt1 a:hover{	
	background-position: -146px 0;
}
div#colG div#lienMenuHt2 a, div#colG div#lienMenuHt3 a, div#colG div#lienMenuHt4 a, div#colG div#lienMenuHt5 a{
	display:block; float:left;
	width:151px; height:35px;
}
div#colG div#lienMenuHt2 a{
	background:url(../images/menu/ecole-de-parachutisme.png) no-repeat 0 0;
}
div#colG div#lienMenuHt3 a{
	background:url(../images/menu/la-soufflerie.png) no-repeat 0 0;
}
div#colG div#lienMenuHt4 a{
	background:url(../images/menu/meetings-evenements.png) no-repeat 0 0;
}
div#colG div#lienMenuHt5 a{
	background:url(../images/menu/promos.png) no-repeat 0 0;
}
div#colG div#lienMenuHt2 a:hover, div#colG div#lienMenuHt3 a:hover, div#colG div#lienMenuHt4 a:hover, div#colG div#lienMenuHt5 a:hover{	
	background-position: -151px 0;
}
div#colG div#menuHaut div.divParachute, div#colG div#menuHaut div.divParachute1, div#colG div#menuHaut div.divParachute2, div#colG div#menuHaut div.divParachute3, div#colG div#menuHaut div.divParachute4, div#colG div#menuHaut div.divParachute5{
	position:absolute;
	width:56px; height:53px;
	top: 35px;
	z-index:6;
	background:url(../images/menu/parachute.png) no-repeat 0 0;
}
div#menuHaut div.divParachute{display:none;}
div#menuHaut div.divParachute1{left:5px;}
div#menuHaut div.divParachute2{left:155px;}
div#menuHaut div.divParachute3{left:307px;}
div#menuHaut div.divParachute4{left:458px;}
div#menuHaut div.divParachute5{left:609px;}

/* Contenu */
div#colG div#titre{
	width:744px; height:64px;
	background:url(../images/background/titre-contenu.png) no-repeat 0 0;
}
div#colG div#titre h1{
	font:bold 22px Arial, Helvetica, sans-serif; color:#0c3182;
	padding:20px 15px 0 15px;
}
div#colG div#contenu{
	width:744px;
	/*width:729px;*/
	/*padding-right:15px;*/
	background:url(../images/background/fond-contenu.png) repeat-y 0 0;
}
div#colG div#bas{
	width:744px; height:20px;
	background:url(../images/background/bas-contenu.png) no-repeat 0 0;
	margin:0 0 10px 0;
}
/* Colonne Droite */
div#divSite div#colD{
	float:left;
	width:244px;
}
div#colD div#compte{
	position:relative;
	width:244px; height:82px;
	background:url(../images/background/bg-compte.png) no-repeat 0 0;
	margin:5px 0 0 0;
}
div#compte div#lienMonCompte a{
	position:absolute; top:18px; left:9px;
	width:100px; height:20px;
	font:bold 13px Arial, Helvetica, sans-serif; color:#323232; text-align:center; text-decoration:none;
}
div#compte div#lienMesCommandes a{
	position:absolute; top:18px; left:85px;
	width:150px; height:20px;
	font:bold 13px Arial, Helvetica, sans-serif; color:#323232; text-align:center; text-decoration:none;
}
div#compte div#lienDeconnexion a{
	position:absolute; top:52px; left:14px;
	width:110px; height:20px;
	font:bold 13px Arial, Helvetica, sans-serif; color:#323232; text-align:center; text-decoration:none;
}
div#colD div#connexion{
	position:relative;
	width:219px; height:72px;
	background:url(../images/background/bg-connexion.png) no-repeat 0 0;
	margin:5px 0 0 0;
	padding:10px 0 0 25px;
}
div#colD div#connexion input{
	height:12px;
	margin-bottom:3px;
	border:1px solid #FFFFFF;
}
div#colD div#connexion a.lienNormal2:link, div#colD div#connexion a.lienNormal2:visited{
	font:bold 10px Arial, Helvetica, sans-serif; color:#103182; text-decoration:underline;
}
div#colD div#connexion a.lienNormal2:active, div#colD div#connexion a.lienNormal2:hover{
	text-decoration:none;
}
div#colD div#connexion a.lienNormal3:link, div#colD div#connexion a.lienNormal3:visited{
	font:bold 12px Arial, Helvetica, sans-serif; color:#A7001A; text-decoration:none;
}
div#colD div#connexion a.lienNormal3:active, div#colD div#connexion a.lienNormal3:hover{
	text-decoration:underline;
}
div#colD div#connexion div#lienOK a{
	position:absolute;
	right:20px; top:15px;
	height:29px; width:36px;
	background:url(../images/background/bg-bt-ok.png) no-repeat 0 0;	
}
div#colD div#connexion div#lienOK a:hover{
	background-position:-36px 0;
}
div#colD div#panier{
	position:relative;
	width:244px; height:82px;
	background:url(../images/background/panier.png) no-repeat 0 0;
	margin:5px 0 0 0;
}
div#panier div#somme{
	position:absolute; top:18px; left:41px;
	width:70px; height:20px;
	font:bold 13px Arial, Helvetica, sans-serif; color:#323232; text-align:center;
}
div#panier div#nbArticle{
	position:absolute; top:18px; left:131px;
	width:70px; height:20px;
	font:bold 13px Arial, Helvetica, sans-serif; color:#323232; text-align:center;
}
div#panier div#lien{
	padding:52px 0 0 77px;
}
div#panier div#lien a:link, div#panier div#lien a:visited{
	font:bold 13px Arial, Helvetica, sans-serif; color:#3c3c3c; text-decoration:none; text-transform:uppercase; text-align:center;
}
div#panier div#lien a:active, div#panier div#lien a:hover{
	text-decoration:underline;
}
div#colD div#lienReserverEnLigne a{
	display:block;
	width:244px; height:45px;
	background:url(../images/menu/reserver-en-ligne.png) no-repeat 0 0;
	margin:5px 0 0 0;
}
div#colD div#lienReserverEnLigne a:hover{	
	background-position: -244px 0;
}
div#colD div#billetCadeau{
	width:244px; height:184px;
	background:url(../images/background/billet-cadeau.png) no-repeat 0 0;
	margin:5px 0 0 0;
	cursor:pointer;
}
div#colD div#billetCadeau p{
	font:bold 13px Arial, Helvetica, sans-serif; color:#fff;
	padding:100px 10px 0 10px;
}
div#colD div#billetCadeau p span{
	font-size:15px;	color:#0c3182;
}
div#colD div#boutique{
	width:244px; height:133px;
	background:url(../images/background/boutique.png) no-repeat 0 0;
	margin:5px 0 0 0;
}
div#colD div#boutique p{
	text-align:center;
	padding:48px 0 0 0;
}
div#colD div#boutique a:link, div#colD div#boutique a:visited{
	font:bold 15px Arial, Helvetica, sans-serif; color:#292e3a; text-decoration:none; text-transform:uppercase;
}
div#colD div#boutique a:hover, div#colD div#boutique a:active{
	text-decoration:underline;
}
div#colD div#modesDePaiement{
	width:244px; height:139px;
	background:url(../images/background/modes-de-paiement.png) no-repeat 0 0;
	margin:5px 0 5px 0;
}
div#modesDePaiement ul{
	display:none;
}
/* Menu bas accueil et intérieur */
div#divSite div#menuBasAccueil, div#divSite div#menuBasInterieur{
	clear:left;
	height:30px;
}
div#divSite div#menuBasAccueil{
	width:1000px;
	background:url(../images/background/menu-bas-accueil.png) no-repeat 0 0;
}
div#divSite div#menuBasInterieur{
	width:744px;
	background:url(../images/background/menu-bas-interieur.png) no-repeat 0 0;
}
div#menuBasAccueil ul, div#menuBasInterieur ul{
	text-align:center;
	padding:0 0 0 0;
}
div#menuBasInterieur ul{
	padding:5px 0 0 0;
}
div#menuBasAccueil ul li{
	display:inline;
	padding:0 15px 0 15px;
	line-height:31px;
}
div#menuBasInterieur ul li{
	display:inline;
	padding:0 2px 0 2px;
}
div#menuBasAccueil ul li.liFacebook a, div#menuBasInterieur ul li.liFacebook a{
	position:relative;
	display:block;
	float:left;
	margin:0 0 0 10px;
	height:21px; width:21px;
	background:url(../images/picto/facebook.png) no-repeat 0 0;
}
div#menuBasAccueil ul li.liFacebook a{
	height:31px; width:31px;
	background:url(../images/picto/facebook-2.png) no-repeat 0 0;
}
div#menuBasAccueil ul li a.lienBas:link, div#menuBasAccueil ul li a.lienBas:visited{
	font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none;
	padding:2px 4px 2px 4px;
}
div#menuBasAccueil ul li a.lienBas:hover, div#menuBasAccueil ul li a.lienBas:active{
	background:#fff;
	color:#2093AF;
}
div#menuBasInterieur ul li a.lienBas:link, div#menuBasInterieur ul li a.lienBas:visited{
	font:bold 11px Arial, Helvetica, sans-serif; color:#505050; text-transform:uppercase; text-decoration:none;
	padding:2px 4px 2px 4px;
}
div#menuBasInterieur ul li a.lienBas:hover, div#menuBasInterieur ul li a.lienBas:active{
	background:#999;
	color:#fff;
}