/*###################################################################################*/
/* Boxshadow.CSS For Div's inside a big DIV*/ 
/*###################################################################################*/

.BSA {
    -moz-box-shadow: -5px -5px 5px #888;
	-webkit-box-shadow: -5px -5px 5px #888;
	box-shadow: -5px -5px 5px #888;
}
.BSB {
    -moz-box-shadow: -5px -5px 5px 5px #888;
	-webkit-box-shadow: -5px -5px 5px 5px #888;
	box-shadow: -5px -5px 5px 5px #888;
}
 .BSC {
    
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
 }
 .BSD {
   
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px #888;
	box-shadow: 0 0 5px 5px #888;
  }
 .BSE {
    
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 5px 5px 5px black;
	-webkit-box-shadow: 5px 5px 5px black;
	box-shadow: 5px 5px 5px black;
   }
.BSF {
	-webkit-box-shadow: 0px 30px 40px -25px rgba(0, 0, 0, 1);
	-moz-box-shadow:    0px 30px 40px -25px rgba(0, 0, 0, 1);
	box-shadow: 0px 30px 40px -25px rgba(0, 0, 0, 1);
	}
	

	
	
	
	
	
	
.box h3{
	text-align:center;
	position:relative;
	top:80px;
}
.box {
	width:960px;
	height:480px;
	background:#FFF;
	margin:40px auto;
}
	
.effect7
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect7:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}



/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}




















/*HR STYLES*/

/* Gradient color1 - color2 - color1 */
		
hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}


/* Gradient transparent - color - transparent */
		
hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}


/* Double-color dashed line */
		
hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

/* Single-direction drop shadow */
		
hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}

/* Cloud */
		
hr.style-five {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}
hr.style-five:after {  /* Not really supposed to work, but does */
    content: "\00a0";  /* Prevent margin collapse */
}


/* Inset, by Dan Eden */
		
hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}



/* Flaired edges, by Tomas Theunissen */
		
hr.style-seven {
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.style-seven:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;    
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}


/* Glyph, by Harry Roberts */
		
hr.style-eight {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}




/* Raising the Hr */
hr.raise { 
	margin: 17px 0 18px; 
	height: 0; 
	clear: both; 
	border: solid #ddd; 
	border-width: 1px 0 0; 
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #fff; 
}

/* Kicking the Hr */
hr.kick { 
	margin: 17px 0 18px; 
	height: 0; 
	clear: both; 
	border: solid #fff; 
	border-width: 1px 0 0; 
	border-top: 1px solid #fff; 
	border-bottom: 1px solid #ddd; 
}


/*  Text Shadows 

h1 {
    color: white;
    text-shadow: 2px 2px 4px #000000;
}

	
h1 {	
	background-color: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}






/*Boutons Gris en bas de page*/

.btn-container { display: inline-block; margin-right: 15px; }

.grey-btn {
		display: inline-block;
		-moz-border-radius: .25em;
		border-radius: .25em;
		-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
		-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
		box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
		background-color: #6D6D6D;
		background-image: -khtml-gradient(linear,left top,left bottom,from(#A7A7A7),to(#6D6D6D));
		background-image: -moz-linear-gradient(#A7A7A7,#6D6D6D);
		background-image: -ms-linear-gradient(#A7A7A7,#6D6D6D);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#A7A7A7),color-stop(100%,#6D6D6D));
		background-image: -webkit-linear-gradient(#A7A7A7,#6D6D6D);
		background-image: -o-linear-gradient(#A7A7A7,#6D6D6D);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7A7A7',endColorstr='#6D6D6D',GradientType=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7A7A7', endColorstr='#6D6D6D', GradientType=0)";
		background-image: linear-gradient(#A7A7A7,#6D6D6D);
		border: 0;
		cursor: pointer;
		color: #CDCDCD;
		text-decoration: none;
		text-align: center;
		font-size: 14px;
		padding: 0px 20px;
		height: 20px;
		line-height: 20px;
		min-width: 70px;
		text-shadow: 0 1px 0 rgba(0,0,0,0.35);
		font-family: Arial, Tahoma, sans-serif;
		-webkit-transition: all linear .2s;
		-moz-transition: all linear .2s;
		-o-transition: all linear .2s;
		-ms-transition: all linear .2s;
		transition: all linear .2s;
	}

.grey-btn:hover, .grn-btn:focus {
		-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.3), inset 0 12px 20px 2px #C0C7CB;
		-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.3), inset 0 12px 20px 2px #C0C7CB;
		box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.3), inset 0 12px 20px 2px #C0C7CB;
	}
	
.grey-btn:active {
		-webkit-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2), inset 0 12px 20px 6px rgba(0,0,0,0.2), inset 0 0 2px 2px rgba(0,0,0,0.3);
		-moz-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2), inset 0 12px 20px 6px rgba(0,0,0,0.2), inset 0 0 2px 2px rgba(0,0,0,0.3);
		box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2), inset 0 12px 20px 6px rgba(0,0,0,0.2), inset 0 0 2px 2px rgba(0,0,0,0.3);
	}
	
	
	
	
	
	
	
	
	
	
.myButton {
	-moz-box-shadow: 0px 13px 12px -10px #000405;
	-webkit-box-shadow: 0px 13px 12px -10px #000405;
	box-shadow: 0px 13px 12px -10px #000405;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c7c7c7), color-stop(1, #4f5252));
	background:-moz-linear-gradient(top, #c7c7c7 5%, #4f5252 100%);
	background:-webkit-linear-gradient(top, #c7c7c7 5%, #4f5252 100%);
	background:-o-linear-gradient(top, #c7c7c7 5%, #4f5252 100%);
	background:-ms-linear-gradient(top, #c7c7c7 5%, #4f5252 100%);
	background:linear-gradient(to bottom, #c7c7c7 5%, #4f5252 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7', endColorstr='#4f5252',GradientType=0);
	background-color:#c7c7c7;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Georgia;
	font-size:11px;
	font-weight:bold;
	padding:8px 7px;
	text-decoration:none;
	text-shadow:0px 0px 0px #8e9091;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4f5252), color-stop(1, #c7c7c7));
	background:-moz-linear-gradient(top, #4f5252 5%, #c7c7c7 100%);
	background:-webkit-linear-gradient(top, #4f5252 5%, #c7c7c7 100%);
	background:-o-linear-gradient(top, #4f5252 5%, #c7c7c7 100%);
	background:-ms-linear-gradient(top, #4f5252 5%, #c7c7c7 100%);
	background:linear-gradient(to bottom, #4f5252 5%, #c7c7c7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5252', endColorstr='#c7c7c7',GradientType=0);
	background-color:#4f5252;
}
.myButton:active {
	position:relative;
	top:1px;
}