/** 
* Feuille de style principale
* 
* @client INRIA
* @project portail
* @author Kaliop 
* 
*

codes couleurs :

- texte : #363842;
- nat : #E33729 ;

*/

#debug { display: none; }

/* ::::::::::::::::::::::::::: INITIALISATION DES STYLES */
body {
	font-family: arial, verdana, sans-serif;
	color:#363842;
	padding:0;
	margin:0;
	font-size:100%;
    background: #fff url(../images/bkgd/bkgd_body.png) no-repeat center top;
}
body * {
	padding:0;
	margin:0;
	border:none;
}
body #page,
body .overflow {
	font-size:0.75em;
	width:98%;
    max-width: 980px;
	margin: 0 auto;
}

img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { max-width: 100%; } 
img { height:auto; vertical-align: middle; }
textarea, table, td, th, code, pre, samp { word-wrap: break-word; }
code, pre, samp { white-space: pre-line; } 	
a { color:#363842; }
a:hover, a:focus { text-decoration:none; }
ul { list-style:none; }
ol { list-style-type:decimal; list-style-position:inside; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
.horschamp { position:absolute; left:-2000px; }
.clear { clear:both; }
.carto { overflow: hidden; width: 100%; }
.carto #map {
    width: 100%;
    height: 300px;
    margin-top: 10px;
}
.carto #map * { max-width: none; width: auto; height: auto; }

/* formulaires */
form .text input,
form input.text ,
form textarea,
textarea,
select{
	font-family: arial, verdana, sans-serif;
	font-size:0.9em;
	border:1px solid #ccc;
	color:#888888;
	background:#fff;
}


/* ::::::::::::::::::::::::::::::::::::::::  SURTOP */
#surtop {
    border-bottom: 1px solid #555;
    background: #111;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    font-family: arial, verdana, sans-serif;
    color: #999;
    line-height: 1;
}
#surtop-center{
    width:980px;
    margin:auto;
}
#surtop a { color: #999; text-decoration: none; }
#surtop a:hover, #top a:focus { color: #FFF; border-bottom: 1px solid #999; }
#surtop strong { color: #FFF; }
#surtop p {
    float: left;
    margin: 4px 0 0 5px;
    padding-bottom: 10px;
    /*
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAGCAYAAAB6gzjVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODFFQTRCMzI1RDhBMTFFMzk4QUZBNDdEOEMxMEQxMzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODFFQTRCMzM1RDhBMTFFMzk4QUZBNDdEOEMxMEQxMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MUVBNEIzMDVEOEExMUUzOThBRkE0N0Q4QzEwRDEzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MUVBNEIzMTVEOEExMUUzOThBRkE0N0Q4QzEwRDEzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlPDfCgAAAA7SURBVHjaYnxkqvqfgTTAKBH4D0STrE9nkQVZ+hgm5pGlz2zJMpL1MTGMgtEAGQ2Q0QAZDRCqAYAAAwCWIwszVVvBUAAAAABJRU5ErkJggg==') no-repeat bottom right;
    */
    font-size: 14px;
}
#surtop ul { text-align:right; line-height: 35px; }
#surtop li { display: inline; padding: 0 15px; }
#surtop li:last-child { padding: 0 5px; }
#surtop span.bullet { content: ""; display: inline-block; width: 20px; height: 10px; margin-right: 5px; background: #ccc; }

/*
#surtop .site1:before { background: #e23525; }
#surtop .site2:before { background: #fa8623; }
#surtop .site3:before { background: #26285b; }
#surtop .site4:before { background: #26b9c9; }
#surtop .site5:before { background: #5c5d6f; }
*/
#surtop select { display: none; }
@media screen and (max-width:980px) {
    #surtop ul { margin: 0 5px 0 15px; text-align: left;  }
    #surtop p  {margin-right:20px;}
}
@media screen and (max-width:850px) {
    #surtop { font-size: 11px; }
    #surtop li { padding: 0 5px; }
    #surtop li:before { width: 15px; height: 7px; }
}
@media screen and (max-width:700px) {
    #surtop li:before { display: none; }
}
@media screen and (max-width:600px) {
    #surtop { padding: 5px; }
    #surtop p, #surtop ul { display: none; }
    #surtop select { display: block; width:100%; }
    #surtop-center{ width:100%; margin:auto; }
}

/* ::::::::::::::::::::::::::::::::::::::::  TOP */
#top{
    background:#363842;
    color:#fff;
    font-size:0.9em;
    line-height:2em;
    text-align:right;
}
#top li.intranet a{
	background:url(../images/pictos/picto_intranet.png) no-repeat left top;
	padding:2px 0;
	padding-left:15px;
}

#top .overflow { position: relative; }
#top .skiplink { position: absolute; left: 0; top: 0; }
#top .social { text-align: center; }
#top .info { position: absolute; right: 0; top: 0; }
#top li { display:inline; padding: 0 0.5em; }
#top .skiplink li, #top .info li { border-left:1px solid #888; }
#top .skiplink li:first-child, #top .info li:first-child { border-left:0; }
#top img{ vertical-align:middle; padding-bottom: 2px; }
#top a { color:#CCC; text-decoration:none; }
#top a:hover, #top a:focus { text-decoration:underline; }



/* ::::::::::::::::::::::::::::::::::::::::  ENTETE */
#header { overflow:hidden; }
/* :::::::  ENTETE => logo et profils */
#header .identite{
    overflow:hidden;
    padding:1.5em 25px;
}
#header .logo{
    float:left;
}
#header .profils{
    float:right;
    font-size:1.2em;
}
#header .profils li{
    display:inline;
    line-height:5em;
}
#header .profils li img{
    vertical-align:middle;
    margin-bottom:0.2em
}
#header .profils .scientifiques{
	border-right:1px solid #888;
	padding-right:1em;
	margin-right:0.5em;
}
#header .profils a{
    text-decoration:none;
}
#header .profils a:hover,
#header .profils a:focus{
    color:#E33729 
}
/* :::::::  ENTETE => menu */
#header .menu{
    clear:both;
}
/* menu => barre de navigation */
#header .bar_nav{
    overflow:hidden;
    margin:0 25px;
    padding:5px 0.7em 11px 0.7em;
    background:#363842;
}
#header .nav{
    position:relative;
    z-index:90;
    float:left;
    color:#ccc;
    font-size:1.5em;
    font-weight:normal;
    letter-spacing:0.04em;
}
#header .bar_nav .btn_search { display: none; }
#header .bar_nav a{
    padding-bottom:8px;
    padding-top:5px;
    border-bottom:4px solid #7b7f88;
    background:url(../images/pictos/puce_marqueur_top_gris.png) no-repeat center 27px;
    text-decoration:none;
    color:#fff;
    font-size:1.1em;
}
#header .bar_nav a:hover{
    background-color:#375063;
}
#header .bar_nav a:focus,
#header .bar_nav a.selected,
#header .bar_nav a.clicked{
    color:#E33729 ;
    border-color:#E33729 ;
    background-image:url(../images/pictos/puce_marqueur_top_nat.png);
	outline: 0;
}
/* menu => moteur de recherche */
#header .bar_nav form{
    float:right;
    margin-top:0px;
}
#header .bar_nav input{
    float:left;
}
#header .bar_nav .text{
    border:0;
    padding:2px 0.5em;
    width:14em;
    background:#fff url(../images/bkgd/bkgd_field.png) no-repeat -25px top;
    min-height:18px;
}
#header .bar_nav .submit{
    background:#fff;
    padding:6px 2px 5px 2px;
    background:#fff url(../images/bkgd/bkgd_field.png) no-repeat -25px top;
}
/* menu => bloc menu */
#header .bloc_menu{
    position:relative;
    overflow:hidden;
    margin-top:-4px;
    border-top:4px solid #50555f;
    background:#363842 url(../images/bkgd/bkgd_menu.png) no-repeat center top;
    color:#fff;
    height:0;
}
.js_active #header .bloc_menu{
    height:0;
}
#header .bloc_menu #close_menu{
    position:absolute;
    bottom:10px;
    right:10px;
    color:#E33729 ;
    font-size:1.2em;
    font-weight:bold;
    letter-spacing:1px;
}
#header .bloc_menu #close_menu a{
    color:#E33729 ;
    background:url(../images/pictos/btn_close.png) no-repeat right 2px;
    padding-right:20px;
}
#header .bloc_menu .ss_menu{
    clear:both;
    padding:1em 0.5em;
}
.js_active #header .bloc_menu .ss_menu{
    position:absolute;
    width:100%;
}
.text-right{
	text-align: right;
}
/* menu => bloc menu => sous-menus */
#header .bloc_menu .col {
    width: 33%;
    float: left;
    border-left: 1px dotted #E33729 ;
    padding: 1em;
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#header .bloc_menu .col:first-child,
#header .bloc_menu .col.noborder {
    border-left:0;
}
#header .bloc_menu a {
    color:#fff;
    text-decoration:none;
}
#header .bloc_menu a:hover,
#header .bloc_menu a:focus {
    color:#E33729 ;
}
#header .bloc_menu .sommaire {
    font-size:1.5em;
    margin-bottom:0.7em;
    color:#E33729 ;
}
#header .bloc_menu li a {
    display:block;
    margin: 0 0 0.6em 0;
    font-size:1.2em;
    font-weight:bold;
}
#page #header .bloc_menu li a:hover,
#page #header .bloc_menu li a:focus {
    color:#E33729 ;
}
#header .bloc_menu li ul {
    margin-bottom:1.2em;
}
#header .bloc_menu .rubrique {
    margin:10px 0;
}
#header .bloc_menu .rubrique a {
    background:url(../images/pictos/puce_triangle_nat_medium.png) no-repeat left 0.3em;
    margin:0;
    padding-left:10px;
    color:#FFFFFF;
}
/* menu => bloc menu => vues  */
#header .bloc_menu .vue{
    margin:1em 0;
    overflow:hidden;
    color:#CCCCCC;
}
#header .bloc_menu .vue .illustration{
    float:left;
	margin-right:1em;
}
#header .bloc_menu .view .illustration .legende,
#header .bloc_menu .view .illustration cite {
    display:none;
}
#header .bloc_menu .vue img{
    border:2px solid #fff;
}
#header .bloc_menu .view img{
    margin-bottom:0.5em;
}
#header .bloc_menu .vue .meta{
    display:block;
    font-weight:normal;
    font-style:italic;
    font-size:0.9em;
}
#header .bloc_menu .view h3{
    margin:0;
    font-size:1.1em;
    font-weight:bold;
}
#header .bloc_menu .view h3 a {
    background:none;
    padding:0;
}
#header .bloc_menu .vue li {
    margin:0;
    letter-spacing:auto;
}
#header .bloc_menu .libre .intro{
    font-size:1.2em;
}
#header .bloc_menu .libre p,
#header .bloc_menu .libre ul,
#header .bloc_menu .libre ol{
    margin-bottom:0.5em;
}
#header .bloc_menu .view .desc,
#header .bloc_menu .vue .auteur,
#header .bloc_menu .vue .tag,
#header .bloc_menu .vue .lien_vue{
    display:none;
}
#header .bloc_menu .libre li {
    padding-left:15px;
    background:url("../images/pictos/puce_triangle_nat_medium.png") no-repeat scroll left 0.3em rgba(0, 0, 0, 0);
}
/* :::::::  ENTETE => titre */
/** **/
#header .titre{
    position:relative;
    min-height:119px;
    background:#363842 url(../images/bkgd/visuel_bandeau.jpg) no-repeat right top;
}
#header .plan_du_site, #header .bandeau_annexe{
    position:relative;
    min-height:119px;
    background:#363842 url(../images/bkgd/visuel_bandeau_annexe.jpg) no-repeat right top;
}
#header .titre.no_background { background-image: none; }
#header .titre .rub {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 35.5%;
    padding: 2.5em 15px 0 15px;
    background: #363842;
    color: #fff ;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: bold;
}
#header .titre .rub a { color:#fff ; text-decoration:none; }
#header .titre .rub a:hover, #header .titre .rub a:focus { text-decoration:underline; }
#header .titre img { position:absolute; top:0; right:0; max-width: none; }


