/* skin grunge Jean-Denis : https://adhoc.71site.fr/ première édition mars 2021, révision juillet 2021 */

/* déclaration des polices de caratères */
@font-face {
	font-family: 'Open Sans';
	src: url(fonts/OpenSans-Light.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url(fonts/Lato-Bold.woff) format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'grunge';
	src: url(fonts/grunge.woff) format('woff');
	font-weight: normal;
	font-style: normal;	
}
@font-face {
	font-family: 'fontawesome';
	src: url(fonts/fontawesome.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}

/* HTML */
* {
	margin: 0;
	padding: 0;
	border: 0px none;
	outline: 0px none;
	vertical-align: baseline;
	box-sizing: border-box;
}

/* HTML */
/* Attributs généraux de la page */
html,
body { /*corps de la page*/
	font-family: 'Open Sans';
	color: #eee;
	background: url(img/fond.jpg)no-repeat top fixed; /*image de fond*/
	background-size: cover;
	height: 100%;
	line-height:normal;
}
h1 { /*Titre 1*/
	font-family: 'Open Sans';
	font-weight: bold;
	font-size: 260%;
	line-height: 210%
}
h2 { /*Titre 2*/
	font-size: 110%;
	color: #FADB33;
	margin-top: 10px;
}
h3 { /*Titre 3*/
	margin-top: 10px;
	font-size: 24px;
}
a, a:visited { /*liens, liens visités*/
	text-decoration: none;
	color: #FADB33;
}
a:hover { /*liens survolés*/
	color: #FF6600;
}
ul { /*attributs puce des listes*/
	list-style: outside none disc;
	text-align: left;
}
li { /*attributs item listes*/
	margin-left: 18px;
}
img {max-width:100%; height:auto}
hr { /*ligne horizontale*/
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin: 16px 0;
}

/* Tables */
td {padding: 5px;}

/* Forms */ /* Formulaires */
form h3 { /*Titre 3*/
	margin-top: 28px;
	color: #00AA00;
	border-bottom: solid 3px #00AA00;
	font-size:20px;
} 

fieldset {margin-top: 20px;}
label {margin-top: 22px;} /*titre des champs de formulaire*/
label span {font-size: 14px; color: #FADB33; float: right;} /*commentaires des champs de formulaire*/
label span::before {content:'('}
label span::after {content:')'}
fieldset .field {width:100%}
.search-form {padding-top:10px;}
.field { /*champs des formulaires*/
	padding: 9px 12px;
	border: solid 1px #FADB33;
	margin-bottom: 14px;
	font-size: 105%;
	min-height:42px;
	border-radius:6px;
	background:rgba(0, 0, 0, .4);
	color:#eee;
}
.field:focus {
	background:rgba(0, 0, 0, .8);
	border-color: #FAD605;
}
.block {
	width: 100%;
	min-width: initial !important;
}
/* Form 2 columns - adHoc 0.61 */ 
fieldset.col-2 {display:grid; grid-template-columns: 48% 48%; grid-gap:4%}
fieldset.col-2 label {margin-top: 0;}
fieldset.col-2 .span-2 {grid-column: 1 / span 2;} /*end Form 2 columns */

textarea {resize:none;}
button, .btn, a.btn , form p a { /*boutons des formulaires*/
	margin : 0;
	border : solid 1px #FADB33;
	background:rgba(0, 0, 0, .7);
	color: #FADB33;
	font-family : inherit;
	font-size : 110%;
	cursor : pointer;
	padding: 8px 12px;
	min-width: 90px;
	text-align:center;
	border-radius:6px;
}
form p {text-indent:20px;}
button:hover, .btn:hover, form p a:hover { /*boutons des formulaires au survol*/
	background: #FADB33;
	opacity:.8;
	border : solid 1px #eee;
	color:#000;
}
.btn-group {
	margin: 16px auto;
	white-space: nowrap;
	text-align: center;
	display: inline-block;
	width: 100%;
}
.btn:first-child {float: left;}
.btn:last-child {float: right;}
.btn-outline {}
.btn-big {padding: 5px;}
.btn-med {min-width: 90px;padding: 6px 10px;}
.btn-sml {padding: 1px;}

input[type=checkbox] {
	display:none;
}
label + input[type="checkbox"] { /*bouton à cocher*/
	background-image:url(img/chkbx.png); /*image chkbx.png à changer, à renommer !!garder ses dimensions!! */
}

input[type="checkbox"] + label {
	padding-left: 50px;
	height: 30px;
	display: inline-block;
	line-height: 25px;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
	background-image:url(img/chkbx.png); /*image chkbx.png à changer, à renommer !!garder ses dimensions!! */
	margin-top:12px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;

}
input[type=checkbox]:checked + label {
	background-position: 0 -30px;
}

input.field::placeholder {color:#A8A8A8;} /*couleur suggestions*/
.infoform { /*pavé information des formulaires*/
	font-size:85%;
	margin:8px 0 !important;
	padding:12px 8px;
	background:rgba(255,255,255,.1);
	border-radius:6px;
	border: 1px solid #FADB33;
}

/* glyphs 64 */ /*icône user*/
.glyph64 {
	height: 78px;
	width: 78px;
	padding: 4px;
	border: solid 3px #605202;
	background: #FADB33;
	margin-right: 14px;
	float: left;
}

/* grid */ /*Grille d'affichage : largeurs en % (!!mieux vaut ne pas modifier!!)*/
.w12 {
	width: 48%;
	float: left;
	margin-left: 4%;
}
.w13 {
	width: 30.6%;
	float: left;
	margin-left: 4.1%;
}
.w23 {
	width: 65.3%;
	float: left;
	margin-left: 4.1%;
}
.w14 {
	width: 22.75%;
	float: left;
	margin-left: 3%;
}
.w24 {
	width: 48.5%;
	float: left;
	margin-left: 3%;
}
.w34 {
	width: 74.25%;
	float: left;
	margin-left: 3%;
}
.w45 {
	width: 79.5%;
	float: left;
	margin-left: 2.5%;
}
.w35 {
	width: 59%;
	float: left;
	margin-left: 2.5%;
}
.w25 {
	width: 38.5%;
	float: left;
	margin-left: 2.5%;
}
.w15 {
	width: 18%;
	float: left;
	margin-left: 2.5%;
}
.w11,
.w22,
.w33,
.w44,
.w55 {
	width: 100%;
	float: none;
	margin: 0;
	clear:both;
}

/* General Styles */
.nowrap {white-space: nowrap;}
.evidence { /*mise en évidence des résultats de recherche*/
	background: #0080FF;
	font-weight: 600;
	padding: 0 4px;
}
.occurrence { /*nombre d'occurrences de la recherche*/
	background : #fff;
	color : #0080FF;
	font-weight: 600;
	margin : 0 4px;
}
.quick-links { /*liens rapides de l'éditeur Popline*/
	display: none;
	text-align: right;
	background: #555;
	height: 34px;
	margin-top: 6px;
	padding: 4px 12px 0 0;
	margin: 6px 1px 0 1px!important;
	font-weight:initial;
	font-size:10px;
	color: #fff;
}
.quick-links img, .quick-links a img {
	padding: 1px;
	height:20px;
	width:20px;
	cursor:pointer;
	background: #fff;
	margin: 2px 4px 0 2px;
}	
.quick-links img:hover, .quick-links a:hover img {
	height:22px;
	width:22px;
	margin: 0 2px 0 2px;
}

/* Container */
#container { /*Contenu général*/
	width: 100%; 
	max-width: 1300px; /*ou... ou régler chaque partie indépendamment*/
	min-height: calc(100% - 30px);
	margin: auto;
	overflow: hidden;
	background: rgba(0,0,0,.7);
}
.wrapper { /*Contenu de chaque partie de #container*/
	max-width: 1280px;
	margin: auto;
	clear:both;
	overflow:hidden;
}
.wrapper div:first-child { /*ne pas supprimer mais adapter chaque wrapper au besoin...*/
	margin-left: 0;
}

/* Header */
#header {background: transparent;}
/* Header général : réglages des 3 sections du Header */
#head-top {
	background: rgba(255,255,255,.2);
}
#head-top div.wrapper div {
	float:left;
	color:#fff;
}
#head-mid div.wrapper div {
	float:left
}
#head-btm {
	margin-top:20px;
	box-shadow: 0px 0px 0px transparent, 0px -5px 8px #888;
}
/* #head-btm div.wrapper nav {float:right} */ /*exemple de mise à droite du menu de navigation*/

