/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   */
   html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   b, u, i, center,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td,
   article, aside, canvas, details, embed, 
   figure, figcaption, footer, header, hgroup, 
   menu, nav, output, ruby, section, summary,
   time, mark, audio, video {
   	margin: 0;
   	padding: 0;
   	border: 0;
   	font-size: 100%;
   	font: inherit;
   	vertical-align: baseline;
   }
   /* HTML5 display-role reset for older browsers */
   article, aside, details, figcaption, figure, 
   footer, header, hgroup, menu, nav, section {
   	display: block;
   }
   body {
   	line-height: 1;
   	font-size:0.8em;
   	background:url(../images/bg_body.png) repeat; /*9juin ANAIS*/
   	font-family:Verdana, Geneva, sans-serif;	
   }
   ol, ul {list-style: none;}
   blockquote, q {quotes: none;}
   blockquote:before, blockquote:after,
   q:before, q:after {
   	content: '';
   	content: none;
   }
   table {
   	border-collapse: collapse;
   	border-spacing: 0;
   }
   a{text-decoration:none; color:#ffc647;} /*ANAIS 22 juin 2012*/

/*----
FONTS
----*/

/*Les fonts sont stockées dans le répertoire "fonts" à la racine du dossier*/

@font-face {
	font-family: 'Miso-Bold';
	src: url('../fonts/miso/bold/miso-bold.eot');
	src: url('../fonts/miso/bold/miso-bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/miso/bold/miso-bold.woff') format('woff'),
	url('../fonts/miso/bold/miso-bold.ttf') format('truetype'),
	url('../fonts/miso/bold/miso-bold.svg#miso-bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Miso-Light';
	src: url('../fonts/miso/light/miso-light.eot');
	src: url('../fonts/miso/light/miso-light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/miso/light/miso-light.woff') format('woff'),
	url('../fonts/miso/light/miso-light.ttf') format('truetype'),
	url('../fonts/miso/light/miso-light.svg#miso-light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Miso';
	src: url('../fonts/miso/regular/miso.eot');
	src: url('../fonts/miso/regular/miso.eot?#iefix') format('embedded-opentype'),
	url('../fonts/miso/regular/miso.woff') format('woff'),
	url('../fonts/miso/regular/miso.ttf') format('truetype'),
	url('../fonts/miso/regular/miso.svg#miso') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Beaux-artsregular';
	src: url('../fonts/beauxarts/regular/beaux-artsregular.eot');
	src: url('../fonts/beauxarts/beaux-artsregular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/beauxarts/beaux-artsregular.woff') format('woff'),
	url('../fonts/beauxarts/beaux-artsregular.ttf') format('truetype'),
	url('../fonts/beauxarts/beaux-artsregular.svg#beaux-artsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*-------
FIN FONTS
-------*/
/*---------------------------------------------------*/
/*----------------Multimédia Sorbonne 2012------------*/
/*PENSEZ A BIEN DIRE QUI A MODIFIE QUOI ET A QUEL MOMENT  (sous ce format jj_mm_aaaa mm-hh / prénom )!
-----------------------------------------------------*/

#header_conteneur, #main, footer{
	width:1056px;/*largeur de 1056px pour les principaux blocs*/
	margin:auto;
}

/*-----
HEADER
-----*/

header figure{float:left;}
header nav, #cnx{float:right;}
#cnx{margin-right:1px;}
div #langue{float:left;}
/*3OCTETS*/
header#headerpic1{background-image:url("../images/background/accueil-partenaires.jpg");}
header#headerpic2{background-image:url("../images/background/pic2.jpg");}
header#headerpic3{background-image:url("../images/background/pic3.jpg");}
header#agenda-bg{background-image:url("../images/background/agenda.jpg");}
header#admission-bg{background-image:url("../images/background/admission.jpg");}
header#collection-soutenir-ecole-bg{background-image:url("../images/background/collections-soutenirecole.jpg");}
header#editions-presse-bg{background-image:url("../images/background/editions-presse.jpg");}
header#formation-bg{background-image:url("../images/background/formation.jpg");}
header#informations-institutionnelles-bg{background-image:url("../images/background/informations-institutionnelles.jpg");}
header#nos-artistes-marches-publics-bg{background-image:url("../images/background/nosartistes-marchespublics.jpg");}
header#ecole-bg{background-image:url("../images/background/ecole.jpg");}
header#expos-bg{background-image:url("../images/background/expos.jpg");}
header#location-espace-bg{background-image:url("../images/background/location-espace.jpg");}
header{/*Le header comprend le logo, le menu, le bouton de recherche, de connexion et une big image en fond*/
	height:700px;
	/*background-image:url("../images/background/pic1.jpg");*/ /*3octets*/
	background-size:100% 700px;/*Un peu barbare, voir si sur les anciens navigateurs, cela fonctionne*/
	font-family:Miso;
}
#header{/*Le header comprend le logo, le menu, le bouton de recherche, de connexion et une big image en fond*/
	height:700px;
	background-size:100% 700px;/*Un peu barbare, voir si sur les anciens navigateurs, cela fonctionne*/
	font-family:Miso;
}
/*--
NAV
--*/
header{
	position:relative;
	z-index:1;
}
header nav{width:740px;}

header nav ul li a{/*liens du menu*/
	border-style:solid;
	border-width:0 0 0 1px;
	display:block;
	float:left;
	height:54px;
	text-transform:uppercase;
	/*padding:0 0.75em; 12 juin ANAIS */
	line-height:54px;
	text-align:center;
	font-size:1.4em;
}

header nav ul li:first-child a{border-left:none;}

/*ANAIS 22 juin*/

ul.pres_ecole{height:90px;}
ul.visiterecole{height:90px;}
a.calend{height:73px;}
ul.internat{height:122px;}
li.progpostdiplome{height:151px;}


/*12 juin ANAIS*/
.lien_ecole{
	width:69px;
	border-right:none;
	padding:0;
}

.lien_ecoleEN{
	width:82px;
	border-right:none;
	padding:0;
}

.lien_agenda{
	width:73px;
	border-right:none;
	padding:0;
}

.lien_admission{
	width:89px;
	border-right:none;
	padding:0;
}

.lien_formation{
	width:91px;
	border-right:none;
	padding:0;
}

.lien_nosartistes{
	width:106px;
	border-right:none;
	padding:0;
}

.lien_nosartistesEN{
	width:77px;
	border-right:none;
	padding:0;
}

/*.lien_collections{bouton collections et ressources dans le menu qui tient sur 2 lignes, donc un traitement particulier
	line-height:18px;
	padding-top:10px;
	height:44px;
	}*/

	.lien_collections{
		width:112px;
		border-right:none;
		padding:0;
	}

	.lien_editions{
		width:79px;
		border-right:none;
		padding:0;
	}

	.lien_editionsEN{
		width:108px;
		border-right:none;
		padding:0;
	}

	.lien_expo{
		width:113px;
		border-right:none;
		padding:0;
	}

	.lien_expoEN{
		width:100px;
		border-right:none;
		padding:0;
	}



	#cnx a{/*bouton de connexion + bouton de recherche*/
		display:block;
		float:left;
		width:56px;
		height:61px;
		line-height:80px;
		text-align:center;
	}

	header nav ul li a:hover{/*Lorsqu'une rubrique est sélectionnée*/background:url(../images/bg_menu_hover.png) repeat;}

	header nav section li a:hover, header nav ul li div section h2 a:hover{/*Lorsqu'une rubrique est sélectionnée*/background:none;}
	/*Menu rollover*/
	header nav ul li div{
		font-size:0.9em;
		display: none;
		padding:14px 20px;
		width: 1015px; /*ANAIS 23 juin*/
		position:absolute;
		top:115px;
		margin-left:-316px;
	}
	header nav ul li:hover div {display:block;}

	/*Colonnes dans le sous menu*/
	header nav ul li div section, header nav ul li div.col4 section, header nav ul li div.col5 section{
		float:left;
		margin:0 22px;
		width:290px;
		border-style:solid;
		border-width:0 1px 0 0;
	}
	header nav ul li div section:last-child{border:none;}
	/*4 colonnes dans le sous menu*/
	header nav ul li div.col4 section{
		margin:0 2px;
		width:230px;
	}
	/*5 colonnes*/

	header nav ul li div.col5 section{
		width:155px;
		margin:0 6px;
		border:none;
	}
	header nav ul li div.col5 section:first-child{margin-left:78px;}
	header nav ul li div.col3 section:first-child{margin-left:28px;}
	header nav ul li div.col4 section:first-child{margin-left:14px;}
	header nav ul li div section h2 a{
		font-family:Miso;
		font-size:1.8em;
		padding:2px 18px; /*ANAIS*/
		margin:3px 0; /*ANAIS*/
		display:block;
		text-align:left;
	}

	header nav ul li a + div a{
		background:none;
		font-family:Verdana, Geneva, sans-serif;	
		font-size:0.9em;
		text-transform:none;
		line-height:22px;
		height:22px;
		display:inline;
		float:none;
		padding-left:30px; /*ANAIS*/
		border:none;
	}

	/*style particulier pour les titres des collections dans la Mega Nav 6 juin ANAIS*/
	header nav ul li section span h4 a{
		color:#D8D9D7;
		font-size:1.1em;
		text-transform:none;
		font-family:Verdana, Geneva, sans-serif;
		background:none;
		line-height:13px;
	}

	header nav ul li a + div.col4 section{padding-left:12px;}
	header nav ul li a + div.col4 ul{margin-left:12px; margin-right:6px;} /*ANAIS 20 juin*/
	header nav ul li a + div.col4 li{margin-bottom:12px;}
	header nav ul li a + div.col4  h2 a{line-height:22px;}
	header nav ul li a + div.col4 a{
		line-height:10px;
		padding-left:0; /*ANAIS*/
	}
	header nav ul li div.col5 section span{
		display:block;
		height:125px;
		width:150px;
		margin:16px 0;
	}
	header nav ul li div.col5 section:last-child span:last-child{
		width:218px;
	}
	header nav ul li div.col5 section span h2{
		text-align:center;
		padding:20px 0 0 0; /*ANAIS 6juin*/
	}
	header nav ul li div.col5 section span h4{	
		font-family:Verdana, Geneva, sans-serif; 
		font-size:0.9em;
		font-weight:normal;
	}
	header nav ul li div.col5 section span a{
		margin:0;
		padding:0;
	}
	header nav ul li div.col5 section span a:hover{
		background:none;
	}
/*--------------
FIN NAV principale
--------------*/

/*--------------
Barre de recherche
--------------*/

#barre_recherche{float:left;}

#affiche_recherche{
	float:left;
	display:block;
}
#barre_recherche div{
	height:33px;
	padding:14px 16px;
	float:left;
	display:none;
}
/*ANAIS 9 juin*/
#barre_recherche input{
	width: 242px;
	border:none;
	height:33px;
	display:block;
	float:left;
	padding-left: 10px;
	font-family:Verdana;
	font-size:0.85em;
	color:#262525;
}
/*ANAIS 9 juin*/
#valider{
	cursor:pointer;
	border:none;
	text-indent:-9999px;
	background: url(../images/pictos/valider.png) no-repeat 15px;
	width: 45px;
	height: 35px;
	background-color: #f3f1f1;
}
/*---------------------
BLOC CENTRAL (div#main) 
---------------------*/
#main section.accueil, #main section.vedette,#main section.grey_block, #main aside{
	float:left; 
	/*min-height: 1254px;*/ /*ANAIS 22 juin*/
	position:relative;
	z-index:2;
}

