/* --- COMMUN --- */
/* Page */
html{
  font-size:100%;
}
body{
  margin:0;
  padding:0;
  font-family:"Abel", Helvetica,Arial, sans-serif;
  font-size:.8em;
  line-height:1.2;
  color:black;
  background:#1F2D48;
}

#main{
	position:relative;
	width:1100px;
	margin:0 auto 50px auto;
	padding:0;
	background:url('/Content/img/festival-objectif-aventure/2013/bandeau-home.jpg') 0 36px no-repeat;
	overflow:hidden;
	z-index:1;
}

.content{
	width:1000px;
	background-color:#fff;
	margin:0;
	padding:30px 50px 50px 50px;
	overflow:hidden;
}

.col-gauche{
	width:660px;
	float:left;
}

.col-droite{
	float:right;
}

/* Titres */
h1, h2, h3, h4, h5, h6{
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
  font-weight:bold;
  font-style:normal;
}
h1{
  font-size:2.4em;
	color:#007cb4;
	margin:0;
}
h2{
  font-size:1.9em;
	color:#000;
	margin:14px 0 0 0;
}
h2.alone{
	margin:30px 0 0 0;
}
h2.invisible{
	display:inline;
	font-family:'Abel', Helvetica,Arial, sans-serif;
	margin:0;
	font-size:1.25em;
	font-weight:normal;
	color:#fff;
}
h3{
  font-size:1.5em;
	color:#007cb4;
	margin:12px 0 0 0;
}
h3.alone{
	margin:19px 0 0 0;
}
h4{
  font-size:1.25em;
	color:#555;
	margin:0;
}

/* Listes */
ul, ol{
	list-style-position:inside;
	font-size:1.25em;
  margin:0;
  padding:0;
}

/* Paragraphes */
p{
	font-size:1.25em;
  margin:13px 0 0 0;
	color:#000;
	text-align:justify;
}

p.invisible{
	display:inline;
}

address{
  margin:.75em 0;
  font-style:normal;
}

/* Liens */
a{
  text-decoration:none;
	color:#000;
}

a:hover{
	color:#007cb4;
}

/* Pas de bordure autour des images dans les liens */
a img{
  border:none;
}

img{
	border:none;
}

#vanier img{
	border:none;
	padding-left:56px;
	
}

/* Divers éléments de type en-ligne */
em{
  font-style:italic;
}
strong{
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:0.95em;
	color:#555;
}

.underline{
	text-decoration:underline;
}

sup, sub{
	font-size:0.6em;
}

sup{
	line-height:2px;
}

/* Formulaires */
form, fieldset{
  margin:0;
  padding:0;
  border:none;
}
input, button, select{
  vertical-align:middle;
}

/* clear */
.clear{
	clear:both;
}

/* --- MENU --- */
#menu{
	position:fixed;
	top:0;
	width:100%;
	height:36px;
	font-family:'Roboto Condensed', sans-serif;
	background-color:#000;
	cursor:default;
	z-index:2;
}

#menu>ul{
	width:800px;
	margin:0 auto;
	padding:0;
}

#menu>ul>li{
	position:relative;
	display:inline-block;
	height:36px;
	line-height:36px;
	list-style-type:none;
	color:#fff;
	font-size:16px;
	font-weight:400;
	text-transform:uppercase;
	overflow:visible;
	-khtml-user-select:none;
  -webkit-user-select:none;
  -moz-user-select:-moz-none;
  -ms-user-select: none;
	padding:0 6px 0 0;
}

#menu>ul>li:before{
	content:"-\00a0\00a0";	/* ajouter "-" avant */
}

#menu>ul>li.programme:before{
	content:none;
}

#menu>ul>li:first-child{
	width:26px;
	text-indent:-5000px;
	margin:0 12px 0 0;
	padding:0;
}

#menu>ul>li:first-child span{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background:url('/Content/img/festival-objectif-aventure/picto-accueil.png') 8px 11px no-repeat;
}

#menu>ul>li>a{
	color:#fff;
	text-decoration:none;
	padding:0 0 0 2px;
}

#menu>ul>li>ul{
	display:none;
	position:absolute;
	top:36px;
	left:-1px;
	background-color:#000;
	padding:4px 16px 8px;
}

#menu>ul>li.programme>ul{
	left:-15px;
}

#menu>ul>li:hover>ul{
	display:block;
}

#menu ul.prog{
	width:118px;
}

