/* ---------------------------------------
	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;
}


/*--------********----------Réduire le bloc de TCP et monter des blocs---------*****-------------*/
/*------------Page acceuil_bloc_TCP-innovation---------------- */
#ID1556888393695.cktype{
	z-index: 7;
}
#ID1556888393695.cktype div.cktext.inner p{
    text-align: center;
    background-color: white;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    margin-top: -30px;
}
/*------------Page acceuil_bloc_prestations---------------- */
#row_ID1556805635972{
	display: block;
	position: relative;
	z-index: 5;
	margin-top: -54px;
}
/*-----------********--------page_acceuil_Préstations---------*****--------------*/
/*-----------déplacer_hexagons----------------*/
#block_ID1556805827873{
  margin-left: 130px;
}
#block_ID1556805960687{
  margin-left: -38px;
}
#block_ID1556805960688{
  margin-left: -27px;
}
#block_ID1556805960689{
  margin-left: -22px;
}
#row_ID1556805960676{
  margin-top: -51px;
}
/*---------***********------centrer les bloc 1000px-------**********---------*/
/*--------------fil de navigation----------------------*/
div#block1 div.inner.clearfix {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*--------------page d'accueil----------------------*/
section#bannerrow{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
div#block_ID1556805635982 div.innercontent.uick-sortable {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
div#ID1557912631624.cktype div.moduleck.inner{
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
div#row_ID1556874953014.rowck.ckstack3.ckstack2.ckstack1.uick-sortable.noreplayck.animateck{
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
div#block_ID1556809436770 div.inner.animate.resizable{
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
/*-------------page-TCP-innovation--------------*/
div#ID1558345161432 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-site web--------------*/
div#ID1557412303306 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-référencement--------------*/
div#ID1558338653925 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-gestion de site--------------*/
div#ID1558339940902 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-communication--------------*/
div#ID1558341286891 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-graphisme--------------*/
div#ID1558341755543 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-impression--------------*/
div#ID1558342105982 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-référencement--------------*/
div#ID1556893659596 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-contact--------------*/
div#ID1557220816595 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
div#row_ID1557220810126.rowck.ckstack3.ckstack2.ckstack1.uick-sortable.noreplayck.animateck{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-Olivier--------------*/
div#ID1557215435703 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-CaveMorgon--------------*/
div#ID1557751620939 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-Rentalp--------------*/
div#ID1557757462364 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-Lifeshot--------------*/
div#ID1557821130289 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-ScèneAttitude--------------*/
div#ID1557822573652 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-Codep69--------------*/
div#ID1557823237318 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-Soplica--------------*/
div#ID1557824000781 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-12Avenue--------------*/
div#ID1557824745087 div.cktext.inner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*-------------page-Connexion--------------*/

/*-------------formulaire de contact--------------*/
div#block_ID1557221299629 div.inner.animate.resizable {
        margin-left: -100px;
}


}

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

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


#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;
}
#bannermenu .mobileckhambuger_togglerlabel {
	display: block !important;
	font-size: 33px !important;
	text-align: right !important;
	padding: 10px !important;
}
#bannermenu .mobileckhambuger_toggler + * {
	display: none !important;
	overflow-x: hidden;
}
#bannermenu .mobileckhambuger_toggler:checked + * {
	display: block !important;
}


}

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


#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;
}
#bannermenu .mobileckhambuger_togglerlabel {
	display: block !important;
	font-size: 33px !important;
	text-align: right !important;
	padding: 10px !important;
}
#bannermenu .mobileckhambuger_toggler + * {
	display: none !important;
	overflow-x: hidden;
}
#bannermenu .mobileckhambuger_toggler:checked + * {
	display: block !important;
}
/*------bloc de formulaire de contact---------*/
#form_1.fabrikForm {
  margin-left: 29px;
}
/*-------------décaler le bloc formulaire de contact--------------*/
div#block_ID1557221299629 div.inner.animate.resizable {
        margin-left: -50px;
}
/*---------------menu-hamburger---------------*/
nav#bannermenu div.inner.clearfix label.mobileckhambuger_togglerlabel{
	margin-top: -70px;
}

}