#main section.grey_block, #main section.vedette{
	height:auto;
	/*min-height:780px;*/
	min-height:1000px; /*9juin ANAIS*/
	padding-bottom:18px;
}

/*BLOC PRINCIPAL (DE GAUCHE)*/
#main section{width:705px;}
#main section.accueil ul.main, #main section.accueil + aside #agenda, #actu_aside, .grey_block{margin-top:-218px;}/*On remonte ces blocs pour qu'ils se superposent à la big image du header*/ /*ANAIS*/
#main section.accueil ul li.bloc, #main section.vedette ul li.bloc , #actu_aside{/*les blocs l'école, ateliers, etc. sont contenus dans des li - liste de blocs...*/
float:left;
width:304px;
padding:6px;
margin:0 12px 16px 18px;
display:block;
height:384px;
}
#lof{

	width: 650px !important;

}

.lof-ass .lof-css3, .lof-ass .lof-css3 .preload {
	box-shadow: none !important;
}

.lof-ass .lof-css3 .lof-description{
	box-shadow: none !important;
}

.lof-ass .lof-startstop {
	visibility: hidden !important;
}

.lof-ass .lof-description{
	background: none !important;
	background-color: rgba(0, 0, 0, 0.85) !important;
	left: auto !important;
	max-width: 100% !important;
	width: 100% !important;	
	bottom: 0px !important;
}

