/* CSS Document */

body
{margin-right:10px;
margin-top:10px;
color:#999999;
}

h1{
font: 32px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

h2{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#000000;
text-decoration:none;
}

h3{
width:610px;
font: 20px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#FF6600;
}

h4{
width:610px;
font: 14px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color: #000;
margin:0px;
padding:0px;
}

.puramixtape4
{
color:#FF0000;
text-align:justify;
font-size:14px;
padding-bottom:15px;
border-bottom:solid 1px #FF0000;
}

div.puramixtape4link
{
text-align:center;
}

a.puramixtape4link
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FF6600;
text-decoration:underline;
text-align:center;
}

a.puramixtape4link:hover
{
text-decoration:none;
}

div.donate
{
text-align:center;
margin-left:240px;
}


a.backhaut{
float:right;
color:#000000;
font-size:12px;
padding-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.backhaut:hover
{
text-decoration:none;
}

.orange{
color:#FF6600;
}

.imgcliquable
{
border:none;
}

img.puranews
{
display:block;
width:400px;
margin-left:auto;
margin-right:auto;
}

img.puranews1
{
display:block;
width:auto;
margin-left:auto;
margin-right:auto;
}

input{border:none;}

form{float:left;
margin-right:5px;}

form .addtocard{
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
vertical-align:middle;
margin-right:3px;}


/*
p
{
width:610px;
text-indent:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}*/

img {border:none;}

#conteneur
{
width:950px;
float:left;
}

.back{
color:#FF6600;
text-decoration:none;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-bottom:20px;
}

.back:hover{
color:#000;
text-decoration:none;
}

.back2{
color:#FF6600;
text-decoration:none;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-bottom:20px;
margin-top:20px;
border-top:solid thin #000000;
width:610px;
text-align:left;
float:left;
padding-top:10px;
}

.back2:hover{
color:#000;
text-decoration:none;
}


/* --------------- TITRE ----------------- */

#titre
{
float:left;
width:950px;
margin-bottom:20px;
}

#titre img
{
margin-right:10px;}

#titre img.marge
{
vertical-align:top;}


/* --------------- MENU ----------------- */

#menu
{
padding-left:118px;
margin-bottom:15px;
}

#navigation {
    display:inline;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	text-align:left;
	}
	
#navigation li {
	display: inline ;
	margin-right: 1px ;
	color: #FF6633 ;
	}
	
#navigation li a.active {
	color: #000 ;
	padding: 0px 6px ;
	border-right: 1px solid #000 ;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	text-align: center ;
	text-decoration: none ;
	}

#navigation li a.active:hover {
	color: #FF6633 ;
	padding: 0px 6px ;
	border-right: 1px solid #000 ;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	text-align: center ;
	text-decoration: none ;
	}
	
#navigation li a {
	padding: 0px 6px ;
	color: #FF6633 ;
	border-right: 1px solid #000 ;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	text-align: center ;
	text-decoration: none ;
	}
	
#navigation li a.contact {
	border-right: none ;
	}
	
#navigation li a.contactactive {
	color: #000 ;
	padding: 0px 6px ;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	text-align: center ;
	text-decoration: none ;
	border-right: none ;
	}
	
#navigation li a.contactactive:hover {
	color: #FF6633 ;
	padding: 0px 6px ;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	text-align: center ;
	text-decoration: none ;
	border-right: none ;
	}
		
	
#navigation li a.blog {
	border-right: none ;
	margin-left:110px;
	font-weight:bold;	
	}
	
#navigation li a:hover {
	color: #000 ;
	}
	
/* --------------- SOUS-MENU PURA VIDA ----------------- */

#ssmenu
{
margin-bottom:20px;
border-bottom:thin solid #000000;
padding-left:350px;
}

#ssnavigation {
    display:inline;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	text-align:left;
	}
	
#ssnavigation li {
	display: inline ;
	margin-right: 1px ;
	color: #000 ;
	}
	
#ssnavigation li a.ssactive {
	color: #FF6633;
	padding: 0px 8px ;
	border-right: 1px solid #000 ;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	text-align: center ;
	text-decoration: none ;
	}

