/*
Theme Name: Template AireDu
Theme URI: http://www.lairedu.fr
Description: Thème développé pour l'usage exclusif de www.lairedu.fr
Author: CREA - http://www.univ-rennes2.fr/crea
Version: 1.0
*/

/* ACTIVE WEBMEDIA HEADER R2 */
ul.menu.nos-portails li:last-child {
    background-color: #1f1f1f;
}

.alignleft {
	float: left;
}

.page-id-6447 h2 {
	text-transform: uppercase;
    font-size: 18px;
    padding-bottom: 15px;
    padding-top: 15px;
    font-weight: 300;
    display: inline-block;
}

.page-id-6447 #descriptif ul {
	list-style: disc;
    padding-left: 240px;
    margin-top: 1em;
    margin-bottom: 1em;
}

/************************************
 Nouveau Menu Temporaire
 ***********************************/

 #bandeau_membre a.lien-page {
 	margin-right: 15px;
 }


 .nav li a {
 	text-decoration: none;
 	color: #d3d3d3;
 	outline: none;
 }

 .nav li:hover a,
 .nav li a:hover {
 	color: #d3d3d3;
 	color:#dc73a6;
 }

 .nav #menu-explorer {
 	cursor: default;
 	color: #777777;
 	letter-spacing: 2px;
 	background: none;
 	border-right: solid 1px #3d3c3c;
 }

 .nav #menu-collections {
 	background: none!important;
 }


/************************************
 NOUVELLE PAGE DES COUPS DE COEUR (PAGE CATEGORIE)
 ***********************************/

 .cdc-ligne {
 	clear: both;
 	margin-bottom: 150px;
 	min-height: 160px;
 }

 .cdc-image {
 	float: left;
 }

 .cdc-image img {
 	width: 150px;
 	height: 150px;
 	border-radius: 50%;
 	margin-left: 90px;
 }

 .cdc-content {
 	padding-left: 270px;
 	padding-right: 4%;
 	text-align: left;
 	font-size: 14px;
 	line-height: 21px;
 }

 .cdc-content h2 {
 	margin-bottom: 4px;
 	font-size: 19px;
 }

 .cdc-content h3 {
 	font-size: 25px;
 	margin-bottom: 9px;
 	line-height: 29px;
 }

 .cdc-content h2, 
 .cdc-content h3 {
 	clear: none;
 }

 .cdc-content h2 a, 
 .cdc-content h3 a {
 	color:#000;
 	text-transform: uppercase;
 	text-decoration: none;
 }

 .cdc-content h2 a:hover, 
 .cdc-content h3 a:hover {
 	color:#dc73a6;
 }

 .cdc-nom {}
 .cdc-titre {}

 .cdc-liensuite {
 }
 .cdc-liensuite {
 	font-size: 12px;
 	line-height: 16px;
 }


 .liencoeur {
 	display: inline-block;
 	margin-top: 10px;
 	padding: 3px 7px;
 	border:solid 1px #dc73a6;
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
 	border-radius: 5px;
 	background: #dc73a6;
 	color: #fff;
 	text-decoration: none;
 	-webkit-transition: all .3s ease-in;
 	-moz-transition: all .3s ease-in;
 	-o-transition: all .3s ease-in;
 	transition: all .3s ease-in;
 }

 .liencoeur:hover{
 	background: none;
 	color: #dc73a6;
 }

 .category-coupdecoeur .nvcols_autrecols {
 	margin-top: 15px;
 	padding-left: 270px;
 }



/************************************
 NOUVELLE PAGE DES COUPS DE COEUR (PAGE SINGLE)
 ***********************************/

 .single.categorie_coupdecoeur #descriptif {
 	margin-top: 48px;
 	min-height: 180px;

 }

 .cdc-sous-titre {
 	text-transform: uppercase;
 	font-size: 30px;
 	display: block;
 	font-weight: 300;
 	padding-right: 100px;
 	line-height: 36px;
 }

 .cdc-auteur {
 	float: right;
 	border-radius:50%;
 	margin-left: 25px;
 	margin-bottom: 5px;
 }



