@charset "utf-8";
/* CSS Document */

/*INITIALISATION*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;background:transparent;text-decoration:none;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content:none;}
/* remember to define focus styles! */
:focus {outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}

.cleaner {clear:both;}
.cleanRight {clear:right;}
.invisible {display:none;}
.maj {text-transform:uppercase;}
.gras {font-weight:bold;}
.smaller {font-size:smaller;font-weight:lighter;}

body {background-color:#004E8A;font-family: Arial, sans-serif;font-size: 13px;color: #ffffff;text-align:center;line-height:1.2em;}

#main {margin:auto;text-align:left;width:1094px;}

/* ****** */
/* LAYOUT */
/* ******** */

#header {background:url(../design/header.jpg) top left no-repeat;height:415px;position:relative;}
#main.ete #header  {background:url(../design/headerEte.jpg) top left no-repeat;height:415px;position:relative;}
#middle {background: url(../design/middle.jpg) repeat-y;min-height:350px;}
#main.ete #middle {background: url(../design/middleEte.jpg) repeat-y;min-height:350px;}
#footer {background:url(../design/footer.jpg) top left no-repeat;height:57px;}
#main.ete #footer {background:url(../design/footerEte.jpg) top left no-repeat;height:57px;}

/* ******************* */
/* logo			 */
/* ******************* */

#logo {width:198px;height:145px;position:absolute;top:0px;left:449px;}
#logo a {display:block;width:198px;height:145px;cursor:pointer;}

/* ******************* */
/* versant HIVER - ETE */
/* ******************* */

#sectionHiverEte {padding-top:120px;width:710px;margin:auto;}
    #sectionHiverEte ul li a {text-transform:uppercase;font-size:1.8em;}
    #sectionHiverEte ul li a:hover {font-weight:bold;}
        #sectionHiverEte ul li.versantHiver {float:left;}
        #sectionHiverEte ul li.versantHiver a {color:#67C3D0;}
        #sectionHiverEte ul li.versantEte {float:right;}
        #sectionHiverEte ul li.versantEte a {color:#AECC50;}

/* ******************* */
/* blocPhotoGeneral	 */
/* ******************* */

#blocPhotoGeneral {width:776px;margin:18px auto 0px auto;}
#blocPhotoGeneral img {border:1px solid #FFF;}


/* ******************* */
/* menuActivite	 */
/* ******************* */
#menuActivite {width:776px;margin:auto;padding:24px 0px;}
    #menuActivite ul li {float:left;}
    #menuActivite ul li a {display:block;height:96px;}
#menuActivite ul li.skiRando a {background: url(../design/skirando.jpg) no-repeat top left;width:177px;margin-left:9px;}
#menuActivite ul li.skiRando a:hover {background: url(../design/skirando.jpg) no-repeat top right;}
#menuActivite ul li.cascade a {background: url(../design/cascade.jpg) no-repeat top left;width:177px;margin-left:12px;}
#menuActivite ul li.cascade a:hover {background: url(../design/cascade.jpg) no-repeat top right;}

#menuActivite ul li.escalade a {background: url(../design/escalade.jpg) no-repeat top left;width:117px;margin-left:24px;}
#menuActivite ul li.escalade a:hover  {background: url(../design/escalade.jpg) no-repeat top right;}
#menuActivite ul li.alpinisme a {background: url(../design/alpinisme.jpg) no-repeat top left;width:117px;margin-left:11px;}
#menuActivite ul li.alpinisme a:hover {background: url(../design/alpinisme.jpg) no-repeat top right;}
#menuActivite ul li.viaFerrata a {background: url(../design/viaFerrata.jpg) no-repeat top left;width:117px;margin-left:11px;}
#menuActivite ul li.viaFerrata a:hover {background: url(../design/viaFerrata.jpg) no-repeat top right;}

#main.ete #menuActivite ul li.skiRando,
#main.ete #menuActivite ul li.cascade {visibility: hidden;}

/* ******************* */
/* commun pages         */
/* ******************* */

.conteneurCentral {width:776px;margin:0px auto;padding-bottom:15px;border-bottom:1px solid #ffffff;}
.accueil {padding:0;}

.conteneurCentral h1 {font-size:1.9em;font-weight:bold;text-align:center;padding:10px 0px;margin-bottom:15px;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;}
.conteneurCentral p {line-height:1.5em;margin:5px 0px;}

a.icoVideo {display:block;width:69px;height:52px;background:url(../design/icoVideo.png) top left no-repeat;margin:15px auto;}
a.icoDiapo {display:block;width:69px;height:52px;background:url(../design/icoDiapo.png) top left no-repeat;margin:15px auto;}


.gras {font-weight:bold;}
.grasBleu {font-weight:bold;color:#67C3D0;}
.grasVertPomme {color: #AECC39; font-weight: bold;}

/* ******************* */
/* div Presentation	 */
/* ******************* */

#presentationTxt,
#presentationImage {float:left;}
#presentationImage {width:221px;}
#presentationImage img {margin-top:37px;}
#presentationTxt {width:515px;margin:0px 20px;}
#presentationTxt h1 {padding:10px;}
#presentationTxt p {font-size:1em;text-indent:7%;margin:5px 0px;}
#presentationTxt a {font-weight:bold;font-size:1.1em;}
#presentationTxt a.hiver {color:#67C3D0;}
#presentationTxt a.ete {color:#AECC39;}
#presentationTxt a.hiver:hover,
#presentationTxt a.ete:hover{color:#ffffff;}

#presentationTxt a.icoVideo {margin:0px auto 15px auto;}

#presentationActivite {width:505px;margin-left:10px;}

/* ******************* */
/* div conteneurCentral	 */
/* ******************* */

/* le float pour chaque div */
#tabs ul,
#tabs .caracteristiqueProduit,
#tabs .txtProduit,
#contactJpc,
#contactTxt,
#contactLien,
#contactData{float:left;}

.articleResume {float:right;}

/* les tailles pour chaque div */
/* tailles  div produit */
#tabs {width:776px;margin:0;padding:0;}

#tabs ul {width:142px;margin-right:25px;}
#tabs .caracteristiqueProduit {width:191px;margin-right:25px;padding:10px;}
#tabs .txtProduit {width:373px;}

/* tailles  div contact */
#contactJpc {width:340px;margin-right:10px;padding:10px;}
#contactLien {width:396px;margin-left:10px;}

/* taille div calendrier */
#calendrier {width:776px;}

/* taille div blog */
.articleResume {width:609px;}
.article {width:766px;}

/* *************** */
/* carac sp�ciales */
/* *************** */
/* div  calendrier */
#calendrier li {padding:10px 0px;border-bottom:1px solid #ffffff;}

#calendrier li.first {padding-top:0px;}

#calendrier li.last {border-bottom:none;padding-bottom:0px;}

#calendrier li a,
#calendrier li p {float:left;padding:0;margin:0;line-height:29px;display:block;height:29px;color:#ffffff;}
#calendrier li p.date {width:180px;margin:0px 5px 0px 10px;font-weight:bold;color:#67C3D0;font-size:1.2em;}
#calendrier li a.nomProd {width:170px;margin:0px 5px;font-weight:bold;font-size:1.2em;padding-left:10px;}
#calendrier li a.nomProd:hover {background-color:#004E8A;-moz-border-radius : 5px;-webkit-border-radius: 5px;}
#calendrier li a.typeProd {width:156px;margin:0px 5px;}
#calendrier li a.widgetDldPdf {width:210px;margin:0px 10px 0px 5px;font-size:1em;color:#67C3D0;font-style:italic;background: url(../design/pictoPdf.gif) no-repeat top right;}
#calendrier li a.widgetDldPdf:hover {text-decoration:underline;}

/* div pour sousMenu - Hiver */
#tabs ul li a {background-color:#cccccc;color:#004E8A;font-weight:bold;font-size:1.1em;display:block;width:142px;height:30px;line-height:30px;margin-bottom:5px;text-align:center;-moz-border-radius : 5px;-webkit-border-radius: 5px;}
#tabs ul li a:hover {color:#004E8A;background-color:#67C3D0;}
/* div pour sousMenu - Ete */
#main.ete #tabs ul li a  {color:#5F8353;}
#main.ete #tabs ul li a:hover  {color:#5F8353;background-color:#AECC39;}

/* div caracteristiqueProduit */
.caracteristiqueProduit {background-color:#cccccc;-moz-border-radius : 5px;-webkit-border-radius: 5px;}
.caracteristiqueProduit h2 {font-size:1em;color:#004E8A;font-weight:bold;text-transform:uppercase;}
.caracteristiqueProduit ul li {margin-bottom:5px;}
.caracteristiqueProduit ul li p.caracteristique{font-size:0.8em;color:#004E8A;font-weight:bold;margin-top:0;}
#main.ete .caracteristiqueProduit ul li p.caracteristique {color: #5F8353;}
.caracteristiqueProduit ul li p.caracteristiqueData{font-size:0.9em;color:#3c3c3c;}

/* div txtProduit */
.txtProduit h2 {font-size:1.8em;line-height:1em;font-weight:bold;color:#67C3D0;}
#main.ete .txtProduit h2 {color:#AECC39;}
.txtProduit h2 span {font-size:0.7em;color:#ffffff;}
.txtProduit p {margin:5px 0px;}
.txtProduit p.chapeau {font-size:0.9em;font-weight:bold;margin-bottom:10px;font-style:italic;}
.txtProduit p a {font-weight:bold;color:#ffffff;}
.txtProduit p a:hover {color:#67C3D0;}
#main.ete .txtProduit p a:hover {color:#AECC39;}

/* divs contact */
#contactJpc {background-color:#cccccc;-moz-border-radius : 5px;-webkit-border-radius: 5px;}
#contactJpc h1,
#contactLien h1 {font-size:1.2em;font-weight:bold;text-align:left;border:0;margin:0;padding:0;}
#contactLien h1 {padding:10px 0px;}
#contactJpc h1 {color:#004E8A;}
#contactJpc p {color:#3c3c3c;}
#contactJpc a {color:#004E8A;font-weight:bold;}
#contactJpc a:hover,
.partenaire a:hover{color:#ffffff;}

#contactLien h1 {color:#ffffff;}

.partenaire {margin-bottom:15px;}
.partenaire h2 {color:#67C3D0;}
.partenaire a {float:right;color:#004E8A;font-weight:bold;background-color:#cccccc;padding:2px 10px;-moz-border-radius : 5px;-webkit-border-radius: 5px;}
.partenaire a:hover {background-color:#67C3D0;color:#ffffff;}

/* divs blog */
.articleResume {border-bottom:1px solid #ffffff;padding-bottom:10px;}
.articleResume h3 {font-size:1.2em;}
.articleResume p.date {font-weight:bold;color:#67C3D0;}

.articleResume a.widgetLireSuite {float:right;color:#004E8A;background-color:#cccccc;padding:3px 10px;-moz-border-radius:5px;-webkit-border-radius: 5px;}
.articleResume a.widgetLireSuite:hover {background-color:#67C3D0;color:#ffffff;}
.articleResume a.widgetLireSuite span {font-weight:bold;}
.articleResume.last {border:0;}

.article p.date {font-weight:bold;color:#67C3D0;margin-right:15px;float:left;}
.article h1 {font-size:2em;color:#ffffff;border:0;float:left;line-height:1.2em; text-align:left;margin-bottom:5px;}
.article .image {float:left;margin-right:10px;}
.article .image p {font-size:0.8em;font-style:italic;text-align:left;}
.article .image img {width:240px;height:180px;}
.article a.widgetLienUrl {float:right;color:#004E8A;background-color:#cccccc;padding:3px 10px;-moz-border-radius : 5px;-webkit-border-radius: 5px;margin:5px 0px;}
.article a.widgetLienUrl:hover {background-color:#67C3D0;color:#ffffff;}
.article .widgetLienUrl span {font-weight:bold;}

#navArticle {width:766px;}

#navArticle a.widgetArtPrecedent,
#navArticle a.widgetArtSuivant {color:#004E8A;background-color:#cccccc;padding:4px 10px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:10px 0px 0px 0px;}
#navArticle a.widgetArtPrecedent:hover,
#navArticle a.widgetArtSuivant:hover {background-color:#67C3D0;color:#ffffff;}
#navArticle a.widgetArtPrecedent {float:left;}
#navArticle a.widgetArtSuivant {float:right;}

/* ******************* */
/* menu Footer	 */
/* ******************* */

#menuFooter {width:736px;margin:auto;padding:5px 20px 0px 20px;}
#menuFooter li a {display:block;height:18px; color: #99ccff;text-transform: uppercase;/*font-weight: bold;*/}
#menuFooter li a:hover {color:#fff;}
#main.ete #menuFooter li a {color:#AECC39; }
#main.ete #menuFooter li a:hover {color:#fff;}

/* elmts menu - float left */
#menuFooter li.blog,
#menuFooter li.calendrier,
#menuFooter li.contact,
#menuFooter li.diapo {float:left;margin-right:40px;}
/* elmts menu - float right */
#menuFooter li.rss,
#menuFooter li.admin,
#menuFooter li.credit {float:right;margin-left:20px;}

#menuFooter li.blog,
#menuFooter li.calendrier,
#menuFooter li.contact,
#menuFooter li.diapo,
#menuFooter li.credit {margin-top:4px;}

/* elmts menu - img */
#menuFooter li.rss a {background:url(../design/rss.gif) top left no-repeat;width:18px;}
#menuFooter li.admin a {background:url(../design/admin.gif) top left no-repeat;width:26px;}

/* desactivation temp */

#menuFooter li.diapo {visibility:hidden; display:none;}