/*
couleurs bordures: #dddddd
couleurs polices: #6f6f6f
couleurs contenus spéciaux:#6aac48
couleurs fonds: #f8f8f8
couleurs contenus spéciaux dev:#FF7F00;
*/
.row-eq-height
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
}

.form-control:focus {
  border-color: #6aac48;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(106, 172, 112, 0.6);
}
/*@font-face
{
    font-family: "Lato Light";
    src: url('Lato-Light_0.ttf');
	font-weight: 200;
	font-style: normal;
}*/
.fa span
{
	font-size:0;
}
.accessibilite
{
	font-size:0px;padding:0;width:0;height:0;display:inline;margin:0;line-height:0;position:absolute;
}
html
{
	margin:0;
	padding:0;
	border:none;
	height:100%;

}
body
{
	font-family: arial, verdana, helvetica, sans-serif;
	color:#6f6f6f;
	margin:0;
	padding:0;
	font-size:14px;
	position:relative;
	border:none;
	background-color:#f8f8f8;
	height:100%;
}
.loading
{
	cursor:progress!important;
}
/*BALISES DE BASE*/
h1
{
	font-size:1.6em;
	color:#3a8031;
}
h2
{
	font-size:1.4em;
	color:#3a8031;
	font-style:italic;
}
h3
{
	font-size:1.2em;
	font-weight:bold;
	color:#000;
}
h4
{
	font-size:1.1em;
	font-weight:bold;
	font-style:italic;
}
h5
{
	font-size:1em;
	font-style:italic;
	font-weight:bold;
}
p
{
	text-align:justify;
	font-size:1em;
}
input[type=submit], input[type=button]
{
	background-color:#6aac48;
	color:#FFF;
	border:0;
}
blockquote
{
	margin:1em 0 1em 1em;
	padding:0.5em;
	border-style:solid;
	border-color:#ccc;
	border-radius:15px;
	border-width:3px;
	background-color:#eee;
}
blockquote:before
{
	content:url('../images/maquette/blockquote.png');
	position:absolute;
	margin-left:-3em;
	margin-top:1em;

}
blockquote footer
{
	font-style:italic;
}
a
{
	color: #6aac48;
	text-decoration: none;
}
a img
{
	border-color:#6aac48;
}
table a img
{
	border:none;
}
table .nb
{
	text-align:right;
}
a:hover
{
	text-decoration:underline;
	color:#EE7044;
}
em
{
	font-style:normal;
	font-weight:bold;
}
strong
{
	text-decoration:underline;
	font-weight:bold;
}
label
{
	color:#3a8031;
	cursor:pointer;
}
fieldset
{
	margin-bottom:1em;
}
legend
{
	color:#000;
	font-size:1.2em;
}
optgroup
{
	border-top:1px solid #3a8031;
	margin-top:0.3em;
}
input
{
	border-color:#E4E4E4;
	font-size:1em;
}
input[type=text]
{
	border-style:solid;
}
input[readonly=readonly], select[readonly=readonly], .readonly
{
	background-color:#F77;
}
input.manette
{
	height:3em;
	width:2.9em;
	transform: rotate(270deg);
	margin:0 auto;
}
em
{
	font-style:normal;
	font-weight:bold;
}
strong
{
	text-decoration:underline;
}
dt
{
	font-weight:bold;
	margin-top:1em;
}
dd
{
	margin:0;
	padding:0;
}
table
{
	border:1px solid #dddddd;
	margin-bottom:1em;
	border-collapse:collapse;
}
caption
{
	color:#000;
	margin-top:1em;
	font-size:1.3em;
	text-align:left;
}
thead, tfoot, .soustotal th
{
	font-size:1em;
	border:1px solid #dddddd;
	font-weight:bold;
	background-color:#f0f0f0;
}
th
{
	padding:0.3em;
}
td
{
	padding: 0 0.2em;
	border:1px solid #dddddd;
}
th.vertical, td.vertical
{
	writing-mode: vertical-rl;
	text-orientation: mixed;
	vertical-align:bottom;
	text-align:center;
}
td.coche
{
	text-align:center;
}
table a
{
	text-decoration:none;
}
dfn
{
	font-style:italic;
}
table.debug
{
	border-left:2px solid #6aac48;
	margin:0;
}
table.debug caption
{
	color:#FFF;
	background-color:#6aac48;
	margin:0;
	padding:0.5em;
}
table.debug thead
{
	background-color:#CCC;
}
table.debug tr td:first-child
{
	background-color:#F0F0F0;
	font-weight:bold;
	
}
table.debug th, table.debug td
{
	vertical-align:top;
}

div#conteneur
{
	min-height:100%;
	margin-bottom:-182px;
}
div#conteneur::after
{
	content: "";
	display: block;
	height:182px;
}
div#chapeau
{

	z-index:50;
	position:relative;
	background-color:#fff;
}

div#chapeau > div
{
	position:relative;
	padding:0;
	max-width:1170px;
	margin:0 auto;
}
.page
{
	background-color:#f6f6f6;
}
h1#logotitre
{
	margin:0;
	float:left;
	display:inline-block;
}
h1#logotitre a
{
	display:inline-block;
	text-decoration:none;
	text-align:center;
}
h1#logotitre img
{
	border:0;
}


.toggle, [id^=drop]
{
	display: none;
}
#een +label +div
{
	display:none;
}
#een:checked +label +div
{
	display:block;
}
nav#menuhaut ul
{
  /*float: right;*/
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  font-weight:bold;
  display:flex;
  justify-content:flex-end;
}

nav#menuhaut > ul > li
{
  margin: 0px;
  position:relative;
  background-color: #fff;
}

nav#menuhaut a, nav#menuhaut label
{
	color:#888;
	text-decoration: none;
}
nav#menuhaut a:hover
{
	color: #6aac48;
	text-decoration:none;
}
nav#menuhaut > ul > li > a, nav#menuhaut label 
{
	text-transform:uppercase;
	padding:22px 0 0 0;
}


nav#menuhaut ul ul
{
  display: none;
  position: absolute;
  background-color:#fff;
  
}

nav#menuhaut ul li:hover > ul { display:table;}


nav#menuhaut ul ul li
{
	display:table-row;
	position: relative;
}
nav#menuhaut ul label
{
	padding:8px 15px 8px 2em;
	position:relative;
	
}