.lof-ass .lof-description p{
	padding: none !important;
	width: 100% !important;
	float: left !important;
}


.lof-ass .lof-description h4 a{
	font-family: Miso-Bold !important;
	font-size: 2em !important;
	padding: 0 !important;
}
.lof-ass .lof-next{
	background-image:url(../images/pictos/droite.png) !important;
	height:26px !important;
	width:38px !important;

}
.lof-ass .lof-previous{
	transform: rotate(180deg) !important;
	background-image:url(../images/pictos/droite.png) !important;
	height:26px !important;
	width:38px !important;

}

.lof-ass .lof-next:hover{
	background-image:url(../images/pictos/fleche-hover.png) !important;
	height:26px !important;
	width:38px !important;

}
.lof-ass .lof-previous:hover{
	transform: rotate(180deg) !important;
	background-image:url(../images/pictos/fleche-hover.png) !important;
	height:26px !important;
	width:38px !important;

}

#main section.accueil ul li.bloc div.moduletable > a, #main section.vedette ul li.bloc div.moduletable > a, #main section.vedette ul li.bloc  > a, #actu_aside div > a{/*flèche en bas à droite des blocs*/
	display:block;
	float:right;
	margin:2px -22px 0 0;
	background-image:url(../images/pictos/droite.png);
	height:26px;
	width:38px;
	text-indent:-9999px;
}
#actu_aside div > a{margin-right:-8px;}
#main section.accueil ul li.bloc div.moduletable > a:hover, #main section.vedette ul li.bloc  > a:hover, #actu_aside div > a:hover{	background-image:url(../images/pictos/fleche-hover.png);}
#actu_aside div > a{margin-top:-22px;}