/* :::::::  ENTETE => fil d'ariane */
#header .fil{
    background:#E33729 ;
    margin:0 25px;
    color:#fff;
	padding:0.3em 0.5em;
}
#header .fil a{
	color:#fff;
	text-decoration:none;
	padding:0 0.2em;
}
#header .fil a:hover,
#header .fil a:focus,
#header .fil strong{
	text-decoration:underline;
	padding:0 0.2em;
	font-weight:normal;
}


/* :::::::  ENTETE => blocs */
#header .bloc { float:right; position:relative; z-index:50; background:#fff; padding:5px;}
#header .bloc h2 { color: #FFFFFF; font-size:1.5em; font-weight:normal; margin:0 0 0.5em 0.2em; float:left; padding: 1px 10px; background-color: #308099; }
#header .bloc .vue { background: url("../images/pictos/puce_plus_nat.png") no-repeat left 0.4em; padding-left:10px; margin:0.5em 10px 0.5em 5px; clear:both; }
#header .bloc .vue .intro { border-bottom:1px solid #CCC; padding-bottom:0.5em; }
#header .bloc .vue a { color: #308099 }
#header .bloc .vue .meta { font-size:1.1em; font-weight:bold; }
#header .bloc .vue h3 { font-size:1em; font-weight:normal; }
#header .bloc .vue h3 a { text-decoration:none; color:#363842; }
#header .bloc .vue h3 a:hover, #header .bloc .vue h3 a:focus { color:#E33729 ; }
#header .bloc .lien_bloc { font-size:0.9em; margin: 15px 0 0 0; padding-left:15px; background:url(../images/pictos/puce_chevron_nat.png) no-repeat 3px center; }
#header .bloc .lien_bloc a { color: #E33729 }
#header .bloc.actus { width:33.5%; height:250px; padding: 15px; border: 6px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left-width: 20px; border-right-width: 20px; border-top-width:0px;}

/* :::::::  ENTETE => visionneuse */
.visionneuse embed { display:block; }
.visionneuse {
    border-bottom: 4px solid #ccc;
    position:relative;
    overflow: hidden;
    float: left;
    width: 66.5%;
    height:246px;
}
.visionneuse a { text-decoration: none !important; color: #FFF; }
.visionneuse img { max-width: none; width: auto; float: right; }
.visionneuse .content_visio .copyright {
    position:absolute;
    left:0;
    bottom:-15px;
    padding:2px 5px;
    background: url(../images/bkgd/bg_visionneuse_copyright.png) repeat;
    font-size:0.8em;
    color:#fff;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -ms-transform-origin: 0 0; /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari and Chrome */
    -webkit-transform-origin: 0 0; /* Safari and Chrome */
    display:none;
}
.visionneuse .content_visio .infos { position: absolute; top: 30px; left: 25px; width: 45%; padding: 10px; color: #fff; font-weight: bold; }
.visionneuse .content_visio .bkgd { background: url(../images/bkgd/bg_visionneuse.png) repeat; }
.visionneuse .content_visio .noir * { color:#363842; }
.visionneuse .content_visio .nat * { color:#E33729 ; }
.visionneuse .infos .date { margin-right:0.5em; font-size:0.9em; display:none; }
.visionneuse .infos .surtitre { text-transform:uppercase; font-size:1.15em; }
.visionneuse .infos strong { display:block; margin-top:7px; font-size:1.8em; }
.visionneuse .vid { position: absolute; top: 15px; left: 450px; }
.visionneuse .vid a {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 65px;
    left: 235px;
    background: url(../images/pictos/picto_video_play.png) no-repeat 0 0;
}
.visionneuse .vid a:hover { background-position: bottom; }
.visionneuse .vid p { position: absolute; top: -10000px; }
.visionneuse .flex-direction-nav { position: absolute; z-index: 2; bottom: 0; right: 0; padding: 0 5px; background: url(../images/bkgd/bg_visionneuse_copyright.png) repeat; font-size:0.8em; color:#fff; }
.visionneuse .flex-direction-nav li { display: inline-block; }
.visionneuse .flex-direction-nav li + li { margin-left: 15px; }
.visionneuse .flex-direction-nav a { position: relative; left: auto; right: auto; width: 20px; height: 15px; top: auto; margin: 0; opacity: 1; color: #FFF; }
.visionneuse .flex-direction-nav a:before { font-size: 20px; color: #FFF; content: url('../images/pictos/puce_visionneuse_blanc_gauche.png'); line-height: 13px; }
.visionneuse .flex-direction-nav a.flex-next:before { content: url('../images/pictos/puce_visionneuse_blanc_droite.png'); line-height: 13px; }
.visionneuse .flex-control-paging { display: none; }
.visionneuse .counter { position: absolute; bottom: 1px; right: 24px; z-index: 20; color: #FFF; }
.vertical_carrousel { position: relative; height: 180px; }
.vertical_carrousel .flex-viewport { height: 180px !important; }
.vertical_carrousel .flex-viewport .vue { height: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 !important; padding: 0 0 5px 15px !important; background-position: left 10px; }
.vertical_carrousel .flex-viewport .vue h3, .vertical_carrousel .flex-viewport .vue .meta { overflow: hidden; text-overflow: ellipsis; white-space : nowrap; color:#000}
.vertical_carrousel .flex-direction-nav { position: absolute; z-index: 2; bottom: -49px; right: -15px; font-size:0.8em;background: url(../images/bkgd/bg_visionneuse_copyright.png) repeat; width:40px; padding-left:10px;}
.vertical_carrousel .flex-direction-nav li { display: inline-block; }
.vertical_carrousel .flex-direction-nav a { position: relative; top: auto; left: auto; right: auto; width: 15px; height: 15px; margin: 0; opacity: 1; }
.vertical_carrousel .flex-direction-nav a:before {font-size: 25px; color: #FFF; content: url('../images/pictos/puce_visionneuse_blanc_haut.png'); line-height: 9px;}
.vertical_carrousel .flex-direction-nav a.flex-next:before { content: url('../images/pictos/puce_visionneuse_blanc_bas.png'); line-height: 7px;}
.vertical_carrousel .flex-control-paging { display: none; }

/*======================= FIN VISIONNEUSE ==========================*/


/* :::::::::::::::::::::::::::::::::::::::  CONTENU DE LA PAGE */
#content{
    overflow: hidden;
    margin: 2em 0 0 0;
}
/* :::::::  CONTENU => chapeau */
#chapeau{
    overflow:hidden;
    margin-bottom:1.3em;
}
/* titre de dossier */
#chapeau h1{
	font-size:1.7em;
	float:left;
	margin-bottom:1em;
}
/* onglets */
#chapeau .onglets{
	float: left;
	line-height:1.3em;
	border-bottom:1px solid #E33729 ;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 25px 0 0;
}
#chapeau .onglets li{
	min-width:135px;
	text-align:center;
	float:left;
	margin:0 0 0 2px;
}
#chapeau .onglets li:first-child{ margin:0; }

#chapeau .onglets li a,
#chapeau .onglets li strong{
    display:block;
	background:#E33729 ;
	color:#fff;
	text-decoration:none;
	padding: 0.3em;
}
#chapeau .onglets li a.link_strong{ padding: 0; }
#chapeau .onglets li a:hover, #chapeau .onglets li a:focus { background:#e2655d; }
#chapeau .onglets li strong { background:#363842; }


/* :::::::  CONTENU => colonnes */
#center { float:left; clear:left; width: 65.5%; }
#center.no_right { float: none; width: 100%; }
#right { float: right; width: 31%; }


/* |||||||||||||||||||||||||||||||||||| STYLES GENERIQUES */
#page #content .highlight {
    color:#E33729 ;
}
#content .meta {
    color:#888888;
    padding-top:0.3em;
}
#content .actualite_line .meta{
	font-weight: bold;
	color: #363842;
	display: block;
	padding-top: 0;
}
#content.home .actualite_line .meta{
	color: #888;
}
#content .retour {
    color:#fff;
    background:#E33729  url(../images/pictos/picto_retour.png) no-repeat 0.5em center;
    float:right;
    padding: 0.5em 1em 0.5em 40px;
    font-size:1.2em;
    margin:1.5em 0;
}
#content .retour a{
    color:#fff;
    text-decoration:none;
}
#content .retour a:hover,
#content .retour a:focus{
    text-decoration:underline;
}
#content .top {
    float:right;
    margin:1.5em 0;
}
#content .top a{
    color:#E33729 ;
    background:url(../images/pictos/picto_top.png) no-repeat left 2px;
    padding-left:20px;
}
#content .bloc .top{
    margin-bottom:0;
    margin-top:-2.2em;
}
#content .bloc .section_top{
    width:550px;
}
#content .bloc .lien_vue,
#content .bloc .lien_bloc {
    text-align:right;
    font-size:0.9em;
}
#content .bloc .lien_bloc a:hover,
#content .bloc .lien_bloc a:focus{
    text-decoration:none;
}
#content .bloc .lien_file{
    background:url("../images/pictos/picto_pdf_small.png") no-repeat left top;
    padding:3px 0 3px 20px;
}
#content .bloc .lien_file a{
    text-decoration:none;
    color:#363842;
}
#content .bloc .lien_file a:hover,
#content .bloc .lien_file a:focus{
    text-decoration:none;
    color:#363842;
}
#content .bloc .fil {
    background:url("../images/pictos/puce_triangle_noir.png") no-repeat left 0.4em;
    padding-left:10px;
}
#content .bloc .fil a{
    color:#363842;
    text-decoration:none;
}
#content .bloc .fil a:hover,
#content .bloc .fil a:focus{
    text-decoration:underline;
}
/* |||||||||||||||||||||||||||||||||| BLOCS */