nav#menuhaut ul ul a
{
	height:2.5em;
}
nav#menuhaut ul > li > span:hover
{
	cursor:default;
}
nav#menuhaut ul > li > a:hover
{
	cursor: pointer;
}

nav#menuhaut ul ul span.menuicone
{
	display:table-cell;
	width:1em!important;
	font-size:1.5em;
	background-color:#6aac48;
	text-align:center;
	color:#FFF;
	font-family:FontAwesome;
	vertical-align:middle;
	font-weight:normal;
	padding:0.2em;
}
nav#menuhaut ul ul span.menuicone img
{
	max-width:1em;
	max-height:1em;
	
}
nav#menuhaut ul ul a
{
	display:table-cell;
	padding:10px;
	width:10em;
	vertical-align:middle;
}


#bandeau_haut
{
	background:#7caa33 url('bandeau.jpg') left top no-repeat;
	background-size: cover;
	margin-bottom:20px;
}
body.dev #bandeau_haut
{
	filter:hue-rotate(90deg);
}
body.dev #bandeau_haut::after
{
	content:"Espace de développement";
	font-size:5em;
	color:#FFFFFF;
	position:absolute;
	bottom:0;
	margin:0 auto;
	opacity:0.2;
	z-index:-1;
	
}
#bandeau_haut img
{
	display:inline-block;
	margin-right:0.5em;

}

.identite
{
	border-radius:100%;
	width:2em;
	height:2em;
	object-fit:cover;
	object-position: 50% 30%;
}
#bandeau_haut .filariane li
{
	display:inline-block;
	color:#fff;
}
#bandeau_haut .filariane li+li::before
{
	content:">";
	display:inline-block;
	padding:0 1em;
	color:#fff;
}
#bandeau_haut .filariane a
{
	color:#fff;
	text-decoration:none;
}
#bandeau_haut h1
{
	color:#fff;
	font-weight:normal;
	margin:0.5em 0;
	font-size:1.8em;
}

#barre_laterale h3 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  text-align: left;
  text-transform:uppercase;
  font-size:1em;
}
#barre_laterale h3::after {
  background-color: #dddddd;
  content: '\a0';
  flex-grow: 1;
  height: 1px;
  position: relative;
  top: 0.5em;
}
#barre_laterale h3::after {
  margin-left:15px;
}
#barre_laterale .outils
{
	list-style-type:none;
	padding:0;
}
#barre_laterale .outils li
{
	margin-bottom:10px;
}
#barre_laterale #type_outil_1 li
{
	display:table;
	width:100%;
}
#barre_laterale #type_outil_1 li a
{
	background-color:#e7e7e7;
	color:#6aac48;
	display:table-row;
}
#barre_laterale #type_outil_1 .iconeoutil
{
	color:#fff;
	background-color:#6aac48;
	display:table-cell;
	vertical-align:middle;
	width:1.8em;
	height:1.8em;
	text-align:center;
	font-size:1.8em;
}
#barre_laterale .libelleoutil
{
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
	padding:0.5em 1em;
}
#barre_laterale #type_outil_2 img, #barre_laterale #type_outil_3 img
{
	display:block;
	margin:30px auto;
	max-height:100px;
	max-width:100%;
}
#type_outil_2 .libelleoutil, #type_outil_3 .libelleoutil
{
	display:none;
}
#type_outil_1 img
{
	max-width:70%;
	max-height:70%;
}
#pied
{
	background:#484848 url('footer.png');
	color:#fff;
}
#pied > div
{
	padding-top:35px;
	padding-bottom:35px;
}
#pied > div > *
{
	margin:0 auto;
}
#pied address
{
	line-height:2em;
	display:block;
	text-align:center;
	margin:0;
}
#pied address p
{
	margin:0 auto;
	display:inline-block;
}
#pied ul
{
	list-style-type:none;
	padding:0;
}
#pied a
{
	text-decoration:none;
	color:#fff;
}
#pied .logos
{
	text-align:justify;
	display: -webkit-flex; /* Safari */
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	display: flex;  
	flex-wrap: wrap;
	justify-content: space-around;
	padding-top:1em;
}

#pied .contacts .telephone
{
	font-size:1.3em;
	margin-bottom:1em;
}
#pied .contacts .fa-phone
{
	margin-right:0.3em;
	font-size:1.1em;
	vertical-align:middle;
}
#pied .contacts li
{
	text-align:center;
}
#pied .contacts a
{
	margin:0 auto;
	background-color:#a5d156;
	padding:15px;
	font-size:1.2em;
	display:block;
	max-width:15em;
}
#suiveznous h2
{
	font-style:normal;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
}
#suiveznous ul
{
	text-align:center;
	margin-top:1.5em;
}
#suiveznous li
{
	display:inline-block;
	padding:0 0.4em;
	
}
#suiveznous .fa::before
{
	font-size:2.3em;
}
#suiveznous a:hover
{
	color:#a5d156;
}

.souligne
{
	text-decoration:underline;
}

ul.contacts ul
{
	list-style-type:none;
	padding-left:1em;
}

/*/////////////////////////////////////////////////////*/



table ul
{
	text-align:left;
	padding-left:1em;
	margin-left:0;
}

form.recherche
{
	background-color:#e7e7e7;
	padding:5px;
	margin:15px auto;
}
.recherche .lienform
{
	text-align:center;
	background-color:#6aac48;
	color:#FFF;
}

/*Numéros de pages*/
p.numerospages
{
	padding:0;
	text-align:left;
	clear:both;
	text-align:right;
	line-height:1.6em;
}

p.numerospages strong, p.numerospages a
{
	display:inline-block;
	min-width:2em;
	text-align:center;
}
p.numerospages strong
{
	border:1px solid #6aac48;
	background-color:#6aac48;
	color:#FFF;
	padding: 2px 3px;
	margin-left:4px;
	font-weight:normal;
	text-decoration:none;
}
p.numerospages a
{
	padding: 2px 3px;
	margin-left:4px;
	text-decoration:none;
	border:1px solid #6aac48;
}
p.numerospages a:hover
{
	border:1px solid #6aac48;
	background-color:#6aac48;
	color:#FFF;
	text-decoration:none;
}


