/* gris hhpp: #434141 
couleur par défaut:
 
*/



body
{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DEDEDE, endColorstr=#B2B2B2);
background: -webkit-gradient(linear, left top, left bottom, from(#DEDEDE), to(#B2B2B2));
background: -moz-linear-gradient(top,  #DEDEDE,  #B2B2B2);

color:#ffffff;
width: 100%;
margin: auto;
min-width:900px;
//max-width:2000px;
padding:0px;
margin:0px;
}

.Block_date
{
width:800px;
margin:auto;
background-color:#565656;
background: rgba(0, 0, 0, 0.8);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#606060, endColorstr=#313131);
  background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#313131));
  background: -moz-linear-gradient(top,  #606060,  #313131);
padding:10px;
border: 2px solid white;
border-left:0px;
border-radius: 20px 20px 0px 0px;
margin-top:10px;
margin-bottom:10px;
box-shadow: 0px 2px 10px #666666;
  -webkit-box-shadow: 0px 2px 10px #666666;
-moz-box-shadow: 0px 2px 10px #666666;
text-shadow: 0px 0px 2px #000000;
}

.search
{
width:550px;
background-color:#565656;
background: rgba(0, 0, 0, 0.8);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#606060, endColorstr=#313131);
  background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#313131));
  background: -moz-linear-gradient(right,  #606060,  #313131);
margin:auto;
text-align:center;
padding:10px;
border: 1px solid white;
border-top:0px;
border-radius: 0px 0px 20px 20px;
margin-top:0px;
}

.Block_news
{
width: 45%;
min-width:400px;
margin:0px;
font-size:15px;
background-color:#565656;
background: rgba(0, 0, 0, 0.8);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#606060, endColorstr=#313131);
  background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#313131));
  background: -moz-linear-gradient(bottom,  #606060,  #313131);
padding:10px;
border: 2px solid white;
border-left:0px;
border-radius: 0px 20px 20px 0px;
box-shadow: 0px 2px 10px #666666;
  -webkit-box-shadow: 0px 2px 10px #666666;
-moz-box-shadow: 0px 2px 10px #666666;
}

.Block_news div
{


}

.first_news
{
font-size:18px;
display:block;
text-align:center;
background-color: #434141;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#606060, endColorstr=#313131);
  background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#313131));
  background: -moz-linear-gradient(top,  #606060,  #313131);
padding:10px;
margin-left:0px;
border-radius:20px 20px 20px 20px;
}

.Block_event
{
width:40%;
min-width:450px;
margin:0px;
margin-top:15px;
margin-bottom:85px;
text-align:center;
background-color:#565656;
background: rgba(0, 0, 0, 0.8);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#606060, endColorstr=#313131);
  background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#313131));
  background: -moz-linear-gradient(bottom,  #606060,  #313131);
padding:10px;
border: 2px solid white; 
border-color: -moz-linear-gradient(left,  #606060,  #313131);
border-left:0px;
border-radius: 0px 20px 20px 0px;
box-shadow: 0px 2px 10px #666666;
  -webkit-box-shadow: 0px 2px 10px #666666;
-moz-box-shadow: 0px 2px 10px #666666;
}

.news_feed
{
width:900px;
margin:auto;
font-size:1.5em;
color:black;
background: rgba(0, 0, 0, 0.0);
padding:10px;
}

.news_feed a
{
color:#810000
}

.news_feed p
{
display;inline-block;
margin-top:0px;
margin-bottom:40px;
border: 2px 10px 10px 2px solid black;
box-shadow: 0px 2px 10px #666666;
-webkit-box-shadow: 0px 2px 10px #666666;
-moz-box-shadow: 0px 2px 10px #666666;
background: -moz-linear-gradient(bottom,#FF8E8E,#F0A8A8);
#313131);
padding:15px;

}



.event
{
margin-right:15px;
font-size:18px;
text-shadow: 0px 0px 2px #000000;
}

.event img
{
vertical-align:middle;
border-radius: 5px;
}

.Block_event .layer_content
{
display:none;

}

.container
{
border: 0px solid black;
padding:0px;
margin:0px;
position:relative;
}

.hidder
{
display:none;
top:0px;
width:100%;
color:white;
background-color:#565656;
background:rgba(0,0,0,0.6);
border: 0px solid black;
text-align:center;
border-radius:0px;
position:absolute;
}

.hidder_news
{
display:none;
top:0px;
right:-200px;
top:-50px; 
color:white;
background-color:transparent;
border: 0px solid black;
position:absolute;
}

.Block_PDS
{
width:800px;
margin:auto;
text-align:center;
padding:0px;
border: 0px solid white;
border-radius: 0px;
}

.Block_PDS .Note
{
float:right;
width:120px;
font-size:10px;
color:white;
text-align:center;
margin-right:0%;
padding:5px;
}

.PDS img
{
box-shadow: 5px 5px 10px #001717;
border-radius: 0px 0px 0px 0px;
border:4px solid black;
width:100%;
margin:0px;
border-radius:1px;*/
}

.PDS 
{
padding:0px;
margin:0px;
       
}

.legend
{
font-weight:bold;
float:left;
text-align:left;
margin:0px;
padding:10px;
font-size:14px;
color:white;

/* old style
color:white;
padding:5px;
padding-top:2px;
padding-bottom:2px;
border: 3px ridge #482900;
background-color:#9E5A25;
border-radius:0px 0px 7px 7px;
position:relative;
bottom:10px;*/
}

#month
{
text-align:left;      
background-image: url("");
      font-size: 18px;
      color:#ffffff;
       padding: 1px;
       margin: 1px;
       border: 0px solid #ffffff;
       background-color: transparent; 
}

#month:first-letter
{
	font-weight: bold; /* En gras */
	font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
	
}

#month a
{
	font-size: 1.1em; /* Ecrit légèrement plus gros que la normale */
	color: #FE3B3B;
	text-decoration: none;
}

#month a:hover
{
	font-weight: bold; /* Ecrit légèrement plus gros que la normale */
	color: #ffffff;
}

#month img
{
	border: none;
        padding-bottom:0px;
        margin-bottom:0px;
}

#month img:hover
{
	border: none;
        width:42px;
}


.top_navig
{
width: 30%;
margin:auto;
text-align:center;
background-color:#565656;
background: rgba(0, 0, 0, 0.8);
padding:10px;
border: 2px solid white;
border-top:0px;
border-radius: 0px 0px 20px 20px;
}

.top_navig a
{
font-weight:bold;

}

.Photo
{
position:relative;
border: 30px solid white;
border-radius: 0px 0px 0px 0px;
box-shadow: 0px 0px 20px #000000;
  -webkit-box-shadow: 0px 2px 20px #666666;
-moz-box-shadow: 0px 2px 20px #666666;
}

.Tab_EXIF
{
border-collapse:separate;
border-spacing:5px;
background-color:transparent;
border: 0px solid white;
margin:auto;
margin-top:0px;
}

.Tab_EXIF th
{
color:#DEDEDE;
font-size:1.6em;
font-weight:bold;
text-shadow: 1px 3px 4px #373737, 0 0 0 #000, 1px 3px 4px #373737;
background-color: transparent;
padding:5px;
border: 0px solid white;
border-radius: 10px; 
}

.table_tabgrid_rec
{
 color:white;
 border-collapse:collapse;
 width:900px;
 background-color:transparent;
 border: 4px solid white;
 margin:auto;
 margin-top:5px;
}

.table_tabgrid_rec td
{
 color:black;
 background-color:transparent;
 border: 1px solid white;
 padding:10px;
}

.grille
{
 color:black;
 border-collapse:collapse;
 width:800px;
 height:800px;
 background-color:white;
 border: 5px solid black;
 margin:auto;
 margin-top:5px;
 font-size:3.5em;
 font-family:Comic, Georgia, Impact, Arial;
}

.grille td
{
 width:200px;
 height:200px;
 color:black;
 background-color:transparent;
 border: 2px solid black;
 font-weight:bold
 font-family:ubuntu, comic, Georgia, Impact, Arial;
}

.grille td.double
{
 width:200px;
 height:200px;
 color:black;
 font-size:0.7em;
 background-image:url('images/td_diag.png');
 border: 2px solid black;
 font-weight:bold
 font-family:Comic Sans MS, Georgia, Impact, Arial;
}

.table_conf
{
 color:white;
 border-collapse:collapse;
 width:800px;
 background-color:transparent;
 border: 0px solid white;
 margin:auto;
 margin-top:5px;
}

.table_conf th
{
padding:10px;
background-color:#565656;
background: rgba(0, 0, 0, 0.8);
border-bottom: 1px solid white;
}

.table_conf td
{
background-color: #434141;
border: 0px solid white;
}

.table_search
{
 color:black;
 border-collapse:collapse;
 background-color:transparent;
 border: 0px solid white;
margin-bottom:0px;
margin-top:10px;
}

.table_search th
{
padding:10px;
background-color:#565656;
background: rgba(0, 0, 0, 0.8);
border: 0px solid white;
border-radius: 10px 10px 0 0; 

}

.table_search td
{
background-color: transparent;
border: 0px solid white;
padding: 5px;
}



.gigasec 
{
padding:10px;
width:400px;
margin:auto;
background:rgba(100,0,0,0.9);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#606060, endColorstr=#313131);
  background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#313131));
  background: -moz-linear-gradient(top,  #606060,  #313131);
border-radius:20px 20px 20px 20px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 5px rgba(0, 0, 0, .8);
}

.gigasec fieldset
{
padding:10px;
border: 2px ridge white;
border-radius:20px 20px 20px 20px;
}

.giga_result
{
font-size:23px;
font-weight:bold;
 text-shadow: 0px 2px 0px rgba(1,1,1,0.5);
color:rgba(250, 10, 10, .8);
}

.bottom_table
{
position:relative;
width: 95%;
min-width:900px;
margin:auto;
color:white;
background-color:transparent;
border:0px solid white;
border-collapse:separate;
padding:0px;
margin:0px;
}

.bottom_table td
{
vertical-align:bottom;
margin:0px;
padding-bottom:0px;

}
.layer_list
{
width:800px;
min-width:240px;
margin:auto;
min-width:90px;
text-align:left;
font-size:18px;
background-color:#565656;
background: rgba(0, 0, 0, 0.8);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#606060, endColorstr=#313131);
  background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#313131));
  background: -moz-linear-gradient(top,  #606060,  #313131);
padding:10px;
border-radius:0px 0px 10px 10px;
border: 2px solid white;
border-top:0px;
box-shadow: 0px 2px 10px #666666;
  -webkit-box-shadow: 0px 2px 10px #666666;
-moz-box-shadow: 0px 2px 10px #666666;
opacity:0.95;
}

.layer_list li a
{
color:#CC3137;
}
.layer_list ul
{
list-style-image: url("images/Puce.png");
text-align:left;
margin-left:-5px;
}

.bottom_table td .layer_classement
{
position:absolute;
width:45%;
min-width:240px;
bottom:0px;
min-width:90px;
text-align:left;
font-size:13px;
background-color:#565656;
background: rgba(0, 0, 0, 0.8);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#606060, endColorstr=#313131);
  background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#313131));
  background: -moz-linear-gradient(top,  #606060,  #313131);
padding:10px;
margin:0px;
margin-top:50px;
border-radius:10px 10px 0px 0px;
border: 2px solid white;
border-bottom:0px;
box-shadow: 0px 2px 10px #666666;
  -webkit-box-shadow: 0px 2px 10px #666666;
-moz-box-shadow: 0px 2px 10px #666666;
opacity:0.95;
}

.bottom_table td .layer_content
{
display:none;
position:relative;
bottom:0px;
width:100%;
min-width:90px;
text-align:left;
font-size:13px;
/*background-color:#565656;

filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#606060, endColorstr=#313131);
  background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#313131));
background: -moz-linear-gradient(top,  #606060,  #313131);*/
padding:10px;
margin:0px;
border-radius:0px 0px 0px 0px;
border: 0px solid white;

}

.bulle3
{
width:600px;
border-radius: 50px; 
background-color: #434141;
border: 6px inset #810000;
padding:15px;
padding-right:20px;
padding-left:20px;
margin:0px;
text-align:center;

}

.bulle
{
width:300px;
border-radius: 50px; 
background-color: #434141;
border: 6px inset #810000;
padding:15px;
padding-right:20px;
padding-left:20px;
margin:auto;
text-align:center
}

.bulle:hover
{
width:300px;
border-radius: 50px; 
background-color: #434141;
border: 6px outset #810000;
padding:15px;
padding-right:20px;
padding-left:20px;
margin:auto;
text-align:center;
}

.comment_button
{
background: url("images/Commenter_up.png") no-repeat left center;
background-size:100px 25px;
width: 80px;
height: 25px;
}


.comment_button:hover
{
background: url("images/Commenter_up0.png") no-repeat left center;
background-size:100px 25px;
width: 80px;
height: 25px;
}

.bulle2
{
width:90%;
border-radius: 50px; 
background-color: #434141;
border: 6px inset #810000;
padding:15px;
padding-right:20px;
padding-left:20px;
margin:auto;
text-align:center;
}

.icons_res
{
float:left;
padding:0px;
margin:0px;
}

.icons_res img
{
float:left;
width:45px;
padding:0px;
padding-right:15px;

}

.icons_res img:hover
{

}

.icons_res a
{
float:left;
padding:0px;
padding-right:30px;
}

.bonus_button
{
background: #8B8B8B;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E33D3D, endColorstr=#810000);
background: -webkit-gradient(linear, left top, left bottom, from(#E33D3D), to(#810000));
background: -moz-linear-gradient(top,  #E33D3D,  #810000);
color: white;
font-size: 18px;
padding: 5px 10px 5px 10px;
border:2px solid black;
text-shadow: 2px 2px 4px #000000;
box-shadow: 2px 2px 10px #000000;
border-radius:0px 0px 5px 5px;
}

.bonus_button a
{
color: white;
font-size: 18px;
}

.bonus_button:hover
{
text-shadow: -2px -2px 4px #000000;
}


.bullecom
{
position:relative;
text-align:center;
width:25px;
background-color:white;
color:black;
font-size:10px;
font-weight:bold;
border-radius:5px;
padding:3px;

}

.classement
{
width:100%;
color:white;
font-size:18px;
padding:0px;
border-collapse:collapse;
border:0px solid white;
background-color:transparent;
}


.classement td
{
padding:10px;
border: 0px solid white;
border-radius:0px;
text-align:center;
}

.classement_phot
{
width:70%;
margin:auto;
color:white;
font-size:18px;
padding:0px;
border-collapse:collapse;
border:0px solid white;
background-color:transparent;

}


.classement_phot td
{
padding:0px;
padding-bottom:10px;
border: 0px solid white;
text-align:center;


}

.menu1
{
	color: #FE3B3B;
	font-weight: bold;
}

.img_center
{
	width: 100%;
	margin: auto;
	border: none;
	position: absolute;
	
}

.label {
display:inline;
width:150px;
float:left;
}

.feed {
color: white;
font-size: 11px;
  margin-left: 3px;
  padding: 0 0 0 19px;
} 

#banniere
{
width:100%;
 min-width:900px;
margin:auto;
padding:0px;
margin-bottom:0px;
}

#banniere img
{
width:100%;
 min-width:900px;
margin:auto;
padding:0px;
margin-bottom:0px;
}


#footer
{
   margin:0px;
   padding:0px;
   border-top: 2px solid #ffffff;
   text-align: center;
   background-color: transparent;
   font-size: 12px;
   color: black;
   z-index: 2;
   }



.paragraphe_default
{
 background-image: url("images/Dark_wood.jpg");
 border: 2px solid #ffffff;
  -moz-border-radius: 10px;  
  border-radius: 10px;  
   background-color: transparent; 
   text-align:justify;
   vertical-align: text-top;
  padding:10px;
margin:0px;
position:relative;
}




#FormHor
{
text-align: right;
background-color: #000000;
width: 300px;
margin: auto;
border: 10px outset #810000;
padding: 10px;
float:right;
margin-bottom:30px;
}

.TitreformHor
{
background-color:#810000;
border:1px solid #ffffff;
padding:5px;
font-weight: bold;
color: #ffffff;
text-align:left;
width: 200px;
margin: auto;
}

.message_hor
{
   border-collapse: collapse; /* Colle les bordures entre elles */
   background-color:transparent;
   font-size: 12px; 
   padding:10px;
   padding-left:10px;
   margin-left:0px;
   width:60%;
   border: 0px solid black;
   border-left:0px;
  
}

.message_hor th
{
background-image: url("");
background-color:#565656;
background: rgba(0, 0, 0, 0.5);
color: #ffffff;
-moz-border-radius: 0px; 
border: 0px solid #ffffff;
text-align:left;
font-weight:bold;
height: 10px;
padding-top:0px;
padding-bottom:0px;
padding-right:10px;
padding-left:10px;
vertical-align:middle;
border-radius: 0px 10px 0px 0px;
}

.message_hor .pseudo
{
font-size: 12px;
border-radius: 0px 0px 10px 10px;
}


.message_hor td
{
font-size:14px;
font-family: Modern,"Palatino Linotype", Arial, "Times New Roman", Times, serif;
background: rgba(0, 0, 0, 0.3);
color: #000000;
text-align:justify;
vertical-align:top;
padding:10px;
border: 0px solid #000000;
border-radius: 0px 0px 0px 0px;
}

.message_hor .last_line
{
background-image: url("");
background-color: transparent;
color: #000000;
text-align:left;
vertical-align:middle;
-moz-border-radius: 10px; 
border: 0px solid #000000;
}

.Module_dist
{
   border: 2px solid #ffffff;
   -moz-border-radius: 10px; 
   border-collapse: separate; /* Colle les bordures entre elles */
   background-color: black;
   text-align: center;
   color: white;
   font-size: 14px; 
   padding:0px;
   /*width: 90%;*/
   margin: auto; /* Centre le tableau */
}


.Module_dist td
{
font-size:14px;
font-family: Modern,"Palatino Linotype", Arial, "Times New Roman", Times, serif;
background-color: transparent;
color: white;
border: 0px solid #000000;
}


.menu
{
   font-size:13px;
   background-color:#434141 ;
   border: 4px outset black;   
   border-radius: 15px;
   -moz-border-radius: 15px;
   padding:0px;
   margin-bottom: 8px;
   font-family: Georgia, Arial, "Times New Roman", Times, serif;
   z-index: 1;
   background-repeat: no-repeat;
   -moz-box-shadow: 3px 3px 2px #271717;
   -webkit-box-shadow: 3px 3px 2px #271717;
   box-shadow: 3px 3px 2px #271717;
}


.menu-socle
{
    float: left;
   background-color:transparent;
   border: 0px ridge red;
   border-radius: 10px;
   -moz-border-radius: 10px;
   padding:5px;
   margin: 0px;
}



.titre
{
	color: white;
        font-weight:bold;
	text-align:center;
        background-color: #810000;
        margin:0px;
        padding:5px 0px 5px 0px;
        border-bottom: 1px solid black;
        border-radius: 14px 14px 0 0;
        -moz-border-radius: 14px 14px 0 0;
}


.menu ul
{
       	list-style-image: url("images/Puce.png");
	text-align:left;
        margin-left:-5px;
}

.menu ul li
{
       	color: white;
	text-align:left;
        margin-left:-5px;
}

.menu a
{
	color: #ffffff;
	text-decoration: none;
}

.menu a:hover
{
	color: #FE3B3B;
	font-weight: bold;
}

.here a
{
     color: white;
     font-weight: bold;

}

#main {
    color: white;
    font-size: 13px; 
    font-family: "Lucida Sans Unicode", Georgia, Arial, "Times New Roman", Times, serif;
    border: 0px ridge blue;
    background-color: transparent; 
    text-align: left;
    z-index: 0;
   margin:0px;
   padding:0px;
    
    }

#main a
{
color: #FE3B3B;
font-size: 1em;
text-decoration: none;
}

#main a:hover
{
color: #ffffff;
font-size: 1 em;
text-decoration: none;
}


#mainA {
    color: white;
    font-size: 14px; 
    font-family: "Lucida Sans Unicode", Georgia, Arial, "Times New Roman", Times, serif;
    border: 0px ridge blue;
    background-color: none; 
    text-align: justify;
    overflow: auto
    z-index: 0;
    }

#mainA a
{
color: #FE3B3B;
font-size: 1em;
text-decoration: none;
}

#mainA a:hover
{
color: #ffffff;
font-size: 1 em;
text-decoration: none;
}


.liens
{
    background-color: #ffffff;
    border: 2px solid #000000;
}

.txt_box_small
{
	text-align: left;
	margin: auto;
	font-size: 11px;
	color: white;
}

.txt_box_small:first-letter
{
	font-weight: bold; /* En gras */
	font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
	color: #FE3B3B;
}


.txt_box2
{
	text-align: left;
	margin: auto;
    font-family: "Lucida Sans Unicode", Georgia, Arial, "Times New Roman", Times, serif;
	font-size: 15px;
	color: white;
}

.txt_box2:first-letter
{
	font-weight: bold; /* En gras */
	font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
	color: #FE3B3B;
}

.liens img
{
    border: 0px solid white;
    padding: 5px;
}


.liens img:hover
{
    border: 1px solid black;
}


.CAR
{
   margin: auto; /* Centre le tableau */
   border: 10px double black;
   -moz-border-radius: 10px; 
   border-collapse: collapse; /* Colle les bordures entre elles */
   text-align: center;
   color: yellow;
   font-size: 12px; 
   margin-bottom: 10px;
   margin-top: 0px;

}

.CAR caption
{
  
   caption-side: top;
   text-align: left;
   font-weight: bold;
   font-size: 12px;
   color: yellow;
   margin-bottom: 3px;
   margin-top:20px; 


}


.CARtd
{
      border: 1px solid #ffffff;
      padding-bottom: 10px;
      padding-top: 10px;

}

.CAR1
{
   background-color: yellow;
   color: black;
   font-size: 1em; 
   font-family: Comic Sans MS, Georgia, Arial, "Times New Roman", Times, serif;
}

.CAR2
{
   background-color: white;
   color: black;
   font-size: 20px; 
   font-family: Comic Sans MS, Georgia, Arial, "Times New Roman", Times, serif;

}

.CAR3
{
   border: 0px ridge #ffffff;
   
   background-color: none;
   color: #FE3B3B;
   font-size: 2em; 
   text-align: center;
   font-family: Comic Sans MS, Georgia, Arial, "Times New Roman", Times, serif;
}



.Album
{
   margin: auto; 
   width:300px;
   border: 0px solid #ffffff; 
   background-color: transparent;
   border-collapse: collapse;
   text-align: center;
   color: #000000;
   font-size: 18px; 
margin-bottom:10px;
}

.Album img
{
border: 5px solid black;
border-radius: 15px;
   
}

#slideshow
{

width: 812px;
height:812px;
margin: 10px auto;
border: 0px solid #000000;
text-align:center;
border: 0px ridge #000000;
border-radius:0px;
}

#slideshow img
{
border: 6px solid white;
border-radius:5px;
position:relative;
}

.container_phot
{
position:relative;
width: 812px;
height:812px;
border: 0px solid black;
padding:0px;
margin:0px;
background:black;
}

.put_Album
{
   width:200px;;
   border: 0px solid #ffffff; 
   background-color: transparent;
   color: #000000;
   text-align:center;
float:left;
   margin:20px;
}

.put_Album img
{
   width:100%;
   border: 5px solid black;
   border-radius: 15px;  
   
}


.vignette
{
position:relative;
display:block;
height:100px;
margin:10px;
border: 3px solid white;
-moz-border-radius: 5px 5px 5px 5px ; 
border-radius: 5px 5px 5px 5px ; 
-moz-box-shadow: 6px 6px 4px #888;
-webkit-box-shadow: 6px 6px 4px #888;
box-shadow: 6px 6px 4px #777;

}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 2px solid #ffffff; /* Bordure du tableau avec effet 3D (outset) */
   -moz-border-radius: 10px; 
   border-collapse: separate; /* Colle les bordures entre elles */
   text-align: center;
   color: #000000;
   font-size: 14px; 
   margin-bottom: 10px;
   background-color: #000000;

}

td, th 
{
   
   border: none;
   padding-left: 30px;
-moz-border-radius: 10px; 
   padding-right: 30px;
   background-color: transparent; 
}


#logos
{
   
   height: 50px;
   text-align: center;
   padding: 1px;
   margin: 1px;
   border: 0px solid #ffffff;
   background-color: transparent; 
}

#logos img
{
   border: none;
}

.lineborder
{
   border: 2px solid #ffffff;
   background-color: #000000;
   color:  #ffffff;
   padding: 10px;
}

.table_ac 
{
   border: 0px solid #ffffff; /* Bordure du tableau avec effet 3D (outset) */
   background-color: transparent; 
   border-collapse: separate;
   border-spacing: 10px;
   text-align: center;
   color: #FE3B3B;
   font-size: 14px; 
    margin:0px;
   padding:0px;
}

.table_ac td 
{
   background-image: url("");
   border: 2px solid #ffffff;
   -moz-border-radius: 10px;  
   background-color: transparent; 
   padding-top:10px;
   vertical-align: text-top;
}

.table_ac th
{
   background-image: url("");
   border: 3px solid #ffffff; /* Bordure du tableau avec effet 3D (outset) */
   background-color: transparent; 
   -moz-border-radius: 10px;
   text-align: center;
   color: #FE3B3B;
   padding-bottom:0px;
   margin-bottom:0px;   
}

.table_ac th img
{
padding:0px;
margin:0px;   


}

.intro
{
   border: 0px solid #ffffff; 
   background-color: none;
   border-collapse: collapse;
   margin: 5px;
}

.intro td, th
{
   border: 0px solid #ffffff; 
   background-color: none;
   padding: 0px;
   color: #FE3B3B;
   margin: 10px; 
   vertical-align: top;
}


caption /* Titre du tableau */
{
   caption-side: top;
   text-align: left;
   font-weight: bold;
   font-size: 18px;
   color: #ffffff;
   margin-bottom: 10px;
   margin-top:20px; 
}

.titre_vid
{
color:white;
 font-weight: bold;
 padding-bottom: 0px;
font-size:14px;
margin:0px;
}

.titre_vid:first-letter
{
color:#810000;
 font-weight: bold;
 padding-bottom: 10px;
font-size:18px;
}

.Video_min
{
border: 0px solid black;
padding:0px;
margin:0px;
position:relative;
border-radius:20px;
text-align:center;
}

.info_stream
{
display:none;
top:40%;
width:180px;
left:50%;
margin-left:-90px;
margin-top:-20px;
padding:10px 0px;
color:white;
background-color:#565656;
background:rgba(0,0,0,0.8);
border: 0px solid black;
text-align:center;
border-radius:0px;
position:absolute;
}


.info_stream img
{
border:0px solid white;
}

.Film
{
position:relative;
text-align:center;
float:left;
color:black;
padding:0px;
margin:0px;
}

.Film img
{
padding:0px;
margin:0px;
}

.affiche_films
{
float:left;
width:300px;
margin:10px;
box-shadow: 0px 2px 5px rgba(5,5,5,0.9);
}

.avis_films
{
position:absolute;
width:100px;
left:0px;
top:0px;
color:white;
background-color:#565656;
background:rgba(0,0,0,0.8);
border: 0px solid black;
text-align:center;
border-radius:0px;
}


.bulle_film
{
float:left;
width:550px;
border-radius: 0px 0px 50px 50px; 
background-color: #434141;
border: 6px inset #810000;
border-top:0px;
padding:0px;
padding-right:20px;
padding-left:20px;
margin:0px;
text-align:center;

}

.com_film
{
padding-top:50px;
margin-left:600px;
width:200px;
}

.com_film form
{
width:200px;
background: rgba(0, 0, 0, 0.6);
padding:10px;
border-radius:0px 10px 10px 0px;
box-shadow: 0px 0px 3px #666666;
}

.com_film table
{
width:190px;
margin-left:0px;
padding-left:5px;
background:rgba(250,250,250,0.6);
border: 0px solid black;
text-align:left;
border-radius:0px 5px 5px 0px;
box-shadow: 0px 0px 3px #666666;
}

.com_film table th
{
color:black;
font-weight:bold;
background:transparent;
border-bottom: 1px solid black;
text-align:left;
}

.com_film table td
{
margin:0px;
padding:0px;
color:black;
background:transparent;
text-align:left;
}


.stream
{
width:180px;;
	margin: 0px;
        padding:0px;
	border: 2px solid #FE3B3B;
	
}


.stream2
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	width: 280px;
	height: 180px;
        border: 2px solid #FE3B3B; 

}

.stream3
{
	padding: 10%;
	margin-top: 50px;
	z-index: 10;
}

.stream2:hover
{
	border: 4px solid white; 

}

.txt_box_black
{
	text-align: center;
	margin: auto;
	font-size: 18px;
	color: black;
text-shadow: 0px 0px 3px #666666;
}

.Video_titre
{
text-align: center;
	margin: auto;
	font-size: 28px;
    font-weight: bold;
	color: black;
text-shadow: 0px 0px 3px #666666;
}

.Video_titre:first-letter
{
font-weight: bold; /* En gras */
	font-size: 1.3em; /* Ecrit légèrement plus gros que la normale */
	color: #810000;

}

.txt_box_black:first-letter
{
	font-weight: bold; /* En gras */
	font-size: 1.3em; /* Ecrit légèrement plus gros que la normale */
	color: #FE3B3B;
}

.txt_box
{
	text-align: justify;
	text-indent: 15px;
	margin: auto;
	font-size: 14px;
	color: white;
}

.txt_box_big
{
	text-align: center;
	margin: auto;
	font-size: 2.2em;
	color: white;
}

.txt_box_big:first-letter
{
	font-weight: bold; /* En gras */
	font-size: 2.2em; /* Ecrit légèrement plus gros que la normale */
	color: #FE3B3B;
}

.txt_box:first-letter
{
	font-weight: bold; /* En gras */
	font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
	color: #FE3B3B;
}

.txt_box a
{
	font-size: 1.1em; /* Ecrit légèrement plus gros que la normale */
	color: #FE3B3B;
	text-decoration: none;
}

.txt_box a:hover
{
	font-size: 1.1 em; /* Ecrit légèrement plus gros que la normale */
	color: #FE3B3B;
}


#Gsec
{
border: 0px solid #009CDF; 
background-color: transparent;

padding:0px;
margin 0px;
font-size:43px;
font-weight:bold;
 text-shadow: 0px 2px 1px rgba(0, 0, 0, .8);
color:rgba(255, 40, 40, .8);

}

.news_hpp
{
	font-weight: bold; 
	font-size: 1.1em;
	color: #FE3B3B;
}

.news_hpp a
{
	font-size: 1 em; /* Ecrit légèrement plus gros que la normale */
	color: #FE3B3B;
	text-decoration: none;
}

.news_hpp a:hover
{
	font-weight: bold; /* Ecrit légèrement plus gros que la normale */
	color: #FE3B3B;
}




.news_pastas
{
	font-weight: bold; /* En gras */
	font-size: 1.1em;
	color: yellow;
}


.colone_milieu
{
width:50%;
}



.count
{
   border: 0px ridge red;
   width: 153px;
   height: 100px;
   position: fixed;
   top: 0px;
   left; 0px;
   z-index: 3;
   background-repeat: none	
   }
.count a
{
	text-decoration: none;
	color: white;
}
.count a:hover /* Quand le visiteur pointe sur le lien */
{
   color: yellow;
   font-weight: bold;
	
}

.table_stream
{
   margin: auto; /* Centre le tableau */
   border: 0px solid #ffffff; 
   background-color: transparent;
   border-collapse: separate; 
   border-spacing: 10px;
   text-align: center;
   font-size: 14px; 
   margin-bottom: 10px;

}
.table_stream td, th 
{
   background-color: transparent;
   border: none;
   padding-left: 0px;
   padding-right: 0px;
}

.table_com
{
   margin: auto; /* Centre le tableau */
   border: 0px solid #ffffff; 
   background-color: none;
   text-align: center;
   font-size: 11px; 
   margin-bottom: 2px;

}
.table_com td, th
{
   background-image: url("");
   margin-right:10px;
   height:20px;
   border: 0px solid #ffffff; 
   padding: 0px;
   valign:center;
}

#jour_txt
{
 vertical-align:top;
font-size:28px;
margin:0px;
 padding:0px;
}

#fbbox
{
   border: 0px ridge #ffffff;
   margin-left: 15px;
   z-index: 6;
   top: 870px;
  position: absolute;
}

.PDJ
{
	font-size: 12px;
	color:#ffffff;
       text-align: left;
       padding-left: 12px;
       padding-right: 12px;
       height: 200px;
       
       background-color: none;
       
}

.PDJ img
{
       
       color:#ffffff;
        
}




.film /* Le tableau en lui-même */
{
   width: 60%;
   margin: auto; /* Centre le tableau */
   border: 0px ridge #ffffff; /* Bordure du tableau avec effet 3D (outset) */
   background-color: transparent;
   border-collapse: collapse; /* Colle les bordures entre elles */
   color: #ffffff;
   font-size: 14px; 
   padding: 10px;
   margin-top : 10px;
   margin-bottom : 10px;
}

.film th 
{
background-image: url("");
   border: 0px solid #ffffff;
   padding: 0px;
   text-align:right;
}

.film td
{
   border: 0px solid #ffffff;
   padding: 10px;
   text-align:left;
vertical-align:top;
color:black;
font-size: 14px; 
}

.film h 
{
color: #FE3B3B;
   font-size: 16px; 
}

.pseudo
{
color: #FE3B3B;
font-size: 18px; 
font-weight: bold;
}

.titre_com
{
color: #000000;
font-size: 12px;
font-weight: bold; 
}

.txt_com
{
color: #ffffff;
font-size: 14px; 
text-align:justify;
}


#contact
{
width:600px;
background: rgba(0, 0, 0, 0.6);
margin:auto;
padding:10px;
border-radius:10px;
}

.form
{
width:600px;
background: rgba(0, 0, 0, 0.6);
margin:auto;
padding:10px;
border-radius:10px;
}

.form_films
{
width:900px;
font-size:19px;
background: rgba(0, 0, 0, 0.6);
margin:auto;
padding:10px;
border-radius:10px;
}

.form_cote
{
width:500px;
background: rgba(0, 0, 0, 0.6);
float:left;
padding:10px;
border-radius:0px 10px 10px 0px;
}

.com_button
{
float:right;
background: #000000;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#434141);
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#434141));
  background: -moz-linear-gradient(top,  #000000,  #434141);
  color: white;
font-weight: bold;
padding: 5px;
border-radius:5px;
}

.video
{
width:800px;
margin:auto;
border: 15px solid white;
border-top:0px;
border-bottom:0px;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
padding:5px 5px 5px 5px;
background:rgba(255,255,255,1);
}

.video .legend
{
color: #353535;
font-style:italic;
font-family: Georgia, Arial, "Times New Roman", Times, serif;
text-align: left;
font-size: 0.8em; 
padding:10px;
}

.video .legendate
{
color: #353535;
font-style:italic;
font-family: Georgia, Arial, "Times New Roman", Times, serif;
font-size: 0.8em;
margin-left:500px;
margin-bottom:5px;
margin-top:0px;
padding-top:0px;
background:rgba(255,255,255,1);
}

.com_video
{
display:none;
}

.vid_info
{
min-height:40px;
padding:10px;
background-color:black;
border: 0px solid #ffffff;
}

.message_vid
{
   border: 0px solid #ffffff;
   border-collapse: collapse; 
   border-spacing: 0px;
   background-image: url("");
   background-color: transparent;
   text-align: left;
   font-size: 12px; 
   padding:0px;
   width: 800px;
   margin:auto;
   
}

.message_vid th
{
background-image: url("");
background: rgba(0, 0, 0, 0.8);
color: #ffffff;
-moz-border-radius: 10px; 
border: 0px solid #ffffff;
border-bottom:1px solid white;
height: 10px;
text-align:left;
padding-top:0px;
padding-bottom:0px;
padding-right:10px;
padding-left:10px;
vertical-align:middle;
}

.message_vid td
{
font-size:14px;
font-family: Modern,"Palatino Linotype", Arial, "Times New Roman", Times, serif;
background: rgba(0, 0, 0, 0.4);
color: #000000;
text-align:left;
vertical-align:top;
border-radius: 0px 0px 10px 10px; 
border: 0px solid #ffffff;
}



.H-rating{
                list-style:none;
		margin: 0px;
		padding:0px;
		width: 180px;
		height: 30px;
		position: relative;
		background: url("images/H-vote_off.png") top left repeat-x;		
	}
	.H-rating li{
		padding:0px;
		margin:0px;
		height:30px;
		width: 30px;		
		/*\*/
		float: left;
		/* */
	}
	.H-rating li a{
		display:block;
		width:30px;
		height: 30px;
		line-height:30px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.H-rating li a:hover{
		background: url("images/H-vote_on.png") left center;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.H-rating a.one-star{
		left: 0px;
	}
	.H-rating a.one-star:hover{
		width:30px;
	}
	.H-rating a.two-stars{
		left:30px;
	}
	.H-rating a.two-stars:hover{
		width: 60px;
	}
	.H-rating a.three-stars{
		left: 60px;
	}
	.H-rating a.three-stars:hover{
		width: 90px;
	}
	.H-rating a.four-stars{
		left: 90px;
	}	
	.H-rating a.four-stars:hover{
		width: 120px;
	}
	.H-rating a.five-stars{
		left: 120px;
	}
	.H-rating a.five-stars:hover{
		width: 150px;
	}
        .H-rating a.six-stars{
		left: 150px;
	}
	.H-rating a.six-stars:hover{
		width:180px;
	} 
	.H-rating li.current-rating{
		background: url("images/H-voted.png") left bottom;
		position: absolute;
		height: 30px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}		



.H-rating_small{
                list-style:none;
		margin: 0px;
		padding:0px;
		width: 120px;
		height: 20px;
		position: relative;
		background: url("images/H-vote_off_small.png") top left repeat-x;		
	}
	.H-rating_small li{
		padding:0px;
		margin:0px;
		height:20px;
		width: 20px;		
		/*\*/
		float: left;
		/* */
	}
	.H-rating_small li a{
		display:block;
		width:20px;
		height: 20px;
		line-height:20px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.H-rating_small li a:hover{
		background: url("images/H-vote_on_small.png") left center;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.H-rating_small a.one-star{
		left: 0px;
	}
	.H-rating_small a.one-star:hover{
		width:20px;
	}
	.H-rating_small a.two-stars{
		left:20px;
	}
	.H-rating_small a.two-stars:hover{
		width: 40px;
	}
	.H-rating_small a.three-stars{
		left: 40px;
	}
	.H-rating_small a.three-stars:hover{
		width: 60px;
	}
	.H-rating_small a.four-stars{
		left: 60px;
	}	
	.H-rating_small a.four-stars:hover{
		width: 80px;
	}
	.H-rating_small a.five-stars{
		left: 80px;
	}
	.H-rating_small a.five-stars:hover{
		width: 100px;
	}
        .H-rating_small a.six-stars{
		left: 100px;
	}
	.H-rating_small a.six-stars:hover{
		width:120px;
	} 
	.H-rating_small li.current-rating{
		background: url("images/H-voted_small.png") left bottom;
		position: absolute;
		height: 20px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}	



#menu-bar {
width:100%;
  min-width:900px;
  margin: auto;
margin-top: 0px;
  padding: 0px 0px 0px 0px;
  height: 34px;
  line-height: 100%;
  border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
/* box-shadow: 0px -2px 17px #666666;
  -webkit-box-shadow: 0px -2px 17px #666666;
-moz-box-shadow: 0px -2px 17px #666666;*/
  background: #8B8B8B;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E33D3D, endColorstr=#810000);
  background: -webkit-gradient(linear, left top, left bottom, from(#E33D3D), to(#810000));
  background: -moz-linear-gradient(top,  #E33D3D,  #810000);
  border: solid 1px #000000;
border-top: 0px;
position: relative;
z-index:4;
  
}
#menu-bar li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float:left;
  position: relative;
  list-style: none;
}
#menu-bar a {
  font-weight: bold;
  font-family: 'arial black';
  font-style: normal;
  font-size: 16px;
  color: #E7E5E5;
  text-decoration: none;
  display: block;
  padding: 9px 17px 9px 17px;
  margin: 0;
  border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  text-shadow: 0px -1px 1px #000000;
}
#menu-bar .current a, #menu-bar li:hover > a {
  background: #0399D4;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#434141);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#434141));
  background: -moz-linear-gradient(top,  #FFFFFF,  #434141);
  color: #000000;
  border-left: 1px solid white; 
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-shadow: 2px 3px 5px #FFFFFF;
}
#menu-bar ul li:hover a, #menu-bar li:hover li a {
  background: none;
  border: none;
  color: #666;
  -box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#menu-bar ul a:hover {
  background: #810000 !important;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#960303, endColorstr=#810000);
  background: -webkit-gradient(linear, left top, left bottom, from(#960303), to(#810000)) !important;
  background: -moz-linear-gradient(top,  #960303,  #810000) !important;
  color: #FFFFFF !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar ul {
  background: #DDDDDD;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#B2B8B8);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#B2B8B8));
  background: -moz-linear-gradient(top,  #FFFFFF,  #B2B8B8);
  display: none;
  margin: 0;
  padding: 0;
  width: 168px;
  position: absolute;
  top: 30px;
  left: 0;
  border: solid 3px #B4B4B4;
  border-radius: 0px 0px 8px 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  box-shadow: 2px 2px 3px #222222;
}
#menu-bar li:hover > ul {
  display: block;
}
#menu-bar ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#menu-bar ul a {
  padding:10px 9px 10px 15px;
  color:#424242 !important;
  font-size:12px;
  font-style:normal;
  font-family:'courier new';
  font-weight: normal;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar ul li:first-child > a {
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
}
#menu-bar ul li:last-child > a {
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
}
#menu-bar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#menu-bar {
  display: inline-block;
}
  html[xmlns] #menu-bar {
  display: block;
}
* html #menu-bar {
  height: 1%;
}