* {
    margin: 0;
    padding: 0;
}
a img {
  border: none;
}

body {
    background-color: #000;
    background-image: url(images/pattern_bg.jpg);  
    background-repeat: repeat-x;
    
}

/*body
{
    background-color: #000000;
    color: #181818;
}*/

#bloc_page
{
    width: 900px;
    margin: auto;
}



/* Header */

header
{
   height: 78px;
}

#titre_principal
{
    display: inline-block;
}



#logo
{
    display: inline-block;
    margin-bottom: 0px;
    width: 80px;
}


/* #charlie
{
    display: inline-block;
    margin: 5px;
    margin-left: 90px;
    height: 58px;
    border: 1px solid #a8a8a8;
}

 Navigation 

#nav_c
{
    text-transform: uppercase;
    vertical-align: bottom;
    display: inline-block;
    width: 616px;    
    text-align: right;
    font-family: "alternate-gothic-no-2-d",sans-serif;
    font-style: normal;
    font-weight: 400;
}

#nav_c ul
{
    list-style-type: none;
}

#nav_c li
{
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 10px;
}

#nav_c a
{
    font-size: 1.5em;
    color: #a8a8a8;
    text-decoration: none;
}

#nav_c a:hover
{
    color: #ffffff;
}

 Navigation */

nav
{   
    position: relative;
    text-transform: uppercase;
    vertical-align: bottom;
    display: inline-block;
    width: 811px;    
    text-align: right;
    font-family: "alternate-gothic-no-2-d",sans-serif;
    font-style: normal;
    font-weight: 400;
    padding-bottom: 10px;
    z-index:100;
    
}

#menu /* Liste */     
{
     
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        text-align : right; /* on centre le texte qui se trouve dans la liste */
    
}
#menu ul
{
    background-color: #212121;
    text-align: left;
    padding: 10px 0px;
    border-radius: 0.2em;
}

#menu a /* Contenu des listes */
{
        display: inline-block;     
        margin-left: 20px;
        color : #a8a8a8; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        font-size: 1.5em;
}
#menu a:hover
{
    color: #fff;
}
#menu li li a
{
    font-size: 1em;
    letter-spacing: 0.03em;
    margin-left: 0px;
    padding: 5px 15px;
    
}
#menu li /* Elements des listes */      
{ 
      display: inline-block;    
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}
#menu li ul li /* Éléments de sous-listes */
{
    display: block;  
}
#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */     
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}




/* Corps */
#highlight img
{
    width: 900px;
}
.highlightnew img
{
	width: 900px;
}
.highlightnew div
{
   vertical-align: top;
   display: inline-block;
}
#highlight1 img
{
    width: 460px;
}
#highlight2 img
{
    width: 436px;
}
#puf
{
    background-color: #030303; 
}

#about p
{
   /* border: 1px solid #525050;*/
	margin-left: 200px;
	text-align: justify;
	padding: 60px 250px 60px 0px;
    font-family: "ff-tisa-web-pro",serif;
	font-style:normal;
	font-weight: 400;
    color: #ffffff;
	font-size: 0.85em;
}
#about strong
{
	text-transform: uppercase;
	font-family: "alternate-gothic-no-2-d",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.8em;
	letter-spacing: 0.5pt;
    text-decoration: none;
	color: #a8a8a8;
}
#bloc_contact
{
	text-align: center;
}
#contact
{
   /* border: 1px solid #525050;*/
    display: inline-block;
    padding-top: 60px;
    padding-bottom: 30px;
    padding-right: 50px;
    font-family: "ff-tisa-web-pro",serif;
	font-style:normal;
	font-weight: 400;
    color: #ffffff;
	font-size: 1em;
    vertical-align: top;
}
#contact a
{
    text-decoration: none;
    color: #ffffff;
}
#contact a:hover
{
    color: #a8a8a8;
}
#contact strong
{
    font-family: "ff-tisa-web-pro",serif;
	font-style:normal;
	font-weight: 700;
    color: #ffffff;
	font-size: 1em;
}
#contact b
{
    color: #a8a8a8;
}

