/* ===========================
	Initialisation des styles par defaut
=========================== */

/* http://meyerweb.com/eric/tools/css/reset/ #reseaux-sociaux
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ======================================
	Fin initialisation des styles par defaut
======================================== */


/* =============================================================================================
	STRUCTURE DU SITE
================================================================================================ */

html {
background: #fff;
background-image: url(structures/img/fond-hachure.png);
background-attachment: fixed;
}

#page {
background: #fff;
position: relative;
max-width: 1180px;
margin: 0 auto 0 auto;
}

/* ------------------------------------------------ 
              EN TETE
 ----------------------------------------------------*/
#en-tete {
width: 100%;
position: relative;
padding-top: 20px;
margin-bottom: 20px;
}

#utilisateur-connecte {
font-size: 93.75% /* 12px */;
float: right;
width: auto;
margin: 0 10px 0 20px;
color: #000;
}

/* Liens d'évitements */
#acces_direct {
float: left;
padding: 0 0 0 220px;
margin: 0;
text-transform: uppercase;
}

/* Moteur de recherche interne */
#moteur-recherche {
float: right;
margin-bottom: 10px;
padding-right: 40px;
}

#moteur-recherche label {
position: relative;
top: -100px;
}

#moteur-recherche input {
vertical-align: top;
}

#moteur-recherche input.champ-saisie {
font-family: ubuntu;
border: 1px solid #ccc;
color: #808080;
padding: 2px;
margin: 0 3px 5px 0;
width: 175px;
}


#moteur-recherche input.ok {
margin-right: 10px;
}


/* gestion du multilingues */
#multilingues {
float: left;
margin: 0 0 0 30px;
}

/* Bandeau  identitaire */
#bandeau-site-institutionnel {
height: 160px;
clear: both;
margin: auto;
position: relative;
background-color: #000;
background-repeat: no-repeat;
background-position: 220px 0;
font-size: 140% /* 14px */;
}

#bandeau-site-institutionnel h1 {
float: left;
color: white;
font-size: 110%;
font-weight: lighter;
letter-spacing: 0.1em;
text-transform: uppercase;
margin: 125px 0 0 1.27118644%;
margin: 130px 0 0 14px;
}

#logotype {
width: 220px;
float: left;
height: 160px;
background-color: #fff;
}


/* Menu principal */
#menu {
background: #68717A;
margin: 0;
padding: 3px 0;
width: 100%;
font-weight: normal;
line-height: 300%;
border-top: 1px solid white;
background: #68717A;
height: 34px;
}



/* Supprime les styles appliqués par défaut aux listes. S'applique également à la sous-liste */
.menu-principal {
    list-style: none none;
    margin: 0;
    padding: 0;
    line-height: 1;
	z-index: 100;
}

.menu-principal li.nav-item {
padding-bottom: 0;
margin-left: 0;
margin-top: -3px;
border-right: 1px solid #fff;
height: 40px;
}

.menu-principal li.nav-item:hover {
background: #000;
color: #fff;
}

.menu-principal a {
display: inline-block;
padding: 1em 8px 0.8em 8px;
color: #fff;
text-decoration: none;
}

.menu-principal a:link {
color: #fff;
}

.menu-principal a:focus {
color: #fff;
background: #000;
}


.menu-principal a:hover {
color: #fff;
background: #000;
}

.menu-principal a:visited {
color: #fff;
}

.menu-principal li.nav-item em {
display: block;
height: 40px;
background: #000;
}

.menu-principal li.nav-item em a {
background: black;
}

.menu-principal li.nav-item:first-child > a {
padding-left: 3px;
}

.nav-item {
float: left; /* Pour que les liens s’affichent horizontalement */
position: relative; /* Crée un contexte de positionnement pour les sous-listes */
background: #68717A;
color: #fff;
margin-left: 3px;
}



#menu ul.sub-nav {
margin-left: 0;
}

.sub-nav {
position: absolute; /* Evite que la dimension du conteneur ne change quand la sous-liste est affichée */
white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
left: 0; /* FIX IE7 : pour que le sous-menu s’aligne avec son conteneur */
top: 3.3em; /* FIX IE7 : pour que le sous-menu s’aligne avec son conteneur */
margin-top: -2px; /* Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l’un à l’autre */
min-width: 150px;
background-color: #68717a;
}

.sub-nav-item {
display: block;
transition: all .5s;
}

/* Réduit cette boîte à un carré d’1px de côté, dont le texte est déporté loin à gauche */
.sub-nav-item a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 100%;
    height: 1px;
    overflow: hidden;
	clear: both;
	display: block;
	border-bottom: 1px solid #fff;
	font-size: 95%;
	padding: 15px;
}

.sub-nav-item a:hover {
background: #000;
}

.sub-nav-item:last-child a {
border: 0;
}

.sub-nav-item a:focus,
.nav-item a:focus +.sub-nav a,
.nav-item:hover .sub-nav-item a {
    position: static;
    left: auto;
    width: auto;
    height: auto;
    overflow: visible;
}

/* fil d'Ariane */
#fil_ariane {
background: #d2d2d2;
border-top: 1px solid #fff;
clear: both;
padding: 2px 4px;
margin: 0 0 10px 0;
}

/* --------------------------------------- 
        FIN EN TETE 
----------------------------------------------------*/

#navigation {
width: 18.64406779661017% /* 220px */;
padding: 0;
float: left;
margin-top: 4px;
}

/* --------------------------------------- 
        CONTENU DE LA PAGE
----------------------------------------------------*/
.contenu {
font-size:  160% /* 16px*/;
line-height: 180%;
}

/* ZONES */

#deco-contenu {
width: 74.57627118644068% /* 880px */;
margin-left: 3.389830508474576% /* 40px */;
margin-right: 3.389830508474576% /* 40px */;
background: transparent;
float: left;
margin-top: 20px;
margin-bottom: 40px;
}

#contenu_sans_encadres {
width: 74.57627118644068% /* 880px */;
margin-left: 3.389830508474576% /* 40px */;
margin-right: 3.389830508474576% /* 40px */;
float: left;
margin-top: 20px;
margin-bottom: 20px;
}

#contenu_avec_encadres {
width: 72.61363636363636% /* 639px */;
float: left;
}

#encadres {
width: 20.22727272727273% /* 178px */;
padding: 1.136363636363636% /* 10px */;
margin-left: 4.545454545454545% /* 40px */;
float: right;
border: 1px solid #494949;
word-wrap: break-word;
}

