/* ---------------------------------------
	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 (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;
	max-width: 100%;
}



.infodroite {
  position: relative;
}
.flexitoolbar {
  margin-top: 5px;
}
div#maximenuck-mobilebarmaximenuck {
    position:fixed !important;
    top:initial !important;
    bottom:-28px !important;
    /*background: #adbb23;*/
    height: 80px !important;
    z-index: 1 !important;
}
.mobilebuttonmaximenuck {
    margin-top: -9px !important;
    margin-right: 94px !important;
}
[data-id="menu-principal"] .mobilemenuck-bar-button {
  background: #E57D60 !important;
  height: 50px;
  width: 50px;
  line-height: 50px;
  margin-top: -35px;
  box-shadow: none;
  border: 2px solid;
}
div#logo {
    width: 189px;
}
div#entete {
    position: fixed;
    background: #fff;
    top:0;
    width:100%;
    z-index:1000;
}
div#block1 {
    z-index: 1;
}
a.scrollToTop {
 right:-10px;
 z-index: 1000;
background-size: 100%;
padding: 0;
margin: 0;
width: 45px;
height: 45px;
}
.contact-haut.soc.contact {
    position: fixed;
    bottom: -13px;
    font-size: 0;
   /* right: 135px;*/
}
.contact-haut.soc.contact span.tel , .contact-haut.soc.contact span.mail {
    background-color: #8b7869  !important;
    padding: 23px 23px !important;
    border-radius: 32px;
    -moz-box-shadow: 0px 2px 20px 0px #D1D1D1;
    -webkit-box-shadow: 0px 2px 20px 0px #D1D1D1;
    box-shadow: 0px 2px 20px 0px #D1D1D1;
    display: block;
}
.contact-haut.soc.contact span.rdvico a {
  background-color: #8b7869 !important;
  padding: 7px !important;
  border-radius: 32px;
  -moz-box-shadow: 0px 2px 20px 0px #D1D1D1;
  -webkit-box-shadow: 0px 2px 20px 0px #D1D1D1;
  box-shadow: 0px 2px 20px 0px #D1D1D1;
  display: block;
  margin-right: 5px;
}

.contact-haut.contact a {
    float: left;
    padding: 0px 2px;
}
#block1 > div.inner:before {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}
div#menu-principal-mobile {
    height: 50% !important;
    top: initial !important;
    bottom: -5px !important;
    border: 1px solid #e0e0e0;
    box-shadow: 4px 6px 20px 4px #ccc;
}
#cookiesck {
    bottom: 37% !important;
}
#wrapper > div.inner {
    padding:5% 2% 0 2%;
}
.menuck.maximenuck.item479, 
.menuck.maximenuck.item477, 
.menuck.maximenuck.item478, 
.menuck.maximenuck.item480,
.menuck.maximenuck.item859,
.menuck.maximenuck.item2933
 {
    /*width: 10%;*/
    float: left;
    background: none !important;
    padding-top: 20px !important;
    margin-left: -25px !important;

}
.menuck.maximenuck.item479 a, 
.menuck.maximenuck.item477 a, 
.menuck.maximenuck.item478 a, 
.menuck.maximenuck.item480 a,
.menuck.maximenuck.item859 a,
.menuck.maximenuck.item2933 a
 {
    padding-left: 0px !important;
 }
/*[data-id="maximenuck"] .mobilemenuck-item > .level1 {
    background: transparent;
    color: #FFFFFF;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    line-height: 0;
    border: 0;
    padding: 0;
}*/
#modules2mod5 > .inner {
    width: 100%;
}
#pied {
    margin-bottom: 90px;
}
.form-horizontal .controls {
    margin-left: 0;
}
.tck-cols.tck-stack-3.head-formation {
    width: 115%;
}
/** realisation **/
.news.fc-items-block .fc-item-block-standard-wrapper-innerbox {
    margin: 15px 30px;
}


}

@media screen 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;
	max-width: 100%;
}



