/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 16px;
    line-height: 1.2;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
a, a:hover, a:visited, a:focus { 
	outline:none;
	text-decoration:none;	
}
p a { color:#003; font-weight:700;}
p a.mailto { text-decoration:underline; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

* {
	font-family: 'Play', Verdana, Geneva, sans-serif;	
}
body {	
	min-height:1172px;
	font-weight:400;
	color:#003;
	top: 0px !important; 
}
#page { 
	width:980px;
	margin:28px auto 0;
	overflow:hidden;	
}
div#violet.popfoot p { font-size:0.9em; margin-bottom:0.8em;}
div#violet.popfoot p a { color:#fff;}
footer {
	clear:left;
	display:block;
	float:left;	
	height:28px;	
}
footer ul { margin:0; padding:0;}
footer ul li { float:right; margin:0 0.6em;}
footer ul li a { color:#003; font-size:0.8em;}
.titre { 
	margin:1em 0 0.3em;
	text-align:right;
}
.index2 #content p.soustitre {
	width:100%;	
}
p { font-size: 0.95em; }
strong, strong i {
	font-weight:700;
}
p.soustitre {
	margin:0;	
	font-weight:700;
	font-size:1.2em;
}
h1 {
	font-size:1.9em;
	font-weight:700;
	margin:0;
}
h3 {
	font-size:1.4em;
	font-weight:700;
	line-height:1.2em;
	margin:0;
}
h4 {
	border-top:1px solid #003;
	border-bottom:1px solid #003;
	font-weight:700;
}
.bleu {
	color:#9ff;
}
#gauche p {
	font-size: 0.95em;
	font-weight:700;
	margin:0;
}
nav {	
	height:28px;
	width:100%;
	background:#ff3;
	position:fixed;
	top:0;
	-webkit-box-shadow: 0px 10px 20px 0px #000;
	box-shadow: 0px 10px 20px 0px #000;
	z-index:10;
	line-height:1.4;
}

nav ul li a {
	height:22px;
	margin:3px 0;
	padding:0 17px;
	display:block;
	text-decoration:none;
	color:#003;
	font-weight:700;
	font-size:0.85em;
	text-align:center;
	border-right:1px solid #003;
}
nav ul li#ptwitter, nav ul li#pfacebook {
	float:right;
}
nav ul li#ptwitter a, nav ul li#pfacebook a {
	padding:0 3px;
	border:none;
	float:right;
}
nav ul {
	padding:0;
	width:980px; 
	margin:0 auto;
	height:28px;
}
nav ul li {
	float:left;	 
}
nav ul li:hover , nav ul li.actif {
	background:#fff;
}
#gauche {
	float:left; 
	width:300px;
	text-align:center;
	min-height:1144px;
}
#gauche * { color:#003; }
#droite {
	float:right; 
	width:680px;	
}
#content {
	padding:0 20px 20px;
	width:640px;
	float:left;
	text-align:justify;
	
	
}
img.enbas {
	position:absolute;
	bottom:0;
}
a#logo {
	margin:70px 3px 90px;
	width:674px;
	height:180px;
	display:block;
}
#gauche table tr td {	
	padding:2px 5px;
	background:#cad65a;
	text-align:center;
	font-weight:700;
	font-size:0.75em;
}
#gauche table tr td.cell_blanc {
	background:#fff;
}
#flags {
	height:17px;
	width:85px;
	margin:2em 108px;
}
#flags a{
	float:left;
	display:block;
	width:20px;
	height:15px;
	margin-right:6px;
	border:1px solid #003;
}
#flags a img {
	vertical-align:top;	
}
#flags a.langsel {
	border:1px solid #cf0;	
}
#gauche p.dispo { font-style:italic; font-size:0.65em; clear:both; }
#gauche p.dates { font-size:0.60em; }
.telecharger {
    background: url("../img/telecharger.png") no-repeat scroll left center transparent;
    border-bottom: 1px solid #003;
    border-top: 1px solid #003;
    color: #003;
    display: block;
    height: 24px;
    margin-bottom: 10px;
    padding: 3px 0 3px 40px;
    text-align: left;
    text-decoration: none;
    width: 295px;
}
a#lesarcs { 
	position:fixed;
	left:-10px;
	top:15%;
	display:block;
	width:31px;
	height:100px;
	padding:10px 6px 10px 16px;
	background:#303;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
