body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ffffff;
	 background-image: url(Images/fond2.jpg);
	background-repeat: repeat-y;
	background-position: center;
	color : #3366cc;
	font-size: 14px;
	position : relative;
	width : 100%;
	margin:auto;
}

img
{
	border:none;
	display:block;
}

img.centered 
{
   display: block;
   margin-left: auto;
   margin-right: auto;
   
}

img.align
{
    vertical-align:middle;
    float:left;
    margin-right: 3px;
}

img.alignr
{
	vertical-align:middle;
    float:right;
    margin-left: 3px;
}

img.avatar
{
    vertical-align:middle;
    float:left;
    margin-right: 3px;
    border:solid 1px #3366cc;
}

img.cadrecenter
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    border:solid 1px #3366cc;
}

a
{	
	border:none;
	text-decoration:none;
	color : #003757;
}

fieldset
{
    border:none;
}

fieldset.connec
{
    border:solid 1px #3366cc;
    margin-left:35%;
    margin-right: 35%;
}
a:visited
{
	border:none;

	color:#000057;
}

a:hover
{
	border:none;
	text-decoration:underline;
	color: #5598BF;	
}

a.prec
{
	float:left;
}

a.suiv
{
	float:right;
}

hr
{
	color:#5598BF;
	background-color:#5598BF;
	height: 1px;
	width: 90%;
	border:none;
}

.espace
{
	height:5px;
}

.espace10
{
	height:10px;
}

.espace30
{
	height:30px;
}


#entete
{
	background-image:url(Images/Entete1000.jpg);
	background-repeat:no-repeat;
	border:solid 2px Black;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:250px;
	position:relative;	
}

#welcome
{
    text-align: justify;
    font-size:15px;
    width:90%;
    margin-left:auto;
    margin-right:auto;
}

#titrePage
{
	font-family: Trebuchet, Arial, Helvetica,sans-serif; 
	font-size:26px;
	font-weight:bold;
	text-align:center;	
}

.centered
{
	text-align:center;	
}

.centered img 
{
   display: block;
   margin-left: auto;
   margin-right: auto;  
}


.titre
{
	font-size:17px;
	text-align:center;
	font-weight:bold;
        min-height:25px;
	/*color : #3366cc; */
        color : white;
        background-image: url(Images/FondMenu2.jpg);
}


.soustitre
{	
	text-align:center;
	color:Black;
	font-weight:bold;
}


.textenews
{
	color: #3366cc;
	font-size: 14px;
	float:none;
	width: 85%;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;

}


#principal
{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	min-height:1200px;
	overflow:auto;

}

#contenu
{
	float:left;
	width:790px;
	margin-left:5px;
	margin-right:5px;
	overflow:hidden;
}


#cadregauche
{
	text-align:center;
	background-color:White;
	width:190px;
	border:solid 1px #3366cc;
    border-left:none;
	float:left;
	min-height:800px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	color:Black;
	
}

#cadredroite
{

	background-color:White;
	width:180px;
	border: solid 1px #3366cc;
    border-right: none;
	float:right;
	min-height:800px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:center;
}

.news
{
	width:170px;
	min-height:70px;
	position:relative;
	left:5px;
    font-size: 12px;
}

.news p
{
    font-size: 11px;
    font-style:italic;
    color : #3366cc;
}

.newsI
{
	width:270px;
	position:relative;
	left:5px;
    font-size: 13px;
}

.newsI p
{
    font-size: 13px;
    font-style:italic;
    color : #3366cc;  
	margin:5px;	
}

.newsI p a
{
	margin-right:7px;
}

.moncompte
{
    text-align: left;
    width:170px;
    min-height:50px;
    position:relative;
    left:5px;
    color : #3366cc;

}

.liens
{
    font-style: italic;
    font-size:12px;
}

.infos
{
    margin-left: 15px;
    margin-right: 10px;
    float:left;
    position:relative;
}

