/* ---------------------------------------
	Responsive design code
-----------------------------------------*/

@media screen and (min-width: 1281px) {

.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;
}


#wrapper-mobile {
	display :none;
}
#hidden-position {
	display :none;
}
#wrapper-footer {
	display :none;
}
/* Styles for Wrapper Header */
#wrapper-header {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 60px;
    z-index: 99;
}

#bannerrow-desktop {
    width: 100%;
}

/* Logo module */
#logo-desktop .tck-logo-img {
    height: 30px;
}

/* Search module */
#bannermenu-search-desktop {
    margin-bottom: -15px;
}
/*For advanced search*/
#bannermenu-search-desktop div.finder button.btn {
margin: 0px 5px;
}
#bannermenu-search-desktop div.finder input.search-query {
    width: 65%;
    border-radius: 0px;
}
/*For simple search*/
#bannermenu-search-desktop div.tck-search input.button {
margin: 0px 5px;
border-radius: 4px;
}
#bannermenu-search-desktop div.tck-search input.search-query {
    width: 65%;
    border-radius: 0px;
}
#searchForm .phrases, .form-limit {
    display: flex;
    align-items: center;
}

/* Language module */
#bannermenu-lang-desktop {
    margin-top: 6px;
}

.mod-languages .btn-group > .dropdown-toggle {
    background-color: white;
    color: black;
}

/* Main container */
#wrapper {
    display: flex;
    margin-top: 55px;
    width: 100%;
    height: calc(100% - 60px);
    overflow: hidden;
}

/* Sidebar */
#sidebar-menudesktop {
    position: fixed;
    top: 55px;
    left: 0;
    width: 20%;
    height: calc(100% - 60px);
    overflow: auto;
scrollbar-width: none;
    z-index: 98;
}

/* Main Content */
#maincontent {
    flex-grow: 1;
    margin-left: 20%;
    height: calc(100% - 2px);
    overflow: hidden;
  z-index: 1000;
border-left: dotted 2px #dedede;
scrollbar-width: none;
}

.video-tutorial {
width:720px;
}

}

@media screen and (min-width: 951px) and (max-width: 1280px) {

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

.tck-container {
	width: 950px;
}

.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;
}


#banner-desktop {
	display :none;
}
#sidebar-menudesktop {
	display :none;
}
#hidden-position {
	display :none;
}
/*Styles for Wrapper Header*/
#bannerrow-desktop {
    display:none;
}

#wrapper-mobile {
width:100%;
position:fixed;
left: 0;
right:0;
top:0;
height:40px;
z-index:99;
background-color:#001D4F;
}

#bannerrow-mobile {
width:100%;
}

#wrapper-mobile section > .inner {
height:40px;
}

#wrapper-mobile div.mod-languages .btn-group > .btn:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  margin-top: 2px;
}

/*Logo module*/
#logo-mobile {
margin-right:-50px;
}

#logo-mobile .tck-logo-img{
height:20px;
}

/*End of styles for Header*/

/* Content */
#wrapper {
    display: flex;
    width: 100%;
    overflow: hidden;
  margin-bottom: 40px; /* Ajusté pour ne pas couvrir le pied de page */
  z-index: 98;
}

#wrapper .tck-container {
width: 100%;
margin-left: 5px;
}

/* End of styles for Content */

/* Footer */
#footer-mobile {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  width: 100%;
  z-index: 99;
  background-color: #001D4F; 
  display: flex;
  align-items: center; 
  justify-content: center; 
  padding: 0;
  margin: 0;
}

/* Footer menu */
#footer-mobile #footer-mobile-menu > div.inner{
height:40px;
}

#footer-mobile ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}

#footer-mobile ul li {
  margin: 3px 12px 3px 12px; /* Space between menu items */
}

#footer-mobile ul li a img {
height:28px;
display: block;
margin-top:-4px;
}

/*End of footer*/

