/**
 * Contao Open Source CMS
 *
 * Copyright (C) 2005-2013 Leo Feyer
 *
 * @package Core
 * @link    https://contao.org
 * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL
 */

/**
 * Make the wrapping container 960 pixel wide
 */
#wrapper {
	width:100%;
	margin:0 auto;
}

#container {
	margin:0 auto;
}

/**
 * Set the default margin of the grid columns
 */

.clic  {
	display:none;

}



/**
 * Automatically clear the floats in the main column, so you do not have to add
 * a clearing div to each article
 */
#main .inside {
	overflow:hidden;
}

/**
 * Reduce the overall width and the width of the grid columns if the screen
 * width is less than 980px (e.g. on a portrait tablet)
 */
@media (min-width:768px) and (max-width:979px)
{
	/**
	 * Reduce the overall width TABLETTE
	 */

		#right  {
	margin-left:5%;
}

	.imgleft, #acc-maps {
display:none;
  }

	#wrapper {
		width:100%;
	}

	footer .inside {
	width:744px;
	margin:0 auto;
}

	.clic  {
	display:block;
	float:right;
    }

		.clic a {
	display:block;
	margin-right:20px;
	color:#ca0937;
	background-color:#000;
	text-decoration:none;
	font-weight:900;
	font: 30px/30px 'ubuntu', sans-serif;
	padding:10px;
    }

	.page_3 #chiffres .inside {
    margin: auto;
    width: 100% !important;
}

nav {
	position: relative !important;
    top:0 !important;
}

#logo img {
    width: 65%;
}

header nav > ul > li {
    margin: 0 3px!important;
}

header nav > ul > li:nth-child(1) {
margin-left:50px;
}

header nav  {
display:none;
}

#ctrl_email_38 {
    width: 100px;
}

#menumobile {
    position: absolute !important;
}


#container .inside, footer .inside, #main .inside, #header .inside, .page_3 #chiffres .inside{
  width: 100%;
 }

footer .inside, #main .inside, #header .inside {
	margin:0 auto;
}

.page_3 #slide .inside, .page_3 #slider {
	width:100%!important;
}

.page_3 .col_1, .page_3 .col_2, .page_3 .col_3
{
	width:100%!important;
	clear:both;
}

.page_3 #chiffres .col_1, .page_3 #chiffres .col_2, .page_3 #chiffres .col_3, .page_3 #chiffres .col_4, .page_3 #chiffres .col_5
{
	float:left;
	width:33%!important;
	clear:right;
	margin-bottom:40px;
}

#main .mod_navigation ul {
    width: 423px!important;
}

 .subcr .mod_rocksolid_slider {
width:100%!important;
 }

 .col-33x33x33, .col-25x25x25x25 {
    margin:0!important;
}

}

/**
 * Remove all floats and fixed widths if the screen width is less than 768
 * pixel (e.g. on a mobile phone)
 */
@media (max-width:767px)
{
	/**
	 * Remove the overall width SMARTPHONE
	 */

	.navbouton  {
  margin-top:20px !important;
  margin-bottom:30px;
}

	.imgleft, #acc-maps {
display:none;
  }
	#wrapper {
		width:auto;
	}

	.clic  {
	display:block;
	float:right;
    }

	.clic a {
	display:block;
	margin-right:20px;
	color:#ca0937;
	background-color:#000;
	text-decoration:none;
	font-weight:900;
	font: 30px/30px 'ubuntu', sans-serif;
	padding:10px;
    }

	.page_3 #chiffres {
    clear: both;
    float: left;
    margin-top: 0px!important;
    position: relative!important;
	margin-bottom:40px;
}

.page_3 #chiffres .col_1, .page_3 #chiffres .col_2, .page_3 #chiffres .col_3, .page_3 #chiffres .col_4, .page_3 #chiffres .col_5
{
	float:left;
	width:100%!important;
	clear:both;
	margin-bottom:40px;
}

.page_3 .col_1, .page_3 .col_2, .page_3 .col_3
{
	width:100%!important;
	clear:both;
}

#main {
    width: 100%;
}

.col_1, .col_2, .col_3, .col_4, .col_5
{
	width:100%!important;
	clear:both;
}

	.page_3 #chiffres .inside {
    margin: auto;
    width: 100% !important;
	}

	.page_3 #accueil {
    margin: auto;
    width: 100%!important;
	}

	#right  {
	display:none!important;
    }

	#main .ce_text img {
	}
	.page_33 #main img {
    width:100%!important;
}

#main  {
    float:none!important;
	}


	 #slide {
height:230px!important;
background-position:center center!important;
background-size:cover!important;
 }

	.page_7 #slide {
height:400px!important;
 }
 	.page_7 .col_2 div, .page_7 .col_1 div, .page_14 .col_2 div, .page_14 .col_1 div, .page_3 #accueil .col_1 div, .page_3 #accueil .col_2 div {
padding:0px!important;
 }
  	.page_7 .col_2, .page_7 .col_1{
width:80%!important;
 float:none!important;
 }

 .subcr .mod_rocksolid_slider {
width:100%!important;
 }


	#footer .mentionsline{

text-align:center;
}

	#footer {
border-top:0;
}


.logofooter {
    background: none!important;
    margin: auto;
    padding-left: 0!important;
    width: 250px;
}


#footer .mentions p, #footer .mentions {
    float: inherit!important;
    margin: auto;
    margin-top:20px;
    text-align: center;
    width: 150px;
}

