@import url(commun/typo.css);

/**
 *  Feuille de style gerant le contenu du site
 *  
 *  @project	
 *  @site			
 *  @cssdoc		0.2.22
 *
 */
 
 /**
 * Zone Site
 * @section Conteneur
 */

#conteneur{
  
}

  /**
   * Zone d'en tete
   * @subsection en tete
   */

  #entete{
    
  }
  .home #entete h1,
   .home #entete blockquote,
  .interne a#retourHome {
    text-indent :-9999px;
  }
  .titreInfo {
    font-size: 1.6em;
    font-family:georgia;
    padding-left:10px;
    width:3em;
  }
  .interne .titreInfo {
    font-size: 1.4em;
    font-family:georgia;
  }
  #contenuPiste {
    font-family:georgia;
    font-size: 1.2em;
  }
  .interne #contenuPiste {
    font-size:0.9em;
  }
  #contenuMeteo .moyenCiel{
	display: block;
	margin-right: 10px;
  }
  #contenuMeteo .moyenTemperature{
	font-size: 1.4em;
	padding-top: 5px;
	width:65px;
	text-align:center;
  }
  li#pisteVerte {
    background:url(../images/pucePisteVerte.gif) no-repeat left;
  }
  li#pisteBleu {
    background:url(../images/pucePisteBleu.gif) no-repeat left;
  }
  li#pisteRouge {
    background:url(../images/pucePisteRouge.gif) no-repeat left;
  }
  li#pisteNoir {
    background:url(../images/pucePisteNoire.gif) no-repeat left;
  }

  /**
   * Zone de contenue 
   * @subsection Contenue
   */

  #contenu {
 
  }
  .home #contenu h2 {
    font-size:1.5em;
    font-weight :bold;
    text-transform :uppercase;
    border-left:10px solid;
    padding-left:10px;
    line-height :1.667em;
  }
  .interne .gauche h2 {
    font-size:1.2em;
    font-weight :bold;
    text-transform :uppercase;
    border-left:10px solid;
    padding-left:10px;
    line-height :1.667em;
  }
  .lirePlus {
    font-weight : bold;
    font-family :Tahoma;
    color:#fff !important;
    text-transform :uppercase;
    text-decoration :none;
  }
  .interne .sousCentre{
	margin-top:20px;
	width: 580px;
  }
  .interne .sousCentre h1{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
  }

    /**
     * Mise en forme de la contenu de contenue gauche 
     * @subsubsection gauche
     */

      .gauche h2{
        margin-left :20px;
      }
      .blockGauche p {
        margin:5px 30px 5px 40px;
        font-size :1.1em;
      }
      .gauche .reservation h2, .reservation p {
        color:#0f325d;
      }
      .gauche .forfait h2, .forfait p {
        color:#e22f72
      }
      .gauche .forfait span {
        font-weight :bold;
      }
      .gauche .video h2 {
        color:#7c580b
      }
      .home .gauche .lirePlus {
        margin-left:40px;
      }
      .gauche .video img {
        margin:10px auto;
      }

    /**
     * Mise en forme de la contenu de contenue centrale
     * @subsubsection centre
     */
	#ouvertureStation{
		background: #fff url('../images/bg_accueil.jpg') no-repeat left top;
		margin-bottom: 2em;
		font-size: 1.3em;
		text-align: center;
		font-weight: bold;
		font-family: Georgia;
	}
	#ouvertureStation .masqueBas{
		background: url('../images/masque_b.png') no-repeat left bottom;
		padding: 0 3px 10px 0;
		overflow: hidden;
	}
	#ouvertureStation .masqueHaut{
		background: url('../images/masque_h.png') no-repeat left top;
		min-height: 80px;
		padding: 25px 35px;
	}
	#ouvertureStation h2{
		color:#f9551b;
        border-left-color :#fe9d0c;
	}
      #blockActuPrincipal h3,
      #nullePartAilleur h3 {
        font-size:1.3em;
        font-weight :bold;       
      }
      #blockActuPrincipal #focus h2{
        color:#014283;
        border-left-color :#6e92c6;
      }
      #blockActuPrincipal #focus h3{
        color:#6e92c6;     
      }
      #blockActuPrincipal #focus h3:first-line{
        color:#014283;     
      }
      #blockActuPrincipal p {
        font-size :1.1em;
      }      
      #blockActuPrincipal #actuEvent h2 {
        color:#f9551b;
        border-left-color :#fe9d0c;
      }
      #blockActuPrincipal #actuEvent h3 {
        color:#514f50;
      }
	  #actuEven li{
		width: 479px;
	  }
      #nullePartAilleur h2,
      #nullePartAilleur h3 {
        color:#64555c;
      }
      .interne .principal {
        font-size:1.2em;
        line-height:1.273em;
		/*padding-top: 15px;*/
      }
      .interne .principal #titrePage h1 {
        color:#fff;
        font-size:1.12em;
        font-weight:bold;
      }
      .interne .principal h2 {
	    border-bottom:2px solid #ff6600;
		border-left:8px solid #ff6600;
		color:#ff6600;
		font-size:1.167em;
		font-weight:bold;
		line-height:24px;
		margin-bottom:12px;
		margin-top:10px;
		padding-left:10px;
		width:90%;
      }
      .interne .principal h3 {
        color:#064c80;
        font-weight:bold;
        line-height:23px;
        background: url('../images/puceH3.png') no-repeat left top;
        padding-left:30px;
        font-size:1em;
		margin-top: 10px;
		margin-bottom: 5px;
      }
      
      .interne .principal h4 {
        color:#f47238;
        font-weight:bold;
        font-style:italic;
        background: url('../images/puceH4.png') no-repeat left top;
        padding-left:15px;
        font-size:1em;
	margin-top: 10px;
	margin-bottom: 5px;
      }
      
      .interne .principal strong {
        color:#064c80;
      }
      .interne .principal ul {
        margin-bottom:10px;
      }
	  .interne .principal ul li{
		background :url('../images/puceListe.gif') no-repeat left 6px;
        padding-left: 10px;
		overflow: hidden;
	  }
      .interne .principal img {
        /*margin:10px 0;*/
      }
      .interne .principal p+p {
        margin-top:15px;
      }
	.link{
		color: #004182;
	}
 
    /**
     * Mise en forme de la contenu de contenue droite 
     * @subsubsection Droite
     */
  
      .droite {
        
      }
	  
	.jqDock {
	  width:450px !important;
	  margin:30px 0 0 95px !important;
	}

  /**
   * Mise en forme de la contenu de contenue du pied de page 
   * @subsection Pied de page
   */
   
  #foot {
    
  }
  
  
  
  .rubriquesPlanInteractif{
  	margin-bottom:10px;
  	margin-right:20px;
  	width:280px;
  }
  img.imgLeft{
	float:left;
	margin:0px 5px 5px 0px;
}