#block2 {
	height: auto !important;
}
#block2 ul {
	height: auto !important;
}
div#logo {
    width: 130px;
}
.flexi.element.field_Socialbar.singlecol {
  top: 18%;
}
.scrollToTop {
  bottom: 18%;
  right:0;
}
div#floatingmoduleck388 {
  display: none;
}
.tags {
	display: none;
}
#row_ID1522920199474 > .inner,
#row_ID1522920199483 > .inner {
    background: url(/images/diapo-accueil/fond-conseil.jpg) 50% center no-repeat fixed;
}

}

@media screen 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;
	max-width: 100%;
}



#body {
	height: auto !important;
}
#body .logobloc {
	float :none !important;
	width: auto !important;
}
#entete {
	height: auto !important;
}
#entete .logobloc {
	float :none !important;
	width: auto !important;
}
#topcolumn1 > .inner {
	flex-direction: column;
}
#topcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#topcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo {
	height: auto !important;
}
#logo .logobloc {
	float :none !important;
	width: auto !important;
}
#topcolumn2 > .inner {
	flex-direction: column;
}
#topcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#topcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block2 {
	height: auto !important;
}
#block2 ul {
	height: auto !important;
}
#entete2 {
	height: auto !important;
}
#entete2 .logobloc {
	float :none !important;
	width: auto !important;
}
#landing .flexiblemodule {
	width: 100% !important;
float: none;
}
#landing .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#landing > .inner {
	flex-direction: column;
}
#landingmod1 {
	height: auto !important;
}
#landingmod1 .logobloc {
	float :none !important;
	width: auto !important;
}
#landingmod2 {
	height: auto !important;
}
#landingmod2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .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;
}
#main-center {
	height: auto !important;
}
#main-center .logobloc {
	float :none !important;
	width: auto !important;
}
#main-centercolumn1 > .inner {
	flex-direction: column;
}
#main-centercolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#main-centercolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#main-centercolumn2 > .inner {
	flex-direction: column;
}
#main-centercolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#main-centercolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#right {
	height: auto !important;
}
#right .logobloc {
	float :none !important;
	width: auto !important;
}
#module4 {
	height: auto !important;
}
#module4 .logobloc {
	float :none !important;
	width: auto !important;
}
#ariane {
	height: auto !important;
}
#ariane .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapperbas {
	height: auto !important;
}
#wrapperbas .logobloc {
	float :none !important;
	width: auto !important;
}
#modules3 .flexiblemodule {
	width: 100% !important;
float: none;
}
#modules3 .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#modules3 > .inner {
	flex-direction: column;
}
#modules3mod1 {
	height: auto !important;
}
#modules3mod1 .logobloc {
	float :none !important;
	width: auto !important;
}
#modules3mod2 {
	height: auto !important;
}
#modules3mod2 .logobloc {
	float :none !important;
	width: auto !important;
}
#modules3mod5 {
	height: auto !important;
}
#modules3mod5 .logobloc {
	float :none !important;
	width: auto !important;
}
#pied {
	height: auto !important;
}
#pied .logobloc {
	float :none !important;
	width: auto !important;
}
#zone-contact {
	height: auto !important;
}
#zone-contact .logobloc {
	float :none !important;
	width: auto !important;
}
#nav1 {
	height: auto !important;
}
#nav1 ul {
	height: auto !important;
}
#nav1 li {
	float :none !important;
	width: 100% !important;
}
#nav1 div.floatck, #nav1 li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#nav1 div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#infos {
	height: auto !important;
}
#infos .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomstyle4 {
	height: auto !important;
}
#ckcustomstyle4 .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomstyle5 {
	height: auto !important;
}
#ckcustomstyle5 .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomstyle6 {
	height: auto !important;
}
#ckcustomstyle6 .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomstyle7 {
	height: auto !important;
}
#ckcustomstyle7 .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomstyle8 {
	height: auto !important;
}
#ckcustomstyle8 .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomstyle1 {
	height: auto !important;
}
#ckcustomstyle1 .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutblog {
	height: auto !important;
}
#ckcustomlayoutblog .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;
}
#ckcustomstyle2 {
	height: auto !important;
}
#ckcustomstyle2 .logobloc {
	float :none !important;
	width: auto !important;
}
div#logo {
    width: 110px;
}