/* Page d'accueil avec encadrés */

.accueil #contenu_avec_encadres {
width: 78.18181818181818% /* 860px */;
float: left;
}

.accueil #encadres {
width: 16.18181818181818% /* 178px */;
padding: 0.909090909090901% /*10px */;
margin-left: 3.636363636363636% /* 40px */;
}


/* Fin page d'accueil avec encadrés */


/* FIN ZONES */



/* --------------------------------------- 
        FIN CONTENU DE LA PAGE
----------------------------------------------------*/

/* --------------------------------------- 
        PIED DE PAGE
----------------------------------------------------*/
#pied_page {
clear: both;
background: #68717A;
color: #fff;
}

#pied_page ul {
display: table;
min-height: 100px;
padding-top: 10px;
}

#pied_page #reseaux-sociaux li  a {
border: 0;
text-decoration: none;
}

#pied_page li.facebook,
#pied_page li.instagram,
#pied_page li.twitter,
#pied_page li.linkedin,
#pied_page li.vimeo,
#pied_page li.youtube {
list-style-type: none;
margin-right: 15px;
display: inline;
}

#pied_page li.facebook a:hover,
#pied_page li.instagram a:hover,
#pied_page li.twitter a:hover,
#pied_page li.linkedin a:hover,
#pied_page li.vimeo a:hover,
#pied_page li.youtube a:hover{
 opacity: 0.8;
}




/* --------------------------------------- 
        FIN PIED DE PAGE
----------------------------------------------------*/


/* --------------------------------------------------------
                      SAISIE FRONT-OFFICE
-----------------------------------------------------------*/

.encadre-generique {
max-width: 1180px;
margin: auto;
background: #000;
color: #fff;
padding: 10px 0;
font-size: 120%;
}

.encadre-generique h3 {
color: #fff;
margin: 10px;
font-weight: normal;
}


.encadre-generique h4 {
color: #fff;
margin-left: 10px;
}

#front-ajouts-fiches {
margin-left: 10px;
}

.front-modification {
float: right;
}

#front-ajouts-fiches  a {
display: inline-block;
background: #666;
font-size: 110%;
color: #fff;
border-radius: 2px;
padding: 4px;
margin: 10px 10px 0 0;
text-decoration: none;
} 

#front-ajouts-fiches  a:hover {
background: #474747;
transition-property: background-color; 
transition-duration: 1s;
}


/*--------------  FIN SAISIE FRONT-OFFICE */


/* =========================================================================================
	FIN STRUCTURE DU SITE
========================================================================================== */




/* =========================================================================================
	TYPOGRAPHIE
========================================================================================== */


body {
font-family: ubuntu,"Trebuchet MS",verdana,helvetica,arial,sans-serif;
font-weight: 300;
color: #4d5863;
text-align: left;
line-height: 200%;
font-size: 62.5% /* 10px par defaut navigateur 16px*/;
}

/*-----------------------------------------------------------------------------
 ==  TAILLES FIXES
------------------------------------------------------------------------------- */

#acces_direct {
color: #808080;
font-size: 96% /* 9,6px*/;
}

#acces_direct a {
color: #808080;
}

#multilingues,
#utilisateur-connecte,
#pied_page {
font-size: 120% /*12px*/;
}

#moteur-recherche  input {
font-size: 96% /* 9,6px*/;
}

#fil_ariane {
font-size: 112% /*11,2px*/;
padding-left: 11px;
}

/* Fin taille fixe */

/*---------------------------------------------------------------------------------
 ==TAILLES VARIABLES 
 -----------------------------------------------------------------------------------*/

#menu {
font-size: 120% /*12px*/;
}

#navigation,
#encadres {
font-size: 120% /*12px*/;
font-weight: normal;
}


h2 {
color: #627782;
font-size: 175% /*28px : 28px/16px */;
font-weight: 500;
margin-bottom: 10px;
}

h3 {
color: #000;
font-size: 125% /*20px*/;
font-weight: 500;
}

#encadres h3 {
font-size: 100% /*12px*/;
}

h4 {
color: #000;
font-size: 125% /*20px*/;
font-weight: normal;
}
/* fin taille fixe */

/*---------------------------------------------------------------------------------
 == ESPACEMENTS 
 -----------------------------------------------------------------------------------*/
.style, .style2, .style3, p {
margin-bottom: 20px;
}

p.thematique {
margin-bottom: 10px;
}

.sansstyle li,
.style1 li,
.style2 li,
.style3 li {
margin-bottom: 10px;
}

h2 + h3,
h2 + p,
h3 + p,
h4 + p,
h2 + ul,
h3 + ul,
h4 + ul,
h2 + ol,
h3 + ol,
h4 + ol,
h3 + table,
h3 + iframe  {
margin-top: 10px;
}



ul , ol {
margin: 20px 0 20px 20px;
}

ul ol, ul ul, ol ol, ol ul {
margin: 0 0 0 20px;
}

/* Fin espacement */

strong {
font-weight: bold;
}

em {
font-style: italic;
}

#menu em,
#navigation em,
#fil_ariane em,
.liste-objets em {
font-style: normal;
}

/* fourre-tout */
u {
text-decoration: none;
}

sub {
font-size: 78.07%; /* 10px */
position: relative;
top: 1px;
}


/* br */
.clear, 
.separateur {
clear: both;
height: 1px;
margin: 0;
padding: 0;
}

/* hr */
.separateur_sections_page {
display: none;
}

.separateur-menu {
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}


/* fin fourre-tout */
/* =======================================================================================================================================
	                                                                                   == LIENS
=======================================================================================================================================*/	

/* communs  LVHFA */
a:link {
color: #000;
}

a:visited {
color: #494949;
}

a:hover,
a:focus,
a:active {
background: #e5e1e1;
color: #000;
text-decoration: none;
}


a:focus input {
border: 1px dotted #494949;
}

a:focus img {
border-bottom: 1px dotted #494949;
}

#logotype a:hover {
opacity: 0.6;
background: transparent;
}

#logotype a:focus {
opacity: 0.3;
}

.lien_externe,
.lien_externe:hover {
/*
background: transparent url(img/lien-externe.png) no-repeat 100% 0;
padding-right: 12px;
*/}

