body  {
	width: auto;
    background-image: url(../img/blue_background.jpg);
	text-align: center; /* pour corriger le bug de centrage IE */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: auto;
}

#cache {
    position: absolute; 
    top: 50%; 
    z-index: 10; 
    visibility: hidden; 
	left: 30%;
	width:50%;
}

/* -- bloc bords orange fond blanc -- */
.cadre {
/*    border:0px;
    margin:0px;
    padding:0px; */
}

.cadre_total {
	width:100%;
	height:106px;
}

.flottant_gauche {
	float:left;
	text-align:left;
	width:106px;
	height:106px;
}

.flottant_droite {
	margin-left:116px;
	height:106px;
}

.cadre_left {
	text-align: left;
}

.haut {
    height:3px;
}

.ho {
    font-size: 2px;
    background-color:white;
    border-top: 1px solid #ff8041;
    margin-left: 3px;
    margin-right: 3px;   
}

.ho_bleu {
    font-size: 2px;
    background-color: #93BBE7;
    border-top: 1px solid #ff8041;
    margin-left: 3px;
    margin-right: 3px;   
}

.bas {
    height:3px;
}

.ba {
    font-size: 2px;
    background-color:white;
    border-bottom: 1px solid #ff8041;
    margin-left: 3px;
    margin-right: 3px;
}

.ba_bleu {
    font-size: 2px;
    background-color: #93BBE7;
    border-bottom: 1px solid #ff8041;
    margin-left: 3px;
    margin-right: 3px;
}

.hg {
    font-size: 1px;
    float:left;
    background-image:url(../img/hg.gif);
    background-position:top left;
    height:3px;
    width:3px;
}

.hd {
    font-size: 1px;
    float:right;
    background-image:url(../img/hd.gif);
    background-position:top right;
    height:3px;
    width:3px;
}

.bg {
    font-size: 1px;
    float:left;
    background-image:url(../img/bg.gif);
    background-position:bottom left;
    height:3px;
    width:3px;
}

.bd {
    font-size: 1px;
    float:right;
    background-image:url(../img/bd.gif);
    background-position:bottom right;
    height:3px;
    width:3px;
}

.contenu_centre {
    background-color:white;
    border-left: 1px solid #ff8041;
    border-right: 1px solid #ff8041;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
    list-style-type: none;
    color: #336699;
}

.contenu_centre_300 {
    background-color:white;
    border-left: 1px solid #ff8041;
    border-right: 1px solid #ff8041;
	padding-left: 2px;
	padding-right: 2px;
    list-style-type: none;
    color: #336699;
	text-align:center;
	line-height:400%;
	height:280px; 
}

.contenu_centre_100 {
    background-color:white;
    border-left: 1px solid #ff8041;
    border-right: 1px solid #ff8041;
	padding-left: 2px;
	padding-right: 2px;
    list-style-type: none;
    color: #336699;
	text-align:center;
	height:100px; 
}

.contenu_centre_bleu {
    background-color: #93BBE7;
    border-left: 1px solid #ff8041;
    border-right: 1px solid #ff8041;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
    list-style-type: none;
    color: #336699;
}

.contenu_left {
    background-color:white;
    border-left: 1px solid #ff8041;
    border-right: 1px solid #ff8041;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
    list-style-type: none;
    color: #336699;
}

.contenu_right {
    background-color:white;
    border-left: 1px solid #ff8041;
    border-right: 1px solid #ff8041;
	padding-left: 2px;
	padding-right: 2px;
	text-align: right;
    list-style-type: none;
    color: #336699;
}

/* -- entete bleue -- */

.etiquette {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../img/cellpic3.gif);
	color: white;
	font-weight: bold;
	font-size: 100%;
	line-height: 150%;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 5px;
}

.etiquette2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../img/cellpic4.gif);
	color: white;
	font-weight: bold;
	font-size: 100%;
	line-height: 150%;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
}

.etiquette3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../img/cellpic4.gif);
	color: white;
	font-weight: bold;
	font-size: 100%;
	line-height: 150%;
	height: 20px;
	text-align: center;
	vertical-align: middle;
}