/* |||| BLOCS => design */
#content .bloc {
	background: #f5f5f5;
	padding: 6px 15px;
	margin-bottom: 1.5em;
	overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#content .bloc.large { width: 100%; }
#content .bloc.large[style] { min-height: 0 !important; }
#content .bloc.medium { width: 65.5%; }
#content #center.right .bloc.medium { width: 100%; }
#content .bloc.small { width: 31%; }

/*#content .bloc_left{ float:left; margin-right:1%; margin-right:40px; }
#content .bloc_right{ float:right; }*/

#content .bloc .vue{
	clear:both;
	overflow:hidden;
	margin:0.5em 0 0.5em 0;
}
#content .bando {
	clear:both;
	overflow:hidden;
	margin-bottom:1.5em;
}
#content .bando .bloc { float: left; }
#content .bando .bloc + .bloc { margin-left: 3.5%; }
#content.home .bando{ margin-bottom:0; }

/* blocs secondaires */
#content .secondaire{
	background:#f1f1f1 url(../images/bkgd/bkgd_bloc.png) repeat-x top;
	position:relative;
	overflow:visible;
}
/* |||| BLOCS => cartouche */
#content .article .cartouche{
	background:#E33729 ;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	padding:0.2em 0.5em;
	float:left;
	margin-right:0.5em;
	margin-bottom:1em;
	margin-top:10px;
}
#content  .article .meta{
	padding-top:14px;
}
#content .article .meta{
	clear: left;
	padding-top:0;
}
#content .article .motscles{
	margin: 10px 0 0 0;
}
/* |||| BLOCS => intro */
#content .bloc .intro { font-size:1.2em; line-height:1.2em; overflow:hidden; }
#content .bloc .vue .intro { margin-bottom:0; }
#content .bloc .intro .object-left,
#content .bloc .intro .object-right,
#content .bloc .intro .object-center {
    float: none;
    margin: 0;
    text-align: center;
}
#content .bloc .intro .illustration { float: left; width: 266px; margin-right: 20px; }
#content .bloc .intro .illustration img { width: 100%; }
#content .bloc.small .libre .intro .illustration[style], #content .bloc.small .libre .intro .illustration { float: none; width: 100% !important; margin-right: 0; }
#content .bloc.secondaire .libre .intro .illustration[style], #content .bloc.secondaire .libre .intro .illustration { float: none; width: 100% !important; margin-right: 0; }
#content .bloc.home .libre .intro .illustration { float: none; width: 100% !important; margin-right: 0; }
#content .bloc .intro .legende { font-size: 0.8em; }


/* |||| BLOCS => titres */
#content .bloc h2{
	background:#E33729 ;
	color:#fff;
	font-size:1.7em;
	padding:0.1em 10px;
	margin:0.5em 0 1em 0;
	font-weight:normal;
	clear:both;
	float:left;
}
#content .bloc h2 a{
	color:#fff;
}
#content .bloc h3{
    color:#E33729 ;
    font-size:1.4em;
    margin:1em 0 0.5em 0;
}
#content .bloc h4{
    font-size:1.2em;
    margin:1em 0 0.5em 0;
}
#content .bloc h5{
    font-size:1.1em;
    margin:1em 0 0.5em 0;
    color:#888888;
}
#content .bloc h6{
    font-size:1em;
    margin:1em 0 0.5em 0;
    color:#888888;
}
#content .bloc h2 a,
#content .bloc h3 a,
#content .bloc h4 a,
#content .bloc h5 a,
#content .bloc h6 a{
    text-decoration:none;
}
#content .bloc h2 a:hover,
#content .bloc h3 a:hover,
#content .bloc h4 a:hover,
#content .bloc h5 a:hover,
#content .bloc h6 a:hover,
#content .bloc h2 a:focus,
#content .bloc h3 a:focus,
#content .bloc h4 a:focus,
#content .bloc h5 a:focus,
#content .bloc h6 a:focus{
    text-decoration:underline;
}
/* blocs vues libres */
#content .bloc .libre h3{
    margin:0.5em 0 0.3em 0;
}
/* blocs articles */
#page #content .article h1,
#page #content .resultats h1{
    clear:both;
	margin: 0 0 0.7em 0;
	color:#363842;
	font-weight:bold;
	float:none;
	font-size: 1.7em;
}
#content .article h2 a{
	color:#363842;
}
#content .article .tag {
    font-size:0.9em;
    margin:0.5em 0;
}
#content .article .tag strong {
    font-weight:normal;
}
#page #content .article .tag a {
    color:#888;
    text-decoration:none;
}
#content .article .tag a+a {
    background: url("../images/pictos/puce_tiret_gris.png") no-repeat left 0.7em;
    padding: 0 0 0 8px;
}
#page #content .article .tag a:hover,
#page #content .article .tag a:focus {
    text-decoration:underline;
}
/* blocs secondaires */
#page #content .secondaire h2{
	padding:0;
	background:none;
	color:#E33729 ;
	margin-bottom:0.5em;
	margin-top:0;
	padding-bottom:0.2em;
	border-bottom:1px solid #ccc;
	float:none;
}
#content .secondaire h2 img{
	float:right;
	margin-top:3px;
}
#content .secondaire h2 a{
	color:#E33729 ;
}
#content .secondaire h3{
	font-size:1.1em;
	color:#363842;
	margin:0.5em 0 0.3em 0;
}
#content .secondaire .illustration .visu cite{
	display:none;
}
#content .secondaire .illustration .visu:hover cite{
	display:block;
}
/* |||| BLOCS => sommaire */
#content .bloc .sommaire{
	font-size:1.2em;
	font-weight:bold;
	margin-left:0;
	margin-bottom:1.5em;
	clear:both;
}
#content .bloc .sommaire li{
	background:url(../images/pictos/puce_plus_nat.png) no-repeat left 0.3em;
	padding-left:15px;
}
#content .bloc .sommaire a{
	text-decoration:none;
}
#content .bloc .sommaire a:hover,
#content .bloc .sommaire a:focus{
	text-decoration:underline;
}
#content .separation{
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom:1px solid #CCCCCC;
}
/* |||| BLOCS => chapitres */
#content .bloc.chapitre h3,
#content .toggler_off, #content .toggler_on {
    position: relative;
	background: #fff;
	border:1px solid #E33729;
	min-height:22px;
	line-height:22px;
	padding:0 30px 0 10px;
	cursor:pointer;
	font-size:1.1em;
    color:#363842;
}
#content .bloc.chapitre h3:after, #content .toggler_off:after { content: url('../images/pictos/picto_deplie.png');  position: absolute; right: 0; top: 50%; margin-top: -11px; }
#content .bloc.chapitre h3.moins:after, #content .toggler_on:after { content: url('../images/pictos/picto_replie.png');  position: absolute; right: 0; top: 50%; margin-top: -11px;  }


/* |||| BLOCS => paragraphes et listes */
#content .bloc p,
#content .bloc ul,
#content .bloc ol{
	margin-bottom:1em;
}
#content .bloc ul,
#content .bloc ol{
	margin-left:1.5em;
}
#content .bloc li{
	margin:0.1em 0;
} 
#content .bloc ul li {
	background: url(../images/pictos/puce_triangle_nat_medium.png) no-repeat left 0.3em;
	padding-left:10px;
	overflow:hidden;
} 
#content .bloc ul li.link_li{
	background-image: url(../images/pictos/puce_triangle_nat_medium.png);
}
#content .bloc ul li .date{
	color: #888;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
#content .bloc ul ul li{
	background: url(../images/pictos/puce_rond_noir.png) no-repeat left 0.4em;
} 
#center .bloc ul ul ul li{
	background: url(../images/pictos/puce_carre_noir.png) no-repeat left 0.5em;
} 
#content .bloc ul ul,
#content .bloc ul ol,
#content .bloc ol ul,
#content .bloc ol ol{
	margin:0.3em 0 0 2.5em;
}
#center .bloc .list_tag{
	margin-left:0;
	overflow:hidden;
} 
#center .bloc .intro .list_tag{
	font-size:0.85em;
	line-height:1.2em;
} 
#page #center .bloc .list_tag li{
	padding:0;
	background:none;
	background-image:none;
	margin:0.5em 0;
} 
#center .bloc .list_tag a{
	text-decoration:none;
} 
#center .bloc .list_tag a:hover,
#center .bloc .list_tag a:focus{
	text-decoration:underline;
} 
#content .bloc blockquote {
	text-align: center;
	margin: 0 0 1em 0;
	font-style: italic;
	font-size: 1.5em;
	padding: 0 1em;
}
#content .bloc blockquote *{ display:inline; }
/* blocs secondaires */
#content .secondaire .libre ul,
#content .bloc ul.list_sans_vignette,
#content .small .libre ul{
	margin-left:0;
} 
#content .secondaire .libre ul li,
#content .bloc ul.list_sans_vignette li{
	/*background: url(../images/pictos/puce_triangle_noir.png) no-repeat left 0.4em;*/
	margin:0 0 0.5em 0;
}
#content .secondaire.style_epi .libre ul li{
	/*background-image: url(../images/pictos/puce_triangle_nat_medium.png);*/
	margin: 1.2px 0 1.2px 0;
}
#content .bloc .form .link_li strong{
	margin-bottom: 0;
}
#content .secondaire .libre ul li.selected{
	background: url(../images/pictos/puce_triangle_noir_medium_bottom.png) no-repeat left 0.5em;
} 