.lien-partenaires {
display: block;
font-size: 70%;
max-width: 400px;
margin: 10px 0;
font-weight: bold;
}

.lire-la-suite {
display: block;
}



/* lien déconnexion */

#utilisateur-connecte a {
/*
color: #fff;
*/}

/* Liens d'évitements  */
#acces_direct a {
text-decoration: none;
}

#acces_direct a:focus {
background-color: #fff;
color: #666;
}

#acces_direct a:hover {
text-decoration: underline;
background-color: #fff;
color: #666;
}


#acces_direct a:visited,
#fil_ariane a:visited {
color: #494949;
}

/* liens multilingues */
#multilingues a {
color: #787a7e;
text-decoration: none;
text-transform: uppercase;
padding: 0 3px 0 4px;
background: url(img/separation-liste.png) no-repeat 100% 80%;
}

#multilingues a:hover {
text-decoration: underline;
}

html:lang(fr_FR) #multilingues .version-fr a,
html:lang(en) #multilingues .focus a,
html:lang(de) #multilingues .focus a,
html:lang(es) #multilingues .focus a {
color: #000;
text-decoration: underline;
}


#multilingues li.version-fr a {
background: none;
}

/* fil d'ariane */
#fil_ariane a,
#fil_ariane a:visited {
color: #494949;
text-decoration: none;
}

#fil_ariane a:hover,
#fil_ariane a:focus,
#fil_ariane a:active {
background: transparent;
text-decoration: underline;
}

#fil_ariane a em {
font-weight: 500;
}


/* Menu secondaire */

#navigation a {
border-bottom: 1px solid #666666;
color: #666;
display: block;
line-height: 150%;
padding: 0.9em 0 0.9em 10px;
}


#navigation a:hover {
background: #000;
color: #fff;
}


#navigation ul ul {
margin-left: 0;
}

#navigation ul ul a {
border: 0;
padding-left: 10px;
}

#navigation ul ul li {
margin-left: 10px;
position: relative;
top: 1px;
border-bottom: 1px dotted;
}

#navigation em {
display: block;
background: #000;
}

#navigation em a,
#navigation em a:visited{
color: #fff;
border: 0;
}

#navigation em a:hover {
background: #666;
color: #fff;
}

#navigation em a:focus {
color: #666;
}

#navigation em.rub3selectionnee {
background-color: #fff;
border-bottom: 1px dotted #666;
}

#navigation em.rub3selectionnee a:visited {
color: #666;
}

#navigation em.rub3selectionnee a:hover {
color: #fff;
}


#navigation li ul em a {
color: #666;
}

#navigation li  a {
text-decoration: none;
}

#menu a.nav-open,
#menu a.nav-close {
position: absolute;
top: -999px;
left: -9999px;
}


/* fiche formation */
.onglets a {
padding: 2px 4px;
border: 1px solid #000;
border-radius: 4px 4px 0 0;
transition-property: background-color; 
border-bottom: 0;
text-decoration: none;
display: block;
}

.onglets a:hover {
background: #000;
color: #fff;
}

.onfirst a,
.onlast a,
.on a {
background: #000;
color: #fff;
}




/* Fin menu secondaire */

/* Pied de page */
#pied_page li  a {
color: #fff;
}

#pied_page a:hover,
#pied_page a:focus,
#pied_page a:active {
background: transparent;
text-decoration: underline;
}

#pied_page li  a {
border: 0;
}

/* Fin Pied de page */

/* résultats de recherche */
.contenu .boutons-recherche a {
border: 1px solid #666;
background: #666;
color: #fff;
text-decoration: none;
padding: 4px 4px 0 4px;
margin-right: 10px;
}

#resultats-page a {
border: 1px solid #666;
text-decoration: none;
padding: 4px 4px 0 4px;
margin-right: 10px;
}

.contenu .boutons-recherche a:hover {
background: #fff;
color: #666;
}

#resultats-page a {
padding: 2px;
margin: 0 5px;
}

#resultats-page a:hover {
background: #666;
color: #fff;
}

.premier:before {
content: "< ";
}

.precedent:before {
content: "<< ";
}

.suivant:after {
content: " >";
}

.dernier:after {
content: " >>";
}

#telecharger a:hover {
color: #000;
}

/* Télécharger la page au format pdf */
#fiche-pdf a {
background: url("img/icone_pdf.png") no-repeat 100% 30%;
color: #db001c;
padding: 5px 20px 5px 0;
text-decoration: none;
}

#fiche-pdf a:hover {
text-decoration: underline;
}

/* téléchargements de fichiers */
.pdf, .doc, .xls, .ppt, .defaut {
padding: 0 20px 0 0;
background: transparent no-repeat 100% 50%;
}

.pdf:hover, .doc:hover, .xls:hover, .ppt:hover, .defaut:hover {
background: transparent no-repeat 100% 50%;
}

.defaut, .defaut:hover {background-image: url(img/pictos/defaut.png);}
a.defaut[href$=".docx"] {background-image: url(img/pictos/msword.png);}
a.defaut[href$=".pptx"] {background-image: url(img/pictos/mspowerpoint.png);}
.pdf, .pdf:hover {background-image: url(img/pictos/pdf.png);}
.doc, .doc:hover {background-image: url(img/pictos/msword.png);}
.xls, .xls:hover {background-image: url(img/pictos/msexcel.png);}
.ppt, .ppt:hover {background-image: url(img/pictos/mspowerpoint.png);}

/* export de la fiche formation */
.export_pdf {
background: url(img/icone-pdf.png) no-repeat 0 0;
padding: 0 0 8px 20px;
}

.export_pdf:hover {
background: transparent url(img/icone-pdf.png) no-repeat 0 0;
}

/* résultat de recherche */
.export-liste-pdf,
.impression_pdf {
float: right;
}

#generer_catalogue a {
background: url("img/icone-catalogue-pdf.png") no-repeat 100% 0;
padding: 5px 30px 5px 0;
}

/* Saisie en Front-Office */

a.tab-images-lien {
    text-decoration: none;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
                         CONTENU
--------------------------------------------------------------------------------------------------------------------------------------------------*/
h2, h3, p, ul, ol , table, tr, th, td{}

/*-----------------------------------------------
images
------------------------------------------------ */

#encadres img {
max-width: 96%;
}

/* date formulaire */
#recherche_avancee img {
vertical-align: bottom;
margin-right: 10px;
}