#searchForm .phrases, .form-limit {
    display: flex;
    align-items: center;
}

}

@media screen and (min-width: 759px) and (max-width: 950px) {

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

.tck-container {
	width: 758px;
}

.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;
}


#banner-desktop {
	display :none;
}
#sidebar-menudesktop {
	display :none;
}
#hidden-position {
	display :none;
}
/*Styles for Wrapper Header*/

#wrapper-mobile {
width:100%;
position:fixed;
left: 0;
right:0;
top:0;
height:40px;
z-index:99;
background-color:#001D4F;
}

#bannerrow-mobile {
width:100%;
}

#wrapper-mobile section > .inner {
height:40px;
}

#wrapper-mobile div.mod-languages .btn-group > .btn:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  margin-top: 2px;
}

/*Logo module*/
#logo-mobile {
margin-right:-10px;
}

#logo-mobile .tck-logo-img{
height:20px;
}

/*End of styles for Header*/

/* Content */
#wrapper {
    display: flex;
    width: 100%;
    overflow: hidden;
  margin-bottom: 40px; /* Ajusté pour ne pas couvrir le pied de page */
  z-index: 98;
}

#wrapper .tck-container {
width: 100%;
margin-left: 5px;
}

/* End of styles for Content */

/* Footer */
#footer-mobile {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  width: 100%;
  z-index: 99;
  background-color: #001D4F; 
  display: flex;
  align-items: center; 
  justify-content: center; 
  padding: 0;
  margin: 0;
}

/* Footer menu */
#footer-mobile #footer-mobile-menu > div.inner{
height:40px;
}

#footer-mobile ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}

#footer-mobile ul li {
  margin: 3px 12px 3px 12px; /* Space between menu items */
}

#footer-mobile ul li a img {
height:28px;
display: block;
margin-top:-4px;
}

/*End of footer*/

#searchForm .phrases, .form-limit {
    display: flex;
    align-items: center;
}

}

@media screen and (min-width: 525px) and (max-width: 758px) {

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

.tck-container {
	width: 524px;
}

.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-header {
	display :none;
}
#banner-desktop > .inner {
	flex-direction: column;
}
#banner-desktop .flexiblecolumn {
	width: 100% !important;
float: none;
}
#banner-desktop .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#banner-desktopcolumn1 > .inner {
	flex-direction: column;
}
#banner-desktopcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#banner-desktopcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo-desktop {
	height: auto !important;
}
#logo-desktop .logobloc {
	float :none !important;
	width: auto !important;
}
#banner-desktopcolumn2 > .inner {
	flex-direction: column;
}
#banner-desktopcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#banner-desktopcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#bannermenu-search-desktop {
	height: auto !important;
}
#bannermenu-search-desktop .logobloc {
	float :none !important;
	width: auto !important;
}
#banner-desktopcolumn3 > .inner {
	flex-direction: column;
}
#banner-desktopcolumn3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#banner-desktopcolumn3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#bannermenu-lang-desktop {
	height: auto !important;
}
#bannermenu-lang-desktop .logobloc {
	float :none !important;
	width: auto !important;
}
#banner-desktopcolumn4 > .inner {
	flex-direction: column;
}
#banner-desktopcolumn4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#banner-desktopcolumn4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#bannermenu-login-desktop {
	height: auto !important;
}
#bannermenu-login-desktop ul {
	height: auto !important;
}
#bannermenu-login-desktop li {
	float :none !important;
	width: 100% !important;
}
#bannermenu-login-desktop div.floatck {
	width: 100% !important;
}
#wrapper-mobile {
	height: auto !important;
}
#wrapper-mobile .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper-mobilecolumn1 > .inner {
	flex-direction: column;
}
#wrapper-mobilecolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper-mobilecolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row1column1 > .inner {
	flex-direction: column;
}
#row1column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#language-mobile {
	height: auto !important;
}
#language-mobile .logobloc {
	float :none !important;
	width: auto !important;
}
#row1column2 > .inner {
	flex-direction: column;
}
#row1column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo-mobile {
	height: auto !important;
}
#logo-mobile .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#sidebar-menudesktop {
	display :none;
}
#maincontent .column1 {
	display: none;
}
#maincontent .main {
	width: 100% !important;
	clear:both;
	float:left;
}
#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;
}
#wrapper-footer {
	height: auto !important;
}
#wrapper-footer .logobloc {
	float :none !important;
	width: auto !important;
}
#footer-mobile > .inner {
	flex-direction: column;
}
#footer-mobile .flexiblecolumn {
	width: 100% !important;
