/*
http://www.responsivegridsystem.com/calculator/
http://webdesignerwall.com/tutorials/5-useful-css-tricks-for-responsive-design
https://codyhouse.co/gem/smart-fixed-navigation/
*/

DIV#spacer {
  height: 25px;
   
  }

p {
  color: #666666;
  font-size: 0.9em;
  font-weight: 200;
  max-width:  770px;
  padding-bottom: 12px;
  line-height: 22px;
   
  }

p.avis {
  max-width:  100%;
  }


h1 {
  color: #FF6600;
  height: 60px;
  font-size: 1.9em;
  font-weight: 200;
  margin-top: 30px;
   
  }
  
h2 {
  color: #666666;
  height: 40px;
  font-size: 1.2em;
  font-weight: 200;
   
  }
  
  /* MENU TITRE */
h3 {
  color: #BDDC80;
  height: 60px;
  font-size: 2.0em;
  font-weight: 300;
  margin-top: 30px;
   
  }

  /* MENU SUB */
h4 {
  color: #666666;
  height: 23px;
  font-size: 1.0em;
  font-weight: 300;
  margin-left: 10px;
     }
     
    /* PAGE EVENEMENTS (TITRE) */
h5 {
  color: #FF6600;
  font-size: 1.0em;
  font-weight: 900;
  margin: 20px 0px -7px 0px;
    }
    
   /* PAGE EVENEMENTS (dates) */
h6 {
  color: #999999;
  font-size: 0.8em;
  font-weight: 800;
  margin: 0px 0px 3px 0px;
    }
    

  
.style1 {
  font-weight: 600;
   
  }
  
.style2 {
  color: #333333;
   
  }
  
  
/* trim googlemap size */
DIV#trimgmap {
  width: 750px;
  }
  
  
/* ROW1: MENU TOP ---  see also responsive.css for inner layout */
DIV#rowone {
  background-color: DimGray;
  max-width: 100%;
  color: #ffffff;
  height: 66px;
  font-size: 1em;
  font-weight: 300;
   
  }

/* ROW2: BACKGROUND */
DIV#rowtwo {
  background-image: url("../custom/custom_01.jpg");
  max-width: 100%;
  height: 315px;
  color: #ffffff;
  font-size: 2.5em;
  font-weight: 800;
   
  }
  
DIV#rowtwocontent {
  background-image: url("../custom/custom_01.jpg");
  max-width: 100%;
  height: 315px;
  color: #ffffff;
  font-size: 2.5em;
  font-weight: 800;
   
  }
    
  
/* ROW3: SLOGAN */
DIV#rowthree {
  padding-top: 1em;
  max-width: 100%;
  max-height: 150px;
  margin-bottom: 2.0em;
   
  }
  
  
/* ROW4: 3 ITEMS */
DIV#rowfour {
  max-width: 100%;
  position: relative;
  text-align: center;
   
  }
  
/* ROW4left: MENU ON CONTENT PAGES */
DIV#rowfourleft {
  float:left;
  width:350px;
  min-height: 500px;
  text-align: left;
  margin-top: 50px;
   
  }
  
/* ROW4left: CONTENT ON CONTENT PAGES */
DIV#rowfourright {  
  float:left;
  max-width: 760px;
  text-align: justify;
  margin-top: 50px;
   
  }
      
/* ROW5: NOUVELLES TITRE */
DIV#rowfivea {
  /*background-color: #DAAE4F;*/
  background-image: url("../custom/background_nouvelles_titre.png");
  color: #ffffff;
  font-size: 2.0em;
  font-weight: 700;
  text-align: center;
  max-width: 100%;
  height: 70px;
  margin-top: 1.0em;
   
  }
  
/* ROW5: NOUVELLE */
DIV#rowfive {
  background-image: url("../custom/background_nouvelles.png");
  max-width: 100%;
  height: 300px;
   

  }
  
/* ROW5b: Separateur Content Pages */
DIV#rowfiveb {
  max-width: 100%;
  height: 80px;
   

  }
  
/* ROW6: FOOTER */
DIV#rowsix {
  /*background-color: #1F2531;*/
  background-image: url("../custom/background_footer.png");
  min-width: 100%;
  height: 100%;
  position: relative;
  display: block;
  padding-bottom: 1.3em;
   

  }
  
/* ROW7: DISCLAIMER */
DIV#rowseven {
  background-color: #363B46;
  color: #ffffff;
  max-width: 100%;
  height: 80px;
  font-size: 0.8em;
  font-weight: 300px;
  padding-top: 25px;
  position: relative;
  display: block;
  float: bottom;
   
  }

/* align content center to minimum width */
DIV#containerone {       
  margin: auto;
  max-width: 1150px;
  padding: 10px;
   
  }

/* align SLIDER content center to minimum width */

DIV#containertwo {
  position: absolute;
   
}

@media only screen and (min-width: 10px) {
DIV#containertwo {
  margin-top: -9999px;
   
  }
}

@media only screen and (min-width: 1170px) {
DIV#containertwo {
  margin-top:  30px;
  margin-left: 540px;
   
    }
}
DIV#containerthree {       
  margin: 30px 0px 0px 0px;
   
  }
  
DIV#containerfour {       
  margin: auto;
  max-width: 1150px;
  padding: 10px;
   
  }

 DIV#containerfive {       
  margin-top:  40px;
  color: #E0C268;
  font-size: 1.5em;
  font-weight: 800;
   
  }
 
DIV#containersix {
  margin-top:  40px;
  color: #A4CD59;
  font-size: 1.5em;
  font-weight: 800;
   
  }

DIV#containerseven {
  margin-top:  40px;
  color: #ffffff;
  font-size: 1.5em;
  font-weight: 400;
   
  }
 
 DIV#containerheight {
  margin-top:  40px;
  margin-top:  15px;
  color: #ffffff;
  font-size: 1.0em;
  font-weight: 300;
  line-height: 30px;
   
  }
  
DIV#containernine {
  min-width: 370px;
  margin-top:  15px;
  font-size: 0.8em;
  font-weight: 600;
  line-height: 30px;
  text-align: right;
  padding-right: 30px;
   
  }
  
/*  SECOND CLASS (MENU)  */
 a.secondarylink:link { color: #666666; text-decoration: none;  }
 a.secondarylink:visited { color: #666666; text-decoration: none;  }
 a.secondarylink:active { color: #666666; text-decoration: none;  }
 a.secondarylink:hover { color: #000000; text-decoration: none; font-weight: 600; }

/*  THIRD CLASS (FOOTER)  */
 a.secondarylinktwo:link { color: #ffffff; text-decoration: none;  }
 a.secondarylinktwo:visited { color: #ffffff; text-decoration: none;  }
 a.secondarylinktwo:active { color: #ffffff; text-decoration: none;  }
 a.secondarylinktwo:hover { color: #ffffff; text-decoration: none; font-weight: 600; }

/*  RESPONSIVE SECTIONS FOR 3 MAIN ITEMS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
     
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
     
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GRID OF FOUR  */
.span_1_of_4b {
	width: 260px;
}
.span_2_of_4b {
	width: 260px;
}
.span_3_of_4b {
	width: 260px;
}
.span_4_of_4b {
	width: 260px;
}




/*  GO FULL WIDTH BELOW 768 PIXELS */
@media only screen and (max-width: 700px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}



/*  BASIC & GENERAL */

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
   
}

body {
  font-size: 100%;
  color: #666666;
  background-color: #FCFCFC;
   
}


img {
  max-width: 100%;
}