/* Header elements */
#logo {
	height: 85px; /*hauteur du logo à règler*/
}
#logo img {padding: 10px;}
#site_title {
	color: #FADB33;
	text-shadow: 1px 2px 0px #aaa;
	height: 70px;
	padding: 0 60px 0 5px;
}
#site_title h1 {
	font-family: 'grunge';
	font-weight: normal;
	font-size: 400%;
	line-height: 120%;
}
#site_slogan {
	font-family: 'Open Sans';
	font-weight: bold;
	font-size: 120%;
	line-height: 100%;
	color: #fff;
	margin: 46px 0px 0px 30px;
}
#date {
	width: 100%;
	padding: 5px;
	text-align: left;
	float: right;
}
#user-panel{ /*panneau utilisateur : contient boite recherche header et login*/
	float: right !important;
	margin: 20px 50px 20px 0px;
	height: 20px;
}
#src-head { /*boite recherche header*/
	margin-right: 34px;
	margin-top: -3px;
	border: solid 0px #fff;
	height:30px;
	background: transparent;
}
#search { /*champ texte recherche*/
	vertical-align:text-top;
	height:30px;
	border: none;
	border-radius:6px;
	padding-left:5px;
}
input#search::placeholder {color:#A8A8A8;} /*couleur suggestion champ texte recherche*/
#src-head form input[type=submit] { /*zone lien icône recherche*/
	background:none;
	height: 30px;
	width:30px;
	vertical-align:text-top;
}
#src-head::after { /*icône recherche*/
	font-family: "fontawesome";
	content: "\f002";
	font-size: 26px;
	color:#FADB33;
	text-shadow: 1px 2px 0px #aaa;
	margin-right:4px;
	margin-top:-32px;
	float: right !important;
}
#src-head:hover::after { /*icône recherche au survol*/
	color:#FF6600;
}
#login {float:left}
a#login-btn { /*lien bouton login*/
	color:#fff;
	border: solid 1px #fff;
	border-radius:6px;
	padding: 2px 12px;
}
a#login-btn:hover, #navmob-btn:hover { /*lien bouton login (et bouton mobile) au survol*/
	text-decoration:none;
	color:#FADB33;
	border: solid 1px #FADB33;
}
#SwitchLang { /*zone lien drapeau langue*/
	margin-left: 10px;
	text-align: center;
	width: 40px;
}

