/*/////////////////////
   //    MENUS TOP     //
   ////////////////////*/

.sousbouton {
 	height:30px;
 	color:#333;
	background:#abadae;
	background: -webkit-linear-gradient(top,#f2f4f7,#abadae 50%);
	background:    -moz-linear-gradient(top,#f2f4f7,#abadae 50%);
	background:     -ms-linear-gradient(top,#f2f4f7,#abadae 50%);
	background:      -o-linear-gradient(top,#f2f4f7,#abadae 50%);
	background:         linear-gradient(top,#f2f4f7,#abadae 50%);
	background:    -webkit-gradient(linear,left top,left bottom,from(#f2f4f7),color-stop(0.5,#abadae));
	background:       -moz-gradient(linear,left top,left bottom,from(#f2f4f7),color-stop(0.5,#abadae));
	background:        -ms-gradient(linear,left top,left bottom,from(#f2f4f7),color-stop(0.5,#abadae));
	background:         -o-gradient(linear,left top,left bottom,from(#f2f4f7),color-stop(0.5,#abadae));
	background:            gradient(linear,left top,left bottom,from(#f2f4f7),color-stop(0.5,#abadae));
	
 	  box-shadow: 0px 3px 7px rgba(0,0,0,0.6),
                  0px -1px 0px rgba( 255, 255, 255, 0.4);
   }	


.bouton_text {
	z-index: 15;
    height:40px;
 	line-height:40px;
  	text-align:center;
	font-family: Gill Sans, HelveticaNeue, Helvetica Neue, Arial, sans-serif;
    font-size:20px;
    font-weight:100;
 	padding:7px 20px 9px 20px;
    text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
 	color:#666666;
	background:#abadae;
	background: -webkit-linear-gradient(top,#f2f4f7,#abadae 50%);
	background:    -moz-linear-gradient(top,#f2f4f7,#abadae 50%);
	background:     -ms-linear-gradient(top,#f2f4f7,#abadae 50%);
	background:      -o-linear-gradient(top,#f2f4f7,#abadae 50%);
	background:         linear-gradient(top,#f2f4f7,#abadae 50%);
	background: -webkit-gradient(linear,left top,left bottom,from(#f2f4f7),color-stop(0.5,#abadae));
 	background:    -moz-gradient(linear,left top,left bottom,from(#f2f4f7),color-stop(0.5,#abadae));
	background:     -ms-gradient(linear,left top,left bottom,from(#f2f4f7),color-stop(0.5,#abadae));
	background:      -o-gradient(linear,left top,left bottom,from(#f2f4f7),color-stop(0.5,#abadae));
	background:         gradient(linear,left top,left bottom,from(#f2f4f7),color-stop(0.5,#abadae));
	border-right:1px solid #abadae;
	border-left:1px solid #d2d5d7;
  }	

.bouton_select {
	z-index: 15;
    height:40px;
 	line-height:40px;
  	text-align:center;
	font-family: Gill Sans, HelveticaNeue, Helvetica Neue, Arial, sans-serif;
    font-size:20px;
    font-weight:100;
 	padding:7px 20px 9px 20px;
    text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
 	color:#27b1f2;
	background:#f2f4f7;
	border-top:1px solid #27b1f2;
   }	

.bouton_text:hover {
 	height:43px;
    text-shadow: 0px 10px 0px rgba( 255, 255, 255, 0.2);
 	color:#27b1f2;
	background:#f2f4f7;
	border-top:1px solid #27b1f2;
   }	


/* sous menu */
@keyframes ouverture {
	from {height: 1px;}
	to {height: 60px;}
	}
@-webkit-keyframes ouverture {
	from {height: 1px;}
	to {height: 60px;}
	}
@-moz-keyframes ouverture {
	from {height: 1px;}
	to {height: 60px;}
	}
@-ms-keyframes ouverture {
	from {height: 1px;}
	to {height: 60px;}
	}
@-o-keyframes ouverture {
	from {height: 1px;}
	to {height: 60px;}
	}


.sousmenu {
	content:'';
	z-index: 10;
	left:0; 
	position:absolute;
	left:0px;
	top:55px;
	width:100%;
	
	height: 60px;
	background: #d2d5d7;
	opacity: 1;
	border-top:1px solid white;
	border-bottom:1px solid white;
	box-shadow: 0px 3px 7px rgba(0,0,0,0.5) inset;
/*animation du depliage du sous menu*/
-webkit-animation:ouverture .5s;
   -moz-animation:ouverture .5s;
    -ms-animation:ouverture .5s;
     -o-animation:ouverture .5s;
        animation:ouverture .5s;
	}

/* apparition du formulaire */
@keyframes opacit {
	from {opacity: 0;}
	to {opacity: 1;}
	}
@-webkit-keyframes opacit {
	from {opacity: 0;}
	to {opacity: 1;}
	}
@-moz-keyframes opacit {
	from {opacity: 0;}
	to {opacity: 1;}
	}
@-ms-keyframes opacit {
	from {opacity: 0;}
	to {opacity: 1;}
	}
@-o-keyframes opacit {
	from {opacity: 0;}
	to {opacity: 1;}
	}

table.apparition {
	line-height:25px;
	vertical-align:middle;
	
-webkit-animation-delay:2.6s;
   -moz-animation-delay:2.6s;
    -ms-animation-delay:2.6s;
     -o-animation-delay:2.6s;
        animation-delay:2.6s;

-webkit-animation:opacit 3.5s;
   -moz-animation:opacit 3.5s;
    -ms-animation:opacit 3.5s;
     -o-animation:opacit 3.5s;
        animation:opacit 3.5s;
	}


/* Sous menu des photos en 80 pixels de haut*/ 
@keyframes ouverture_pic {
	from {height: 60px;}
	to {height: 80px;}
	}
@-webkit-keyframes ouverture_pic {
	from {height: 60px;}
	to {height: 80px;}
	}
@-moz-keyframes ouverture_pic {
	from {height: 60px;}
	to {height: 80px;}
	}
@-ms-keyframes ouverture_pic {
	from {height: 60px;}
	to {height: 80px;}
	}
@-o-keyframes ouverture_pic {
	from {height: 60px;}
	to {height: 80px;}
	}
	
.sousmenu_pic {
	content:'';
	z-index: 10;
	left:0; 
	position:absolute;
	left:0px;
	top:55px;
	width:100%;
	height: 80px;
	background: #d2d5d7;
	opacity: 1;
	border-top:1px solid white;
	border-bottom:1px solid white;
	box-shadow: 0px 3px 7px rgba(0,0,0,0.5) inset;
/*animation du depliage du sous menu*/
-webkit-animation:ouverture_pic .5s;
   -moz-animation:ouverture_pic .5s;
    -ms-animation:ouverture_pic .5s;
     -o-animation:ouverture_pic .5s;
        animation:ouverture_pic .5s;
	}


.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select_bleu1.png) no-repeat;
	overflow: hidden;
}

/* Sous menu des videos en 5 pixels de haut*/ 
@keyframes ouverture_vid {
	from {height: 60px;}
	to {height: 1px;}
	}
@-webkit-keyframes ouverture_vid {
	from {height: 60px;}
	to {height: 1px;}
	}
@-moz-keyframes ouverture_vid {
	from {height: 60px;}
	to {height: 1px;}
	}
@-ms-keyframes ouverture_vid {
	from {height: 60px;}
	to {height: 1px;}
	}
@-o-keyframes ouverture_vid {
	from {height: 60px;}
	to {height: 1px;}
	}

.sousmenu_vid {
	content:'';
	z-index: 10;
	left:0; 
	position:absolute;
	left:0px;
	top:55px;
	width:100%;
	height: 1px;
	background: #d2d5d7;
	opacity: 1;
	border-top:1px solid white;
	border-bottom:1px solid white;
	box-shadow: 0px 3px 7px rgba(0,0,0,0.5) inset;
/*animation du depliage du sous menu*/
-webkit-animation:ouverture_vid .5s;
   -moz-animation:ouverture_vid .5s;
    -ms-animation:ouverture_vid .5s;
     -o-animation:ouverture_vid .5s;
        animation:ouverture_vid .5s;
	}


/* Sous menu des videos en 40 pixels de haut*/ 
@keyframes ouverture_cs {
	from {height: 60px;}
	to {height: 40px;}
	}
@-webkit-keyframes ouverture_cs {
	from {height: 60px;}
	to {height: 40px;}
	}
@-moz-keyframes ouverture_cs {
	from {height: 60px;}
	to {height: 40px;}
	}
@-ms-keyframes ouverture_cs {
	from {height: 60px;}
	to {height: 40px;}
	}
@-o-keyframes ouverture_cs {
	from {height: 60px;}
	to {height: 40px;}
	}

.sousmenu_cs {
	content:'';
	z-index: 10;
	left:0; 
	position:absolute;
	left:0px;
	top:55px;
	width:100%;
	height: 40px;
	background: #d2d5d7;
	opacity: 1;
	border-top:1px solid white;
	border-bottom:1px solid white;
	box-shadow: 0px 3px 7px rgba(0,0,0,0.5) inset;
/*animation du depliage du sous menu*/
-webkit-animation:ouverture_cs .5s;
   -moz-animation:ouverture_cs .5s;
    -ms-animation:ouverture_cs .5s;
     -o-animation:ouverture_cs .5s;
        animation:ouverture_cs .5s;
	}


/* Sous menu des AFFILIATION EN 165 pixels de haut*/ 
@keyframes ouverture_aff {
	from {height: 60px;}
	to {height: 165px;}
	}
@-webkit-keyframes ouverture_aff {
	from {height: 60px;}
	to {height: 165px;}
	}
@-moz-keyframes ouverture_aff {
	from {height: 60px;}
	to {height: 165px;}
	}
@-ms-keyframes ouverture_aff {
	from {height: 60px;}
	to {height: 165px;}
	}
@-o-keyframes ouverture_aff {
	from {height: 60px;}
	to {height: 165px;}
	}

.sousmenu_aff {
	content:'';
	z-index: 10;
	left:0; 
	position:absolute;
	left:0px;
	top:55px;
	width:100%;
	height: 165px;
	background: #d2d5d7;
	opacity: 1;
	border-top:1px solid white;
	border-bottom:1px solid white;
	box-shadow: 0px 3px 7px rgba(0,0,0,0.5) inset;
/*animation du depliage du sous menu*/
-webkit-animation:ouverture_aff .5s;
   -moz-animation:ouverture_aff .5s;
    -ms-animation:ouverture_aff .5s;
     -o-animation:ouverture_aff .5s;
        animation:ouverture_aff .5s;
	}