/* listes objets */
.liste-objets img {
clear: left;
float: left;
margin: 0 10px 0 0;
}

.fluxrss img {
max-width: 150px;
max-height: 100px;
float: none;
}

/*-----------------------------------------------
listes 
------------------------------------------------ */
li {
list-style-position: inside;
}

/* accès contenu et menu */
#acces_direct li {
display: inline;
}

/* gestion multilingues */
#multilingues ul {
margin: 0;
}

#multilingues li {
display: inline;
}


/* Menu principal */
#menu ul {
margin: 0 0 0 7px;
}

#menu li {
display: inline;
 white-space: nowrap;
}

#menu li:last-child {
border-right: 0;
}

/* Menu secondaire */
#navigation ul.menu_secondaire  {
margin-top: 0;
}

#navigation li {
list-style-position: outside;
list-style-type: none;
margin-left: -20px;
}


/* Pied de page */

#pied_page {
text-align: center;
padding: 20px 40px;
}

#pied_page ul {
display: inline-block;
padding-left: 10px;
margin: 0 20px;
border-left: 1px solid white;
vertical-align: top;
}

#pied_page li {
list-style-type: none;
list-style-position: outside;
text-align: left;
margin-right: 10px;
}

#pied_page ul#acces-portails-unicaen {
border-left: 0 none;

}

#portails-unicaen span, #reseaux-sociaux span, #acces-portails-unicaen span {
border-bottom: 1px solid #fff;
display: block;
margin-bottom: 5px;
padding-bottom: 5px;
text-align: left;
}

#portails-unicaen li, #acces-portails-unicaen li {
list-style-position: inside;
list-style-type: square;
margin: 0;
}

#mentions-legales {
padding-left: 40px;
}

#mentions-legales ul {
margin: 10px 0;
vertical-align: middle;
}

#mentions-legales li {
display: inline;
list-style-type: none;
font-size: 110%;
}

#mentions-legales a {
text-decoration: none;
padding: 0 10px;
border-right: 1px solid #000;
}

#mentions-legales li:first-child a {
padding-left: 0;
}

#mentions-legales li:last-child a {
border: 0;
}

#mentions-legales a:hover {
background: transparent;
text-decoration: underline;
}

#adresse-postale {
background: #000;
color: #fff;
font-size: 110%;
padding: 15px 40px 19px 40px;
}

#adresse-portails-unicaen {
display: inline-block;
width: 552px;
}

#contact-portails-unicaen {
display: inline-block;
vertical-align: top;
border-left: 1px solid #fff;
width: 438px;
}

#contact-portails-unicaen ul {
margin-top: 0;
margin-left: 15px;
padding-top: 20px;
position: relative;
top: -10px;
list-style-type: square;
}

#contact-portails-unicaen a {
color: #fff;
text-decoration: none;
}

#contact-portails-unicaen a:hover,
#normandie-universite a:hover {
background: transparent;
text-decoration: underline;
}

#contact-portails-unicaen a:focus,
#normandie-universite a:focus {
color: #000;
}

#normandie-universite {
text-align: right;
display: inline-block;
vertical-align: top;
width: 100px;
position: relative;
top: 10px;
}



/* horaires sous forme de tableau */
.horaires {
margin: 0 auto;
text-align: center;
clear: both;
}

.horaires li {
display: inline-block;
float: left;
margin-right: 5px;
border: 1px solid #666;
font-size: 90%;
text-align: center;
padding: 4px 3px;
min-height: 80px;
vertical-align: top;
width: 30%;
}

.horaires li.titre-horaires {
display: block;
border: 0;
background: #666;
color: #fff;
font-weight: bold;
margin: 10px auto 5px auto;
width: 98%;
padding: 4px 0;
min-height: 0;
}

ul.horaires + h3, 
ul.horaires + h4 {
clear: both;
}
/* fin horaires */

#reseaux-sociaux li {
float: left;
}

/* Resultats de recherche */
.liste_resultats {
border-left: 5px solid #666;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
padding: 10px 0 10px 10px;
margin: 0; 
}

.liste_resultats li {
border-bottom: 1px dotted #5F6062;
list-style-position: outside;
list-style-type: none;
padding: 5px;
margin-bottom: 14px;
} 


.liste_resultats li:last-child {
margin-bottom: inherit;
border: 0;
}


/* fiche formation */
.onglets {
margin: 21px 0 0 0;
border-bottom: 1px solid black;
}

.onglets li {
margin: 0 10px 0 0;
}

.onglets  li {
display: inline-block;
}

/* listes objets */

.liste-objets {
margin-left: 0;
}


.liste-objets li {
list-style-position: outside;
list-style-type: none;
margin: 7px 0 14px 14px;
}

.liste-objets .liste-vignettes {
list-style-type: none;
margin-left: 0;
}




/* Plan du site */

.plansite1 {
margin: 0;
list-style-type: none;
}

.plansite1 li {
border-bottom: 1px dotted #666;
padding-bottom: 20px;
margin-top: 20px;
}

.plansite1 a {
font-weight: bold;
font-size: 120%;
text-decoration: none;
}

.plansite1 li li {
border-bottom: 0;
padding-bottom: 0;
margin-top: 0;
}

.plansite2 a {
display: inline;
background: #fff;
font-size: 100%;
font-weight: normal;
text-decoration: underline;
}

.plansite3 {
margin: 5px 20px;
}

/*-----------------------------------------------
 paragraphes
------------------------------------------------ */
.style1_media_legende {
display: none;
}

.liste-objets p {
font-size: 93.75%;
}

.liste-vignettes p {
margin: 0;
}

/* toutes les fiches */
.legende {
font-size: 85.93% /* 11px */;
max-width: 150px;
}

#fiche-pdf {
display: none;
}

#date_modification {
font-size: 75%;
text-align: right;
clear: both;
}

/* article, actualité, document , lien*/
#resume {
font-weight: 500;
}

/* article, document */
#soustitre {
font-weight: 500;
} 

/* actualité */ 
#date {
font-weight: 500;
} 

#date em {
font-style: normal;
} 

/* document */
#auteurs {
}

#referenceisdn {
margin-bottom: 5px;
} 
 

/* structure */
#type_structure {
} 

#domaines_formation {
}

/* stages */ 
#type {
}

/*associations */ 
#objet {
font-weight: 500;
} 

