@charset "utf-8";
/* CSS Document */
/******* Global *******/
*{
	margin:0;
}
body{
	height:100%; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#484848; 
}
h1, h2, h3, h4, h5, h6 {
	margin:1em auto 0.8em; 
	padding:0px;
	font-style: normal; 
	color:#E01D57;
} 

h1 {
	text-align:left;
	font-size:1.5em;
} 
h2 {
	font-size: 1.3em;
} 
h3 {
	font-size: 1.17em;
	/*margin:1.4em 0 0.5em; */
} 
p, ul, ol, table{
	font-size:0.9em;
}
a, h2 a{
	text-decoration:none;
	color:#484848;
}
p a, a:hover, a:focus{
	text-decoration:underline;
	color:;
}

h2 a:focus, h2 a:hover{
	color:;
}
img{
	border:0;
}
a:focus, img:focus, input:focus{
	outline:#E01D57 solid 2px;
	border-radius:3px;
}
.hidden /* class de Bowman*/{
	position: absolute;
	left: 0;
	top: -5000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.strong{color:#E01D57; font-weight:bold;}
/**** Structure ****/
#wrapper {
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	margin: 0 auto -30px; 
	padding:0; 
	text-align:left;
	overflow:hidden;
}
.push{
	height:30px;
}
.stop{
	clear:both;
}
#global{
	margin:0 auto;
	min-height: 730px;
	height:auto !important;
	height:730px; 
}
.page{
	max-width:1000px;
	margin:0 auto;
}
/******* Header *******/
#header{
	background-color:#1A171B;
	padding: 7px;
	margin-bottom:3px;
}
#entete{
	height:150px;
}
#entete.langue_fr{
/*	background:transparent url(img/FFC-2012-banner-fr.png) no-repeat top right;*/
}
#entete.langue_en{
/*	background:transparent url(img/FFC-2012-banner-en.png) no-repeat top right;*/
}
#skip_nav {
font-size: 0.5em;
height: 1em;
}
#skip_nav li {
display: inline;
padding: 0 30px;
}
#infos{
	background-color:#1A171B;
	float:left;
	width:172px;
	text-align:right;
	margin-right:5.4%;
}
#infos *{ color:#E5E7E8;}
#infos p{ margin:0 0 7px; font-size:0.8em; }
#infos #langue{	border-top:1px solid #FFF; line-height:1.7em; margin: 7px 0 0;}
#infos #langue a{ margin-left:15px;}
#infos #langue a:hover, #infos #langue  a:focus {  color: #FFFFFF;}
#logos {overflow:hidden;font-size:inherit;color:white;padding:1px;}
/*titre du site*/
*#titre_site{margin:0;}
#titre_site_print{display:none;}
*#titre_site a{
	overflow:hidden;
	display:block;
	background:transparent url(img/FFC2014-banner.jpg) no-repeat top left;
	text-align:left;
	color:white;
	}
*#titre_site a:hover,
  *#titre_site a:visited{  color:white; text-decoration:none;}
/*******search *******/
#search{
	text-align:right;
}
#recherche{
	border:0;
	width:140px;
	height:18px;
	font-size:0.8em;
	color:#1A171B;
	padding: 0 2px;
}
#search .btnsubmitsearch{
	background-color:#9C98A0;
	background:-moz-linear-gradient(bottom , #6F6D70, #B7B1BC) no-repeat scroll 0 0 transparent;/*#A0E82E*/
	background-image:-webkit-gradient(linear ,from(#6F6D70),to(white));
	background-repeat: no-repeat;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	-khtml-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	border:1px solid #5A595B;	
	color:#fff;
	width:22px;
	height:20px;
	font-weight:bold;
	font-size:0.7em;
	cursor:pointer;
	text-align:center;
	padding:0;
}

/******* Menu *******/
/*#cadre_menu{
	background-color:#EDEAEB;/*#847B79#9C98A0*/
	/*padding:0;
	overflow:hidden;
}*/
#cadre_menu{
	background-color:#56B1C3;
	padding:0;
	overflow:hidden;
}

#menu, #menu ul {
  padding: 0; 
  list-style-type: none; 
  font-size : 0.75em;
}
#menu > li {
  padding: 0; 
  float:left;
  line-height:25px;
}
/*#menu li a {
  font-weight: bold;
  font-size: inherit;
  text-decoration: none;
  padding: 0px 10px ;
  color:#EB1D5D;
}*/
#menu li a {
  font-weight: bold;
  font-size: inherit;
  text-decoration: none;
  padding: 0px 10px ;
  color:#FFFFFF;
  text-shadow:1px 0px 1px rgb(137, 119, 125);
}