/* -- barre_outil -- */

.conteneur {
	width: 100%;
	text-align: center;
	background-color: white;
}

.flottante_tab1 {
	background-color: white;
	border-right: 1px solid white;
	float: left;
	text-align:	center;
}

.flottante_tab2 {
	background-color: white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	float: left;
	text-align:	center;
}

.flottante_tab3 {
	background-color: white;
	border-left: 1px solid white;
	float: left;
	text-align:	center;
}

.separation {
	background-image: url(../img/spacer.gif);
	background-repeat:repeat-y;
	width: 1px;
	height: 1px;
	float: left;
	text-align: center;
	font-size: 1px;
}

hr {
	clear: both;
	visibility: hidden;
	font-size: 1px;
	text-align:center;
}

/* -- structure -- */

#logo {
/*	width: auto; */
	height: 150px;
/*	text-align: center; */
}

#header {
	width: auto;
/*	margin-top: 10px;
	margin-left: 140px;
	margin-right: 10px; */
}

/* #marquee {
    height: 20px;
	margin-bottom: 10px;
} */

#barre_outil {
	width: auto;
	height: 100px;
}

/* #barre_outil, #main, */
#footer, #express, #last_news {
	width: auto;
}

#principal {
	width: auto;
	margin-top: 10px;
	margin-left: 140px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#gauche {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 120px;
}

#login {	  
/*	height: 155px; */
}

#visio {
/*    height: 133px; */
}

#site {
	height: 100px;
	width: 100%;
	margin-right: 10px;
}

#logosite {
	height: 100px;
	width: 100px;
	margin-right: 10px;
}  

/* -- texte défillant, voir aussi defile.js dans include --*/

#cadrpg { 
	width:100%; 
	margin:0 auto; 
	border:0; 
	overflow:hidden;
} 

#newshr { 
	position:relative; 
	width:100%; 
	height:15px; 
	overflow:hidden; 
    color:inherit; 
	background-color:white;
} 
		  
#defile { 
	position: absolute;
	background-color:transparent; 
	text-align: left;
	width: 4000px;
}

/* -- habillage des calques-- */

.spacer {
	height: 10px;
/*	font-size: 1px; */
}

/* #marquee, #barre_outil, #footer,  */ 
#commentaires,  #last_news {
      background-color: white;
      text-align: center;
      list-style-type: none;
      color: #336699;
      border: 1px solid #FF8041;
}

#tuto, #fond, #logosite, #site, #tuto1 {
      background-color: white;
      list-style-type: none;
      color: #336699;
      border: 1px solid #FF8041;
}

/* .tuto2 {
 	  background-color: white;
	  list-style-type: none;
	  color: #336699;
	  border: 1px solid #FF8041
	 } */

#modgauche {
      width: 45%;
	  text-align: left;
	  background-color: white;
	  list-style-type: none;
      color: #336699;
      border: 1px solid #FF8041;
	  margin-right: 10px;
}

#moddroit {
      width: 45%;
	  text-align: left;
	  background-color: white;
	  list-style-type: none;
      color: #336699;
      border: 1px solid #FF8041;
}

 /*#login, #fluxrss, #sommaire, #compteur , #visio, #newsletter, #newsletter1 {
	  text-align: center;
      list-style-type: none;  
} */

/* #blocgauche {
	  background-color: white;
      text-align: center;
      list-style-type: none;
      border: 1px solid #FF8041;
} */

#webmedia {
	background-color: white;
    list-style-type: none;
    border: 1px solid #FF8041;
	text-align: left;
	width: auto;
}

/* -- habillage des petits éléments de structures -- */

input {
	font-size: 10px;
} 

img {
	border: none;
}
			
/* div {
	-moz-border-radius: 5px; 
} */

.petit {
	font-size: 1px;
	height: 1px;
}

a {
	text-decoration: none;
	color: #336699;
}
	
a:hover {
	font-weight: bold;
	color: #FF8041;
}

#index, #sommaire, #express a:hover {
    text-decoration: none;
    color: #FF8041;
}



