
@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}.clear{clear:both; line-height:0}
.pad{padding-right:10px;}
.pad4{padding:20px;}
.corner{border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius: 10px;}
.grey{background:#f2f5f6;}
.hinter{height:20px}
.swap1{ background-color: #ffffff;}.swap2{ background-color: #e0e0e0;}.swap3{ background-color: #FFFFF0;}.swap4{ background-color: #f5f5f5;}
.pt5{padding-top:5px}.pt10{padding-top:10px}.pt20{padding-top:10px}.pt30{padding-top:10px}
.rodate{font-size:0.8;font-family:Cinzel;color:#800000;padding:10px;-webkit-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);position:relative;font-size:1em;background: linear-gradient(to right,#ffff00,transparent);}
.rodate1{font-size:0.8;font-family:Cinzel;width:40%;color:#800000;padding:10px;-webkit-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);position:relative;font-size:1em;background: linear-gradient(to right,#ffff00,transparent);}
body,p  { color: #e0e0e0; font-weight: bold; font-size: 1em; font-family:Roboto,Arial; text-align: justify;line-height:2;font-weight:normal; text-indent: 0cm;background-color: #002040}

input{font-size:1.2em;}
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;}

ul{list-style-image: url("https://www.mycitynews.eu/pix/dot-yellow.png");padding-left:30px}
li{font-size: 0.8em;}
/*----------------------------------Fin CSS Pages----------------Début max-media--------------------------------------------*/
col1{width:8.25%; float:left; }.col2{width:16.5%; float:left; }.col2pix{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;}.col55{width:4.12%; float:left;}.max1400{max-width:1400px; margin:0 auto}.max1200{max-width:1210px; margin:0 auto}.max980{max-width:980px; margin:0 auto}

div#logo{position:fixed;z-index:2;top:5px;left:5px}

img.logo{width:400px;height:200px}
a { color: #808080; font-weight: bold; font-family:Roboto,Verdana,Arial;font-size:1em; border-radius: 3pxx;-moz-border-radius: 3px; text-decoration: none }
a:hover   { color: #808080; font-weight: bold; font-family: Roboto,Verdana,Arial;font-size:1em; background-color: #e0e0e0;border-radius: 3pxx;-moz-border-radius: 3px; text-decoration: none }

.alarm    { color: #f00; font-weight: bold; font-size: 10px; font-family:Roboto,Arial; background-color: #fc0; text-align: left; text-indent: 0cm }
.sign    { color: #fff; font-weight: bold; font-size: 14px; font-family: Roboto,Arial;}
iframe{width:480px; height:275px;border: none;}
/*--------------------------------------------------------------------Fin CSS Pages------------------------------------------------------------*/
@media print, screen and (max-width:1600px){
}
@media print, screen and (max-width:1500px){
}
@media print, screen and (max-width:1400px){
}
@media print, screen and (max-width:1024px){
	#owl-agency img{display:none}
		img.logo{width:130px;height:70px}
}
@media print, screen and (max-width:900px){
	#owl-agency p.h1 {padding: 1em 1em 0.05em 1em;}
}
@media print, screen and (max-width:768px){
.iiframe{width:300px; height:175px;}
	#owl-agency p.h1 {font-size: 2em;}
.col1{width:99%; float:left;}.col2{width:99%; float:left;}.col2pix{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;}       .btn-mobile{display: block; position: fixed; bottom: 0; left: 0; width: 100%; z-index:9999}
}
@media print, screen and (max-width:640px){
	.col6{width:96%; float:left; padding:0 2%}
}
@media print, screen and (max-width:480px){
	.col3{width:96%; float:left; padding:1em 2%}
	.btn-mobile a:link.btn-appel, .btn-mobile a:visited.btn-appel, .btn-mobile a:link.btn-mail, .btn-mobile a:visited.btn-mail, .btn-mobile a:link.btn-plus, .btn-mobile a:visited.btn-plus {
    padding: 0.6em 0 0.6em 2.8em;
    font-size: 0.9em;}
}
@media print, screen and (max-width:360px){
	.btn-mobile a:link.btn-appel, .btn-mobile a:visited.btn-appel, .btn-mobile a:link.btn-mail, .btn-mobile a:visited.btn-mail, .btn-mobile a:link.btn-plus, .btn-mobile a:visited.btn-plus {
    padding: 0.8em 0 0.8em 3.5em;
    font-size: 0.72em;}
}