/* formulaires */
#precisions_recherche {
font-weight: 500;;
}

#recherche_avancee p {
margin-bottom: 14px;
}

.button {
text-align: right;
}

/* Résultats de recherche */
#precisions_resultats {
font-weight: 500;
}

.boutons-recherche {
margin: 0 0 -1px 0;
}

#resultats-page {
text-align: right;
margin-top: 10px;
}

/* formulaire contributeur */
.validation {}

/* --------------- */

.date_evenement {}


/* A SUPPRIMER */
.titre-court {}
.input-long {}
.button-ra {} /* attention est utilisé  + remettre à la place le p#resultats-page */

/*-----------------------------------------------
 fin paragraphes
------------------------------------------------ */

/*-----------------------------------------------
 div
------------------------------------------------ */
.style1_media_contenu {
font-size: 80%;
}

/* actualité, article, document, lien*/
div#description {
margin-bottom: 20px;
overflow: hidden;
} 

/* article, actualité, document */
div.photo {
float: left;
margin: 7px 10px 0 0;
}

/* listes actualités */

.liste-objets .liste-portail-accueil {
background: #656565;
color: #fff;
margin: 0 0 20px 0;
text-transform: uppercase;
width: 100%;
max-height: 95px;
position: relative;
}


.liste-portail-accueil img {
padding: 0 ;
margin: 0;
}

.liste-portail-accueil a {
color: #fff;
font-family: 'Raleway', ubuntu;
font-size: 125%;
font-weight: 500;
text-decoration: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
}


.liste-portail-accueil a:hover {
background: transparent;
text-decoration: underline;
}

.liste-portail-accueil .thematique {
font-size: 75%;
width: 100%;
border-bottom: 1px solid #fff;
}

.liste-portail-accueil .date-liste {
font-weight: 300;
margin-bottom: 0;
}

.liste-portail-accueil .liste-contenu-portail-culture {
float: left;
padding: 0 10px 0 40px;
width: 370px;
}






.liste-objets li.liste-portail-culture-1 {
background: #CACBD5;
color: #4d5863;
margin: 0 0 40px 0;
text-transform: uppercase;
width: 100%;
}

.liste-objets li.liste-portail-culture-2 {
background: red;
display: inline-block;
float: left;
max-width: 50%;
}

li.liste-portail-culture-2:nth-child(2n+1) {
background: yellow;
margin: 0 40px 0 0;
width: 529px;
}

li.liste-portail-culture-2:nth-child(2n) {
background: green;
margin: 0;
width: 529px;
}

.liste-portail-culture-1 img {
padding: 20px 0 20px 20px ;
margin: 0;
}

.liste-portail-culture-1 a {
color: #4d5863;
font-size: 120%;
font-weight: 500;
text-decoration: none;
}

.liste-portail-culture-1 a:hover {
background: transparent;
text-decoration: underline;
}

.liste-portail-culture-1 .thematique {
font-size: 75%;
width: 100%;
border-bottom: 1px solid #fff;
}

.liste-portail-culture-1 .date-liste {
font-weight: 300;
}

.liste-contenu-portail-culture {
float: left;
padding: 12px 20px 20px 40px;
width: 370px;
}

.accueil .liste-contenu-portail-culture {
width: 270px;
}

/* stages */
div#descriptif {
font-weight: bold;
margin-bottom: 7px;
} 

/* laboratoire , formation, structure, association*/
div.para-an {
margin-bottom: 20px;
}

/* structure */
div.para-an-deco {
margin-bottom: 7px;
} 

/* résultats de recherche formation */
#generer_catalogue {
font-size: 85.93%;
font-weight: bold;
text-align: right;
}

/* page libre */

.ligne {
clear: left;
}
.colonne {
float: left;
overflow: hidden;
}

.premiere_colonne .colonne_deco {
margin-right: 20px;
}

.premiere_colonne ~ .derniere_colonne .colonne_deco {
padding-left: 20px;
}

.derniere_colonne .colonne_deco {
margin-right: 0;
}


.accueil .sansstyle,
.accueil .style1,
.accueil .style2 {
padding: 0;
margin-left: 0;
}

.accueil .style3 {
padding: 6px 4px;
margin-left: 0;
}

.sansstyle,
.style1,
.style2,
.style3 {
padding: 6px 0 6px 4px;
margin-left: -4px;
}

.style2 {
border-bottom: 1px solid black;
}

.style3 {
border: 1px solid black;
padding: 6px 4px 6px 4px;
margin-left: 0;
}

.encadres-deco {
margin-bottom: 10px;
border-bottom: 1px dotted #4d5863;
padding-bottom: 1em;
}

/*-----------------------------------------------
 fin div
------------------------------------------------ */

/*-----------------------------------------------
span
------------------------------------------------ */


.faux_label {
display: block;
font-weight: bold;
}

/* surbrillance */
.highlight {
background: #E1E1E1;
font-weight: bold;
} 


.date-liste {
display: block;
font-weight: bold;
font-size: 85.93%;
margin-bottom: 7px;
}

.liste-objets .liste-vignettes .date-liste {
margin-left: 0;
}

/* réseaux sociaux */
#reseaux-sociaux span {
display: block;
text-align: left;
}

/* Flux RSS */

.descriptionrss {
font-size: 92.30769230769231%;
display: block;
}

.daterss {
font-weight: bold;
display: block;
}

.soustitre-liste {
display: block;
}

.type-liste,
.typedocument-liste {
display: block;
}

/*-----------------------------------------------
 fin span
------------------------------------------------ */

/*-----------------------------------------------
dl dt dd
------------------------------------------------ */
/* actualité, document, stages */
.type_1 {
margin-bottom: 7px;
}

.type_1 dt {
float: left;
font-weight: 500;
max-width: 120px;
line-height: 120%;
}

.type_1 dd {
border-left: 1px solid black;
padding-left: 10px;
margin: 0 0 21px 120px;
}

/* laboratoire, structure, stages */
.type_2 {
border-bottom: 1px dotted black;
border-top: 1px dotted black;
margin: 20px 0;
padding-top: 15px;
}

.type_2 dt {
float: left;
font-weight: bold;
text-align: right;
width: 210px;
}

.type_2 dd {
margin: 0 0 21px 215px;
padding: 0 0 5px 0;
}

/* association */
#type_2_association {
clear: both;
} 

/* formation */