#menu ul.jury{
	width:102px;
}

#menu ul.qui{
	width:264px;
}

#menu>ul>li>ul>li{
	height:36px;
	line-height:36px;
	list-style-type:none;
	color:#fff;
	font-size:16px;
	font-weight:400;
	border-top:1px solid #888;
}

#menu>ul>li>ul>li sup{
	font-size:11px;
	line-height:10px;
}

#menu>ul>li>ul>li:first-child{
	border:none;
}

#menu ul>li>ul>li>a{
	display:block;
	text-decoration:none;
	text-transform:none;
	font-size:15px;
	padding:0;
}

#menu ul>li>ul>li>a{
	color:#888;
}

#menu ul>li>ul>li>a:hover{
	color:#fff;
}

/* --- FOOTER --- */
#footer{
	width:100%;
	margin:6px 0 0 0;
}

/* --- LOGO --- */
#logo{
	position:absolute;
	top:60px;
	left:50px;
	width:221px;
	height:243px;
	z-index:999;
}

/* --- BANDEAUX PHOTOS --- */
#bandeau{
	width:100%;
	height:385px;
	background-color:#000;
	margin:36px 0 0;
}

/* --- LA PROGRAMMATION (COLONNE DROITE) --- */
.programmation h2{
	font-size:1.3em;
	font-weight:normal;
}

.programmation ul{
	list-style-position:outside;
	list-style-type:none;
	margin:8px 0 0 0;
	padding:0;
}

.programmation a{
	color:#000;
	font-size:1em;
}

.programmation a:hover{
	color:#007cb4;
}

/* --- HOME --- */
#intro{
	position:relative;
	background-color:#000;
	margin:0px 0 0;
	padding:0 0 30px;
	overflow:hidden;
}

#intro h1{
	font-size:2em;
	color:#fff;
	width:742px;
	margin:20px 0 22px 50px;
	padding:0;
	text-transform:none;
}

#intro p{
	color:#fff;
	font-size:1.3em;
	line-height:1.4;
	width:742px;
	margin:0 0 0 50px;
	padding:0;
}

#presentation{
	width:742px;
}

#presentation a{
	color:#fff;
	text-decoration:underline;
}

#bande-annonce{
	position:absolute;
	top:102px;
	right:0;
	width:300px;
	height:140px;
	background:url('/Content/img/festival-objectif-aventure/2013/bouton-play.png') 50% 36px no-repeat;
	opacity:.60;
	filter:alpha(opacity=60);
}

#bande-annonce a{
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	height:100%;
	color:#fff;
	font-size:20px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}

#jours{
	position:relative;
	width:1000px;
	height:270px;
	padding:0 50px;
	background:#fff url('/Content/img/festival-objectif-aventure/2013/fond-bandeau-noir.gif') 0 -191px repeat-x;
}

.home-jour{
	float:left;
	width:237px;
	margin:0px 16px 0 0;
}

.home-jour h2{
	font-size:1.4em;
	font-weight:normal;
	margin:0;
	padding:0;
}

.home-jour a.lien-vendredi, .home-jour a.lien-samedi, .home-jour a.lien-dimanche,
.home-jour p.lien-vendredi, .home-jour p.lien-samedi, .home-jour p.lien-dimanche{
	display:block;
	width:100%;
	height:34px;
	color:#fff;
	font-size:1em;
	text-align:center;
	line-height:1.9em;
	margin:0;
	padding:0;
}

.home-jour a.lien-vendredi,.home-jour p.lien-vendredi{
	background-color:#006699;
}

.home-jour a.lien-samedi,.home-jour p.lien-samedi{
	background-color:#007A99;
}

.home-jour a.lien-dimanche,.home-jour p.lien-dimanche{
	background-color:#009199;
}

.home-jour a.lien-prog,.home-jour p.lien-prog{
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#000;
}

.home-jour a.lien-prog span,.home-jour p.lien-prog span{
	font-weight:normal;
}

.home-jour a.lien-prog:hover{
	color:#007cb4;
}
 
/* --- PAGE FESTIVAL --- */
.festival h1{
	font-size:1.9em;
	color:#000;
	margin:14px 0 0;
}

.festival .programmation{
	margin:61px 100px 32px 0;
}

/* --- PAGE JOURS --- */
div.content.jours{
	background:#fff url('/Content/img/festival-objectif-aventure/2013/fond-bandeau-noir.gif') 0 -73px repeat-x;
}