#footer .mentions a {
    float: inherit!important;
}

#footer .tabularasa {
    clear:inherit!important;
    float: inherit!important;
    margin: auto;
    padding-bottom: 15px;
    width: 300px;
	margin-top: 30px !important;
    text-align: center !important;
}

#footer .tabularasa a{
    float:inherit;
}


#slide H1 {
    font: 900 37px/37px "ubuntu",sans-serif!important;
}

#logo img {
    width: 50%;
}

	.custom  {
	padding-top: 100px;
    }

	.ce_sliderStart, .page_3 .col-50x50, #slid .col-33x33x33{
	margin-left: 0px!important;
    }

	.page_3 .col-50x50, #slid .col-33x33x33{
	margin-right: 0px!important;
    }

	.page_3 #slid {
	float: left;
    width: 100%;
    }

	.page_3 .mod_rocksolid_slider {
		padding-bottom:30px!important;
    }

	.page_3 .ce_text.last.block {
    float: left;
	}

	.bulles H4 {
	font-size: 13px !important;
	}

	.leftsubmenu, .rsts-caption {
    display:none;
	}
	.page_3 #main #accueil p {
    font: 15px/17px "ubuntu",sans-serif!important;
	}

	.page_3 .subcl {
    padding: 0 3px 0 0!important;
}
	.page_3 .subc {
   padding-left: 4px!important;
   padding-right: 4px!important;
}
	.page_3 .subcr {
   padding-left: 4px!important;
}

.rsts-nav, .rsts-prev, .rsts-next{
    display:none;
	}

	.box {
    height: auto !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
	}

	header nav  {
	display:none;
    }

#container {
	width:auto;
	margin:0 auto;
}

#header .inside {
	width:auto;
	margin:0 auto;
}

footer .inside {
	width:auto;
	margin:0 auto;
}

table tr td:first-child, table tr td {
    font: 13px/14px "ubuntu",Arial,sans-serif !important;
    padding: 0.2em!important;
}

	/**
	 * Show all columns underneath each other
	 */
	*[class*="grid"],.inside>*[class*="grid"] {
		float:none;
		display:block;
		width:auto;
		margin:0;
	}
}

/**
 * Reduce the overall width and the width of the grid columns if the screen
 * width is less than 980px (e.g. on a portrait tablet)
 */

@media (min-width:1130px)
{
	/**
	 * Reduce the overall width GRANDES RESOLUTIONS
	 */

  #container {
  width: 1100px;
 }

 .page_3 #container .inside, .page_3 #container #acc-maps {
  width: 100%;
 }

  .page_3 #container #accueil, .page_3 #container #accueil .col-66x33, .page_3 #slid H1{
  width: 1100px;
  margin:auto;
 }

     .page_7 #slid, .page_7 #slide .inside {
  width: 100%!important;
 }

 footer .inside {
	width:1100px;
	margin:0 auto;
}

#slide .inside {
    width: 1100px;
}

.page_3 #slide .inside {
    width: 100%!important;
}

.col-33x33x33 {
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative;
    width: 1100px;
}


#main .inside {
	width:100%;
	margin:0 auto;
}

#header .inside {
	width:100%;
}

.rsts-caption p {
	width:1100px;
	margin:0 auto;
}
.rsts-caption H1 {
	text-align:center!important;
	color:#fff!important;
	font: 400 32px/41px 'ubuntu', sans-serif!important;
	text-transform:uppercase!important;
	padding:9px;
}

.page_3 #chiffres .inside {
    width: 1100px;
}

nav ul {
width:905px;
}

nav  {
width:1100px;
margin:auto;
padding-left:80px;
}

#logo img {
    width: 85%;
}

}


@media (min-width:980px) and (max-width:1129px)
{
	/**
	 * FOR BIG SCREENS
	 */

footer .inside, #header .inside, .page_3 #chiffres .inside{
  width: 980px;
 }

footer .inside, #main .inside, #header .inside {
	margin:0 auto;
}

.page_3 #slide .inside {
	width:100%!important;
}

.col-33x33x33, .col-25x25x25x25 {
    margin:0!important;
}

  #container {
  width: 980px;
 }

   .page_3 #container .inside {
  width: 980px;
 }

   .imgleft {
 background: url("../images/design/left.png") right top no-repeat;
 float:left;
position:absolute;
width:30px;
height:800px;
  }

  #main .mod_navigation ul {
    width: 820px!important;
}

}

@media (min-width:1130px) and (max-width:1240px)
{
	/**
	 * FOR BIG SCREENS
	 */

#logo img {
    width: 71%;
}

}

@media (min-width:1241px) and (max-width:1440px)
{
	/**
	 * FOR BIG SCREENS
	 */

#logo img {
    width: 85%;
}

  .rsts-skin-default .rsts-caption {
    top: 250px !important;
}

}

@media (min-width:1441px) and (max-width:1540px)
{
	/**
	 * FOR BIG SCREENS
	 */
#logo img {
    width: 85%;
}

    .rsts-skin-default .rsts-caption {
    top: 300px !important;
}

}

@media (min-width:1541px) and (max-width:1740px)
{
	/**
	 * FOR BIG SCREENS
	 */
#logo img {
    width: 90%;
}

    .rsts-skin-default .rsts-caption {
    top: 320px !important;
}

}