#content .bloc.secondaire p,
#content .bloc.secondaire ul,
#content .bloc.secondaire ol{
	margin-bottom:0.5em;
}
/* blocs => liste avec pictos */
#page #content .bloc .facebook{
	background: url(../images/bibli_pictos/picto_facebook.png) no-repeat left top;
	padding:0.2em 0 0.2em 27px;
	font-weight:bold;
}
#page #content .bloc .twitter{
	background: url(../images/bibli_pictos/picto_twitter.png) no-repeat left top;
	padding:0.2em 0 0.2em 27px;
	font-weight:bold;
}
#page #content .bloc .delicious{
	background: url(../images/bibli_pictos/picto_delicious.png) no-repeat left top;
	padding:0.2em 0 0.2em 27px;
	font-weight:bold;
}
#page #content .bloc .stumnatpon{
	background: url(../images/bibli_pictos/picto_stumnatpon.png) no-repeat left top;
	padding:0.2em 0 0.2em 27px;
	font-weight:bold;
}
#page #content .bloc .google{
	background: url(../images/bibli_pictos/picto_google.png) no-repeat left top;
	padding:0.2em 0 0.2em 27px;
	font-weight:bold;
}
#page #content .bloc .youtube{
	background: url(../images/bibli_pictos/picto_youtube.png) no-repeat left top;
	padding:0.2em 0 0.2em 27px;
	font-weight:bold;
}
#page #content .bloc .rss{
	background: url(../images/bibli_pictos/picto_rss.png) no-repeat left top;
	padding:0.2em 0 0.2em 27px;
	font-weight:bold;
}
#page #content .bloc .file,
#page #content .bloc .pdf{
	background: url(../images/bibli_pictos/picto_pdf.png) no-repeat -1px top;
	padding:0.2em 0 0.2em 27px;
	font-weight:bold;
}
#page #content .bloc .mail{
	background: url(../images/bibli_pictos/picto_mail.png) no-repeat left top;
	padding:0.2em 0 0.2em 27px;
	font-weight:bold;
}
#page #content .bloc .linkedin{
	background: url(../images/bibli_pictos/picto_linkedin.png) no-repeat left top;
	padding:0.2em 0 0.2em 27px;
	font-weight:bold;
}
#page #content .bloc .viadeo{
	background: url(../images/bibli_pictos/picto_viadeo.png) no-repeat left top;
	padding:0.2em 0 0.2em 27px;
	font-weight:bold;
}
#page #content .bloc .twitter a,
#page #content .bloc .delicious a,
#page #content .bloc .stumnatpon a,
#page #content .bloc .google a,
#page #content .bloc .youtube a,
#page #content .bloc .rss a,
#page #content .bloc .file a,
#page #content .bloc .pdf a,
#page #content .bloc .mail a,
#page #content .bloc .linkedin a,
#page #content .bloc .facebook a,
#page #content .bloc .viadeo a{
	color:inherit;
	text-decoration:none;
}
#page #content .bloc .twitter a:hover,
#page #content .bloc .delicious a:hover,
#page #content .bloc .stumnatpon a:hover,
#page #content .bloc .google a:hover,
#page #content .bloc .youtube a:hover,
#page #content .bloc .rss a:hover,
#page #content .bloc .file a:hover,
#page #content .bloc .pdf a:hover,
#page #content .bloc .mail a:hover,
#page #content .bloc .linkedin a:hover,
#page #content .bloc .facebook a:hover,
#page #content .bloc .viadeo a:hover,
#page #content .bloc .twitter a:focus,
#page #content .bloc .delicious a:focus,
#page #content .bloc .stumnatpon a:focus,
#page #content .bloc .google a:focus,
#page #content .bloc .youtube a:focus,
#page #content .bloc .rss a:focus,
#page #content .bloc .file a:focus,
#page #content .bloc .pdf a:focus,
#page #content .bloc .mail a:focus,
#page #content .bloc .linkedin a:focus,
#page #content .bloc .facebook a:focus,
#page #content .bloc .viadeo a:focus{
	text-decoration:underline;
}
/* |||| BLOCS => liens */
#content .bloc a{
	color:#E33729;
}
#content .bloc.article .file{
	background:url(../images/bibli_pictos/picto_pdf.png) no-repeat left top;
	padding:5px 0;
	padding-left:28px;
	margin:0 0 0 1.5em;
}
/* blocs secondaires */
#content .secondaire .libre li a,
#content .bloc ul.list_sans_vignette li a{
	text-decoration:none;
} 
#content .bloc ul.list_sans_vignette li a.underline:hover,
#content .secondaire .libre li a:hover,
#content .secondaire .libre li a:focus{
	text-decoration:underline;
} 
/* |||| BLOCS => images */
#content .bloc .visu {
	position:relative;
	display:block;
	border:1px solid #ccc;
	background:#fff;
	padding:2px;
}
/*#content .bloc img { display:block; }*/
#content .bloc .visu cite {
	position:absolute;
	right:2px;
	bottom:2px;
	padding:0 3px;
	background:rgba(54, 56, 66, 0.6);
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80363842,endColorstr=#80363842); 
	font-size:10px;
	line-height:13px;
	color:#fff;
}
#center .bloc .legende{
	font-size:0.8em;
	font-weight:normal;
	color:#888888;
	display:block;
	text-align:center;
}
#center .bloc .libre .legende{
	display:none;
}


/* |||| BLOCS => slideshow */
#content .bloc .diapo_flexslider { clear: both; margin: 1.5em 5px; border: 1px solid #000; background: #000; text-align: center; }
#content .bloc .diapo_flexslider ul { margin: 0; background: #000; }
#content .bloc .diapo_flexslider li { margin: 0; padding: 0; background: none; }
#content .bloc .diapo_flexslider img { display: inline-block; max-width: 100%; width: auto; vertical-align: middle; }
#content .bloc .diapo_flexslider .flexslider { margin: 0; border: 0; background: none; }
#content .bloc .diapo_flexslider .flex-caption {
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 5px 20px;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
    background: rgba(0,0,0,0.7);
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    color: #FFF;
    white-space: pre;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; 
}
#content .bloc .diapo_flexslider .flex-caption cite {
    display: block;
    margin-top: 2px;
    font-size: 0.7em;
    font-style: normal;
    font-weight: normal;
}
#content .bloc .diapo_flexslider #diapo_slider { overflow: hidden; }
#content .bloc .diapo_flexslider #diapo_slider ul { height: 100%; }
#content .bloc .diapo_flexslider #diapo_slider li { height: 100%; }
#content .bloc .diapo_flexslider #diapo_slider .flex-direction-nav a { width: 27px; height: 50px; margin-top: -25px; }
#content .bloc .diapo_flexslider #diapo_slider .flex-direction-nav a.flex-prev:before { content: url(../images/pictos/picto_slideshow_left_b.png); }
#content .bloc .diapo_flexslider #diapo_slider .flex-direction-nav a.flex-next:before { content: url(../images/pictos/picto_slideshow_right_b.png); }
#content .bloc .diapo_flexslider #diapo_slider img { max-height: 100%; }
#content .bloc .diapo_flexslider #diapo_carousel { margin: 5px 56px; }
#content .bloc .diapo_flexslider #diapo_carousel li { margin: 0 5px 0 0; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#content .bloc .diapo_flexslider #diapo_carousel .flex-active-slide { border: 2px solid #fff; }
#content .bloc .diapo_flexslider #diapo_carousel .flex-direction-nav a { opacity: 1 !important; width: 56px; height: 65px; top: -2px; margin: 0; }
#content .bloc .diapo_flexslider #diapo_carousel .flex-direction-nav a.flex-prev { left: -56px !important; }
#content .bloc .diapo_flexslider #diapo_carousel .flex-direction-nav a.flex-next { right: -56px !important; }
#content .bloc .diapo_flexslider #diapo_carousel .flex-direction-nav a.flex-prev:before { content: url(../images/pictos/picto_slideshow_left.png); }
#content .bloc .diapo_flexslider #diapo_carousel .flex-direction-nav a.flex-next:before { content: url(../images/pictos/picto_slideshow_right.png); }



/* |||| BLOCS => positionnement des éléments */
#content .bloc .left, #content .bloc .object-left { max-width: 100%; float:left; margin:0; margin-right:1.5em; }
#content .bloc .right, #content .bloc .object-right { max-width: 100%; float:right; margin:0; margin-left:1.5em; }
#content .bloc .object-center { max-width: 100%; margin:0 auto; }
#content .bloc .center p,  #content .bloc .object-center p { margin:0 auto; text-align:center; }

/* |||| BLOCS => videos & flash */
#myElement_wrapper { max-width: 100%; }
.object-left.xml_small { width: 260px; }


/* |||| BLOCS => tableaux de données */
#content .bloc table{
	width:100%;
	border-collapse:collapse;
	margin:1em 0;
}
#content .bloc table caption{
	font-size:1.2em;
    background:#E33729 ;
    border:1px solid #363842;
    border-bottom:0;
    color:#fff;
	text-align:left;
    padding:0.5em 1em;
    font-weight:bold;
}
#content .bloc table th{
	font-size:1.2em;
    background:#E33729 ;
    border:1px solid #363842;
    color:#fff;
	text-align:left;
    font-weight:bold;
    padding:0.5em 1em;
}
#content .bloc table td{
	border:1px solid #363842;
	padding:0.5em 1em;
	background:#fff;
}
#content .bloc table tfoot td{
	border:0;
	padding:0;
	color:#888888;
	background:transparent;
	text-align:right;
	font-size:0.9em;
	padding-top:0.5em;
}
/* |||| BLOCS => liste de fichiers à télécharger */
#content .bloc .fichiers{
    padding-top:1.5em;
}
#content .bloc .fichiers li{
    background: url("../images/pictos/puce_fleche_big_noir.png") no-repeat left 3px;
    padding:0.5em 0 0.5em 20px;
}
/* |||| BLOCS => vues resumees */
#content .bloc .view p,
#content .bloc .view ul,
#content .bloc .view ol{
	margin-bottom:0.5em;
}
#content .bloc .view .illustration{
    float:left;
    margin-right:1em;
}
#content .bloc .view .illustration .legende{
    display:none;
}
#content .bloc .view .intro{
    font-size:1em;
    line-height:1.2em;
    margin:0;
    overflow:hidden;
}
#content .bloc .view .cartouche{
    
}
#content .bloc .carrousel .view .cartouche{
	color: #363842;
	font-weight: bold;
	background:transparent;
}
#content .bloc .view h3{
    font-size:1.2em;
    margin:0;
}
#content .bloc.article .view h3{
    color:#363842;
}
#content .bloc .view .meta{
    margin:0 0 5px 0;
}
#content .bloc.small .view .meta,
#content .bloc.secondaire .view .meta{
    display:none;
}
#content .bloc.small .carrousel .view .meta, 
.centre #content .bloc .agenda .meta{
    display:inline;
}
#content .bloc.article .view{
	border-bottom:1px solid #CCC;
	margin-bottom:1.5em;
}
#content .bloc.article .view.keywords{
	border:none;
	border-top: solid 1px #ccc;
	padding-top: 4px;
	clear: left;
	margin-top: 10px;
}
/* |||| BLOCS => vues formulaire */
#content .bloc .form p{
	clear:both;
}
#content .bloc .form .inline{
	margin-bottom:2em;
	overflow:hidden;
}
#content .bloc .form ul{
	margin-left:0;
}
#content .bloc .form li a{
	text-decoration:none;
}
#content .bloc .form li a:focus,
#content .bloc .form li a:hover{
	text-decoration:underline;
}
#content .bloc .form label,
#content .bloc .form strong{
	display:block;
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:0.7em;
}
#content .form .libre ul li strong{
	margin:0px;
}
#content .bloc .form input{
	float:left;
    margin:0;
}
#content .bloc .form input.text{
    border-right:0;
    padding:0 5px 0 25px;
    width:205px;
    text-align:left;
    height:22px;
    border:1px solid #fff;
    letter-spacing:1px;
    background:#fff url(../images/bkgd/bkgd_field.png) repeat-x left top;
}
#content .bloc.secondaire .form .inline, #content .bloc.small .form .inline { position: relative; }
#content .bloc.secondaire .form input.text, #content .bloc.small .form input.text { width: 100%; }
#content .bloc.secondaire .form input.submit, #content .bloc.small .form input.submit { position: absolute; right: 0; }


/* |||| BLOCS => carrousel */

#content .bloc .carrousel { position: relative; clear: both; margin: 0 25px; }
#content .bloc .carrousel .flexslider {
    margin: 0;
    border: 0;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
