/*<![CDATA[*/

	
	/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #21284f;
	font-family: inherit, sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	margin-bottom: 1em;
	line-height: 1.8;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
html {
	font-size: 100%; /* 1rem = 10px */
	scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
body {
	background: #fff;
	font-size: 1.6rem;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-right: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}


/* ------------------------------------ */
/*               GENERAL                */
/* ------------------------------------ */
*{	padding: 0;	margin: 0;}

.mobileShow{display:none;}
.mobileHide{display:block;}

body {background: #322828; font-family: Arial, Helvetica, sans-serif; font-size:62.5%}
body:lang(ar) {/*background: red;*/}
html, body{	color: #5b5353; height: 100%;}

.clearing { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
a{	text-decoration: none;}
a:hover{ text-decoration: underline;}
img {	border: 0;}



/* ------------------------------------ */
/*               STRUCTURE              */
/* ------------------------------------ */
#container{position: relative; width: 918px; overflow: hidden; margin: 0 auto;}
#header {position: relative; width: 910px; margin: 0 0 0 8px; background: #fff; overflow: hidden;}
#visu{position: relative; width: 910px; height: 350px; overflow: hidden;  margin: 0 0 0 8px; background: #fff;}
/*body.brux #visu{height: 250px;}*/
#main{position: relative; width: 918px; padding: 29px 0 20px 0; background: url(http://www.smapgroup.com/smapgroup/css/../smap/main-bg.png) left repeat-y ; overflow: hidden;}
#nav{position: relative; width: 198px; float: right;}
#contenu{position: relative; width: 710px; float: right;}
#content{position: relative; width: 590px;/*width: 680px;*/ float: right; padding: 0 10px 0 20px; font-size: 1.2em; text-align: justify; /*border: 1px solid red*/}
#container .hp{ width: 420px;}
#contenu .large{ width: 680px;}
#pratique{position: relative; width: 190px; float: right;margin:0 0 0 15px}

#footer{width: 910px; clear: both; margin: 0 0 0 8px; text-align: center; padding: 42px 0 40px 0; background: url(http://www.smapgroup.com/smapgroup/css/../smap/footer-bg.png) left repeat-y;}


/* ------------------------------------ */
/*              SMAPGROUP               */
/* ------------------------------------ */
#smap{text-align: center; background: #fff; padding: 56px 0 58px 0; border-bottom: 1px solid #ececeb;}
#languages{position: absolute; left: 20px; top: 10px;}
#languages a{ color: #322828; font-size: 1.0em; font-weight: normal;}
#accesmap { background: #fff;text-align: center; padding: 29px 0 32px 0; border-bottom: 1px solid #ececeb; overflow: hidden;}
#accesmap p {padding: 0 0 35px 0;}
#accesmap div {padding: 0 0 0 80px;}
#accesmap a{display: block; float: right; padding: 0 52px 0 52px;}
#accesmap a.nolk{cursor: default !important;pointer-events: none !important;}
a.nolink{cursor: default;}
#accesmap a:hover{ text-decoration: none;}
#accesmap a span.chronhome{display: block; padding: 20px 0 0 0; color: #e64519; font-size: 2.4em; font-weight: normal; text-decoration: none;}
#smapgroup{margin-top: -20px; background: #fff;/* padding: 50px 110px 120px 110px;*/ padding: 0 170px 50px 170px;}
#smapgroup h1{padding: 30px 0 30px 0; font-family: Georgia, serif; color: #e64519; font-size: 3.0em; font-weight: normal; text-align: center;}
#smapgroup h2{padding: 0 0 30px 0; color: #5b5353; font-size: 1.4em; font-weight: bold; text-align: justify;}
#smapgroup p{padding: 0 0 20px 0; color: #5b5353; font-size: 1.2em; font-weight: normal; line-height: 18px; text-align: justify;}
#smapgroup i.spip{padding: 0 0 0 37px;}
#smapgroup strong.spip{ font-size: 1.2em; font-weight: bold;}

#smapgroup #salons { line-height: 1.8em;}
#smapgroup #salons img{padding: 5px 25px 10px 5px;}

#smapgroupfooter{width: 918px; clear: both; margin: 0; text-align: center; padding: 50px 0 50px 0; background: #f8f8f4;}
#smapgroupfooter #footsmap{list-style-type: none; /*overflow: hidden; height: 1%; width: 530px;*/ margin: 0 auto; text-align: center;}
#smapgroupfooter #footsmap li{display: inline; font-size: 1.2em; font-weight: bold; color: #322828; }
#smapgroupfooter #footsmap li.sep{ padding: 0 4px 0 4px; font-size: 1.2em; font-weight: bold; color: #322828;}
#smapgroupfooter #footsmap a{ font-size: 1.0em; font-weight: bold; color: #322828;}

/* ------------------------------------ */
/*               HEADER                 */
/* ------------------------------------ */
#header #logosmap {text-align: center; padding: 14px 0 17px 0px;}
#header #logosmap a{ display: block; float: right;padding: 0 54px 0 50px;}
#header #logosmap a.nolk{cursor: default !important;pointer-events: none !important;}
#header #logosmap a:first-child{padding: 0 28px 0 20px;}
#header #logosmap a:hover{ text-decoration: none;}
#header #logosmap a span.group{display: block; padding: 4px 0 10px 2px; color: #e64519; font-size: 1.3em; font-weight: normal; text-decoration: none;}
#header #logosmap a span.chronhome{display: block; padding: 0 0 10px 0; color: #e64519; font-size: 1.4em; font-weight: normal; text-decoration: none;}
#header #infos {clear: both; padding: 34px 0 25px 0; background: url(http://www.smapgroup.com/smapgroup/css/../smap/footer-bg.png) left repeat-y; overflow: hidden; height: 1%;}
#header #infos #logo {float: right; width: 531px; padding: 0 0 0 78px;}
#header #infos .regional { width: 581px !important; padding: 0 0 0 28px !important;}
#header #infos #positions {float: right;width: 340px;text-align: center;}
#header #infos #positions #decompte{ padding:0; color: #e64519; font-size: 3.8em; font-weight: normal; letter-spacing: -2px}

#visu .list_img{position: absolute; top: 0; left: 0; z-index: 1; width: 910px; height: 350px; overflow: hidden}
/*body.brux #visu .list_img{height: 250px;}*/

/*#other{margin-top:-20px;}*/

/* ------------------------------------ */
/*                 NAV                  */
/* ------------------------------------ */
#nav {position: relative; padding: 0 0 70px 0;}
#nav #menu{position: relative; padding: 0 0 150px 0; margin: 9px 0 0 0;}
#nav #menu li.menurub{ padding: 0 0 0 27px; margin: 10px 0 10px 0; color: #e64519; font-size: 1.7em; font-weight: bold;}
#nav #menu a{color: #574c4c; /*font-size: 1.7em;*/font-size: 1.5em; /*font-weight: bold;*/ padding: 4px 0 10px 37px; display: block; margin: -9px 0 0 0;} 
#nav #menu a:hover{color: #fff;  background: url(http://www.smapgroup.com/smapgroup/css/../smap/menu-bg.png) bottom no-repeat; text-decoration: none;}
#nav #menu a.on{color: #fff;  background: url(http://www.smapgroup.com/smapgroup/css/../smap/menu-bg.png) bottom no-repeat; text-decoration: none;}

#nav #sponsors{ /*padding: 0 0 20px 64px;*/padding: 0 0 20px 40px; 
display: none;
}
#nav #sponsors a{display: block; /*padding: 0 0 17px 0;*/ padding: 0 0 17px 0px;}
#nav #sponsors a:hover{text-decoration: none;}
#nav #sponsors a span{display: block; margin: 0 0 0 3px; padding: 5px 0 0 0; font-size: 1.1em; color: #e64519;}
#nav #sponsors a:hover span {text-decoration: underline;}
#nav #sponsors p{display: block; margin: 0 0 20px 3px; font-size: 1.2em; color: #e64519;}
#nav #sponsors-barce{ padding: 0 0 0 0;text-align: center;}
#nav #sponsors-barce a{padding: 0 0 0 0;color: #574c4c;}
#nav #sponsors-barce .minus{font-size:8px;}

/* ------------------------------------ */
/*               PRATIQUE               */
/* ------------------------------------ */
#pratique #search{padding: 0 0 30px 0; overflow: hidden;}
#pratique #search #recherche{float: right; width: 154px; height: 26px; background: #f5f5ee; border-top: 1px solid #d2d2cc; border-left: none; border-bottom: 1px solid #d2d2cc; border-right: 1px solid #d2d2cc; margin: 1px 0 0 0; padding: 2px 0 0 4px; color: #505050; font-size: 1.3em;}
#pratique #search #rechercheok{float: right;}

#pratique .pratiquebox{margin: 10px 0 20px 0; padding: 0 10px 20px 10px; background: #f5f5ee;}
#pratique .pratiquebox h3{border-bottom: 1px solid #e4e4d1; text-align: center; color: #e64519; font-family: Georgia, serif; font-size: 1.4em; font-weight: normal; padding: 13px 0 13px 0; margin: 0 0 5px 0;}
#pratique .pratiquebox h4{border-bottom: 1px solid #e4e4d1; text-align: center; color: #e64519; font-family: Georgia, serif; font-size: 1.4em; font-weight: normal; padding: 13px 0 13px 0; margin: 0 0 5px 0;}
#pratique .pratiquebox p{padding: 10px 0 0 2px; display: block; overflow: hidden; height: 1%; color: #675f5d; font-size: 1.1em;}
#pratique .pratiquebox p a{ color: #675f5d; font-size: 1.1em; font-weight: bold; text-decoration: underline;}
#pratique .pratiquebox p img{float: left;}
#pratique .pratiquebox p span{font-size: 1.1em; font-weight: bold;}
#pratique .pratiquebox p span.Date {display: inline-block;min-width:90px;font-size: 1.0em;font-weight: normal;}
#pratique .pratiquebox strong{ font-size: 1.1em; font-weight: bold;}

#pratique .padmargbox{margin: 0 0 30px 0; padding: 10px 10px 5px 10px;}
#pratique .pratiquebox #envoiami{ padding: 15px 0 8px 0;}
:lang(de) #pratique .pratiquebox #envoiami{padding: 15px 0 15px 0;}
/*#pratique .pratiquebox #envoiami a{ padding: 0 0 0 50px; background: url(http://www.smapgroup.com/smapgroup/css/../smap/pic-envoiami.png) 8px 0 no-repeat;color: #675f5d; font-size: 1.1em; display: block; height: 12px;}*/
#pratique .pratiquebox #envoiami h2.menu-titre{ padding: 0 0 0 50px; background: url(http://www.smapgroup.com/smapgroup/css/../smap/pic-envoiami.png) 8px 0 no-repeat;color: #675f5d; font-size: 1.1em; display: block; height: 12px; font-weight: normal; cursor: pointer;line-height:1;}
#pratique .pratiquebox #envoiami h2.menu-titre:hover{text-decoration: underline;}
#pratique .pratiquebox #print{ padding: 0 0 0 0;}
#pratique .pratiquebox #print a{ padding: 0 0 0 50px; background: url(http://www.smapgroup.com/smapgroup/css/../smap/pic-print.png) 16px 0 no-repeat;color: #675f5d; font-size: 1.1em; display: block; height: 20px;}

#teaser {width:168px;margin: 0 0 12px 0;padding:10px; background:#E64519; color:#fff;font-size: 1.2em;border:1px solid #ffcf06;}
#teaser span{display:block;font-size: 1.7em;font-weight:bold;}
#teaser strong{display:block;font-size: 1.2em;}


#impriminvit{padding: 0 0 10px 0;}

#newsticker-demo {width:188px;  margin: 0 0 10px 0;padding:0 0 0 0; background:#f5f5ee; font-size:1.1em; border: 1px solid #e6451b;}
#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }
#newsticker-demo .newsticker-demo-title {text-align:center; font-size:1.4em; font-weight:bold; color: #e54717; padding:10px 0 17px 0;}
.newsticker-jcarousellite { width:168px; padding: 0 0 0 10px }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; height: 110px;}
.newsticker-jcarousellite ul li strong{font-size: 1.3em;}
.clear { clear: both; }
/*#newsticker-demo p.suite{clear:both; display: block; width: 100%; padding: 10px 0 0 0; font-size: 0.8em; line-height: 14px;}*/
#newsticker-demo a.suite{margin: 0 0 0 3px; padding: 0 4px 0 4px; background: #e64519; font-size: 0.8em; line-height: 14px; color: #fff;}


#choumicha{ padding: 0 0 10px 0; }
.pub{ padding: 0 0 20px 40px; }
.pub img{display: block; padding: 0 0 0 0; }
.pub a{display: block; padding: 0 0 0 0; font-size:1.2em; font-weight:normal; color: #e64519; text-decoration: none; }
.leg{margin:10px 0 0 0;font-size:12px;text-align:center;color:#e64519;}

/* ------------------------------------ */
/*                CONTENT               */
/* ------------------------------------ */
#content #utils{float: left; padding: 0 30px 25px 0; } 
#content #utils .utilsbloc{ float: right; padding: 0 0 0 20px; font-size: 1.0em; line-height: 14px;}
#content #utils .utilsbloc img{ padding: 0 0 0 3px;}
#content #utils .utilsbloc a{ color: #574c4c; font-weight: bold;}
#content #utils .utilsbloc #search #recherche{float: right; width: 154px; height: 22px; background: #f5f5ee; border-top: 1px solid #d2d2cc; border-left: none; border-bottom: 1px solid #d2d2cc; border-right: 1px solid #d2d2cc; margin: 1px 0 0 0; padding: 2px 0 0 4px; color: #505050; font-size: 1.4em;}
#content #utils .utilsbloc #search #rechercheok{float: right;}
#content #utils .utilsbloc #search #recherche-mars{float: right; width: 154px; height: 22px; background: #f5f5ee; border-top: 1px solid #d2d2cc; border-left: none; border-bottom: 1px solid #d2d2cc; border-right: 1px solid #d2d2cc; margin: 1px 0 0 0; padding: 2px 0 0 4px; color: #505050; font-size: 1.4em;}


#contenu #utils{float: right; padding: 0 30px 25px 0; width: 680px; /*border: 1px solid red*/} 
#contenu #utils-box{float: right; width: 400px; padding: 0 30px 0 0;}
#contenu #utils .utilsbloc{ float: left; padding: 6px 0 0 20px; font-size: 1.2em; line-height: 14px;}
#contenu #utils .utilsbloc img{ padding: 0 0 0 3px;}
#contenu #utils .utilsbloc a{ color: #574c4c; font-weight: bold;}
#contenu #search{float: right; width: 200px;}
#contenu #utils #search #recherche{float: right; width: 154px; height: 26px; background: #f5f5ee; border-top: 1px solid #d2d2cc; border-left: none; border-bottom: 1px solid #d2d2cc; border-right: 1px solid #d2d2cc; margin: 1px 0 0 0; padding: 2px 0 0 4px; color: #505050; font-size: 1.4em;}
#contenu #utils #search #rechercheok{float: right;}

#content span.date{color: #e64519; font-size: 0.8em;}
#content h1{ font-family: Georgia, serif; font-size: 2.2em; font-weight: normal; padding: 5px 20px 10px 0; line-height: 28px; color: #e64519; text-align: right;}
#content h1 span{display: block; font-size: 0.6em; font-weight: normal; line-height: 18px; padding: 10px 0 10px 0;}
#content h2{ font-size: 1.2em; font-weight: bold; padding: 0 20px 10px 0}
#content h3.spip{text-align: right; font-family: Georgia, serif; font-size: 1.4em; font-weight: normal; padding: 5px 0 10px 0; color: #e64519;}
#content h3.gros{ font-family: Georgia, serif; font-size: 2.0em; font-weight: normal; padding: 5px 0 10px 0; color: #e64519;}
#content p{margin:0; padding: 5px 20px 15px 0; /*font-size: 1.2em; */line-height: 18px;}
#content a{color: #e64519;}
#content p.suite{clear:both; display: block; width: 100%; padding: 10px 0 15px 0; font-size: 0.8em; line-height: 14px;}
#content p.suite a{color: #fff; padding: 0 4px 0 4px; background: #e64519;}
#content span.encadre{clear:both; display: block; width: 100%; padding: 3px; border: 1px solid #d2d2cc;}
#content.hp ul{margin: 0 0 20px 20px;line-height: 16px;width: 100%;}
/*
#content ol{ padding: 5px 40px 0 15px; overflow: hidden; clear: both;}
#content ol li{ padding: 10px;}
#content ol li a{display:block;}

#content ol {counter-reset: rouge;}
#content ol li {list-style-type: none;counter-increment: rouge; margin-bottom: 10px;line-height:1.3;}
#content ol li:before {content: counter(rouge);padding:2px 6px 2px 6px;margin-left:2px;vertical-align: top;background: #e8c43f;-moz-border-radius: 60px;border-radius: 60px;font-weight: bold;font-size: 0.8em;color: white;}
*/
.nice-ul {position: relative;padding-right: 32px;list-style-type: none;}
.nice-ul li {margin-bottom: 8px;}
.nice-ul li:last-child {margin-bottom: 0;}
.nice-ul li::before {content: "\2713";position: absolute;right: 0;padding: 2px 8px;font-size: 1em;color: #e8c43f;}

.Gold{font-weight:bold;color:#e8c43f;}

#content ol {position: relative;padding: 15px 40px 0 15px;padding-right: 34px;list-style-type: none;}
#content ol li {counter-increment: step-counter;margin-bottom: 15px;}
#content ol li:last-child {margin-bottom: 0;}
#content ol li:before {content: counter(step-counter);position: absolute;right: 0;padding: 3px 7px;font-size: 1em;line-height: 1.3;color: white;font-weight: bold;background-color: #e8c43f;border-radius: 12px;}
#content ol li:last-of-type:before {padding: 4px 4px;}

#contenu .large h3{ font-family: Georgia, serif; font-size: 2em; font-weight: normal; padding: 5px 0 15px 0; color: #e64519;}
#contenu .large ul{ padding: 0 0 0 0; overflow: hidden; clear: both; list-style: none;}
#contenu .large ul li{float: right; width:200px; height: 190px;}
#contenu .large ul li a{display:block; padding: 5px;}
#contenu .large ul li a img{display:block;}
#contenu .large ul li a span{color: #564d4e; display:block; padding: 10px 0 10px 0; height: 30px; text-align: center;}
#contenu .large ul li a:hover{background: #e64519;}
#contenu .large ul li a:hover span{color: #fff;}
#contenu .large ul li a.on{background: #e64519;}
#contenu .large ul li a.on span{color: #fff;}
#contenu .large .diaporama h3{ font-family: Georgia, serif; font-size: 1.5em; font-weight: normal; padding: 5px 0 15px 0; color: #000;}
#contenu .large .diaporama p{ font-family: Georgia, serif; font-size: 1.1em; font-weight: normal; padding: 5px 0 15px 0; color: #000;}

#content .Une{overflow: hidden; height: 1%; margin: 0 -15px 0 0; padding: 0 10px 0 0; border-bottom : 1px solid #a6a0a0;}
#content .remontebox{ margin: 0 0 0 0;border-bottom: 1px solid #a6a0a0; padding: 15px 0 10px 0;}
#content .remontebox h3{ font-family: Georgia, serif; font-size: 2.0em; font-weight: normal; padding: 5px 15px 10px 0; line-height: 24px; text-align: right;}

#content table{border-collapse: collapse; /*width: 90%;*/}
#content table td{/*padding: 0 30px 5px 0;*/padding: 0 10px 15px 0; vertical-align: top;}

#content object{ margin: 0 0 10px 0;}

#pratique span.date{color: #e64519; font-size: 1.0em;}
#pratique .remontedroite{ margin: 0 0 20px 10px; padding: 0 0 15px 0; border-bottom: 1px dotted #616161;}
#pratique .remontedroite h3{ font-family: Georgia, serif; font-size: 1.4em; font-weight: normal; padding: 5px 0 0 0; line-height: 20px;}
#pratique .remontedroite h3 a{ color: #e64519;}

.annoncespresse{ font-size: 1.1em;}
.annoncespresse h4{ font-family: Georgia, serif; font-size: 1.2em; color: #e64519; font-weight: normal; padding: 15px 0 5px 0;}
.annoncespresse h5{ font-family: Georgia, serif; font-size: 1.2em; color: #e64519; font-weight: normal; padding: 15px 0 5px 0;}
.annoncespresse a{ color: #675f5d; padding: 0 0 0 5px;}

#plan{ list-style-type: none;}
#plan li{ padding: 3px 0 3px 25px;}
#plan li.planrub{ padding: 5px 0 0 15px;}

#rechercher{}
#rechercher ul{ list-style-type: none; }
#rechercher li{padding: 3px 0 10px 15px;}
.spip_surligne{background: #ff6;}

/*Accueil*/
.Stxt1{font-size:18px;/*font-weight:bold;*/color:#e64519;}
.Stxt2{font-size:16px;/*font-weight:bold;*/color:#e64519;}
.Stxt3{display:block;padding:5px 0 5px 0;font-size:24px;font-weight:bold;color:#e64519;}
.Stxt4{font-size:16px;color:#e64519;}

#visuR{position: relative; width: 188px; height: 399px; overflow: hidden;  margin: 0 0 0 0px; background: #fff;border: 1px solid #e64519;}
#visuR .list_txt::before{background-color: #fff;bottom: 0;content: "";right: 0;opacity: 0.9;position: absolute;left: 0;top: 0;}
#visuR .list_txt{position: absolute; top: 131px; right: 0; z-index: 2; width: 190px; height: 216px;text-align:center;opacity: 1;}
#visuR .list_txt .list_txt_titre{position: absolute;top: 10px; right: 10px;width:170px;display:block;font-family: Georgia, serif;font-size:19px;color:#e64519;text-decoration:none;opacity: 1;}
#visuR .list_txt .list_txt_txt{position: absolute;top: 65px; right: 10px;width:170px;display:block;font-family: Georgia, serif;font-size:14px;color:#050505;text-decoration:none;opacity: 1;}
#visuR .list_txt .list_txt_txt2{position: absolute;top: 190px; right: 10px;width:170px;display:block;font-family: Georgia, serif;font-size:14px;color:#e64519;text-decoration:underline;opacity: 1;}
#visuR .list_img{position: absolute; top: 0; left: 0; z-index: 1; width: 190px; height: 399px; overflow: hidden;}

#visuBrd{position: relative; width: 188px;text-align:center;margin:0 auto;}
#visuBrd .list_txt_titre{display:block;margin:0 0 5px 0;font-family: Georgia, serif;font-size:19px;color:#e64519;text-decoration:none;}
#visuBrd .list_txt_txt{display:block;font-family: Georgia, serif;font-size:14px;color:#050505;text-decoration:none;}
#visuBrd .list_txt_txt2{display:block;font-family: Georgia, serif;font-size:14px;color:#050505;text-decoration:none;}
#visuBrd img{margin:10px 0 0px 0;border: 1px solid #e64519;}
#visuBrd a:hover {color:#e64519;}
#visuBrd a:hover .list_txt_txt,
#visuBrd a:hover .list_txt_txt2{color:#e64519;}

/*------------------------------------ */
/*                 PAGES                */
/* ------------------------------------ */
hr { 
clear: both;width:100%;
border: 0; /* enleve toute bordure */
border-bottom: 1px #cccccc solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
margin :5px 0px ; 
-margin:0px;
}
.grey { color:#999999; }
.red{ color: #e64519;}
.petit { font-size: 10px; }
.titregrand { 	font-size: 18px;line-height:20px;font-weight:bold; }
.img-right { float:right;margin:0 10px 10px 0; }
.padtop { padding-top:5px; }
.grey-back { background:#f5f5ee; }
.pad10 { padding:10px; }
.sub-smap {	border: 1px solid #d2d2cc;	cursor:pointer; padding:.4em;	margin: 5px 0 10px 0; background:#e64519;	font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; width:100px ;	color:#fff;}
.erreur{padding: 5px	 0 0 0; color:#e64519;}
.envoye{padding: 10px 0 15px 50px;}

.spip_documents_right{padding: 0 10px 0 0;}
.spip_documents_left{padding: 0 0 0 10px;}
.spip_documents_center{display: block; margin: 0 auto;text-align: center;}
#content h4{margin: 15px 0 0 0; padding: 1px 0 1px 10px; background: #e64519; font-family: Georgia, serif; font-size: 1.0em; font-weight: normal; color: #fff;}
#content h4.blue{ /*background: #4f85c1;background: #404040;*//*background: #f5f5ee; color: #e64519;*/}
#content h4.blocs_titre{ padding: 5px 0 10px 0; /*background: none;*/background:transparent; font-family: Georgia, serif; font-size: 1.4em; font-weight: normal; color: #e64519;}
#content h4.blocs_titre {
	background:transparent url(http://www.smapgroup.com/smapgroup/css/../smap/triangle-bas.gif) no-repeat scroll 0 7px;
	font-weight:normal;
	line-height:1.2em;
	margin-top:4px;
	/*padding:0pt 0pt 0pt 20px;*/
	padding: 5px 0 10px 20px;
	margin-bottom:0.1em;
	clear:right;
	cursor:pointer;}

#content h4.blocs_replie {background:transparent url(http://www.smapgroup.com/smapgroup/css/../smap/triangle.gif) no-repeat scroll 0 7px;}

#content table.expos{ border-collapse: collapse;}
#content table.expos tr:hover{background: #f0ebeb;}
#content table.expos td{padding: 2px 0 2px 10px; font-family: Georgia, serif; font-size: 0.9em; font-weight: normal; text-align: right;}
#content table.expos td.extrub{/*padding: 17px 0 0 10px;*/padding: 5px 0 0 10px; color: #e64519; text-transform: lowercase;}
#content table.expos td.exname{width: 390px;}
#content table.expos td.exstand{width: 190px;}
#content table.expos td.exnameS{width: 390px;vertical-align: middle;font-size: 1.2em;font-weight:bold;color:#e64519;}
#content table.expos td.exstandS p.spip{padding: 0 0 5px 0;}
#content table.expos td.exstandS{width: 190px;text-align: center;}

.bgred{margin:40px 0 30px 0;padding:0 0 0 0;font-size: 1.4em;font-weight:bold;text-align:center;}
.bgred h3{font-size: 1.8em;color:#e64519;}

dl.spip_documents{margin: 0 0 0 0; padding: 0 0 0 0; }
dl.spip_documents dt{float: right; margin: 0 0 0 0; padding: 0 0 0 0;}
span.spip_documents img{vertical-align: middle; }

dl.spip_documents_right{ padding: 0 10px 0 0; }
dl.spip_documents_left{ padding: 10px 20px 0 10px; }

.select_18 ul.spip_form_choix_unique,.select_19 ul.spip_form_choix_unique,.select_20 ul.spip_form_choix_unique,.select_21 ul.spip_form_choix_unique,.select_22 ul.spip_form_choix_unique,.select_23 ul.spip_form_choix_unique{width:100% !important}

.spip_forms div.spip_descriptif.erreur{padding:15px;border: 1px solid red;background: #F7FF3C;}

div.form_32.spip_forms form {
	padding:0;
}
div.form_32.spip_forms fieldset legend {
    /*display: none;*/
	 display: block;
    font-size: 1.15em;
    padding: 15px 5px 0 0;
	color: #E64519;
}
div.form_32.spip_forms fieldset.separateur_1 legend,
div.form_32.spip_forms fieldset.separateur_2 legend, 
div.form_32.spip_forms fieldset.separateur_3 legend, 
div.form_32.spip_forms fieldset.separateur_4 legend {
    display: block;
}
div.form_32.spip_forms ul.spip_form_choix_unique {
    width: 100%;padding:4px 0 4px 30px;/*background:#f5f5ee;*/
}
div.form_32.spip_forms ul.spip_form_choix_unique li{
    display:inline;padding-left:10px;
}
div.form_32.spip_forms .spip_form_label {
	margin:20px 0 5px 0;
}

div.form_32.spip_forms .select_28{
    margin-top:40px;
}
div.form_32.spip_forms .select_28 ul.spip_form_choix_unique li{
    display:block !important;padding-bottom:10px;
}



/* Enquete 2017*/
div.form_38.spip_forms form {
	padding:0;
}
div.form_38.spip_forms fieldset legend {
    /*display: none;*/
	 display: block;
    font-size: 1.15em;
	font-weight:bold;
    padding: 25px 5px 0 0;
	color: #E64519;
}
div.form_38.spip_forms fieldset.separateur_1 legend,
div.form_38.spip_forms fieldset.separateur_2 legend, 
div.form_38.spip_forms fieldset.separateur_3 legend, 
div.form_38.spip_forms fieldset.separateur_4 legend {
    display: block;
}
div.form_38.spip_forms ul.spip_form_choix_unique {
    width: 100%;padding:4px 0 4px 0px;/*background:#f5f5ee;*/
}
div.form_38.spip_forms ul.spip_form_choix_unique li{
    display:inline;padding-left:10px;
}
div.form_38.spip_forms .spip_form_label {
	margin:20px 0 5px 0;
	cursor:pointer;
}

div.form_38.spip_forms .select_28{
    margin-top:40px;
}
div.form_38.spip_forms .select_28 ul.spip_form_choix_unique li{
    display:block !important;padding-bottom:10px;
}
div.form_38.spip_forms .spip_form_champ.textestatique_1,
div.form_38.spip_forms .spip_form_champ.textestatique_4,
div.form_38.spip_forms .spip_form_champ.textestatique_5{
    color: #E64519;
}

/* Enquete 2017*/
div.form_39.spip_forms form {
	padding:0;
}
div.form_39.spip_forms fieldset legend {
    /*display: none;*/
	 display: block;
    font-size: 1.15em;
	font-weight:bold;
    padding: 25px 5px 0 0;
	color: #E64519;
}
div.form_39.spip_forms fieldset.separateur_1 legend,
div.form_39.spip_forms fieldset.separateur_2 legend, 
div.form_39.spip_forms fieldset.separateur_3 legend, 
div.form_39.spip_forms fieldset.separateur_4 legend {
    display: block;
}
div.form_39.spip_forms ul.spip_form_choix_unique {
    width: 100%;padding:4px 0 4px 0px;/*background:#f5f5ee;*/
}
div.form_39.spip_forms ul.spip_form_choix_unique li{
    display:inline;padding-left:10px;
}
div.form_39.spip_forms .spip_form_label {
	margin:20px 0 5px 0;
	cursor:pointer;
}

div.form_39.spip_forms .select_28{
    margin-top:40px;
}
div.form_39.spip_forms .select_28 ul.spip_form_choix_unique li{
    display:block !important;padding-bottom:10px;
}
div.form_39.spip_forms .spip_form_champ.textestatique_1,
div.form_39.spip_forms .spip_form_champ.textestatique_4,
div.form_39.spip_forms .spip_form_champ.textestatique_5{
    color: #E64519;
}


/* Enquete 2023*/
body.art601 #header #logosmap,
body.art601 #header #infos #positions,
body.art601 #nav #menu,
body.art601 #contenu #utils{display: none;}
body.art601 #nav{width: 98px;}
body.art601 #content{width: 600px;}
div.form_40.spip_forms form {
	padding:0;
}
div.form_40.spip_forms fieldset legend {
    /*display: none;*/
	 display: block;
    font-size: 1.15em;
	font-weight:bold;
    padding: 25px 5px 0 0;
	color: #E64519;
}
div.form_40.spip_forms fieldset.separateur_1 legend,
div.form_40.spip_forms fieldset.separateur_2 legend, 
div.form_40.spip_forms fieldset.separateur_3 legend, 
div.form_40.spip_forms fieldset.separateur_4 legend {
    display: block;
}
div.form_40.spip_forms ul.spip_form_choix_unique {
    width: 100%;padding:4px 0 4px 0px;/*background:#f5f5ee;*/
}
div.form_40.spip_forms ul.spip_form_choix_unique li{
    display:inline;padding-left:10px;
}
div.form_40.spip_forms .spip_form_label {
	margin:20px 0 5px 0;
	cursor:pointer;
}

div.form_40.spip_forms .select_28{
    margin-top:40px;
}
div.form_40.spip_forms .select_28 ul.spip_form_choix_unique li{
    display:block !important;padding-bottom:10px;
}
div.form_40.spip_forms .spip_form_champ.textestatique_1,
div.form_40.spip_forms .spip_form_champ.textestatique_4,
div.form_40.spip_forms .spip_form_champ.textestatique_5{
    color: #E64519;
}

.spip_forms form label {
    cursor:pointer;
}


#content.hp ul.spip_form_choix_multiple,
#content.hp ul.spip_form_choix_unique {margin: 0 0 0 20px;}
.spip_forms .spip_form_choix_multiple {float: none !important;padding-top: 0px !important;}

.g-recaptcha{margin:20px 0 20px 5px;}
.robot{padding:20px 0 20px 0;font-weight:bold;color:red;}
.spip_form_label_obligatoire{color:red;}

/*
div.form_38.spip_forms .spip_form_label_obligatoire{color:#fff;width:1px;}
div.form_38.spip_forms .spip_form_label_obligatoire:before{content:" * ";display:inline-block;width:5px;height:5px;font-size: 1.15em;font-weight:bold;color: #E64519;}
*/

/* POPIN */
.parentDisable {
	z-index:999;
	width:100%;
	height:100%;
	/*display:none;*/
	position:fixed;
	top:0;
	right:0;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.popin {
position: absolute;
right: 0;
left: 0;
margin: auto;
top: 0;
bottom: 0;
/*width:600px;
height:340px;*/
width: 1040px;
height: 640px;
padding:25px;
color: #000;
background-color: #fff;
}
.popin h2{
font-size: 1.8em;
font-weight: normal;
padding: 5px 20px 10px 0;
line-height: 28px;
text-align: right;}
.popin h3{font-family: Georgia, serif;
font-size: 2.2em;
font-weight: normal;
padding: 5px 20px 30px 0;
line-height: 28px;
color:#e64519;
text-align: right;}
.popin p{font-size: 1.4em;font-weight: normal;margin:0 0 15px 0;line-height:1.8;}
.popin p a{color:#e64519;}
.btnR{margin:20px 0 0 0;text-align:left;}
.btnR a{border: 1px solid #d2d2cc;cursor: pointer;padding: .4em;margin: 20px 10px 0 0;background: #e64519;font-family: Arial,Helvetica,sans-serif;font-weight: bold;font-size: 1.2em;width: 100px;color: #fff !important;}
.btnR a:hover{text-decoration:none;}

.popin .close{position: absolute;left: 0;top: 0;z-index:1;}
.popin .close a{color:black;}
.popin .close span{display:none;}
.popin .close:before{display:block;content:" X ";width:20px;height:20px;font-size:2em;color:black;}

/* ------------------------------------ */
/*                FOOTER                */
/* ------------------------------------ */
#footer #footforms{list-style-type: none; padding: 0 0 45px 190px;}
#footer #footforms li{float: right; padding: 0 8px 0 0;}
#footer #footforms a{display: block; color: #fff; font-size: 1.2em; font-weight: bold; background: url(http://www.smapgroup.com/smapgroup/css/../smap/btn-footer-box.png); width: 127px; height: 28px; padding: 6px 0 0 0;}

#footer #footref{list-style-type: none; overflow: hidden; height: 1%; width: 530px; margin: 0 auto; text-align: justify;}
#footer #footref li{display: inline; color: #bebbb6; }
#footer #footref li.sep{ padding: 0 4px 0 4px; }
#footer #footref a{ color: #bebbb6; font-size: 1.1em;}


/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}


/* ------------------------------------ */
/*                MENU                  */
/* ------------------------------------ */
.main-navigation {
	display: block;
	width: 100%;
}

.menu-toggle, .main-navigation.toggled ul {display: none;}
.menu-toggle:after, .menu-toggle:before {content: "";position: absolute;right: 0;left: 0;display: block;height: 3px;background: #000;transition: .25s;transition-property: all;transition-property: transform,top;will-change: transform,top;}
.menu-toggle:before {top:0;}
.menu-toggle:after {bottom:0;}
.menu-toggle {position: absolute;top: 20px;padding: 0;height: 25px;width: 30px;font-size: 20px;box-sizing: content-box;border:0;border-radius: 50%;background-image: linear-gradient(to left,#000,#000);background-position: center;background-repeat: no-repeat;background-size: 100% 3px;background-color: transparent;outline: 0;color: #000;cursor: pointer;-webkit-tap-highlight-color: transparent;transition: .25s cubic-bezier(.17,.67,.89,1.4);	transition-property: all;transition-property: transform;will-change: transform;overflow: visible;}
.toggled .menu-toggle{background-image: none;}
.toggled .menu-toggle:after,
.toggled .menu-toggle:before {top:50%;}
.toggled .menu-toggle:before {transform:translate3d(0,-50%,0) rotate3d(0,0,1,45deg);}
.toggled .menu-toggle:after {transform:translate3d(0,-50%,0) rotate3d(0,0,1,-45deg);}

.main-navigation ul {display: none;}

/* ------------------------------------ */
/*                MENU TMP                  */
/* ------------------------------------ */
.main-navigationM {
	display: block;
	width: 100%;
}

.menu-toggleM, .main-navigationM.toggled ul {display: none;}
.menu-toggleM:after, .menu-toggleM:before {content: "";position: absolute;right: 0;left: 0;display: block;height: 3px;background: #000;transition: .25s;transition-property: all;transition-property: transform,top;will-change: transform,top;}
.menu-toggleM:before {top:0;}
.menu-toggleM:after {bottom:0;}
.menu-toggleM {position: absolute;top: 20px;padding: 0;height: 25px;width: 30px;font-size: 20px;box-sizing: content-box;border:0;border-radius: 50%;background-image: linear-gradient(to left,#000,#000);background-position: center;background-repeat: no-repeat;background-size: 100% 3px;background-color: transparent;outline: 0;color: #000;cursor: pointer;-webkit-tap-highlight-color: transparent;transition: .25s cubic-bezier(.17,.67,.89,1.4);	transition-property: all;transition-property: transform;will-change: transform;overflow: visible;}
.toggled .menu-toggleM{background-image: none;}
.toggled .menu-toggleM:after,
.toggled .menu-toggleM:before {top:50%;}
.toggled .menu-toggleM:before {transform:translate3d(0,-50%,0) rotate3d(0,0,1,45deg);}
.toggled .menu-toggleM:after {transform:translate3d(0,-50%,0) rotate3d(0,0,1,-45deg);}

.main-navigationM ul {display: none;}

	.menu-toggleM, .main-navigationM.toggled ul {display: block;}
	.menu-toggleM, .menuM.toggled ul {display: block;}
	.main-navigationM.toggled .menu-toggleM::after, .main-navigationM.toggled .menuM-toggle::before {background: #e64519;}
	.menu-toggleM{position:absolute;top: 25px;right: 15px;z-index:999;transition:transform 0.35s ease 0s;}
	.main-navigationM.toggled .menu-toggleM::after, .main-navigationM.toggled .menu-toggleM::before {background: #e64519;}
	.toggled .menu-toggleM::after {transform: translate3d(0,-50%,0) rotate3d(0,0,1,-45deg);}

/*#headermain{display:flex;}*/
	
#navM {width: 16%;}
#navM #menuM{position: absolute;top: 50px;z-index: 999;padding: 0 0 10px 0;margin: 9px 0 0 0;width: 100%;background: #fff;}
#navM #menuM li.menurub{padding: 0 0 0 15px; margin:0; color: #e64519; font-size: 1.7em; font-weight: bold;}
#navM #menuM a{color: #574c4c; /*font-size: 1.7em;*/font-size: 1.5em; /*font-weight: bold;*/ padding: 2px 0 2px 35px; display: block; margin: 0;} 
#navM #menuM a:hover{color: #fff;  background: url(http://www.smapgroup.com/smapgroup/css/../smap/menu-bg.png) 0 repeat; text-decoration: none;}
#navM #menuM a.on{color: #fff;  background: url(http://www.smapgroup.com/smapgroup/css/../smap/menu-bg.png) 0 repeat; text-decoration: none;}


.logosmapimmo{width: 80%;margin: -20px 0 -5px 0;}
.logosmapimmo img{max-width:300px;}
/* ------------------------------------ */
/*                E/O MENU TMP                  */
/* ------------------------------------ */


@media (max-width: 917px) {
	
	.mobileShow{display:block;}
	.mobileHide{display:none;}
	
	
	img {border: 0;height: auto;max-width: 100%;}
	
	#container {max-width: 918px;width: 100%;}

	#accesmap div {padding: 0;display: flex;justify-content: center;gap: 50px;}
	#accesmap a {float: none;padding: 0;}
	#accesmap #map{display:none;}
	#smapgroup {padding: 0 10% 50px 10%;}
	#smapgroupfooter {width: 100%;max-width: 917px;}
	
	#header {max-width: 918px;width: 100%;margin: 0;overflow:visible;}
	#header #logosmap{display: flex;justify-content: center;gap: 50px;}
	#header #logosmap a {float: none;padding: 0;}
	#header #logosmap a:first-child {padding: 0;flex-basis: 13%;}
	#header #logosmap #map{display:none;}
	
	#header #infos {display: flex;justify-content: center;gap: 50px;padding: 34px 20px 25px 20px;overflow: auto;height: auto;}
	#header #infos #logo {float: none;max-width: 531px;padding: 0;}
	#header #infos #positions {float: none;max-width: 200px;}
	
	#visu {max-width: 918px;width: 100%;/*height: 100%;*/height: 40vh !important;margin: 0;}
	#visu .list_img {width: 100%;height: 100%;}
	
	
	#main {display: flex;max-width: 918px;width: 100%;margin: 0;}
	#nav {float: none;}
	#nav #menu li.menurub {padding: 0 0 0 15px;}
	#nav #menu a {padding: 4px 0 4px 17px;margin: 0;}
	#nav #menu a.on {background: url(http://www.smapgroup.com/smapgroup/css/../smap/menu-bg.png) 0 no-repeat;}
	#nav #menu a:hover{background: url(http://www.smapgroup.com/smapgroup/css/../smap/menu-bg.png) 0 no-repeat;}
	
	#content {float: none;max-width: 420px;}
	#content table {width: 100%;}
	#content table iframe{width: 100%;}
	#content .Une {overflow: auto;height: auto;}
	#content h3.spip {margin: 0 20px 0 0;}
	
	#pratique {max-width: 190px;float: none;margin: 0 20px 0 0px;}
	

	
	#footer {max-width: 918px;width: 100%;margin: 0;padding: 30px 20px 30px 20px;}
	#footer #footforms {padding: 0 0 20px 0;}
	#footer #footforms li {float: none;display: inline-block;}
	#footer #footref {overflow: auto;height: auto;width: 100%;}
}

@media screen and (min-width: 768px) {
	.menu-toggle {display: none;}
	.main-navigation ul {display: block;}
}

@media (max-width: 767px) {
	#smapgroup h2 {text-align: right;}
	#smapgroup i.spip {padding: 0;}
	#smapgroup p {text-align: right;}
	#smapgroup i.spip {padding: 0;}
	
	#header #infos {flex-wrap: wrap;}
	
	#visu{height: 30vh !important;}
	/*#visu .list_img #portfolio{position: relative !important;height: 40vh !important;}*/
	
		
	#nav {position: absolute;top: 0;right: 0;width: 100%;z-index: 999;background: #fff;padding: 0 0 20px 0;}
	
	.menu-toggle, .main-navigation.toggled ul {display: block;}
	.menu-toggle, .menu.toggled ul {display: block;}
	.main-navigation.toggled .menu-toggle::after, .main-navigation.toggled .menu-toggle::before {background: #e64519;}
	.menu-toggle{position:absolute;top:10px;right:20px;z-index:999;transition:transform 0.35s ease 0s;}
	.main-navigation.toggled .menu-toggle::after, .main-navigation.toggled .menu-toggle::before {background: #e64519;}
	.toggled .menu-toggle::after {transform: translate3d(0,-50%,0) rotate3d(0,0,1,-45deg);}
	
	#nav #menu {margin-top: 40px;padding: 0;}
	
	
	#nav #menu a.on {background: url(http://www.smapgroup.com/smapgroup/css/../smap/menu-bg.png) 0 repeat;}
	#nav #menu a:hover{background: url(http://www.smapgroup.com/smapgroup/css/../smap/menu-bg.png) 0 repeat;}
	
	#main {flex-wrap: wrap;}
	
	#container .hp {width: 100%;}

	#content {width: 100%;max-width: none;order: 1;padding: 0 20px 0 20px;text-align: right;}
	#content #utils {padding: 0;}
	#content .Une {margin: 0;padding: 0;}	
	#content h1 {clear: none;}
	/*#content p {padding: 5px 0 0 0;}*/
		
	#pratique {max-width: none;width: 100%;order: 0;display: flex;gap: 20px;margin: 0;padding: 20px 20px 0 20px;}
	#pratique #search {display: none;}
	#pratique .pratiquebox {width: 68%;margin: 0 0 20px 0;padding: 0 10px 10px 10px;}
	#pratique .pratiquebox p {overflow: auto;height: auto;margin-bottom: 1em;padding: 0 0 0 2px;}
	
	
	#contenu {width: 100%;max-width: none;padding: 20px 0 0 0;min-height: 550px;}
	#contenu #utils {float: none;width: 80%;display: flex;position: absolute;top: -20px;left: 0;z-index: 1;padding: 0 0 25px 0;}
	#contenu #utils-box {float: none;width: 100%;padding: 0 30px 0 0;}
	#contenu #search {float: none;width: 100%;min-width: 200px;}
	
	#contenu #pratique {order: 2;display: block;padding: 0 20px 0 20px;width: 90%}
	#contenu #pratique .pratiquebox {display:none;}
	#contenu #pratique .remontedroite {margin: 0 0 5px 0px;padding: 0 0 10px 0;}
	
	.spip_forms {padding: 0 !important;text-align: right;}
	.spip_forms fieldset {padding: 0 !important;}
	.spip_bouton{text-align: center !important;}
	.spip_forms .spip_bouton input {margin: 20px 0px 0 0 !important;}
	.spip_forms .forml, .spip_forms .fondl {width: 95% !important;}
	.spip_forms .formo, .spip_forms .fondo {width: 95% !important;}
	#content.hp ul.spip_form_choix_multiple, #content.hp ul.spip_form_choix_unique{line-height: 20px !important;}
	
	#footer #footforms li {padding: 0 8px 8px 0;}
	#footer #footforms a {height: 29px;}
}
	
@media (max-width: 550px) {
	#smap {padding: 5%;}
	#accesmap div {gap: 40px 0px;flex-wrap: wrap;}
	#accesmap a {flex-grow: 0;flex-shrink: 0;flex-basis: 100%;flex-basis: 50%;}
	#accesmap a span.chronhome {padding: 15px 0 0 0;}
	#smapgroup {padding: 0 7% 50px 7%;}
	
	#header #logosmap {padding: 14px 0 0px 0px;gap: 0 0;flex-wrap: wrap;}
	#header #logosmap a {flex-grow: 0;flex-shrink: 0;flex-basis: 28%;}
	#header #logosmap a.nolk {padding: 0;}
	#header #logosmap a#other {display:none;}
	
	#visu{height: 25vh !important;}
	/*#visu .list_img #portfolio{height: 35vh !important;}*/
	
}
@media (max-width: 549px) {
	#header #logosmap {justify-content: end;}
	#header #logosmap a:first-child {display: none;}

	#header #infos {flex-wrap: wrap;gap: 10px;padding: 0px 20px 0 20px;background:none;}
	
	#header #infos #logo img {margin: -20px 0 -10px 0;}
	
	#visu{height: 20vh !important;}
	
	#main {padding: 0 0 20px 0;}
	
	#contenu {margin: 30px 0 0 0;}
	#contenu #utils {width: 90%;}
		
	#pratique {gap: 10px;padding: 10px 20px 0 20px;flex-wrap: wrap;justify-content: center;}
	#impriminvit {padding: 0;}
	#pratique .pratiquebox {width: 100%;}
	
	
	
	
	
	
}

/*]]>*/