/************************************
 NOUVELLE LISTE DE COLLECTIONS
 ***********************************/

 .page-template-collections .blocTitre h1 a {
 	color:#000;
 	text-decoration: none;
 }

 .page-template-collections .blocTitre:hover h1 a {
 	color:#dc73a6;
 }

 .page-template-collections footer {
 	margin-top: 0px!important;
 }

 .nvcols_ligne .centrage {
 	padding: 0px 0px 50px 0px;
 	max-width: 930px!important;
 	overflow: hidden;
 }

 #nvcols_selection_type {
 	text-align: left;
 	padding-left: 81px;
 	margin-bottom: 40px;
 	line-height: 20px;
 }
 #nvcols_selection_type label {
 	display: inline-block;
 	margin-right: 20px;
 	font-size: 12px;
 }
 #nvcols_selection_type label:hover {
 	cursor: pointer;
 }
 
 #nvcols_selection_type input {
 	margin-right: 3px;
 }

 .nvcols_ligne:nth-child(odd) {
 	background:#EDEDED;
 }

 .nvcols_ligne:nth-child(1) {
 	position: relative;
 	margin-top:30px;
 }

 .nvcols_ligne h2 {
 	display: block;
 	position: relative;
 	top: -28px;
 	left: -5px;
 	font-size: 155px;
 	text-transform: uppercase;
 	font-weight: 900;
 	background:none;
 	padding:0px;
 	margin-bottom: -30px;
 }

 .nvcols_ligne:nth-child(2) h2 {
 	font-size: 142px;
 }

 .nvcols_ligne h2 a {
 	color:#FFF;
 	text-decoration: none;
 }

 .nvcols_ligne:nth-child(even) h2 a {
 	color:#ededed;
 }

 .nvcols_ligne article {
 	display: -webkit-flex;
 	display: flex;
 	flex-wrap:wrap;
 	margin-top: 50px;
 	position: relative;
 }

 .nvcols_image {
 	-webkit-flex: initial;
 	flex:1;
 	width: 430px;
 	min-width: 300px;
 	position: relative;
 	transition:opacity ease 0.2s;
 	overflow: hidden;
 }

 a.liencollec {
 	position: absolute;
 	top: 0px;
 	left: 0px;
 	width: 100%;
 	height: 100%;
 	text-indent: -9999px;
 }


 .nvcols_textes {
 	-webkit-flex: 1;
 	flex: 1;
 	min-width: 400px;
 }

 .nvcols_souscols {
 	float: right;
 	width: 153px;
 	margin-left:30px;
 	position: relative;
 	z-index: 5;
 }

 .nvcols_image img {
 	width: 100%;
 	height: auto;
 	transition: all ease 0.3s;
 }

 .nvcols_description {
 	padding:0px;
 	margin:0 7%; 
 }

 .nvcols_description h3 {
 	font-weight: 500;
 	font-size: 19px;
 	text-transform: uppercase;
 	line-height: 25px;
 	clear: none;
 	color:#000;
 	transition:color ease 0.2s;
 }

 .nvcols_description a { 	
 	text-decoration: none;

 }

 .nvcols_ligne article:hover .nvcols_image img {
 	/* transform: scaleX(1.1) scaleY(1.1); */
 }

 .nvcols_ligne article:hover .nvcols_description h3,
 .nvcols_ligne article:hover .nvcols_description p {
 	color:#d1478a;
 }


 	

 /* 
 Ellipse (...) automatique à la 10ème ligne
 http://codepen.io/martinwolf/pen/qlFdp 
 */
 .nvcols_description p {

 	display: block; /* Fallback for non-webkit */
 	display: -webkit-box;
 	/* max-width: 150px; */
 	/* height: (font-size * line-height) (arrondi en dessous) * lines-to-show;  Fallback for non-webkit */
 	/* OUBIEN height: line-height (en px) * lines-to-show;  Fallback for non-webkit */
 	max-height: 192px;
 	margin: 0 auto;
 	font-size: 12px;
 	line-height: 16px;
 	-webkit-line-clamp: 12;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	text-overflow: ellipsis;

 	margin-bottom: 0px;

 	transition:color ease 0.2s;

 }

 /* les sous collections */
 .nvcols_souscols {
 	box-sizing:border-box;
 	background:#EDEDED;
 	padding:10px 12px 10px 14px;
 }

 .nvcols_ligne:nth-child(odd) .nvcols_souscols  {
 	background:#FFF;
 }

 .nvcols_souscols h4 {
 	font-size: 12px;
 	font-weight: bold;
 }

 .nvcols_souscols ul li {
 	margin-top: 15px;
 }

 .nvcols_souscols ul li a {
 	display: block;
 	font-size: 11px;
 	font-weight: normal;
 	line-height: 14px;
 	text-decoration: none;
 	color: #000;
 }

 /* Autres collections */

 .nvcols_ligne aside {
 	margin-top: 35px;
 	text-align: left;
 }

 .nvcols_ligne aside h3 .pictos {
 	transform:scale(0.65);
 	position: relative;
 	top: -11px;
 	margin-left: 0px;
 	margin-right: 13px;
 }

 .nvcols_ligne aside h3 {
 	text-transform: uppercase;
 	font-size: 18px;
 	font-weight: lighter;
 }

 ul.nvcols_autrecols {
 	clear:both;
 	margin-bottom: 40px;
 	overflow: hidden;
 	list-style: none;
 }

 ul.nvcols_autrecols li {
 	border-top: 4px solid #d1478a;
 	display: block;
 	float: left;
 	width: 150px;
 	margin-right: 5px;
 	background-size: 150px 84px!important;
 }

 ul.nvcols_autrecols li.nvcols_plus {
 	border-top: none;
 }
 /* 
 Ellipse (...) automatique à la 2ème ligne
 http://codepen.io/martinwolf/pen/qlFdp 
 */
 ul.nvcols_autrecols li a {
 	padding: 92px 10px 0px 16px;
 	color:#000;

 	text-decoration: none;
 	display: block; /* Fallback for non-webkit */
 	display: -webkit-box;
 	max-width: 150px;
 	/* height: line-height * lines-to-show;  Fallback for non-webkit */
 	height: 28px;
 	margin: 0 auto;
 	font-size: 12px;
 	line-height: 14px;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

 ul.nvcols_autrecols li a:hover {
 	color:#d1478a;
 }

 a.nvcols_autrecol_plus {
 	display: block;
 	float: left;
 	width: 150px;
 	height: 88px!important;
 	margin-right: 0px;
 	text-indent:-9999px;
 	background: url('./img/collections_plus.png') no-repeat;
 	background-color:#EDEDED;
 	background-position: 50px 19px;
 	padding: 0px!important;

 }

 .nvcols_ligne:nth-child(odd) a.nvcols_autrecol_plus  {
 	background-color:#FFF;
 }


 @media only screen and (max-width: 950px) {
 	.nvcols_autrecols {
 		padding-left: 20px!important;
 	}

 	.nvcols_autrecols li:nth-child(5) {
 		display: none!important;
 	}

 	.category-coupdecoeur .cdc-image { 
 		float: initial;
 		text-align: left;
 	}
 	.category-coupdecoeur .cdc-image img { 
 		margin-left: 40px;
 		margin-bottom: 15px;
 	} 
 	.category-coupdecoeur .cdc-content { padding-left: 4%; }

 }

 @media only screen and (max-width: 795px) {
 	.nvcols_autrecols li:nth-child(4) {
 		display: none!important;
 	}
 }

 @media only screen and (max-width: 640px) {

 	#nvcols_selection_type {
 		padding-left: 30px;
 	}

 	.nvcols_autrecols li:nth-child(3) {
 		display: none!important;
 	}
 }

 @media only screen and (max-width: 515px) {

 	.nvcols_ligne aside h3 { margin:0 4%; }
 	.nvcols_ligne aside h3 span { display: none; }

 	ul.nvcols_autrecols {
 		list-style: disc!important;
 		margin-top: 15px!important;
 		padding-left: 40px!important;
 	}
 	ul.nvcols_autrecols li {
 		background: none!important;
 		border:none!important;
 		display: list-item!important;
 		float: none!important;
 		width: 100%!important;
 		padding:initial!important; 
 		text-align: left;
 	}
 	ul.nvcols_autrecols li a {
 		display: inline!important;
 		padding:0!important; 
 		max-width: none!important;
 	}
 	.nvcols_autrecols li:nth-child(3),
 	.nvcols_autrecols li:nth-child(4),
 	.nvcols_autrecols li:nth-child(5) { display: list-item!important; }

 	a.nvcols_autrecol_plus {
 		background: none!important;
 		float: none!important;
 		text-indent: 0px!important;
 	}
 }

 @media only screen and (max-width: 715px) {
 	.nvcols_description, .nvcols_souscols {
 		margin:20px 4%; 
 	}

 	.nvcols_ligne:nth-child(odd) {
 		background: #fff;
 	}

 	.nvcols_ligne h2 {
 		top: 0px;
 		left: 15px;
 		font-size: 60px!important;
 	}
 	.nvcols_ligne h2 a {
 		color:#ededed;
 	}
 }