#content .bloc .carrousel .flex-direction-nav a { top: 50px; width: 35px; height: 35px; margin: 0; opacity: 1 !important; }
#content .bloc .carrousel .flex-direction-nav .flex-prev {  left: -25px !important; }
#content .bloc .carrousel .flex-direction-nav .flex-next {  right: -25px !important; }
#content .bloc .carrousel .flex-direction-nav .flex-prev:before { content: url('../images/pictos/picto_carrousel_left.png'); }
#content .bloc .carrousel .flex-direction-nav .flex-next:before { content: url('../images/pictos/picto_carrousel_right.png'); }

#content .bloc .carrousel .vue { clear: none; margin-right: 10px; }

#content .bloc.medium .carrousel { margin: 0 45px; }
#content .bloc.medium .carrousel .flex-direction-nav .flex-prev {  left: -40px !important; }
#content .bloc.medium .carrousel .flex-direction-nav .flex-next {  right: -40px !important; }

#content .bloc.small .carrousel, #content #right .bloc .carrousel { margin: 0 50px; }
#content .bloc.small .carrousel .flex-direction-nav .flex-prev, #content #right .bloc .carrousel .flex-direction-nav .flex-prev {  left: -45px !important; }
#content .bloc.small .carrousel .flex-direction-nav .flex-next, #content #right .bloc .carrousel .flex-direction-nav .flex-next {  right: -45px !important; }

#content .bloc .carrousel .vue .illustration{ float:none; margin-right:0; }
#content .bloc .carrousel .vue .illustration .visu cite { display:none; }  
#content .bloc .carrousel .vue .illustration .visu:hover cite { display:block; }
#content .bloc.small .carrousel .view .meta{ display:inline; }
#content .bloc .carrousel .vue .intro{ padding:0 3px; }
#right span.legende{ display: none; }


/* |||| BLOCS => vues liste */
#content .bloc .list_picto{
    margin-left:0;
    font-size:1em;
    color:#363842;
    margin:0;
    font-weight:bold;
}
#content .bloc .list_picto .desc{ color: #7F7B7B; font-weight: normal; }
#page #content .bloc .list_picto li{ margin: 15px 0; background:none; padding:0; }
/*#content .bloc .list_picto .illustration{ float:left; margin-right:0.5em; }*/
#content .bloc .list_picto .visu { display: block; float: left; margin-right:0.5em; }
#content .bloc .list_picto cite {
    display:none;
    left:30px;
    top:30px;
    bottom:auto;
    right:auto;
    width:100px;
    padding:3px 10px;
    background:rgba(54, 56, 66, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CO363842,endColorstr=#CO363842); 
}
#content .bloc .list_picto a:hover cite { display:block; }
#content .bloc .list_picto .legende { display:none; }

#content .bloc .list_picto strong { overflow:hidden; display:block; }
#content .bloc .list_picto a { color:#363842; text-decoration:none; }
#content .bloc .list_picto a:hover,
#content .bloc .list_picto a:focus{
    color:#E33729 ;
    text-decoration:none;
}
.list .legende, #center .list .legende { display:none; }

/* |||| BLOCS => social + addthis */
#content .bloc.social {
    background:none;
    border:1px solid #f5f5f5;
}
#content .bloc.social .comments{
    background:url(../images/pictos/picto_comments.png) no-repeat left top;
    padding-left:25px;
    margin-bottom:0;
}
#content .bloc.social ul{
    margin:0;
}
#page #content .bloc.social li{
    background:none;
    padding:0 0.3em;
    float:left;
}
#content .bloc.social li *{
    /*float:none;*/
}
/* |||| BLOCS => menu pour la rubrique actualités */
#content .bloc.menu{
    background:none;
    font-size:1.3em;
    padding:0;
}
#content .bloc.menu ul{
    margin:0;
}
#page #content .bloc.menu li{
    background:#363842 url(../images/bibli_pictos/picto_actualites.png) no-repeat 0.7em 0.6em;
    color:#E33729 ;
    padding:0.7em 0.7em 0.7em 40px;
    margin-bottom:0.3em;
}
#page #content .bloc.menu li.agenda{
    background-image: url(../images/bibli_pictos/picto_calendrier.png);
}
#page #content .bloc.menu li.media{
    background-image: url(../images/bibli_pictos/picto_mediacenter.png);
}
#page #content .bloc.menu li.savoirplus{
    background-image: url(../images/bibli_pictos/saviezvous.png);
}
#content .bloc.menu li a{
    color:#fff;
    text-decoration:none;
    border-bottom:1px dashed #fff;
}
#content .bloc.menu li strong a{
    border-bottom:0;
}
#content .bloc.menu li a:hover,
#content .bloc.menu li a:focus{
    color:#E33729 ;
    border-bottom-color:#E33729 ;
}
/* |||| BLOCS => epi */
#content .epi li a{
    text-decoration:none;
    color:#363842;
}
#content .epi li a:hover,
#content .epi li a:focus{
    text-decoration:underline;
}
#content .epi .section {
    margin-top:1em;
}
#content .epi .section li{
    margin:0.2em 0;
    margin-left:21px;
    background:url(../images/pictos/puce_carre_nat.png) no-repeat left 0.5em;
}
#content .epi .titre_domaine {
    position: relative;
	background:#fff ;
	border:1px solid #E33729;
	color:#363842;
	padding: 4px 30px 3px 10px;
	cursor:pointer;
	font-size:1.15em;
}
#content .epi .titre_domaine:after { content: url('../images/pictos/picto_deplie.png'); position: absolute; right: 0; top: 50%; margin-top: -11px; }
#content .epi .titre_domaine.moins:after{ content: url('../images/pictos/picto_replie.png') ; }

#content .epi .titre_domaine.no_bg{
	background:#E33729 ;
}
#content .epi .titre_domaine.fleche_bas{
	background: url("../images/pictos/puce_triangle_nat_bas_big.png") no-repeat left center;
	background-position: left center; 
	padding-left: 18px;
	cursor: auto;
	color:#E33729 ;
	margin:1.5em 0 0.7em 0;
	border:0;
}
.centre #content .epi .titre_domaine.fleche_bas{
	background: url("../images/pictos/puce_triangle_centre_bas_big.png") no-repeat left center;
	color:#308099 ;
}
#content .bloc.epi .vue .titre_domaine a{
	color:#fff;
}
#content .epi  .titre_theme{
	background: url('../images/pictos/picto_deplie_n2_nat.png') no-repeat left 2px;
	color:#363842;
	margin:0.5em 0 0.2em 1.5em;
	padding-left:17px;
	cursor:pointer;
	font-size:1.1em;
	color:#E33729 
}
#content .epi  .titre_theme.no_bg{
	background: none;
	padding-left: 0;
	cursor: auto;
}
#content .epi .titre_theme.fleche_bas{
	background: url("../images/pictos/puce_triangle_nat_bas_medium.png") no-repeat;
	background-position: left center; 
	padding-left: 12px;
	margin: 1em 0 0.7em 21px;
	cursor: auto;
}
#content .epi  .section .titre_theme{
	margin-top:0;
}
#content .epi .titre_theme.moins{
	background-image:url(../images/pictos/picto_replie_n2_nat.png) ;
}
#content .epi .titre_theme a{
	color:#E33729 ;
}
#content table.epi_ressources{
	width: 610px;
	text-align: center;
}
#content .epi_caption{
	font-style: italic;
}
#content table.epi_ressources img{
	width: 150px;
}
/* |||| BLOCS => calendrier */
#content .bloc .calendar{
    background:#fff;
    border:1px solid #CCC;
   padding:5px;
   margin:0.5em 0;
}
#content .bloc .calendar .previous{
    float:left;
    line-height:30px;
}
#content .bloc .calendar .next{
    float:right;
    line-height:30px;
}
#content .bloc .calendar h3{
    text-align:center;
    margin:0;
    line-height:20px;
}
#content .bloc .calendar table{
    margin:0;
}
#page #content .bloc .calendar th{
    font-size:1.2em;
    color:#363842;
    background:none;
    font-style:normal;
    font-weight:normal;
    padding:0;
    text-align:center;
    padding-bottom:0.2em;
    border:0;
    border-bottom:1px solid #CCC;
}
#content .bloc .calendar td{
    border:0;
    font-size:1em;
    padding:0;
    text-align:center;
    padding:0.3em 0;
}
#content .bloc .calendar .today{
    background:#F5F5F5;
}
/* |||| BLOCS => vues image */
#content .bloc .image .meta{
    margin-bottom:0.5em;
}
/* |||| BLOCS => encart de mise en avant de contenu */
#content .bloc .highlight_box{
    border:1px solid #ccc;
	padding:2px;
	margin:1.5em 0;
}
#content .bloc .highlight_content{
    background: #888 ;
    padding:0.5em 1em;
    overflow:hidden;
}
#page #content .bloc .highlight_content h3{
    color:#fff  ;
    text-align:center;
    font-size:1.5em;
    margin:0.5em 0 ;
}
#page #content .bloc .highlight_content * ,
#page #content .bloc .highlight_content h4,
#page #content .bloc .highlight_content h5,
#page #content .bloc .highlight_content h6,
#page #content .bloc .highlight_content a {
    color:#fff  ;
}
#page #content .bloc .highlight_content ul li{
    background-image: url(../images/pictos/puce_triangle_blanc_medium.png);
} 
#page #content .bloc .highlight_content ul ul li{
    background-image: url(../images/pictos/puce_rond_blanc.png);
} 
#page #center .bloc .highlight_content ul ul ul li{
	background-image: url(../images/pictos/puce_carre_blanc.png);
} 
#content .bloc .highlight_content .legende,
#content .bloc .highlight_content table tfoot td {
	color:#fff;
}
#page #center .bloc .highlight_content blockquote .open {
	background: url(../images/pictos/picto_quote_open_blanc.png) no-repeat top left;
} 
#page #center .bloc .highlight_content blockquote .open img {
	opacity:0;
} 
#page #center .bloc .highlight_content blockquote .close {
	background: url(../images/pictos/picto_quote_close_blanc.png) no-repeat top right;
} 
#page #center .bloc .highlight_content blockquote .close img {
	opacity:0;
} 