a#lesarcs:hover { left:0; } 
/*---------- index ---------------*/
.index { background:url(../img/bg-index.jpg) no-repeat center top; }
#skimium { width:479px; height:164px; display:block; margin:0 80px; }

#txt1_index { float:right;}
#txt2_index { float:left; clear:both; margin-top:6em;}
.index2 h3 {
	float:right;
	clear:both;
	text-align:right;
	font-size:1.5em;
}
.index2 #content p.ssh3 {
	float:right;
	clear:both;
	text-align:right;
	font-size:1.2em;
	font-weight:700;
	width:100%;
	margin:0;
	
}
.index1 h2 {
	font-size:2em;
	font-weight:700;
	line-height:1.2em;
	margin-bottom:0.4em;
}
.index1 #bureau {
	margin:70px 0;	
}
.index1 #bureau h4 {
	font-size:1.2em;	
	text-transform:uppercase;
}
#fat_territoire {
	position:absolute;
	margin:6.1em 0 0 0.9em;
	font-size:6.3em;
	height:170px;
	width:800px;
	font-weight:700;	
}
#fat_territoire.page_terri { margin:6.5em 0 0 0.5em; }
span#ter {
	color:#003;
	position:absolute;
	z-index:2;	
}
span#ave {
	color:#993;
	position:absolute;
	margin: 0.55em 0 0 0.65em;
	z-index:1;
}
img#boussole { position:absolute; z-index:3; margin:82px 0 0 3px; }
.index1 h4:first-letter {
	font-size:1.4em;
}
a#evo2infos {
	width:89px;
	height:86px;
	display:block;
	margin:40px auto;	
}
.index2 #content p{
	width:375px;
}
.index2 #content img {
	float:right;
	padding:50px 0 0 40px;
}