/************************************
 ????
 ***********************************/

 p { padding: 0; }


/************************************
 AJOUTS AVANT MENU...
 ***********************************/

 .gene-court u {
 	text-decoration: none;
 }



/************************************
 Normalize.css 2.1.2
 ***********************************/
 article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],/* 1 */

/************************************
 jquery-ui.min.css 1.11.2
 Pour l'autocomplete
 ***********************************/
 .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}


/************************************
 BASE
 ***********************************/


 #wrapper {
 	height:100%;
 }

 #wait, #quit_pop_in {
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 2100;
 	width: 100%;
 	height: 100%;
 	background-color: #FFF;
 }

 #quit_pop_in {
 	display: none;
 	opacity: 0;
 }

 #wait img {
 	display: block;
 	margin: auto;
 	margin-top: 280px;
 	width: 60px;
 	height: 60px;
 }

 #favoritebrowser {
 	position: relative;
 	overflow: auto;
 	width: 100%;
 	height: 0px;
 	background: #323232;
 	color: #FFF;
 	text-align: center;
 	line-height: 100px;
 }

 #favoritebrowser img {
 	margin-top: -10px;
 	vertical-align:middle;
 	opacity: .8;
 	-webkit-transition: all .2s ease-in;
 	-moz-transition: all .2s ease-in;
 	-o-transition: all .2s ease-in;
 	transition: all .2s ease-in;
 }

 #favoritebrowser img:hover{
 	opacity: 1;
 }

 #favoritebrowser span.navsclose{
 	position: absolute;
 	color:#fff;
 	top: 30px;
 	right: 30px;
 	padding: 3px 10px;
 	height: 30px;
 	-webkit-border-radius: 7px;
 	-moz-border-radius: 7px;
 	border-radius: 7px;
 	background: #BA0000;
 	color:#323232;
 	line-height: 30px;
 	cursor: pointer;
 	-webkit-transition: all .1s ease-in;
 	-moz-transition: all .1s ease-in;
 	-o-transition: all .1s ease-in;
 	transition: all .1s ease-in;
 }

 #favoritebrowser span.navsclose:hover{
 	background: #D90007;
 }

 #favoritebrowser span.navs {
 	display: inline-block;
 	width:162px; 
 	height:50px; 
 	background:url(./img/navigateurs.png) no-repeat;
 	vertical-align: middle;
 }

 #favoritebrowser span.navs a {
 	display: block;
 	float: left;
 	width:54px; 
 	height:50px; 
 	text-indent: -5000px;
 }



/************************************
 GLOBAL
 ***********************************/


 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, font, 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 {
 	background: transparent;
 	border: 0;
 	margin: 0;
 	padding: 0;
 	vertical-align: baseline;
 	-webkit-font-smoothing:antialiased;
 }

 ::-moz-selection { color: #FFF;  background: #dc73a6; }
 ::selection      { color: #FFF;  background: #dc73a6; } 

 p{
 	background: transparent;
 	border: 0;
 	vertical-align: baseline;
 	text-align: left;
 }

 body {
 	line-height: 1;
 	font-family: 'Open Sans', sans-serif;
 	margin: 0;
 	padding: 0;
 }
 h1, h2, h3, h4, h5, h6 {
 	clear: both;
 	font-weight: normal;
 }
 ol, ul {
 	list-style: none;
 }
 blockquote {
 	quotes: none;
 }
 blockquote:before, blockquote:after {
 	content: '';
 	content: none;
 }
 del {
 	text-decoration: line-through;
 }
 /* tables still need 'cellspacing="0"' in the markup */
 table {
 	border-collapse: collapse;
 	border-spacing: 0;
 }
 a img {
 	border: none;
 	margin: 0;
 	padding: 0;
 }

 body .jp-carousel-photo-info h2 {
 	text-align: center;
 }







/* PICTOS
-------------------------------------------------------------- */
.pictos {
	display: block;
	width: 50px;
	height: 40px;
	float: left;
	margin-left: 20px;
	background: url(./img/pictos.png);
}

.pictoairedu		{ background-position: 0px 0px; }
.picto-video		{ background-position: -50px 0px; }
.picto-multimedia	{ background-position: -100px 0px; }
.picto-image		{ background-position: -150px 0px; }
.picto-audio		{ background-position: -200px 0px; }
.pictocollection	{ background-position: -250px 0px; }
.pictocoeur 		{ background-position:-300px 0px; }
.pictorecherche		{ background-position:-350px 0px; }
.pictoblog 			{ background-position:-400px 0px; }
.pictovus 			{ background-position:-450px 0px; }
.pictopersonne		{ background-position:-500px 0px; }



/* Bloc Liste / favoris
-------------------------------------------------------------- */
.attente {
	position: absolute;
	background: #F4F4F4;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 90;
	opacity: 0.8;
	display: none;
}



.blocPlaylist {
	width: 197px;
	display: block;
	background-color: #fff;
	position: absolute;
	z-index: 200000;
	padding: 10px;
	border: solid 1px #DFDFDF;
	right: 0;
	top:35px;
	display: none;
}

.gestion-favoris .blocPlaylist ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

.gestion-favoris .blocPlaylist input[type="submit"].addMediaToPlaylist {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	outline: none;
}

.gestion-favoris .blocPlaylist input[type="submit"] {
	margin-top: 0;
	outline: none;
}

.blocPlaylist input[type="submit"] {
	position: relative;
	width: inherit;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 20px;
	outline: none;
}

.blocPlaylist ul li {
	font-size: 12px;
	padding: 2px;
	line-height: 14px;
	margin: 0;
	height: auto;
	cursor: pointer;
	position: relative;
}

.blocPlaylist ul li.invit {
	cursor:default;
	font-weight: bold;
	border-bottom: solid 1px;
	margin-bottom: 4px;
}


.blocPlaylist ul li.current {
	color: #DA71A4;
}

/* =Layout
-------------------------------------------------------------- */

body .video iframe {
	width:inherit;
	height: inherit;
}

.img-gallerie {
	display: inline-block;
}

.img-gallerie a > img {
	width: 100%;
	height:auto;
}

/* HEADER */
header {
	width: 100%;
	height: 39px;
	background-color: #2b2b2b;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 2000;
	top: 0;
	position: relative;
	transition:height 0.2s ease;
}

#bandeau_membre {
	box-sizing:border-box;
	width: 100%;
	height: 21px;
	background-color: #1f1f1f;
	z-index: 2000;
	position: relative;
	padding: 0;
	margin: 0;
	font-size: 10px;
	color: #a7a7a7;
	text-transform: uppercase;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 24px;
}

#bandeau_membre a {
	color: inherit;
	text-decoration: none;
}