/*STYLES DIVERS SPECIFIQUES*/
/*Formatage des blocs*/
.contientflottant
{
	overflow:hidden;
}


p.contact
{
	margin:3em;
	text-align:center;
}
a.note
{
	color: #000;
}
.petit
{
	font-size:0.8em;
}
.petit input, .petit select{font-size:1em;}
.petit textarea{font-size:1em;font-family:arial, helvetica, sans-serif;}
span.petit{font-size:0.8em;}
.petit1
{
	font-size:0.9em;
	font-weight:normal;
}
.petit2
{
	font-size:0.9em!important; 
	font-weight:normal;
}
.rouge
{
	color: #F00;
}
p.message
{
	background-color:#E9E7E7;
	padding:1em;
	text-align:center;
	font-weight:bold;
}

.centrage
{
	text-align:center;
}
.invisible
{
	display:none !important;
}
dl.enumeration dd
{
	display:list-item;
	margin-left:2em;
}
.sansmarges dd
{
	margin:0;
}
dd ul
{
	margin-bottom:1em;
}
.capitales
{
	text-transform:uppercase;
}

img.microportrait, td.microportrait img, td.microportrait
{
	width: 1.2em;
}
img.petitportrait
{
	width:2em;
}

h2#conseil
{
	border:1px solid #3a8031;
	padding:0.5em;
	margin-bottom:0;
}


/*Pour les couleurs de fond alternées, notamment dans les tableaux*/
.alternance > *:nth-child(odd)
{
	background-color:#FFF;
}

.alternance > *:nth-child(even)
{
	background-color:#f8f8f8;
}
.alternance > *:hover
{
	background-color:#d8d8d8;
}
/*Pour le formatage des formulaires*/
fieldset.cache
{
	border:0;
	position:relative;
}

.tabulaire
{
	display:table;
	border-spacing:0.3em;
}

.double 
{
	display:table-row;
	margin: 0.5em 0;
	position:relative;
}
label, .double dfn
{
	text-align: right;
	font-weight: bold;
}
input[type=checkbox] + label, input[type=radio] + label
{
	text-align:left;
	display:inline;
}
.double > label:first-child, .double > dfn:first-child
{
	width: 150px;
	display:table-cell;
	padding-right:0.5em;
	vertical-align:top;
	font-style:normal;
}
.petit .double > label, .petit .double > dfn
{
	width: 100px!important;
	display:table-cell;
	padding-right:0.5em;
	vertical-align:top;
	font-style:normal;
}
.double label span, .double label em
{
	display: block;
	margin-top: 0.2em;
	font-size: 0.8em;
	font-weight: normal;
	cursor: default;
}
.double select
{
	max-width:400px;
	display:table-cell;
}
form .double > input, form .double > textarea, .double > select, .dfn, form .double span_ajax
{
	display:table-cell;
}

.double .dfn
{
	display:table-cell;
	vertical-align:top;
}
form .double textarea {
	padding:2px 0 0 4px;
}
p.simple
{
	padding-left:160px;
	text-align:left;
}
textarea.texte
{
	font-family:arial, helvetica, sans-serif;
	font-size:1em;
	width:500px!important;
	height:250px;
}


form .cases input
{
	float: left;
	width: 20px;
	margin-left:140px;
}
.nowrap
{
	white-space:nowrap;
}
/*sert pour les boutons de validation en image, afin d'afficher l'image à la place du texte*/
ul.coches
{
	list-style-type:none;
	padding:0;
}


table#resultats tr th:first-child, table#resultats tr td:first-child, table#resultats tr th:last-child
{
	-moz-user-select: none;
	webkit-user-select: none;
	ms-user-select: none;
}

dl#resultats dd
{
	font-size:0.85em;
}
dl#resultats dt
{
	margin-top:1em;
}
dl#resultats dd.resume
{
	text-align:justify;
}
.raye
{
	text-decoration:line-through!important;
}
.surligne
{
	padding:0 1px;
	border:1px solid #BBB;
	margin:0 1px;
}

img.haut_gauche
{
	float:left;
	margin: 0 1em 1em 0;
	max-width:50%;
}
img.haut_droit
{
	float:right;
	margin: 0 0 1em 1em;
	max-width:50%;
}
dl.image
{
	
}
dl.image dt
{
	text-align:center;
}
dl.image dt+dt
{
	background-color:#DDD;
	width:400px;
	padding:10px;
	margin:10px auto;
	font-weight:normal;
	font-style:italic;
	
}
img.isolee
{
	display:block;
	margin:15px auto;
	max-width:100%;
}
.retour_a_gauche
{
	clear:both;
}

div#zone_gauche img.haut_gauche+p
{
	margin-top:0;
}
.gras
{
	font-weight:bold;
}
ul.marge_bas > li
{
	margin-bottom:1em;
}


.sursouligne
{
	border-bottom:1px solid #D0D0D0;
	border-top:1px solid #D0D0D0;
	color:#444;
}
.aligne_droite
{
	text-align:right;
}




div#galerie
{
	position:relative;
}
div#galerie_images
{
	position:relative;
	width:670px;
	margin:0 auto;
	min-height:250px;
}

.boiteActeurs
{
	display:inline-block;
}
.boiteActeurs span
{
	border:1px solid #000;
	border-top-left-radius:0.5em;
	border-top-right-radius:0.5em;
	border-bottom-left-radius:0.5em;
	border-bottom-right-radius:0.5em;
	width:1.6em;
	height:1.6em;
	display:inline-block;
	text-align:center;
	margin-right:1em;
}
.boiteActeurs .boiteActeursDetails
{
	display:none;
	position:absolute;
	border:1px solid #000;
	padding:5px;
	background-color:#FFF;
	z-index:10;
	margin-top:-1px;
	
}
.boiteActeurs .boiteActeursDetails ul
{
	padding-left:1em;
}
.boiteActeurs:hover span
{
	border-bottom-left-radius:0em;
	border-bottom-right-radius:0em;
}
.boiteActeurs:hover .boiteActeursDetails
{
	display:block;
}
.col_2 > div
{
	width:355px;
	float:left;
}
.col_3 > div
{
	width:233px;
	float:left;
}
.col_2 > div+div, .col_3 > div+div
{
	margin-left:10px;
}
.bords_ronds
{
	border:1px solid #CCC;
	border-radius:10px;
	padding:5px;
	margin-bottom:1em;
}