#menu li:hover, #menu li:focus,
 #menu li:hover a, #menu li:focus a{
    background-color:#333333;
	 color:#E5E7E8;
}
#menu li.separe:before{ content:"|"; color:#EB1D5D;}
#menu li.separe:before{ content:"|"; color:#FFFFFF;}

#menu li:hover.separe:before,
  #menu li:focus.separe:before
{
  color:#333333;
}

#menu.level1 li:hover ul.level2, 
div#menu ul.level2 li:hover ul.level3 {
  display: block !important;
}

#menu ul.level2 {
  position: absolute; 
  background-color:#333333;
  display: none;
  padding: 0px 10px;
  font-size : 1em;
}
#menu ul.level2 a {
  width: auto;
   color:#E5E7E8;
}
#menu.level1 li:hover ul.level2, 
div#menu ul.level2 li:hover ul.level3 {
  display: block !important;
}
#menu.level1 a:hover ul.level2, 
div#menu ul.level2 a:hover ul.level3 {
  display: block !important;
}
#menu ul.level2 li a { 
  text-decoration: none;
  font-weight: normal;
}
#menu li a:hover, #menu li a:focus,
 #menu ul.level2 li a:hover,
 #menu ul.level2 li a:focus { 
 color: #FFF;
 background-color:#333333;
 }

/**** Content ****/

/* pour les boutons type public*/
.type{
	border:1px #666 solid;
	-moz-border-radius:3px ;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:4px;
	padding:0.1em 0.3em 0.2em;
	text-decoration:none;
	margin:0.3em 0 0.3em 0.3em;
}
.type:hover{text-decoration:none;background-color:white;}
.type .spip_logos, #left .type .spip_logos{margin:0;vertical-align:middle;float:none;border-radius:2px;}

/*** Right ***/
#right{
	float:right;
	width:25%;
	margin-left:4%;
}
#right .bloc_right{
	background-color:#EDEAEB;
	-moz-border-radius:7px 7px 0 0 ;
	-webkit-border-radius:7px 7px 0 0 ;
	-khtml-border-radius:7px 7px 0 0 ;
	border-radius:7px 7px 0 0 ;
	padding:10px;
}
#right h2{
	text-align:right;
	border-bottom:1px solid #CCC;
	color:#89777D;
	font-variant:small-caps;
	margin:20px auto 10px;
	font-size:1em;
}
#right h3{
	margin-top:0;
	font-size: 1em;
	margin:1.4em 0 0.5em; 
	color: #E01D57;
    font-style: normal;
    padding: 0;
}
#right .bloc_right h3:first-child{
	margin-top:0;
}
#right .bloc_right p{
	margin:0 auto 1.2em;
	overflow:hidden;
	font-size:0.7em;
	font-family: Verdana, Geneva, sans-serif;
	padding:2px;
}
#right p#voyagelorraine_p{text-align:center;padding:6px;}
#right a#voyagelorraine_a{display:block;overflow:hidden;}
#right #type_public {line-height:20px;font-size:0.6em}
#right .bloc_right p.suite{
	text-align:right;
	margin-top:-10px;
	padding:3px;
}
/* forcer une image à avoir la taille exacte de la colonne droite */
/* quelque soit le zoom */
.right_img{width:100%;border-radius: 6px;}
/***** Left *****/
#left{
	float:left;
	width:70%;
}
#left h2{
	margin:1em auto 15px;
}
/**** Sommaire *****/

/*** Edito ***/
#edito{
	float:left;
	width:18%;
	padding:;
	text-align:right;
	margin-right:5%;
}
#edito p{
	font-size:0.7em;
	margin-bottom:10px;
	font-family: Verdana, Geneva, sans-serif;
	color:#666666;
}
.accueil #left{
	width:48%;
}
.accueil h2, .accueil #left h2{
	text-align:right;
	border-bottom:1px solid #CCC;
	color:#89777D;
	font-variant:small-caps;
	margin:20px auto 10px;
	font-size:1em;
}
.accueil #left h3{
	color:#E01D57;
	font-size:1.5em;
}
#right, #edito{
	/* pour ie 6 et 7 evite le doublement des marges du au passage en float*/
	display:inline;
}
/* les événements avenir des rendez-vous */
.accueil .texte h2{display:none;}