/* |||| BLOCS => dans les pages actualite */
#content .bloc_actu {
    padding-bottom:0;
}
#page #content .bloc_actu h2{
    color:#363842;
    background:none;
    width:auto;
    padding:0 0 0.2em;
    border-bottom:1px solid #CCC;
    margin-bottom:1em;
    float:none;
}
/* pour les commentaires */
#content .bloc_actu .highlight_box{
    margin-top:0;
}
#content .bloc_actu .highlight_content h3{
    font-size:1.1em;
    margin: 0 ;
    text-align:left;
}
#content .bloc_actu .highlight_content .meta{
    font-size:1em;
    color:#fff ;
}
#content .bloc_actu .highlight_content .illustration{
    float:left;
    margin-right:1em;
}
#content .bloc_actu .highlight_content .intro{
    font-size:1em;
    line-height:1.2em;
    overflow:hidden;
}
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| BLOCS => formulaires */
#content .formulaire .part{
    border:1px solid #CCC;
    padding:14px;
    overflow:hidden;
}
#content .formulaire .col{
    width:48%;
    padding-right:2%;
    float:left;
}
#content .formulaire .info{
    text-align:right;
    color: #E33729 ;
    font-size:0.9em;
}
#content .formulaire ul{
    margin:0;
}
#page #content .formulaire li{
    margin:1em 0;
    padding:0;
    background:none;
}
#content .formulaire fieldset{
    margin-bottom:1.5em;
}
/* label */
#content .formulaire legend,
#content .formulaire label{
    display:block;
    font-size:1.2em;
    margin-bottom:0.2em;
}
/* champs texte */
#content .formulaire .text input,
#content .formulaire .textarea textarea,
#content .formulaire .select select{
    width:70%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0.2em 0.5em;
    font-weight:bold;
}
#content .formulaire .select option{
    padding:0.2em 0.5em;
}
/* champs radio et checkbox */
#page #content .formulaire .radio,
#page #content .formulaire .checkbox{
    float:left;
    margin: 0.5em 2em 0.5em 0;
}
#content .formulaire .radio label,
#content .formulaire .checkbox label{
    display:inline;
    font-size:1em;
}
#content .formulaire .radio input,
#content .formulaire .checkbox input{
    vertical-align:middle;
}
/* boutons de soumission */
#content .submit{
    text-align:center;
    margin:1em 0.5em;
}
#content .submit input,
#content .submit a{
    background:#60bdda url(../images/bkgd/bkgd_btn.png) repeat-x left top;
    border:1px solid #E33729 ;
    color:#fff;
    font-size:1.3em;
    font-weight:bold;
    text-align:center;
    min-width:8em;
    text-decoration:none;
    cursor:pointer;
    margin:0 1em;
}
#content .submit a{
    padding: 0.1em 1em;
}
/* erreurs */
#content .formulaire .feedback{
    border:1px solid #af7891;
    padding:1px;
    margin-bottom:1em;
    text-align:left;
}
#content .formulaire .content_feedback{
    background:#ff7f7f;
    padding:15px;
    color:#fff;
}
#content .formulaire .content_feedback h3{
    margin:0;
    margin-bottom:0.4em;
    padding:0;
    font-size:1.2em;
    color:#fff;
}
#page #content .formulaire .content_feedback li{
    width:auto;
    margin:0;
    text-align:left;
    background:url(../images/pictos/puce_chevron_blanc.png) no-repeat left 0.3em;
    padding-left:10px;
}
#content .formulaire .error label{
    color:#ff7f7f;
}
#content .formulaire .error input,
#content .formulaire .error textarea{
    border-color:#ff7f7f;
}
/* pour les commentaires */
#content .bloc_actu .formulaire{
    background: #363842;
    padding:0.5em 1em;
    overflow:hidden;
    color:#fff;
}
#content .bloc_actu .formulaire .info{
    width:90%;
    margin:0 10% 0 0;
}
#content .bloc_actu .formulaire h2{
    color:#fff;
}
#content .bloc_actu .formulaire form .submit{
    margin-left:12%;
}
#content .bloc_actu .formulaire ul{
    width:90%;
    margin:0 10% 0 0;
    text-align:right;
}
#page #content .bloc_actu .formulaire li{
    margin:1.5em 0;
}
#content .bloc_actu .formulaire label{
    display:inline;
    font-size:1em;
}
#content .bloc_actu .formulaire .text input,
#content .bloc_actu .formulaire .textarea textarea{
    margin-left:2%;
}
/* liste autocompletion*/
.autocompleter-choices{
    position:absolute;
    margin:0 -1px 0 1px;
    padding:0;
    border:1px solid #E33729 ;
    background-color:#fff;
    z-index:50;
    font-size:0.75em;
    width:50px;
}
.center.autocompleter-choices{
	border:1px solid #308099 ;
}
.autocompleter-choices li{
	padding:0.3em 1.5em;
	cursor:pointer;
	white-space:nowrap;
	border-top:1px solid #CCCCCC
}
.center.autocompleter-choices li{
	
}
.autocompleter-choices li.autocompleter-selected{
	background-color:#363842;
	color:#fff;
}
.center.autocompleter-choices li.autocompleter-selected{
	color: #308099 ;
}
.autocompleter-choices .autocompleter-queried{
	font-weight:bold;
	color:#E33729;
}
.center.autocompleter-choices .autocompleter-queried{
	color: #308099 ;
}
#content .bloc .form input.text.autocompleter-loading{
	background:url(../images/ajax/spinner.gif) no-repeat 50%;
}


/* PLAN DU SITE 
-------------------------------------------------------------------------------------------------*/
#content .sitemap h2 {
    background:none repeat scroll 0 0 transparent;
    color:#363842;
    float:none;
    font-weight:bold;
    margin-bottom:0.7em;
    margin-top:0;
    padding:0;
}
#content .sitemap .col_sitemap {
	width:201px;
	margin:2em 0;
	padding:0 20px;
	float:left;
	border-left:1px solid #CCCCCC;
}
#content .sitemap .col_sitemap.first {
	padding-left:0;
	border-left:0;
}
#content .sitemap .col_sitemap h3{
	float:left;
	padding:0.1em 10px;
	margin:0 0 1em 0;
	font-size:1.5em;
	font-weight:normal;
	background:#E33729 ;
	color:#FFF;
}
#content .sitemap .col_sitemap h3 a{
	color:#FFF;
}
#content .sitemap .col_sitemap h4 {
    clear:both;
    background:url(../images/pictos/puce_moins_gris.png) no-repeat -1px  0.5em;
    padding-left:12px;
}
#content .sitemap .col_sitemap h4 a {
	border-bottom: dashed 1px;
}
#content .sitemap .col_sitemap h4 a:hover,
#content .sitemap .col_sitemap h4 a:focus {
	border-bottom: solid 1px;
	text-decoration:none;
}
#content .sitemap .col_sitemap ul{
	clear:both;
	margin-left:12px;
	margin-bottom:2em;
}
#content .sitemap .col_sitemap li{
	background:url(../images/pictos/puce_chevron_gris.png) no-repeat left 0.4em;
}
#content .sitemap .col_sitemap a {
	color:#363842;
	text-decoration:none;
}
#content .sitemap .col_sitemap a:hover,
#content .sitemap .col_sitemap a:focus{
    text-decoration:underline;
}
/* |||||||||||||||||||||||||||||||||| LISTES RE RESULTATS */
/* |||| LISTES RE RESULTATS => vues */
#content .resultats h1 {
	border-bottom:1px solid #CCC;
	padding-bottom:0.2em;
	margin-bottom:1em;
}
#content .resultats h2 {
	border-bottom:1px solid #CCC;
	padding:0 0 0.2em 0;
	margin:0 0 1em 0;
    color: #363842;
    font-weight: bold;
    background:none;
}
#content .resultats .vue{
	margin-top:2em;
}
#content .resultats .vue .illustration .visu cite{
	display:none;
}
#content .resultats .vue .illustration .visu:hover cite{
	display:block;
}
#page #content .resultats .cartouche{
	background:#E33729 ;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	padding:0.2em 0.5em;
	margin-right:0.5em;
	margin-bottom:0.7em;
	float:left;
	display:block;
}
#page #content .resultats .arret{
	float: right;
	color: #E33729;
	font-weight: bold;
	padding:0.2em 0.5em;
}
#page #content .resultats .view h3{
    margin-bottom:0.2em;
    clear:both;
    color:#E33729 
}
#page #content .resultats .view h3 a{
    color:#E33729 
}
#content .resultats .view .pertinence{
    float:right;
    font-size:0.9em;
    color:#888888;
}
#content .resultats .view .meta{
    margin-bottom:0.7em;
}
#content .resultats .view h4{
    display: inline;
    font-size: 0.9em;
    font-weight: inherit;
}
#content .resultats .view .tag{
    margin:0;
    font-size:0.9em;
    display: inline;
}
#content .resultats .view .tag li{ 
    padding:0;
    padding-left:8px;
    margin:0;
    background:none;
    display:inline;
    background:url(../images/pictos/puce_tiret_gris.png) no-repeat left 0.7em;
}
#content .resultats .view .tag li:first-child{ 
    padding-left:0;
    background:none;
}
#content .resultats .view .tag a{ 
    color:#888;
    text-decoration:none;
}
#content .resultats .view .tag a:hover, 
#content .resultats .view .tag a:focus{ 
    text-decoration:underline;
}
#page #content .resultats .lien_vue a{
	color:#E33729 ;
}
/* pour les contenus issus de local*/
#page #content .resultats .local .cartouche {
	background:#308099 ;
}
#page #content .resultats .local h3,
#page #content .resultats .local h3 a,
#page #content .resultats .local .lien_vue a{
	color:#308099 ;
}
/* |||| LISTES RE RESULTATS => publications issues du HAL */
#content #res_script .Rubrique{
	border-bottom:1px solid #CCC;
	padding-bottom:0.2em;
    font-weight:bold;
    color:#E33729 ;
    font-size:1.4em;
    margin:0 0 1.5em 0;
}
#content #res_script .SousRubrique {
    font-weight:bold;
    font-size:1.2em;
    margin:1.5em 0;
    background:url(../images/pictos/puce_triangle_noir_medium_bottom.png) no-repeat left 6px;
    padding-left:12px;
}
#content #res_script dl{
    clear:both;
    margin:0 0 2em 15px ;
    overflow:hidden;
}
#content #res_script dt{
    display:none;
}
#content #res_script dd{
    margin-left: 0;
}
#content #res_script .Vignette{
    float:left;
    margin-right:12px;
    margin-bottom:0.5em;
    margin-left: 0;
}
#content #res_script .Vignette img{
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #CCCCCC;
    padding:2px;
}
#content #res_script .Titre{
    font-weight:bold;
    color:#E33729 ;
    font-size:1.1em;
    margin:0 0 0.5em 0;
}
#content #res_script .Titre a{
    color:#E33729 ;
    text-decoration:none;
}
#content #res_script .Titre a:hover,
#content #res_script .Titre a:focus{
    text-decoration:underline;
}
#content #res_script .Auteurs{
    color:#888888;
    margin-bottom:0.7em;
}
#content #res_script .Detail{
    margin-bottom:0.5em;
}
#content #res_script .Fichier_joint a{
    text-decoration:none;
    padding:0 0.5em 0 0;
}
/* |||| LISTES RE RESULTATS => publications issues du HAL */
#content #res_script .Rubrique{
	border-bottom:1px solid #CCC;
	padding-bottom:0.2em;
    font-weight:bold;
    color:#E33729 ;
    font-size:1.4em;
    margin:0 0 1.5em 0;
}
#content #res_script .SousRubrique {
    font-weight:bold;
    font-size:1.2em;
    margin:1.5em 0;
    background:url(../images/pictos/puce_triangle_noir_medium_bottom.png) no-repeat left 6px;
    padding-left:12px;
}
#content #res_script dl{
    clear:both;
    margin:0 0 2em 15px ;
    overflow:hidden;
}
#content #res_script dt{
    display:none;
}
#content #res_script dd{
    margin-left: 0;
}
#content #res_script .Vignette{
    float:left;
    margin-right:12px;
    margin-bottom:0.5em;
    margin-left: 0;
}
#content #res_script .Vignette img{
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #CCCCCC;
    padding:2px;
}
#content #res_script .Titre{
    font-weight:bold;
    color:#E33729 ;
    font-size:1.1em;
    margin:0 0 0.5em 0;
}
#content #res_script .Titre a{
    color:#E33729 ;
    text-decoration:none;
}
#content #res_script .Titre a:hover,
#content #res_script .Titre a:focus{
    text-decoration:underline;
}
#content #res_script .Auteurs{
    color:#888888;
    margin-bottom:0.7em;
}
#content #res_script .Detail{
    margin-bottom:0.5em;
}
#content #res_script .Fichier_joint a{
    text-decoration:none;
    padding:0 0.5em 0 0;
}
a.no_line{
	text-decoration: none;
}
/* |||| LISTES RE RESULTATS => pagination */
#content .pagination {
color:#888888;
margin-bottom:0.5em;
text-align:right;
}
#content .pagination.bottom {
margin-bottom:2em;
margin-top:-1em;
}
#content .pagination li {
display:inline;
padding:0 0.1em;
}
#content .pagination .prev {
padding-right:0.5em;
}
#content .pagination .next {
padding-left:0.5em;
}
#content .pagination img {
vertical-align:middle;
}
#content .pagination a {
color:#888888;
text-decoration:none;
}
#content .pagination strong, #content .pagination a:hover, #content .pagination a:focus {
text-decoration:underline;
}
/* |||| LISTES RE RESULTATS => alphabet */
#content .alphabet{
    background:#f5f5f5;
    padding:15px;
    margin-bottom:1em;
}
#content .alphabet h2{
	border-bottom:1px solid #CCC;
	padding-bottom:0.2em;
	margin-bottom:1em;
	font-size:1.7em;
	margin:0 0 1em;
}
#content .alphabet ul{
    font-size:1.5em;
}
#content .alphabet li{
    display:inline;
    padding-right:0.2em;
}
#content .alphabet a{
    text-decoration:none;
    padding:0 2px 4px 2px;
}
#content .alphabet a.selected,
#content .alphabet a:hover,
#content .alphabet a:focus{
    background:#E33729 ;
    color:#fff;
}