/*Paragraphe de trois lignes dans les blocs d'actualité*/
#main section.accueil ul li.bloc p, #main section.vedette ul li.bloc  p, #actu_aside p{
	margin:16px auto;
	font-size:0.85em;
	line-height:1.4em;
	width:285px;
}

/*Titres en Miso-Bold*/
#main section.accueil ul li.bloc h2, #main section.vedette ul li.bloc  h2, #actu_aside h2, #agenda h2, .coda-slider span a{
	font-family:Miso-Bold;
	border-style:dotted;
	border-width:0 0 2px 0;
	font-size:2em;
	padding:16px 0 11px;
	width:285px;
	margin:auto;
}
/*Titres en Miso*/
#agenda h2, .coda-slider span a{
	font-family:Miso;
	font-size:2em;
	border:none;
	text-align:center;
	padding: 0 2px;
}
/*Titres de l'agenda - Titre du mois */
#agenda h2{
	background-color:#fff; 
	position:relative; 
	z-index:2; 
	width:84px; 
	height:20px;
}

/*---------
FIL D'ARIANE
---------*/

#breadcrumb{
	font-family:Miso, sans-serif;

	margin-top:-41px;
	font-size:1.6em;
	text-transform:uppercase;
	height:41px;
}

#breadcrumb li{float:left;}
#breadcrumb li a{
	display:block;
	border-style:solid;
	border-width:4px 0 0 0;
	float:left;
	padding:0  12px 0 30px;
	position:relative;
	height:37px;
	line-height:42px;
}

#breadcrumb li a:hover{color:#ffffff;}/*blanc 6juin ANAIS*/

#breadcrumb li:first-child a{padding:0 12px;}

.first a{
	background-color:#191919;
	color:#757b7b;
	border-color:#757b7b;
}

.second a{
	background-color:#2e2d2b;
	color:#757b7b;
	border-color:#b1afb0;
}

.selected_fil a{
	background-color:#272624;
	color:#fff;
	border-color:#ffc648;
}

#breadcrumb li span{
	float:right;
	margin-right:-18px;
	display:block;
	border-bottom: 18px solid transparent;
	border-left: 18px solid #000;
	border-top: 18px solid transparent;
	height: 0;
	width: 0;
	position:relative;
	margin-top:5px;
}

#breadcrumb li.first span{
	border-left: 18px solid #191919;
	z-index:3;
}
#breadcrumb li.second span{
	border-left: 18px solid #2e2d2b;
	z-index:2;
}
#breadcrumb li.selected_fil span{border-left: 18px solid #272624;}

/*----------------
PAGES SECONDAIRES
----------------*/

/*Page à la une*/

.vedette{padding-top:18px;}
.vedette + aside{margin-top:18px;}

#a_la_une{
	position:absolute;
	bottom:0;

}

#a_la_une h1{
	padding:30px 26px 24px;
	font-size:2.2em;
}