.capital
{
    text-transform: capitalize;
}
#pied
{
	text-align:center;
	font-size:12px;
	color:Black;
	background-color:#cccccc;
	border:solid 2px Black;
	bottom:0;
	min-height:80px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

td
{
	text-align:center;
	border:0;
	margin:0;
	padding:0;
}

td.photo
{
	width:100px;
}

.tableau
{
	width:90%;
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;	
	margin:auto;
}


#tabmenu 
{ 
    margin-left: auto; 
   margin-right: auto; 
}

#popup
{
	position:absolute;
	top: 5px;
	left:5px;
	background-color: #3366cc;
	width: 220px;
	min-height: 100px;
	font: 12px Arial, sans-serif;
	color: #FFFFFF;
	padding: 5px;
	visibility: hidden;
	border: 1px #A6A6A6 outset;
	clip: auto;
	overflow: hidden;
	z-index:90;
	filter:alpha(opacity=90);
   -moz-opacity:0.9;
   opacity: 0.9;
}

.titrePopup
{
	text-align:center;
	font: 13px Arial, sans-serif;
	font-weight:bold;
	text-decoration:underline;
	color: #FFFFFF;
}

.italpopup
{
	text-align:center;
	color: #FFFFFF;
	font-style:italic;
	min-height:25px;
	vertical-align:middle;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}
.italpopup span
{
	display:inline-block;
	vertical-align:middle;
	margin-left:4px;
}

img.new
{
	margin-right:5px;
	border:none;
	float:left;
	vertical-align:middle;
				
}

#search
{
	text-align:center;
	margin-top:225px;
	float:right;
	color:#cccccc;
        width : 22%;
}

.input_search
{
	font-style:italic;
	color:#999999;
}

.input_search2
{
	font-style:normal;
	color:#3366cc;
}

#social
{
	vertical-align:middle;
	text-align:center;
	margin-top:225px;
	float:left;
	font-weight: bold;
	color:#ffffff;
        width : 23%;
}

.left
{
	float:left;
	margin-left:3px;
	margin-right:3px;
}

.right
{
	float:right;
	margin-left:3px;
	margin-right:3px;
}

#menu
{
	margin-left:auto;
	margin-right:auto;
        /*width:550px;*/
        width : 55%;
	height:27px;
        vertical-align: middle;
        margin-top:223px;
	text-align:center;
        /*border : solid 1px Black;*/
        border: none;
        overflow:hidden;
        float:left;
        font-size: 14px;
        font-weight: bold;
}


#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
  z-index:100;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 border-bottom: solid 1px Black;
 /*background-image: url(Images/FondMenu.jpg); */
 background-repeat: repeat-x;

 }

#menu li .sousmenu
{
    background-image: url(Images/FondMenu.jpg);
    font-size:12px;
    filter:alpha(opacity=95);
   -moz-opacity:0.95;
   opacity: 0.95;

}
#menu li a {
 display:block;
 width:100px;
 color:#ffffff;
 text-decoration:none;
 padding:5px;
 }


#menu li a:hover {
 color:#fff345;
 /* background-image: url(Images/FondMenuHover.jpg); */
 }

#menu li .sousmenu a:hover {
 color:#fff345;
 background-image: url(Images/FondMenuHover.jpg);
 font-size:12px;
 }
 
 #menu ul li ul {
 display:none;
 }
 
 #menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }

div.episode
{
    min-height: 120px;
}

p.resume
{
    color:#cccccc;
    font-style:italic;
    color:black;
    font-size: 12px;
	text-align:center;
    
}

span.comment
{
    float:right;
    font-style:italic;
    font-size:13px;
}
span.vote
{
    float:left;
    font-style:italic;
    font-size:13px;
}

p.page
{
    float:right;
    font-style:italic;
    font-size:13px;
}

.saison
{
	border:solid 1px #5598BF;
	vertical-align:middle;
	margin:auto;
}

.saison:hover
{
	background:#fff380;
}

.saison img
{
	vertical-align:middle;
	margin:auto;
	display:block;
}