/* ::::::::::::::::::::::::::::::::::::::::::::  EQIUIPES ARRETEES */

#page #content.disabled h2,
#content.disabled  .bloc h3,
#content.disabled  .bloc h4,
#content.disabled  .bloc h5,
#content.disabled  .bloc h6,
#content.disabled  .bloc a,
#content.disabled #res_script .Titre a {
    color: #7f7b7a;
}
.disabled #chapeau .onglets {
    border-bottom: 1px solid #7f7b7a;
}
.disabled #chapeau .onglets li a,
#content.disabled .article .cartouche {
    background: #7f7b7a;
}
.disabled #chapeau .onglets li a:hover,
.disabled #chapeau .onglets li a:focus {
    background: #999;
}
#content.disabled  .bloc ul li {
    background-image: url("../images/pictos/puce_triangle_noir_medium.png");
}
#content.disabled  #right .highlight {
    background: #E33729;
    color:#fff;
	font-weight: bold;
	font-size:1.2em;
}
#content.disabled  #right .highlight p {
	margin: 0;
	padding-left:30px;
	background:url(../images/pictos/picto_alert.png) no-repeat left center;
}
#content.disabled  #right .highlight_soft {
	background:#7f7b7a;
	color:#fff;
}
#content.disabled  #right .highlight_soft h2,
#content.disabled  #right .highlight_soft a {
	color:#fff;
}
#content.disabled  #right .highlight_soft li {
	background-image: url("../images/pictos/puce_triangle_blanc_medium.png");
}
#content .resultats .disabled {
	background-image:url(../images/pictos/puce_triangle_noir_medium.png);
}
#content .resultats .disabled a {
	color:#7f7b7a;
}




/* ::::::::::::::::::::::::::::::::::::::::::::  ACCUEIL */


/* |||| ACCUEIL => blocs */
#content.home { margin:0; }
#content.home .bloc{
    width: 25%;
    margin:0 !important;
    float:left;
    overflow:visible;
    margin-bottom:0;
    min-height:32em;
    color:#7f7b7b;
}
#content.home .bloc.pair{
    background:#fff;
}
#content.home .bloc h2{
    font-size:1.5em;
    margin-bottom:0.7em;
}
#page #content.home .libre h3{
    font-size:1.2em;
    margin-top:1em;
    color:#363842;
}
#content.home .libre h3 a {
    color:#363842;
}
#content.home .libre .intro .illustration {
    margin-bottom:0;
}
#content.home .bloc .illustration .visu cite {
    display:none;
}
#content.home .bloc .illustration .visu:hover cite {
    display:block;
}
#content.home .libre p{
    margin-bottom:0.2em;
}
#content.home .libre strong{
    color:#363842;
}
#content.home .libre ul{
	margin:0.5em 0;
} 
#content.home .libre ul li{
	background: url(../images/pictos/puce_triangle_nat.png) no-repeat left 0.4em;
	margin:0 0 0.5em 0;
} 
#content.home .libre ul li a{
	color:#7F7B7B;
	text-decoration:none;
} 
#content.home .libre ul li a:focus,
#content.home .libre ul li a:hover{
	text-decoration:underline;
} 
#content.home .libre .illustration{
    margin-bottom:0.5em;
}
#content.home .libre .illustration .legende{
    display:none;
}
#content.home  .list_picto{
    margin-top:1em;
}
#content.home .list_picto a{
    color:#363842;
}
#content.home .lien_bloc {
    right:15px;
	margin-top: 22px;
}
#content.home .lien_bloc a{
    color:#E33729 ;
    text-decoration:underline;
}
/* remontées automatiques */
#content.home .list_picto {
    border:1px solid #dcd7cd;
    border-bottom:0;
}
#page #content.home .bloc .list_picto li.vue {
    min-height:35px;
    margin:0;
    padding:5px 27px 5px 5px;
    border-bottom:1px solid #dcd7cd;
    background:url(../images/pictos/picto_list_contenu.png) no-repeat 190px center;
    font-size:0.9em;
}
#page.centre #content.home .bloc .list_picto li.vue { background:url(../images/pictos/picto_list_contenu_centre.png) no-repeat 190px center; }
#content .bloc .list_picto .illustration { margin: 0 5px 0 0; }

/* liste sans vignette */
#page #content.home .list_sans_vignette li {
    margin:0 0 0.7em 0;
    padding:0;
    background:none;
    font-weight:bold;
}
#page #content.home .list_sans_vignette a {
    color:#363842;
}
#page #content.home .list_sans_vignette a:hover,
#page #content.home .list_sans_vignette a:focus {
    color:#E33729;
}
#page.centre #content.home .list_sans_vignette a:hover,
#page.centre #content.home .list_sans_vignette a:focus {
    color:#308099;
}
#page #content.home .list_sans_vignette a .meta {
    display:block;
    font-weight:normal;
}


/* ::::::::::::::::::::::::::::::::::::::::::::  FOOTER */
.footer{
	clear:both;
    background:#363842;
	color:#888;
	font-size:0.9em;
	
}
.footer a{ color:#888; text-decoration:none; }
.footer a:hover, .footer a:focus{ text-decoration:underline; }
.footer h2{
	font-size:1.45em;
	color:#fff;
	min-height:2.5em;
	margin-bottom:0.5em;
	font-weight:normal;
}

/* :::::::  FOOTER => accès rapides */
.footer .shortcuts{
	overflow:hidden;
	padding:2em 0;
}
.footer .col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 25%;
	padding: 0 15px;
	float: left;
	border-left: 1px solid #888;
	min-height: 18em;
}
.footer .col:first-child{
	border-left:0;
}
.footer .shortcuts ul li{
	background: url(../images/pictos/puce_triangle_gris.png) no-repeat left 0.4em;
	padding-left:10px;
	margin:1px 0;
	letter-spacing:1px;
} 
.footer .shortcuts .inline{
	margin-top:1em;
} 
.footer .shortcuts .inline li{
	background:none;
	padding:0;
	padding:0.5em;
	float: left;
} 
.footer .shortcuts .logo{
}
.footer .shortcuts .social{
	margin-left: 33px;
}
.footer .shortcuts .social ul.inline li{
	float: none;
	display: inline;
	padding: 0 1px;
}
/* :::::::  FOOTER => satellites */
	
