@charset "utf-8";
/* CSS Document */

	body{
		margin:0;
		padding:0;
		background-color:#000;
		font-family:arial;
		font-size:10px;
		color:#fff;
	}
	
	a img{
		border:0;
	}
	
	.clear{
		clear:both;
		height:0;
	}
	
	.visible{
		display:block;
	}
	
	.invisible{
		display:none;
	}
	
	form{
		margin:0;
	}
	
	#global{
		width:976px;
		margin:auto;
		position:relative;
	}
  #globalsendFriend {
		margin:10px 10px 10px 10px;
  }
	
	#entete{
		width:976px;
		height:80px;
	}
	
	#logo{
		display:block;
		position:absolute;
		z-index:13;
		top:0;
		left:0;
		width:63px;
		height:101px;
	}
	
	#tempsPresse{
		float:left;
		width:156px;
		margin:0 21px 0 0;
		padding:0 0 0 63px;
	}
	
	#enteteListe{
		float:left;
		width:119px;
		margin:8px 0 0 0;
		padding:0;
		list-style:none;
	}
	
	.enteteSeparateur{
		float:left;
		width:1px;
	}
	
	#enteteListe2{
		float:left;
		width:161px;
		margin:8px 0 0 0;
		padding:0 0 0 7px;
		list-style:none;
	}
	
	#enteteListe li, #enteteListe2 li{
		margin:0 0 4px 0;
		padding:0 0 0 14px;
		background-image:url(../img/puce.gif);
		background-repeat:no-repeat;
		background-position:left center;
		font-size:100%;
	}
	
	#enteteListe li a, #enteteListe2 li a{
		text-decoration:none;
		color:#fff;
	}
	
	#inscriptionNewsletter{
		float:left;
		width:177px;
		margin:1px 0 0 0;
		padding:0 0 0 7px;
	}
	
	#inscriptionNewsletter h2{
		margin:6px 0 2px 0;
		font-size:110%;
		font-weight:normal;
		color:#fff;
	}
	
	#champEmail{
		display:block;
		width:147px;
		height:15px;
		border:0;
		margin:6px 0 0 0;
		padding:2px 0 0 7px;
		background-image:url(../img/fond-champ-newsletter2.gif);
		background-repeat:no-repeat;
		background-color:#000;
		font-family:arial;
		font-size:11px;
		color:#000;
	}
	
	#btnOk{
		float:left;
		display:block;
		width:31px;
		height:13px;
		margin:5px 5px 0 0;
	}
  
  #champEmailSendFriend{
		float:left;
		display:block;
		width:147px;
		height:15px;
		border:0;
		padding:2px 0 0 7px;
		background-image:url(../img/fond-champ-newsletter2.gif);
		background-repeat:no-repeat;
		background-color:#000;
		font-family:arial;
		font-size:11px;
		color:#000;
	}
  #btnOkSendFriend{
		float:left;
		display:block;
		width:31px;
		height:13px;
    	padding:2px 0 0 7px;
	}
	
	#flashSoutenez{
		float:left;
		width:263px;
	}
	
	#separateur{
		margin:16px 0 4px 0;
	}
	
	#separateur2{
		margin:0 0 4px 0;
	}
	
	.voirReagir, .agir{
		float:left;
		width:320px;
	}
	
	.voirReagir{
		margin:0 8px 0 0;
	}
	
	.voirReagir h2, .agir h2{
		margin:0;
	}
	
	.bloc{
		width:320px;
		height:131px;
		background-image:url(../img/fond-bloc.gif);
		background-repeat:no-repeat;
	}
	
	.bloc h3{
		margin:0;
	}
	
	#liensVoir{
		margin:32px 0 0 12px;
		padding:0;
		list-style:none;
	}
	
	#liensReagir{
		margin:12px 0 0 12px;
		padding:0;
		list-style:none;
	}
	
	#liensVoir li, #liensReagir li{
		margin:0 0 8px 0;
		padding:0 0 0 14px;
		background-image:url(../img/puce.gif);
		background-repeat:no-repeat;
		background-position:left center;
	}
	
	#liensVoir li a, #liensReagir li a{
		text-decoration:none;
		color:#ffffff;
		font-size:10px;
	}
	
	#logos{
		margin:10px 0 0 14px;
	}
	
	.logoAsso{
		float:left;
		margin:0 34px 16px 0;
	}
	
	.logoAsso2{
		float:left;
		margin:0 0 16px 0;
	}
	
	#actus{
		float:left;
		width:648px;
		margin:0 8px 0 0;
	}
	
	#actus2{
		width:976px;
	}
	
	#kitEtSoutien{
		float:left;
		width:320px;
		margin:8px 0 0 0;
	}
	
  #intermea{  	
		height:8px;
  }
	
	.actu{
		display:block;
		width:648px;
		height:84px;
		margin:8px 0 0 0;
		background-image:url(../img/fond-actu.gif);
		background-repeat:no-repeat;
	}
	
	.actu2{
		display:block;
		width:976px;
		margin:0 0 8px 0;
		padding:0 0 8px 0;
		background-image:url(../img/fond-actu2.gif);
		background-repeat:repeat-y;
	}
	
	.actu2derniere{
		display:block;
		width:976px;
		height:84px;
		margin:0;
		background-image:url(../img/fond-actu2.gif);
		background-repeat:no-repeat;
	}
	
	.actuVisuel{
		float:left;
		width:200px;
		margin:0 10px 0 0;
		padding:8px 0 0 8px;
	}
	
	.actuTexte{
		float:left;
		width:420px;
		padding:6px 0 0 0;
	}
	
	.actuTexte2{
		float:left;
		width:748px;
		padding:6px 0 0 0;
	}
	
	.actuTexte h2, .actuTexte2 h2{
		margin:0 0 5px 0;
		font-size:120%;
		font-weight:normal;
		color:#e70000;
	}
	
	.actuTexte p, .actuTexte2 p{
		margin:0 0 5px 0;
		font-size:110%;
	}
	
	.lienActu{
		width:130px;
		margin:8px 0 0 500px;
		padding:0 0 0 9px;
		background-image:url(../img/puce2.gif);
		background-repeat:no-repeat;
		background-position:0 center;
	}
	
	.lienActu a, #footer a{
		text-decoration:none;
		color:#fff;
	}
	
	.newsPlus{
		margin:8px 0 0 0;
		padding:0 0 0 9px;
		background-image:url(../img/puce2.gif);
		background-repeat:no-repeat;
		background-position:0 center;
		text-decoration:none;
		color:#fff;
	}
	
	#footer{
		/*margin:40px 0 16px 580px;*/
    margin:30px 0 30px 0;
    width:976px;
	}
	
	#communiquePresse{
		/*float:left;
		width:110px;*/
		padding:0 9px 0 9px;
		background-image:url(../img/puce2.gif);
		background-repeat:no-repeat;
		background-position:0 center;
	}
	
	#contact{
		/*float:left;
		width:64px;*/
		padding:0 9px 0 9px;
		background-image:url(../img/puce2.gif);
		background-repeat:no-repeat;
		background-position:0 center;
	}
	
	#credits{
		/*float:left;
		width:64px;*/
		padding:0 9px 0 9px;
		background-image:url(../img/puce2.gif);
		background-repeat:no-repeat;
		background-position:0 center;
	}
	
	#mentions{
		/*float:left;
		width:117px;*/
		padding:0 0 0 9px;
		background-image:url(../img/puce2.gif);
		background-repeat:no-repeat;
		background-position:0 center;
	}
	
	#titrePage{
		margin:0;
	}
	
	#retour{
		display:block;
		width:62px;
		height:13px;
		margin:34px 0 9px 11px;
	}
	
	#formulaireSoutien{
		width:976px;
		height:337px;
		background-image:url(../img/fond-formulaire.gif);
		background-repeat:no-repeat;
	}
	
	#formulaireGauche{
		float:left;
		width:598px;
		padding:16px 0 0 10px;
	}
	
	#formulaireGauche p{
		margin:0 0 12px 0;
		font-size:120%;
	}
	
	#formulaireGauche p.dernier{
		margin:0 0 28px 0;
		font-size:120%;
	}
	
	#formulaireGauche p span{
		color:#c70000;
	}
	
	#leFormulaire{
		margin:0 0 0 56px;
	}
	
	#leFormulaire label{
		display:block;
		float:left;
		width:72px;
		padding:1px 0 0 0;
		font-size:120%;
	}
	
	#leFormulaire label span{
		color:#c70000;
	}

	.champFormGlobal{
		font-family:arial;
		padding-left: 2px;
		font-size:11px;
		color:#000;
	}
		
	.champForm{
		float:left;
		display:block;
		width:171px;
		height:15px;
		border:0;
		margin:0 7px 12px 0;
		padding:2px 0 0 7px;
		background-image:url(../img/fond-champ-newsletter.gif);
		background-repeat:no-repeat;
		background-color:#1a1a1a;
		font-family:arial;
		font-size:11px;
		color:#000;
	}
	
	#indiquerNom, #indiquerPrenom, #indiquerEmail, #emailError{
		float:left;
		margin:1px 0 0 0;
		padding:0 0 0 10px;
		font-size:12px;
		color:#c70000;
		background-image:url(../img/puce3.gif);
		background-repeat:no-repeat;
		background-position:left center;
	}
	
	.visible{
		display:block;
	}
	
	.invisible{
		display:none;
	}
	
	#checkboxNewsletter{
		display:block;
		width:123px;
		height:13px;
		margin:10px 0 0 72px;
		padding:0 0 0 23px;
		background-image:url(../img/checkbox.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		font-size:120%;
		color:#fff;
	}
  
	#checkboxSoutenir{
		display:block;
		width:423px;
		height:13px;
		margin:10px 0 0 72px;
		padding:0 0 0 23px;
		background-image:url(../img/checkbox.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		font-size:120%;
		color:#fff;
	}
	
	.decoche{
		background-position:0 0;
	}
	
	.coche{
		background-position:0 -16px;
	}
	
	#valider{
		margin:29px 0 0 72px;
	}
	
	#legende{
		margin:38px 0 0 0;
		font-size:110%;
		color:#fff;
	}
	
	#legende span{
		color:#c70000;
	}
	
	#formulaireDroite{
		float:left;
		width:368px;
		padding:100px 0 0 0;
	}
	
	#creditsModale, #mentionsModale, #contactModale{
		position:absolute;
		z-index:14;
		top:6px;
		left:236px;
		width:480px;
		height:490px;
		padding:10px 0 0 20px; 
		background-color:#000;
		border:2px solid #212121;
	}
	
	#partenairesModale{
		position:absolute;
		z-index:14;
		top:6px;
		left:100px;
		width:736px;
		height:360px;
		padding:10px 0 0 20px; 
		background-color:#000;
		border:2px solid #212121;
	}
	
	#fermerModale, #fermerModale2, #fermerModale3{
		margin:0 0 0 419px;
	}
	
	#fermerModale4{
		margin:0 0 0 676px;
	}
	
	#creditsModale h2, #mentionsModale h2, #contactModale h2, #partenairesModale h2{
		margin:10px 0 13px 0;
	}
	
	#creditsContenus, #mentionsContenus{
		height:410px;
		overflow:auto;
	}
	
	#mentionsContenus, #contactContenus{
		padding:0 20px 0 0;
	}
	
	#creditsContenus p, #mentionsContenus p, #contactContenus p{
		margin:0 0 13px 0;
		font-size:120%;
	}
	
	#creditsContenus p span, #mentionsContenus p span, #contactContenus p span{
		color:#e50000;
	}
	
	#creditsContenus p a, #mentionsContenus p a, #contactContenus p a{
		text-decoration:underline;
		color:#fff;
	}
	
	.partenaireLogo{
		float:left;
		margin:0 9px 9px 0;
	}
	
	#projetsBarre{
		width:976px;
		height:59px;
		margin:20px 0 47px 0;
		background-image:url(../img/fond-barre-logos.gif);
		background-repeat:no-repeat;
	}
	
	.projetLien{
		float:left;
	}
	
	.projetLien a{
		display:block;
		cursor:pointer;
	}

	.projetLien a img{
		filter:alpha(opacity=30); 
        -moz-opacity:0.3; 
        opacity:0.3;
	}
	
	.projetLien a:hover img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.projetLienSeparateur{
		float:left;
		width:1px;
	}
	
	.projetsConteneurTitre{
		width:976px;
		height:59px;
		background-image:url(../img/fond-barre-logos.gif);
		background-repeat:no-repeat;
	}
	
	.projetsTitreLogo{
		float:left;
		width:156px;
	}
	
	.projetsTitreTexte{
		float:left;
		width:820px;
	}
	
	.projetsTitreTexte h2{
		margin:20px 0 0 0;
		font-size:190%;
		font-weight:bold;
		color:#e70000;
	}
	
	.projets{
		margin:0 0 30px 0;
	}
	
	.projetVisuel{
		float:left;
		width:148px;
		margin:0;
		padding:8px 0 0 8px;
	}
	
	.projetTexte{
		float:left;
		width:802px;
		padding:6px 0 0 0;
	}
	
	.projetTexte h3{
		margin:0 0 5px 0;
		font-size:120%;
		font-weight:normal;
		color:#e70000;
	}
	
	.projetTexte p{
		margin:0 0 5px 0;
		font-size:110%;
	}
	
	.projetSeparateur{
		
	}
  
  #soutenir {
  	margin-top:10px;
  	width:976px;
  	font-size:11px; 
  }
  
  /*#partenairesContenus{
  	margin:27px 0 0 134px;
		width:730px;
    text-align:center;
	}*/
  
  .partenaires_separateur {
  	background-image:url(../img/partenaires-inter.gif);
    background-repeat:repeat-y;    
  }