#bandeau_membre a:hover {
	color: #DA71A4;
}

#bandeau_membre .info_membre {
	float: right;
}

.gestion-favoris {
	position: absolute;
	top: 9px;
	right: 4%;
}

.gestion-favoris form#suppr {
	display: inline-block;
}

.gestion-favoris input[type="submit"].addfavori {
	display: inline-block;
	width: 24px;
	padding: 4px;
	padding-left: 20px;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	background: #efefef url(./img/picto_favoris.png) no-repeat;
	background-position: 7px -1px;
	border:none;
	color: #a5a5a5;
	text-transform: uppercase;
	border-radius: 4px;
	-moz-user-select: none;
	-webkit-transition: background-position .2s ease-in;
	-moz-transition: background-position .2s ease-in;
	-o-transition: background-position .2s ease-in;
	transition: background-position .2s ease-in;
}

.gestion-favoris input[type="submit"].addfavorion:hover, .gestion-favoris input[type="submit"].addfavorioff {
	background-position: 7px -1px;
}

.gestion-favoris input[type="submit"].addfavorion, .gestion-favoris input[type="submit"].addfavorioff:hover {
	background-position: 7px -24px;
	outline: none;
}


header #logoAiredu {
	display: block;
	width: 40px;
	height: 40px;
	float: left;
	margin-left: 23px;
	background: url(./img/pictos.png) no-repeat;
	background-position:-706px -40px;
}

header #logo {
	position: absolute;
	display: block;
	width: 290px;
	height: 40px;
	float: left;
	margin-left: 23px;
	background: url(./img/pictos.png) no-repeat;
	background-position:-706px -40px;
	text-decoration: none;
	padding-top: 8px;
	top: 4px;
}

header #logo #lairedu,
header #logo #baseline {
	display: block;
	text-transform: uppercase;
	font-weight: lighter;
	padding-left: 45px;
	letter-spacing: 1px;
}

header #logo #lairedu {
	font-size: 19px;
	color: #ececec;
}

header #logo #baseline {
	font-size: 10px;
	color: #ccc;
	margin-top: 2px;
}

header #logoR2 {
	display: block;
	width: 40px;
	height: 40px;
	margin-right: 23px;
	position: absolute;
	top: 12px;
	right: -1px;
	background: url(./img/pictos.png) no-repeat;
	background-position:-706px 0px;
	text-indent: -5000px;
}

.close{
	background: url(./img/close.png) no-repeat left top;
	display: block;
	width: 21px;
	height: 20px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	right: 20px;
	top: 20px;
	color: transparent;
	text-indent: 5000px;
	font-size: 0.000001em;
	text-transform: capitalize;
}

input[type="submit"] {
	border: none;
}




/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* .navigation Menu */
.search-form {
	position: absolute;
	right: 80px;
	top: 10px;
	padding-right: 10px;
}

.search-form .search-submit{
	outline: none;
	top: 0;
}

.search-field {
	border:none 10px #000000;
	-moz-border-radius: 30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	height: 30px;
	width: 185px;
	padding-left: 20px;
	background-color: #f0f0f0;
	display: block;
	margin-top: 4px;
	font-size: 14px;
}

.search-field:focus {
	background-color: #eddfe6;
	outline:none;
}

.search-submit {
	background-image: url(./img/pictos.png);
	height: 40px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 200;
	background-color: transparent;
	background-position: -2px 0;
	width: 50px;
	right: 0;
	background-position: -350px 0px;
}

.nav {
	text-align: center;
	width: 100%;
	display: inline-block;
	padding-top: 4px;
}

.nav ul {
	margin: 0;
	padding: 0;
	text-indent: 0;
	display: inline-block;
}


*+html .nav {
	float: left;
}

*+html .nav ul {
	overflow: auto;
}

*+html .nav ul li {
	float: left;
}

.nav li {
	font-size: 1.09em;
	font-weight: 300;
	position: relative;
	padding-left:15px;
	padding-right:27px;
}