.presentation {
float: left;
border-left: 1px solid black;
padding-left: 7px;
margin: 0 21px 21px 0;
}

.presentation dt {
font-weight: bold;
margin-top: 7px;
}

.presentation dt:first-child {
margin-top: 0;
}

/*-----------------------------------------------
fin dl
------------------------------------------------ */

/*-----------------------------------------------
table
------------------------------------------------ */

table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 14px;
}

caption {
padding: 4px 0;
}

th, td {
border: 1px solid #666;
padding: 4px
}

th {
font-weight: bold;
}

/*-----------------------------------------------
fin table
------------------------------------------------ */

/*-----------------------------------------------
Formulaire
------------------------------------------------ */

/* boutons submit et reset */

input[type="button"],
input[type="submit"],
input[type="reset"]{
cursor:pointer;
background-color: #516d7a;
background-image: -moz-linear-gradient(center top , #666, #525252);
background-repeat: repeat-x;
border: 0;
border-radius: 2px;
padding: 2px 4px;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

input[type="reset"] {
margin-right: 10px;
}
/* fin boutons submit et reset */

legend {
font-weight: bold;
margin-bottom: 14px;
}


/* recherche par objet */ 
#recherche_avancee {
border-left: 5px solid #666;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
padding: 10px 0 10px 10px;
width: 600px;
}

#recherche_avancee  label {
display: block;
font-weight: bold;
}

.date-evenement label {
display: inline;
}

input[type="text"],
select,
textarea {
border: 1px solid #666;
border-radius: 2px;
}

/* captcha */

.captcha {
display: block;
}

.captcha img {
margin-top: 5px;
}

.captcha a {
display: block;
margin: 5px 0 20px 0;
}


/* formulaire contributeur */

.formulaire_redacteur label {
display: block;
font-weight: bold;
}

.formulaire_redacteur .radio,
.formulaire_redacteur .checkbox {
display: inline;
}



/*-----------------------------------------------
Fin formulaire
------------------------------------------------ */



/*-----------------------------------------------
MÉDIATHÈQUE
------------------------------------------------ */
/*
div.galerie_playlist {
margin-top: 0;
}
*/

div.galerie_playlist table,
div.galerie_playlist th,
div.galerie_playlist td {
border: 0;
}

div.galerie_playlist ul.visionneuse_defaut lI {
border-radius: 4px;
}

div.galerie_playlist ul.visionneuse_defaut li,
div.style1_media a.lanceur_media {
background: #CACBD5;
}

table.visionneuse_pagination td table.pagination_contenu tbody td {
background: #CACBD5;
color: #4d5863;
width: 25%;
border: 0;
}

table.visionneuse_pagination td table.pagination_contenu tbody td:hover {
background: #CACBD5;
}


table.visionneuse_pagination td table.pagination_contenu tbody tr td.pagination_vide {
display: none;
}

table.visionneuse_pagination {
margin: 0;
width: 100%;
}

.style3 table.visionneuse_pagination {
margin: 0;
}


table.pagination_contenu {
width: 100%;
}

div.style1_media {
text-align: center;
}

div.galerie_playlist strong {
font-weight: normal;
}

table.visionneuse_pagination td.pagination_precedent {
text-align: right;
}

table.visionneuse_pagination td.pagination_suivant {
text-align: left;
}

/* caroussel */

div.contenu .showcase ul {
height: auto;
}

div.contenu .showcase ul li {
height: auto;
width: auto;
}

/*-----------------------------------------------
FIN MÉDIATHÈQUE
------------------------------------------------ */



/* --------------------------------------------------------
                         FIN CONTENU
-----------------------------------------------------------*/




h2 a {
font-size: 50%;
}


/* A PART */

hr.separateur_sections_page {
display: none;
}

/* page d'accueil du site */
h2.h2-accueil {
text-indent: -9999px;
position: absolute;
}


body.accueil #deco-contenu,
body.accueil #contenu_sans_encadres {
width: 93.22033898305085%;
}


/* =========================================================================================
	RESPONSIVE
========================================================================================== */


/*-------------------------------------- 1200 PX ------------------------------------------------*/

@media (min-width: 1200px) {

#bandeau-site-institutionnel  {
font-size: 160%;
}


}
/*-------------------------------------- FIN 1200px ------------------------------------------------*/

/*-------------------------------------- 800px  - 989px ------------------------------------------------------------*/

@media (min-width: 800px) and (max-width: 1024px) {

#carrousel-sample h3 {
background: yellow;
 right: 250px;
 text-transform: normal;
}

#utilisateur-connecte {
margin: 0 4px 0 0;
}

#moteur-recherche input.champ-saisie {
width: 150px;
}

#bandeau-site-institutionnel  {
font-size: 120%;
}

#menu {
font-size:  120%;
}


.sub-nav {
min-width: 150px;
}

#navigation {
font-size:  110%;
}

.contenu {
font-size: 120%;
}

#encadres h3 {
font-size: 100% /*12px*/;
}

.presentation {
margin-right: 2px;
}

.liste-contenu-portail-culture {
width: 280px;
}

#pied_page #acces-portails-unicaen,
#pied_page #ufr-portails-unicaen,
#pied_page #instituts-portails-unicaen,
#pied_page #portails-unicaen,
#pied_page #ufr-portails-unicaen {
width: auto;
display: block;
}

}



/* -------------------------------------------------------------------- MAX 800px  ---------------------------------------------------------------------*/

@media (max-width: 800px) {
body,
body #bandeau-site-institutionnel {
background: none !important;
}

#moteur-recherche {
padding-right: 0;
}

#pied_page {
background-color: #fff;
width: 90%;
margin: 0 auto;
}

#bandeau-site-institutionnel h1 {
padding: 0 20px;
}

#intitule-fixe.fixe {
position: relative !important;
width: auto;
height: auto;
}



h2.h2-accueil {
background: transparent;
}

#unicaen-intitule {
height: auto;
float: none;
}

#unicaen-intitule span {
display: inline;
}


#utilisateur-connecte {
float: none;
margin: 5px auto 15px auto;
width: 80%;
text-align: center;
}

#carrousel-sample {
display: none;
}

#page {
width: 96%;
margin: 0 auto;
}

#en-tete {
padding: 0;
margin-bottom: 0;
}

#acces_direct {
text-indent: -9999px;
padding: 0;
}

#multilingues {
padding-bottom: 10px;
}