#flags-panel { /*panneau drapeaux langues*/
	position: absolute;
	border-radius: 3px;
	color: white;
	display: none;
	background:#333;
	width: 40px;
	padding: 10px;
	z-index: 20;
}
#flags-panel img {
	padding-top: 10px;
}

/* menu bar*/
#menu-bar {
	font: normal 250% 'grunge';
}
#menu-bar a {
	color: #fff;
	line-height: 180%;
	padding:0 12px;
}
ul#menu li {float: left;}
ul#menu li  a {
	float: left;
	border-bottom: 3px solid #FADB33;
	width:auto;
	text-align: center;
}
#menu-bar a:hover {
	color: #FADB33;
}
div#header-top #menu,
div#header-btm #menu {
	display: inline-block;
	width: 95%;
}
#navmob-btn {display:none} /*bouton mobile désactivé*/

/* Sections horizontales à compléter par vos propres sections :*/
/* déclarées dans skin.dbt et placées dans _index.inc et/ou _default.inc */
/* nombre illimité, noms à votre convenance, par exemple : */
/* #UpTab1 #UpTab2... #DownTab1 #DownTab2... */
/* Il sera possible de préciser les boites de ces sections avec leurs indices de 0 à 4 */
/* par exemple : #UpTab1-0 #Uptab1-1 ... (titres et corps des boites également) */