.nav .last {
	border-right:none;
	padding-right:0;
}

.nav a {
	color: #000;
}
.nav a:hover {
	color: #fff;
}
.nav ul.nav-menu,
.nav div.nav-menu > ul {
	display: none;
}
.nav ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

.nav ul.nav-menu,
.nav div.nav-menu > ul {
	text-align: left;
	width: 100%;
	display: inline-block !important;
}
.nav li {
	display: inline-block;
	text-decoration: none;
	border-bottom: 0;
	color: #d3d3d3;
	line-height: 2.4;
	text-transform: uppercase;
	white-space: nowrap;
	background-image: url(./img/petite_fleche.png);
	background-repeat: no-repeat;
	background-position: right;
	/*padding-right: 20px;*/
	cursor: pointer;
}
.nav li:hover {
	color:#dc73a6;
}

.nav li ul {
	display: none;
	margin: 0;
	padding: 0;
	padding-bottom:4px;
	position: absolute;
	background-color:#fff;
	text-align:left;
	top: 100%;
	z-index: 1;
}
.nav li ul ul {
	top: 0;
	left: 100%;
}
.nav ul li:hover > ul {
	border-left: 0;
	display: block;
}

.nav li ul li {
	display:block;
}
.nav li ul li a:hover {
	background: #8fd3d8;
	color: #fff;
}

.nav .current-menu-item > a,
.nav .current-menu-ancestor > a,
.nav .current_page_item > a,
.nav .current_page_ancestor > a {
	display:block;
	color: #fff;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* CONTENT */
#content {
	width: inherit;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 120px;
}

.centrage{
	max-width: 1024px;
	width: 100%;
	margin: auto;
	display: block;
}

.centrage-bdp{
	max-width: 850px;
	width: 850px;
	margin: auto;
	display: block;
}

.centrage-ssm{
	width: 100%;
	margin: auto;
	display: block;
}
.media-lecture {
	padding-top: 20px;
}

.selection {
	width: 100%;
	margin: auto;
	margin-bottom: 5px;
	clear: both;
	text-align: center;
}

.titre {
	clear: none;
	text-transform: uppercase;
	font-size: 24px;
	border-bottom: solid 1px #a4a8aa;
	display: block;
	margin-left: 8%;
	margin-right: 4%;
	padding-bottom: 4px;
	padding-top: 9px;
	font-weight: 300;
	text-align: left;
	padding-right: 35px;
}

.sous-titre {
	text-transform: uppercase;
	font-size: 18px;
	display: block;
	margin-left: 8%;
	margin-right: 4%;
	padding-bottom: 4px;
	padding-top: 9px;
	font-weight: 300;
	padding-right: 100px;
}

.single.categorie_coupdecoeur .sous-titre {
	font-size: 35px;
	margin-top: 40px;
}

.mini-collec {
	text-transform: uppercase;
	font-size: 14px;
	display: block;
	margin-left: 8%;
	margin-right: 4%;
	padding-bottom: 4px;
	padding-top: 9px;
	font-weight: 300;
}

.gene-court {
	font-size: 12px;
	display: block;
	margin-left: 8%;
	margin-right: 4%;
	padding-bottom: 4px;
	padding-top: 9px;
	font-weight: 300;
	margin: auto;
	max-width: 980px;
	line-height: 14px;
}

.gene-court a {
	text-decoration: none;
	color: #ce4a8d;
}

.gene-court .role {
	text-transform: uppercase;
	font-weight: bold;
}

.blocTitre {
	margin-bottom: 17px;
	text-align: left;
	position: relative;
}

.picto {
	float: left;
}

.pictoR2 {
	display: block;
	width: 105px;
	height: 105px;
	background: url(./img/pictos.png);
	background-position: -601px 0px;
	text-indent: -5000px;
	float: right;
}

.vignette {
	text-align: center;
	display: inline-block;
	width: 300px;
	height: 168px;
	margin: 0 5px 10px 5px;
	opacity: 1;
	position: relative;
	max-height: 168px;
	overflow: hidden;
	margin-bottom: 0;
	margin-top: 5px;
	position: relative;
}
.infotype {
	font-size: 10px;
	color: #fff;
	font-weight: normal;
	padding-top: 4px;
}

*+html .vignette {
	overflow: hidden;
	float: left;
}

.vignette a {
	text-decoration:  none;
	margin: 0;
	padding: 0;

}

.separe {
	margin-top: 30px;
}

.vignette a img {
	min-width: 300px;
	min-height: 169px;
}

.vignette a:hover > img{
	opacity: .7;
}

.titreVignette{
	bottom: 0;
}

.coin {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 40px;
	height: 28px;
	background-image: url(./img/pictos.png);
	background-position:-300px -80px; 
}