.jours .col-gauche{
	width:724px;
}

.jours h1{
	color:#007cb4;
	line-height:0.9em;
	font-weight:normal;
	font-size:2.6em;
}

.jours h1 span{
	color:#bbb;
	font-size:0.6em;
	font-weight:normal;
}

.jours h2{
	font-size:1.3em;
	margin:63px 0 0 0;
	text-transform:uppercase;
}

.jours h2.soiree{
	margin:39px 0 0 0;
}

div.ligne{
	overflow:hidden;
	padding-bottom:1px;
}

div.jours-films-confs{
	float:left;
	width:224px;
	margin:24px 26px 0 0;
}

div.jours-films-confs.last{
	margin:24px 0 0 0;
}

div.jours-soiree{
	width:474px;
	margin:25px 0 0 0;
}

.jours-films-confs h3, .jours-soiree h3{
	color:#007cb4;
	font-size:1.1em;
	font-weight:bold;
	margin:10px 0 0 0;
	text-transform:uppercase;
}

.jours-films-confs a.texte, .jours-soiree a.texte{
	display:block;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:1em;
	color:#555;
	margin:5px 0 0 0;
}

.jours-films-confs p.texte{
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:1em;
	color:#555;
	margin:5px 0 0 0;
}

.jours-films-confs p.texte strong{
	font-size:1.3em;
	font-weight:normal;
}

.jours-films-confs a.texte:hover, .jours-soiree a.texte:hover{
	color:#007cb4;
}

.jours-films-confs a.texte strong, .jours-soiree a.texte strong{
	font-size:1.3em;
	font-weight:normal;
}

.jours-films-confs a.texte:hover strong, .jours-soiree a.texte:hover strong{
	color:#007cb4;
}

#jours-achetez{
	width:148px;
	height:148px;
	margin:26px 38px 0 0;
}

#jours-achetez a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-5000px;
	background:url('/Content/img/festival-objectif-aventure/2013/bouton-achetez.png') 0 -148px no-repeat;
}

#jours-achetez a:hover{
	background:url('/Content/img/festival-objectif-aventure/2013/bouton-achetez.png') 0 0 no-repeat;
 }

div.jours-jours{
	margin:166px 0 0 0;
}

.jours-jours h2{
	text-transform:none;
	font-weight:normal;
}

.jours-jours ul{
	list-style-position:outside;
	list-style-type:none;
	margin:8px 0 0 0;
	padding:0;
}

.jours-jours a{
	color:#000;
	font-size:1em;
	padding:4px 0 0 0;
}

.jours-jours a:hover{
	color:#007cb4;
}

#coffret-paris{
	width:148px;
	margin:27px 0 0 0;
}

#coffret-paris p{
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:1.4em;
	color:#888;
	margin:0;
}

#coffret-paris img{
	float:left;
	margin:10px 7px 0 0;
}

/* --- PAGE FILMS --- */
div.content.films{
	padding :0 50px 50px 50px;
	position:relative;
}

.films h1{
	color:#007cb4;
	line-height:1em;
	margin:110px 0 0 367px;
}

.films p.realisateur{
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#000;
	font-size:1.7em;
	font-weight:normal;
	text-transform:none;
	margin:7px 0 1px 367px;
}

.films .col-gauche{
	margin:138px 0 0 0;
	width:300px;
}

.films .col-gauche.margin-min{
	margin:108px 0 0 0;
}

.films h2{
	font-size:1.3em;
	color:#444;
	margin:10px 0 0 0;
}

.films p{
	margin:0;
}

.films p span{
	font-size:0.9em;
}

.films .col-droite{
	width:632px;
	margin:31px 0 0 0;
}

.films img{
	margin:42px 0 0 0;
}

.films img.first, .films div.first{
	margin:0;
}

.films div.video{
	width:632px;
	height:314px;
	background-color:black;
	text-align:center;
	padding-top:16px;
}

.films a{
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:0.8em;
	font-weight:bold;
	color:#444;
}

.films a.prog{
	font-family:'Abel', sans-serif;
	position:absolute;
	top:72px;
	left:419px;
	z-index:10;
	color:#000;
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
}

.films a:hover{
	color:#007cb4;
}

/* --- CREDITS PHOTO --- */
#credits-photos{
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:0.7em;
	color:#3e516f;
	margin:10px 50px 0 50px;
}