/*styles AGM*/
/*rouge : 316CB3*/
/*gris 999999*/
html {
	font-family: 'PT Sans', sans-serif;	
	background:black url(/media/fond-bruit.png);
}

html,
body {
	min-height:100%;
}

.explorer {
  height:100%;
}

svg {
	max-width:100%;
}

body {
	color:white;
	text-align:left;
	background: radial-gradient(ellipse at center,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 86%,rgba(0,0,0,0) 100%);
}

.logo {
	margin:auto;
}

[id="menuTop"] {
	margin-top:20px;
}

a {
	color:#316CB3;
	text-decoration:none;
}

/*liens emails et lien vers partenaire*/
a[href^="mailto:"],a[target="blank"] {
	color:#316CB3;
}

img {
	max-width:100%;
	height:auto;
}

header,#englobeur {
	margin:auto;
	/*width:980px;
	padding:20px;*/
	width:940px;
	padding:20px 0;
}

#englobeur {
	border-bottom:1px solid #555;
}

hr {
	border:none;
	border-bottom:1px solid #555;
}

#englobeur {
	margin-bottom:20px;
}

header img,header p {
	vertical-align:bottom!important;
	margin-bottom:20px;
}

header p {
	color:#316CB3;
	text-shadow:2px 2px 0 #000;
}

/*MENU*/
.nav-menu {
	display:table;
	table-layout:fixed;
	width:100%;
}

.nav-menu li {
	display:table-cell;
	border-left:1px solid #316CB3;
	text-align:center;
}


.ie_7 .nav-menu li {display:inline;padding:0 20px;}

.nav-menu li:last-child {border-right:1px solid #316CB3;}

.nav-menu a {
	color:white;
	text-transform:uppercase;
}

/*survol*/
.nav-menu a:hover {color:#999;}

/*actif*/
.current_page_item a {color:#316CB3;}

h1,h2,h3,h4,h5,h6,p {font-weight:normal;}


h1 {
	font-size:24px;
	color:#316CB3;
	text-shadow:1px 1px 0 #000;
}

h2 {text-transfom:uppercase;}

h2,aside a {
	padding-left:14px;
	font-size:17px;
	background:url(/media/fleches.png) no-repeat 0 4px;
}

h2,aside a,h2 a,h3 {
	color:#666!important;
}

h2 a {text-decoration:underline!important;}

.col_8_c5_c12 h2:first-of-type {
	font-size:24px!important;
	color:#316CB3!important;
	padding:0;
	background:transparent;
}

h6 {color:#999;}

aside li {
	list-style-type:none;
	margin-left:0;
	line-height:21px;
}

aside a {
	font-size:14px;
}

/*

Texte sur deux lignes :
Disponible en DVD
Visiter la boutique

Taille police identique à la taille du mot 'Synopsis'
Centré dans le bouton

Positionné sous la ligne année - durée
Bouton rectangle justifié à droite, bord cadre de la video.
*/
a.boutique {
	display:inline-block;
	background:#666;
	padding:.5em 1em;
	color:white;
	border-radius:2px;
	margin:1em 0;
	box-shadow:2px 2px 0 black;
	float:right;
}

p {
	line-height:18px;
}
p,p a {color:#ddd;}

p,h3 {font-size:14px;}

p + br + p {margin-top:-20px;}

address {
	font-style:normal;
	font-size:12px!important;
	line-height:16px!important;
}

.marge_basse {
	margin-bottom:60px;
}

#menuTop:target ~ #menuTopOpen {display:none;}

/**/
section [class*="col_3"] img {
	min-width:220px;
	height:auto;
}

a.photoIndispo {
	width:220px;
	height:125px;
	background:#333;
	display:block;
	padding:60px 0 0 60px;
	color:#666;
	font-size:11px;
	box-shadow:inset 0 0 60px #222;
}

[class*="col_4"] a.photoIndispo {
	width:300px;
	height:170px;
	padding:80px 0 0 100px;
}

/*marge entre photo et titre*/
[class*="col_4"] a + p,
[class*="col_3"] a + div + p {
	margin-top:10px;
}

/*footer*/
footer {
	text-align:center;
	padding-bottom:20px;
}

footer p + p {
	font-size:9px;
	color:#666;
}

footer a {
	color:#444;
}


/*facebook*/
a[href*="facebook"]:before {
	content:"f";
	font-family:"abba";
	background:#316CB3;
	border-radius:50%;
	padding:1px 2px;
	margin-right:5px;
	color:black;
}

/*PAYPAL*/
form[action*="paypal"] {
	margin:1em 0;
}

form[action*="paypal"] br {
	display:none;
}


@media only screen and (max-width:768px) and (orientation:portrait)
{
 section img {
  width:360px;
  height:auto;
 }
  #html a.photoIndispo {width:300px!important;height:170px!important;}
}

/*Tablettes paysage*/
@media only screen and (max-width:1024px) and (orientation:landscape)
{
header,#englobeur {
	margin-left:20px!important;
  margin-right:20px;
}
}

/*Tablettes portrait 768x1024 et Smartphones paysage 480x320*/
@media only screen and (max-width:768px) and (orientation:portrait) and (min-width:480px),only screen and (max-width:480px) and (orientation:landscape)
{
header,#englobeur {
		width:620px;
	}
         
  #html header p{
  width:300px!important;
  }  
}

/*Smartphones portrait 320x480*/
@media only screen and (max-width:480px) and (orientation:portrait)
{
header,#englobeur {
width:300px!important;
margin:10px;
padding:10px 0!important;
}

header {
	height: 110px;
}

iframe,section [class*="col_3"] img {width:300px;height:170px;}

#html a.photoIndispo {
	height:auto!important;
	background:transparent!important;
	padding:20px;
}

header p.text-right {font-size:14px;}

header img {
  margin-bottom:0;
  width:110px;
  height:auto;
}

#html aside {
margin-bottom:0!important;
display:none!important;
}



#menuTop {
	margin:-600px 0 0 0!important;
	left:0;
	right:0;
	position:absolute;
	z-index:60000000;
	
	-webkit-transition:margin 200ms ease;
	transition:margin 500ms ease;
}

#menuTop ul {	
	padding:0;
	margin:0!important;
}

#menuTop li {
	display:block;
	width:auto;
	border:none;
  background:rgba(0,0,0,.8);
	border-bottom:1px solid #316CB3;
}

#menuTop li a {display:block;padding:15px 0!important;}

#menuTop:target {margin-top:-140px!important;}

	
#menuTopOpen {		
	position:absolute;
	top:15px;
	right:20px;
}

#menuTopOpen:after {	
	content:"Menu";
	display:block;
	font-size:19px;
	background:#316CB3;
	color:white;
	padding:1px 20px;
	border-radius:2px;
	box-shadow:4px 4px 0 #000;
}
	
#menuTop:target ~ #menuTopOpen {display:none;}

/*bouton fermer*/
#menuTop:target #menuTopClose {
	display:block;
	text-align:center;
}

#menuTop:target #menuTopClose:after {
	content:"Fermer le menu";
	background:black;
	font-weight:bold;
	display:block;
	color:#ccc;
	padding:10px 0;
}

}