.footer.satellites{
	background:#282a32 url(../images/bkgd/bkgd_footer.png) repeat-x  center -70px;
	padding-top:1px;
}
.footer.satellites .overflow{
	clear:both;
	background:url(../images/bkgd/bkgd_footer_satellites.png) no-repeat  top;
	padding:2.5em 1em;
	text-align:center;
    letter-spacing:1px;
}
.footer.satellites li{
	display:inline;
	padding: 0 1em;
	border-left:1px solid #888;
}
.footer.satellites li:first-child{
	border-left:0;
}
.footer .shortcuts .col.tagcloud h2{
	margin-bottom: 2px;
}
.footer .shortcuts .col.tagcloud .tags{
	margin: 0;
	font-size: 9px;
	text-align: justify;
}
.footer .shortcuts .col.tagcloud .tags a{
	padding: 0 2px 0 0;
	float: none;
	cursor: pointer;
}
.footer .shortcuts .col.tagcloud a:hover{
	color: #363842;
	background-color: #888;
	text-decoration: none;
}
/* ::::::::::::::::::::::::::::::::::::::::::::  CENTRES */
/* :::::::  CENTRES => mise a jour des couleurs */
/* couleurs des textes */
#page.centre #content  .highlight,
.centre #content  .bloc .lien_bloc a:hover,
.centre #content  .bloc .lien_bloc a:focus,
.centre #content .onglets li a:hover,
.centre #content .onglets li a:focus,
.centre #content  .bloc h3,
#page.centre #content  .secondaire h2,
#page.centre #content  .secondaire h2 a,
.centre #content.bloc .list_tag,
.centre #content  .bloc a,
.centre #content  .bloc .list_picto a:hover,
.centre #content  .bloc .list_picto a:focus,
.centre #content  .formulaire .info,
.centre #content .home .lien_bloc a,
.centre #content .top a,
.centre #content .bloc.menu li a:hover,
.centre #content .bloc.menu li a:focus {
    color:#308099 ;
}
.centre #content .onglets li a:hover,
.centre #content .onglets li a:focus {
    color:#fff ;
}
/* couleurs des textes initiaux qui ne doivent pas changer */
.centre #content .bloc .list_picto a {
    color:#363842;
}
/* couleurs des fonds */
.centre #header .fil,
.centre #content  .cartouche,
.centre #chapeau .cartouche,
.centre #chapeau .onglets li a:focus,
.centre #chapeau .onglets li a,
.centre #content  .retour,
.centre #content  .bloc h2,
.centre #content  .bloc table caption,
.centre #content  .bloc table th,
.centre #content  .formulaire .submit input,
.centre #content  .formulaire .submit a,
.centre #content  .resultats .cartouche,
.centre #content  .alphabet a.selected,
.centre #content  .alphabet a:hover,
.centre #content  .alphabet a:focus {
	background-color:#308099 ;
}
.centre #content  .bloc .highlight_content,
.centre #chapeau .onglets li a:hover{
	background-color:#869FAE;
}
/* couleurs des bordures */
.centre #content  .bloc.chapitre h3,
.centre #chapeau .onglets,
.centre #content .formulaire .submit input,
.centre #content .formulaire .submit a,
.centre #content .bloc.menu li a:hover,
.centre #content .bloc.menu li a:focus {
	border-color:#308099 ;
}
/* couleurs des images */
.centre #content .formulaire .submit input,
.centre #content .formulaire .submit a{
    background-image: url(../images/bkgd/bkgd_btn_centre.png);
}
.centre #content .bloc blockquote .open{
	background: url(../images/pictos/picto_quote_open_centre.png) no-repeat;
}
.centre #content .bloc blockquote .close{
	background: url(../images/pictos/picto_quote_close_centre.png) no-repeat;
}
.centre #content .top a {
    background-image:url("../images/pictos/picto_top_centre.png");
}
.centre #content .bloc .sommaire li {
    background-image:url("../images/pictos/puce_plus_centre.png");
}
.centre #content .bloc blockquote .open img,
.centre #content .bloc blockquote .close img{
	opacity:0;
}
.centre #content .epi  .titre_theme{
	background-image: url(../images/pictos/picto_deplie_n2_centre.png);
	color: #308099 ;
}
.centre #content .epi .titre_theme.moins{
	background-image:url(../images/pictos/picto_replie_n2_centre.png) ;
}
.centre #content .epi .section li{
    background-image:url(../images/pictos/puce_carre_centre.png) ;
}
.centre #content .bloc.chapitre h3:after { content: url('../images/pictos/picto_deplie_centre.png'); }
.centre #content .bloc.chapitre h3.moins:after { content: url('../images/pictos/picto_replie_centre.png') ; }

.centre #content.home .libre ul li{ background-image: url('../images/pictos/puce_triangle_centre.png'); } 
.centre #content .bloc ul li { background-image: url('../images/pictos/puce_triangle_centre_medium.png'); }

.centre #content .epi .titre_domaine:after, .centre #content .toggler_off:after { content: url('../images/pictos/picto_deplie_centre.png');}
.centre #content .epi .titre_domaine.moins:after, .centre #content .toggler_on:after { content: url('../images/pictos/picto_replie_centre.png') ; }

.centre #content .epi .titre_domaine, .centre #content .toggler_off { border-color: #308099; }
.centre #content .epi .titre_domaine.moins, .centre #content .toggler_on { border-color: #308099; }


/* :::::::  CENTRES => sommaire en page d'accueil */
.sommaire_centre{
	position:relative;
	overflow:hidden;
	min-height:360px;
}
.sommaire_centre .visuel{
	position:absolute;
	left:0;
	top:0;
}
/* titre */
.sommaire_centre .titre_centre{
	float:left;
	position:relative;
	z-index:50;
	width:450px;
	padding:30px;
	background:none;
}
.sommaire_centre .titre_centre h1{
	font-size:1.3em;
	overflow:hidden;
}
.sommaire_centre .titre_centre h1 span{
	display:block;
	background:rgba(255, 255, 255, 0.5);
	padding:5px 10px;
	margin-bottom:5px;
	float:left;
}
.sommaire_centre .titre_centre h1 strong{
    display:block;
	float:left;
	clear:both;
	min-width:255px;
    padding:10px 15px;
	margin-bottom:5px;
    font-size:3em;
	background:rgba(255, 255, 255, 0.95);
	color:#308099 ;
}
.sommaire_centre .titre_centre h1 strong img{
    display:block;
    float:right;
}
/* navigation */
.sommaire_centre .navigation{
    font-size:1.5em;
	background:#308099 ;
	color:#fff;
	clear:both;
	float:left;
	overflow:hidden;
}
.sommaire_centre .navigation li{
    display:inline;
}
.sommaire_centre .navigation a{
	color:#fff;
	text-decoration:none;
	padding:2px 10px;
	border-left:1px solid #fff;
}
.sommaire_centre .navigation li:first-child a{
	border-left:0;
}
.sommaire_centre .navigation a.selected,
.sommaire_centre .navigation a:hover,
.sommaire_centre .navigation a:focus{
	background:#fff;
	color:#308099 ;
}

/* :::::::  ENTETE => blocs */
#header .sommaire_centre .bloc{ float:left; position:relative; z-index:50; background:#fff; margin-right:30px; margin-top:30px; padding:5px; border: 0; }
#header .sommaire_centre .bloc h2 { color: #FFFFFF; font-size:1.5em; font-weight:normal; margin:0 0 0.5em 0.2em; float:left; padding: 1px 10px; background-color: #308099; }
#header .sommaire_centre .bloc .vue{ background: url("../images/pictos/puce_plus_centre.png") no-repeat left 0.4em; padding-left:10px; margin:0.5em 10px 0.5em 5px; clear:both; }
#header .sommaire_centre .bloc .vue .intro{ border-bottom:1px solid #CCC; padding-bottom:0.5em; }
#header .sommaire_centre .bloc .vue a{ color: #308099 }
#header .sommaire_centre .bloc .vue .meta{ font-size:1.1em; font-weight:bold; }
#header .sommaire_centre .bloc .vue h3{ font-size:1em; font-weight:normal; }
#header .sommaire_centre .bloc .vue h3 a{ text-decoration:none; color:#363842; }
#header .sommaire_centre .bloc .vue h3 a:hover, #header .bloc .vue h3 a:focus { color:#308099 ; }
#header .sommaire_centre .bloc .lien_bloc { font-size:0.9em; margin:5px 0.5em; padding-left:7px; background:url(../images/pictos/puce_chevron_centre.png) no-repeat left center; }
#header .sommaire_centre .bloc .lien_bloc  a{ color: #308099 }
#header .sommaire_centre .bloc.actus { width:210px; height: auto; }
#header .sommaire_centre .bloc.agenda { width:180px; }

/* :::::::  ENTETE => titre */
.centre #header .titre .rub {
    position:relative;
    width: auto;
    padding:0.7em 0 1.72em 30px ;
    background: none;
}
.centre #header .titre .rub img{
    position:static;
    display:block;
    background-color:rgba(255, 255, 255, 0.95);
    padding:0.3em 1em;
}
/* navigation */
.centre #header .titre .navigation{
    font-size:1.2em;
    font-weight:bold;
	background:#308099 ;
	color:#fff;
	clear:both;
	float:left;
	overflow:hidden;
	position:relative;
    margin:0 30px;
}
.centre #header .titre .navigation li{
    display:inline;
}
.centre #header .titre .navigation a{
	border-left:1px solid #FFFFFF;
    color:#FFFFFF;
    line-height:1.5em;
    padding:3px 5px;
    text-decoration:none;
}
.centre #header .titre .navigation li:first-child a{
	border-left:0;
}
.centre #header .titre .navigation a.selected,
.centre #header .titre .navigation a:hover,
.centre #header .titre .navigation a:focus{
	background:#fff;
	color:#308099 ;
}
/********* GOOGLE MAP *************/
.popup {
	width:300px;
}
#content .bloc #gmap_accordion{
	margin-bottom: 0.5em;
}
#content .bloc #gmap_accordion h3{
	margin-bottom: 0;
}
/******* formulaire ********/
.ajax-loading {
	padding: 20px 0;
	background: url(http://demos111.mootools.net/demos/Group/spinner.gif) no-repeat center;
}

/*** error  ***/
#content .error .bloc .vue img{
	float:left;
	margin:0 15px 0 0px;
}


/*	liste équipes du même thème. */
#page #content .secondaire.list_equipe{
	margin-top: 2em; 
	padding: 0;
}
#page #content .secondaire.list_equipe h2{
	background-image: none;
	background-color: #E33729 ;
	color: #fff;
	padding: 3px 15px;
	border: none;
	font-size: 1.4em;
	font-weight: bold;
}
#page #content .secondaire.list_equipe ul, 
#page #content .secondaire.list_equipe ol{
	margin-left: 1.5em;
}
#page #content .secondaire.list_equipe li{
	background: url("../images/pictos/puce_triangle_nat_medium.png") no-repeat scroll left 0.4em transparent;
}
.amiando {
    padding: 10px;
    width: 100%;
    height: 860px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.amiando p { width: 100%; height: 100%; }
.amiando iframe { width: 100%; height: 100%; }

#content .integration a{
	padding:2px 10px;
	color:white;
	border-radius: 3px;
	background-color: #363842;
	text-decoration: none;
	font-weight: bold;
}
.integration textarea{
	width: 100%;
	clear:both;
	min-height: 50px;
	margin-top: 3px;
}
#content .integration{
	margin: 3px 0;
	text-align: right;
}

#content .bloc ul.bloc_rss.viewtype_0,
#content .bloc ul.bloc_rss.viewtype_1 {
	margin:0.5em 0 0.5em 0;
}
#content .bloc .bloc_rss li a{
	text-decoration: none;
}
#content .bloc .bloc_rss li a:hover{
	text-decoration: underline;
}
/* Bloc libre twitter */
#content .twitter_image,
#content .twitter_profil_image{
	float: left;
	margin-right: 5px;
}
#content .twitter_image img{
	width: 30px;
	border: solid 1px #DDD;
}
#content .bloc_twitter h3{
	margin-top: 5px;
}
#content .bloc ul.bloc_twitter{
	margin: 0;
}
#content .bloc ul.bloc_twitter li{
	background: none;
	padding: 0;
}
#content .bloc.home ul.bloc_twitter li p{
	width: 170px;
}
#content .bloc ul.bloc_twitter li p{
	float: left;
	width: 245px;
}

#content .bloc a:hover h3, #content .bloc a:hover[style] h3{
    color: #E33729 !important;
    text-decoration: underline;
}
 
.centre #content .bloc a:hover h3, .centre #content .bloc a:hover[style] h3 {
    color: #308099 !important;
    text-decoration: underline;
}
 
#content .bloc a h3, #content .bloc a[style] h3{
    color: black !important;
}

#content .bloc .link_block a{
    text-decoration: none;
}

.title-link-white {
    color: #ffffff !important;
}