.typeVideo, .media-video { color: #f1aa1c; }
.typeVideo .coin, .media-video .coin { background-position:-340px -80px; }

.typeCollec, .media-collection, .media-ssc, .media-blog { color: #dc73a6; }
.typeCollec .coin, .media-collection .coin, .media-ssc .coin, .media-blog .coin { background-position:-300px -80px; }

.typePhotos, .media-image { color: #3995cd; }
.typePhotos .coin, .media-image .coin { background-position:-420px -80px; }

.typeMultimedia, .media-multimedia { color: #92bd23; }
.typeMultimedia .coin, .media-multimedia .coin { background-position:-380px -80px; }

.typeAudio, .media-audio { color: #8b8869; }
.typeAudio .coin, .media-audio .coin { background-position:-460px -80px; }

.vignette .vignette_infos {
	display: block;
	color: #ffffff;
	font-size: 10px;
	position: absolute;
	margin-left: 30px;
	margin-bottom: 10px;
	text-align: left;
	line-height: 14px;
}

.vignette a .titreVignette, .vignette a h3 {
	font-size: 12px;
	text-transform: uppercase;
	display: block;
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	margin-top: 0px;
	text-align: left;
	width: 260px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 10px;
	font-weight: bold;
}

.vignette a:hover > .vignette_infos {
	bottom: 0;
}

.vignette a:hover > .titreVignette{
	opacity: 1;
	top:0;
	height: 168px;
}


.lienSite {
	text-decoration: none;
	border:none 5px #f0f0f0;
	background: #d1478a;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 14px;
	color: #fff;
	margin-bottom: 3px;
}



/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* FOOTER */
footer {
	background-color: #2b2b2b;
	color: #d3d3d3;
	font-size: 13px;
	text-transform: uppercase;
	padding-top: 30px;
	clear: both;
	overflow: auto;
	margin-top: 50px;
}

.footerlist .widgettitle {
	font-size: inherit;
	font-weight: bold;
	line-height: 25px;
}

.footerlist {
	display: block;
	border-right: 8px solid #555;
	margin-right: 20px;
	float: left;
	padding-right: 20px;
	margin-bottom: 30px;
	height: 225px;

}

.sans {
	border: none;
}

#signature, footer .connexion {
	clear: both;
	font-size: 10px;
	line-height: 14px;
	color: inherit;
	margin-bottom: 30px;
}

footer .connexion {
	margin-bottom: 5px;
}

footer a {
	color: #d3d3d3;
	text-decoration: none;
	line-height: 25px;
	font-weight: 300;
}

footer a:hover {
	color: #dc73a6;
}

footer .cat-item-3 a {
	display: none;
}

footer .cat-item-3 ul li a {
	display: block;
}

ul.picto_follow {
	margin-top: 7px;
	width: 120px;
}

ul.picto_follow li {
	display: block;
	float: left;
}

ul.picto_follow li a {
	display: block;
	text-indent: -50000px;
	width: 28px;
	height: 28px;
	margin:0px 10px 10px 0px;
	background-image:url(./img/pictos.png);
	background-repeat: no-repeat;
	outline: none;
}

li.suivre_twitter a { background-position: 0px -80px; }
li.suivre_pinterest a { background-position: -28px -80px; }
li.suivre_facebook a { background-position: -56px -80px; }
li.suivre_google a { background-position: -84px -80px; }
li.suivre_instagram a { background-position: -112px -80px; }


/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* SOUS MENU */
.sous-menu {
	width: 100%;
	margin: auto;
	clear: both;
	text-align: center;
	background: #f4f4f4;
	height: 0;
	overflow: hidden;
	z-index: 1999;
	position: relative;
	padding: 0;
	-webkit-transition: height 1s ease;
	-moz-transition: height 1s ease;
	-ms-transition: height 1s ease;
	-o-transition: height 1s ease;
	transition: height 1s ease;
}

.sous-menu > div > div { margin: 0 auto; }

#ssm_disciplines, #ssm_genres {
	box-sizing:border-box;
	display: none;
	max-width: 1024px;
	padding:0px 20px 20px 20px; 
	margin: auto;
}

.sous-menu .bloc {
	width: 23%;
	min-width: 236px;
	display: inline-block;
	text-align: left;
	margin-left: 1%;
	float: left;
	padding-right: 15px;
	padding-top: 20px;
	box-sizing: border-box;
}

.sous-menu .bloc:nth-child(4n+1) {	clear: both; }

#ssm_genres .bloc .titre,  #ssm_disciplines .bloc .titre {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: solid 1px #dc73a6;
	padding-bottom: 5px;
	margin:0;
	margin-bottom: 5px;
}

.sous-menu .bloc .titre {
	height: 26px;
	position: relative;
}
.sous-menu .bloc .titre > span {
	display: block;
	position: absolute;
	bottom: 5px;
}


.bloc a, .blocTheme a {
	font-size: 13px;
	font-weight: 300;
	text-transform: none;
	text-decoration: none;
	color: inherit;
	display: block;
	margin-bottom: 5px
}

.bloc a:hover, .blocTheme a:hover {
	color: #dc73a6;
}

.bloc .ttcollections{
	background: #dc73a6;
	border: solid 1px #dc73a6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px 5px;
	color: #FFF;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	text-align: center;
	transition: all .3s ease-in;
}

.blocTitre .lienressourcemulti, .blocTitre .lienressourcemulti:hover {
	text-transform: uppercase;
	font-size: inherit;
	background: #95bd00;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px 5px;
	text-align: center;
	color: #fff;
	display: inline-block;
    margin-left: 8%;
}

.bloc .ttcollections:hover{
	background: none;
}


.notification {
	font-size: 14px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* PAGE NAVI */
.pageNavi .numPage, .pageNavi .page-numbers {
	font-size: 12px;
	background: #f3d6e6;
	width: 20px;
	height: 15px;
	display: inline-block;
	padding-top: 5px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}	

.pageNavi .numPageActif, .pageNavi .current {
	background: #dc73a6;
	color: #fff;
}

.next.page-numbers, .prev.page-numbers {
	border: none;
	background: transparent;
	width: auto;
	color: #000;
}

.pageNavi {
	padding-bottom: 20px;
}



#jp-carousel-comment-form-container {
	margin-bottom: 15px;
	overflow: auto;
	width: 100%;
	display: none;
}

body #galerie div.sharedaddy .sd-content {
	display: none;
}

.jp-carousel-left-column-wrapper, .jp-carousel-image-meta {
	display: none;
}

body #galerie .wp-caption-text {
	display: none;
}

body #galerie .gallery-item {
	display: inline-block;
	margin: auto;
	text-align: center;
	float: none;
}

body #galerie .gallery-item img {
	border: none;
}


body div.sharedaddy .sd-content {
	float: left;
}

body div.sharedaddy div.sd-block {
	border: none;	
}



/* FORM */
#descriptif form {
	text-align: left;
	/*background: red;*/
	width:50%;
	display: block;
	float: left;
	margin-right: 40px;
}


#descriptif {
	text-align: left;
	line-height: 1.5em;
	margin: 0 4% 30px 8%;
	width: initial;
}

