#content {
	margin:0 auto;
	max-width:950px;
	padding:0;
}
/* 1: max-width */
@media screen and (max-width: 640px) {
	.precisions span.regle1 {
		display: block;
	}
}


/* 2: min-width */
@media screen and (min-width: 800px) {
	.precisions span.regle2 {
		display: block;
	}
}


/* 3: min-width + max-width */
@media screen and (min-width: 1024px) and (max-width: 1280px) {
	.precisions span.regle3 {
		display: block;
	}
}


/* 4: max device width */
@media screen and (max-device-width: 480px) {
	.precisions span.regle4 {
		display: block;
	}
}


/* 5: orientation:portrait */
@media screen and (orientation:portrait) {
	.precisions span.regle5 {
		display: block;
	}
}


/* 6: orientation:paysage */
@media screen and (orientation:landscape) {
	.precisions span.regle6 {
		display: block;
	}
}
/**************style tabs***************/
.tab {
  padding:0 1em;
  margin: 0;
  position: relative;
  cursor: pointer;
  outline: 0;
}
.tab:after {
    	content: '+';
			position: absolute;
			top: 0;
			right: 0;
			display: block;
			font-size: 1.5em;
			padding:0 0.5em;
}
.tab.active {
  background: rgba(0,0,0,0.3);
}
.tab.active:after {
   content: '-'; 
}
#pattern {
	margin:0;
	padding:0;
}
#pattern h3 {
	color:#8DB919;
	font-weight:normal;
}
#pattern h3.active {
	font-weight:bold;
	text-decoration:underline;
	color:#fff;
}
#pattern div{
	margin:0;
	padding:0 0 5px 0;
}
#pattern div img{
	width:100%;
	max-width:320px;
	margin:.2em;
	margin:0 auto;
	display:block;
}
#pattern div img.fixed{
	width:auto;
	
}
#pattern div ul {
	color:#fff;
}
.panel { 
  overflow: hidden;
}
.js .panel {
  max-height: 0;
  -webkit-transition: max-height 0.3s ease-out;
  -moz-transition: max-height 0.3s ease-out;
  -ms-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
}
.js .panel.active {
  max-height: 400em;
}
.panel p {
  padding:0.5em 1em;
}
.panel p:last-child {
   margin: 0; 
}

/* Where it makes sense to display the full content */
/*@media all and (min-width:50em) {
  .tab {
    cursor: default;
  } 
  .tab.active {
     background: none; 
  }
  .tab:after, .tab.active:after {
     content: ""; 
  }

  .js .panel, .js .panel.active {
     max-height: none; 
  }
.panel {
	border-bottom:solid 1px #fff;
	margin-bottom:10px;
}
#pattern h3 {
    margin-top: 10px;
}
}*/

/* Styles généraux */
body {
	font-family:Sans-serif;
	font-size:.9em;
	background:#000;
}
a {
	color:#fff;
}
div, p, h1, h2 {
	padding: 0.5em 1em;
	margin: 1em;
	color:#666;
	line-height:150%;
}
h3 {
	margin: 0;
	padding:0;
}
p {
	color:#fff;
	margin:0;
}
.precisions {
	border: solid 1px #ccc;
}
.precisions p{
	margin:0;
	padding:2px 5px;
}
h1, h2 {
    color: #96C112;
    margin-bottom: 0;
    margin-left: 15px;
    margin-top: 0;
    padding: 0;
}