#DownTab-0 
{
font-family: grunge;
  font-size: 200%;
  margin: 15px 0px;
  padding: 10px 20px;
padding: 5px 15px;
  color: #FFFFFF;
  background: transparent;
  border-bottom: 3px solid #FFFFFF;
  text-align: center;
}
#DownTab-1
{
font-family: grunge;
  font-size: 200%;
  margin: 15px 0px;
  padding: 10px 20px;
  color: #FFFFFF;
  background: transparent;
  border-bottom: 3px solid #FFFFFF;
  text-align: center;
}
#DownTab-2
{
font-family: grunge;
  font-size: 200%;
  margin: 15px 0px;
  padding: 10px 20px;
  color: #FFFFFF;
  background: transparent;
  border-bottom: 3px solid #FFFFFF;
  text-align: center;
}
#DownTab-3
{
font-family: grunge;
  font-size: 200%;
  margin: 15px 0px;
  padding: 10px 20px;
  color: #FFFFFF;
  background: transparent;
  border-bottom: 3px solid #FFFFFF;
  text-align: center;
}
#DownTab-4
{
font-family: grunge;
  font-size: 200%;
  margin: 15px 0px;
  padding: 10px 20px;
  color: #FFFFFF;
  background: transparent;
  border-bottom: 3px solid #FFFFFF;
  text-align: center;
}


#HeroUnit {
	padding: 40px 80px;
	font-size: 180%;
	color: #fff;
	background: transparent;
	margin: 0 auto;
}
#HeroUnit .lbox { /* boites de cette section */
	background: transparent;
}
#UpTab, #DownTab {
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	color: #fff;
	padding-bottom: 15px;
}
#UpTab, #DownTab {
	background: transparent;
}


div.UpTab > div.ltit { /*règles spécifiques titres boite de Uptab*/
	color: #E9E9E9;
	border-bottom:3px solid #E9E9E9;
	text-align: left;

}
.clearfix {clear: both;height:30px}

/* Page */
#main {background: transparent;} /*section verticale principale page _index*/
#page {background: transparent;}
.cbox, .lbox { /*Corps boite principale // Corps boites latérales et sections horizontales*/
	display: inline-block;
	width:100%;
	background: rgba(255,255,255,.1);
	padding:5px 15px;}
.cbox p {margin-bottom:10px;}
.lbox ul, .lbox p, .lbox div {padding-bottom:5px;}
.ctit { /*Titre boite principale*/
	color: #FFFFFF;
	font-family: grunge;
	margin: 15px 0px;
	border-bottom:3px solid #FFFFFF;
}
h2.ctit, .ctit {
	font-size: 35px;
	padding: 10px 20px;
}

/* side boxes */
.box { /*boites latérales et sections horizontales*/
	margin-top:20px; /*marges extérieures hautes*/
}
.ltit { /*Titre boites latérales et sections horizontales*/
	font-family: grunge;
	font-size: 200%;
	margin: 15px 0px;
	padding: 10px 20px;
	color: #FFFFFF;
	background: transparent;
	border-bottom:3px solid #FFFFFF;
	text-align:center;
}
div.left-side.box > div.ltit { /*règle spécifique titres boites _index Main left side*/
	text-align:left;
}

/* side menus */ /*Boites menu latérales*/
.catitem, .rubr { /*catégories*/
	font-family: Lato;
	font-size:110%;
	background: transparent;
	padding:6px 10px;
}
ul.item {list-style: outside none none;}
li.item { /*item : nom des pages*/
	padding: 6px 18px;
	border-bottom: dotted 1px #d1d1d1;
	font-size: 90%;
	font-weight: bold;
	margin:0;
}
.item a {display:block}
.mark-cat.active::before { /*icône catégorie active : "menu Liste Catégories"*/
	font-family: "fontawesome";
	content: "\f04b";
	padding-right:10px;
}
.mark-item.active::before { /*icône page affichée*/
	font-family: "fontawesome";
	content: "\f0a9";
	padding-right:10px;
}
.mark-cat.open::after { /*icône pour catégorie à ouvrir : "menu Liste Dynamique1"*/
	font-family: "fontawesome";
	content: "\f067";
	padding-right:10px;
}
.mark-cat.close::before { /*icône pour catégorie à fermer : "menu Liste Dynamique1"*/
	font-family: "fontawesome";
	content: "\f068";
	padding-right:10px;
}
.active {
	color:#fff;
}

/* Footer */
#footer {
	background: transparent;
	color: #eee;
	font-size: 100%;
}
#footer .ltit { /*règles spécifiques pour les titres des boites footer*/
	color: #8080FF;
	border-bottom:3px solid #8080FF;
	text-align: left;
}
/* Il sera possible de préciser plus les boites de cette section avec leurs indices de 0 à 4 */
/* par exemple : #foot-box-0 #foot-box-1 ... (titres et corps des boites également) */
#foot-box-0, #foot-box-1, #foot-box-2, #foot-box-3, #foot-box-4 {font-size: 100%;}