#a_la_une div{
	float:left;
	width:381px;
}

#a_la_une p{
	line-height:1.4em;
	font-size:0.9em;
	padding:0 26px;
	font-family:Verdana, Geneva, sans-serif;
}
#a_la_une img{
	display:block;
	float:left;
}
/**/
.liste, .liste_actus{
	margin:20px 26px;
	font-size:0.89em; /*6 juin ANAIS*/
	color:#acacac; /*6 juin ANAIS*/
}

.liste li, .liste_actus li{margin:10px 0;}

.grey_block h1{
	font-family:Miso-Light;
	margin:26px 26px 34px;
	font-size:2em;
	text-transform:uppercase;
}
.liste + h1{margin:50px 0 34px 27px;}
.grey_block h2, .grey_block h3{
	margin-left:56px;
	font-size:1em;
	font-weight:bold;
	line-height:1.8em;
	letter-spacing:0.1em; /*6juin ANAIS*/
}

.grey_block h3{
	margin-top:6px;
	font-style:italic;
}
.grey_block h3 + p{
	margin-top:40px;
}

.grey_block p + h2 {margin-top:23px;}

.grey_block h2 span, .grey_block h3{
	font-size:0.9em;
	font-weight:normal;
}

.grey_block p{
	margin:15px 56px;
	font-size:0.89em; /*6 juin ANAIS*/
	line-height:1.6em;
	text-align:justify;
	color:#acacac; /*6 juin ANAIS*/
}

.liste_2{
	margin:38px 56px;
	min-height:100px; /*ANAIS 20 juin*/
	display:block;
	width:580px;
	font-size:0.9em;
}
.liste_2 li{
	margin:6px 3px;
	display:block;
	width:186px;
	float:left;
}

.edition_a_venir{margin-left:56px;}
.edition_a_venir li{
	float:left;
	display:block;
	margin-right:32px;

}
.edition_a_venir h2{
	width:162px;
	font-size:0.9em;
	line-height:1.4em;
	margin:12px 0;
}
.edition_a_venir p{
	margin:0;
	width:162px;
	font-size:0.8em;
}
.txt_image{
	margin:24px 0 24px 53px;
}

.txt_image img{
	float:left;
	margin-right:20px;
}

.txt_image p{
	width:570px;
	margin:15px 0;
	text-align:justify;
}

.grey_block hr{
	margin:28px auto;
	border-style:dotted;
	border-width:2px 0 0 0;
	width:428px;
}

#actu_aside{
	float:none;
	margin-top:-235px;
	height:auto;
}

#actu_aside img{
	border-style:solid;
	border-width:8px 8px 9px;
}

section.grey_block + aside{margin-top:10px;}

.blanc_casse_block{padding-bottom:12px;}
#actu_aside .blanc_casse_block img{border:none;}

.chef_atelier{
	margin:26px 0px 22px 56px; /*6 juin ANAIS*/
	position:relative;
}

.chef_atelier hgroup{
	float:left; 
	position:absolute;
	bottom:2px;
	left:142px;
	
}
.chef_atelier + p{clear:both;}

.liste_actus{
	list-style:disc inside;
	margin-left:56px;
	line-height:1.6em;
}

.lire_suite, .top_ancre{
	display:block;
	text-align:right;
	font-weight:bold;
}

/* JS de la page expo spécial CSS */ 
.expandable a {
	text-align:right;
	font-weight:bold;
	color: #fff;
}

.top_ancre{
	margin:0 92px 0 0 ;
	float:right
}

.txt_image p.pres_ecole{
	width:520px;
}

/*acces*/
.grey_block h2 + h2{margin-top:42px;}	
.google_map{
	height:215px;
	width:313px;
	background-image:url(../images/google.jpg);
	margin-left:56px;
	text-indent:-9999px;
}
.acces{margin-left:56px;}

/*Collections*/
.liste_vignettes{
	display:block;
	margin-left:56px;
	width:574px;
}

.liste_vignettes li{
	float:left;
	margin:4.5px;
}

#breadcrumb + h2{
	margin:26px 26px 34px 56px;
	font-family:Verdana, Geneva, sans-serif;
}

.clear{clear:both;}

/*PAGE TROMBI*/
.fancybox-thumbs{
	position:relative;
	margin;auto;
	width:704px;
}
.fancybox-thumbs li{
	position:relative;
	float:left;
	border-style:solid;
	border-width:0 0 1px 1px;
	overflow:hidden;
}

