/***********************************************\
 ***** PARTIES COMMUNES A TOUTES LES PAGES *****
\***********************************************/
/* voir plus loin pour le détail de chaque page */

 
/*************************************************\
 * Positionnement et taille des différents blocs *
\*************************************************/
/*
	Dimensions :
	
	largeur du site : 970px;
	largeur colonne gauche : 180px;
	largeur colonne droite : 200px;
	
	largeur partie centrale : 590px (970 - 180 - 200 = 590px si colonne droite, 790px sinon)
 */
#network
{
	height : 26px;
	margin:auto;
	width:100%;
}
#container-top
{
	width : 1024px;
	height : 75px;
	margin : 0 auto;
}
#container
{
	width : 970px;
	margin : 0 auto;
}
#container-bottom
{
	width : 1024px;
	height : 75px;
	margin : 0 auto;
}

/*
 * Bannière 
 */
#banner
{
	width : 970px;
}

/*
 * Menu
 */
#menu
{
	width : 970px;
}
#menu, #menu-left, #menu-right, #menu-center, .menu_item_left, .menu_item_right, .menu_item_center, .menu_item_separator
{
	height : 50px;
}
#menu
{
	line-height : 50px;
}

#menu-left
{
	width : 10px;
}
#menu-right
{
	width : 10px;
}
#menu-center
{
}

.menu_item_left, .menu_item_right, .menu_item_separator
{
	width : 5px;
}

#leaderboard
{
	height : 90px;
	padding : 10px;
}
#pub-rectangle
{
	width : 300px;
	height : 250px;
}
#middle-top
{
	height : 70px;
}
#middle
{
	overflow : hidden;
}
#middle-bottom
{
	height : 90px;
}
#middle-left
{
	width : 180px;
}
#middle-right
{
	width : 200px;
}
#middle-center
{
	width : 590px;
}
#screenshots-accueil #middle-center
{
	width : 790px;
}
#middle-left-top, #middle-left-bottom, #middle-right-top, #middle-right-bottom
{
	height : 20px;
}
#middle-left-middle, #middle-right-middle
{
}
#middle-center-middle
{
}
#middle-center-top, #middle-center-bottom
{
	height : 20px;
}

.bloc_gauche, .bloc_droite
{
}
.bloc_gauche_top, .bloc_gauche_bottom, .bloc_droite_top, .bloc_droite_bottom
, .bloc_centre_top, .bloc_centre_bottom
{
	clear : both;
}

#footer
{
	height : 100px;
}

/*
 * Textes
 */
.texte_news
{
	width : 500px;
}

.texte_article
{
	margin : auto;
	width : 500px;
}

.lien_page_precedente , .page_courante , .lien_page_suivante{
	float: left;	
}

/* pop-up */
#masque, #pop-up, #pop-up-loading
{
	z-index : 98;
	position : fixed;
	top : 0px;
	left : 0px;
	bottom : 0px;
	right : 0px;

	background : #000;
	opacity : .5;
}
#pop-up, #pop-up-loading
{
	z-index : 100;
	background : transparent;
	opacity : 1;
}
#pop-up-loading
{
	text-align : center;
	position : fixed;
	top : 200px;
	z-index : 99;
}

/***********************************************\
 ******************* PAGES *********************
\***********************************************/

/***************************\
 *        ACCUEIL          *
\***************************/

/*
 * Unes
 */
#bloc-unes
{
	overflow : hidden;
}
.item_une
{
	float : left;
	width : 196px; /* largeur du bloc central (590px) divisé par 3) */
	height : 200px; /* a définir selon la skin */
}
.item_une_image
{
	text-align : center;
	overflow : hidden;
}

/******************************\
 *        SCREENSHOTS         *
\******************************/

#rubrique_screenshots #middle-center
{
	width : 790px;
}

.moyenature_slideshow_container, .slideshow_container
{
	clear : both;
	width : 700px;
	position : relative;
	overflow : hidden;
}
.moyenature_slideshow, .slideshow
{
	position : relative;
	overflow : hidden;
	width : 1400px; /* 700 x 2 */
}
.moyenature_slideshow_item, .slideshow_item
{
	float : left;
	width : 700px;
}
.miniature_item
{
	width : 160px;
	height : 160px;
	float : left;
}
/******************************\
 *            FAQ             *
\******************************/
.sommaire_faq_item
{
	margin: 5px 0;
}
	
/***********************************************\
 ************* A NE PAS MODIFIER ***************
\***********************************************/

.fil_colonnes_container
{
	overflow : hidden;
	position : relative;
	width : 500px;
}
.fil_colonnes
{
	position : relative;
	width : 1500px;
}

.fil_colonne
{
	float : left;
	width : 500px;
}

/******************************\
 *    Retro compatibilite     *
 *    Fansite v3 template     *
\******************************/
#menu-bg-right ,
#pub-leaderboard-contenu-gauche ,
#pub-leaderboard-contenu-droit ,
#bloc_titre_details_news {
	display: none;
}
#pub-leaderboard-contenu > div {
	margin: auto;
}
/*ajout bloc qui bougent*/
.transpa_fil_titre
{
  padding-top:3px;
  background:url(../imgs/pave-top.png);
}
.fil_date
{
	font-size: 0.8em;
	padding-left:20px;
}
.transpa_fil_date
{
	color:#221E3C;
	font-size: 0.8em;
	font-weight:bold;
	padding-left:20px;
  background: url(../imgs/pave-center.png);
}
.fil_pitch
{
	font-size: 0.8em;
	padding-left:20px;
}
.transpa_fil_pitch
{
	font-size: 0.8em;
	padding-left:20px;
  background: url(../imgs/pave-center.png);
}
.fil_lien{
	font-size: 0.8em;
	text-align: right;
        padding-bottom:5px;
}
.transpa_fil_lien{
	font-size: 0.8em;
	text-align: right;
        background: url(../imgs/pave-bottom.png) no-repeat bottom;
        padding-bottom:5px;
}
.fil_lien a{
	color: #221e3c;
	font-weight: normal;
	text-decoration: underline;
	padding-right:10px;
	background: url("../imgs/news-fleche.png") no-repeat center left;
}
.transpa_fil_lien a{
	color: #221e3c;
	font-weight: normal;
	text-decoration: underline;
	padding-right:10px;
	background: url("../imgs/news-fleche.png") no-repeat center left;
}

/******************************\
 * Lien vers archives de news *
 * qui n'existe pas (encore)  *
\******************************/
#lien-archives-news
{
	display : none;
}

/******************************\
 * resultats recherche google *
\******************************/
#googleSearchUnitIframe
{
	margin-left : 10px;
}
.labels_recherche
{
	font-size : .8em;
}

/*---------------FOOTER-------------------*/
#footer_general
{
  width:1006px;
  font-size:10px;
  overflow:hidden;
}
.footer_general_top
{
  background:transparent url(../imgs/footer-g-top.png) no-repeat top;
  height:38px;
}
.footer_general_middle
{
  background:transparent url(../imgs/footer-g-bottom.png) repeat;
}
.footer_general_middle table {
    margin: 0 20px;
}
.footer_general_titre {
    white-space: nowrap;
}
#footer_general li
{
  display:inline;
}
.footer_general_td
{
  padding-right:5px;
  text-align:right;
  width:200px;
  vertical-align:top;
}
.footer_general_td_li
{
  vertical-align:top;
  overflow:hidden;
  width:725px;
}
/*----------------------------------------*/