/**** une ****/
#left .warning{
	text-align: left;
	font-size:1.1em;	
}
/**** Rubriques & Articles ****/
/* Fil d'ariane */
#hierarchie{
    margin: 25px auto 35px;
}
ul#fildariane{
     list-style-type:none;
	 line-height:20px;
	 padding:0;
	 overflow:hidden;
	 display:block;
	font-size:0.7em;
}
#fildariane li{
    float:left;
	display:block;
	font-family: Verdana, Geneva, sans-serif;
	padding:0px 5px 0px 15px;
	height:14px;
	line-height:14px;
	vertical-align:middle;
}
#fildariane li.filitem{
	background:url(img/fildariane.png) no-repeat top left;
}
#hierarchie ul li a{
	font-weight:normal;
	color:;
}
/*Texte*/
#left .texte{
	padding-bottom:10px;
}
#left .texte p,
 #left .texte ul,
  #left .texte ol,
   #left .texte table{
	margin:0 auto 1em;
}
#left .texte ul{padding-left:1em}

#left .chapo, #left .texte_article,
#left .logo_align_text{
	margin-top:1em;
}
#left .chapo, #left .texte_article{
	overflow:hidden;
}
.chapo,.chapo p{
	color: #E01D57;
	font-weight:bold;
	margin:0;
	}

/*Rubrique*/
#left .texte_rubrique{
	margin-top:1em;
}
#left .insert_article_rubrique{
	margin-bottom:50px;
	overflow:hidden;
}
/* Dans la page rubrique, les sous-menus des rubriques, articles et sous-rubriques*/
#left .menu {overflow:hidden;}
#left .menu ul {padding-left:1em;}
#left .menu > ul > li {clear: both; margin: 0.20em 0; padding:1em 0.20em; border-top: 1px solid #DDD; list-style:none; }
#left .menu ul p { overflow:hidden; }
#left .menu h2 {margin: 0.30em 0; font-size: 1.1em;}


#left .articles{ margin-bottom:20px;}
#left .articles > ul {}
#left .articles > ul > li h3 { margin: 0.30em 0;}
#left .articles > ul > li small{float:right; margin:0 0 0 40px;}
#left .articles img, .rubrique .rubriques .spip_logos, .article .articles .spip_logos {
    float: left;
    margin: 5px 30px 10px 0;
}
/* pour les actualites span.date supprimé le 060214
.date{
	color:#999999;
}*/

/* inc-evenements dans les rubriques, les articles, les mots */
#left .texte .programmation{
	background-color:#E01D57;
	color:#FFFFFF;
	padding:1px 10px;
	font-size:0.8em;
	font-weight:bold;
	margin-bottom:0;
	font-family: Verdana, Geneva, sans-serif;
	overflow:hidden;
}

#left .texte .programmation a{
	color: inherit;
	font-weight:bold;
}
#left .texte .programmation_adresse{
	padding:1px 10px 1px;
	font-size:0.75em;
	color:#847B79;
	display:none;
}
/* modèle evenement dans les rubriques, les articles, les mots */
#left .texte .evenement{
    background-color: #27A4BA;
    box-shadow: 1px 1px 1px #808080;
    margin-bottom: 0;
    overflow: hidden;
    padding: 5px 10px 0;
}
.rubrique #left .texte .menu .evenement{
    margin-top: -15px;
}
#left .texte .evenement p{
    color: #FFFFFF;
    font-family: Verdana,Geneva,sans-serif;
	margin-bottom:5px;
    font-size: 11px;
}
#left .texte p.evenement_date_titre{
	font-weight: bold;
    text-shadow: 1px 0px 1px #808080;
}
#left .texte .evenement .espace{margin-right:15px;}

#left .texte .evenement a{
	color: inherit;
	font-weight:bold;
}
#left .texte p.evenement_adresse{
	font-size:10px;
	/*color:#847B79;*/
}
#left .texte .evenement_descriptif{
	background-color:rgba(255, 255, 255, 0.9);
	color:#847B79;
	font-size:10px;
	padding:10px;
}
#left .texte .evenement_descriptif p{
	color:#847B79;
}


