@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;
    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{
        color:#ff7901;
      }
	  .reservation p {
		 color:#014283;
		 font-family: Georgia;
		 line-height: 20px;
		 font-weight: bold;
		 margin: 20px 15px 10px 0;
	  }
	  .reservation .lirePlus{
		margin-left: 190px !important;
	  }
      .gauche .forfait h2, .forfait p {
        color:#317128;
      }
      .gauche .forfait span {
        font-weight :bold;
      }
      .gauche .video h2 {
        color:#7c580b
      }
      .home .gauche .lirePlus {
        margin-left:40px;
      }
      .gauche .video img {
        margin:10px auto;
      }
	  .clearLeft{
		clear: left;
	  }

    /**
     * Mise en forme de la contenu de contenue centrale
     * @subsubsection centre
     */

      #blockActuPrincipal h3,
      #nullePartAilleur h3 {
        font-size:1.3em;
        font-weight :bold;       
      }
      #blockActuPrincipal #focus h2{
        color:#054d95;
        border-left-color :#105599;
      }
      #blockActuPrincipal #focus h3{
        color:#0a6dd0;     
      }
      /*#blockActuPrincipal #focus h3:first-line{
        color:#014283;     
      }*/
      #blockActuPrincipal p {
        font-size :1.1em;
      }      
      #blockActuPrincipal #actuEvent h2 {
        color:#ee1c23;
        border-left-color :#ee262d;
      }
      #blockActuPrincipal #actuEvent h3 {
        color:#f08a00;
      }
	  #actuEven li{
		width: 479px;
	  }
      #nullePartAilleur h2{
        color:#973664;
      }
	  #nullePartAilleur h3 {
		color:#bc4b82;
	  }
      .interne .principal {
        font-size:1.2em;
        line-height:1.273em;
      }
      .interne .principal #titrePage h1 {
        color:#fff;
        font-size:1.1em;
        font-weight:bold;
      }
      .interne .principal h2 {
	    border-bottom:2px solid #317128;
		border-left:8px solid #317128;
		color:#317128;
		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/ete/puceH3.png') no-repeat left top;
        padding-left:30px;
        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 {
        
      }
	
	
	#tabs{
		margin-top: 10px;
		border: 3px solid #317128;
		padding: 5px 10px 10px 10px;
		background: url(../images/ete/bgNPA.jpg) no-repeat left 32px;
	}
	
	
	#nullePartAilleur #tabs{
		border:none !important;
	}

	#tabs h3{
		text-align: center;
	}
	#tabs .jqDock{
		width:450px !important;
		margin:38px 0 0 -10px !important;
		padding-left: 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:#57941F;
	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:#57941F;
	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:#57941F;
text-decoration:none;
}

#photolightbox{
	width:535px;
}


.borderOn,
.border{
	border:1px black solid !important;
	padding:5px !important;
	margin-bottom:10px;
}

.exergue{
	background-color:#9AC838;
	border:3px solid #57941F;
	color:#FFFFFF;
	font-weight:bold;
	margin:auto;
	padding:5px;
	width:330px;
}

.saison{
	float:right;
	margin-top:25px;
	color:#317128;
	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;
}