@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 {
	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;
}
#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;
}
#bannermenu .mobileckhambuger_togglerlabel {
	display: block !important;
	font-size: 33px !important;
	text-align: right !important;
	padding: 10px !important;
}
#bannermenu .mobileckhambuger_toggler + * {
	display: none !important;
	overflow-x: hidden;
}
#bannermenu .mobileckhambuger_toggler:checked + * {
	display: block !important;
}
#block1 {
	height: auto !important;
}
#block1 .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: 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;
}
#wrapper6 {
	height: auto !important;
}
#wrapper6 .logobloc {
	float :none !important;
	width: auto !important;
}
#blocks5 .flexiblemodule {
	width: 100% !important;
float: none;
}
#blocks5 .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#blocks5 > .inner {
	flex-direction: column;
}
#blocks5mod1 {
	height: auto !important;
}
#blocks5mod1 .logobloc {
	float :none !important;
	width: auto !important;
}
#blocks5mod2 {
	height: auto !important;
}
#blocks5mod2 .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
/*------bloc de formulaire de contact---------*/
#form_1.fabrikForm {
  margin-left: 50px;
}
/*---------------menu-hamburger---------------*/
nav#bannermenu div.inner.clearfix label.mobileckhambuger_togglerlabel{
	margin-top: -70px;
}
/*----------renvers le titre et texte------------*/
div#row_ID1557412677848 div.inner.animate.clearfix{
  flex-direction: column-reverse;
  display: flex;
}
div#row_ID1557412803407 div.inner.animate.clearfix{
  flex-direction: column-reverse;
  display: flex;
}
div#row_ID1558339101523 div.inner.animate.clearfix{
  flex-direction: column-reverse;
  display: flex;
}
div#row_ID1558339115100 div.inner.animate.clearfix{
  flex-direction: column-reverse;
  display: flex;
}
div#row_ID1558339968782 div.inner.animate.clearfix{
  flex-direction: column-reverse;
  display: flex;
}
div#row_ID1558341298163 div.inner.animate.clearfix{
  flex-direction: column-reverse;
  display: flex;
}
div#row_ID1558341765551 div.inner.animate.clearfix{
  flex-direction: column-reverse;
  display: flex;
}

}

@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 {
	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;
}
#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;
}
#bannermenu .mobileckhambuger_togglerlabel {
	display: block !important;
	font-size: 33px !important;
	text-align: right !important;
	padding: 10px !important;
}
#bannermenu .mobileckhambuger_toggler + * {
	display: none !important;
	overflow-x: hidden;
}
#bannermenu .mobileckhambuger_toggler:checked + * {
	display: block !important;
}
#block1 {
	height: auto !important;
}
#block1 .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: 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;
}
#wrapper6 {
	height: auto !important;
}
#wrapper6 .logobloc {
	float :none !important;
	width: auto !important;
}
#blocks5 .flexiblemodule {
	width: 100% !important;
float: none;
}
#blocks5 .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#blocks5 > .inner {
	flex-direction: column;
}
#blocks5mod1 {
	height: auto !important;
}
#blocks5mod1 .logobloc {
	float :none !important;
	width: auto !important;
}
#blocks5mod2 {
	height: auto !important;
}
#blocks5mod2 .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
/*------bloc de formulaire de contact---------*/
#form_1.fabrikForm {
  margin-left: 50px;
}
#formulaire_de_contact___numero_de_telephone {
  width: 78%;
}
/*-------------décaler le bloc formulaire de contact--------------*/
div#block_ID1557221299629 div.inner.animate.resizable {
        margin-left: -50px;
}
/*---------------menu-hamburger---------------*/
nav#bannermenu div.inner.clearfix label.mobileckhambuger_togglerlabel{
	margin-top: -70px;
}
/*----------renvers le titre et texte------------*/
div#row_ID1557412677848 div.inner.animate.clearfix{
  flex-direction: column-reverse;
  display: flex;
}
div#row_ID1557412803407 div.inner.animate.clearfix{
  flex-direction: column-reverse;
  display: flex;
}
div#row_ID1558339101523 div.inner.animate.clearfix{
  flex-direction: column-reverse;
  display: flex;
}
div#row_ID1558339115100 div.inner.animate.clearfix{
  flex-direction: column-reverse;
  display: flex;
}
div#row_ID1558339968782 div.inner.animate.clearfix{
  flex-direction: column-reverse;
  display: flex;
}
div#row_ID1558341298163 div.inner.animate.clearfix{
  flex-direction: column-reverse;
  display: flex;
}
div#row_ID1558341765551 div.inner.animate.clearfix{
  flex-direction: column-reverse;
  display: flex;
}

}