/* debut de menu principal*/
.nav-menu,.nav-menu ul,.nav-menu li,.nav-menu a { margin: 0; padding: 0; line-height: normal; list-style: none; display: block; position: relative; }
.nav-menu ul { opacity: 0; position: absolute; top: 100%; left: -9999px; z-index: 999; -webkit-transition: opacity .3s; transition: opacity .3s; }
.nav-menu li:hover > ul { left: 0; opacity: 1; z-index: 1000; }
.nav-menu ul li:hover > ul { top: 0; left: 100%; }
.nav-menu li { cursor: default; float: left; white-space: nowrap; }
.nav-menu ul li { float: none; }
.nav-menu ul { min-width: 6em; -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25); box-shadow: 2px 2px 2px rgba(0,0,0,0.25); }
.nav-center { float: right; right: 50%; }
.nav-center > li { left: 50%; }
.nav-menu a {padding: 0 10px;color: #808080;font-weight: normal;font-size: 16px;line-height: 40px;text-decoration: none;}
.nav-menu > li > .nav-active { background-color: rgba(0,0,0,0.05); }
.nav-menu a:hover,.nav-menu a:focus,.nav-menu li:hover a {background: #555;color: #FFF;}
.nav-menu li li a,.nav-menu li:hover li a {padding: 8px 10px;background: #555;color: #FFF;font-size: 12px;line-height: normal;}
.nav-menu li:hover li a:hover,.nav-menu li:hover li a:focus,.nav-menu li:hover li:hover a {background: #444;}
.nav-menu li:hover li:hover li a {background: #444;}
.nav-menu li:hover li:hover li a:hover,.nav-menu li:hover li:hover li a:focus,.nav-menu li:hover li:hover li:hover a {background: #333;}
.nav-menu li:hover li:hover li:hover li a {background: #333;}
.nav-menu li:hover li:hover li:hover li a:hover,.nav-menu li:hover li:hover li:hover li a:focus {background: #222;}

/* vertical */
.nav-vertical { max-width: 220px; }
.nav-vertical ul { top: 0; left: -9999px; }
.nav-vertical li { width: 100%; float: none; }
.nav-vertical li:hover > ul { left: 100%; }
/* fin de menu principal*/

.container {position:fixed; z-index:1000;background-color:#f5f2ed;right: 0px;height:40px;left:0px;top:200px }


.formfield-select {position: relative;}
.formfield-select--container {position: relative;margin: 0 0 1em 0;overflow: hidden;}
.formfield-select--container select {background-color: #60a000;color:#ffffff;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 110%;height: auto;border: 0;margin: 0;padding: .75em;border-radius: 0;overflow: hidden;text-overflow: ellipsis;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
.formfield-select--container::after { 	content: '';position: absolute;top: 50%;margin-top: -3px;right: .75em;display: block;width: 0; height: 0;border-color: transparent;border-top-color: #66ff00;border-width: 6px;border-style: solid;pointer-events: none;}

#google_translate_element select{width:250px;color:#ffffff; font-size:1.6em;border: none;padding:6px 8px ;background:#00a000 ;}
 /*google translate link | logo */
.goog-logo-link{display:none!important;}
.goog-te-gadget{color:transparent!important;}
  /* google translate banner-frame */
.goog-te-banner-frame{display:none !important;}
  #goog-gt-tt, .goog-te-balloon-frame{display: none !important;}
.goog-text-highlight { background: none !important; box-shadow: none !important;}
 
div#google_translate_element div.goog-te-gadget-simple {border: none;background-color: transparent;}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value:hover {text-decoration: none;}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span {color: #aaa;}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover {color: white;}        
.goog-te-gadget-icon {background: url("/pix/icon-trad.png") 0 0 no-repeat !important;}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(213, 213, 213);"] {display: none;}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(118, 118, 118);"] {display: none;}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(155, 155, 155);"] {display: none;}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left: 1px solid rgb(187, 187, 187);"] {display: none;}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid;"] {display: none;}

.goog-te-banner-frame.skiptranslate {display: none !important;}
.goog-tooltip {display: none !important;}
.goog-tooltip:hover {display: none !important;}
.goog-text-highlight {background-color: transparent !important;border: none !important; box-shadow: none !important;}
#goog-gt-tt, .goog-te-balloon-frame{display: none !important;} 
.goog-text-highlight { background: none !important; box-shadow: none !important;}
body  { color: #202020;font-family: Roboto,Arial;font-style:normal;text-align: justify; text-indent: 0cm;}

@keyframes slidy {0% { left: 0%; }10% { left: 0%; }20% { left: -100%; }30% { left: -200%; }40% { left: -300%; }50% { left: -400%; }60% { left: -500%; }70% { left: -600%; }80% { left: -700%; }90% { left: -800%; }100% { left: -900%; }}
div#slider { overflow: hidden; }
div#slider figure img { width: 10%; float: left; }
div#slider figure {position: relative;width: 1000%;margin: 0;left: 0;text-align: left;font-size: 0;animation: 20s slidy infinite; }

html {line-height: 1;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
audio,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
img {border:none; max-width:100%;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
iframe, embed {left: 0;top: 0;width: 100%;}
svg:not(:root) {overflow: hidden;}
button,input,optgroup,select,textarea {margin: 0;}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,html [type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress {display: inline-block;vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
details, menu {display: block;}
summary {display: list-item;}
canvas {display: inline-block;}
template {display: none;}
[hidden] {display: none;}
select{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.blink1 {animation: blinker 3s step-start infinite;}
.blink2 {animation: blinker 5s step-start infinite;}
@keyframes blinker {50% {opacity: 0;}}

H1{ color: #f93; font-variant: normal; font-weight: bold; font-size: 14px; font-family: Trebuchet MS,Verdana}
H2{ color: #630; font-variant: normal; font-weight: bold; font-size: 14px; font-family: Trebuchet MS,Verdana}
h2.type{font-family:cinzel,times;color:#002080;padding: 2em 0 0.7em 0;background-color: #c0e0ff;text-align: center;max-width:100%;}
div.black{background-color: transparent;max-width:100%;}
h4{padding: 1.125em 0 0 0; font-size: 1.125em;}
h5{padding: 1em 0 0 0; font-size: 1em;}
h6{padding: 0.875em 0 0 0; font-size: 0.875em;}
////form{border: 0.08em solid #cccccc; padding: 1em; background:#fff}
p{padding:0.5em 0; font-family: Roboto, Arial, Helvetica, sans-serif;}
.imalogo{ width;270px;height;40px}
.grey{background:#f0f0f0;}

.ac a{font-size: 1em; font-family:'Roboto',Arial,Verdana}
.ac a:hover{font-size: 1em; text-decoration: none}
select.ac{font-size: 1.5em; font-family:'Roboto',Arial,Verdana;color:#ffffff;border:none}
span.nocar{font-size: 1.2em;}
.ac0{color: #e0e0e0;}
.bc1{background-color: #000060;}.bc2{background-color: #4080c0;}.bc3{background-color: #009900;}.bc4{background-color: #00a0ff;}.bc5{background-color: #80e000;}.bc6{background-color: #608000; }.bc7{background-color: #806000;}.bc8{background-color: #c0a000;}.bc9{background-color: #cc6600;}.bc10{background-color: #e0a040;}.bc11{background-color: #ff9900;}.bc12{background-color: #ff6633;}.bc13 {background-color: #ffcc00;}.bc14{background-color: #c0a0c0;}.bc15{background-color: #c080ff;}.bc16{background-color: #cc0066;}.bc17{background-color: #cc3333;}.bc18{background-color: #ff2000;}.bc19{background-color: #E6E6E6;}
a.ac1:hover {color: #808080;}a.ac2:hover {color: #808080;}a.ac3:hover    {color: #808080;}a.ac4 :hover   {color: #808080;}a.ac5:hover    {color: #808080;}a.ac6:hover    {color: #808080;}a.ac7:hover    {color: #808080;}a.ac8:hover    {color: #808080;}a.ac9:hover    {color: #808080;}a.ac10 :hover {color: #808080;}a.ac11:hover  {color: #808080;}a.ac12:hover  {color: #808080;}a.ac13:hover  {color: #808080;}a.ac14 {color: #808080;}a.ac15:hover  {color: #808080;}a.ac16:hover  {color: #808080;}a.ac17:hover  {color: #808080;}a.ac18:hover  {color: #808080;}a.ac19:hover  {color: #808080;}
a.ac1{ color: #fff;background-color: #000060;}a.ac2{ color: #fff;background-color: #4080c0;}a.ac3  { color: #fff;background-color: #009900;}a.ac4{ color:#fff;background-color: #00a0ff;}a.ac5{ color: #fff;background-color: #80e000;}a.ac6   { color: #fff;background-color: #608000;}a.ac7{ color: #fff;background-color: #806000;}a.ac8{ color: #fff;background-color: #c0a000;}a.ac9  { color: #fff;background-color: #cc6600;}a.ac10{ color: #fff;background-color: #e0a040;}a.ac11{ color: #fff;background-color: #ff9900;}a.ac12{ color: #fff;background-color: #ff6633;}a.ac13{ color: #fff;background-color: #ffcc00;}a.ac14 { color: #fff;background-color: #c0a0c0;}a.ac15{ color: #fff;background-color: #c080ff;}a.ac16{ color: #fff;background-color: #cc0066;}a.ac17{ color: #fff;background-color: #cc3333;}a.ac18{ color: #fff;background-color: #ff2000;}a.ac19{ color: #fff;background-color: #404040;}
a.ac1:hover { color: #fff;background-color: #000060;}a.ac2:hover{ color: #fff;background-color: #4080c0;}a.ac3:hover    { color: #fff;background-color: #009900;}a.ac4:hover{ color:#fff;background-color: #00a0ff;}a.ac5:hover{ color: #fff;background-color: #80e000;}a.ac6:hover    { color: #fff;background-color: #608000;}a.ac7:hover{ color: #fff;background-color: #806000;}a.ac8:hover{ color: #fff;background-color: #c0a000;}a.ac9:hover    { color: #fff;background-color: #cc6600;}a.ac10:hover { color: #fff;background-color: #e0a040;}a.ac11:hover { color: #fff;background-color: #ff9900;}a.ac12:hover { color: #fff;background-color: #ff6633;}a.ac13:hover { color: #fff;background-color: #ffcc00;}a.ac14:hover { color: #fff;background-color: #c0a0c0;}a.ac15:hover { color: #fff;background-color: #c080ff;}a.ac16:hover { color: #fff;background-color: #cc0066;}a.ac17:hover { color: #fff;background-color: #cc3333;}a.ac18:hover { color: #fff;background-color: #ff2000;}a.ac19:hover { color: #fff;background-color: #404040;}

.col1{width:8.25%; float:left; }.col2{width:16.5%; float:left; }.col3{width:24.75%; float:left; }.col3c{width:23.5%; float:left; }.col4{width:33%; float:left; }.col5{width:41.25%; float:left;}.col6{width:49.5%; float:left;}.col7{width:57.75%; float:left;}.col8{width:66%; float:left;}.col9{width:74.25%; float:left;}.col10{width:82.5%; float:left;}.col11{width:91%; float:left;}.col12{width:99%; float:left;}.col25{width:24.8%; float:left;}.max1400{max-width:1400px; margin:0 auto}.max1200{max-width:1210px; margin:0 auto}.max980{max-width:980px; margin:0 auto}

.lien_file{display:block;position:relative;width:100px;height:50px;background:url(http://www.mycitynews.eu/pix/loadpix.jpg) no-repeat top;margin:0 0 0 250px;text-decoration:none;}
.lien_file:hover{width:100px;height:50px;background:url(http://www.mycitynews.eu/pix/loadpix.jpg) no-repeat bottom;}
.input_file{position:absolute;top:0;right:0;opacity:0;filter:alpha(opacity=0);}
#input_text{position:absolute;top:0;right:70px;}

img.stick{width:60px;height:60px;}
img.logopix{ width:230px;height:48px}
img.mf1{display:block;float:left;width:30px;height:30px}
img.icon{cursor:pointer;margin:3px;display:block;float:left;width:25px;height:25px}
.swap1{ background-color: #ffffff;}.swap2{ background-color: #e0e0e0;}.swap3{ background-color: #FFFFF0;}.swap4{ background-color: #f5f5f5;}
.actus{height:800px;padding:5px;margin:1px}
.add    {font-size: 1em;font-weight: normal; color:#000066;font-family:Roboto,Arial;}
.addl { color: #006; font-size: 1.3em; font-family:Roboto,Arial,Verdana; background-color: #c9dadf; text-align: left}
.add1     { color: #000000;font-size: 1.4em;font-family:Roboto,Arial,Verdana;text-align: left }
.add2  { color: #a0a0a0;display:block; font-weight: normal;text-align:justify; font-size: 12px; font-family: Arial, Verdana; background-color: transparent;}
.add2r  { color: #f00; font-weight: bold; font-size: 12px; font-family: Arial, Verdana; background-color: #fc0; text-align: right }
.add2 a {margin-left:15px; color: #606060;font-weight: bold; font-size: 12px; font-family:Arial;text-decoration: none; background-color: transparent;}
.add2 a:hover  { margin-left:15px;color: #606060;font-weight: bold; font-size: 12px; font-family: Arial; text-decoration: none; background-color: #fc0;}
.add3  {margin-top:40px;padding:1em;color: #404040;top10%;left:10%;right:10%;text-align:justify; font-size: 1em;font-style: italic;font-family: Roboto,Arial, Verdana;font-weight: bold;background-color:#ffffff; }
.don   { float:left;padding:10px 0 10px;font-size:1.5em;margin-bottom:5px;width:23.5%;cursor:pointer;text-decoration:none;background-color:#0080ff;color:#ffdf00;}
.pt5{padding-top:5px}.pt10{padding-top:10px}.pt20{padding-top:10px}.pt30{padding-top:10px}


.oldprice{ color: #000; font-size: 16px; font-family: Lucida Grande,Arial, Trebuchet MS,Verdana; text-decoration: line-through; text-align: center }
.price{ color: #ff0000; font-size: 16px; font-weight: bold;font-family: Lucida Grande,Arial, Trebuchet MS,Verdana; text-decoration: none; text-align: center ;background-color: #ffe000;}
.resa{ color: #808080; font-size: 13px; font-family: Lucida Grande,Arial, Trebuchet MS,Verdana; text-decoration: none; text-align: center ;}
.date {font-size: 1em; font-weight:bold;color: #ff6080; font-family: Arial ;background: linear-gradient(to top, #ffffc0, white);-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius: 2px;border-radius: 2px;}
.arrow  {color: #00a000;font-size: 2em;font-family: Trebuchet MS,Arial, Verdana;font-weight: bold;}
.flag  {height:14px;width:24px}
.title     { color: #404040; font-weight: bold; font-size: 20px; font-family:Roboto, Times; background-color: transparent; text-align: center;}
.soustitle     { color: #000060; font-style: italic; font-weight: normal; font-size: 13px; font-family: Roboto,arial,verdana; background-color: transparent;Text-decoration:overline underline; text-align: left;}
.encad     { padding:5px;color: #00a000; font-style: normal; font-weight: bold; font-size: 13px; font-family: verdana; background-color: #F5FFFA; }
.caution    { color: #c00000;padding:5px; font-style: normal; font-weight: normal; font-size: 1em; font-family: verdana; background-color: #ffe0e0; text-align: justify;border-style: solid; border-width:thin; border-color: #c00000;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius: 6px;border-radius: 6px;}
.caccept   { color: #20a000;padding:5px; font-style: normal; font-weight: normal; font-size: 1em; font-family: verdana; background-color: #e0f2e9; text-align: justify;border-style: solid; border-width:thin; border-color: #20a000;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius: 6px;border-radius: 6px;}
.profil    {padding:5px; font-style: normal; font-weight: normal; font-size: 13px; font-family: verdana; background-color: #F6F6FD;border-color:#E6E6F3;color: #9B9CCB;border-width:1px;border-style:solid;font-family:Verdana,Arial;text-align: justify;border-style: solid; border-width:thin;-moz-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius: 12px;border-radius: 12px;}

.men1    { padding:5px 0 0 20px;height:25px;cursor:pointer;color:#808080;font-size: 1.1em; font-family: Roboto,Arial, Verdana;border:#e0e0e0 1px;border-style:none none solid;}
.men1:hover{color:white; background-color: #00a000;}

.actua{color: #404040; font-size: 1em; font-family:Roboto,Arial,Verdana;padding-left:10px;text-align:justify;vertical-align:top}
a:hover{text-decoration: none;}

a { color: #666;font-weight: bold; font-size: 1em; text-decoration: none; background-color: transparent}
a.small { color: #666; font-weight: bold; font-size: 9px; text-decoration: none; background-color: #fff }
a.title { color: #00c; display:block;font-weight: normal; font-size: 14px; font-family: Trebuchet MS,Verdana, Lucida Grande,Arial;  text-decoration: none; background-color: transparent }
a.title2 { color: #fff;display:block; font-weight: bold; font-size: 13px; font-family: Trebuchet MS,Verdana, Lucida Grande,Arial;  text-decoration: none; background-color: #f00;}
a.pag    { color: #009; font-weight: bold; font-size: 13px; font-family: Lucida Grande,Arial; background-color: #fc0}
a.activ       { color: #fff;display:block; font-weight: bold;font-size: 2em; font-family:'Roboto',Arial; text-decoration: none; background-color: transparent; text-align:left }
a.base  { color: #009; font-weight: bold; font-size: 13px; text-decoration: none; background-color: #ccc }
.base  { color: #009; font-weight: bold; font-size: 13px; text-decoration: none; background-color: #ccc }
a.add    { color: #009; font-weight: bold; font-size: 13px; font-family: Lucida Grande,Arial, Trebuchet MS,Verdana; text-decoration: underline; background-color: transparent }
a.ok   {float:right; color: #00a000; font-weight: bold; font-size: 12px; font-family: Verdana; background-color: #F6F6FD;-moz-border-radius:7px;-webkit-border-radius:7px;-khtml-border-radius: 7px;border-radius: 7px; }
a.alert  { color: #fff; font-weight: bold; font-size: 1.3em; text-decoration: none; background-color: #f00}
a.big  { color: #fff; font-weight: bold; font-size: 20px; text-decoration: none; background-color: #f00}
a.email    { color: #000099; font-weight: bold; font-size: 13px; text-decoration: none; background-color: transparent }
a.url    { color: #000099; font-weight: bold; font-size: 13px; text-decoration: none; background-color: transparent }
a.adm     { color: #ffffff;display:block;width:100%;height:100%; font-weight: bold; font-size: 12px; font-family: Arial; text-decoration: none;text-align: center; background-color: transparent }
a.admc { color: #ffffff;display:block;width:100%;height:100%; border-style:solid;border-width:1px;border-color:#e0e0e0;font-weight: bold; font-size: 12px; font-family: Arial; text-align: center;text-decoration: none;background-color:#0080e0;}
.new { color: #404040; font-weight: bold;padding:2px 0 2px; font-size: 1.2em; font-family: Arial,Verdana, Lucida Grande,Arial, Times; text-decoration: none; background: linear-gradient(to right,#c0ff60, #ffffff);-moz-border-radius:3px;-webkit-border-radius:3px;}
.news { color: #404040; font-weight: bold;padding:2px 0 2px;  font-size:  0.8em; font-family: Arial,Verdana, Lucida Grande,Arial, Times; text-decoration: none;background: linear-gradient(to right,#c0ff60, #ffffff);-moz-border-radius:3px;-webkit-border-radius:3px;}
.mod { color: #404040; font-weight: bold; padding:2px 0 2px;  font-size:  1.2em; font-family: Arial,Verdana, Lucida Grande,Arial, Times; text-decoration: none; background: linear-gradient(to right,#FFD235, #ffffff);-moz-border-radius:3px;-webkit-border-radius:3px;}
.mods { color: #404040; font-weight: bold;padding:2px 0 2px;  font-size:  0.8em; font-family: Arial,Verdana, Lucida Grande,Arial, Times; text-decoration: none; background: linear-gradient(to right,#FFD235, #ffffff);-moz-border-radius:3px;-webkit-border-radius:3px;}
a.dirs { color: #ffffff; font-weight: bold;padding:2px 0 2px;   font-size:  1.2em; font-family: Trebuchet MS,Verdana, Lucida Grande,Arial, Times; text-decoration: none; background-color: #e0e0e0;-mozborder-radius:3px;-webkit-border-radius:3px;border-color:#00ffff;border-style:solid;border-width:1px;border-radius: 12px 12px;-moz-border-radius: 12px;
}
a.neuts { color: #a0a0a0; font-weight: bold;padding:2px;  font-size:  0.8em; font-family: Trebuchet MS,Verdana, Lucida Grande,Arial, Times; text-decoration: none; background-color: #e0e0e0;-moz-border-radius:3px;-webkit-border-radius:3px;border-style:solid;border-width:1px;border-color:#a0a0a0;}

.del { color: #404040; font-weight: bold;padding:2px;  font-size:  1.2em; font-family: Arial,Verdana, Arial; text-decoration: none; background: linear-gradient(to right,#ffbacc, #ffffff);-moz-border-radius:5px;-webkit-border-radius:3px;}
.dels { color: #404040; font-weight: bold;padding:2px;  font-size:  0.8em; font-family: Arial,Verdana, Arial,; text-decoration: none; background: linear-gradient(to right,#ffbacc, #ffffff);-moz-border-radius:5px;-webkit-border-radius:3px;}
a.dela { color: #ff0000; font-weight:bold;padding:5px; font-size: 1.3em; font-family: Arial; text-decoration: none; background-color: transparent;}
a:hover               { color: #000;  font-weight: bold; font-size: 1em; text-decoration: underline;}
a.small:hover { color: #000; font-weight: bold; font-size: 9px; text-decoration: underline; background-color: #fff }
a.ok:hover   { color: #fc0; font-weight: bold; font-size: 12px; font-family:Verdana; background-color: #F6F6FD}
a.title:hover         { color: #00c;display:block; font-weight: normal; font-size: 14px; font-family: Trebuchet MS,Verdana, Lucida Grande,Arial;  text-decoration: underline; background-color: transparent }
a.title2:hover         { color: #f00;display:block; font-weight: bold; font-size: 13px; font-family: Trebuchet MS,Verdana, Lucida Grande,Arial;  text-decoration: underline; background-color: #fff;}
a.pag:hover    { color: #fc0; font-weight: bold; font-size: 13px; font-family: Lucida Grande,Arial; background-color: #009 }
a.add:hover     { color: #09f; font-weight: bold; font-size: 13px; font-family: Lucida Grande,Arial, Trebuchet MS,Verdana; text-decoration: none; background-color: transparent }
a.alert:hover { color: #f00; font-weight: bold; font-size: 1.3em; text-decoration: none; background-color: transparent }
a.bigalarm:hover { color: #f00; font-weight: bold; font-size: 20px; text-decoration: none; background-color: #fff }
a.email:hover    { color: #000099; font-weight: bold; font-size: 13px; text-decoration: underline; background-color: transparent }
a.activ:hover         { color: #e0e0e0; font-weight: bold;display:block; font-size: 2em; font-family:'Roboto',Arial; text-align: left; text-decoration: none; background-color: transparent }
a.adm:hover      { color: #ffffff;display:block;width:100%;height:100%; border-style:solid;border-width:1px;border-color:#e0e0e0;font-weight: bold; font-size: 12px; font-family: Arial; text-align: center;text-decoration: none;background-color:#0080e0;}
a.admc:hover     { color: #ffffff;display:block;width:100%;height:100%; font-weight: bold; font-size: 12px; font-family: Arial; text-decoration: none;text-align: center; background-color: transparent }
a.base:hover   { color: #fc0; font-weight: bold; font-size: 13px; text-decoration: none; background-color: #009 }
a:hover {transition-property: background-color; transition-duration: 1s;}
.new:hover { color: #202020; font-weight: bold; font-size:  1.2em; font-family: Trebuchet MS,Verdana, Lucida Grande,Arial, Times; text-align: justify; text-decoration: none;background: linear-gradient(to right,#ffffff, #c0ff60);}
.news:hover { color: #202020; font-weight: bold; font-size:  0.8em; text-align: justify; text-decoration: none;background: linear-gradient(to right,#ffffff, #c0ff60);}
.mod:hover {color: #202020; font-weight: bold; font-size:  1.2em;  text-decoration: none;background: linear-gradient(to right,#ffffff, #FFD235);}
.mods:hover {color: #202020; font-weight: bold; font-size:  0.8em;  text-decoration: none;background: linear-gradient(to right,#ffffff, #FFD235);}
a.dirs:hover { color: #ff6000; font-weight: bold; font-size:  1.2em;  text-align: justify; text-decoration: none;background-color: #fff;}
.del:hover { color: #202020; font-weight: bold; font-size:  1.2em;  text-align: justify; text-decoration: none;background: linear-gradient(to right,#ffffff, #FFbacc);}
.dels:hover { color: #202020; font-weight: bold; font-size:  0.8em;  text-align: justify; text-decoration: none;background: linear-gradient(to right,#ffffff, #FFbacc);}
a.dela:hover { color: #ffffff; font-weight: bold; font-size: 1.2em;  text-align: justify;background-color: #ff0000;}
a.neuts:hover {color: #e0e0e0; font-weight: bold; font-size:  0.8em;  text-decoration: none; background-color: #a0a0a0;}

a:active         { color: #ccc; font-weight: bold; font-size: 12px; text-decoration: none }
.message         { color: #f00; font-weight: bold; font-size: 14px; font-family: Lucida Grande,Arial, Times; text-align: left; text-indent: 0cm }
.alarm     { color: #f00; font-weight: bold; font-size: 13px; font-family: Lucida Grande,Arial, Times; background-color:#ffe000}
.backnormal          { color: #009;background-color:#69c}
.backswitch          { color: #69c;background-color:#009}
.virtname { color: #fff; font-weight: 900; font-size: 15px; font-family: Lucida Grande,Arial, Times; text-align: center; text-indent: 0cm }
.blye { color: #009; font-weight: bold; font-size: 13px; font-family: Lucida Grande,Arial, Times; background-color: #fc0; text-align: left; text-indent: 0cm }
.mtop{margin-top:5px}
.actudeg {padding:10px 0px 10px 0px;left:0px;right:0px;border-color:#e0e0e0;border-width:1px 0px 0px 0px;border-style:solid;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px; }
.actudeg:hover {background-image: none;background-color: #f0f8ff; -moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius: 20px;border-radius: 20px; }
.actutop{color: #000000;font-weight: bold; font-size: 1em;padding:0 5% 0 5%; font-family:Roboto Condensed,sans-serif,Arial,Verdana;text-decoration: none;}
.actutop1 {cursor:pointer;text-shadow:3px 3px 6px #e0e0e0;text-align:center;font-weight: bold;color:#000000;font-size: 1.4em;text-decoration: none;font-family: Roboto,Arial,Verdana,sans-serif;}
.actutop1:hover {color: #20a000;}
a.item {color: #808080; display:block;font-style: italic;font-weight: bold; font-size: 1.2em; font-family: times,Verdana,Arial; text-decoration: none; background-color: transparent;}
a.item:hover {color: #404040; background-color: #e0e0e0}
.ph1{color:#202020;width:28%;position:relative;float:left;font-size:1.8em;text-align:center;}
.ph2{color:#ffffff;width:28%;position:relative;float:left;font-size:1.8em;text-align:center;background-color:#e0e0e0;}

.town {cursor:pointer;padding:7px 0 7px;width:96%;font-size:1.4em;font-family:Roboto,Verdana,Arial;text-align:center;border:#ffa0c0 2px solid;border-radius: 7px;}
.towns {cursor:pointer;padding:7px 0 7px;font-size:1.4em;font-family:Roboto,Verdana,Arial;text-align:center;border:#ffa0c0 2px solid;border-radius: 7px;}
.nommois{width:71.42%;float:left;height:18px;color:#808080;font-family:arial;font-size:1em;font-weight:normal;background-color:#e0e0e0;text-align:center;}
.fleches{ padding-top:3px;width:14.28%;float:left;height:16px;background-color:#e0e0e0;text-align:center;}
.fleches a {color: #404040;display:block;width:100%;height:100%; font-weight: bold; font-size: 12px; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.fleches a:hover      { color: #000000;display:block;width:100%;height:100%;font-weight: bold; font-size: 12px; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.nomsjours{width:14.28%;float:left;color:#808080; height:16px;font-family:Roboto,Verdana,Arial;font-size:0.8em;font-weight: bold;background-color:#ffffff;text-align:center;}
.jours  {width:14.28%;float:left;height:18px;text-align: center;background-color:#F5F5F5;}
.jours a { color: #a0a0a0;display:block;width:100%;height:100%; font-weight: bold; font-size: 11px; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.jours a:hover      { color: #ffffff;display:block;width:100%;height:100%;font-weight: bold; font-size: 11px; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.aujourdhui  {width:14.28%;float:left;height:18px;background-color:#ffc020; font-family:Roboto,Verdana,Arial; text-align:center;}
.aujourdhui a { color: #404040;display:block;width:100%;height:100%; font-weight: bold; font-size: 16px; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.aujourdhui a:hover      { color: #ffffff;display:block;width:100%;height:100%;font-weight: bold; font-size: 16px; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.casesvides  {width:14.28%;float:left;height:18px;font-size:10px;color:#C0C0C0;text-align:center;background-color:#ffffff}
.casesvides a { color: #a0a0a0;display:block;width:100%;height:100%; font-weight: bold; font-size: 10px; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.casesvides a:hover      { color: #ffffff;display:block;width:100%;height:100%;font-weight: bold; font-size: 10px; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.daytarget  {width:14.28%;float:left;height:18px;background-color:#ff0000;color:#ffffff;text-align:center;}
.daytarget a { color: #ffffff;display:block;width:100%;height:100%; font-weight: bold; font-size: 14px; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.daytarget a:hover { color: #ffffff;display:block;width:100%;height:100%;font-weight: bold; font-size: 14px; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }

.postit{width:70px;height:70px;float:left;vertical-align:top;text-align: center;font-size: 0.9em;border-color:#e0e0e0;color: #9B9CCB;border-width:1.2px;border-style:solid;font-style:bold;font-family:Prompt,Verdana,Arial;background-color:#ffffff;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
.stick{width:70px;height70px;float:left;vertical-align:top;text-align: center;}
.day{position:relative;color:#000000;font-weight: bold;top:4px;padding-top:20px;font-size: 1.6em;}
.my{position:relative;color:#9B9CCB;font-weight: bold;top:5px;font-size: 1.2em;}
.dm{color:#ffffff;padding:2px 0 2px;font-weight: normal;display:block;width:100%;font-size: 1em;background-color:#e00000;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
.quant{color:#404040;padding:0 10px 0 10px;text-align:center;font-weight: normal;font-size: 1.5em;font-family:Roboto,Verdana;background-color:#ffffff;border:solid 1px #c0c0c0;cursor:pointer;float:left;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}


div#box{z-index:1;padding: 0 5% 0 5%;position:fixed;top:180px;left:0px;right:0px;bottom:0px;overflow:auto;-webkit-overflow-scrolling: touch;}
div#logo{z-index:10000;background-color: #ffffff;position:fixed;top:3px;width:237px;height:40px;left:3px;}
div#menu{z-index:10000;position:fixed;cursor:pointer;top:6px;width:35px;height:35px;left:202px;}
div#newm{z-index:10000;position:fixed;top:43px;width:35px;height:35px;left:445px;}
div#mem{display:none;z-index:100000;position:fixed;top:6px;width:35px;height:35px;left:234px;}
div#pass{z-index:100000;position:fixed;top:45px;width:35px;height:35px;left:488px;}
div#calen{background-color:#ffffff;position:fixed;top:50px;height:125px;left:0px;width:230px}
.calendar{width:230px}
//div#result{z-index:12;background-color: transparent;top:0px;left:0px;right:0px;bottom:20px;overflow:auto;}
div#wait{z-index:300000;position:fixed;background-color: transparent;top:35%;left:40%;width:200px;height:200px;opacity: 0.4;filter: alpha(opacity=40); }
div#carac{position:fixed;display:none;z-index:9000;font-size: 1.6em; font-family:'Roboto',Arial,Verdana;text-align: justify;text-justify: inter-word;overflow:hidden;top:180px;left:50px;right:50px;height:300px;Line-Height: 1.4;background-color:#ffffff;}
div#adgmenu{opacity:1;z-index:2;position:fixed;top:190px;left:0px;right:0px;height:30px}
div#men{position:fixed;z-index:200000;background-color:#ffffff;top:50px;left:0px;width:240px;height:500px;box-shadow: 3px 3px 2em #a0a0a0;}
div#calenmob{display:none}
div#calmob{display:none}
div#becom{display:block;position:fixed;top:80px;left:250px;right:250px;text-align:center}
div#adgnew{position:fixe;top:200px;left:0px;right:0px;bottom:20px;overflow:auto;background-color:#f0f8ff}
div#adhead {z-index:400000;padding:5px;position: fixed;left:200px;top:0px;height:120px;right:200px;font-weight: bold; font-size:24px;font-style: italic;text-align: justify;color: #202020;background-color: transparent;font-family:Times;}
div#adheadtext{font-weight: bold; font-size:13px;font-style: italic;}
div#map {position:fixed;z-index:10000;top:0px;right:0px;width: 250px; height: 170px;background-color:#99ccff;}
div#city {z-index:400;cursor:cursor;position: fixed;left:300px;top:8px;height:40px;right:300px;font-size:2.2em;font-family:'Roboto',Verdana;font-weight:bold;text-decoration:none;text-align: center;color:#404040;}
div#scity {z-index:400;position: fixed;cursor:pointer;left:300px;top:70px;right:300px;font-size:1.5em;font-family:'Roboto',Verdana;font-weight:bold;text-decoration:none;text-align: center;color:#404040;background-color:#ffffff;overflow:auto;-webkit-overflow-scrolling: touch;}
div#loupe{z-index:400;cursor:pointer;position: fixed;pointer;top:8px;height:40px;right:260px;}
div#help{position:fixed;z-index:10000;top:10px;left:600px;height:20px;width:50px;background-color:#ffffff;}
div#login{z-index:30000;display:none;position:absolute;top:10px;left:250px;width:300px}
div#search{z-index:3;display:none;position:absolute;top:10px;right:250px;width:200px}
div#ham{position:fixed;display:block;z-index:10000;top:10px;left:245px;width:40px;height:40px;cursor:pointer;background:url('/pix/icon-ham.png');background-size:40px;background-repeat: no-repeat;}
.rodate{-webkit-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);position:relative;top:10px;font-size:0.8em;background-color:#ffff00;color:#808080}
.rodate1{z-index:800000;position:relative;top:5px;left:5px;-webkit-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);font-size:0.8em;box-shadow: 1px 1px 4px #555;}/////////////@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)
/////////////@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
/////////////@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
/////////////@media (max-width: 1199.98px) { ... }

@charset "utf-8";
*{padding:0; margin:0}
.shadow {-moz-box-shadow: 3px 3px 5px #777;-webkit-box-shadow: 3px 3px 5px #777;box-shadow: 3px 3px 5px #777;}
.hide {visibility:hidden;}
.show {visibility: visible;}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
h2.type{font-family:cinzel,times;color:#002080;padding: 2em 0 0.7em 0;background-color: #c0e0ff;text-align: center;max-width:100%;}
div.black{background-color: transparent;max-width:100%;}
h4{padding: 1.125em 0 0 0; font-size: 1.125em;}
h5{padding: 1em 0 0 0; font-size: 1em;}
h6{padding: 0.875em 0 0 0; font-size: 0.875em;}
////form{border: 0.08em solid #cccccc; padding: 1em; background:#fff}
p{padding:0.5em 0; font-family: 'raleway', Arial, Helvetica, sans-serif;letter-spacing:0.02em;}

hr {clear: both;text-align:center;background-color: #ffffff;background-color: rgba(255,255,255,0);width: 90%;border: 0;border-bottom: solid 1px #a0a0a0;color: #a0a0a0;margin: 1em auto 1em;height: 1px;}
a.connect{font-family: 'cinzel', Arial, Helvetica, cursive;text-color:#737373;font-size:1.3em; border:dotted 3px #737373; border-radius:0.3em; padding:0.7em 4em 0.7em 6em; background: url('../pix/connectons-nous.png') no-repeat 20% 50%; margin: 3em 0 2em; display: inline-block;}
a:hover.connect, a:active.connect, a:focus.connect{padding:0.7em 6em 0.7em 4em; background: url('../pix/connectons-nous.png') no-repeat 80% 50%;text-color:#ff0000;}
.currentPage {font-weight: 600; background-color: #E2E2E2;}
time{color:#20a0ff; font-size:120%; font-weight:bold; display: block;}
blockquote{color: #20a0ff; font-size: 2em; font-family: 'Dancing Script', Arial, Helvetica, cursive;line-height: 110%;}
blockquote hr{width:20%; color: #d0d0d0; border-bottom: 1px #d0d0d0 solid; margin: 0 0 0.7em;}

ul.stand {list-style-image: url("https://www.mycitynews.eu/pix/dot-yellow.png");padding-left:30px}
.center{text-align:center}
.right{text-align:right}
.clear{clear:both; line-height:0}
.pad{padding-right:10px;}
.corner{border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius: 10px;}
.grey{background:#f0f0f0;}
.sicon{width:25px;height:25px}

a:link.italic, a:visited.italic{display:block; color:#b7b7b7; text-align:center; text-transform:uppercase; font-style:italic; font-weight:bold; font-size:1.1em; letter-spacing:0.1em; padding: 2em 0 3em; font-family: 'raleway', Arial, Helvetica, sans-serif;}
a:hover.italic, a:active.italic, a:focus.italic {color:#c10075; letter-spacing:0.2em;}
#content .defaultStyle img{padding:1% 2% 0 1%;}
fieldset{border:none;}
legend{font-size:1.4em; color:#062033; font-weight:bold}
label{padding: 2em 0 0 0; display: inline-block; color:#5b646e; font-size: 0.9em;}
label:hover{color:#c10075;}
label.checkbox{padding: 0 0 0 1em; display: inline-block;}


input {width:80%; padding:0 1%; border:solid #cccccc 0.08em; font-family: 'raleway', Arial, Helvetica, sans-serif; color:#5b646e; outline: none;font-size: 0.8em;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius: 3px;border-radius: 3px;}
textarea{width:98%; padding:0 1%; border:solid #cccccc 0.08em; font-family: 'raleway', Arial, Helvetica, sans-serif; color:#5b646e; outline: none;font-size: 0.8em;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius: 3px;border-radius: 3px;}
//select{padding:0 1%; border-top:none; border-left:none; border-right:none; border-bottom:solid #cccccc 0.08em; font-family: 'raleway', Arial, Helvetica, sans-serif;color:#5b646e; outline: none;font-size: 1.5em;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius: 3px;border-radius: 3px;}
select.stime{width:80px; font-size: 1em;color:#808080;  background-color:#e0e0e0;border:none}

input.nets{width:90%;border:none; font-family: 'Roboto', Arial, Helvetica, sans-serif;font-weight: normal;color:#202020;font-size: 1em;text-decoration: none;font-family: Arial}
input.email{width:90%;border:solid #cccccc 0.08em; font-family: 'raleway', Arial, Helvetica, sans-serif; color:#5b646e; outline: none;font-size: 1.4em;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
input.login{width:150px;border:solid #cccccc 0.08em; font-family: 'raleway', Arial, Helvetica, sans-serif; color:#5b646e; outline: none;font-size: 1.4em;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
input.login1{width:90%;border:solid #cccccc 0.08em; font-family: 'raleway', Arial, Helvetica, sans-serif; color:#5b646e; outline: none;font-size: 2em;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
input:focus,textarea:focus,select:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 30px 30px rgba(0,0,0,0.075),0 0 30px rgba(102,175,233,0.6);box-shadow:inset 0 30px 30px rgba(0,0,0,0.075),0 0 30px rgba(102,175,233,0.6)}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px white inset;}

/////input[type="mit"]{width:auto; float:right; background:url(../pix/envoyer.png) no-repeat; background-position: 0.7em 50%; border:none; font-family: 'raleway', Arial, Helvetica, sans-serif; color:#5b646e; font-weight:bold; cursor:pointer; padding: 0.3em; margin: 1.5em 0 0 0; border-radius: 0.3em; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -opera-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; font-size:1.2em; -webkit-box-shadow:none;    border: 1px solid #ccc;}
input[type="submit"]{width:auto; float:right; font-family: 'raleway', Arial, Helvetica, sans-serif; color:#008000; background-color:#ffffff;font-weight:bold; cursor:pointer; border-radius: 0.3em; font-size:1.2em;  border: 1px solid #008000;}
input:hover[type="submit"]{color:#ffffff; background-color:#008000;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}
input[type="checkbox"], input[type="radio"] {width: auto;}
input[type="file"] {border: 0;color: #0099cc;}

a.connect-rs{display:block; text-align:center; padding:0.2em 0}
a.fleche {display:inline-block}
a.fleche img{-moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -opera-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
a:hover.fleche img{margin:0 0 0 0.5em}
img.plan, #googlemap{margin: 3em 0 -3.4em 0;max-width: 281%; width:100%}

/*----------------------------------Fin CSS Pages----------------Début max-media--------------------------------------------*/


@media screen and (max-width:1024px){
div#carac {top:65px;height:90px;font-size: 1.2em;}
div#city{top:15px;font-size: 2.2em;}
div#login{display:none}
div#search{display:none}
div#newm{z-index:10000;position:fixed;top:43px;width:35px;height:35px;left:463px;}
div#help{position:fixed;z-index:10000;top:10px;left:610px;height:43px;width:50px;background-color:#ffffff;}
input {font-size: 1.5em;}
input.login{width:100px;border:solid #cccccc 0.08em; font-family: 'raleway', Arial, Helvetica, sans-serif; color:#5b646e; outline: none;font-size: 1.5em;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
.town {margin-left:2%;padding:4px 0 4px;height:25px;width:90%;font-size: 1.2em;}
.town a {width:90%;font-size: 1.2em;}
.add3  {margin-top:40px;padding:1em;color: #404040;top40%;left:10%;right:10%;text-align:justify; font-size: 1em;}
.postit{width:50px;height:50px;float:left;vertical-align:top;text-align: center;font-size: 0.8em;border-color:#e0e0e0;color: #9B9CCB;border-width:1px;border-style:solid;font-family:Roboto,Verdana,Arial;background-color:#ffffff;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
.nommois{width:71.42%;float:left;font-size:1.03em;font-weight:normal;text-align:center;}
.stick{width:50px;height:50px;float:left;vertical-align:top;text-align: center;}
.day{color:#000000;font-weight: bold;padding-top:30px;font-size: 1.4em;font-family:Roboto,Verdana;}
.my{position:relative;color:#9B9CCB;font-weight: bold;top:5px;font-size: 1em;}
.dm{color:#ffffff;font-weight: normal;display:block;width:100%;font-size: 1em;font-family:Roboto,Verdana;background-color:#e00000;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
.don   { float:left;width:23.5%;cursor:pointer;text-decoration:none;background-color:#0080ff;color:#ffdf00;}
}

@media screen and (max-device-width:980px){
div#carac {line-height:1;font-size: 0.9em;}
div#city {font-size:1.7em;}
input {font-size: 1em;}
div#ham{position:fixed;display:block;z-index:10000;top:15px;left:450px;width:50px;height:45px;cursor:pointer;background:url('/pix/icon-ham.png');background-size:50px;background-repeat: no-repeat;}

}
//@media(max-width:767px){}
//@media(min-width:768px){}
//@media(min-width:992px){}
//@media(min-width:1200px){}

@media screen and (max-width:768px){
.ac{font-size: 0.8em; font-family:'Roboto',Arial,Verdana;}
img.actu{ width:300px}
.col1{width:99%; float:left;}.col2{width:99%; float:left;}.col2p{width:99%; float:left;}.col3{width:99%; float:left;}.col3c{width:99%; float:left;}.col4{width:99%; float:left; }.col5{width:99%; float:left;}.col6{width:99%; float:left;}.col7{width:99%; float:left;}.col8{width:99%; float:left;}.col9{width:99%; float:left;}.col10{width:99%; float:left;}.col11{width:99%; float:left;}.col12{width:99%; float:left;}
input.login{width:140px;padding:0 1%; border:solid #cccccc 0.08em; font-family:Roboto, Arial, Helvetica, sans-serif; color:#5b646e; outline: none;font-size: 1.8em;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
input.login1{width:90%;border:solid #cccccc 0.08em; font-family:Roboto, Arial, Helvetica, sans-serif; color:#5b646e; outline: none;font-size: 2em;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
img.logopix{ width:200px;height:55px}
img.mf1{display:none}
img.icon{cursor:pointer;display:block;padding:2px;float:left;width:40px;height:40px}
img.iconmenu{cursor:pointer;display:block;padding:2px;float:left;width:40px;height:40px}
img.sicon{width:40px;height:40px}
.town {padding:5px 0 18px;cursor:pointer;width:96%;font-size:2.6em}
.actutop {font-size: 1.2em;}
.actutop1{ font-size: 1.5em;}
.actua{color: #404040; font-size: 1em; font-family:Arial,Verdana;text-align:justify,padding-left:2px;}


div#logo{z-index:10000;position:fixed;top:9px;width:200px;height:50px;left:8px;}
div#box{z-index:1;position:fixed;top:135px;left:0px;right:0px;}
div#menu{top:6px;width:300px;height:60px;left:300px;}
div#ham{position:fixed;display:block;z-index:10000;top:15px;left:200px;width:50px;height:45px;cursor:pointer;background:url('/pix/icon-ham.png');background-size:50px;background-repeat: no-repeat;}
div#calen{display:none;z-index:2;visibility:hidden;position:absolute;left:0px;top:150px;height:440px;width:700px;background-color: transparent;}
div#calenmob{display:block}
div#calmob{display:block;z-index:20000;position:fixed;left:250px;top:6px;height:45px;width:45px;}
div#becom{display:none;}
div#carac{position:fixed;overflow-y:auto;z-index:100000;font-size: 2em;top:140px;background-color:#eeffff;}
div#map {z-index:2;visibility:hidden;position:fixed;top:130px;left:0px;width:390px;height:300px;background-color:#99ccff;}
div#city {z-index:400; background-color:#DBEDED;position: fixed;left:0px;top:80px;right:0px;height:40px;font-size:2em;font-family:Roboto,Verdana;font-weight:bold;text-decoration:none;text-align: center;color:#404040;}
div#scity {z-index:400000;position: fixed;left:20px;top:130px;right:20px;font-size:1.5em;-webkit-overflow-scrolling: touch;background-color:#ffffff;}
div#loupe{z-index:500;cursor:pointer;position: fixed;pointer;top:80px;height:45px;right:20px;}

div#help{position:absolute;z-index:10000;top:200px;left:350px;height:43px;width:50px;background-color:#ffffff;}
div#men{position:fixed;z-index:200000;background-color:#ffffff;top:130px;left:0px;width:96%;height:600px;overflow-y:auto;cursor:pointer;box-shadow: 3px 3px 2em #a0a0a0;}


.calendar{width:100%;margin-top:80px}
.actus{height:800px;padding:5px;margin:1px}
a.new{font-size:1.6em}a.mod{font-size:1.6em}a.del{font-size:1.6em}
a.new:hover{font-size:1.6em}a.mod:hover{font-size:1.6em}a.del:hover{font-size:1.6em}
a.news{font-size:1em}a.mods{font-size:1em}a.dels{font-size:1em}
a.news:hover{font-size:1em}a.mods:hover{font-size:1em}a.dels:hover{font-size:1em}

.men1    {height:40px;color:#808080;font-size: 1.6em; font-family: Roboto,Arial, Verdana;background-color: #ffffff;border:#e0e0e0 1px;border-style:none none solid;}


.add    { color:#000066;font-size: 1.7em;font-weight: normal; font-family:Roboto,Arial;}
.addl { color: #006; font-size: 1.4em; font-family:Roboto,Arial,Verdana; background-color: #c9dadf; text-align: center}
.add1     { color: #000000;font-size: 1.5em;font-family:Roboto,Arial,Verdana;text-align: center }
.pt5{padding-top:5px}.pt10{padding-top:10px}.pt20{padding-top:20px}.pt30{padding-top:30px}

.mtop{margin-top:50px}
.flag  {height:24px;width:48px}

.nommois{width:71.42%;float:left;color:#808080;font-family:Roboto;font-size:1.5em;background-color: transparent;font-weight:bold;text-align:center;}
.fleches{width:14.28%;float:left;background-color: transparent; font-weight: bold;height:38px; font-size: 1.4em; font-family:Verdana,Arial;text-align:center;}
.fleches a { color: #ffcc00;display:block;width:100%;height:100%; font-weight: bold; font-size:  1.4em; font-family:Verdana,Arial; text-decoration: none;background-color: transparent }
.fleches a:hover      { color: #ffffff;display:block;width:100%;height:100%;font-weight: bold; font-size:  1.4em; font-family:Verdana,Arial; text-decoration: none;background-color: transparent }
.nomsjours{width:14.28%;float:left;height:26px;color:#808080;font-size:1em;font-weight: bold;text-align:center;}
.jours  {width:14.28%;height:30px;float:left;font-weight: bold; font-size: 1em; font-family:Roboto,Verdana,Arial; text-decoration: none;text-align: center;background-color:#F5F5F5;}
.jours a { color: #a0a0a0;display:block;width:100%;font-weight: bold; font-size: 1.2em; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.jours a:hover      { color: #ffffff;display:block;width:100%;font-weight: bold; font-size:1.2em; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.aujourdhui  {width:14.28%;height:30px;float:left;font-size:1.2em;background-color:#ffc020;text-align:center;}
.aujourdhui a { color: #404040;display:block;font-weight: bold; font-size: 1.2em; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.aujourdhui a:hover      { color: #ffffff;display:block;font-weight: bold; font-size: 1.2em; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.casesvides  {width:14.28%;height:30px;float:left;font-size:1.2em;color:#C0C0C0;text-align:center;background-color:#ffffff}
.casesvides a { color: #a0a0a0;display:block;width:100%;height:100%; font-weight: bold; font-size: 1.2em;  text-decoration: none;background-color: transparent }
.casesvides a:hover      { color: #ffffff;display:block;width:100%;height:100%;font-weight: bold; font-size: 1.2em; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.daytarget  {width:14.28%;height:30px;float:left;font-size:1.2em;background-color:#ff0000;text-align:center;}
.daytarget a { color: #ffffff;display:block;width:100%;height:100%; font-weight: bold; font-size: 1.2em; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.daytarget a:hover { color: #ffffff;display:block;width:100%;height:100%;font-weight: bold; font-size: 1.2em; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }

.postit{width:90px;height:90px;float:left;text-align: center;font-size: 1.5em;border-color:#E6E6F3;color: #9B9CCB;border-width:1px;border-style:solid;font-family:Prompt,Verdana,Arial;background-color:#F6F6FD;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;line-height:1em}
.stick{width:70px;height:70px;float:left;text-align: center;}
.day{position:relative;color:#000000;font-weight: bold;top:7px;font-size: 1.4em;background-color:transparent;}
.my{position:relative;color:#9B9CCB;font-weight: bold;top:7px;font-size: 1em;}
.dm{color:#ffffff;font-weight: bold;display:block;width:100%;font-size: 1em;;background-color:#e00000;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
.postit1{width:60px;height:60px;float:left;text-align: center;font-size: 1.2em;border-color:#E6E6F3;color: #9B9CCB;border-width:1px;border-style:solid;font-family:Roboto,Verdana,Arial;background-color:#F6F6FD;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius: 2px;border-radius: 2px;}
.day1{color:#000000;font-weight: bold;font-size: 0.8em;background-color:transparent;}
.dm1{color:#ffffff;font-weight: bold;display:block;width:100%;font-size: 0.8em;;background-color:#e00000;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius: 2px;border-radius: 2px;}
}
//special haute resolution
@media only screen (-webkit-max-device-pixel-ratio: 1.5) or (max-resolution: 1.5dppx){div#box{background-color:#d55f9e}}

@media only screen (-webkit-min-device-pixel-ratio: 2) , (min-resolution: 288dpi){
.actus{height:1200px;padding:5px;margin:1px}
img.actu{ width:300px}
input.login{width:200px;padding:0 1%; border:solid #cccccc 0.08em; font-family:Roboto, Arial, Helvetica, sans-serif; color:#5b646e; outline: none;font-size: 1.8em;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
input.login1{width:90%;border:solid #cccccc 0.08em; font-family:Roboto, Arial, Helvetica, sans-serif; color:#5b646e; outline: none;font-size: 2em;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
img.logopix{ width:420px;height:80px}
img.mf1{display:none}
img.icon{cursor:pointer;display:block;padding:2px;float:left;width:40px;height:40px}
img.iconmenu{cursor:pointer;display:block;padding:2px;float:left;width:40px;height:40px}

div#logo{z-index:10000;position:fixed;top:9px;width:460px;height:80px;left:18px;}
div#box{z-index:1;position:fixed;top:200px;left:0px;right:0px;overflow:auto;-webkit-overflow-scrolling: touch;font-size:2em;}
div#ham{position:fixed;display:block;z-index:10000;top:12px;left:460px;width:90px;height:90px;cursor:pointer;background:url('/pix/icon-ham.png');background-size:90px;background-repeat: no-repeat;}
div#calen{z-index:2;visibility:hidden;position:absolute;left:0px;top:150px;height:440px;width:700px;background-color: transparent;}
div#calenmob{display:block}
div#calmob{display:block;z-index:500;position:fixed;left:570px;top:8px;height:30px;width:30px;}
//div#calmob{display:block;z-index:500;position:fixed;left:300px;top:12px;height:50px;width:50px;background-repeat:no repeat;background-image:url(/pix/icon-calenmob.png);background-size: 50px}
div#map {z-index:2;visibility:hidden;position:fixed;top:140px;left:0px;width:750px;height:600px;background-color:#99ccff;}
div#men{position:fixed;z-index:200000;display:block;background-color:#ffffff;top:180px;left:0px;width:96%;height:1200px;box-shadow: 3px 3px 2em #a0a0a0;}
div#carac{z-index:100000;visibility:hidden;font-size: 2em;padding:10px;overflow:hidden;top:80px;left:0px;width:700px;right:0px;height:0px;background-color:#ffff66;}
div#city {z-index:400; background-color:#DBEDED;position: fixed;left:0px;top:110px;right:0px;height:70px;font-size:4em;font-family:Roboto,Verdana;font-weight:bold;text-decoration:none;text-align: center;color:#404040;}


.men1    {height:55px;padding-top:15px;color:#808080;font-size: 1.3em; font-family: Roboto,Arial, Verdana;background-color: #ffffff;border:#e0e0e0 1px;border-style:none none solid;}

.add    { color:#000066;font-size: 1.7em;font-weight: normal; font-family:Roboto,Arial;}
.addl { color: #006; font-size: 1.4em; font-family:Roboto,Arial,Verdana; background-color: #c9dadf; text-align: center}
.add1     { color: #000000;font-size: 1.5em;font-family:Roboto,Arial,Verdana;text-align: center }
.pt5{padding-top:5px}.pt10{padding-top:10px}.pt20{padding-top:20px}.pt30{padding-top:30px}

.mtop{margin-top:50px}
.flag  {height:48px;width:96px}
.sicon{width:80px;height:80px}
.nommois{width:71.42%;float:left;color:#808080;font-family:Roboto;font-size:1.5em;background-color: transparent;font-weight:bold;text-align:center;}
.fleches{width:14.28%;float:left;background-color: transparent; font-weight: bold;height:80px; font-size: 1.4em; font-family:Verdana,Arial;text-align:center;}
.fleches a { color: #ffcc00;display:block;width:100%;height:100%; font-weight: bold; font-size:  1.4em; font-family:Verdana,Arial; text-decoration: none;background-color: transparent }
.fleches a:hover      { color: #ffffff;display:block;width:100%;height:100%;font-weight: bold; font-size:  1.4em; font-family:Verdana,Arial; text-decoration: none;background-color: transparent }
.nomsjours{width:14.28%;float:left;height:40px;color:#808080;font-size:1em;font-weight: bold;text-align:center;}
.jours  {width:14.28%;height:80px;float:left;font-weight: bold; font-size: 1em; font-family:Roboto,Verdana,Arial; text-decoration: none;text-align: center;background-color:#F5F5F5;}
.jours a { color: #a0a0a0;display:block;width:100%;font-weight: bold; font-size: 1.2em; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.jours a:hover      { color: #ffffff;display:block;width:100%;font-weight: bold; font-size:1.2em; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.aujourdhui  {width:14.28%;height:60px;float:left;font-size:1.2em;background-color:#ffc020;text-align:center;}
.aujourdhui a { color: #404040;display:block;font-weight: bold; font-size: 1.2em; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.aujourdhui a:hover      { color: #ffffff;display:block;font-weight: bold; font-size: 1.2em; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.casesvides  {width:14.28%;height:60px;float:left;font-size:1.2em;color:#C0C0C0;text-align:center;background-color:#ffffff}
.casesvides a { color: #a0a0a0;display:block;width:100%;height:100%; font-weight: bold; font-size: 1.2em;  text-decoration: none;background-color: transparent }
.casesvides a:hover      { color: #ffffff;display:block;width:100%;height:100%;font-weight: bold; font-size: 1.2em; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.daytarget  {width:14.28%;height:60px;float:left;font-size:1.2em;background-color:#ff0000;text-align:center;}
.daytarget a { color: #ffffff;display:block;width:100%;height:100%; font-weight: bold; font-size: 1.2em; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }
.daytarget a:hover { color: #ffffff;display:block;width:100%;height:100%;font-weight: bold; font-size: 1.2em; font-family:Roboto,Verdana,Arial; text-decoration: none;background-color: transparent }

.postit{width:180px;height:180px;float:left;text-align: center;font-size: 1.5em;border-color:#E6E6F3;color: #9B9CCB;border-width:1px;border-style:solid;font-family:Roboto,Verdana,Arial;background-color:#F6F6FD;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;line-height:1em}
.stick{width:70px;height:70px;float:left;text-align: center;}
.day{position:relative;color:#000000;font-weight: bold;top:7px;font-size: 1.1em;background-color:transparent;}
.my{position:relative;color:#000000;font-weight: bold;top:5px;font-size: 1em;}
.dm{color:#ffffff;font-weight: bold;display:block;width:100%;font-size: 0.8em;;background-color:#e00000;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
.postit1{width:100px;height:100px;float:left;text-align: center;font-size: 2.5em;border-color:#E6E6F3;color: #9B9CCB;border-width:1px;border-style:solid;font-family:Roboto,Verdana,Arial;background-color:#F6F6FD;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius: 2px;border-radius: 2px;}
.day1{color:#000000;font-weight: bold;font-size: 4em;background-color:transparent;}
.dm1{color:#ffffff;font-weight: bold;display:block;width:100%;font-size: 2em;;background-color:#e00000;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius: 2px;border-radius: 2px;}
.rodate{-webkit-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);position:relative;font-size:0.8em;background-color:#ffff00;color:#808080}
.rodate1{z-index:800000;position:absolute;top:5px;left:5px;-webkit-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);font-size:1.5em;box-shadow: 1px 1px 4px #555;}/////////////@media (max-width: 575.98px) { ... }
}

@media only (min-resolution: 3dppx){div#box{background-color:#ff0000}}
@media only (min-resolution: 4dppx)){div#box{background-color:#ff0000}}
//FIN special haute resolution

@media (max-width: 700px) and (device-height: 1024px){
}


@media only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2){//ipad portrait
div#city{top:280px;background-color:#ffff00;}
div#box{z-index:1;position:fixed;top:130px;left:0px;right:0px;overflow:auto;-webkit-overflow-scrolling: touch;background-color:#ffffff;}
.actus{height:1000px;padding:5px;margin:1px}
img.logopix{ width:230px;height:60px}
div#map {z-index:2;visibility:hidden;position:fixed;top:130px;left:0px;width:600px;height:550px;background-color:#99ccff;}
div#logo{z-index:10000;position:fixed;top:9px;width:230px;height:60px;left:9px;}
div#men{z-index:100000;position:fixed;top:130px;width:360px;height:800px;left:0px;}
div#calmob{left:320px;}
.postit{width:120px;height:120px;float:left;text-align: center;font-size: 1.5em;border-color:#E6E6F3;color: #9B9CCB;border-width:1px;border-style:solid;font-family:Prompt,Verdana,Arial;background-color:#F6F6FD;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;line-height:1em}
.stick{width:70px;height:70px;float:left;text-align: center;}
.day{color:#000000;font-weight: bold;font-size: 1.4em;background-color:transparent;}
.dm{color:#ffffff;font-weight: bold;display:block;width:100%;font-size: 1em;;background-color:#e00000;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;}
.actutop { font-size: 2.5em;}
.actutop1 {text-shadow:3px 3px 6px #e0e0e0;font-size: 3em;}
.item {color: #808080; display:block;font-style: italic;font-weight: bold; font-size: 0.8em; font-family: times,Verdana,Arial;}
.item:hover {color: #404040; background-color: #e0e0e0}
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
//body{ color: blue; } /* your css rules for ipad landscape */
}

@mixin for-phone-only {
  @media (max-width: 599px) { @content; }
}
@mixin for-tablet-portrait-up {
  @media (min-width: 600px) { @content; }
}
@mixin for-tablet-portait-only {
  @media (min-width: 600px) and (max-width: 899px) { @content; }
}
@mixin for-tablet-landscape-up {
  @media (min-width: 900px) { @content; }
}
@mixin for-tablet-landscape-only {
  @media (min-width: 900px) and (max-width: 1199px) { @content; }
}
@mixin for-desktop-up {
  @media (min-width: 1200px) { @content; }
}
@mixin for-desktop-only {
  @media (min-width: 1200px) and (max-width: 1799px) { @content; }
}
@mixin for-big-desktop-up {
  @media (min-width: 1800px) { @content; }
}

p {
  padding: 10px;
  background: #aaa;
  color: white;
}

.phone-up {
  background: purple;
}

.phone-only {
  @include for-phone-only { background: purple; }
}

.tablet-portait-only {
  @include for-tablet-portait-only { background: purple; }
}

.tablet-portrait-up {
  @include for-tablet-portrait-up { background: purple; }
}

.tablet-landscape-only {
  @include for-tablet-landscape-only { background: purple; }
}

.tablet-landscape-up {
  @include for-tablet-landscape-up { background: purple; }
}

.desktop-only {
  @include for-desktop-only { background: purple; }
}

.desktop-up {
  @include for-desktop-up { background: purple; }
}

.big-desktop-up {
  @include for-big-desktop-up { background: purple; }
}