.affiches div
{
    margin-top: 10px;
    vertical-align: top;
    display: inline-block;
}
.affiches img
{
    width: 250px;
}
#affiche_01
{
    margin-right: 70px
}
#affiche_02
{
    margin-right: 71px
}
#bouton_fiche
{
    margin-top: 20px;
    
}

#bouton_fiche, #bouton_dp
{
    text-transform: uppercase;
    text-align: right;
    font-family: "alternate-gothic-no-2-d",sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 10px;
}
#bouton_fiche a, #bouton_dp a
{
    font-size: 1.3em;
    color: #a8a8a8;
    text-decoration: none;
}

#bouton_fiche a:hover, #bouton_dp a:hover
{
    color: #ffffff;
}

section h1
{   
    opacity: 0.8;
    margin-top: 20px;
    text-transform: uppercase;
    text-align: left;
    font-family: "alternate-gothic-no-2-d",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #ffffff;
    font-size: 3.2em;
}
footer
{
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    font-family: "arial",sans-serif;
    font-weight: normal;
    font-size: 0.7em;
    color: #a8a8a8;
}
footer img
{
    width: 150px;
}

#links
{
    margin-top: 10px;
    text-align: right;
}
#links img
{
    margin-left: 10px;
}

#photo_MDP, #photo_MG
{
    display: inline-block;
    margin-top: 20px;
    text-transform: uppercase;
    text-align: center;
    font-family: "alternate-gothic-no-2-d",sans-serif;
    font-style: normal;
    font-weight: 400;    
    font-size: 1em;
    text-decoration: none;
    color: #a8a8a8;
    border-style: none;
    
}
#photo_MDP a, #photo_MG a
{
    
    
}
#photo_MDP a:hover, #photo_MG a:hover
{
    text-decoration-color: #fff;
}

#photo_MDP img, #photo_MG img
{
    width: 433px;
}
#photo_MG img, #photo_MG figcaption
{
    margin-left: 30px;
    
}
#visuel_presse img
{
    width: 900px;
}
#visuel_presse div
{
    display: inline-block;
}

#presse_colonnes div
{
    vertical-align: top;
    display: inline-block;
    width: 428px;
    padding-right: 10px;
    padding-left: 10px;
    
}
#presse_colonnes h1
{
    margin: 0px;
    padding-top: 20px;
    padding-bottom: 15px;
    vertical-align: top;
    text-align: center;
    text-transform: uppercase;
    font-family: "alternate-gothic-no-2-d",sans-serif;
    font-style: normal;
    font-weight: 400;    
    font-size: 1.5em;
    color: #a8a8a8;
}
#presse_colonnes ul li
{
    height: 22px;
    margin: 0px;
    padding-top: 0px;
}
#presse_colonnes ul li a
{
    display:block;
    font-family: "ff-tisa-web-pro",serif;
	font-style:normal;
	font-weight: 400;
    color: #a8a8a8;
	font-size: 0.9em;
    text-decoration: none;
    padding-left: 5px;      
}
#presse_colonnes ul li a:hover
{
    height: 15px;
    background-color: #212121;
    color: #fff;
    padding-top: 0px;
    padding-bottom: 10px;
    
}
#presse_colonnes ul li a:visited
{
    border: none;
}
#fiche_gc img
{
    width: 450px;
}
#fiche_gc
{
    display: inline-block;
    width: 450px;
    text-align: right;
}

#fiche_gc p
{
    display: inline-block;
    height: 190px;
    
}
#diapo_ldh a, #diapo_gainsbourg a, #diapo_LGDB a, #diapo_PUF a
{
    display: inline-block;
    float: left;
    width: 142px;
    background-size: 142px 73px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-family: "alternate-gothic-no-2-d",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.3em;    
    color: #a8a8a8;
    text-decoration: none;
    text-align: right;
    margin-top: 8px;
    padding-top: 77px;  
}
#diapo_ldh a
{
    background-image: url(images/vignette_diapo_LDH.jpg);
}
#diapo_gainsbourg a
{
    background-image: url(images/vignette_diapo_Gainsbourg.jpg);
}
#diapo_LGDB a
{
    background-image: url(images/vignette_diapo_LGDB.jpg);
}
#diapo_PUF a
{
    background-image: url(images/vignette_diapo_PUF.jpg);
}
#diapo_ldh a:hover, #diapo_gainsbourg a:hover, #diapo_LGDB a:hover, #diapo_PUF a:hover
{
    color: #fff;
}