#ssnavigation li a.ssactive:hover {
	color: #000;
	padding: 0px 8px ;
	border-right: 1px solid #000 ;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	text-align: center ;
	text-decoration: none ;
	}
	
#ssnavigation li a {
	padding: 0px 8px ;
	color: #000 ;
	border-right: 1px solid #000 ;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	text-align: center ;
	text-decoration: none ;
	}
	
#ssnavigation li a.sscontact {
	border-right: none ;
	}
	
#ssnavigation li a.sscontactactive {
	color: #FF6633;
	padding: 0px 8px ;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	text-align: center ;
	text-decoration: none ;
	border-right: none ;
	}
	
#ssnavigation li a.sscontactactive:hover {
	color: #000;
	padding: 0px 8px ;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	text-align: center ;
	text-decoration: none ;
	border-right: none ;
	}
	
	
#ssnavigation li a:hover {
	color: #FF6633 ;
	}
	
/* --------------- CONTENU ----------------- */

#contenu
{
margin-left:124px;
width:610px;
border-top:solid 2px #000;
}

/* --------------- ACCUEIL ----------------- */

#fondaccueil
{
background-image:url(images/fond_machine.jpg);
background-position:left top;
background-repeat:no-repeat; 
background-attachment:fixed;
}

p.about
{
font-size:14px;
color:#000000;
text-align:justify;
margin-top:10px;
padding-bottom:10px;
}

p.aboutlegende
{
font-size:11px;
color:#000000;
text-align:justify;
}

/* --------------- PURA VIDA ----------------- */

#fondpuravida
{
background-image:url(images/fond_puravida.jpg);
background-position:left top;
background-repeat:no-repeat; 
background-attachment:fixed;
}

div.puravida
{
margin-top:10px;
margin-bottom:10px;
border:#999999 thin dotted;
padding-bottom:10px;
}

div.puravida img
{
display:block;
width:200px;
margin-left:auto;
margin-right:auto;
}

a.titrelien
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#000000;
text-decoration:none;
}

a.titrelien:hover
{
text-decoration:underline;
}

a.more
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FF6600;
text-decoration:none;
margin-left:550px;}

a.more:hover
{
text-decoration:underline;
}

span.soustitre
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FF6600;
text-decoration:none;
margin-left:20px;
}

p.french
{
font-size:14px;
color:#000000;
text-align:justify;
}

p.english
{
font-size:14px;
color:#000;
text-align:justify;
}


a.puralien {
color:#FF6600;
text-decoration:none;
}

a.puralien:hover {
text-decoration:underline
}

img.puraphoto
{
display:block;
width:550px;
margin-left:auto;
margin-right:auto;
padding-bottom:30px;
}

.puravidz
{
text-align:center;
padding-bottom:20px;
border-bottom:solid thin #000000;
padding-top:10px;
}

/* --------------- ACTIVISM ----------------- */

#fondplatine
{
background-image:url(images/fond_platine.jpg);
background-position:left top;
background-repeat:no-repeat; 
background-attachment:fixed;
}

.introduction{
font-size:14px;
color:#000000;
padding-bottom:20px;
text-align:justify;
}

p.activiste{
font-size:12px;
color:#999999;
padding-bottom:20px;
text-align:justify;
width:610px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-bottom: #999999 thin dotted;
}

