@font-face {
 font-family: "MyCustomFont";
 src: url("../police/Anklada.eot") /* EOT file for IE */
}
@font-face {
 font-family: "MyCustomFont";
 src: url("../police/Anklada.ttf") /* TTF file for CSS3 browsers */
}

img.superbg {
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
}

.wait{
 text-align:center;
 margin: auto;
 padding:auto;
 width:1393px;
 height:500px;
 padding-top:250px;
 font-family: "MyCustomFont", Verdana, Arial, sans-serif;
 font-size: 14pt;
}

body {
  margin: 0; /* pour éviter les marges */
  width:1393px;
  font-family: "MyCustomFont", Verdana, Arial, sans-serif;
	font-size: 10pt;
	color:#AAB1B8;  
}

a{
  font-family: "MyCustomFont", Verdana, Arial, sans-serif;
	font-size: 10pt;
	color:#AAB1B8;  
}

.content{
  position: relative; /* on positionne le conteneur */
  margin-left: auto;
  margin-right: auto;
  width:1393px; 
}

.entete{
  width:1393px;
}

.entete-gauche{
 width:1006px;
 height:187px;
 background: transparent;
 float:left;
}

.entete-gauche-1{
 width:430px;
 height:187px;
 background: transparent;
 float:left;
}

.entete-gauche-2{
 width:576px;
 height:187px;
 background: transparent;
 float:left;
}

a.entete-gauche{
 display:block;  
 width:1006px;
 height:187px;
 text-decoration:none;
}

img.logo{
  border:0px;
}

.entete-droite{
 width:387px;
 height:187px;
 background: transparent url(../images/img_02.png) no-repeat; 
 float:left;
}

a.entete-droite{
 display:block;  
 width:387px;
 height:187px;
 text-decoration:none;
}

.barre-bouton{
  width:1393px;
}


.bouton-gauche{
 width:508px;
 height:58px;
 background: transparent url(../images/img_03.png) no-repeat; 
 float:left;
}

.bouton-1{
 width:110px;
 height:58px;
 background: transparent url(../images/img_04.png) no-repeat; 
 float:left;
}

a.bouton-1{
 display:block;  
 width:110px;
 height:58px;
 text-decoration:none;
}

.bouton-2{
 width:103px;
 height:58px;
 background: transparent url(../images/img_05.png) no-repeat; 
 float:left;
}

a.bouton-2{
 display:block;  
 width:103px;
 height:58px;
 text-decoration:none;
}

.bouton-3{
 width:100px;
 height:58px;
 background: transparent url(../images/img_06.png) no-repeat; 
 float:left;
}

a.bouton-3{
 display:block;  
 width:100px;
 height:58px;
 text-decoration:none;
}

.bouton-4{
 width:101px;
 height:58px;
 background: transparent url(../images/img_07.png) no-repeat; 
 float:left;
}

a.bouton-4{
 display:block;  
 width:101px;
 height:58px;
 text-decoration:none;
}

.bouton-droite{
 width:471px;
 height:58px;
 background: transparent url(../images/img_08.png) no-repeat; 
 float:left;
}

.contenu{
  width:1393px;
}

.spocky{
 width:397px;
 height:955px;
 background: transparent url(../images/img_09.png) no-repeat; 
 float:left;
}

a.spocky{
 display:block;  
 width:397px;
 height:955px;
 text-decoration:none;
}

.contenu-milieu{
 width:658px;
 height:955px;
 float:left;
}

.ecran{
 width:658px;
 height:852px;
 background: transparent url(../images/img_10.png) no-repeat; 
}

.cadre-ecran{
 padding-left:75px;
 padding-right:72px;
 padding-top:65px;
 text-align:justify;
 height:672px;
}

.contenu-ecran{
 border:0px solid #ee9966;
 height:100%;
 overflow:auto; 
 background:transparent; 
 -webkit-border-radius:3px; 
 -moz-border-radius:3px;
 border-radius:3px; 
}