th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../img/cellpic3.gif);
	color: white;
	font-weight: bold;
	font-size: 100%;
	height: 20px;
}

.Date_news {
	float: left;
	color: white;
	text-align: left;
	width: 50%;
}

.Titre_news {
	float: right;
	color : red;
	text-align: right;
	width: 50%;
}

.delete {
	float:right;
	text-align: right;
}

.Top_news {
	background-image: url(../img/cellpic3.gif);
	font-size: 100%;
	font-style: italic;
	font-weight: bold;
	line-height: 150%;
	height: 20px;
	vertical-align: middle;
}

.Texte_news {
	padding-top: 5px;
	padding-bottom: 5px;
}	

.Texte_news a {
	color: #FF8041;
}

.Bas_news {
	background-image: url(../img/cellpic4.gif);
	font-size: 100%;
	font-weight: bold;
	line-height: 150%;
	height: 20px;
	vertical-align: middle;
}

.Table_news_cat {
	float: left;
	text-align: left;
	color: white;
	width: 50%;	
}

.Table_news_com {
	float: right;
	text-align: right;
	width: 50%;
}

.col_left {
	float: left;
	text-align: left;
	width: 50%;
}

.col_right {
	float: right;
	text-align: left;
	width: 50%;
}

td.reponse {
	text-align: left;
	background-color: transparent;
	width: 100%;
}

a:hover .Bas_news {
	font-weight:bold;
	color:red;
}

.nb_com {
	color: red;
	font-weight: bold;
}
	
.footer {
	font-style: italic;
	font-size: 80%;
}

.formu {

}
	  
:focus .formu {
	background-color : #EEF7FB;
}

/* #content {
            width : 610px;
            background : #f5f8fc;
            padding : 1em;
            border : 5px solid #F0F5FF;
            margin-top : 2%;
            margin-bottom : 2%;
            margin-left : auto;
            margin-right : auto;
            font-size : 15px;
      }
      #mainmsg {
            color : #336699;
            text-align : center;
            padding : 1em;
            margin : 10px;
            border : 1px dashed #00008b;
            background : white;
            font-size : 17px;
            font-weight : bold;
      }
      #Fichiers_de_lancement_Batch {
      		height : 373px;
      }
      #Playlist_WebTV {
      		height : 373px;
      }
      #formu textarea {
      		width : 432px;
      		height : 80px;
      }
/*      .credit p {
			margin : none;
      } 
      .textbox1 {
      		text-align: left;
            padding : 10px;
            background : white;
            margin : 10px;
            border : 1px dotted #E3ECFF;
      }
      .textbox1 a {
            font-weight : normal;
      }
      .textbox1 li {
            list-style-type : none;
      }
      #vers span {
            color : #0066cc;
      }
      #vers ul {
            color : #8abff4;
            font-size : 8pt;
      }
      .screen {
            display : inline;
      }


      .important {
      		color: #FF8041;
      }
      .compteur {
      		text-align : center;
      }
/*      .infoupdate {
      		margin : none;
      		text-align : center;
      		font-size : 7pt;
      		color : #BACFDA
      } 
      .special {
      		color : green;
      }
      .gauche {
      		text-align : left;
      }
      hr {
			display : none;
      }
      .Table_news {
			border:1px solid #0000FF;
			background-color:#FFFFFF;

	}



	/* Movies */

	.style1 {
		color: #FF9900;
	}
	
	.stylemenu {
		color: #FF8041;
		font-weight: bold;
	}

b {
    color : black;
}

	.Movie_title {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #FF9900;
	}
	.Movie_link {
			color: #FF9900;
			text-decoration: none;
	}
	.Movie_details {
		color: #666666; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		}

	.Movie_count {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-style: italic;
			color: #666666;
			font-size: x-small;
	}
	.l_news_titre {
			color: #FF0000;
			font-weight: bold;
			font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	.l_news_titre2 {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: small;
			color: #FFFFFF; 
			font-weight: bold;
	}
	.l_news_link {
			color: #000099;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: small;
			text-decoration: none;
	}