/**
 * 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, #sports {
display:none;
  }

.rsts-caption {
    margin-left: 5%;
}
	
	#wrapper {
		width:100%;
	}
	
	footer .inside {
	width:744px;
	margin:0 auto;
}

	.clic  {
	display:block;
	float:right;
    }
	
		.clic a {
	display:block;
	margin-right:20px;
	color:#deb331;
	background-color:#000;
	text-decoration:none;
	font-weight:900;
	font: 30px/30px 'Montserrat', sans-serif;
	padding:10px;
    }
	
	.page_3 #chiffres .inside {
    margin: auto;
    width: 100% !important;
}

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

#logo {
    float: left;
	margin-left:20px;
}

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, #sports {
display:none;
  }
	#wrapper {
		width:auto;
	}
	
	.clic  {
	display:block;
	float:right;
    }

	.clic a {
	display:block;
	margin-right:20px;
	color:#deb331;
	background-color:#000;
	text-decoration:none;
	font-weight:900;
	font: 30px/30px 'Montserrat', 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 "Montserrat",sans-serif!important;
}
	
	#logo img {
	width: 100%;
    }
	
	#logo {
	width:75%;
	}
	.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 "Montserrat",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 "Montserrat",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
	 */
	 
.rsts-caption {
    margin-left: 6%;
}
  #container { 
  width: 1100px; 
 } 
 
   .page_3 #container .inside { 
  width: 100%; 
 } 
 
    .page_3 #container #accueil, .page_3 #container #sports{ 
  width: 100%; 
 } 
 
     .page_3 #container #accueil .col-50x50{ 
  width: 1100px; 
  margin:auto;
 } 
 
    .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;
    margin-top: -100px;
    position: relative;
    width: 1100px;
    z-index: 1000000;
}
  
.col-25x25x25x25 {
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: -100px;
    position: relative;
    width: 1100px;
    z-index: 1000000;
} 


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

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

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


@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
	 */
	    .imgleft {
width:70px;
  }

}

@media (min-width:1241px) and (max-width:1440px)
{
	/**
	 * FOR BIG SCREENS
	 */
	    .imgleft {
width:10%;
  }
  
  .rsts-skin-default .rsts-caption {
    top: 250px !important;
}

}

@media (min-width:1441px) and (max-width:1540px)
{
	/**
	 * FOR BIG SCREENS
	 */
	    .imgleft {
width:15%;
  }
  
    .rsts-skin-default .rsts-caption {
    top: 300px !important;
}

}

@media (min-width:1541px) and (max-width:1740px)
{
	/**
	 * FOR BIG SCREENS
	 */
	    .imgleft {
width:18%;
  }
  
    .rsts-skin-default .rsts-caption {
    top: 320px !important;
}

}