figure, figure img
{
	max-width:100%;
	margin:0;
	background-color:#FFF;
}
figcaption
{
	font-style:italic;
	font-size:0.9em;
	display:block;
	position:relative;
}


.infobulle
{
	display:none!important;
	position:absolute;
	margin-top:10px;
	background-color:#FFF;
	color:#000;
	border:1px solid #000;
	padding:7px;
	text-align:left;
	z-index:100;
	font-weight:normal;
	border-radius:10px;
	box-shadow: 4px 4px 8px #444;
	width:200px;
}
.avec_infobulle:hover .infobulle
{
	display:block!important;
	margin-top:3px;
	z-index:100;
	position:absolute!important;
}
.bloc_fil .infobulle
{
	width:auto;
}


.pj
{
	clear:both;
}
q, blockquote
{
	font-style:italic;
	overflow:auto;
}
.wbloc
{
	border:1px solid #CCC;
	padding:5px;
	max-width:50%;
}
p.auteur
{
	font-style:normal;
	text-align:right;
}
#ma_photob
{
	position:absolute;
	left:0px;
	bottom:0;

}
#ma_photob img
{
	height:30px;
	border:2px solid #6aac48;
	border-radius:3px;
}
#ma_photob:hover
{
	margin-top:-50px;
}
a.lientri
{
	font-size:0.8em;
	display:block;
	width:1em;
	margin:1px auto;
	padding:2px;
	color:#FFF;
	background-color:#3a8031;
	text-decoration:none;
}

table.grille
{
border-collapse:collapse;
}
table.grille tr td:first-child
{
font-weight:bold;
}
table.grille td
{
	border:1px solid #3a8031;
}
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}
th.coldate
{
	width:5em;
}
td.coldate
{
	text-align:center;
}
th.etroit, td.etroit
{
	width:1em;
	text-align:center;
}
.l1000
{
	min-width:1000px;
}


/*sondages*/
.sondage input[type="range"]
{
	display:inline;
	max-width:300px;
}
.sondage label
{
	text-align:left;
}
#questionnaire .obligatoire
{
	font-size:1.4em;
	color:#F00;
	margin-right:0.3em;
}
#questionnaire .chapeau
{
	background-color:#FFFFFF;
	box-shadow:0px 0px 5px #ccc;
	padding:1em;
	margin-bottom:1em;
	
}
#questionnaire .descchamp
{
	color:#3a8031;
	font-weight:bold;
}
.blocsondage
{
	display:none;
}
#questionnaire .confidentiel
{
	background-color:#ccc;
}
#questionnaire blockquote
{
	font-size:1em;
	border-width:1px;
}
#questionnaire input[type=checkbox] + label, #questionnaire input[type=radio] + label{font-weight:normal;color:#000;}
#questionnaire .checktoggle + table { display: none; }
#questionnaire [id^=tableau]:checked + table { display: table!important; }
#questionnaire li{margin-bottom:1em;}

table.VarEval, table.VarEval *{border:0;}
table.VarEval td{text-align:center;min-width:3em;}
table.VarEval p.libEval{display:flex;justify-content:space-between;margin:0;gap:2em;}
table.VarEval p.libEval span:first-child{text-align:left;}
table.VarEval p.libEval span:last-child{text-align:right;}
table.VarEval p.libEval span{min-width:15em;}
table.VarEval p.libEval span+span{padding-left:4em;}
table.VarEval label{display:flex;min-width:3em;min-height:2em;justify-content:center;align-items:center;}
table.VarEval .nspp{font-size:0.8em;}


.VarEval input[type="radio"]
{

	border:2px solid #6f6f6f;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	border-radius: 50%;
	background-color:#FFF;
	padding:0;
	min-width:1em;
	min-height:1em;
}
.VarEval input[type="radio"].nspp
{
	border-radius:0;
}
.VarEval input[type="radio"]:focus
{
  border-color:#3a8031;
}
.VarEval input[type="radio"]:checked
{
	background-color:#6aac48;
	border-color:#3a8031;
	transition: 120ms transform ease-in-out;
}
.VarEval input[type="radio"].nspp:checked
{
	background-color:#dddddd;
	border-color:#6f6f6f;
}
#listeinvites a.liensondage
{
	font-size:0;
}
#listeinvites a.liensondage::after
{
	content:"🔗";
	display:inline-block;
	width:1em;
	height:1em;
	font-size:10px;
}
/*Styles spécifiques à l'administration*/
ul.boite_outils
{
	list-style-type:none;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	margin-top:5px;
}
ul.boite_outils li
{
	float:left;
	margin-left:1em;
}
ul.boite_outils img
{
	border:0;
}

ul#listeetablissements
{
	list-style-type:none;
	padding:0;
	position:relative;
}
ul#listeetablissements a
{
	text-decoration:none;
}
ul#listeetablissements > li
{
	background-color:#fff;
	margin-bottom:2em;
	box-shadow:0px 0px 5px #ccc;
	position:relative;
}
ul#listeetablissements dl
{
	font-size:0.9em;
}
ul#listeetablissements dl > *
{
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin:0;
	font-weight:normal;
}
ul#listeetablissements dl dd
{
	font-size:0.9em;
}
h3.rs, h3.personne
{
	font-weight:normal;
	margin:0;
	position:relative;
}
h3.rs a, h3.personne a
{
	margin:0em;
	display:block;
	min-height:3em;
	padding:1em 1em 1em 4em;
	font-size:1.3em;
	text-decoration:none;
}
h3.rs a::before, h3.personne a::before
{
	
	font-family:FontAwesome;
	font-size:1.8em;
	display:block;
	width:2em;
	height:2em;
	position:absolute;
	left:0.8em;
	top:0.5em;
}
h3.rs a::before
{
	content:"\f0f7";
}
h3.personne a::before
{
	content:"\f007";
}
h3.rs .rscomplet, h3.personne .rscomplet
{
	color:#6f6f6f;
	font-size:0.8em;
	display:block;
}
ul#listeetablissements > li > h3.rs a::before
{
	color:#6aac48;
}
ul#listeetablissements > li > .iconetxt
{
	position:absolute;
	right:10px;
	top:10px;
}
ul#listeetablissements ul
{
	list-style-type:none;
	padding:0;
}
ul#listeetablissements li li
{
	border-top:1px solid #ddd;
}
ul#listeetablissements dl
{
	margin:0;
}
ul#listeetablissements dd
{
	border-left:1px solid #ddd;
}
form#etablissements fieldset
{
	margin:0;
}