#fiche_gc p a
{
    display: block;
    width: 300px;    
    background-size: 300px 161px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-family: "alternate-gothic-no-2-d",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.3em;    
    color: #a8a8a8;
    text-decoration: none;
    text-align: right;
    padding-top: 165px;
    margin-top: 8px;
}
#vignette_FE a
{
   background-image: url(images/vignette_video_FE.jpg); 
}
#vignette_ldh a
{
   background-image: url(images/vignette_video_LDH.jpg); 
}
#vignette_lgdb a
{
   background-image: url(images/vignette_video_LGDB.jpg); 
}
#vignette_gainsbourg a
{
   background-image: url(images/vignette_video_Gainsbourg.jpg); 
}
#vignette_puf a
{
   background-image: url(images/vignette_video_PUF.jpg); 
}
#fiche_gc p a:hover
{
    color: #ffffff;
}
#newlinks
{
    margin-top: 15px;
    text-align: right;
    display: block;   
}

#fiche_gc #newlinks #pathe
{
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 0px;
    width: 44px;
}
#fiche_gc #newlinks #fb
{
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 5px;
    width: 29px;
}


#fiche_dt
{
    display: inline-block;
    width: 395px;
    text-align: left;
    padding-left: 50px;
    padding-top: 0px;
    margin-top: 0px;
    vertical-align: top;
}

#fiche_dt h2
{
    opacity: 0.8;
    text-transform: uppercase;
    text-align: left;
    font-family: "alternate-gothic-no-2-d",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #ffffff;
    font-size: 2em;
}

#fiche_dt p
{
    font-family: "ff-tisa-web-pro",serif;
	font-style:normal;
	font-weight: 400;
    color: #fff;
	font-size: 0.85em;
    line-height: 1.4em;
    margin-bottom: 30px;
}
#fiche_dt p strong
{
    color: #a8a8a8;
    text-transform: uppercase;
    font-weight: 700;
}
#fiche_dt p#liste
{
    line-height: 1.7em;
}
#fiche_dt h3
{
    opacity: 0.8;
    text-transform: uppercase;
    text-align: left;
    font-family: "alternate-gothic-no-2-d",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #ffffff;
    font-size: 1.4em;
}

#home h3
{
	opacity: 0.8;
    text-transform: uppercase;
    text-align: center;
    font-family: "alternate-gothic-no-2-d",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #ffffff;
    font-size: 1.2em;
}
#home a
{
	opacity: 1;
    text-transform: uppercase;
    text-align: center;
    font-family: "alternate-gothic-no-2-d",sans-serif;
    font-style: normal;
    font-weight: 400;
	text-decoration: none;
    color: #ffffff;
    font-size: 1em;
}
#home a:hover
{
	opacity: 0.7;
	text-decoration: underline;
}

#container{
	width:900px;
	height:462px;
	position:relative;
}

#container .prevButton{
	height:72px;
	width:68px;
	position:absolute;
	background:url('images/buttons_diapo.png') no-repeat;
	top:50%;
	margin-top:-36px;
	cursor:pointer;
	z-index:2000;
	background-position:left top;
	left: 0px;
}

#container .prevButton:hover{ background-position:left bottom;left:0px;}

#container .nextButton{
	height:72px;
	width:68px;
	position:absolute;
	background:url('images/buttons_diapo.png') no-repeat;
	top:50%;
	margin-top:-36px;
	cursor:pointer;
	z-index:2000;
	background-position:right top;
	right: 0px;
}

#container .nextButton:hover{background-position:right bottom;right: 0px;}

#container ul{
	width:900px;
	height:462px;
	list-style:none outside none;
	position:relative;
	overflow:hidden;
}

#container li:first-child{
	display:list-item;
	position:absolute;
}

#container li{
	position:absolute;
	display:none;
}