#multilingues,
#moteur-recherche {
float: none;
margin: 0 auto;
text-align: center;
width: 90%;
}

#moteur-recherche input.champ-saisie {
margin-left: -30px;
}

#multilingues ul,
#multilingues li:first-child {
margin: 0;
}

#bandeau-site-institutionnel {
text-align: center;
padding-bottom: 5px;
height: auto;
}

#logotype {
height: auto;
float: none;
background-image: none !important;
background-color: transparent !important;
margin: 10px auto;
border-radius: 4px;
}

#logotype img {
width: 70%;
height: auto;
position: inherit;
}

#logotype a:hover,
#logotype a:focus,
#logotype a:active {
background: transparent;
}

#bandeau-site-institutionnel h1 {
color: #666;
float: none;
margin: 0;
font-weight: bold;
font-size: 100%;
}


/*-------------------------------------MENU DEROULANT---------------------------------------------------*/

.nav-open, body:target .nav-close {
    display: block;
}
.nav-close, body:target .nav-open {
    display: none;
}
#menu > a:after {
    background: none repeat scroll 0 0 #68717a;
    color: #FFFFFF;
    content: url(img/icone-menu-mobile.png);
    display: block;
	line-height: 20px;
}

#menu a.nav-open,
#menu a.nav-close {
position: relative;
top: 0;
left: 0;
font-size: 0;
line-height: 0;
}

#menu ul {
    max-height: 0;
    overflow: hidden;
    transform: translateZ(0px);
    transition: max-height 0.4s ease 0s;
}


#menu a {
    text-decoration: none;
}

#menu a:focus {
opacity: 0.8;
}

body:target #menu > a:after {
    content: url(img/icone-menu-mobile-ferme.png);
}


.nav-item {
        float: none; /* Remet les éléments les uns au-dessus des autres */
    }
.sub-nav {
        position: static; /* Replace la sous-liste dans le flux du document */
        white-space: normal /* Permet au texte de revenir à la ligne normalement */
    }
.sub-nav-item a {
        display: block; /* Pour que la ligne entière soit cliquable */
        width: auto; /* Annule width: 1px */
        height: auto; /* Annule height: 1px */
        position: static; /* Annule position: absolute */
        padding-left: 1em; /* Annule le padding vertical et en rajoute à gauche pour indiquer le sous-niveau */
        overflow: visible; /* Annule overflow: hidden */
        float: none;
    }
	
body:target #menu ul {
    max-height: 80em;
}


	




/*-----------------------------------------------------*/


#menu {
background: #fff;
clear: both;
padding: 0;
margin: 10px auto 0 auto;
text-align: center;
width: 90%;
border-bottom: 4px solid #68717a;
position: relative !important;
width: auto;
height: auto;
}


#menu ul {
width: 100%;
margin: 0 auto;
}

#menu li {
border: 0;
padding: 0;
display: block;
margin: 0;
}

#menu li a {
display: block;
margin: 4px 0;
background: #fff;
color: #666;
font-weight: normal;
padding: 0;
}

#menu li a:hover {
background: #68717a;
color: #fff;
}

#menu li em a {
border-bottom: 0;
background: #666;
font-weight: bold;
}

#menu .nav-item {
background: #fff;
border-top: 1px solid #68717A;
}

#menu .nav-item a {
background: #fff;
color: #68717A;
padding: 12px;
}

/* faire disparaître les sous-menus  */
.nav-item .menu-principal {
display: none;
}





/*----------------*/

#fil_ariane {
display: none;
}


#navigation {
width: 90%;
text-align: center;
float: none;
clear: both;
padding: 0;
margin: 0 auto;
}

#navigation ul.menu_secondaire {
font-size: 110%;
margin: 0;
border-bottom: 6px solid #68717a;
}


#navigation li {
padding: 0;
margin: 0;
}


#navigation li  a {
border: 0;
background: #e5e5e5;
color: #68717a;
display: block;
margin: 5px 0;
padding: 4px 0;
}

#navigation li  a:visited {
color: #666;
}

#navigation li  a:hover {
background: #68717a;
color: #fff;
}

#navigation li  em a,
#navigation li  em a:visited {
background: #68717a;
color: #fff;
}


#navigation li ul,
#navigation li ul li {
list-style-type: none;
padding: 0;
margin: 0;
}

#navigation ul ul {
border: 0;
width: 80%;
font-size: 95%;
margin: 15px auto;
}

#navigation ul ul li {
border: 0;
}


/* recherche par objet */
#recherche_avancee {
width: 90%;
padding: 0;
border: 0;
}

select {
max-width: 250px;
}

.button {
text-align: center;
}

/* fin recherche par objet */

#deco-contenu {
clear: both;
margin: 0;
width: 100%;
}

#contenu_sans_encadres,
#contenu_avec_encadres,
.accueil #contenu_avec_encadres {
float: none;
clear: both;
margin: 0 auto;
width: 96%;
}


.sanstyle,
.style1,
.style2,
.style3 {
margin: 10px auto;
padding: 0;
border: 0;
}

.sansstyle h3,
.style1 h3,
.style2 h3,
.style3 h3 {
background: #68717a;
color: #fff;
margin: 5px auto 10px auto;
text-align: center;
}

.premiere_colonne ~ .derniere_colonne .colonne_deco {
margin-left: 0;
padding: 0;
}

#soustitre {
text-align: center;
}

#date_modification {
 text-align: center;
}

#encadres,
.accueil #encadres {
font-size: 130%;
width: 90%;
clear: both;
display: block;
padding: 5px 10px 10px 10px;
margin: 10px auto;
float: none;
}

#encadres h3 {
font-size: 110%;
background: #68717a;
color: #fff;
margin: 0  0 10px 0;
text-align: center;
}

#pied_page {
background: #fff;
padding: 0;
width: auto;
margin: 10px auto;
}


#pied_page #acces-portails-unicaen,
#pied_page #ufr-portails-unicaen,
#pied_page #instituts-portails-unicaen,
#pied_page #portails-unicaen,
#pied_page #ufr-portails-unicaen {
width: 92%;
display: block;
float: none;
margin: auto;
}



#acces-portails-unicaen span,
#ufr-portails-unicaen span,
#instituts-portails-unicaen span,
#portails-unicaen span,
#reseaux-sociaux span {
background: #8a8a8a;
display: block;
text-align: center;
margin: 10px 0 0 0;
padding: 10px 0;
}