.tck-cols.tck-stack-3.head-formation {
    width: 104%;
    margin-left: -9px;
}
/** realisation **/
.news.fc-items-block .fc-item-block-standard-wrapper-innerbox {
    margin: 15px 0px;
}


}

@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;
	max-width: 100%;
}


#body {
	height: auto !important;
}
#body .logobloc {
	float :none !important;
	width: auto !important;
}
#entete {
	height: auto !important;
}
#entete .logobloc {
	float :none !important;
	width: auto !important;
}
#top > .inner {
	flex-direction: column;
}
#top .flexiblecolumn {
	width: 100% !important;
float: none;
}
#top .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#topcolumn1 > .inner {
	flex-direction: column;
}
#topcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#topcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#logo {
	height: auto !important;
}
#logo .logobloc {
	float :none !important;
	width: auto !important;
}
#topcolumn2 > .inner {
	flex-direction: column;
}
#topcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#topcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block2 {
	height: auto !important;
}
#block2 ul {
	height: auto !important;
}
#entete2 {
	height: auto !important;
}
#entete2 .logobloc {
	float :none !important;
	width: auto !important;
}
#landing .flexiblemodule {
	width: 100% !important;
float: none;
}
#landing .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#landing > .inner {
	flex-direction: column;
}
#landingmod1 {
	height: auto !important;
}
#landingmod1 .logobloc {
	float :none !important;
	width: auto !important;
}
#landingmod2 {
	height: auto !important;
}
#landingmod2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .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;
}
#main-center {
	height: auto !important;
}
#main-center .logobloc {
	float :none !important;
	width: auto !important;
}
#main-centercolumn1 > .inner {
	flex-direction: column;
}
#main-centercolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#main-centercolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#main-centercolumn2 > .inner {
	flex-direction: column;
}
#main-centercolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#main-centercolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#right {
	height: auto !important;
}
#right .logobloc {
	float :none !important;
	width: auto !important;
}
#module4 {
	height: auto !important;
}
#module4 .logobloc {
	float :none !important;
	width: auto !important;
}
#ariane {
	height: auto !important;
}
#ariane .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapperbas {
	height: auto !important;
}
#wrapperbas .logobloc {
	float :none !important;
	width: auto !important;
}
#modules3 .flexiblemodule {
	width: 100% !important;
float: none;
}
#modules3 .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#modules3 > .inner {
	flex-direction: column;
}
#modules3mod1 {
	height: auto !important;
}
#modules3mod1 .logobloc {
	float :none !important;
	width: auto !important;
}
#modules3mod2 {
	height: auto !important;
}
#modules3mod2 .logobloc {
	float :none !important;
	width: auto !important;
}
#modules3mod5 {
	height: auto !important;
}
#modules3mod5 .logobloc {
	float :none !important;
	width: auto !important;
}
#pied {
	height: auto !important;
}
#pied .logobloc {
	float :none !important;
	width: auto !important;
}
#zone-contact {
	height: auto !important;
}
#zone-contact .logobloc {
	float :none !important;
	width: auto !important;
}
#nav1 {
	height: auto !important;
}
#nav1 ul {
	height: auto !important;
}
#nav1 li {
	float :none !important;
	width: 100% !important;
}
#nav1 div.floatck, #nav1 li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#nav1 div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#infos {
	height: auto !important;
}
#infos .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomstyle4 {
	height: auto !important;
}
#ckcustomstyle4 .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomstyle5 {
	height: auto !important;
}
#ckcustomstyle5 .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomstyle6 {
	height: auto !important;
}
#ckcustomstyle6 .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomstyle7 {
	height: auto !important;
}
#ckcustomstyle7 .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomstyle8 {
	height: auto !important;
}
#ckcustomstyle8 .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomstyle1 {
	height: auto !important;
}
#ckcustomstyle1 .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutblog {
	height: auto !important;
}
#ckcustomlayoutblog .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;
}
#ckcustomstyle2 {
	height: auto !important;
}
#ckcustomstyle2 .logobloc {
	float :none !important;
	width: auto !important;
}
div#logo {
  /*  width: 83px;*/
}

.picture-item {
    left: initial !important;
}
.deux-col {
    column-count: 1 !important;
}


}