| Server IP : 46.105.57.169 / Your IP : 216.73.216.144 Web Server : Apache System : Linux webd003.cluster120.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64 User : maitricfuz ( 93378) PHP Version : 8.4.10 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/maitricfuz/www/saint-martin-lg/templates/layout13/css/ |
Upload File : |
/* ---------------------------------------
Responsive design code
-----------------------------------------*/
@media screen and (min-width: 1025px) {
.hidemobile5,
.tck-hide-desktop {
display: none !important;
}
[class*="tck-cols"].tck-stack-5,
[class*="tck-cols"].tck-stack-desktop {
flex-direction: column;
}
[class*="tck-cols"].tck-stack-5 > *,
[class*="tck-cols"].tck-stack-desktop > * {
width: auto !important;
}
}
@media screen and (min-width: 951px) and (max-width: 1024px) {
img {
max-width: 100%;
height: auto;
}
.hidemobile4,
.tck-hide-tablet-l {
display: none !important;
}
[class*="tck-cols"].tck-stack-4,
[class*="tck-cols"].tck-stack-tablet-l {
flex-direction: column;
}
[class*="tck-cols"].tck-stack-4 > *,
[class*="tck-cols"].tck-stack-tablet-l > * {
width: auto !important;
}
}
@media screen and (min-width: 759px) and (max-width: 950px) {
img {
max-width: 100%;
height: auto;
}
.hidemobile3,
.tck-hide-tablet-p {
display: none !important;
}
[class*="tck-cols"].tck-stack-3,
[class*="tck-cols"].tck-stack-tablet-p {
flex-direction: column;
}
[class*="tck-cols"].tck-stack-3 > *,
[class*="tck-cols"].tck-stack-tablet-p > * {
width: auto !important;
}
}
@media screen and (min-width: 525px) and (max-width: 758px) {
img {
max-width: 100%;
height: auto;
}
.hidemobile2,
.tck-hide-phone-l {
display: none !important;
}
[class*="tck-cols"].tck-stack-2,
[class*="tck-cols"].tck-stack-phone-l {
flex-direction: column;
}
[class*="tck-cols"].tck-stack-2 > *,
[class*="tck-cols"].tck-stack-phone-l > * {
width: auto !important;
}
#body {
height: auto !important;
}
#body .logobloc {
float :none !important;
width: auto !important;
}
#wrapper {
height: auto !important;
}
#wrapper .logobloc {
float :none !important;
width: auto !important;
}
#bannerrow > .inner {
flex-direction: column;
}
#bannerrow .flexiblecolumn {
width: 100% !important;
float: none;
}
#bannerrow .flexiblecolumn > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#bannercolumn1 > .inner {
flex-direction: column;
}
#bannercolumn1 .flexiblecolumn {
width: 100% !important;
float: none;
}
#bannercolumn1 .flexiblecolumn > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#bannerlogo {
height: auto !important;
}
#bannerlogo .logobloc {
float :none !important;
width: auto !important;
}
#bannercolumn2 > .inner {
flex-direction: column;
}
#bannercolumn2 .flexiblecolumn {
width: 100% !important;
float: none;
}
#bannercolumn2 .flexiblecolumn > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#bannermodule {
height: auto !important;
}
#bannermodule .logobloc {
float :none !important;
width: auto !important;
}
#bannercolumn3 > .inner {
flex-direction: column;
}
#bannercolumn3 .flexiblecolumn {
width: 100% !important;
float: none;
}
#bannercolumn3 .flexiblecolumn > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#bannermenu {
height: auto !important;
}
#bannermenu ul {
height: auto !important;
}
#bannermenu li {
float :none !important;
width: 100% !important;
}
#bannermenu div.floatck, #bannermenu li > ul {
width: 100% !important;
position: relative !important;
display: block !important;
margin: 0 !important;
left: auto !important;
}
#bannermenu div.maximenuck2 {
width: 100% !important;
position: relative !important;
display: block !important;
float: none !important;
}
#nav {
height: auto !important;
}
#nav ul {
height: auto !important;
}
#nav li {
float :none !important;
width: 100% !important;
}
#nav div.floatck, #nav li > ul {
width: 100% !important;
position: relative !important;
display: block !important;
margin: 0 !important;
left: auto !important;
}
#nav div.maximenuck2 {
width: 100% !important;
position: relative !important;
display: block !important;
float: none !important;
}
#modulestop .flexiblemodule {
width: 100% !important;
float: none;
}
#modulestop .flexiblemodule > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#modulestop > .inner {
flex-direction: column;
}
#modulestopmod1 {
height: auto !important;
}
#modulestopmod1 .logobloc {
float :none !important;
width: auto !important;
}
#modulestopmod2 {
height: auto !important;
}
#modulestopmod2 .logobloc {
float :none !important;
width: auto !important;
}
#modulestopmod3 {
height: auto !important;
}
#modulestopmod3 .logobloc {
float :none !important;
width: auto !important;
}
#maincontent > .inner {
display: block;
}
#maincontent .column {
width: 100% !important;
clear:both;
float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
/*overflow:hidden;*/
}
#maincontent .column div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
.items-row .item, .column {
width: auto !important;
float: none;
margin-left: 0 !important;
margin-right: 0 !important;
}
.column div.moduletable, .column div.moduletable_menu {
float: none;
width: auto !important;
/*margin: 0 !important;
padding: 0 !important;*/
}
/** specifique au formulaire de contact **/
.contact form fieldset dt {
max-width: 80px;
}
.contact input, .contact textarea {
max-width: 160px;
}#left {
height: auto !important;
}
#left .logobloc {
float :none !important;
width: auto !important;
}
#main {
height: auto !important;
}
#main .logobloc {
float :none !important;
width: auto !important;
}
#maincenter {
height: auto !important;
}
#maincenter .logobloc {
float :none !important;
width: auto !important;
}
#center {
height: auto !important;
}
#center .logobloc {
float :none !important;
width: auto !important;
}
#content {
height: auto !important;
}
#content .logobloc {
float :none !important;
width: auto !important;
}
#right {
height: auto !important;
}
#right .logobloc {
float :none !important;
width: auto !important;
}
#modulesbottom .flexiblemodule {
width: 100% !important;
float: none;
}
#modulesbottom .flexiblemodule > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#modulesbottom > .inner {
flex-direction: column;
}
#modulesbottommod1 {
height: auto !important;
}
#modulesbottommod1 .logobloc {
float :none !important;
width: auto !important;
}
#modulesbottommod2 {
height: auto !important;
}
#modulesbottommod2 .logobloc {
float :none !important;
width: auto !important;
}
#modulesbottommod3 {
height: auto !important;
}
#modulesbottommod3 .logobloc {
float :none !important;
width: auto !important;
}
#modulesbottommod4 {
height: auto !important;
}
#modulesbottommod4 .logobloc {
float :none !important;
width: auto !important;
}
#modulesbottommod5 {
height: auto !important;
}
#modulesbottommod5 .logobloc {
float :none !important;
width: auto !important;
}
#footer {
height: auto !important;
}
#footer .logobloc {
float :none !important;
width: auto !important;
}
#layout_error404_html {
height: auto !important;
}
#layout_error404_html .logobloc {
float :none !important;
width: auto !important;
}
}
@media screen and (max-width: 524px) {
img {
max-width: 100%;
height: auto;
}
.hidemobile1,
.tck-hide-phone-p {
display: none !important;
}
[class*="tck-cols"].tck-stack-1,
[class*="tck-cols"].tck-stack-phone-p {
flex-direction: column;
}
[class*="tck-cols"].tck-stack-1 > *,
[class*="tck-cols"].tck-stack-phone-p > * {
width: auto !important;
}
#body {
height: auto !important;
}
#body .logobloc {
float :none !important;
width: auto !important;
}
#wrapper {
height: auto !important;
}
#wrapper .logobloc {
float :none !important;
width: auto !important;
}
#bannerrow > .inner {
flex-direction: column;
}
#bannerrow .flexiblecolumn {
width: 100% !important;
float: none;
}
#bannerrow .flexiblecolumn > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#bannercolumn1 > .inner {
flex-direction: column;
}
#bannercolumn1 .flexiblecolumn {
width: 100% !important;
float: none;
}
#bannercolumn1 .flexiblecolumn > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#bannerlogo {
height: auto !important;
}
#bannerlogo .logobloc {
float :none !important;
width: auto !important;
}
#bannercolumn2 > .inner {
flex-direction: column;
}
#bannercolumn2 .flexiblecolumn {
width: 100% !important;
float: none;
}
#bannercolumn2 .flexiblecolumn > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#bannermodule {
height: auto !important;
}
#bannermodule .logobloc {
float :none !important;
width: auto !important;
}
#bannercolumn3 > .inner {
flex-direction: column;
}
#bannercolumn3 .flexiblecolumn {
width: 100% !important;
float: none;
}
#bannercolumn3 .flexiblecolumn > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#bannermenu {
height: auto !important;
}
#bannermenu ul {
height: auto !important;
}
#bannermenu li {
float :none !important;
width: 100% !important;
}
#bannermenu div.floatck, #bannermenu li > ul {
width: 100% !important;
position: relative !important;
display: block !important;
margin: 0 !important;
left: auto !important;
}
#bannermenu div.maximenuck2 {
width: 100% !important;
position: relative !important;
display: block !important;
float: none !important;
}
#nav {
height: auto !important;
}
#nav ul {
height: auto !important;
}
#nav li {
float :none !important;
width: 100% !important;
}
#nav div.floatck, #nav li > ul {
width: 100% !important;
position: relative !important;
display: block !important;
margin: 0 !important;
left: auto !important;
}
#nav div.maximenuck2 {
width: 100% !important;
position: relative !important;
display: block !important;
float: none !important;
}
#modulestop .flexiblemodule {
width: 100% !important;
float: none;
}
#modulestop .flexiblemodule > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#modulestop > .inner {
flex-direction: column;
}
#modulestopmod1 {
height: auto !important;
}
#modulestopmod1 .logobloc {
float :none !important;
width: auto !important;
}
#modulestopmod2 {
height: auto !important;
}
#modulestopmod2 .logobloc {
float :none !important;
width: auto !important;
}
#modulestopmod3 {
height: auto !important;
}
#modulestopmod3 .logobloc {
float :none !important;
width: auto !important;
}
#maincontent > .inner {
display: block;
}
#maincontent .column {
width: 100% !important;
clear:both;
float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
/*overflow:hidden;*/
}
#maincontent .column div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
.items-row .item, .column {
width: auto !important;
float: none;
margin-left: 0 !important;
margin-right: 0 !important;
}
.column div.moduletable, .column div.moduletable_menu {
float: none;
width: auto !important;
/*margin: 0 !important;
padding: 0 !important;*/
}
/** specifique au formulaire de contact **/
.contact form fieldset dt {
max-width: 80px;
}
.contact input, .contact textarea {
max-width: 160px;
}#left {
height: auto !important;
}
#left .logobloc {
float :none !important;
width: auto !important;
}
#main {
height: auto !important;
}
#main .logobloc {
float :none !important;
width: auto !important;
}
#maincenter {
height: auto !important;
}
#maincenter .logobloc {
float :none !important;
width: auto !important;
}
#center {
height: auto !important;
}
#center .logobloc {
float :none !important;
width: auto !important;
}
#content {
height: auto !important;
}
#content .logobloc {
float :none !important;
width: auto !important;
}
#right {
height: auto !important;
}
#right .logobloc {
float :none !important;
width: auto !important;
}
#modulesbottom .flexiblemodule {
width: 100% !important;
float: none;
}
#modulesbottom .flexiblemodule > div.inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
#modulesbottom > .inner {
flex-direction: column;
}
#modulesbottommod1 {
height: auto !important;
}
#modulesbottommod1 .logobloc {
float :none !important;
width: auto !important;
}
#modulesbottommod2 {
height: auto !important;
}
#modulesbottommod2 .logobloc {
float :none !important;
width: auto !important;
}
#modulesbottommod3 {
height: auto !important;
}
#modulesbottommod3 .logobloc {
float :none !important;
width: auto !important;
}
#modulesbottommod4 {
height: auto !important;
}
#modulesbottommod4 .logobloc {
float :none !important;
width: auto !important;
}
#modulesbottommod5 {
height: auto !important;
}
#modulesbottommod5 .logobloc {
float :none !important;
width: auto !important;
}
#footer {
height: auto !important;
}
#footer .logobloc {
float :none !important;
width: auto !important;
}
#layout_error404_html {
height: auto !important;
}
#layout_error404_html .logobloc {
float :none !important;
width: auto !important;
}
}