#pied_page ul {
display: block;
min-height: auto;
padding: 0;
text-align: center;
background: #fff;
border-bottom: 2px solid #fff;
}

#pied_page ul#partenaires-unicaen {
clear: both;
}

#pied_page ul#partenaires-unicaen li a {
padding: 6px 0 4px 0;
}

#pied_page li {
display: block;
margin: 2px 0;
background: #666;
text-align: center;
}

#pied_page li a {
display: block;
border-right: 0;
margin: 0;
padding: 0;
text-decoration: none;
}

#pied_page li a:hover {
background: #5d5b5b;
transition-property: background-color; 
transition-duration: 1s;
}

#outils li {
float: left;
display: block;
width: 48%;
margin: 1%;
}

#pied_page ul#outils {
min-height: 0;
}

#outils li,
#reseaux-sociaux li {
float: left;
display: block;
width: 48%;
margin: 1%;
}

#pied_page ul#outils a {
padding: 5px 0;
}

#pied_page ul#outils a:focus {
opacity: 0.7;
}



#reseaux-sociaux li:last-child {
clear: both;
margin-bottom: 20px;
}

#reseaux-sociaux  span {
background: #6d6d6d;
font-weight: bold;
text-align: center;
}

#reseaux-sociaux img {
padding-top: 4px;
}

#pied_page #reseaux-sociaux li a {
padding: 3px 0;
}

#reseaux-sociaux a.facebook {
background: #3b5998;
}

#reseaux-sociaux a.twitter {
background: #32ccfe;
}

#reseaux-sociaux a.googleplus {
background: #a82619;
}

#reseaux-sociaux a.viadeo {
background: #ffc176;
}

#reseaux-sociaux a.fluxrss {
background: #ff8f17;
}

#reseaux-sociaux a.flickr {
background: #0062dc;
}

#reseaux-sociaux a.youtube {
background: #9d322d;
}

#reseaux-sociaux a.slideshare {
background: #167cc4;
}

#reseaux-sociaux a.pinterest {
background: #da353b;
}

#reseaux-sociaux a.aboutme {
background: #b69b14;
}
#pied_page li a {
padding: 5px 0;
}

#pied_page li a:hover {
text-decoration: none;
}


/* adresse postale */

#adresse-postale {
padding: 15px 30px;
margin: 20px;
}

#adresse-portails-unicaen,
#contact-portails-unicaen,
#normandie-universite {
display: block;
width: auto;
}

#contact-portails-unicaen {
border-left: 0;
}

#contact-portails-unicaen ul {
list-style-type: none;
margin-left: 0;
top: 0;
}

#contact-portails-unicaen ul li {
display: block;
margin-bottom: 10px;
background: #191919;
text-align: center;
}

#contact-portails-unicaen ul li a {
display: block;
padding: 10px;
}

#contact-portails-unicaen ul li a:hover {
text-decoration: none;
background: #404040;
}


/* Fin adresse postale */




#front-ajouts-fiches a {
display: block;
text-align: center;
}

#front-ajouts-fiches a.front-modification {
float: none;
}
 
.colonne {
float: none;
width: 100% !important;
}

.premiere_colonne .colonne_deco {
margin-right: 0;
}



h2 {
color: #000;
text-align: center;
margin: auto;
margin-top: 20px;
padding: 5px;
width: 96%;
}



#fiche-pdf {
display: none;
}

/* fiches saisie front */


/* mediatheque */

table.visionneuse_pagination {
margin: 0;
}

table.visionneuse_pagination td table.pagination_contenu tbody td {
float: left;
clear: both;
width: 100%;
margin: 0 0 0 -10px;
padding: 0;
}

ul.visionneuse_defaut div.style1_media a.lanceur_media {
float: none;
margin: 0 auto;
}

.style1_media_contenu {
clear: both;
}

/* caroussel */
div.contenu .showcase {
width: auto;
}

/* fin mediatheque */



/* Fourre tout */

table {
max-width: 100%;
}

.type_1 dt,
.type_2 dt {
float: none;
text-align: left;
width: auto;
}

.type_1 dd,
.type_2 dd {
margin: auto;
margin: 20px;
}
/* Fin Fourre tout */
}


/* -------------------------------------------------------------------- MAX 800 px ----------------------------------------------------------------------*/ 

@media (max-width: 800px) {
	
#pied_page li.facebook,
#pied_page li.instagram,
#pied_page li.twitter,
#pied_page li.linkedin,
#pied_page li.vimeo,
#pied_page li.youtube {
margin: 0 0 4px 0;
display: block;
}
	
	
}

/* -------------------------------------------------------------------- MAX 400 px  ---------------------------------------------------------------------*/
@media (max-width: 400px) {

body.accueil #deco-contenu, body.accueil #contenu_sans_encadres {
width: auto;
}

#moteur-recherche {
height: auto;
padding-bottom: 5px;
}

#moteur-recherche .champ-saisie {
max-width: 50%;
}

img {
max-width: 90%;
}

div#description {
margin-bottom: 10px;
}

dl.type_1 {
padding: 10px 0;
border-top: 1px dotted #666;
border-bottom: 1px dotted #666;
}

.type_1 dt {
float: none;
font-weight: bold;
max-width: inherit;
}

.type_1 dd {
border-left: 0;
margin: 0 0 10px 0;
padding-left: 0;
}

.onglets {
width: 80%;
margin: 10px auto;
border-bottom: 0;
}

.onglets li {
display: block;
margin-bottom: 5px;
}

.onglets li a {
display: block;
text-align: center;
margin: 0;
padding: 0;
border-bottom: 1px solid #666;
border-radius: 0;
}

.horaires li {
width: 27%;
}

.accueil .liste-contenu-portail-culture,
.liste-contenu-portail-culture {
width: auto;
padding-left: 20px;
}

.liste-objets li.liste-portail-culture-1 {
width: auto;
}

.liste-portail-culture-1 a {
white-space:  pre-wrap;
max-width: 100%;
}


.liste-objets li.liste-portail-accueil {
width: auto;
max-height: none;
}

.liste-portail-accueil img {
margin: 0;
padding: 20px 0 20px 20px;
}

.liste-portail-accueil a {
position: inherit;
transform: initial;
}

/* =========================================================================================
	== FIN RESPONSIVE
========================================================================================== */