/*---------- cours ---------------*/
.cours {
	background:url(../img/bg-cours.jpg) no-repeat center top;
}
#tarifs_cours {
	margin-top:2.5em; text-align:right; float:right;	
}
#gauche.cours1 table { float:right;}
#gauche.cours1 table tr td {
	text-align:center;
}
#tarifs_guides1 {
	margin-top:1em; text-align:right; float:right;	
}
#tarifs_guides2 {
	clear: both;
    float: right;
    margin-top: 3em;
    text-align: right;
}
#txt_cours {
	margin-top:11em;
	width:290px;
	float:right;
}
#txt_cours h1 { text-align:right; }
#txt_guides {	
	width:270px;
	float:left;
}
#reservation {
    float:right; margin-top:5em; width:275px; 		  
}
#reservation h2 {    
    font-weight: 700;
	margin:0;
    text-align: right;
}
#reservation p { clear:both; font-weight:700; font-size:0.85em; }
#reservation .telecharger, #tarif_reservation .telecharger {
	width:190px; float:right;
}
#tarif_reservation {
    float:right;
	clear:both;
	margin-top:3em
}
#tarif_reservation h3 { font-size:1.3em; }
#stage_free { float:left; clear:both; width:270px; }
#stage_groupe { float:right; width:260px; margin-top:5em; }
#video { background:url(../img/bg-video.png) no-repeat left top; width:300px; height:219px; margin-top:1em;}
#video video { margin:20px 30px 0;}
img#photocours { float:left; clear:both;}
/*---------- territoire d'aventures ---------------*/
#reservation_aventure {
	float:right;
	width:240px;    
    text-align: right;
    z-index: 1;
	margin-top:16em;
}
#reservation_aventure p { font-weight:700; width:190px; float:right; }	
#reservation_aventure h2 { margin:0; }
#reservation_aventure .telecharger { width:200px; position:absolute; z-index:5;  }
.aventure { background:url(../img/bg-aventure.jpg) no-repeat center top; }
#txt_aventure { float:left;	width:380px; }
#txt_aventure h1 { color:#993; }
#violet table tr td { border:1px solid #fff; padding:0 0.5em; text-align:center; }	
#gauche.aventure1 h3 { font-size:1.1em; margin:2em 0 4em;}
#ecoles { text-align:left; margin:0 0.9em 6em;}
#ecoles p { margin-bottom:1.8em; font-weight:400;}
#ecoles2 p { font-weight:400; text-align:left; margin:0 0.9em;}
#ecoles2 p.fleche { font-weight:700; text-align:left; margin-top:26em; }
body#pop {
	background:none;	
}
.popup {	
	width:840px;
	height:549px;
	display:block;
	position:relative;
}
.popup #rose {
	width:100%;
	position:absolute;
	bottom:0;
	height:80px;
	background:url(../img/px-rose.png);
	text-shadow: 1px 1px 3px #000;
	filter: dropshadow(color=#000, offx=1, offy=1);
}
#violet {	
	padding:1em 3em;
	width:744px;
	position:relative;
	height:auto;
	background:#2e0c25;
	color:#fff;
}
#violet p { margin:0; text-align:justify; }
.popup #rose h1 {
	color:#fff;
	font-size:2.2em;
	margin-left:0.4em;	
}
.popup #rose p {
	font-size:1.2em;
	font-weight:700;
	margin-left:2.4em;
	color:#fff;
}
#violet p.align_right { text-align:right;}
.popup p {
	margin:0;	
}
#heliski {
	background:url(../img/heliski2.jpg) no-repeat left top;
}
#skihorspiste {
	background:url(../img/ski-hors-piste2.jpg) no-repeat left top;
}
#raquettes {
	background:url(../img/raquettes2.jpg) no-repeat left top;
}
#speedriding {
	background:url(../img/speedriding2.jpg) no-repeat left top;
}
#snakegliss {
	background:url(../img/snake-gliss2.jpg) no-repeat left top;
}
#yourtes {
	background:url(../img/yourtes2.jpg) no-repeat left top;
}
#cascadeglace {
	background:url(../img/cascade-glace2.jpg) no-repeat left top;
}

/*---------- contact--------------*/
.contact {
	background:#fff url(../img/bg-contact.jpg) no-repeat center top;
}
#adresse { margin:45px 0 2.5em;}
#social {
	margin-left:3em;
	height:8em;
	-moz-transform:rotate(-6deg);
	-webkit-transform:rotate(-6deg);
	-o-transform:rotate(-6deg);
	-ms-transform:rotate(-6deg);
	transform:rotate(-6deg);
	z-index:1;
}
#social * { float:left;}
#social p {	
	margin:25px 0 0 10px;
}
#social a#twitter, #social a#facebook {	
	margin:1px 3px;
	display:block;
	width:43px;
	height:43px;
}
#map {
	margin-top:8em;	
}
#map a {
	font-size:0.90em;
	text-decoration:underline;
}
#map p {
	font-size:0.85em;
}
a#carte {
	display:block;
	width:272px;
	height:263px;
	margin:1em 14px;
}
.contact1 h3 {
	font-size:1.9em;
	font-weight:700;
	margin:0 0 0.6em;
}
#contact-form { float: right; margin-top: 18em; }
label {
	float:left;
	clear:both;
	padding:5px 8px 0 0;
	height:28px;
	width:100px;
	text-align:right;
	font-weight:700;
}
input, textarea {
	border:none;
	float:left;
	width:290px;
	padding:0 10px;
	font-family: 'Play', Verdana, Geneva, sans-serif; 
	margin-bottom:10px;
}
input {
	height:33px;	
	background:url(../img/pixel-bleuc.png);
}
input.sujet, textarea { 
	background:#06f;
}
input.email {
	margin-bottom:48px;
}
input#envoyer {
	margin-top:10px;
	font-weight:700;
	clear:both;
	background:url(../img/avion.png) no-repeat center right;
	padding-right:33px;
	cursor:pointer;
	text-align:right;
	float:right;
}
textarea {
	vertical-align: top;
	min-height:160px;
	resize: vertical;
	padding:7px 10px;
}







/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}