float: none;
}
#footer-mobile .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#footer-mobilecolumn1 > .inner {
	flex-direction: column;
}
#footer-mobilecolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#footer-mobilecolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#footer-mobile-menu {
	height: auto !important;
}
#footer-mobile-menu ul {
	height: auto !important;
}
#footer-mobile-menu li {
	float :none !important;
	width: 100% !important;
}
#footer-mobile-menu div.floatck {
	width: 100% !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;
}
#ckcustomlayoutsearch {
	height: auto !important;
}
#ckcustomlayoutsearch .logobloc {
	float :none !important;
	width: auto !important;
}
/*Styles for Wrapper Header*/

#wrapper-mobile {
width:100%;
position:fixed;
left: 0;
right:0;
top:0;
height:40px;
z-index:99;
background-color:#001D4F;
}

#bannerrow-mobile {
width:100%;
}

#wrapper-mobile section > .inner {
height:40px;
}

#wrapper-mobile div.mod-languages .btn-group > .btn:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  margin-top: 2px;
}

/*Logo module*/
#logo-mobile {
margin-right:-30px;
}

#logo-mobile .tck-logo-img{
height:20px;
}

/*End of styles for Header*/

/* Content */
#wrapper {
    display: flex;
    width: 100%;
    overflow: hidden;
  margin-bottom: 40px; /* Ajusté pour ne pas couvrir le pied de page */
  z-index: 98;
}

#wrapper .tck-container {
	width: 95%;
}

/* End of styles for Content */

/* Footer */
#footer-mobile {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  width: 100%;
  z-index: 99;
  background-color: #001D4F; 
  display: flex;
  align-items: center; 
  justify-content: center; 
  padding: 0;
  margin: 0;
}

/* Footer menu */
#footer-mobile #footer-mobile-menu > div.inner{
height:40px;
}

#footer-mobile ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}

#footer-mobile ul li {
  margin: 3px 12px 3px 12px; /* Space between menu items */
}

#footer-mobile ul li a img {
height:28px;
display: block;
margin-top:-4px;
}

/*End of footer*/

#searchForm .phrases, .form-limit {
    display: flex;
    align-items: center;
}

}

