/* boutons position 1 */
.bouton_p { 
    margin-left:15px;
    float:left;
    border:1px solid #ccc;
    padding:8px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border-radius:10px;}
.bouton_p:link{
    background-color:white;
    border:2px solid #ccc;}
.bouton_p:visited{
    border:2px solid #1560BD;}
.bouton_p:hover { 
    background-color:#5b90e2;
    opacity: 0.75;}
.bouton_p:active{background-image:url(images/../eclair3.gif);
    background-repeat:no-repeat;
    opacity: 0.75;}
	
/* Mes code perso page login debut */
.contenair-general-acc {
    margin: 10px 0px 20px 20px;
    width: 250px;
	height:410px;
	 border-width:3px 3px 3px 3px;
     border-style:solid;
     border-color:silver red green yellow;
     border-radius:20px 20px 20px 20px ;
     padding:15px 15px 15px 15px;}
.contenair-login {
    background: #f5f5f5;
    width: 200px;
    float: left;
	height:360px;
	border-radius:20px 20px 20px 20px;
	margin:10px;
	text-align: center;
	padding:10px;
	border-color:#d9d9d9;
	border-style:solid;}
/* Mes code perso page login fin */

/* Mes code perso film debut */
.div-en-tete {
   border: solid 2px silver;
     margin:8px;
     padding: 8px;
     text-align:left;
     background-color:#f5f5f5;
     border: solid 2px #e3e3e3;
     border-radius : 5px;
  max-width: 70%;

  min-height: 220px;
}
.div-resume {
     
  max-width: 70%;
text-align:left;
vertical-align:middle;
 border: solid 2px #e3e3e3;
 margin-right:5px;
 margin-left:5px;
 margin-bottom:5px;
 margin-top:5px;
  border: solid 2px #e3e3e3;
  background-color:silver;
  border-radius : 5px;
 font-family:georgia;
}
.image_de_droite-film  {
float:right;
clear:both;
width:120px;
height:180px;
margin-right:5px;
 margin-left:5px;
 margin-bottom:5px;
 margin-top:5px;
padding:5px;
   border-radius : 5px;
  border: solid 2px silver;
}

.image_de_droite-vo  {
float:right;
clear:both;
width:10%;
height:10%;
margin-right:5px;
 margin-left:5px;
 margin-bottom:5px;
 margin-top:5px;
padding:5px;
   border-radius : 5px;
  border: solid 2px silver;
}
.synop-film {
	font-size:12px;
	text-decoration: underline;
    font-weight:bold;
    font-style:italic;
	color: #a91101;
	margin-left:10px;
	 margin-right:10px;
   }

.titre-film {
	
font-size:30px;
	color: #a91101;
 font-family: georgia;

color: #a91101;text-align: left;  text-shadow: black 0.1em 0.1em 0.2em;
}
  
 .p3-film { color:black;
   font-size:12px; 
   margin-left:10px;
	 margin-right:10px;
   }
   
.p1-film {
	 color:blue;
	 font-size:12px;
 } 
.p2-film {
	 margin-left:10px;
	 margin-right:10px;
	 color:#3f468a;
	  font-size:12px;
	  }
.tr-film { 
     color: #a91101;
     font-weight: bold;	 
}	 
 /* Mes code perso film fin */

/* Mes code perso serie debut */

/*  lignes code en test ci-dessous 22 mai 2022 */

.conteneur_100 {

float:left;
clear:both;
margin-right:5px;
 margin-left:5px;
 margin-bottom:5px;
 margin-top:5px;
padding:8px;
border-radius : 5px;
border: solid 2px white
  
}
/* conteneur ext bord gris */
.conteneur_101 {
width:auto;
float:left;
clear:both;
margin-right:10px;
margin-left:10px; 
 margin-bottom:5px;
 margin-top:5px;
padding:5px;
border-radius : 5px;
border: solid 2px silver;
background:#716F6E;
}
.titre-serie-blanc {
		font-family: georgia;
	color: white;
	font-size:35px;
	vertical-align:top;
	line-height: 2;
	text-align: center;
 
}
.p5-blanc {
	font-family: georgia;
	color: white;
	font-size:15x;
	vertical-align:top;
	
	text-align: left;
}

/*  fin des  lignes code en test 22 mai 2022 */
.bordure_tableau_serie_bordeaux {
float:right;
clear:both;
width:120px;
height:180px;
margin-right:5px;
 margin-left:5px;
 margin-bottom:5px;
 margin-top:5px;
padding:5px;
   border-radius : 5px;
  border: solid 2px silver;
}


.div-serie {
width:auto;
 border: solid 2px silver;
 margin:5px;
 padding: 5px;
 text-align:left;
   background-color:#f5f5f5;
 border: solid 2px #e3e3e3;
  border-radius : 10px;
 

  
}
.div-episode {

 width:auto;

text-align:left;
vertical-align:middle;
 border: solid 2px #e3e3e3;
 margin-right:5px;
 margin-left:5px;
  border: solid 2px #e3e3e3;
  background-color:silver;
  border-radius : 5px;
 font-family:georgia;
 min-height:280px;
 max-height:505px;
}
.image_de_droite_serie  {
float:right;
width:120px;
height:200px;
margin:10px;
padding:5px;
   border-radius : 5px;
  border: solid 2px silver;
  
}
.image_de_droite_serie_large  {
float:right;

margin:10px;
padding:5px;
   border-radius : 5px;
  border: solid 2px silver;
  
}
.image_de_droite_episode  {
float:right;
 clear:both;
 margin-right:15px;
  margin-left:15px;
 margin-bottom:10px;
  margin-top:40px;
  padding:5px;
  border-radius : 5px;
  border: solid 2px white;
  width:180px;
  height:90px;
}
.image_de_droite_episode_large  {
float:right;
 clear:both;
 margin-right:15px;
  margin-left:15px;
 margin-bottom:10px;
  margin-top:40px;
  padding:5px;
  border-radius : 5px;
  border: solid 2px white;
 
}






.image_de_droite_episode_160x120  {
float:right;
 clear:both;
 margin-right:15px;
  margin-left:15px;
 margin-bottom:10px;
  margin-top:40px;
   padding:5px;
  border-radius : 5px;
  border: solid 2px white;
  width:160px;
  height:120px;
}
.image_de_droite_episode_180x110  {
float:right;
 clear:both;
 margin-right:15px;
  margin-left:15px;
 margin-bottom:10px;
  margin-top:40px;
   padding:5px;
  border-radius : 5px;
  border: solid 2px white;
  width:180px;
  height:110px;
}
.image_de_droite_episode_portrait  {
 float:right;
 clear:both;
 margin-right:30px;
  margin-left:30px;
 margin-top:15px;
  width:180px;
  padding:5px;
  border-radius : 5px;
  border: solid 2px white;
  width:140px;
  height:160px;
}
.image_droit_episode_200x100
{
float:right;
clear:both;
 margin-right:15px;
  margin-left:15px;
 margin-bottom:10px;
  margin-top:40px;
  padding:5px;
  border-radius : 5px;
  border: solid 2px blue;
  width:200px;
  height:100px;
}
.image_droit_episode_220x120_bis 
{
float:right;
clear:both;
 margin-right:15px;
  margin-left:15px;
 margin-bottom:10px;
  margin-top:40px;
  padding:5px;
  border-radius : 5px;
  border: solid 2px blue;
  width:240px;
  height:150px;
}
.image_dr_ep_200x100_bordeau
{
float:right;
 clear:both;
 margin-right:15px;
  margin-left:15px;
 margin-bottom:10px;
  margin-top:40px;
  padding:5px;
  border-radius : 5px;
  border: solid 2px #a91101;
  width:200px;
  height:100px;
}

.titre-serie {
	font-size:25px;
	color: #a91101;
 font-family: georgia;

color: #a91101;text-align: left;  text-shadow: black 0.1em 0.1em 0.2em;
}

hr {
color:#e3e3e3;
}
.synop {
	
	text-decoration: underline;
    font-weight:bold;
    font-style:italic;
	color: #a91101;
	font-family:georgia;
   }
.p1s {
	 color: #9e9e9e;
	 font-family:georgia;
	 
 }
.p2s {
	 color: #0000ff;
	 font-family:georgia;
	 
	  }
	   
.p3s { 
     color: #a91101;
     font-weight: bold;	
font-family:georgia;	 
}
.resume {
	font-family:georgia;
}
.titre-episode {
	text-decoration:underline;
	text-align:center;
	font-family:georgia;
  font-size:10pt;
	color: #a91101;
}
.episode {
	font-family:georgia;
	text-align:left;
	margin-left:5px;
	height:100%;
	word-wrap:break-word;
}
/* Mes code perso film debut A Z */

.position-miniature {
float:left;
margin: 10px 10px 10px 10px;
}

.mes-img-min-series {
padding:8px;
 border-radius : 25px;
border: solid 2px #70726e;
width:100px; 
height:180px;
}

.mes-img-min {
padding:8px;
border-radius : 25px;
border: solid 2px #70726e;
width:120px;
height:200px;
}

.mes-img-min2 {
padding:8px;
 border-radius : 25px;
border: solid 2px #70726e;
width:258px;
height:200px;

}
.mes-img-min2x1 {
padding:8px;
 border-radius : 25px;
border: solid 2px #70726e;
width:225px;
height:180px;
float:left;
margin-left:5px;
}
.contenair-lettre-series {
  width:28px;
border: solid 2px silver;
margin: 2px;
 padding: 5px;
 text-align: left;
   background-color:#888888;
   border-radius : 20px;
   vertical-align:middle; 
   font-style: italic;
   color: white;
}
.contenair-miniature-series {
  width:505px;
 height: 200px;
 border: solid 2px #70726e;
  margin: 5px;
 padding: 5px;
background-color:silver;
   border-radius : 30px;
   vertical-align:middle; 
}
.position-miniature-series {
float:left;

margin-left:5px
}

/* Mes code perso debut DIVERS */

.ligne-perso-w {
font-family: wingdings;
font-size: 2em;

color: #a91101;text-align: left;  text-shadow: black 0.1em 0.1em 0.2em;
}
/* Mes code perso pour a a z table */

.alphab {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  text-align: center;
}

.alphab td {
  border: 1px solid #ddd;
  padding: 8px;
  width: 70px;}
  
#lienneutre { text-decoration: none;
color:green;
font-weight:bold;}

.alphab tr:nth-child(even){background-color: #f2f2f2;}

.alphab td:hover {background-color: #ddd;
font-size:102%;
color:blue;
font-weight:bold;}



.alphab th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #2b3567;
  color: white;}


/* Mes code perso fin DIVERS */

/* Mes code perso colonne 4 couleurs */
.quatre_couleurs_colonne_1 {
width: auto;
}
.quatre_couleurs_colonne_1 p, li {
text-align: left;
}
.quatre_couleurs_colonne_2 {
min-height: 20px;
	max-width:200px;	
}

.quatre_couleurs_colonne_1, .quatre_couleurs_colonne_2 {
	margin:10px;
    float: left;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	 border-style:solid;
 border-color:silver red green yellow;
  border-width:3px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	text-align:left;
}
.quatre_couleurs_colonne_1, .quatre_couleurs_colonne_2, .quatre_couleurs_colonne_3 h2 {
text-align:center; }
/* Mes code perso colonne 4 couleurs fin*/
/* div groupe*/
.conteneur_groupe {


float:left;
clear:both;
margin:15px;
padding:5px;
border-radius : 10px;
border: solid 12px silver;

  
}