p.activisteaccueil{
font-size:12px;
color:#000000;
padding-bottom:20px;
text-align:justify;
width:610px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.activism{
width:610px;
padding-top:20px;
padding-bottom:5px;
border-top:solid thin #000;
}

.activismlangue{
width:610px;
}

.activism a{
color:#FF6600;
text-decoration:none;
}

.activism a:hover{
color:#000;
text-decoration:none;
}


/* --------------- SHOP ----------------- */

#fondshop
{
background-image:url(images/fond_K7.jpg);
background-position:left top;
background-repeat:no-repeat; 
background-attachment:fixed;
}

.shop{
width:610px;
padding-top:20px;
padding-bottom:10px;
border-top:solid thin #000;
}

.shop img{
border:none;
border: dotted thin #999999;
}

a.shoptitre{
font: 18px Verdana, Arial, Helvetica, sans-serif;
color:#FF6600;
text-decoration:underline;
margin-top:5px;
}

.descriptif{
font-size:14px;
color:#000000;
}

.descriptifproduit{
font-size:14px;
color:#000000;
text-align:left;
padding-top:10px;
border-top:thin solid #000000;
padding-bottom:10px;
border-bottom:thin solid #000000;
}

.descriptifshop{
margin-top:50px;
float:left;}

.descriptifshop2{
padding-top:20px;
border-top:thin solid #000000;}

.prixchoc{
font-size:14px;
background-color:#FF6600;
color:#FFFFFF;
text-align:left;
width:610px;
padding:0px;
margin:0px;
}

.addtocard{
float:left;}


/* --------------- GALLERIE PHOTO ----------------- */

#galerie
{
	width: 610px ;
	background:#FFF;
	float:left;
	text-align: center ;
	padding-bottom:30px;
}


ul#galerie_mini
{
	padding: 0 ;
	display:block;
	width:610px;
	margin-top:20px;
	list-style-type: none ;
	float:left;
}

ul#galerie_mini li
{

	margin:1px;
	float:left;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;

}

ul#galerie_mini li a.lienactive
{
color:#666666;
font-size:14px;
text-decoration:none;
font-weight:normal;
text-decoration:underline;
}

ul#galerie_mini li a.lienactive:hover
{
color:#666666;
font-size:14px;
text-decoration:none;
font-weight:normal;
text-decoration:none;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: 21px Arial, Helvetica, sans-serif ;
	color:#990000;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
	width:590px;
	float:left;}
	
/* --------------- CONTACTS ----------------- */

#fondcontact
{
background-image:url(images/fond_baskette.jpg);
background-position:left top;
background-repeat:no-repeat; 
background-attachment:fixed;
}

.kontakt {
      margin: 0;
      padding: 0;
      list-style: none;
      background: #FFF;
	  color:#FF6600;
      width: 250px;
	  font:16px Verdana, Arial, Helvetica, sans-serif;
      }
	  
   .kontakt a, .kontakt span {
      display: block;
      padding: 4px 10px;
      color: #FF6600;
      text-decoration: none;
	  background: url(images/Menuderoulant.jpg) left bottom no-repeat;
	  height:30;
      }
	  
   .kontakt .toggleSubMenu a, .kontakt .toggleSubMenu span {
      text-decoration:none;
       background-image: url(images/Menuderoulantferme.jpg);
      }
	  
   .kontakt .open a, .kontakt .open span {
      background-image: url(images/Menuderoulantouvert.jpg);
      }
	  
   .kontakt a:hover, .kontakt a:focus, .kontakt a:active {
   text-decoration:underline;
   }
	  
   .kontakt .subMenu {
	  font-size:13px;
	  color:#000;
      margin: 0;
      padding: 0;
	  list-style:none;
	  text-decoration:none;
	   width: 350px;
      }
	  
   .kontakt ul.subMenu a {
      background: none;
      padding: 3px 20px;
	  color:#000;
	  text-decoration:none;
	        border-bottom: 1px solid #666;

      }
	  
	 .kontakt ul.subMenu a:hover {
	  text-decoration:underline;
      }
	  
/* --------------- FRENCH _ ENGLISH ----------------- */

#navlist {
        padding: 3px 0;
        margin-left: 0;
        border-bottom: 1px solid #778;
        font: bold 12px Verdana, sans-serif;}

#navlist li {
        list-style: none;
        margin: 0;
        display: inline;}

#navlist li a {
        padding: 3px 0.5em;
        margin-left: 3px;
        border: 1px solid #778;
        border-bottom: none;
        background: #FFF;
        text-decoration: none;}

#navlist li a:link { color: #FF6600; }

#navlist li a:visited { color: #667; }

#navlist li a:hover {
        color: #000;
        background: #CCCCCC;
        border-color: #227;}

#navlist li a#current {
        background: white;
        border-bottom: 1px solid white;}

.clientBox {background:#fff;}