/* Info-footer */
#info-footer { /*section pied de page : liens skinneur et adHoc*/
	background:#000;
	color: #FAF6F6;
	height: auto;
	font-size: 75%;
	padding-bottom:5px;
}
#info-footer .wrapper {max-width: 96%;}
#info-footer div {min-height: 3px; padding-top: 4px; color: #FFF; }
#skin-author {text-align:left;}
#gen-time {text-align: center;}
#adHoc-link {text-align: right;}

/* Pagination */
ul.pager {
	text-align: center;
	color: #FFFFFF;
	list-style: none;
	padding-bottom:10px;
	/*display:none;*/ /*pour ne pas l'afficher du tout*/
}
.pager li,
.pagernext,
.pagerprev { /*3 boutons*/
	padding: 8px;
	border-radius: 6px;
	display: inline-block;
	margin: 0;
}
.pager li { /*bouton central*/
	background: rgba(255,255,255,.8);
	border: solid 1px #FFFFFF;
}
.pagernext,
.pagerprev { /*boutons précédent // suivant*/
	background: rgba(0,0,0,.7) !important;
	border: solid 1px #CECEBF !important;
	color: #bbb;
	float: right;
}
.pagernext a,
.pagerprev a { /*liens*/ /*s'il est nécessaire de personnaliser*/
	color: #FADB33;
}
.pagernext a:hover,
.pagerprev a:hover { /*liens survolés*/ /*s'il est nécessaire de personnaliser*/
	color: #FF6600;
}
.pagerprev {
	float: left;
	padding-left: 0;
}

/* Permalien+ */
.noprint { /*liens en bas de page*/
	padding-bottom:10px;
	/*display:none;*/ /*pour ne pas les afficher du tout*/
}
#pginfo { /*pavé info*/
	background: rgba(0,0,0,.7);
	border: solid 1px #CECEBF;
	border-radius: 6px;
	color: #bbb;
	padding: 12px;
}

/* Pages */
nav #pg-idx h2{font-weight: bold;}
/*boutons de défilement si "menu Liste Catégories"  deux solutions au choix : */
/*solution avec icônes police FontAwesome... que vous pouvez adapter...*/
.btn-scroll-up, .btn-scroll-down { 
	cursor:pointer;
	height: 60px;
	width:60px;
}
.btn-scroll-up {margin:0 0 20px 80px;}
.btn-scroll-down {margin:-40px 0 0 80px;padding-bottom:80px;}
.btn-scroll-up::after, .btn-scroll-down::after {
	font-family: "fontawesome";
	font-size:600%;
	color:#FFFFFF;
}
.btn-scroll-up::after {content: "\f106";}
.btn-scroll-down::after {content: "\f107";}
.btn-scroll-up:hover::after, .btn-scroll-down:hover::after {
	color:#FADB33;
}

/*ou solution "classique" avec "bordures triangles"*/
/**********************************
.btn-scroll-up, .btn-scroll-down {
	margin-left:80px;
	cursor:pointer;
	width: 0;
	height: 0;
	border: solid 30px transparent;
}
.btn-scroll-up{border-bottom: solid 15px #FFFFFF;}
.btn-scroll-up:hover {border-bottom: solid 15px #FADB33;}
.btn-scroll-down{border-top: solid 15px #FFFFFF;}
.btn-scroll-down:hover {border-top: solid 15px #FADB33;}
**********************************/

.pg-inside-menu p {
	display:block;
	padding: 0 22px;
}