.fancybox-thumbs li span{
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	padding:8px 5px 8px 5px;
	width:100%;
	visibility:hidden;
	background-color:#000;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	opacity:0.8;
}

.fancybox-thumbs li a img{
	/*filter: url(../filters.svg#grayscale); Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome & Webkit Nightlies */

}

/*.fancybox-thumbs li a{
	-moz-transition: all 0.4s ease 0s;
}

.fancybox-thumbs li a:focus{
	background: none repeat scroll 0 0 #00BEFF;
	}*/

	.fancybox-thumbs li:hover > span{
		visibility:visible;
		z-index:1000;

	}

	.fancybox-thumbs li:hover > a img{
		filter: none;
		-webkit-filter: grayscale(0);
	}
	/**/

	/*PAGE AGENDA*/

	.liste_mois{
		list-style:disc inside;
		margin:56px 25px;
	}
	.liste_mois hr{margin:0;}
	.liste_mois li{
		font-family:Miso;
		font-size:1.6em;
		float:left;
		/*margin-left:9px;*/
		width: 100px;
	}
	.liste_mois li:first-child, .liste_mois li:last-child, .liste_mois li:first-child + li{list-style:none;}
	.liste_agenda{
		margin:105px auto;
		width:500px;
	}

	.liste_agenda p{margin:0;}
	.liste_agenda h2{margin:0 0 20px;}
	.liste_agenda hr{
		margin:18px 0;
		width:auto;
	}


	/**/

/*---------------
Barre latérale (aside)
---------------*/
#main aside{
	width:320px;
	padding:0 15px;
	position:relative;
}

/*BLOC AGENDA*/

#main aside #agenda{
	/* margin-top:-228px; ANAIS Maud 12/06/2012 */
}

#main aside .agenda_small{
	margin-top:-227px; /* Maud 12/06/2012 */
}



/*Bloc conteneur de l'agenda*/
#agenda, #actu_aside{
	width:320px;
	padding:7px 5px;
	margin-left:-5px;
}

/*CODA SLIDER*/
.coda-slider-wrapper{margin-top:12px;}
.coda-slider, .coda-slider .panel { width: 314px;} 
.coda-slider .panel-wrapper { padding: 20px }
.coda-slider p.loading { padding: 20px; text-align: center }
#main .coda-nav ul { clear: both; display: block; margin: 0; overflow: hidden }
.coda-nav ul li {display: inline;}
.coda-nav ul li a{
	width:53px;
	height:46px;
	line-height:46px;
	text-align:center;
	display: block;
	float: left; 
	font-size:1.8em;
	font-family:Miso-Bold;
}
.coda-slider span{
	height:58px;
	width:62px;
	line-height:58px;
	text-align:center;
	display:block;
	float:left;
}

.coda-slider li{
	list-style-type:none;
	border-bottom:1px dotted #D9D8D7;
	height:80px; /*6juin ANAIS !!!! A REVOIR !!!!*/
}