#desinscriptionsubmit{
	color:#FFF;
}
#desinscriptionsubmit a{
	color:#FFF;
	text-decoration:none;
}
#desinscriptionsubmit a:hover{
	text-decoration:underline;
}

#versionActu {
	color:#555555;
  font-size:12px;
  font-weight:bold;
}
#versionLien a{
	display:block;
	color:#E70000;
  font-size:12px;
  font-weight:bold;
}

#iphoneMovies{
	width:976px;
  margin:40px 0 0 0;
}
.filmChiffre {
  float:left;
  width:20px;
  margin:0 10px 0 0;
  padding:2px 0 0 8px;
  color:#CC0000;
  font-size:28px;
  font-weight:bold;
}
.filmVisuel{
  float:left;
  width:120px;
  margin:0 10px 0 0;
  padding:8px 0 0 8px;
  
}
.filmTexte{
  float:left;
  width:748px;
  padding:6px 0 0 0;
	font-size:12px;
}
.filmTexte h2{
  margin:0 0 0 0;
  padding:0 0 0 0;
  font-size:12px;
  font-weight:normal;
  color:#e70000;
}
.filmTexte p{
  margin:3px 0 14px 0;
  padding:0 0 0 0;
  font-size:12px;
  font-weight:normal;
  color:#ffffff;
}
.filmTexte a{
	display:block;
	color:#ffffff;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}
.filmTexte a span{
	color:#e70000;
}