.contenu-ecran p:nth-child(even){

}

.contenu-ecran p:nth-child(3n+0){

}


#ytvideo,
#ytvideo2 {
  float: center;
  margin-left:7px;  
  margin-top:6px;
  margin-bottom:15px;
  
  }


.yt_holder {
  padding: 9px;
  float: left;
  margin-top:15px;

}


ul {
  float: left;
  margin: 0;
  padding: 0;
  width: 220px; 
}

ul li {
  list-style-type: none;
  display:block;
  float: left;
  width: 459px;
  margin-bottom: 15px;
  margin-left:7px;
	padding-top:2px;	
	padding-bottom:2px;
	padding-left:2px;

}

ul li img {
  width: 120px;
  float: left;
  margin-right: 5px;
  border: 1px solid #999;
border:2px solid black;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;	
  
  }

ul li a {
  text-decoration: none;
  display: block;
}

.currentvideo {
	background: #e6e6e6; 
border:2px solid black;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;		
}

.bas-page{
 width:658px;
 height:103px;
}

.bas-page-1{
 width:658px;
 height:46px;
}

.soniou{
 width:159px;
 height:46px;
 background: transparent url(../images/img_12.png) no-repeat; 
 float:left;
}

a.soniou{
 display:block;  
 width:159px;
 height:46px;
 text-decoration:none;
}

.copyright{
 width:283px;
 height:46px;
 background: transparent url(../images/img_13.png) no-repeat; 
 float:left;
 font-size: 8pt;
}

.texte-copyright{
  padding-left:18px;
  padding-top:10px;
  text-align:justify;
}

.youtube{
 width:97px;
 height:46px;
 background: transparent url(../images/img_14.png) no-repeat; 
 float:left;
}

a.youtube{
 display:block;  
 width:97px;
 height:46px;
 text-decoration:none;
}

.facebook{
 width:119px;
 height:46px;
 background: transparent url(../images/img_15.png) no-repeat; 
 float:left;
}

a.facebook{
 display:block;  
 width:119px;
 height:46px;
 text-decoration:none;
}

.bas-page-2{
 width:658px;
 height:57px;
}

.graphisme-btn-1{
 width:293px;
 height:57px;
 background: transparent url(../images/img_16.png) no-repeat; 
 float:left;
}

.developpeur{
 width:149px;
 height:57px;
 background: transparent url(../images/img_17.png) no-repeat; 
 float:left;
}

.developpeur-1{
 width:149px;
 height:27px;
 font-size: 8pt;
 text-align:justify;
 padding-left:23px;
}

.developpeur-2{
 width:149px;
 height:30px;
 font-size: 8pt;
 text-align:justify;
 padding-left:20px;
}

a.developpeur-2{
 display:block;  
 width:149px;
 height:30px;
 text-decoration:none;
}

.graphisme-btn-2{
 width:216px;
 height:57px;
 background: transparent url(../images/img_18.png) no-repeat; 
 float:left;
}

.gary{
 width:338px;
 height:955px;
 background: transparent url(../images/img_11.png) no-repeat; 
 float:left;
}

a.gary{
 display:block;  
 width:338px;
 height:955px;
 text-decoration:none;
}

.tous_les_episodes{
 -moz-border-radius:7px;
 -webkit-border-radius:7px;
 border-radius:7px;
 width:457px;
 height:25px;
 border:2px solid #dedede;
 background-color:#b71e42; 
}

a.tous_les_episodes{
 display:block;  
 width:457px;
 height:25px;
 text-decoration:none; 
}

.arrondie {
border:2px solid black;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}


label {
  display:block;
  margin-top:20px;
  margin-left:15px;
}

form {
 
  width:459px;
}

/* Style the text boxes */
input, textarea {
  width:459px;
  height:20px;
  background:#efefef;
  border:1px solid #dedede;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;
  margin-left:15px;
  margin-top:3px;
  font-size:0.9em;
  color:#3a3a3a;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  font-family: "MyCustomFont", Verdana, Arial, sans-serif;
	font-size: 10pt;
	color:#AAB1B8;     
}

