/* Initialisation CSS */

html, body { /* OU * { MAIS CA PEUT ETRE ASSEZ PERTURBANT ;-) */
   margin: 0;
   padding: 0;
   border: 0;
}


/* police par défaut de tout le site */

html, body {
   background-color: black;
   margin: 0;
   padding: 0;
}
body {
   font-size: 0.8em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #fff;
   font-weight: normal;
}


/* lien par défaut */

a {
   color: #669900;
   text-decoration: none;
}
a:hover {
   color: #000;
   background: #669900;
   text-decoration: none;
}


/* liste par défaut */

ul {
   list-style-type: square;
   margin: 0;
   padding-left: 0.5em;
}


/* titres par défaut */

h1 {
   font-size: 1.6em;
}
h1, h1 a {
   color: #aaaaaa;
   font-weight: bold;font-family:helvetica;
}
h2 {
   font-size: 1.2em;
}
h2, h2 a {
   color: #669900;
   font-weight: bold;
}

h3 {
   font-size: 1.2em;
}
h3, h3 a {
   color: #990066;
   font-weight: bold;
}
h1, h2, h3 {
   margin: 0;
   padding: 0.5em 0;
}


/* image par défaut */

img {
   border: 0;
}
 
#pagewidth{ 
 width:1000px;  
margin-right:auto;
 
 margin-left:auto; 
}
 
#header{

 height:50px; 
  background-color:#000000; 
 width:100%;
}

#logo {
   float: left;
   width: 960px;
   margin: 10px 0;
   
}
#logo h1 {
background:transparent url(img/prise-digital.png) no-repeat scroll 0 0;
height:50px;
text-indent:-9999px;
width:584px;  
}
#title {
font-size:1px;
height:1px;
width:1px;
}
#title a{
color:black;
font-size:1px;
height:1px;
width:1px;
}
#title a:hover{
background-color:black;
font-size:1px;
height:1px;
width:1px;
}
#logo blockquote {
color:black;
left:480px;
position:absolute;

}
#logo1 {
   background:transparent url(img/bg4.jpg) no-repeat left top; 
   width: 1000px;
   margin: 10px 0;height:130px;  
}
#logo a{
 color:#89C63B;
} 
 
#leftcol{
 width:10%; 
 float:left; 
 position:relative; 
 background-color:#000000; 
 }
 #leftcol2{
 width:240px; 
 float:left; 
 position:relative; 
 background:transparent url(img/bg2.jpg) no-repeat left top; 
;
padding-top:10px;
margin:0;
 }
 
#twocols{
 width:90%; 
 float:right; 
 position:relative; 
  }
  #twocols2{
 width:750px; 
 float:right; 
 position:relative; 
  }
 #twocols3{
 width:750px; 
 float:right; 
 position:relative; 
  }  
 
#rightcol{
padding-left:10px;margin-bottom:10px;
 width:28%; 
 float:right; 
 position:relative; 
 background:#333 url(img/bg1.gif) repeat-x scroll left bottom;
 }
 #rightcol2{
/*background:transparent url(img/bg3.jpg) no-repeat scroll right top; */
float:right;
height:1100px;
padding-left:10px;
position:relative;
width:370px;
 }
 #rightcol3{
padding-left:10px;
 width:1px; 
 float:right; 
 position:relative; 
 background:#000 ;
 }
 
#maincol{background-color: #000000;  
 float: left; 
 display:inline; 
 position: relative; 
 width:70%; 
 }
 #maincol2{background-color: #000;  
 float: left; 
 display:inline; 
 position: relative; 
 width:370px; 
 }
  #maincol3{background-color: #000;  
 float: left; 
 display:inline; 
 position: relative; 
 width:749px; 
 }

 
#footer{background:#000000 url(img/bg7.gif) repeat-x scroll 0 0;
 height:400px; 
  background-color:#000000; 
 clear:both;
 margin:53px 0 0 ;
  } 
 #prise {background:transparent url(img/menu-prise.gif) no-repeat scroll 0 0;
height:202px;
margin-left:125px;
margin-top:20px;
padding:60px 20px 0;
position:absolute;
width:232px;}
#trophee {background:transparent url(img/menu-trophee.gif) no-repeat scroll 0 0;
height:202px;
margin-left:395px;
margin-top:20px;
padding:60px 20px 0;
position:absolute;
width:232px;}
#volume {background:transparent url(img/menu-volumes.gif) no-repeat scroll 0 0;
height:202px;
margin-left:501px;
margin-top:20px;
padding:60px 20px 0;
position:absolute;
width:232px;}
#digital {background:transparent url(img/menu-digital.gif) no-repeat scroll 0 0;
height:202px;
margin-left:665px;
margin-top:20px;
padding:80px 20px 0;
position:absolute;
width:232px;}
 #footer2{
 height:130px; 