/* Les films inc-film et page film*/
.auteur{font-style: italic; color:#757272; font-size:0.9em;}
.etat {font-weight:bold;background-color:#E01D57;color:#FFFFFF;padding:0 5px;}
.etat a{color:#FFFFFF}
/* films selectionnes 2010 */
ul#selectionne li{overflow:hidden;}

/* inc-agenda pour la page programme 2012*/
/*#agenda h2{
	background-color:#E01D57;
	color:#FFFFFF;
	padding:0 5px;
	}*/
#agenda h2{
    background-color: #27A4BA;
    box-shadow: 1px 1px 1px #808080;
	padding:5px;
	text-align:center;
	color:#FFFFFF;
	text-shadow: 1px 0px 1px #808080;
	font-size:14px;
	letter-spacing:0.2em;
	clear:both;
	}
/*.texte #agenda h3{
	font-size:1em;
	border-bottom:dotted;
	}*/
.texte #agenda h3{
	font-size:1em;
	clear:both;
	}
/* modele agenda pour la page programme 2014*/
/*#agenda .bloc_agenda{
	float:left;
	width:45%;
	min-width:150px;
}*/

/*inc-soirees 2012*/
#soirees h2{
	border-bottom:dotted;
	}
#soirees span.horaire{
	font-weight:normal;	
}
#soirees h2 span.date{
	background-color:#E01D57;
	color:#FFFFFF;
	padding:0 5px;
	margin-right:10px;
	font-size:inherit;
}
#soirees .chapo{margin:10px auto;}
#soirees .chapo p{
	color: #E01D57;
	font-weight:bold;
	margin:0;
	}
/* inc-we 2012*/
#weekend h2{
	border-bottom:dotted;
	color: #E01D57;
	}
#weekend .chapo{margin-bottom:10px;}
#weekend .chapo p{
	color: #E01D57;
	font-weight:bold;
	margin:0;
	}
/* inc-spectacle 2012*/
#spectacle h2{
	border-bottom:dotted;
	}
#spectacle h3{
	color: #AA3017;
	}

#spectacle .chapo{margin:0 auto 10px;}
#spectacle .chapo p{
	color: #E01D57;
	font-weight:bold;
	margin:0;
	}
#spectacle .horaire{
	background-color:#E01D57;
	color:#FFFFFF;
	font-variant:small-caps;
	font-weight:bold;
	margin:0;
	padding:1px 10px;
}
/* inc-agenda2014 pour la page programme 2014*/
#agenda14{overflow:hidden;}
hr.stop{border:0;}
/* les jours */
#agenda14 h2{
    background-color: #27A4BA;
    box-shadow: 1px 1px 1px #808080;
	margin-top:20px;
	padding:5px;
	text-align:center;
	color:#FFFFFF;
	text-shadow: 1px 0px 1px #808080;
	font-size:14px;
	letter-spacing:0.2em;
	clear:both;
	}
.texte #agenda14 h3{
	font-size:1em;
	clear:both;
	}
/* les legendes */
#agenda14 .legende{margin-top:3em;font-size:0.8em;overflow:hidden;}
#agenda14 .bloc_legende{clear:none !important; width:auto !important;}
#agenda14 .legende_horaire_lieu{width:1.2em; margin:0.2em ;display:inline-block;}
/* les blocs d'evenements*/
#agenda14 .bloc_agenda{
	min-width:250px;
	overflow:hidden;
	margin-bottom:0.2em;
}
/* positionnenement*/
#agenda14 .type68,
 #agenda14 .type69,
  #agenda14 .type70{
	float:left;
	width:55%;
	clear:left;
	}
#agenda14 .type66,
 #agenda14 .type67{
	float:right;
	width:40%;
	clear:right;
}
/* les elements des blocs */
.texte #agenda14 p{
	margin:0 0 0.5em;;
	overflow:hidden;
}
#agenda14 div.horaire_lieu{
	float:left;
	margin: 0 10px 0 0;
	width:3em;
	text-align:center;
}
#agenda14 span.horaire{
	color:white;
	font-weight:bold;
}
#agenda14 span.lieu{
	color:#E01D57;
}
#agenda14 span.lieu .spip_logos{
	margin:0 0.3em 0 0;
	float:none;
	vertical-align:middle;
}
.texte #agenda14 .spip_logos{
	margin:0 10px 10px 0;
}
.texte #agenda14 .evenement_descriptif{
	padding:0;
	margin-left:4em;
	font-size:0.8em;
}
/* 2014 spectacles */
#agenda14 .type66{}
#agenda14 .type66 .legende_horaire_lieu,
 #agenda14 .type66 .horaire_lieu{background-color:#E01D57;}