div.com1
{
    border:solid 1px #5598BF;
    border-top:none;
    width:700px;
    max-width: 700px;
    min-height: 120px;
    margin-left: auto;
   margin-right: auto;
   overflow: auto;
   background-color:white;
}

div.com2
{
    border:solid 1px #5598BF;
    border-top:none;
    width:700px;
    max-width: 700px;
    min-height: 120px;
    vertical-align: middle;
    margin-left: auto;
   margin-right: auto;
   overflow: auto;
   background-color: #F4F4F4;
}

div.com1 div
{
    background-color:white;
    height:100%;

    
}
div.com2 div
{
    background-color: #F4F4F4;
    height:100%;

}

div.comuser
{
    float:left;
    width:120px;
    min-height: 130px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-style:italic;
    font-size: 12px;
    
}

div.comuser img
{
    width:50%;
    height:50%;
    max-height:80px;
}

div.comuser img.compte
{
    width:130px;
    height:90px;
    max-height:90px;
}

div.commes
{
    color:black;
    float:left;
    font-size:13px;
    min-height: 130px;
    width:560px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    text-align:left;
    border-left: dotted 1px #5598BF;
}

div.commes p
{
    margin-left:5px;
    margin-right:5px;
}

div.lienmes
{
	float:right;
	text-align:right;
    min-height:20px;
    margin:0px;
    font-size:11px;
    font-style: italic;
	margin-right:5px;
	width:10%;
}

img.miniavatar
{
    margin-top: 10px;
    margin-left: auto;
    margin-right:auto;
    margin-bottom: auto;
    border:solid 1px #3366cc;
}

div.comdate
{
    background-image:url(Images/FondMenu3.jpg);
    color:white;
    text-align:right;
    min-height:20px;
    margin:0px;
    font-size:12px;
    font-style: italic;
}

div.comdate a
{
    color:white;
}

div.comadd
{
    background-image:url(Images/FondMenu3.jpg);
    color:white;
    text-align:center;
    min-height:20px;
    margin:0px;
    font-size:12px;
    font-style: italic;
}

div .indexl
{
    min-height: 100px;
     border:solid 1px #5598BF;
	 background-color:white;
    border-top:none;
    margin-left: auto;
    margin-right:auto;
    font-size:13px;
	float:left;
	width:48%;

}

div .indexr
{
    min-height: 100px;
    border:solid 1px #5598BF;
	background-color:white;
    border-top:none;
    margin-left: auto;
    margin-right:auto;
    font-size:13px;
	float:right;
	width:48%;
	margin-right:5px;

}

div .indexc
{
    min-height: 100px;
    border:solid 1px #5598BF;
	background-color:white;
    border-top:none;
    margin-left: auto;
    margin-right:auto;
	float:left;
    font-size:13px;
	width:99%;
	margin-top:10px;

}

div .indexc a.right
{
    font-size:12px;
    font-style: italic;
}

div .indexl a.right
{
    font-size:12px;
    font-style: italic;
}

div .indexr a.right
{
    font-size:12px;
    font-style: italic;
}

textarea.comment
{
    width:95%;
    height:120px;
}

textarea.modifcom
{
    width:70%;
    height:100px;
}

.top1
{
	font-size:16px;
}

.top23
{
	font-size:15px;
}

.top45
{
	font-size:14px;
}

#lastEp
{
	height:360px;
	border:solid 1px #5598BF;
	margin-bottom:5px;
}

#une
{
	width:290px;
	height:360px;
	border:solid 1px #5598BF;
	margin-bottom:5px;
}


.voted
{
	font-size:11px;
}

.votedM
{
	font-size:11px;
	background:#fff380;
}
.voted:hover
{
	background:#E8E8E8;
}

#dialogV
{
	max-height:300px;
}
#accordion
{
	width:280px;
	max-width:280px;
}
#accordion h3 a
{
	font-weight:none;
	font-size:12px;
}