#descriptif input[type='text'], #descriptif textarea, #descriptif input[type='email'], input[type="text"], input[type="password"] {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	padding-left: 9px;
}

#nlle_pl input[type="text"] {
	width: 68%;
	height: 14px;
	font-size: 12px;
	display: inline-block;
	margin-bottom: 5px;
	margin-top: 5px;
}

#descriptif textarea {
	height: 200px;
	width: 98%;
}

#descriptif a {
	text-decoration: none;
	color: #da71a4;
}

#descriptif input[type="submit"] {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}

#descriptif input[type="submit"].addMediaToPlaylist {
	font-size: 10px;
}

header input[type="submit"] {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}


/* TAGS */ 
.lienTag {
	color: #fff;
	font-size: 12px;
	display: inline-block;
	padding: 10px 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	border:solid 1px #dc73a6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #dc73a6;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.lienTag em {
	font-style: normal;
}




.sscollec {
	position: absolute;
	z-index: 1000;
	text-align: left;
	font-size: 12px;
	width: 300px;
	height: inherit;
	background: #000;
	opacity: 0.8;
	padding: 0;
	margin: 0;
}

.sscollec a {
	text-decoration: none;
	color: #fff;
	margin: 5px;
	display: block;
}

.plus {
	position: absolute;
	cursor: pointer;
	z-index: 1100;
	bottom: 3px;
	right: 0;
	font-size: 12px;
	background: #dc73a6;
	width: 20px;
	height: 15px;
	padding-top: 5px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin: 3px;
}

.infoLive {
	display: block;
	text-align: center;
	background-color: #dc73a6;
	color: #fff;
	height: 25px;
	padding-top: 9px;
}

.rappelLien {
	text-decoration: none;	
}





/* BLOG */


.logo {
	position: absolute;
	margin-top: 40px;
	margin-left: 40px;
}
.logo a {
	text-decoration: none;
}

.logo .titreBlog {
	color: #fff;
	font-size: 29px;
	font-weight: 200;
	display: block;
	margin-top: 10px;
}

.logo img {
	opacity: 0.7;
	display: block;
}


/* ------------------------------------------------------------------------------------------------------------------------------------ */
/*	TAGS */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

#result_recherche{
	margin: 0 4% 0 8%;
	line-height: 1.5em;
	margin-bottom: 30px;
	text-align: left;
}

#result_recherche .titre-res-recherche {
	text-transform: uppercase;
	font-weight: bold;
	display: block;
}

#result_recherche .titre-res-recherche a {
	text-decoration: none;
	color: inherit;
}

#result_recherche a:hover {
	color: #d1478a;
}

#result_recherche .present {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

#result_recherche .present_ss_collec {
	font-size: 14px;
	line-height: 14px;
	padding-left: 30px;
	display: block;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}

#result_recherche .collec-recherche {
	font-size: 12px;
	line-height: 16px;
}

#result_recherche .collec-recherche a{
	text-decoration: none;
	color: #d1478a;
}

#result_recherche .surligne {
	background-color:#d1478a;
	color: #fff; 
}

input[type="submit"] {
	border: none;
}





@media only screen and (max-width: 1100px) {

	body header { height: 99px; }

	body .nav {
		width:inherit;
		padding-top: 60px;
	}

	.sous-menu > div > div { width: 730px; }

	.sous-menu .bloc:nth-child(4n+1) {	clear: none; }
	.sous-menu .bloc:nth-child(3n+1) {	clear: both; }

	.gene-court {
		padding-left:2%;
		padding-right:2%;
	}
}


@media only screen and (max-width: 800px) {
	header, .centrage, .centrage-ssm, #ssm_genres, #ssm_disciplines, footer, body #slideshow, body #tousmedias {
		min-width: 100%;
	}

	body .video iframe {
		width:inherit;
		height: inherit;
	}

	body header {
		height: 99px;
	}

	body .nav {
		width:inherit;
		padding-top: 60px;
	}

	.sous-menu > div > div { width: 500px; }

	.sous-menu .bloc:nth-child(3n+1) {	clear: none; }
	.sous-menu .bloc:nth-child(2n+1) {	clear: both; }

	body .search-form {
		right: 70px;
	}

	header #logoR2 {
		margin-right: 10px;
		position: absolute;
		right: 0;
		top: 12px;
	}

	body .centrage-bdp {
		width: 100%;
	}

	body #signature {
		padding-left: 10px;
	}

	body .footerlist {
		padding-left: 10px;
	}

	body .pictoR2 {
		margin-right: 10px;
	}

	body #tousmedias .infos_medias {
		max-width: 100%;
	}

	body .nav li {
		font-size: 16px;
		padding-right: 20px;
		padding-left: 5px;
	}

	body .video iframe {
		width:inherit;
		height: inherit;
	}

	body .nav ul {
		margin-top: 5px;
	}

	/* Navigation dans les infos des médias */
	body #infos-medias .menu-infos-medias {
		width: 200px;
	}
	body #infos-medias .blocMedia {
		padding:12px 0px 12px 16px;
		font-size: 13px;
	}


}

@media only screen and (max-width: 634px) {

	body footer {
		min-width: 100%;
	}

	body .footerlist {
		float: none;
		border: none;
		margin: auto;
		text-align: center;
		height: auto;
		margin-bottom: 20px;
		padding-right: 0;
	}

	body .picto {
		float: left;
	}

	body .picto_follow {
		float: none;
		width: 190px;
		margin: auto;
		margin-bottom: 60px;
	}

	body .pictoR2 {
		display: block;
		float: none;
		margin: auto;
		clear: both;
	}

	footer .connexion {
		text-align: center;
		margin-top: 22px;
	}

	#signature {
		text-align: center;
		margin-top: 20px;
	}

}

@media only screen and (max-width: 580px) {
	body #baseline { display: none!important; }
}