/*bouton "en savoir plus"*/
/*.plus{
	display:block;
	padding:6px 0;
	font-family:Miso;
	font-size:1.5em;
	text-align:center;
	width:250px;
	margin:18px auto 0;
	}*/

	/*Modification fleche 6 juin ANAIS*/
	.plus{
		display:block;
		padding: 4px 0;
		font-family:Miso;
		font-size:1.5em;
		text-align:center;
		width: 30.5px;
		float: left;
		margin-top: -76px;
		margin-left: 262px;
	}

	/*Bloc contenant le titre de l'évènement et le mini descriptif*/
	.coda-slider hgroup{
		height:50px;
		padding:4px 0;
		margin-left:20px;
		float:left;
		width:190px;
		margin-bottom:16px;
	}
	/*Titre de l'évènement*/
	.coda-slider hgroup h3{
		font-size:1.8em;
		font-family:Miso;
	}
	/*Description brève de l'évènement*/
	.coda-slider hgroup h4{
		font-size:0.8em;
		font-weight:bold;
		line-height:1.4em;
	}
	/*Description exhaustif de l'évènement*/
	.panel-wrapper p{
		border-style:dotted;
		border-width:2px 0 0 0;
		padding-top:16px;
		clear:both;
		font-size:0.8em;
		text-align:justify;
		line-height:1.4em;
	}
	/* Miscellaneous */
	.coda-slider-wrapper {
		overflow: auto;
		border-style:solid;
		border-width:1px;
		border-color:#a1a1a1; /*ANAIS*/
	}
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }

	/*::::::::::::Motif du titre de l'agenda:::::::::::::*/
	.motif{
		position:relative;
		z-index:3;
		background:url(../images/motif_titre_agenda.png) repeat-x;
		height:24px;
		width:250px;
		margin:10px auto;
	}
	/*Heure de l'évènement dans l'agenda*/
	.coda-slider span a{font-size:1.8em;}

	/*Liens secondaires --> RELATED CONTENT*/
	#main aside nav{
		font-family:Miso;
		display:block;
		margin-top:24px;
	}
	#main aside ul li{margin-bottom:4px;} /*ANAIS*/
	/*caractéristiques des liens dans la barre latérale*/
	#main aside nav ul li a, #facebook_link a{
		display:block;
		height:56px;
		border-style:dotted;
		border-width:1px;
		line-height:56px;
		text-align:right;
		padding:0 12px;
		font-size:1.7em;
	}

	/*Pictos dans les liens secondaires (related content)*/
	#main aside ul li a img{
		float:left;
		margin:16px 22px;
	}
	/*Caractéristiques des liens facebook*/

	#facebook_link{
		position:absolute;
		bottom:4px
	}

	#main aside #facebook_link ul li a{
		width:320px;
		height:28px;
		padding:16px 0;
		font-size:0.9em;
		text-align:center;
		line-height:1.2em;
		font-family:Verdana, Geneva, sans-serif;
		border:none;
	}
	#main aside #facebook_link ul li:first-child a{background:url(../images/bg_fb.png) repeat;}
/*  2014.03.27 TUAN MODIFICATION DE LA COULEUR DES LOGOS FACEBOOK ET HOVER
#main aside #facebook_link ul li:nth-child(2) a{background:url(../images/bg_fb.png) repeat;}
#main aside #facebook_link ul li:nth-child(3) a{background:url(../images/bg_fb.png) repeat;} 
*/
#main aside #facebook_link ul li a img{margin:-4px 22px;}

/*-----
FOOTER
-----*/
footer section, footer{clear:both;}

/*MENU DE NIVEAU 1 (level1 --> lvl1)*/

#lvl1{
	height:86px;
	list-style-type:disc;
}
#lvl1 nav, #lvl1 nav + div{float:left;}	
#lvl1 nav{
	margin:36px 0 0 74px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.9em;
}
#lvl1 nav ul li{
	float:left;
	border-style:solid;
	border-width:0 1px 0 0;
	padding:0 22px;
}
#lvl1 nav ul li:last-child{border:none;}
footer #lvl1 nav + div{
	width:60px;
	padding:11px 6px;
	height:64px;
	font-size:0.8em;
	text-align:center;
	margin-left:12px;
}
footer #lvl1 nav + div a{
	display:block; 
	margin:4px 0;
}
#lvl2{height:108px;}

#liens_partenaires{
	float:left;
	margin:26px 0 0 76px;
}
#liens_partenaires li{
	float:left;
	margin-right:10px;
}

#menu_footer_right{
	float:right;
	margin:32px 40px 0 0;
}

#credits ul{
	list-style:disc inside;
	float:right;
}
#credits li{
	float:left;
	margin-left:8px;
}
#credits li:first-child{list-style:none;}

#repeat_liens_header{
	margin-top:32px;
	font-size:0.9em;
}
#repeat_liens_header ul{float:right;}
#repeat_liens_header li{
	float:left;
	border-style:solid;
	border-width:0 1px 0 0;
	padding:0 8px;
}
#repeat_liens_header li:last-child{
	border:none; 
	padding:0 0 0 8px;
}
/*----------------
Gestion des couleurs
----------------*/

