body {
	background-image: url('images/fond.jpg');
	background-color: #0B001A;
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	background-attachment: fixed;
	color:#FFFFFF;
	font-size: 15px;
    font-family:"Trebuchet MS", Arial, sans-serif;
    color:#ffffff; 
}

ul {
	list-style-type: none;
}
a {
   outline: 0;
}

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


#all {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	z-index: 9999;
}

#contenu{
	//width: 680px;
	width: 720px;
	float: right;
	height: auto;
}

/* Début Menu Entier */
#menu-entier{
	height: auto;
	width: 680px;
	padding-left:40px;
	padding-bottom: 30px;
	background-image: url(images/trait.png);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
}

#menu {
	float: left;
	width: 150px;
}

#here {
	float: left;
	margin-left: 5px;
	padding: 0px;
	margin-top: 40px;
}

#here h1 {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 29px;
}

#logo-b {
	margin-top: 52px;
	margin-right:20px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #6b5375;
	text-align: right;
	float: right;
	}

/* Menu navigation */
.navigation { 
	  margin: 0; 
      padding: 0; 
      list-style: none; 
      color: #ffffff; 
      width: 121px; 
      font-size: 12px;
      font-family:"Trebuchet MS", Arial, sans-serif;
      border-right-width: 2px;
	  border-right-style: solid;
	  border-right-color: #FFFFFF;	
	  
      } 
          
     .navigation a, h1{
      display: block; 
      list-style: none ;
      text-decoration: none; 
      font-size: 12px;
      font-family:"Trebuchet MS", Arial, sans-serif;
      color:#ffffff; 
     }
   
   .navigation .subMenu { 
      font-size: .8em; 
      font-size: .9em; 
      margin: 0; 
      padding: 0; 
      list-style: none ; 
      color:#ffffff;
      } 
      
   .navigation ul.subMenu a { 
      background: none; 
      padding: 3px 20px;
      list-style: none ; 
      color:#ffffff;
   }

.ascenseur{
	  cursor:pointer;	
}


/* Le Header */

#header{
float:left;
padding-left: -90px;
height: 262px;
width:845px;
float:left;
	
}

/* Contenu middle */ 
#middle {
	height: auto;
	width: 680px;
	padding-left:40px;
	padding-top: 30px;
	background-image: url(images/trait.png);
	background-repeat: no-repeat;
	background-position: top;
	float:left;
	}

#middle p{
	padding-left:50px;
}

#middle img{
	padding:4px; 
	border:1px solid #500071;
}
/* Equipe */
.equipe-titre {
	background-image: url(images/titre_equipe.png);
	text-indent: -9999px;
	display: block;
	height: 39px;
	width: 124px;
	overflow: hidden;
}

table.equipe{
	  width: auto;
	  height: auto;
	  font-size: 15px;
      font-family:"Trebuchet MS", Arial, sans-serif;
      color:#ffffff; 
  	  padding-top:15px;
  	  padding-left:50px;
}

table.equipe img{
	padding:4px; 
	border:1px solid #500071;
}

/* Contact */
.contact-titre {
	background-image: url(images/titre_contact.png);
	text-indent: -9999px;
	display: block;
	height: 39px;
	width: 124px;
	overflow: hidden;
}

table.contact{
	  width: auto;
	  height: auto;
	  font-size: 15px;
      font-family:"Trebuchet MS", Arial, sans-serif;
      color:#ffffff; 
  	  padding-top:15px;
  	  padding-left:50px;
}


/* Boite à idée */
.idee-titre {
	background-image: url(images/titre_idee.png);
	text-indent: -9999px;
	display: block;
	height: 39px;
	width: 174px;
	overflow: hidden;
}

table.idee{
	  width: auto;
	  height: auto;
	  font-size: 15px;
      font-family:"Trebuchet MS", Arial, sans-serif;
      color:#ffffff; 
  	  padding-top:15px;
  	  padding-left:50px;
}
/* Livre d'or */
.or-titre {
	background-image: url(images/titre_livredor.png);
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 127px;
	overflow: hidden;
}

table.or{
	  width: auto;
	  height: auto;
	  font-size: 15px;
      font-family:"Trebuchet MS", Arial, sans-serif;
      color:#ffffff; 
  	  padding-top:15px;
  	  padding-left:50px;
}

/* EP1 */
.episode1-titre {
	background-image: url(images/titre_epi1.png);
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 127px;
	overflow: hidden;
}

/* EP2 */
.episode2-titre {
	background-image: url(images/titre_epi2.png);
	text-indent: -9999px;
	display: block;
	height: 33px;
	width: 138px;
	overflow: hidden;
}

/* EP3 */
.episode3-titre {
	background-image: url(images/titre_epi3.png);
	text-indent: -9999px;
	display: block;
	height: 33px;
	width: 139px;
	overflow: hidden;
}

/* Playlist */
.playlist-titre {
	background-image: url(images/titre_playlist.png);
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 127px;
	overflow: hidden;
}


/* Affiche Ep 1 */
.affiche1-titre {
	background-image: url(images/titre_affiche1.png);
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 127px;
	overflow: hidden;
}

