/*** Responsive design code ***/

@media screen and (max-width: 640px) {
#Menus { height: auto !important; display : none; } 
#Menus li {	float :none !important; width: 100% !important; }
.img-header { margin: 0px; max-width: 100%; margin-top: 10px; }
}
 
@media screen and (max-width:767px){
#design, #plans { text-align: center; float: none; }
}

@media screen and (max-width:1270px){
.column.center { width: 75%; padding: 0 10px 0 10px; }
.column.column2 { padding: 10px 10px 0 10px; }
}

@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: 767px) {
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; }
#Banniere {	height: auto !important; }
#Banniere .logobloc { float :none !important; width: auto !important; }
#bannerrowcolumn1 > .inner { flex-direction: column; }
#bannerrowcolumn1 .flexiblecolumn { width: 100% !important; float: none; }
#bannerrowcolumn1 .flexiblecolumn > div.inner { margin-left: 0 !important; margin-right: 0 !important; }
#custom1 { height: auto !important; }
#custom1 .logobloc { float :none !important; width: auto !important; }
#Menus ul {	height: auto !important; }
#Menus div.floatck { width: 100% !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; }
.column div.moduletable, .column div.moduletable_menu { float: none; width: auto !important; }

/** specifique au formulaire de contact **/
.contact form fieldset dt { max-width: 80px; }
.contact input, .contact textarea { max-width: 160px; }
#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; }
#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; }
#ckcustomlayoutarticle { height: auto !important; }
#ckcustomlayoutarticle .logobloc { float :none !important; width: auto !important; }
#ckcustomstyle1 { height: auto !important; }
#ckcustomstyle1 .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; }
#Banniere {	height: auto !important; }
#Banniere .logobloc { float :none !important; width: auto !important; }
#bannerrowcolumn1 > .inner { flex-direction: column; }
#bannerrowcolumn1 .flexiblecolumn { width: 100% !important; float: none; }
#bannerrowcolumn1 .flexiblecolumn > div.inner { margin-left: 0 !important; margin-right: 0 !important; }
#custom1 { height: auto !important; }
#custom1 .logobloc { float :none !important; width: auto !important; }
#Menus { height: auto !important; display : none; }
#Menus ul { height: auto !important; }
#Menus li { float :none !important; width: 100% !important; }
#Menus div.floatck { width: 100% !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; }
#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; }
#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; }
#ckcustomlayoutarticle { height: auto !important; }
#ckcustomlayoutarticle .logobloc { float :none !important; width: auto !important; }
#ckcustomstyle1 { height: auto !important; }
#ckcustomstyle1 .logobloc { float :none !important; width: auto !important; }
}