/*background-color*/
header nav li a{background-color:#282725;}/*gris foncé 1*/
#main section{background-color:#343434;}/*gris foncé 2*/
#affiche_recherche{background-color:#ebe9ea;}/*blanc cassé 1*/
#barre_recherche + a, .plus{background-color:#ffc648;}/*jaune*/
#main section.accueil ul li.bloc, #main section.vedette ul li.bloc {background-color:#f3f3f3;}/*blanc cassé 2*/
#main aside, #agenda{background-color:#fff;}
#main aside #facebook_link ul li +li a{background-color:#eceaea;}/*blanc cassé 3*/
.coda-nav ul li a.current, #lvl1{background-color:#252525;}
.coda-slider span{background-color:#252525;}
.coda-slider span:hover{background:url("../images/bg_menu_hover.png") repeat; background-color:#ffc648;}/*jaune hachures*/ /*00:30 le 6juin ANAIS */
.coda-slider span a:hover{color:#252525;} /*ANAIS*/
footer #lvl1 nav + div{background-color:#5a5957}/*marron clair (footer)*/
#lvl2{background-color:#040404;}/*noir (footer)*/
.coda-nav ul li a{background-color:#9b9595;}
#fildariane{color:#d4d4d4;}
#actu_aside .blanc_casse_block{background-color:#ebebeb;}
#affiche_recherche + div{background-color:#EBE9E9;border-left:1px solid #CDC0BB}
header nav ul li div, #a_la_une{background-color:rgba(0, 0, 0, 0.85);}

/*color*/
header nav li a, nav h2, nav h4, .grey_block h1, .grey_block h2,.grey_block h3, .liste a, .liste_2 li a, #repeat_liens_header a:hover{color:#d8d9d7;}/*gris clair*/
header nav ul li a:hover, #main aside nav ul li a, body, #main section.accueil ul li.bloc h2, #main section.vedette ul li.bloc  h2, #facebook_link a, .plus{color:#32302f;}/*gris foncé*/
#lvl1 a{color:#f4f1eb;}
.grey_block, .liste_mois li a{color:#a6a6a6;}
.grey_block, .liste_mois li a{color:#a6a6a6;}
.grey_block, .liste_mois li a:hover{color:#ffffff;} /*6 juin ANAIS*/
#lvl1, #credits a{color:#333;}
#repeat_liens_header a{color:#63645f;}
.coda-nav ul li a.current, .coda-nav ul li a, header nav ul li div section h2, .coda-slider span a, .edition_a_venir h2, .lire_suite, #a_la_une, .white{color:#fff;} /*6 juin ANAIS*/
header nav ul li a + div a{color:#d8d9d7;}
.coda-slider hgroup h4{color:#000;}
.coda-slider hgroup h3{color:#313131;}
header nav ul li section span h4 a:hover, #lvl1 a:hover, .selected a, .grey_block h1, .marche, header nav section li a:hover, header nav ul li div section h2 a:hover, .liste_2 a:hover, .liste a:hover, .liste_2 li.selected a, .liste_mois li.selected a{color:#ffc648;}/*jaune*/ /*6juin ANAIS*/


/*border*/
#main aside nav ul li a:hover{border-color:#32302F;}/*gris foncé*/ /*6juin ANAIS*/
#actu_aside img{border-color:#fff;}
header nav ul li div section, nav#lvl1 ul li, header nav li a{border-color:#40413c;}/*gris clair 1*/
#repeat_liens_header li, .panel-wrapper p, .coda-slider-wrapper, #main section ul li h2, #main aside ul li a, .grey_block hr, {border-color:#b9b8b8;}/*gris clair 2*/
.fancybox-thumbs li{border-color:#32302f;}
/*---------------
Fin gestion couleurs
---------------*/

/*----
HOVER  2014.03.27 TUAN AJOUT DU BOUTON NEWSLETTER
----*/
.plus:hover, #barre_recherche + a:hover, .accueil ul li > a:hover{background:url("../images/bg_menu_hover.png") repeat;}
#main aside nav ul li a:hover{background:url("../images/bg_related.jpg") repeat-x;}
#main aside #facebook_link ul li:first-child a:hover{background:url("../images/bg_fb1_hover.png") repeat;} 
#main aside #facebook_link ul li:nth-child(2) a:hover{background:url("../images/bg_fb2_hover.png") repeat;}
#main aside #facebook_link ul li:nth-child(3) a:hover{background:url("../images/bg_fb2_hover.png") repeat;} 
#main aside #facebook_link ul li:nth-child(4) a:hover{background:url("../images/bg_fb2_hover.png") repeat;} 
#main aside #facebook_link ul li:last-child a:hover{background:url("../images/bg_fb2_hover.png") repeat;}
#affiche_recherche:hover{background-color:#f1f1f1;}		

.mod-languages ul a {
	color: #3b3a3a;
	font-size: 1.2em;
}

.mod-languages ul {
	float: left;
	height: 61px;
	line-height: 60px;
	text-align: center;
	width: 69px;
	background-color: #ebe9ea;	
}