img.imgRight{
	float:Right;
	margin:0px 0px 5px 5px;
}


/*phototheque*/
#phototequeHaut ol, #phototequeBas ol {
list-style-type:none;
}

#contenu_menu_left ol, #contenu_menu_left ul {
	list-style-type :none;
	margin :0;
	padding :0;
}
ol#menu {
	margin:5px 0 15px 10px;
}
a#active {
	color:#ff0000;
}
.ouvert {
	display:block !important ;
}
.sousMenuN2,
.sousMenuN3,
.sousMenuN4 {
	display:none;
}

#menuPhototheque li{
	float:none !important;
}

#menuPhototheque li a {
	font-size:1.1em;
	font-weight :bold !important;
	color:#114f8c;
	text-decoration :none;
	
}
#menuPhototheque li a:hover {
	text-decoration :underline;
}
ul.sousMenuN2 {
	margin:0 0 0 10px !important ;
}
.sousMenuN2 a {
	font-weight: normal !important;	
}
ul.sousMenuN3 {
	margin:0 0 0 27px !important ;
	list-style-type :square !important;
}
ul.sousMenuN4 {
	margin:0 0 0 10px !important ;
}

/**
 * @section contenu
 *
 */

.phototeque h2 {
 	background:#114f8c;
	clear:left;
	font-weight :bold;
	color:#fff !important;
	text-transform :uppercase;
	line-height:1.5em !important;
	padding-left:15px;
	margin:8px 0 10px 0;
	width:525px;
 }
 #phototequeHaut,
 #phototequeBas {
 	margin:0 0 0 0;
 }
 #phototequeHaut ol,
 #phototequeBas ol {
 	list-style-type :none;
 	margin :0;
	padding :0;
 }
 .photoGauche,
 .photoDroite {
 	width:255px;
 	float :left;
 	text-align :center;
 }
 .photoGauche {
 	margin:0 10px 0 0;
 }
 .visuel {
 	margin-bottom :30px;
 }
 
 .visuel img{
 	border:8px solid #000;
 	margin:0 0 10px 0;
 }
 .zoom, .download {
 	height:15px;
 	padding-top:40px;
 	padding:37px 5px 0; 	
 }
 .download {
 	background: url(../images/phototheque/icone_download.jpg) top no-repeat;
 }
 .zoom {
 	background: url(../images/phototheque/icone_zoom.gif) top no-repeat;
 }
 .legendePhoto {
 	color:#6279A8;
 }
 /**
 * @section pagination
 *
 */

 #pagination {
	clear:left;
	text-align:center;
	line-height:25px;
	vertical-align :bottom;
	width:535px;
	
 }
 #pageActive {
 	color :#FF8500;
 }
 #pagination ul{
 	list-style-type:none !important;
 	font-weight:bold;
 }
 #pagination li{
 	background:none !important;
 	display:inline;
 	padding-left:2px !important;
 }
 
 
.phototeque a{
	color:#114f8c;
	text-decoration:none;
}

#photolightbox{
	width:535px;
}

.saison{
	float:right;
	margin-top:25px;
	color:#FF6600;
	font-size:1.167em;
	font-weight:bold;
	font-family: Georgia,serif;
}

.smallTxt{
	font-size:0.9em !important;
}

ul.galeries{
	list-style-type:none;
}

.galeries li {
	background:none !important;
	display:inline;
	list-style-type:none;
	margin-right:10px;
	padding-left:10px;
}