/* Affiche Ep 2 */
.affiche2-titre {
	background-image: url(images/titre_affiche2.png);
	text-indent: -9999px;
	display: block;
	height: 33px;
	width: 138px;
	overflow: hidden;
}

/* Affiche Ep 3 */
.affiche3-titre {
	background-image: url(images/titre_affiche3.png);
	text-indent: -9999px;
	display: block;
	height: 33px;
	width: 138px;
	overflow: hidden;
}

/* Teaser 1 */ 
.teaser1-titre {
	background-image: url(images/titre_teaser1.png);
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 127px;
	overflow: hidden;
}

/* Teaser 2 */ 
.teaser2-titre {
	background-image: url(images/titre_teaser2.png);
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 127px;
	overflow: hidden;
}

/* Teaser 3 */
.teaser3-titre{
	background-image: url(images/titre_teaser3.png);
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 127px;
	overflow: hidden;
}	

/* QVGDO */ 
.qvgdo-titre {
	background-image: url(images/titre_qvgdo.png);
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 127px;
	overflow: hidden;
}

/* Bizutage */ 
.bizutage-titre {
	background-image: url(images/titre_bizutage.png);
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 127px;
	overflow: hidden;
}


/* News */ 
.news-titre {
	background-image: url(images/titre_news.png);
	text-indent: -9999px;
	display: block;
	height: 34px;
	width: 124px;
	overflow: hidden;
}
#contenu-news {
	height: auto;
	width: 620px;
	margin-bottom: 20px;
	margin-left: 50px;
}

#contenu-news .corp-news{
	  font-size: 15px;
      font-family:"Trebuchet MS", Arial, sans-serif;
      color:#ffffff; 
      text-align:left;
      padding-right: 15px;
      padding-top: 20px;
      padding-bottom:10px;
}

#contenu-news .corp-news a {
	  font-size: 15px;
      font-family:"Trebuchet MS", Arial, sans-serif;
      color:#500071;
      text-decoration:underline;	
      text-align:left;	
}

#contenu-news .auteur{
	  font-size: 13px;
	  font-style:italic;
      font-family:"Trebuchet MS", Arial, sans-serif;
      color:#ffffff; 
      text-align:right;
      padding-right: 10px;
}

#contenu-news .point{
	color:#500071;	
}





/* Barre sociale */
#barre-social {
	text-align: center;
	width: 100%;
	height: 35px;
	position: fixed;
	bottom: 0px;
	z-index: 9999;
	overflow: auto;
	background-image: url('images/fond_socialbar.png');
}

#elements-social {
	cursor: pointer;
	width: 1000px;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	margin-top:8px;
	z-index: -9999;
}




/* Logo sur le coté */ 
#logo {
	height: 355px;
	width: 425px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -9999;
}

.clear {
	clear: both;
}


/* Footer avec menu du bas */ 
#footer {
	text-align: center;
	width: 100%;
	height: 242px;
	background-image: url(images/fond_footer.png);
	background-repeat: repeat-x;
	margin-top: 50px;
}

#contenu-footer{
	width: 1000px;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	
}

#contenu-footer .secciones-cuadro {
	width: 116px;
	height: 190px;
	float: left;
	color: #FFF;
	text-align: left;
	margin-right: 14px;
}

#contenu-footer .secciones-cuadro1 {
	width: 134px;
	height: 190px;
	float: left;
	color: #FFF;
	text-align: left;
	margin-right: 14px;
}

 #contenu-footer .secciones-cuadro table {
	padding-top:36px;
	float: left;
	margin-left: 18px;
}

#footer h2 {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footer ul {
	padding: 0px;
	margin: 0px;
	margin-left: 17px;
}
#footer ul li {
	font-size: 10px;
    font-family:"Trebuchet MS", Arial, sans-serif;
    color:#ffffff;
	margin-top: 5px;
}
#footer #contenu-footer ul li a {
	text-decoration: none;
	color: #666;
}
#footer #contenu-footer ul li a:hover {
	color: #CCC;
}
#footer #contenu-footer .contenedor-secciones{
	width: 680px;
	height: 210px;
	float: right;
}

#footer .copyright{
    font-size: 9px;
    font-family:"Trebuchet MS", Arial, sans-serif;
    color:#6b5375;
    text-align:center;
    float:right;
    padding-right:120px;			
}

#footer .titulo-nosotros {
	background-image: url(images/titre_serecom.png);
	text-indent: -9999px;
	height: 33px;
	width: 144px;
	overflow: hidden;
}

#footer .titulo-servicios {
	background-image: url(images/titre_ep1.png);
	text-indent: -9999px;
	height: 33px;
	width: 101px;
	overflow: hidden;
}
#footer .titulo-portafolio {
	background-image: url(images/titre_ep2.png);
	text-indent: -9999px;
	height: 33px;
	width: 96px;
	overflow: hidden;
}
#footer .titulo-contacto {
	background-image: url(images/titre_ep3.png);
	text-indent: -9999px;
	height: 32px;
	width: 99px;
	overflow: hidden;
}