#nombreresultats
{
	font-weight:bold;
}

div.flash
{
	border:1px solid #D0D0D0;
	margin-bottom:0.5em;
}
div.flash .auteur
{
	margin:0!important;
	padding:0.3em;
}
div.flash div
{
	margin:0.3em;
}
div.flash div p
{
	margin: 0.2em 0;
}
div#contient_galerie
{
	margin:0 auto;
}
ul.galerie
{
	list-style-type:none;
	padding:0;
	margin:0;
	overflow:auto;
}
ul.galerie li
{
	width:155px;
	height:155px;
	float:left;
	background-color:#BBB;
	display:block;
	border:1px solid #000;
	margin-right:5px;
}
ul.galerie a.diapo
{
	width:155px;
	height:155px;
	padding:0;
	margin:0;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
ul.galerie a.diapo img
{
	margin:0;
	padding:0;
	border:0;
}
div#photo_galerie
{
	display:block;
	margin:0 auto;
	min-height:600px;
	text-align:center;
}
div.profil
{
	width:360px;
	float:left;
	border:1px solid #3a8031;
	margin-right:20px;
	padding:10px;
}
div#comp_memb
{
	clear:left;
	border:1px solid #3a8031;
	padding:10px;
	margin-top:1em;
}
#identite
{

	border:2px solid #3a8031;
	max-width:150px;
	max-height:150px;
	
	margin-left:5px;
}
#fiche_onglets #identite
{
	margin-top:-50px;
}
#fiche_onglets #infos_structure p
{
	margin:0;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
#fiche_onglets #infos_structure p > *:first-child
{
	font-style:normal;
	font-weight:bold;
}

div.strucmemb
{
	border:1px solid #3a8031;
	padding:10px;
	margin-top:1em;
}
.iconetxt
{
	font-family:FontAwesome;
	display:inline-block;
	padding:0.4em;
	border-radius:1em;
	line-height:1em;
	text-align:center;
	font-size:1.2em;
}
.iconeradie
{
	color:#fff;
	background-color:#c30630;
}
.iconereseau
{
	color:#fff;
	background-color:#754b95;
}

div.strucmemb_p
{
	width:280px;
	float:left;
	clear:right;
	border:1px solid #3a8031;
	padding:10px;
}

table#carac_evt
{
	position:absolute;
	top:0px;
	right:10px;
}
table#carac_evt caption
{
	font-size:1.2em;
	padding: 2px 5px;
}
table#carac_evt td
{
	text-align:center;
	vertical-align:middle;
}
div#entete_fil
{
	margin:1em 0;
	
}

div#entete_fil > *
{
	margin:0;
	padding:0;
}

div#filtre_fil label
{
	text-align:left;
	font-weight:normal;
}
div#filtre_fil ul
{
	list-style-type:none;
	padding:0;
	background-color:#fff;
	box-shadow:0px 0px 5px #ccc;
}
div#filtre_fil .row
{
	margin:0;
}
div#filtre_fil ul li+li
{
	border-top:1px solid #ddd;
}

.fil
{
	font-size:0.9em;
	position:relative;
}

.fil dl
{
	border-bottom:1px dotted #000;
	padding:0 0 1em 0;
	margin:0;
}

.fil dd.date
{
	color :#777;
}

.fil .bloc_fil
{
	position:relative;
	margin-bottom:2em;
}
.fil .bloc_fil > div
{
	background-color:#fff;
	box-shadow:0px 0px 5px #ccc;
	padding:1em 2em;
	margin-left:45px;
}
.fil .bloc_fil .details > *
{
	display:inline-block;
}
.fil .bloc_fil .details > * + *
{
	margin-left:1em;
}
.fil .bloc_fil p
{
	margin: 0 0 0.3em 0;
}
.fil .identite
{
	position:absolute;
	left:5px;
	top:0.3em;
	font-size:1.5em;
}
.bloc_fil .nom_classe
{
	border-radius:1em;
	padding:0 0.5em;
	position:absolute;
	right:10px;
	color:#fff;
}
div.liste_ajax a.active 
{
	background-color:#f8f8f8;
}
div.liste_ajax a:hover, div.liste_ajax a:active, div.liste_ajax a:focus
{
	background-color:#6AAC48;
}
#liste_evenements option
{
	color:#000;
}
.id_classe_1
{
	background-color:#65aeb1;
	color:#fff;
}
.id_classe_2
{
	background-color:#c40731;
	color:#fff;
}
.id_classe_3
{
	background-color:#c7a64f;
	color:#fff;
}
.id_classe_4
{
	background-color:#6aac48;
	color:#fff;
}
.id_classe_5
{
	background-color:#ff7f2a;
	color:#fff;
}
.id_classe_6
{
	background-color:#d258a0;
	color:#fff;
}
.id_classe_7
{
	background-color:#777;
	color:#fff;
}
.id_classe_8
{
	background-color:#777;
	color:#fff;
}
.id_classe_if
{
	background-color:#744d94;
	color:#fff;
}
#liste_classes
{
	list-style-type:none;
	padding:0;
	max-width:15em;
}
#liste_classes a
{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:0.2em 1em;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#000;
}
#liste_classes a:hover
{
	padding: 0.2em 0.8em 0.2em 1.2em;
}
#liste_classes li:first-child a
{
	border-top-width:1px;
}
#fiche_onglets .descriptif
{
	background-color:#fff;
	box-shadow:0px 0px 5px #ccc;
	padding:1em 2em;
}
div#hierarchielaterale
{
	max-width:30em;
}
div#hierarchielaterale .boite
{
	margin:0;
	font-weight:normal;
	position:relative;
	display:flex;
	list-style-type:none;
	padding:5px;
	
}
div#hierarchielaterale .boite > li:first-child
{
	flex-grow:1;
}
div#hierarchielaterale .boite > li+li
{
	flex-shrink:0;
	flex-grow:0;
	padding:0 0.3em 0.3em 0.3em;
}
div#hierarchielaterale .impayes
{
	color:#F00;
}
.radie > dl > .siret, .radie > .rs, .blocselection.radie .siret
{
	text-decoration:line-through;
}
.boite h4
{
	margin:0;
	font-weight:normal;
	font-style:normal;
}

.boite li ul
{
	opacity:0;
	visibility:hidden;
	position:absolute;
	font-size:0.9em;
	background-color:#FFF;
	right:-0.5em;
transition-delay:1s;
	
	
}
.boite li:hover ul
{
	visibility:visible;
	opacity:1;
	z-index:1;
	transition: visibility 0s, opacity 0.2s linear;
}

div#hierarchielaterale .lieux ul
{
	list-style-type:none;
	padding:0;
}
div#hierarchielaterale .lieux li
{
	display:inline-block;
}
div#hierarchielaterale .lieux li+li
{
	margin-left:10px;
}
div#hierarchielaterale .bodacc ul
{
	list-style-type:none;
	padding:0;
	font-size:0.8em;

}
div#hierarchielaterale .lieux img
{
	max-height:30px;
	max-width:60px;
}
div#hierarchielaterale .lieux ul
{
	list-style-type:none;
	padding:0;
}

div#hierarchielaterale > ul
{
	list-style-type:none;
	padding:0;
	
}
div#hierarchielaterale ul.adresse
{
	font-size:0.9em;
	list-style-type:none;

}
div#hierarchielaterale ul ul.adresse
{
	padding:5px;
}
div#hierarchielaterale > ul > li
{
	padding:5px;
	border:1px solid #dddddd;
	margin-bottom:1em;
}

div#hierarchielaterale a
{
	text-decoration:none;
}
div#hierarchielaterale .actif
{
	background-color:#FFF;
}



.deroulant
{
	list-style-type:none;
	padding:0;
	border:1px solid #000;
	min-width:170px;
	right:0;
}
.deroulant a
{
	display:block;
	color:#000;
	padding:2px 5px;
}
.deroulant a:hover
{
	background-color:#e9e7e7;
}

#fiche_onglets
{
	position:relative;
}

#fiche_onglets .cache
{
	display:none;
}
div#etablissements
{
	position:relative;
}
#fiche_onglets .etablissement dt
{
	font-style:normal;
	font-weight:bold;
}
#fiche_onglets .etablissement dt
{
	margin:0;
}
#fiche_onglets .etablissement dt, #fiche_onglets .etablissement dd
{
	padding-top:0.7em;
	padding-bottom:0.7em;
}
#fiche_onglets .etablissement > *
{
	margin:0;
}
#fiche_onglets .etablissement img
{
	max-width:100%;
}
#fiche_onglets .etablissement  > * + *
{
	border-top:1px solid #ddd;
}
#fiche_onglets .etablissement > * > *+*
{
	border-left:1px solid #ddd;
}
#fiche_onglets .etablissement
{
	position:relative;
	background-color:#fff;
	margin-bottom:2em;
	box-shadow:0px 0px 5px #ccc;
}
#fiche_onglets .etablissement.inactif, #fiche_onglets .cdv_liste.inactif
{
	display:none;
}
#cdvs .obsolete
{
	font-size:0.8em;
}
#cdvs .obsolete h3
{
	background-color:#e7e7e7;
	
}
#cdvs .obsolete h3 *
{
	color:#6f6f6f;
}
.cdv_liste > div
{
	padding:15px;
}
.cdv_liste .fa
{
	margin-right:15px;
	width:1em;
}
.cdv_liste > div dfn, .cdv_liste h4
{
	font-style:normal;
	font-weight:normal;
	font-size:1em;
}
.cdv_liste > div > *
{
	padding:10px 0;
	margin:0;
}
.cdv_liste > div > *+*
{
		border-top:1px solid #ddd;
}
.conteneur_carto
{
	text-align:center;
}
.conteneur_carto > span
{
	font-size:3em;
}
.conteneur_carto:hover .info_carto
{
	display:block;
}
.info_carto
{
	position:absolute;
	border:2px solid #ddd;
	padding:10px;
	background-color:#FFF;
	display:none;
	z-index:100;
	right:0px;
	bottom:0;
	width:300px;
	text-align:left;
}


.carto_comp
{
	position:relative;
	border:1px solid #CCC;
	padding:0.3em 5px 0.3em 40px;
	margin:5px;
	min-height:45px;
	border-radius: 10px;
	background:transparent url('../../images/icones/competences_fond.png') left top no-repeat;
	min-height:100px;
}
.carto_comp h2{margin:0;font-size:0;}
a#ajout_panier
{
	display:block;
	background:#e9e7e7 url('/images/icones/panier.svg') 5px center no-repeat;
	background-size:28px;
	padding:10px 5px 10px 40px;
	font-size:0.8em;
	text-decoration:none;
	border-radius:10px;
	border:2px outset #D0D0D0;
	color:#000;
}
a#ajout_panier:hover
{
	border-style:inset;
}


.mesureSegmentation
{
	display:block;
	background-color:#6aac48;
	color:#fff;
}
#fiche_onglets h2
{
	margin-top:0;
}
div#bandeau_onglets, header#accroche
{
	background-color:#e7e7e7;
	margin-top:-20px;
}
nav.onglets
{
	list-style-type:none;
	padding:0;
	margin:0 0 0 1px;
}
nav.onglets li
{
	display:inline-block;
	padding:0 2em;
}
nav.onglets a
{
	display:inline-block;
	text-decoration:none;
	border-style:solid;
	border-width:0 0 3px 0;
	color:#777;
	border-color:transparent;
	font-weight:bold;
	vertical-align:bottom;
	margin-left:-1px;
	cursor:pointer;
	padding-top:1em;
	padding-bottom:1em;
}
nav.onglets a:hover
{
	border-color:#6aac48;	
}
nav.onglets .actif a
{
	color:#6aac48;
	border-color:#6aac48;
}
.panneau.inactif
{
	display:none;
}

div.colonnes_liste
{
	overflow:hidden;
	font-size:0.9em;
}
div.colonnes_liste input
{
	float:left;
}
div.colonnes_liste label
{
	display:block;
	text-align:left;
	font-weight:normal;
}
div.colonnes_liste h3
{
	font-size:1em;
	margin:0.5em 0;
}
form div.colonnes_liste li
{
	overflow:auto;
}
form div.colonnes_liste ul
{
	list-style-type:none;
	padding:0;
	max-height:40em;
	overflow-y:auto;
}
dl.trombi2
{
	margin-bottom:1em;
	position:relative;
	min-height:36px;
	margin:0 0 3px 0;
	border:1px solid #bbb;
}
dl.trombi2 dt
{
	
	padding-left:35px;
	position:relative;
	margin:0 20px 0 0;
}
dl.trombi2 dd.fonction
{
	margin:0 20px 0 35px;
}
dl.trombi2 dd.fleur
{
	position:absolute;
	width:16px;
	right:2px;
	top:2px;
}
dl.trombi2 .photo
{
	position:absolute;
	width:25px;
	top:0;
	left:0;
}

#rub_pecp td
{
	vertical-align:top;
}
#rub_pecp tr td:first-child
{
	width:400px;
}
#rub_pecp tr td+td
{
	width:310px;
}
#rub_pecp li
{
	overflow:auto;
	border-bottom:1px dotted #ccc;
	margin:0!important;
}
#rub_pecp .pecplabelcomm
{
	vertical-align:middle;
}
#rub_pecp li label
{
	display:block;
	text-align:left;
	width:350px;
	font-weight:normal;
}
#rub_pecp input, #rub_pecp span
{
	float:right;
	border:1px inset #000;
	width:1.5em;
	text-align:right;
	padding:0;
}

#rub_pecp textarea
{
	font-family:arial, helvetica, sans-serif;
	font-size:1em;
	display:block;
	width:100%;
}
#rub_pecp h3
{
	margin:0.5em 0;
}
#rub_pecp h4
{
	margin:0.5em 0;
}
div.radar
{
	width:200px;
	display:table-cell;
}
#conteneurradars
{
	width:720px;
	overflow-x:auto;
}
#divradars
{
	height:160px;
	display:table-row;
	
}
#divradars svg
{
	display:table-cell;
	border:1px solid #000;
}
#divradars a
{
	display:block;
	width:200px;
}
#liste_projets td
{
	vertical-align:top;
}
#liste_projets h2
{
	font-size:1.1em;
	margin:0.2em 0;
}
#liste_projets h3
{
	font-size:1em;
	margin:0.2em 0;
}
#liste_projets p
{
	margin:0.2em 0;
}
#liste_projets li
{
	margin:0;
}
.erreur
{
	color:#F00;
}
p.erreur
{
	border:1px solid #F00;
	padding:0.2em;
	display:inline-block;
	clear:both;
}
div.segmentations
{
	overflow:auto;
}
div.segmentations table
{
	float:left;
	margin-right:1em;
}
div.segmentations td, div.segmentations th
{
	width:1em;
	height:2em;
	text-align:center;
	vertical-align:middle;
}
#tdbagence > tbody > tr td + td
{
	vertical-align:top;
	text-align:right;
}
div svg.carto
{
	width:100%;
}
.icone, .iconetexte
{
	max-width:1.1em;
	max-height:1.1em;
	border:0;
}
.iconeadn
{
	width:1.8em;
}

/*réservavtions*/
div#gauche
{
	float:left;
	margin-right:10px;
	width:268px;
	overflow:hidden;
	border:1px solid #000;
}


div#contient_image
{
	display:table-cell;
	vertical-align:middle;
	height:268px;
	width:268px;
}
img#visualisation
{
	max-width:268px;
	max-height:268px;
	margin:0 auto;
	display:block;
}



table#recapitulatifReservations
{
	width:100%;
}
table#recapitulatifReservations td.joursemaine
{
	vertical-align:top;
	width:14%;
	padding:0;
}

table#recapitulatifReservations ul
{
	list-style-type:none;
	padding:0;
	margin:2px;
}
table#recapitulatifReservations li
{
	border:1px solid #000;
	padding:2px;
	margin-bottom:0.5em;
}
table#recapitulatifReservations h2
{
	font-size:1.1em;
	margin:0.2em 0 0.5em 0;
}
table#recapitulatifReservations .cartouche_personne img
{
	position:absolute;
	margin-left:-30px;
}
table#recapitulatifReservations .cartouche_personne
{
	display:block;
	margin-left:30px;
}
table.jour
{
	width:100%;
}
table.jour td
{
	padding:0.1em;
	font-size:0.8em;
	vertical-align:middle;

}
table.jour td div
{
	height:1em;
	width:100%;
	overflow:hidden;
}
table.jour td:first-child
{
	width:15%;
	border-left:0;
	background-color:#CCC;
	text-align:right;
}
table.jour td+td
{
	text-align:left;
	border-right:0;
	width:70%;
}
table.jour caption
{
	font-size:1em;
	text-align:right;
}
table#recapitulatif a
{
	text-decoration:none;
	color:#000;
}
table#recap_personne td:first-child
{
	text-align:right;
}

.colobj
{
	min-width:18em;
	text-align:left!important;
}
.colheure
{
	width:25px;
}
table#horaires
{
	border-collapse:collapse;
	border:1px solid #000;
	margin-bottom:3em;
	font-size:0.9em;
}
table#horaires caption
{
	padding:0.5em;
}
table#horaires thead, table#horaires .chapeau
{
	border:1px solid #000;
}
#reservations
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size:1.1em;
}
#reservations th .lib_heure
{
	margin-left:-50%;
}
#reservations th#col_objets
{
	padding-right:1em;
}
#reservations tr
{
	height:2em;
}
#reservations .minute0, #reservations .minute3
{
	width:1em;
}
#reservations .heure
{
	text-align:left;
}
#reservations .minute0
{
	border-left-style:solid;
	border-left-color:#000;
	border-right-style:dotted;
	
}
#reservations .minute3
{
	border-left-style:dotted;
	border-right-style:solid;
	border-right-color:#000;
}
#reservations td.minute0, #reservations td.minute1, #reservations div, #reservations .minute1 img, #reservations .minute2 img
{
	width:1em;
}
#reservations .objet_type, #phrase .objet_type
{
	font-family:FontAwesome;
	text-align:center;
}
.reservation a
{
	color:#000;
}
td.reservation
{
	text-align:center;
}
.reservation
{
	
	background-color:#6aac48;
	border:1px solid #777;
	position:relative;
}
.reservation .publique
{
	position:absolute;
	top:0;
	right:0;
	font-size:80%;
}
li.reservation
{
	font-size:0.9em;
	color:#FFF;
}
.recurrente
{
	background: repeating-linear-gradient(
	45deg,
	#6aac48,
	#6aac48 10px,
	#62a43a 10px,
	#62a43a 20px
	);
}
td.reservation a
{
	display:block;
	text-align:center;
}
.maresa
{
	background-color:#FF0;
}
.calendrier a:hover
{
	text-decoration:none;
}
.calendrier 
{
	padding:0;
	background-color:#fff;
}
.calendrier caption
{
	font-size:1em;
	text-align:center;
	margin:0;
}
.calendrier a
{
	color:#000;
}
.calendrier a.precedent
{
	float:left;
}
.calendrier a.suivant
{
	float:right;
}
.calendrier caption a
{
	display:inline-block;
}
.calendrier strong
{
	text-decoration:none;
}
.calendrier tr > *
{
	text-align:center;
}
.calendrier
{
	position:absolute;
	z-index:100;
}
.mesoutils img
{
	max-width:140px;
	max-height:60px;
	background:transparent;
}
.mesoutils
{
	list-style-type:none;
	padding:0;
}
.mesoutils li
{
	display:inline-block;
}
.mesoutils figure
{
	background:transparent;
	margin-right:0.5em;
	text-align:center;
	
}
.mesoutils figcaption
{
	text-align:center;
}

body.login
{
	background-image:url('fond.jpg');
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
body.login main
{
	max-width:359px;
	text-align:center;
}
body.login div
{
	background-color:#fff;
	padding:30px;
	min-height:300px;
}
body.login p#message_session
{
	margin:3em 0;
}
body.login fieldset > *
{
	margin:1.5em auto 0 auto;
}
body.login h1
{
	margin:0;
	color:#6aac48;
}
body.login div p
{
	color:#6f6f6f;
}
body.login h2
{
	color:#000;
	font-style:normal;
	font-size:1.8em;
	margin-top:0.3em;
}
body.login input[type=submit]
{
	display:block;
	width:100%;
}
body.login .checkbox
{
	margin-left:20px;
}
label span
{
	display:block;
	font-size:0.8em;
}
body.login a
{
	color:#46712f;
	text-decoration:none;
}
body.login div+p
{
	text-align:center;
	margin:1em 0;
}

.cdv_liste
{
	background-color:#fff;
	margin-bottom:2em;
}
.cdv_liste h3.rs
{
	background-color:#6aac48;
	color:#fff;
}
.cdv_liste h3.rs a
{
	color:#fff;
}
.cdv_liste .rs .rscomplet
{
	color:#fff;
}

#infobulle
{
	position:absolute;
	top:0;
	left:0;
	width:480px;
	border:1px solid #000;
	background-color:#FFF;
	min-height:80px;
	padding:20px;
}

@media (min-width: 0px) and (max-width: 767px)
{
	h1#logotitre
	{
		overflow:hidden;
	}
	h1#logotitre img
	{
		width:200px;
		margin-left:-15%;
	}
	#bandeau_haut
	{
		padding-top:20px;
		padding-bottom:10px;
	}
	nav#menuhaut
	{
		font-size:1.2em;
	}
	nav#menuhaut > ul
	{
		display:none;
		width:100%;
		left:0;
		margin-top:1em;
		background-color:#fff;
	}
	nav#menuhaut { margin: 0;position:static; }

	nav#menuhaut > .toggle
	{
		color:#6aac48;
		text-align:right;
		font-size:1.5em;
	}
	nav#menuhaut > .toggle::after
	{
		content:'';
		font-family:FontAwesome;
		display:inline-block;
		margin-left:0.5em;
		vertical-align:middle;
	}
	.toggle + a,
	 .menu { display: none; }

	.toggle
	{
		text-align:left;
		display:block;
	}
	[id^=drop]:checked + ul { display: block!important; }

	nav#menuhaut ul li
	{
	  display: block;
	  width: 100%;
	}

	nav#menuhaut ul ul .toggle,
	 nav ul ul a { display:block;padding: 0 40px; }

	nav#menuhaut ul ul ul a { padding: 0 80px; }

	nav#menuhaut a:hover,
	 nav ul ul ul a { color: #6aac48; }

	nav#menuhaut ul li ul li .toggle,
	 nav ul ul a { background-color: #ffffff; }

	nav#menuhaut ul ul {
	  float: none;
	  position: static;
	  color: #ffffff;
	  margin-left:2em;
	}

	nav#menuhaut ul ul li:hover > ul,
	nav#menuhaut ul li:hover > ul { display: none; }

	nav#menuhaut ul ul li {
	  display: block;
	  width: 100%;
	}

	nav#menuhaut ul ul ul li
	{
		position: static;

	}
	
	nav#menuhaut > ul > li > label
	{
		text-align:left;
	}
	nav#menuhaut > ul > li.actif > label, nav#menuhaut > ul > li:hover > label
	{
		color:#6aac48;
	}
	/*#listeetablissements ul *{padding:0;}*/

}

@media (min-width: 768px)
{
	h1#logotitre img
	{
		margin:0 0 -39px 0;
	}
	#bandeau_haut
	{
		padding-top:50px;
		padding-bottom:10px;
	}
	.toggle
	{
		display:none;
	}
	nav#menuhaut ul a
	{
		display:block;
	}
	/*large*/
	nav#menuhaut > ul > li +li
	{
		margin-left:5%;
	}
	nav#menuhaut ul li ul
	{
		margin:0 0 0 -1em;
		width:17em;
	}
	nav#menuhaut ul li ul
	{
		right:0;
	}
	nav#menuhaut > ul > li > a
	{
		border-top:3px solid transparent;
		padding-bottom:1.4em;
		text-align:center;
	}
	nav#menuhaut > ul > li.actif > a
	{
		border-top-color:#6aac48;
		color:#6aac48;
	}
	nav#menuhaut > ul > li:hover > a
	{
		border-top-color:#6aac48;
	}
}
@media all and (max-width : 330px) {

nav#menuhaut ul li {
  display: block;
  width: 94%;
}
}