.error{
  text-align:center;
  font-weight:bold;
  width:459px;
  margin-top:10px;
  margin-left:26px;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;
  margin-left:15px;
  border:1px solid #dedede;
  background-color:#b71e42;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;  
}

.texte-contact{
  font-weight:bold;
  text-align:center;
  font-size:10pt;
  margin-left:26px;
  text-transform:uppercase;
  margin-top:15px;
  width:459px;
  padding-right:5px;
  padding-bottom:5px;
  margin-left:15px;  
}

textarea {
	height:213px;
	/*background:url(images/textarea-bg.jpg) right no-repeat #efefef;*/
}


input:focus, textarea:focus {
    border:1px solid #97d6eb;
}

#submit {
    width:127px;
    height:30px;
   /* background:url(images/submit.jpg); */
    /*text-indent:-9999px;  */
    border:none;
    margin-top:20px;
    cursor:pointer;
    font-weight:bold;
}

	#submit:hover {
	    opacity:0.9;
	}
	
	
.message-contact-ok{
  font-weight:bold;
  text-align:center;
  font-size:16pt;
  text-transform:uppercase;
  margin-top:30px;
}

.signature-contact-ok{
  font-weight:bold;
  text-align:right;
  font-size:10pt;
  text-transform:uppercase;
  margin-top:30px;
  margin-right:15px;
}


/*----------------------------
	Thumbnails
-----------------------------*/

.thumbs{
	width:458px;
	text-align:center;
	padding-left:18px;
}

.titre_album{
  font-family: "MyCustomFont", Verdana, Arial, sans-serif;
	font-size:10pt;
  font-weight:bold;
  
	color:#AAB1B8; 
	text-transform:uppercase;
	margin-bottom:20px;
}

.thumbs a{
	width:120px;
	height:120px;
	display:inline-block;
	border:7px solid #303030;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	border-radius:4px;
	margin: 14px 14px ;
	position:relative;
	text-decoration:none;
	
	background-position:center center;
	background-repeat: no-repeat;
	
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	
border:2px solid black;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;	
}



#credit{
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	font-size: 11px;
	margin: 0 auto 70px;
	opacity: 0.5;
	padding: 12px 16px;
	text-align: center;
	width: 400px;
}


/*----------------------------
	Media Queries
-----------------------------*/


@media screen and (max-width: 960px) {
	.thumbs, #credit{
		width:auto;
	}
	
	footer{
		display:none;
	}
	
	#bsaHolder{
		display:none;
	}
}


.tableau-page{
  width:461px;
  margin-top:15px;
}

.td-titre-acceuil{
  text-align:center;
  font-size:16pt;
  font-weight:bold;
  padding-left:30px;
}

.td-saut{
  height:20px;
}

.td-img-acceuil{
  text-align:center;
  padding-left:30px;
}

.td-text-acceuil{
  text-align:justify;
  padding-left:15px;
}

.td-nouveaute-acceuil{
 text-align:center;
 font-weight:bold;
 padding-left:30px;
}

.td-bas-acceuil{
 text-align:left;
 padding-left:15px;
}

.ensemble_thumbs{
  margin-top:30px;
}

.lien-video{
  display:block;
  width:450px;
  height:90px;
}

.td-titre-nouveaute{
  text-align:center;
  font-size:16pt;
  font-weight:bold;
  padding-left:25px;
}

.tableau-autre{
 width:457px;
}

.td-autre-nouveaute{
  text-align:center;
  font-weight:bold;
  padding-left:15px;
}

.table-perso{
  width:461px;
}

.td-titre-perso{
  text-align:center;
  font-size:16pt;
  font-weight:bold;
}

.td-text-perso{
  text-align:center;
  padding-left:25px;
}


.td-img-perso{
  text-align:center;
  padding-left:30px;
}