@media only screen and (max-width: 480px) {

	body #baseline { display: block!important; }

	body #bandeau_membre { text-align:center; }
	body #bandeau_membre .info_membre { 
		display: block;
		width: 100%;
		right: initial;
		position: relative;
		margin: 0 auto;

	}

	body .vignette {
		display: block;
		margin: auto;
	}

	/* Titre des medias */

	body .media-lecture {
		padding-top:30px;
	}

	body .blocTitre {
	}


	body .pictos {
		-webkit-transform: scale(.70);
		-ms-transform: scale(.70);
		transform: scale(.70);
		margin-left: 0px;
	}

	body .gestion-favoris {
		bottom: 10px;
		right: 4%;
	}

	body .titre {
		margin-left: 54px;
		font-size: 18px;
		padding-top: 3px;
		margin-right: 4%;
	}

	body .sous-titre {
		font-size: 15px;
		margin-left: 54px;
	}

	body .mini-collec {
		margin-left:54px;
		font-size:12px;
	}

	body .lesTags {
		margin-top: 0px;
	}
	
	body .video iframe {
		width:inherit;
		height: inherit;
	}

	body .coeur {
		display: block;
		margin: 25px auto;
		width: 300px;
		overflow: hidden;
	}

	body #infos-medias {
		margin-bottom: 0px;
	}

	body .lesTags {
		box-sizing:border-box;
		text-align:left;
		padding-left: 19px;
	}

	body .lienTag {
		font-size:10px;
	}

	body #infos-medias .menu-infos-medias {
		box-sizing:border-box;
		display: block;
		width: 100%;
	}

	body #slideshow {
		min-width: 100%;
	}

	body #slideshow .slides {
		min-height: 100px;
	}

	body #slideshow .slide .infosslideshow {
		right: 10%;
		bottom: 20px;
		width: 70%;
		padding-left: 20px;
	}

	body #slideshow .slide .infosslideshow .titreslide {
		font-size: 14px;
	}

	body #slideshow .flex-control-nav {
		bottom: 0;
	}

	body .flex-direction-nav a:before {
		font-size: 20px;
	}

	body .flex-direction-nav a {
		width: 20px;
		height: 20px;
	}

	body #tousmedias {
		min-width: 100%;
		height: auto;
	}

	body .infoLive {
		height: auto;
		padding-bottom: 10px;
	}

	body header {
		min-width: 100%;
		height: auto;
	}

	body .search-form {
		position: relative;
		right: 0;
		top: 0;
		padding-right:0px;
	}

	body .search-field {
		width: 75%;
		height: 29px;
		margin: 10px auto 0 auto;
		padding-left:12px;
		padding-right:20px;
	}
	body .search-field:focus {
		width: 80%;
	}
	.search-form .search-submit {
		display: none;
	}
	body #logoR2 {
		display: none;
	}

	body header #logoAiredu {
		display: block;
		margin:auto;
		float: none;
	}

	body header #logo {
		margin: 0 auto;
		width: 100%;
		text-align: center;
		position: relative;
		background: none;
	}

	body header #logo #lairedu,
	body header #logo #baseline {
		padding: 0;
	}



	body .nav ul {
		display: block;
	}
	body .nav {
		width: 100%;
		padding-top: 15px;
	}

	body .nav li {
		font-size: 14px;
		border-right: none;
		border-bottom: solid 1px #3d3c3c;
		display: block;
		margin: 0;
		padding: 0;
	}

	body .sous-menu .bloc {
		display: inline;
		float: none;
		margin-left: 0;
	}

	body .centrage-ssm {
		min-width: 100%;
	}

	body .centrage {
		max-width: 100%;
	}

	body .vignette {
		margin-bottom: 10px;
	}

	body .centrage-bdp {
		max-width: 4000px;
		width: 100%;
		margin: auto;
		display: block;
	}

	body #infos-medias {
		display: block;
	}

	body .text-media {
		font-size: 12px;
		padding-top:15px; 
		padding-right: 10px;
		padding-left: 19px;
	}

}





/************************************
 AUTOCOMPLETE
 ***********************************/


 .search-field {
 	transition:width 0.2s ease;
 	padding-right: 40px;
 }

 .search-field:focus {
 	width: 300px;
 }

 .ui-autocomplete {
 	z-index: 10000;
 	padding-left: 15px;
 }

 .ui-menu-item {
 	/*background: #EDDFE6;*/
 	background: #EEE;
 	font-family: Open-Sans, sans-serif;
 	font-size: 12px;
 	padding:10px!important;
 	margin:0px!important; 
 	width:295px;
 	opacity:0.9;
 }



 .ui-state-focus {
 	background:#DC73A6;
 	padding:10px!important;
 	margin:0px!important;
 }

 .ui-menu-divider {

 }



/************************************
 PAGE A PROPOS
 ***********************************/

 .page-id-6447 #headimg {
 	max-height: 400px;
 	overflow: hidden;
 	width: 100%;
 	position: relative;
 	margin-bottom: 20px;
 }

 .page-id-6447 #headimg img{
 	width: 100%;
 	height: auto;
 }

 .page-id-6447 #headimg .trame {
 	position: absolute;
 	z-index: 1000;
 	height: inherit;
 	opacity: 0.4;
 	bottom: 0;
 }


/************************************
 CONTRIBUTEURS
 ***********************************/

 .categorie_personne .portrait,
 .categorie_entite .portrait {
 	width: 150px;
 	height: auto;
 	border: 1px solid #ccc;
 	margin-right: 1%;
 	float: left;
 }




/************************************
 BLOG
 ***********************************/

 .blogpost img {
    width: 100%;
 	height: auto;
 }

 .blogpost .demi img {
    width: 50%;
    height: auto;
    float: left;
 }

 .blogpost img.bordure-noire {
 	border:1px solid #000;
 }

 .blogpost img.bordure-grise {
 	border:1px solid #999;
 }

 .blogpost .alignright {
 	float: right;
 	margin: 15px 0px 10px 15px;
 }

 .blogpost .alignleft {
    width: inherit;
 }