@media screen and (max-width: 524px) {

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


.tck-container {
	width: 292px;
}

.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-header {
	height: auto !important;
}
#wrapper-header .logobloc {
	float :none !important;
	width: auto !important;
}
#banner-desktop {
	display :none;
}
#banner-desktopcolumn1 > .inner {
	flex-direction: column;
}
#banner-desktopcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#banner-desktopcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo-desktop {
	height: auto !important;
}
#logo-desktop .logobloc {
	float :none !important;
	width: auto !important;
}
#banner-desktopcolumn2 > .inner {
	flex-direction: column;
}
#banner-desktopcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#banner-desktopcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#bannermenu-search-desktop {
	height: auto !important;
}
#bannermenu-search-desktop .logobloc {
	float :none !important;
	width: auto !important;
}
#banner-desktopcolumn3 > .inner {
	flex-direction: column;
}
#banner-desktopcolumn3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#banner-desktopcolumn3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#bannermenu-lang-desktop {
	height: auto !important;
}
#bannermenu-lang-desktop .logobloc {
	float :none !important;
	width: auto !important;
}
#banner-desktopcolumn4 > .inner {
	flex-direction: column;
}
#banner-desktopcolumn4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#banner-desktopcolumn4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#bannermenu-login-desktop {
	height: auto !important;
}
#bannermenu-login-desktop ul {
	height: auto !important;
}
#bannermenu-login-desktop li {
	float :none !important;
	width: 100% !important;
}
#bannermenu-login-desktop div.floatck {
	width: 100% !important;
}
#wrapper-mobile {
	height: auto !important;
}
#wrapper-mobile .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper-mobilecolumn1 > .inner {
	flex-direction: column;
}
#wrapper-mobilecolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper-mobilecolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#row1column1 > .inner {
	flex-direction: column;
}
#row1column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#language-mobile {
	height: auto !important;
}
#language-mobile .logobloc {
	float :none !important;
	width: auto !important;
}
#row1column2 > .inner {
	flex-direction: column;
}
#row1column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#row1column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo-mobile {
	height: auto !important;
}
#logo-mobile .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#sidebar-menudesktop {
	display :none;
}
#maincontent .column1 {
	display: none;
}
#maincontent .main {
	width: 100% !important;
	clear:both;
	float:left;
}
#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;
}
#wrapper-footer {
	height: auto !important;
}
#wrapper-footer .logobloc {
	float :none !important;
	width: auto !important;
}
#footer-mobile > .inner {
	flex-direction: column;
}
#footer-mobile .flexiblecolumn {
	width: 100% !important;
float: none;
}
#footer-mobile .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#footer-mobilecolumn1 > .inner {
	flex-direction: column;
}
#footer-mobilecolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#footer-mobilecolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#footer-mobile-menu {
	height: auto !important;
}
#footer-mobile-menu ul {
	height: auto !important;
}
#footer-mobile-menu li {
	float :none !important;
	width: 100% !important;
}
#footer-mobile-menu div.floatck {
	width: 100% !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;
}
#ckcustomlayoutsearch {
	height: auto !important;
}
#ckcustomlayoutsearch .logobloc {
	float :none !important;
	width: auto !important;
}
/*Styles for Wrapper Header*/

#wrapper-mobile {
width:100%;
position:fixed;
left: 0;
right:0;
top:0;
height:40px;
z-index:99;
background-color:#001D4F;
}

#bannerrow-mobile {
width:100%;
}

#wrapper-mobile section > .inner {
height:40px;
}

#wrapper-mobile div.mod-languages .btn-group > .btn:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  margin-top: 2px;
}

/*Logo module*/
#logo-mobile {
margin-right:-30px;
}

#logo-mobile .tck-logo-img{
height:20px;
}

/*End of styles for Header*/

/* Content */
#wrapper {
    display: flex;
    width: 100%;
    overflow: hidden;
  margin-bottom: 40px; /* Ajusté pour ne pas couvrir le pied de page */
  z-index: 98;
}

#wrapper .tck-container {
	width: 95%;
}

/* End of styles for Content */

/* Footer */
#footer-mobile {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  width: 100%;
  z-index: 99;
  background-color: #001D4F; 
  display: flex;
  align-items: center; 
  justify-content: center; 
  padding: 0;
  margin: 0;
}

/* Footer menu */
#footer-mobile #footer-mobile-menu > div.inner{
height:40px;
}

#footer-mobile ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}

#footer-mobile ul li {
  margin: 3px 12px 3px 12px; /* Space between menu items */
}

#footer-mobile ul li a img {
height:28px;
display: block;
margin-top:-4px;
}

/*End of footer*/

/*Search page*/
#searchForm .phrases, .form-limit {
    display: block;
    align-items: center;
}
.phrases-box .controls label {
display:inline-block;
font-size:11px;
}

.ordering-box label.ordering {
margin-top:3px;
}
/*End of search*/

}