/* 2014 animations */
#agenda14 .type67{
    border: 1px solid #847B79;
    border-radius: 1em;
    margin: 1em 0;
    padding: 0.35em;
}
#agenda14 .type67 .horaire_lieu{float:none;width:auto;}
#agenda14 .type67 .horaire{float:none;width:auto;color:#E01D57;}
#agenda14 .type67 .horaire_lieu .lieu{display :block;}
#agenda14 .type67 p{text-align:center;}
#agenda14 .type67 .evenement_descriptif{margin:0;}

/* 2014 soiree*/
#agenda14 .type68{}
#agenda14 .type68 .legende_horaire_lieu,
 #agenda14 .type68 .horaire_lieu{background-color:black;} 
/*2014 films hors compétition */
#agenda14 .type69{}
#agenda14 .type69 .legende_horaire_lieu,
 #agenda14 .type69 .horaire_lieu{background-color:#CC8830;}
/*2014 films en compétition */
#agenda14 .type70{}
#agenda14 .type70 .legende_horaire_lieu,
 #agenda14 .type70 .horaire_lieu{background-color:#27A4BA;}

/* inc-partenaires */
.site{
	/*width:220px;*/
	margin:0 0 25px 0;
	text-align:left;
	height:120px;
}
.esp{margin:0 15px 25px 0;}

.site .spip_logos{
	margin:0 15px 0 0;
}
.site p{	font-size:0.8em;}

/*** page Voyage en Lorraine 2013 ***/
#carte{margin:0 0 20px 40px;}
#groupe_mot{
	overflow:hidden;
	margin-right:10px;
	padding:0.4em;
	background-color:#DDDAD9;
	border-radius:7px 7px 0 0;
	}
#groupe_mot ul{
	padding:0;
	list-style:none;
}
#mot {
	overflow:hidden;
}
#mot .logo_mot{padding-left:1em;}
#mot h2{
	color:#E01D57;
	text-align:center;
}
/*** plugin agenda ***/
.occupe a{font-weight:bold;}
/* Plan */
.contre-encart{
	margin-left:20px;
}
/* page recherche */
#nouvelle_recherche #search{
	text-align:center;
	margin:30px 28px;
}
#nouvelle_recherche .inputsearch{
	border:1px inset #CCC;
	width:300px;
	height:18px;
}
#nouvelle_recherche #recherche{font-size:0.8em}

/******* Footer *******/
#footer{
	background-color:#1A171B;
	height:31px;
}
#footer ul{
	list-style-type:none;
	padding-top:8px;
	text-align:center;
	font-size:0.8em;
}
#footer ul li{
	display:inline;
}
#footer a, #footer a:hover, #footer a:focus{
	text-decoration:none;
	min-width:80px;
	margin:0;
	padding:0 10px;
}
#footer a{
	color:#E5E7E8;
}
#footer a:hover, #footer a:focus{
	color:#fff;
}
/******* Impression *******/

/*redéfinition des styles des outils*/
#share, .socialtags{
	
	font-size:0.8em;
	float:right;
	margin:0 0 1em 2em;
}
.boutonstexte{
	margin:10px;
}
.boutonstexte button{
	position:static;
}
.print a{
	padding:1px 5px 1px 20px;
background:url(img/print4.png)no-repeat scroll 0 center transparent;
}

/***** redéfinition des styles spip *****/
.spip_logos{
	float:left;
	margin: 0 20px 30px 0;
}
/*.rubrique .spip_logos, .article .spip_logos{ margin: 0 20px 30px -200px;}pourquoi ce -200px en marge gauche - HC 050914 ?*/

h2.spip{
	text-align:left;
	margin:1em auto 15px;
}
hr.spip{clear:both;}
#left  a.spip_out {
color:;
}
#left a.spip_out:hover, a.spip_out:focus{
	text-decoration:underline;
	color:;
}
ul.spip, ul.spip li{
}
table.spip{
	font-size:1em;
}
table.spip tr.row_even {
    background: none repeat scroll 0 0 #FFFFFF;
}
table.spip tr.row_odd {
    background: none repeat scroll 0 0 #FFFFFF;
}
/* Documents */
.spip_documents_center {
	clear: none;
    overflow: hidden;
	width: auto;
	}
.spip_documents_left {
    margin-bottom: 0.5em;
    margin-right: 1em;
}
.spip_documents_right {
    margin-bottom: 1em;
    margin-left: 1em;
}
.spip_doc_titre{
	font-size:0.8em;
	font-weight:normal;
}
.spip_doc_descriptif{
	font-size:0.8em;
}