background:#333 url(img/bg5.jpg) repeat-x scroll left top; 
 clear:both;
 } 
 #footer2 h3, h3 a{
color:#bbb
 } 
 #footer2 ul{
float:left; 
 } 
 ul.catprise {
font-size:1em;
list-style-type:none;
padding-left:1em;
width:230px;padding-top:1.5em;
 } 
 ul.catprise a:hover {
color:#fff;
 }
 .catprise li{
 background:transparent url(img/bullet.gif) no-repeat scroll 0 7px;
padding:2px 0 2px 20px; }

 
 /* *** prises escalade serie xl:
 http://www.digital-climbing.com/dossiers/categorie-8-xl.html *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
#rech {margin:0;
padding:0 0 10px;
width:240px;
}
#recherche-texte {
background:#000 url(img/input-search.png) no-repeat scroll right top;
border:medium none;
color:#AAAAAA;
height:22px;
margin:0;
padding:5px 0 0 25px;
vertical-align:top;
width:151px;}
#recherche-submit {
background:#161616 url(img/ok-32.png) no-repeat scroll left top;
border:medium none;
color:white;
cursor:pointer;
font-weight:bold;
height:27px;
margin:0;
padding:0;
vertical-align:top;
width:36px;}
#bas {
   clear: both;
   position:relative;
   background-color: #000;
   border: 0;
   padding: 0.5em;
   text-align: center;
}
	#bas ul {
      display: inline;
      border-right: 2px solid #000000;
   }
	#bas ul li {
      border-left: 2px solid #000000;
      display: inline;
      padding-right: 0.6em;
      padding-left: 1em;
   }
	#bas a {
      color: #89C63B;
   }
	#bas a:hover {
      color: #FFF;
   }


#pied {
   height: 2em;
   background-color: black;
   border: 0;
   padding: 0.75em;
	text-align: center;
   margin-bottom:1px;font-size:0.8em;
}
	#pied a {
      color: #333333;
      font-weight: bold;
   }
   /* pages.html */

#mentete {height:20px;
margin:0;
padding:0;
width:700px;
   
}
#entete {
color:#669900;
font-weight:normal;

  
}
   #entete a {
      color: #669900;margin-left:0.5em;
margin-right:0.5em;
   }
   #entete a:hover {
      color: #fff;
   }

#entetepage {	
   float: right;
   padding-top: 0.2em;
   padding-right: 1em;
   color: #FFFFFF;
   font-weight: bold;
   text-align: right;
   background: #006699;
}
   #entetepage a {color: #FFFFFF; font-weight: normal;}
   #entetepage a:hover {color: #FF8000; font-weight: normal;}

/* autres éléments par défaut */

input {
   background-color: #EEEEEE;
   border: #000000 1px solid; 
   text-indent: 1px;  
   font-size: 9px;
}

textarea {   
   font-size:10pt;
   color:#000000;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color: #000000;
   background-color:#FFFFFF;
   width:340px;
}

select {  
   font-size:9px;
   color:#000000;
   background-color:#FFFFFF;
}


#navigv, #navigv ul { /* tous les conteneurs de listes */
   float: left;
   padding:350px 0 0 375px;
   margin: 0 0 1em 0;
   list-style: none;
    font-size:1.5em;
   background: transparent;
   z-index: 110; /* suffisant pour Firefox */
}

/* liste 1er niveau */
/********************/
#navigv li { /* tous les items de liste */
  
float:left;
font-family:helvetica;
font-weight:normal;
margin:0 0 5px;
padding:0;
position:relative;
z-index:120; /* nécessaire pour IE6 */
  
}

#navigv li a {background:transparent url(img/prises.gif) no-repeat scroll left top;
color:#333333;
display:block;
font-weight:bold;
height:auto;
line-height:1.75em;
padding:0 0 10px 50px;
text-decoration:none;
width:10em;
  
}

#navigv li a:hover {
   color: #89C63B;

}


/* position de la petite flèche */
#navigv li a.daddyv {
   background-color: #FFFFFF;
	background: url(img/artimenurightarrow.gif) no-repeat;
   background-position: 97% 0.45em;
   height: auto;
   line-height: 1.75em;
}

/* listes 2e niveau */
/********************/
#navigv li li { /* tous les items de liste */
   border: #BBBBBB 1px solid;
   background: #DDDDDD;
}

#navigv li ul {
   position: absolute;
	top: -1px;
   left: -999em;
   padding: 0;
   margin: 0 0 0 11.1em;
   
}

