body {background-color:#EFEFEF;}
header
{
	transition: top 3s ease-in-out;
    -webkit-transition: top 3s ease-in-out; /** Chrome & Safari **/
    -moz-transition: top 3s ease-in-out; /** Firefox **/
    -o-transition: top 3s ease-in-out; /** Opera **/
}

header.hide {top:-200px;}

/***************************************/
/*** MAIN CONTAINER
/***************************************/

/** CONTAINER PRINCIPAL **/
.content-inner
{
	margin:auto;
	max-width:1200px;
	width:94%;
}

.header + .content-inner { margin-top:-5rem; } /** uniquement celui sous le header **/

/** hauteur **/
#main {margin-top:60px;}


/** HEADER ARTICLE ET PAGE **/
#main .header
{
	height:200px; position:relative; z-index:0; overflow: hidden;
	border-bottom-style:solid;border-bottom-width:3px;border-bottom-color:#FF0000;
}

#main .header .content-inner {position:relative; height:100%;}


/** HEADER image **/
#main .header img.bg
{
	display:block;
	/*height:100%;*/
	width:100%;
	position:absolute; top:50%;
	left:0;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/** gestion de l'alignement de la photo du header **/
#main .header img.bg.top {top:0;bottom:auto;transform:none;}
#main .header img.bg.bottom {top:auto;bottom:0;transform:none;}
#main .header img.bg.middle {top:50%;bottom:auto;transform:translateY(-50%);}

/** HEADER H1 **/
#main .header .content-bottom {position:absolute;bottom:6rem;}

/** header avatar **/
#main .header .avatar_header h1 {text-align:center;font-size:2rem;line-height: 100%;}

/** header logo mobile **/
#main .header .logo_header
{
	height:auto;background-color:#FFFFFF;padding:2rem; display:inline-block;;
}
#main .header .logo_header img {display:block;margin:2rem;max-width:60px;max-height:60px;margin:.5rem;}

/** HEADER breadcrump **/
#main .header ul.breadcrump { display:none; }
#main .header ul.breadcrump { margin:0;list-style:none; padding:0;}
#main .header ul.breadcrump li
{
	float:left;
	margin-right:1rem;
	height:2.3rem;
	line-height:2.3rem;
	background-color:#FFFFFF;
	text-transform: uppercase;
	padding-left:.5rem; padding-right:.5rem;
}


/** HEADER SLIDER **/
.header-slider {position:relative;}
.header-slider .text-container
{
	opacity:0;
	position:absolute;bottom:0;width:100%; padding-bottom:2rem;
	-webkit-transition: opacity .5s; /* Safari */
    transition: opacity .5s;
    pointer-events: none;
}

/*.header-slider h1 {font-size:7rem;color:#FFFFFF;line-height:6rem;}*/
.header-slider p.sous-titre {color:#FFFFFF;font-family:'Open Sans',sans-serif;font-size:2rem;text-transform: none;margin:0}
.header-slider span.sortie {background-color:#FFFFFF;padding-right:1rem;padding-left:1rem;margin-right:1rem;color:#000000;text-transform:uppercase;font-weight:bold;}

.header-slider p.info {color:#FFFFFF;,font-family:'Open Sans',sans-serif;font-style:italic;font-size:2rem;margin-top:1rem;}
.header-slider p.mention {color:#FFFFFF;font-family:'Open Sans',sans-serif;font-size:1.8rem;text-transform: none;margin:0;}
.header-slider .img-container {height:100%;width:100%;position:relative;}
.header-slider .img-container img {width:100%;top:0;left:0;position:absolute;}

.header-slider .img-container img.top {top:0;left:0;bottom:auto;}
.header-slider .img-container img.middle {top:50%;transform:translateY(-50%);bottom:0;}
.header-slider .img-container img.bottom {bottom:0;left:0;top:auto;}

/** event **/
.header-slider .date {position:relative;top:0;left:0; margin-top:1rem;}
.header-slider .date li {margin-left:0;margin-right:10;float:none;background-color:transparent;border-style:solid;border-width:1px;border-color:#FFFFFF;}
.header-slider .date li.arrow
{
	border-style:none;
	font-weight:bold;color:#FFFFFF;font-size:3rem;line-height:75px; /** hauteur de .date li **/
	text-align:center;
	display:inline-block;
	width:25px;
}

.header-slider .date span {color:#FFFFFF;}


.header p.realisateur {color:#FFFFFF;,text-transform:none;font-size:1.4rem;margin:0;}

/** fadeIn/fadeOut de la navigation **/
.header-slider .swiper-button-next, .header-slider .swiper-button-prev
{
	opacity:0;
	transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;
}



/***************************************/
/*** FOOTER SMARTPHONE
/***************************************/

/** général **/

footer
{
	width:100%;
	position:relative;
	background-color:#000000;
	padding-top:20px;
	padding-bottom:20px;
}

footer input[type="text"] { background-color:#353535;color:#FFFFFF;border-color:#353535;}
footer input[type='text']:focus { border-color:#e639b7;}

footer ul { padding:0;margin:0; list-style:none; position:relative; top:5px;}
footer li { margin-right:20px; display:inline-block;}
footer li.Selected a { color:#FFFFFF; }
footer li a { color:#e639b7; text-transform: uppercase; font-weight:bold; text-decoration: none; font-family:'Open Sans',sans-serif;}

/** Titre newsletter **/
footer h4 { color :#FFFFFF; text-transform:uppercase; font-family:'Open Sans',sans-serif; margin-bottom:.5rem;}

/** Formulaire **/
footer .newsletter-bloc {margin-bottom:1rem;}


footer #email_input {width:100%;height:4rem;margin-bottom:.5rem;}
footer #region_input {width:100%;height:4rem;margin-bottom:.5rem;}
footer input[type=submit] {width:100%;height:4rem;margin-bottom:.5rem;background-color:#e639b7;text-transform: uppercase;font-weight: bold}

#unsubscribe {display:block;text-align:center;color:#7F7F7F;}
#unsubscribe:hover {color:#FFFFFF;}

/** Menu principal **/

footer ul.main { margin-bottom:2rem; display:block; width:100%;}
footer ul.main li { display:block;margin-right:0;}
footer ul.main li a { text-align:center; width:100%; display:inline-block; color:#FFFFFF;}

/** Menu social **/
footer ul.social { display:block; width:100%; text-align:center; margin-bottom:2rem;}
footer ul.social li a {font-size:1.2rem;}
footer ul.social li a:hover {color:#FFFFFF;}
footer ul.social li:last-child {margin-right:0;}

/** soumettre **/
footer ul.soumettre {text-align:center; margin-right:0;}
footer ul.soumettre li {margin-right:0;}

/** hr **/
footer hr
{
	margin:1rem;
	background-color: #FFFFFF;
	height:1px;
	opacity:.2;
}

/** Logo **/
footer #logo-footer { height:10rem; display:inline-block; width:100%; position:relative;text-align:center;margin-bottom:1rem;}
footer #logo-footer img {width:80px; height:auto;}
footer #logo-footer #logo-acid-svg {width:80px;}

/** Bloc adresse **/
footer .adresse-bloc { margin-top:2rem; }
footer .adresse-bloc p {color:#AFAFAF; font-size:1.4rem; line-height:1.6rem; font-style: italic; text-align:center;}

/** Menu contact **/
footer ul.contact li { display:block; margin-right:0;}
footer ul.contact li a { text-align:center; width:100%; display:inline-block;}

/** Menu légale **/
footer ul.footer { width:100%;}
footer ul.footer li { font-size:1.2rem; color:#AFAFAF; float:none; display:block; text-align:center; margin-right:0px;}
footer ul.footer li a { font-size:1.2rem; color:#AFAFAF;}

/** on affiche pas le sous-menu **/
footer ul > li > ul { display:none!important; }

footer svg #logo-acid-svg * {fill:#FF0000;}


/*****************************************/
/*** UI
/*****************************************/

/** BOUTON **/
.button
{
	padding-left,padding-right:1rem;
	height:4rem;
	line-height:4rem;
	background-color:#CCCCCC;
	display:inline-block;
	font-weight:bold;
	text-transform: uppercase;
}



/** lien vers site **/
a.site-url
{
	/*word-break: break-all;*/
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:block;
}


/** MENU SECTION FILM ET EVENT **/

.row.group.menu nav
{
	background-color:#FFFFFF;
	height:50px;
	margin-right:.4rem; /** pour que cela ne morde pas sur l'ombre du bloc **/
	margin-top:2rem;
	margin-bottom:1rem;
}

.row.group.menu nav ul { margin:0; padding:0; list-style: none;}
.row.group.menu nav ul li { float:left; border-right: solid; border-right-color:#E8E8E8; border-right-width: 2px; padding-right:20px; padding-left:20px; height:50px; min-width:50px; position:relative;}
.row.group.menu nav ul li a { width:100%; display:block; font-family:'Open Sans',sans-serif;}
/*.row.group.menu nav ul li a:hover {color:#FFFFFF;}*/
.row.group.menu nav ul li a span {display:none; line-height:50px;} /** on efface les intitulées pour ne laisser que les icones **/
.row.group.menu nav .fa { line-height:50px; margin:auto; width:100%; text-align:center;}

/** selection de l'item de menu **/
.row.group.menu nav ul li.selected {background-color:#e639b7;}
.row.group.menu nav ul li.selected a {color:#FFFFFF;}



/** IMAGE AVATAR **/
img.avatar
{
	background-repeat: no-repeat;
	background-position: 50%;
    border-radius: 50%;
    width:150px;
    height:150px;
    display:block;
    margin-left:auto; margin-right:auto;
    position:relative;
    border:6px solid #e639b7;
    margin-bottom:20px;
}

img.avatar.mini {width:8rem;height:8rem;border-width: 4px;}

.avatar-item { margin-bottom:2rem; }
.avatar-item img.avatar {width:120px;height:120px;margin-bottom:1rem;}



/** TAGS **/
ul.tag { list-style:none; margin:0; padding:0; margin-bottom:2rem;}
ul.tag li
{
	float:left; margin-right:1rem;
	border-style:solid; border-color:#EFEFEF;border-width:1px;
	padding-left:1rem;padding-right:1rem;
	text-transform: uppercase;
	height:3rem;
	line-height:3rem;
	color:#7F7F7F;
}

/** PAGE ENFANTS **/
ul.page_children:first-child {margin-top:0rem;}
ul.page_children {list-style: none; margin:0; padding:0;margin-top:2rem;}
ul.page_children:last-child { margin-bottom:2rem; }
ul.page_children li.page_children_item {}
ul.page_children hr {margin-top:1rem;}

.page_children .page_description {}
.page_children .page_name {}

.page_children_item img {width:100%;height:auto;} /** l'image s'affiche uniquement sur grand écran **/
.page_children_item .no_image {width:100%;height:7rem;background-color:#F7F7F7;}
.page_children_item .row {position:relative;}

/*.page_thumbnail {position:relative;min-height:100px;width:100%;}
.page_thumbnail .bg1 {position:absolute;top:3px;left:3px;bottom:0px;right:0px;background-color:#FF0000;width:100%;height:100%;}
.page_thumbnail .bg2 {position:absolute;top:0px; left:0px; bottom:4px; right:4px; background-color:#EFEFEF;width:100%;height:100%;}*/

.page_children_item hr {width:100%;background-color:#EFEFEF;margin-top:.5rem;margin-bottom:2rem;opacity:.3;}
.page_children_item:last-child hr {display:none;} /** pas de séparateur pour le dernier item **/


/** PERSONNES LISTE **/
ul.personne_liste {list-style:none;margin:0;padding:0;margin-top:2rem;}
ul.personne_liste:last-child {margin-bottom:2rem;}

.personne_item {position:relative;margin-bottom:1rem;}
.personne_item:last-child {margin-bottom:0rem;}
.personne_item img {display:block;width:100%;height:auto;}
.personne_item .no_image {width:100%;height:7rem;background-color:#F7F7F7;}
.personne_item .row {position:relative;}

.personne_item hr {width:100%;background-color:#EFEFEF;margin-top:.5rem;margin-bottom:2rem;opacity:.3;}
.personne_item:last-child hr {display:none;} /** pas de séparateur pour le dernier item **/

/** ITEM PERSONNE DANS LES LISTES DE RECHERCHE **/
.personne_item_2 {position:relative;margin-bottom:2rem;}
.personne_item_2:last-child {margin-bottom:0rem;}
.personne_item_2 p {margin:0;}
.personne_item_2 span.nom, .personne_item_2 p.nom {text-align:left;}
.personne_item_2 p.profession {text-align:left;font-weight:bold;font-size:1.4rem;}
.personne_item_2 p.telephone {font-size:1.3rem;}
.personne_item_2 p.bureau {font-style:italic;}
.personne_item_2 .personne_item_signature {top:0;transform:none;}




.personne_item_signature
{
	padding-left:10rem;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
}



/** STRUCTURE LISTE **/
ul.template_liste {list-style:none;margin:0;padding:0;margin-top:2rem;}
ul.template_liste li {display:none;} /** par défaut ne s'affiche pas **/
ul.template_liste li {border-bottom:solid 1px #EFEFEF;padding-top:1rem;}
/*ul.structure_liste {list-style:none;margin:0;padding:0;margin-top:2rem;}*/

ul.template_liste li.link_item {padding-bottom:1rem;}
//ul.template_liste li.link_item:last-child {border-bottom-style:none;}



.structure_item { padding-top:1rem; padding-bottom: 1rem;} /** par défaut invisible **/
.structure_item .col {margin-bottom:0;}
.structure_item .content {text-align:center;padding-top:4px;}
.structure_item img
{
	max-height:80px;margin:auto;max-width:100px;
	position:absolute;top:50%;left:50%;
	transform:translate(-50%,-50%); /** centrage de l'image **/
	padding-top:1rem;padding-bottom:1rem;
}
/** on affiche pas le logo sur petit écran **/
.structure_item .col-2-9 {display:none;}


/** FILM LISTE **/
ul.film_liste {list-style:none;margin:0;padding:0;margin-top:2rem;}
ul.film_liste:last-child {margin-bottom:2rem;}

.film_item img {display:block;width:100%;height:auto;}
.film_item .no_image {width:100%;height:100%;background-color:#F7F7F7;min-height:90px;}
.film_item .row {position:relative;}

.film_item hr {width:100%;background-color:#EFEFEF;margin-top:.5rem;margin-bottom:1rem;opacity:.3;}
.film_item:last-child hr {display:none;} /** pas de séparateur pour le dernier item **/
.film_item .titre {margin:0;font-size:1.8rem;text-transform: uppercase; font-weight:bold;}
.film_item .realisateur {font-size:1.4rem;margin:0;}
.film_item .sortie {font-style:italic; font-size:1.4rem;margin:0;}

/** ARTICLE LISTE **/
/**ul.article_liste {list-style:none;margin:0;padding:0;margin-top:2rem;}**/
/** ul.article_liste:last-child {margin-bottom:2rem;} **/





/** ICON LABEL **/

a.page_name {font-size:2rem;line-height:2rem;margin-bottom:1rem;display:block;}
a.icon_label {cursor:pointer;text-transform: uppercase;color:#383838;margin:0;padding:0;line-height:2rem;}
a.icon_label:hover {color:#000000;}
a.icon_label span {position:relative;}

p.page_description
{
	font-family:"Open Sans",serif;font-style: italic;font-size:1.2rem;
	margin-bottom:1rem!important;
}

.icon_label .icon_content {width:2rem;height:2rem;display:inline-block;position:relative;margin-right:.5rem;top:.4rem;}
.icon_label .icon_content .bg {background-color:#383838;position:absolute;width:100%;height:100%;}
.icon_label .icon {background-size:2rem 2rem;background-repeat:no-repeat;position:absolute;width:100%;height:100%;}

.icon_label.inner_link .icon {background-image:url("../img/ui/inner_link_icon_60x60.png");}
.icon_label.download_link .icon {background-image:url("../img/ui/download_link_icon_60x60.png");}
.icon_label.external_link .icon {background-image:url('../img/ui/external_link_icon_60x60.png');}

/** AVATAR **/
span.nom, p.nom {font-family:'Zilla Slab'; text-transform:uppercase;font-weight:bold;text-align:center;}
span.profession, p.profession {font-family:'Open Sans',serif; font-size:1.5rem; text-align:center; margin:0; text-transform:uppercase; text-align:center;}
p.acid {font-family:'Zilla Slab',sans-serif; font-weight:bold; font-style: italic; font-size:1.5rem; text-align:center; margin:0;}

/** SIGNATURE **/
.signature p.nom {text-align:left; display:inline-block;margin:0;text-transform: initial;}
.signature p.nom a {color:#333333;font-size:1.6rem;}
.signature p.profession {text-align:left;display:inline-block;margin:0; font-size:1.4rem;text-transform: none;}



/** CANNES ICONE **/
/** LOGO CANNES **/
i.cannes-label
{ 
	background-repeat: no-repeat;
	display:inline-block;
	background-size: 75px 40.5px;
	background-position: 0 5px;
	width:75px;
	height:45px;
	background-repeat: no-repeat;
	margin-right:1rem;
}

.a-1993 { background-image: url('../img/palmes/1993.png'); }
.a-1994 { background-image: url('../img/palmes/1994.png'); }
.a-1995 { background-image: url('../img/palmes/1995.png'); }
.a-1996 { background-image: url('../img/palmes/1996.png'); }
.a-1997 { background-image: url('../img/palmes/1997.png'); }
.a-1998 { background-image: url('../img/palmes/1998.png'); }
.a-1999 { background-image: url('../img/palmes/1999.png'); }
.a-2000 { background-image: url('../img/palmes/2000.png'); }
.a-2001 { background-image: url('../img/palmes/2001.png'); }
.a-2002 { background-image: url('../img/palmes/2002.png'); }
.a-2003 { background-image: url('../img/palmes/2003.png'); }
.a-2004 { background-image: url('../img/palmes/2004.png'); }
.a-2005 { background-image: url('../img/palmes/2005.png'); }
.a-2006 { background-image: url('../img/palmes/2006.png'); }
.a-2007 { background-image: url('../img/palmes/2007.png'); }
.a-2008 { background-image: url('../img/palmes/2008.png'); }
.a-2009 { background-image: url('../img/palmes/2009.png'); }
.a-2010 { background-image: url('../img/palmes/2010.png'); }
.a-2011 { background-image: url('../img/palmes/2011.png'); }
.a-2012 { background-image: url('../img/palmes/2012.png'); }
.a-2013 { background-image: url('../img/palmes/2013.png'); }
.a-2014 { background-image: url('../img/palmes/2014.png'); }
.a-2015 { background-image: url('../img/palmes/2015.png'); }
.a-2016 { background-image: url('../img/palmes/2016.png'); }
.a-2017 { background-image: url('../img/palmes/2017.png'); }
.a-2018 { background-image: url('../img/palmes/2018.png'); }
.a-2019 { background-image: url('../img/palmes/2019.png'); }
.a-2020 { background-image: url('../img/palmes/2020.png'); }
.a-2021 { background-image: url('../img/palmes/2021.png'); }
.a-2022 { background-image: url('../img/palmes/2022.png'); }
.a-2023 { background-image: url('../img/palmes/2023.png'); }
.a-2024 { background-image: url('../img/palmes/2024.png'); }

/** layer close-icon **/
.close-icon
{
	background-color:#000000; background-repeat: no-repeat; background-image:url('../img/ui/close-icon-100x100.png');background-size: 3rem 3rem; background-position: center center;
	width:4rem; height:4rem;
	position:absolute;top:1rem;right:1rem;
}

/** HEADER DE SECTION **/
.section_header
{
	border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCCCCC;
	margin-bottom:2rem;
	position:relative;
}

.section_header .link
{
	text-align: right;
    float: right;
    top: .8rem;
    right: .8rem;
    position: relative;
}



.section_header a { padding-top:1.5rem; text-transform: uppercase;}
.section_header h2, .section_header h3
{
	margin-bottom: 1.5rem;
    margin-top: 1rem;
    background-color: #FFFFFF;
    display: inline-block;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height:3rem;
    text-transform:uppercase;
}
.section_header h2 {line-height:4rem;}

/** LINE **/
.swiper-line { margin-bottom:2rem; }

/** taille des bullets swiper **/
.swiper-pagination-bullet
{
	width:12px;
	height:12px;
}




/** CATEGORIE LABEL **/
/** à l'intérieur des blocs **/

span.category
{
	position: relative;
    display: inline-block;
    color: #FFFFFF;
    background-color: #808080;
    font-size: 1.2rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    padding-left:.5rem;
    padding-right:.5rem;
}

/** CITATION **/
.citation .avatar {width:100px;height:100px;}
.citation .citation
{
	margin:auto;width:90%;
	/** padding-top:4rem; si avatar **/
	padding-top:2rem;
	padding-bottom:2.5rem;
	border-bottom-style: solid;
	border-top-style: solid;
	border-width: 1px;
	border-color:#999999;
	font-size:1.8rem;
	font-family: 'Zilla Slab', sans-serif;
	font-style: italic;
	font-weight: bold;
	/*margin-top:-5rem; si avatar*/
	text-align:center;
	color:#999999;
	margin-bottom:1rem;
}

.citation .signature {text-align:center; color:#000000;font-size:1.6rem;text-transform: uppercase; font-style:normal;margin-top:2rem;}
.citation .structure {font-size:1.4rem;font-style:italic;}


/** UI PAGINATION **/

.pagination {margin:auto;width:auto;text-align:center;margin-top:2rem;height:3rem;border-top-style: solid;border-top-width:1px;border-top-color:#CCCCCC;padding-top:2rem;padding-bottom:2rem;}

.pagination.top
{
    border-top-style: none;
    border-bottom: solid 1px #CCCCCC;
    /* margin-top: 2rem; */
    margin-bottom: 5rem;
    padding-bottom: 4rem;
    padding-top:0;
    /* padding-bottom: 1rem; */
}

.pagination a, .pagination .resultat  {display:inline-block;text-transform: uppercase;font-family:'Open Sans',sans-serif;font-size:1.5rem;font-weight:bold;color:#999999;margin-right:.5rem;}

.pagination .resultat { margin-right:2.5rem; margin-left:2rem;}
/*.pagination .page {display:none;} /** on affiche pas la pagination sur mobile **/
.pagination .page.selected {color:#FFFFFF;background-color:#FF0000;}
.pagination .prev {margin-right:2rem;float:left;line-height:3rem;}
.pagination .next {margin-left:1.5rem;float:right;margin-right:0;line-height:3rem;}
.pagination .page {width:3rem;height:3rem;background-color:#FFFFFF;line-height:3rem;text-align:center;border-radius:3rem;}

/** pagination version template/js @see front/tpl/page/page-list-pagination.tpl **/
.pagination .page._next {background-color:#EEEEEE;}
.pagination .page._prev {background-color:#EEEEEE;}


/** UI Abcédaire **/
ul.abcd {margin:0;padding:0;list-style:none;}
ul.abcd li
{
	float:left;
	margin-right:1rem;
	margin-bottom:1rem;
	background-color:rgba(255,255,255,0.6);
	padding:.5px;width:2.5rem;height:2.5rem;
	line-height:2.5rem;
	text-align:center;
}

#cineastes-result .col:last-child {margin-bottom:3rem;} /** pousse le bas du container **/
ul.abcd li a.disabled {color:#CCCCCC;background-color:transparent;cursor:default;}
ul.abcd li.selected {background-color:#FF0000;}
ul.abcd li.selected a {color:#FFFFFF;}



/***********************************/
/*** TEMPLATE ELEMENTS
/***********************************/

.template .page-texte {margin-bottom:3rem;}
.template .page-texte p {text-align: justify;}
.template .page-download { margin-bottom:1rem;}
.page-embed {max-width:640px;}

.template h4 {text-transform:uppercase;}
.template hr {opacity:.3; margin-top:.5rem;margin-bottom:2rem;}

/** carte google **/
.template .page_map {width:100%;position:relative; margin-top:1rem; margin-bottom:2rem;}
.template .page_map .page-map {width:100%;height:300px; margin-top:1rem;}

/** image à l'intérieur d'un article **/
.template .page-image-container {padding-right:10rem;margin-bottom:2rem;}


/** LISTE **/
.liste_elt {margin-bottom:3rem;}


/** LISTE EVENT **/
ul.event-list { list-style:none; margin:0; padding:0;}
ul.event-list li { border-bottom-style: solid; border-bottom-color:#CCCCCC; border-bottom-width: 1px;padding-top:.8rem; padding-bottom:.8rem;}
ul.event-list li:last-child { border-bottom-style:none; }
ul.event-list li:hover {background-color:#FFFFFF;}
ul.event-list li span.date-event {width:15%;display:inline-block;}
ul.event-list li span {width:24%;display:inline-block;vertical-align: top;}

a .event-item-line
{
	display:table;
	font-family: "Zilla Slab",serif;
	width:100%;
	border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#CCCCCC;
}


.event-item-line div {display:table-cell;padding-right:1rem;padding-left:1rem;padding-top:.5rem;padding-bottom:1rem;cursor:pointer;}

a:last-child .event-item-line {border-style:none;}


.event-item-line div:first-child {padding-left:1rem;}
.event-item-line div:last-child {padding-right:1rem;}
.event-item-line:hover {background-color:#EEEEEE;}

.event-item-line .event-date {width:20%;}
.event-item-line .event-cateogorie {width:20%;word-wrap:break-word;}
.event-item-line .event-structure {width:35%;}
.event-item-line .event-ville{width:25%;}

/** LISTE **/
/**.liste_elt h3 {margin-bottom:2rem;}**/


/** CHAPEAU **/
.page-chapeau .citation
{
	font-style:italic;
	font-weight: bold;
	font-size:1.6rem;
	padding:0;
	margin:0; margin-bottom:2rem;
}
.page-chapeau .citation p:first-child {margin-top:0;}

/** DIAPORAMA SWIPER **/

.media-slider
{
}

/** en petite taille les fleches ne s'affiche pas **/
.media-slider .swiper-button-next { right:2rem; display:none;}
.media-slider .swiper-button-prev { left:2rem; display:none;}
.media-slider .swiper-container
{
    /*width: 500px;*/
    width:100%;
    height: 250px;
    margin: 20px auto;
}

.media-slider .swiper-slide { text-align:center; }
.media-slider .swiper-slide img { height:100%; padding-bottom:4rem;}
.media-slider .swiper-pagination { bottom:0; }




/******************************************/
/*** MAGAZINE LINE
/******************************************/

.bloc.magazine-line .content
{
	padding-top:4rem;
	padding-left:2rem;
	padding-right:2rem;
	padding-bottom:2rem;
}

.article-line {border-bottom-style:solid; border-bottom-color:#CCCCCC; border-bottom-width: 1px;margin-bottom:2rem; padding-bottom:2rem;min-height:200px;} /** TOTO AMELIORER **/

.article-line:last-child, .article-line.last {border-bottom-style:none;margin-bottom:0;padding-bottom:0;}


.article-line img.avatar {width:11rem;height:11rem;margin-bottom:-4rem;}
.article-line .avatar-content
{
	width:11rem;
	height:11rem;
	float:left;
	/*background-color:#FF0000;*/
}

.article-line .info-content
{
	margin-left:13rem;
	min-height:15rem;
	/*background-color:#FF0000;*/
}

.article-line .info-content span.films { font-family:"Zilla Slab"; font-style:italic;font-size:1.8rem; font-weight: bold}
.article-line .info-content p.citation { font-style:italic; margin-top:0;margin-bottom:1rem;}
.article-line .info-content h4 { margin-top:1rem;}


/** ligne bulle **/
.article-line .line, .template .line
{ 
    width:100%;
    height:40px;
    background-image:url(../img/ui/chapeau-600.png);
    background-repeat:no-repeat;
    background-position:left top;
    background-size:40% auto;
}

/*p.date-publication, span.date-publication {font-size:1.4rem;color:#999999;}*/




/************************************/
/*** LAYER
/************************************/

/** TOP LAYER POUR LES VIDEOS **/
.topLayer
{
	position:fixed;
	width:100vw;
	height:100vh;
	background-color:#FFFFFF;
	top:0; left:0;
	z-index:100;
	display:none;
	opacity: 0;
   	transition: opacity 2s ease-in-out;
   -moz-transition: opacity 2s ease-in-out;
   -webkit-transition: opacity 2s ease-in-out;
}

.topLayer .header
{
	width:100%;
	height:30px;
	background-color:none;
}

.topLayer #close {width:30px;height:30px;background-color:#FF0000;float:right;}

/** RECHERCHE **/

.recherche-layer
{
	padding-top:100px; /**hauteur du header**/
	position:fixed;
	width:100vw;
	height:100vh;
	background-color:#EFEFEF;
	top:0; left:0;
	display:none;
	z-index:50;
}

.recherche-layer .content-inner { position:relative; }
.recherche-layer .col { margin-bottom:0;}
.recherche-layer .bloc {height:200px;}



/*****************************************************************/
/*** EFFECTS
/*****************************************************************/

.shadow
{

-webkit-box-shadow: 2px 2px 10px 0px #676767;
-moz-box-shadow: 2px 2px 10px 0px #676767;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#676767', Positive='true');
zoom:1;
box-shadow: 2px 2px 10px 0px #676767;

}

/* pour IE9 et + ce hack ci-dessous peut être fait avec les commentaires conditionnels d'IE :
[if gte IE 9]*/
@media only screen{#selecteur{filter: none;}} /*Ie9+*/


.header-search {display:none;}

.nav-social-menu {position:absolute;right:0px;right:0px;top:40px;display:none;}
.nav-social-menu svg {width:28px;height:28px;}
.nav-social-menu svg .st1 {fill:#000;}
.nav-social-menu a {margin-left:5px;}


/*****************************************************************/
/*** MEDIA QUERY *************************************************/
/*****************************************************************/


@media only screen and (max-width: 400px)
{
	/** MAIN SLIDE max-width400px **/
	.header-slider p.sous-titre {font-size:1.2rem;}
	.header-slider p.mention {font-size:1.3rem;}
	.header-slider p.info {font-size:1.2rem;}
	.header-slider .date {display:none;}

	/** liste d'article page magazine **/
	.article-line .avatar-content {display:none;}
	.article-line .info-content {margin-left:0;min-height:auto;}
	.article-line {min-height:auto;}

	/** page children **/
	.bloc.thumbnail {max-width:50%;}

	ul.template_liste li.film_item {padding-bottom:1rem;}

	.section_header .link {font-size:1.2rem;}
}


@media only screen and (max-width:600px)
{
	/** on affiche pas la navigation des sliders **/
	.pagination .next {display:none;}
	.pagination .prev {display:none;}

	/** liste de page **/
	.page_children p.page_description {font-size:1.6rem;}
	ul.page_children li.page_children_item .col-2-9 {display:block;}
	.page_children_item .col-2-9 {display:none;}
	.page_children_item .col-7-9 {margin-left:0;width:100%;}

	/** event  **/
	ul.event-list li span {font-size:1.4rem;}

	/** EVENT ITEM **/
	/** on affiche pas toutes les informations, on ressere au max**/
	.event-item-line .event-date {width:30%;}
	.event-item-line .event-categorie {width:35%;}
	.event-item-line .event-structure {display:none;}
	.event-item-line .event-ville{width:35%;}

	.event-item-line div {padding-left:0rem;}
	.event-item-line div:first-child {padding-left:0rem;}
	.event-item-line div:last-child {padding-right:0rem;}

	/** newsletter/footer **/
	footer .newsletter-bloc input {max-width:100%;}



}

@media only screen and (min-width:601px) and (max-width:768px)
{
	/** hauteur du header **/
	#main .header {height:250px;} /** hauteur du slider **/
	#main .header .content-inner {height:100%;}

	/** newsletter/footer **/
	footer .newsletter-bloc {text-align:center;}
	footer .newsletter-bloc input {max-width:50%;}
}



/****************************************/
/*** TABLETTE
/****************************************/

@media only screen and (min-width: 768px)
{
	/** LOGO CANNES > 768 **/
	i.cannes-label
	{
		background-size: 100px 54px;
		background-position: 0 5px;
		width:100px;
		height:60px;
	}


	/****************************************************/
	/*** FOOTER 768
	/****************************************************/

	/** général **/
	footer ul {float:left; display:block;}
	footer li {float:left;}
	footer hr { display:none; }

	/** formulaire newsletter **/
	footer #email_input {width:30%;height:3rem;max-width:20rem;}
	footer #region_input {width:30%;height:3rem;max-width:20rem;}
	footer input[type=submit] {width:30%;height:3rem;max-width:20rem;-webkit-appearance: none;border-radius: 0}
	footer #unsubscribe {text-align:left; margin-top:.5rem;font-size:1.2rem; text-transform: uppercase;}

	/** logo **/
	footer #logo-footer {display:block; width:100%; height:80px; text-align:right;}
	footer #logo-footer img { float:right; width:80px; height:auto;}

	/** adresse **/
	footer .adresse-bloc p {text-align:right; display:block; margin-top:0px;}
	footer .adresse-bloc a {text-align:right;}

	/** menu contact **/
	footer ul.contact {display:block;width:100%;}
	footer ul.contact li {width:100%;}
	footer ul.contact li a {text-align:right;display:inline-block;}

	/** copyright - menu légal **/
	footer ul.footer li {display:inline;margin-right:20px;}

	/** menu principal **/
	footer ul.main {margin-bottom:1rem;}
	footer ul.main li { margin-right:1.5rem;}

	/** menu soumettre **/
	footer ul.soumettre {margin-bottom:2rem;}

	/** menu social **/
	footer ul.social {margin-bottom:0rem;}

	/******************************************/
	/*** UI 768
	/******************************************/

	/** citation page d'accueil **/;
	.citation .avatar {width:100px;height:100px;}
	.citation .citation {width:75%;font-size:2.5rem;}
	.citation .structure {font-size:1.4rem}


	/******************************************/
	/*** MAIN CONTAINER 768
	/******************************************/

	/** MAIN CONTAINER HEADER **/
	#main .header {height:200px;}
	#main .header .content-inner {height:200px;}
	#main .header ul.breadcrump { display:inline-block; }
	#main .header .content-bottom {bottom:100px;width:100%;} /** en fonction de la position du contenu de la page **/
	#main .header .logo_header img {max-width: 250px; max-height:200px;}
	#main .header .img-container {position:absolute;width:100%;height:100%;overflow:hidden;top:0;left:0;}

	/** AVATAR **/
	#main .header .avatar_header {width:100%;}
	#main .header .avatar_header h1 {text-align:center;font-size:3rem;}
	#main .header .avatar_header p.profession {font-size: 2rem; }
	#main .header .avatar_header p.acid {font-size: 2rem;}

	/** CONTAINER ARTICLE **/
	#main .content-inner.content { margin-top:-100px; position:relative;} /** le contenu passe sur le header **/
	#main .content-inner.content .col.right { margin-top:3rem; } /** la colonne de droite est plus basse **/

	/** SOUS-TITRE **/
	.header p.realisateur {color:#FFFFFF;,text-transform:none;font-size:2rem;}

	/** liste de structure **/
	.structure_item .col-2-9 {display:block;}


	/** EVENT ITEM **/
	/** on affiche pas toutes les informations, on ressere au max**/
	.event-item-line .event-date {width:15%;}
	.event-item-line .event-categorie {width:30%;}
	.event-item-line .event-structure {width:30%;}
	.event-item-line .event-ville{width:25%;}

	.event-item-line div {padding-left:0rem;}
	.event-item-line div:first-child {padding-left:.5rem;}
	.event-item-line div:last-child {padding-right:.5rem;}

	/** la colonne de droite se positionne avec la même marge-top/bottom que celle de gauche **/
	#main .content-inner.content .col.right {margin-top:0;}

}

/****************************************/
/*** TABLETTE
/****************************************/


@media only screen and (min-width: 768px) and (max-width: 1023px)
{
	/** HEADER 768 **/
	#main .header {height:350px;} /** hauteur du slider **/
	#main .header .content-inner {height:100%;}
	#main .header .logo_header img {max-width:150px;margin:1rem;}

}

/****************************************/
/*** DESKTOP
/****************************************/


@media only screen and (min-width: 1024px)
{
	/** MAIN CONTAINER **/
	#main {margin-top:90px;} /** hauteur du header menu**/

	/** MAIN CONTAINER HEADER **/
	#main .header {height:500px;} /** hauteur du slider **/
	#main .header .content-inner {height:100%;}
	#main .header .logo-header img {max-width:250px;max-height:250px;margin:2rem;}

	/** position minimum du titre du slider **/
	.header-slider .text-container {min-height:20rem;}

	.header-search {display:inline-block;}

	/** la navigation du slider s'affiche **/
	.media-slider .swiper-button-next { right:2rem; display:block;}
	.media-slider .swiper-button-prev { left:2rem; display:block;}

	/** liste des pages enfants **/
	.page_children_item img {display:block} /** l'image s'affiche **/
	.page_children_item .no_image {display:block} /** l'image s'affiche **/

	/** MENU SECTION FILM ET EVENT **/
	.row.group.menu .col { margin-top:0; }
	.row.group.menu nav {margin:auto;margin-right:.4rem; margin-top:0;margin-left:4rem; margin-bottom:0;}
	.row.group.menu nav .fa { display:none; }

	/** on n'affiche pas les icones du menu mais les labels **/
	.row.group.menu nav ul li a span {text-transform:uppercase; display:inline-block; font-weight:bold; font-size:1.5rem;}

	/** UI PAGINATION DESKTOP **/
	.pagination .page {display:inline-block;}
	.pagination .page.hide {visibility:hidden;}
	.pagination .next.hide, .pagination .prev.hide {visibility:hidden;}

	/** TAILLE DU SWIPER DANS UNE TEMPLATE **/
	.media-slider .swiper-container {height: 50rem;}

	/** liste de page **/
	p.page_description {font-size:1.6rem;}

	/** position y de la colonne de droite **/
	#main .content-inner.content .col.right {margin-top:5rem;}

	.nav-social-menu {display:inline-block;}

}

@media only screen and (max-width: 1350px)
{
	/** affichage de la navigation du slider du header **/
	.header-slider .swiper-button-next {display:none;}
	.header-slider .swiper-button-prev {display:none;}
}

/**************************/
/*** COOKIES
/**************************/

.cookies h4 {margin-bottom:2rem;}
.cookies .field {margin-bottom:3rem;}
.cookies .field p {margin-bottom:1.5rem;}
.cookies .field input[type='submit'], .cookies .btn
{
	background-color: #e639b7;
	height: 4rem;
	min-width:200px;
	padding-left,padding-right:2rem;
	display:inline-block;
}

.cookies .btn
{
	line-height:4rem;text-align:center;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    margin-top:2rem;
    display:inline-block;
    padding-left:20px;
    padding-right:20px;
}

.cookies .btn:hover {color:#FFF;}
.cookies .field input[type='submit']:hover
{

}

#cookies-modal
{
	position:fixed;
	transition: bottom 1s ease-in-out;
   	-moz-transition: bottom 1s ease-in-out;
   	-webkit-transition: bottom 1s ease-in-out;
   	left:0px;
   	bottom:-500px;
   	width:100%;height:auto;
   	background:#FFFFFF;padding:20px;
   	z-index:10000;
}

#cookies-modal.show
{
	bottom:0px;
}