/*Info nouveauté et MAJ (texte ou image)*/
.label-new, .label-upd {font: status-bar; float:right; padding: 0 8px; font-size:10px;text-shadow:initial}
.label-new {color: #8080FF;}
.label-upd {color: #00FFFF;}
.img-new, .img-upd {float:right; padding: 6px;}
.pg-inside-menu .img-new, 
.pg-inside-menu .img-upd, 
h4 .img-new, 
h4 .img-upd {float:none; padding: 0 8px; }
.pg-inside-menu span.label-new,
.pg-inside-menu span.label-upd,
h4 span.label-new, 
h4 span.label-upd {float:none; vertical-align:super; padding: 0 8px; }


/* Messages d'infos et d'erreur : affichage public */
.message{padding: 6px; margin-top: 22px; color:#fff}
.info{background:#2D90FF;}
.warning{background:#D90000;}

/*Panneau coulissant latéral*/
.show-side-panel { /*onglet*/
	position: fixed;
	top: 50%;
	right: 0px;
	width: 20px;
	height: 120px;
	border: solid 20px transparent;
	border-right-color: #eee;
	z-index: 100;
}
.user-side-panel { /*panneau*/
	position: fixed;
	top: 0px;
	right: -220px;
	z-index: 100;
	background: #eee none repeat scroll 0% 0%;
	width: 220px;
	height: 100%;
	text-align: center;
	font-family: Lato;
	font-size: 90%;
}
.user-side-panel p {
	padding: 10px;
	clear: both;
}

/* goTop Link */
.goTop {
	background: url(img/goTop.png); /*image goTop.png à placer, à changer ou à renommer*/
	height: 48px;
	width: 48px;
	position: fixed;
	right: 2%;
	bottom: 10%;
	opacity: 0.5;
	cursor: pointer;
}
.goTop:hover {opacity: 1;}

/* Règles spécifiques pour tablettes et smartphones */ /* mobile */
/* Eviter de modifier les % : ils sont prévus pour afficher le site en une seule colonne à 100% */
@media screen and (max-width: 1024px) {.wrapper{width:96%}}
@media screen and (min-width: 901px) {#menu{display:inline-block !important}}
@media screen and (max-width: 900px) {

img {max-width: 98%; margin: 5px 2px; clear:both}
.wrapper{width:100%} /*Contenu de chaque partie de #container*/

/* grid */ /*Grille d'affichage : largeurs en % */
.w11, .w12, .w13, .w14, .w15, .w22, .w23, .w24, .w25, .w33, .w34, .w35, .w44, .w45, .w55 {
	width: 98%;
	float: left;
	margin-left:1% !important;
}

/* Header */
#header{margin-top: 50px;} /*important pour fixer le #user-panel */

/*panneau utilisateur : contient #navmob-btn et #login*/
#user-panel {
	position: fixed;
	margin: 0;
	top: 13px;
	right: 20px;
	z-index: 20;
}
#login {float:right !important}

#logo {margin:4px 0}

/* menu bar*/
#menu-bar { 
	top: 0px;
	position: fixed;
	width: 100%;
	background: #333;
	z-index: 10;
}
#navmob-btn { /*bouton menu mobile*/
	display: block;
	margin: 10px 12px !important;
	border: 1px solid #FADB33;
	float: left;
	color: #FADB33;
}
#navmob-btn p {padding: 2px 12px; font-weight:normal}
#navmob-btn span { /*3 lignes au centre du bouton*/
	width: 20px;
	background: #FADB33 none repeat scroll 0% 0%;
	display: block;
	height: 2px;
	margin: 5px 10px;
}
ul#menu {
	display: none;
	background:transparent;
	clear:both;
}
ul#menu li {
	float:none;margin-left:0;
}
ul#menu li a {width:100%;}
#menu-bar a {
	margin: -5px auto 5px;
}

/* Pagination */
ul.pager {padding-bottom: 20px;}
ul.pager li {display: none;} /*désactivation bouton central*/
li.pagerprev, li.pagernext {display: block !important;}

/* Permalien+ */
.noprint { /*liens en bas de page*/
	margin-top:20px;
	font-size:100% !important;
}
#pginfo { /*pavé info*/
	font-size:90%;
	padding: 10px;
	width:60%;
}

/*images dans les boites*/
.lbox img {clear:both;margin:auto!important;max-width:100%;}

/* Form 2 columns - adHoc 0.61 */ 
fieldset.col-2 {display:block;}

}

@media screen and (max-width: 480px) { 
#logo {display:none} /*désactivation logo*/
#site_title{width:initial;padding:5px }
#site_title h1 {line-height: 100%;}
#site_slogan{display:none} /*désactivation slogan*/
#src-head{display:none} /*désactivation boite recherche header*/

}

@media print { /*impression*/

#header, #SideBar1, .show-side-panel, #footer, #info-footer {display:none} /*désactivation*/
/* grid */ /*Grille d'impression : largeurs en % */
.w12,.w13,.w23,.w14,.w24,.w34,.w45,.w35,.w25,.w15,.w11,.w22,.w33,.w44,.w55 {
	width: 100%;
	float: none;
	margin: 0;
}

}