/* position de la petite flèche */
#navigv li ul li a.daddyv {
   background-color: #000000;
	background: url(img/artimenurightarrow.gif) no-repeat;
   background-position: 97% 0.45em;
   height: auto;
   line-height: 1.75em;
}

#navigv li ul li a.daddyv:hover {
   background-color: #FC962A;
}

/* listes 3e niveau */
/********************/
#navigv li ul ul { /* listes de 3e niveau */
   left: -999em;
   margin: 0 0 0 11em;
   
}

#navigv li li a {
   font-weight: normal;
}

/* Affichage ou masquage des ul */
/********************************/
#navigv li:hover ul ul, #navigv li.sfhover ul ul {
   left: -999em;
}

#navigv li:hover ul, #navigv li li:hover ul, #navigv li.sfhover ul, #navigv li li.sfhover ul {
   left: auto;
}

/* Enchaînement des sélections */
/*******************************/
#navigv li:hover, #navigv li.sfhover, #navigv li li:hover, #navigv li li.sfhover {
	
}
#navig1, #navig1 ul { /* tous les conteneurs de listes */
   float: left;
   padding:380px 0 0 0px;
   margin: 0 0 1em 0;
   list-style: none;
    font-size:1.5em;
   background: transparent;
   z-index: 110; /* suffisant pour Firefox */}

#navig1 li { /* tous les items de liste */
  
float:left;
font-family:helvetica;
font-weight:normal;
margin:0 0 5px;
padding:0;
position:relative;
z-index:120; /* nécessaire pour IE6 */
  
}

#navig1 li a {background:transparent ;
color:#333333;
display:block;
font-weight:bold;
height:auto;
line-height:1.75em;
padding:0 0 10px 50px;
text-decoration:none;
width:10em;
  
}

#navig1 li a:hover {
   color: #89C63B;

}
#navig1 li li { /* tous les items de liste */
   border: #BBBBBB 1px solid;
   background: #DDDDDD;
}

#navig1 li ul {
   position: absolute;
	top: -1px;
   left: -999em;
   padding: 0;
   margin: 0 0 0 11.1em;
   
}

#containerh { 
margin:0;
padding:80px 0 0 275px;
_padding:40px 0 0 278px;
width:700px;
}

/* liste 1er niveau */
/********************/
#navigh { /* 1er ul */
   position: relative;
   float: right;
   list-style: none;
   font-weight: normal;
   padding: 10px 0 0 0;
   margin: 0;font-size:1.4em;
}

#navigh li {
   position: relative;
   float: left;
   padding: 0 0 0 30px;
   margin: 0;
   background:  url(img/prises2.gif) no-repeat scroll left top;
}

#navigh a {
   color: #333;
   display: block;
   text-decoration: none;
   padding:0 1em 0.4em;
   margin: 0;
   line-height: 1.45em;
}

#navigh a:hover {
   color : #89C63B;
   background : #000;
}

/*petite flèche*/
#navigh li a.daddyh {
   background: url(img/artimenubottomarrow.gif) no-repeat;
   background-position: 97% 1.6em;
   line-height: 1.45em;
}
#navigh li a.daddyh:hover {
   background-color : #000;
   background: url(img/artimenubottomarrow.gif) no-repeat;    /* répétitions */
   background-position: 97% 1.6em;                          /* nécessaires pour IE */
   line-height: 1.45em;
}

/* listes 2e niveau */
/*******************/
#navigh ul { /* 2e ul */
   position: absolute;
   left: -999em;
   list-style: none;
   background: #000000;
   padding: 0;
   margin: 0;
   height: auto;
   w\idth: 700px;
   font-weight: normal;
   z-index: 110;
}

#navigh li li {
   height: auto;
   w\idth: auto;
   line-height: 1.45em;
   
   padding-right: 0;
   margin: 0 0 -2px 0;
   background: #000000;
   z-index: 120;
}

#navigh li li a {
   display: block;
   color: #006699;
   text-decoration: none;
   padding: 0.2em 1em;
   line-height: 1.45em;
   width: auto; /* égale width de (#navigh li li) moins padding (gauche+droit) de (#navigh a) */ /* nécessaire pour IE6 */
}

/*petite flèche*/
#navigh li ul li a.daddyh {
   background: url(img/artimenurightarrow.gif) no-repeat;
   background-position: 97% 0.45em;
   line-height: 1.45em;
}
#navigh li ul li a.daddyh:hover {
   background-color : #FC962A;
   background: url(img/artimenurightarrow.gif) no-repeat;    /* répétitions */
   background-position: 97% 0.45em;                          /* nécessaires pour IE */
}

/* listes 3e niveau */
/********************/
#navigh li ul ul { /* 3e ul */
   position: absolute;
   top: -1px;
   margin: 0 0 0 11.5em;
   background: #000000;
}

#nav li li li {
    margin: 0 0 -2px 0;
}

/* Affichage ou masquage des ul */
/********************************/
#navigh li:hover ul ul, #navigh li.sfhover ul ul {
   left: -999em;
}

#navigh li:hover ul, #navigh li li:hover ul, #navigh li.sfhover ul, #navigh li li.sfhover ul {
   left: auto;
}
/* Prise escalade digital prise d'escalade tres douces*/
/* Prise escalade digital climbing */

/*******************************/
#navigh li:hover, #navigh li.sfhover, #navigh li li:hover, #navigh li li.sfhover {

}
#links ul {
        list-style-type: none;
        width: 95%;
} 

#links li {

        margin: 5px 0;
}

#links li a { 
        color: #89C63B;
        display: block;
        font: bold 110%  Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 95%;
}

#links li a:hover {
        background: #000;
}

#links a em { 
        color: #fff;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}
#links a h2 { 
        margin:0;padding:0;
}

#links a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}
.clear {
	clear: both;
}

#page-wrap {
	width: 960px;
	background: #000000;
	margin: 20px auto;
	padding: 20px;
}
.button {
	float: left;
	margin: 10px;cursor:pointer;
}

#home {
	display: block;
	padding: 30px;font-size:0.8em;
}
#home img{
float:left;
padding-right:10px;
}
#home-button {
	opacity: 1.0;
	border-bottom: 1px solid white;
}

#about {
	display: none;
	padding: 30px;
}
#about-button {
	opacity: 0.5;
	border-bottom: 1px solid white;
}

#contact {
	display: none;
	padding: 30px 30px 90px 30px;
}
#contact-button {
	opacity: 0.5;
	border-bottom: 1px solid white;

}
#email {
	display: none;
	padding: 30px;
}
#email-button {
	opacity: 0.5;
	border-bottom: 1px solid white;

}

#about ul.droit1 {
        list-style-type: none;
        width: 49%;float:right;font-size:0.8em;
} 
#about ul.gauche {
        list-style-type: none;
        width: 49%;float:left;font-size:0.8em;
} 

#about li {

        margin: 5px 0;
}

#about li a { 
        color: #669900;
        display: block;
        font: bold;
        padding: 5px;
        text-decoration: none;
}
#about li img { 
float:left;
padding-right:10px;
}

 * html #about li a {  /* make hover effect work in IE */
	width: 95%;
}

#about li a:hover {
        background: #333;
}

#about a em { 
        color: #fff;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#about a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}
#contact ul.droit1 {
        list-style-type: none;
        width: 49%;float:right;font-size:0.8em;
} 
#contact ul.gauche {
        list-style-type: none;
        width: 49%;float:left;font-size:0.8em;
} 

#contact li {

        margin: 5px 0;
}
#contact li img { 
float:left;
padding-right:10px;
}

#contact li a { 
        color: #669900;
        display: block;
        font: bold;
        padding: 5px;
        text-decoration: none;
}

 * html #about li a {  /* make hover effect work in IE */
	width: 95%;
}

#contact li a:hover {
        background: #333;
}

#contact a em { 
        color: #fff;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#contact a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}
#plus {
	display: none;
	padding: 30px;
}
#plus img{
margin:0;
}
#plus ul.droit1 {
        list-style-type: none;
        width: 49%;float:left;font-size:0.8em;
}
#plus ul.gauche {
        list-style-type: none;
        float:right;font-size:0.8em;
}
#plus-button {
	opacity: 1.0;
	border-bottom: 1px solid white;
}
.navigation {
      margin: 380px 0 0;
      padding: 0;
      list-style: none;
      background: #000;
      color: #89C63B;
      width: 200px;
      font: 1.2em "Trebuchet MS", sans-serif;
      }
   .navigation a, .navigation span {
      display: block;
      padding: 4px 10px;
      color: #89C63B;
      text-decoration: none;
      background: #000;
      }
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      background: #000;color: #89C63B;
      }
   .navigation .open a, .navigation .open span {
      background: #000;
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: underline;background: #000;color: #89C63B;
      }
   .navigation .subMenu {
      font-size: .8em;
      background: #000;
      font-size: .9em;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #666;
      }
	  .navigation ul {
list-style-type:none;
      }
   .navigation ul.subMenu a {
      background: #000;
      padding: 3px 20px;list-style-type:none;
      }
	  #left {
width:370px;
      }
	   .menudef {
width:45%;float:right;
      }