/* Copyright Odile Georgallides */


html {
  height: 100%;
}

body {
  min-height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  //position:relative
  }
  
  
.alignleft {float:left; }
.alignright {float:right; }
.clear {clear:both}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
    display: block;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}




.white {background-color:#FFFFFF; }
.blacktransp {background:rgba(0,0,0,0.2)}
.whitetransp {background:rgba(255,255,255,0.5)}
.beigetransp {background:rgba(245,234,209,0.5)}

.whitedeg {background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}

.shadow {-webkit-box-shadow: -webkit-box-shadow: 0px 0px 11px 3px rgba(0, 0, 0, 0.26);
-moz-box-shadow:    0px 0px 11px 3px rgba(0, 0, 0, 0.26);
box-shadow:         0px 0px 11px 3px rgba(0, 0, 0, 0.26);
}


.grey {background-color:#F2F2F2}
.lightgrey {background-color:#F7F7F7}
.darkgrey {background-color:#555555}



.content {margin-top:20px}
.panel-group {}

/*.rightside {    
    margin-bottom: 10px;
    margin-left: 30px;
  }*/
.rightside .size-thumbnail {width:100px; float:left; margin-right:10px}
.rightside .sidebar-content {    
	border-left: 1px solid black;
	}
.sidebar-content {color: #2e3032;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300; 
    padding: 10px 20px 10px 20px;
    text-align: left;
 	  margin-bottom:30px
}
aside ul {padding-left:0}
aside li {list-style-type: none; padding-left:0}

.title_cat {display:block}
.title_date {display:block}



 
/*.pagenormale{  
					min-height: 100%; 
}
*/ 
 

.slide-data {position:relative !important; margin-top:30px; padding:15px !important; left:0 !important; bottom:0 !important; right:0 !important;
					background-color:#8DC761 !important}
.flexslider { border: 0px solid #F7F7F7 !important; margin-top:20px !important; margin-bottom:30px !important;
	box-shadow: none !important ;
	-moz-box-shadow: none !important ;
	-webkit-box-shadow: none !important }
.slide-data .flexslider-hg-title, .slide-data p {text-shadow: none !important;}
.flexslider h2 {  text-align:center; font-size: 16px; color:white !important;
	animation-duration: 2s;
    animation-name: fadeInLeft ;
    animation-timing-function: ease-in-out;
    visibility: visible !important;}
.flex-direction-nav a {
    margin: -50px 0 0 !important;
 
}





hr {border-top:1px solid #E5E3E3; border-bottom:0; margin-top:20px; margin-bottom:20px}
  

 
.encaps span {
display:block; font-size: 16px;
    font-weight: 700; font-family:Lato; color:black;
    text-transform: uppercase;
    margin-top: 10px; margin-bottom: 6px;
   padding-top: 0px; padding-bottom: 4px;}
  



.totop {font-family: FontAwesome; font-size: 60px; position:fixed; bottom:20px; right:30px;}
.totop a, .totop a:link, .totop a:visited, .totop a:active {color:#D0D0D0}   
.totop a:hover {color:black}  
  


#div-logos {margin-top:30px}

#div-footer .contenu {padding-top:60px; padding-bottom:60px; 
	         }

#div-footer { margin-top:60px; background: url(images/fond-ball-7.jpg) right bottom no-repeat; min-height:210px}

.footer {padding-bottom:30px; padding-top:30px; 
  }
.footer, .footer p {font-size:16px ; line-height:20px;}

.footer a, colin a {text-decoration:none;color:white;   }
.footer, .colin {color:white}
.footer a:link, .colin a:link,		
.footer a:visited, .colin a:visited,
.footer a:active, .colin a:active      { color:white }
.footer a:hover, .colin a:hover		 { color:#EEEEEE}


#footer_bottom {background-color:#F2F2F2; text-align:center; font-size:0.8em; padding-top:20px; padding-bottom:20px; }


.anchor {padding-top:100px; float: none; display: block; overflow:hidden; margin-top:-100px;	 }







a[href^="mailto:"]:before {
font-size:20px; text-align:center; font-family: FontAwesome; content: "\f0e0"; 
	 margin-right:10px; 
}
.logo-outer a[href^="mailto:"]:before {
content: ""; 
	 margin-right:0px; 
}
.encaps a[href^="http:"]:before {
font-size:20px; text-align:center; font-family: FontAwesome; content: "\f0ac"; 
	 margin-right:10px;
}
a[href^="tel:"]:before {
font-size:20px; text-align:center; font-family: FontAwesome; content: "\f095"; 
	 margin-right:10px;
}
a[href$=".pdf"]:before {
font-size:20px; text-align:center; font-family: FontAwesome; content: "\f1c1"; 
	 margin-right:10px; color:red
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #E71C24;
    border-color: #E71C24;
}
.pagination > li > a, .pagination > li > span {
    color: black;
  
}



/*-------------------------------------------------------------------------------------------*/
/* BLOCS   	                                                                                 */
/*-------------------------------------------------------------------------------------------*/
.flex-container { 
    padding: 0; 
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;  
   -webkit-flex-wrap:wrap;
   flex-wrap:wrap;   
   -webkit-flex-basis: auto; /* Safari 6.1+ */
   flex-basis: auto; /* Automatically size based on the flex item’s content */
  
   align-content: flex-start;
   align-items: stretch;  
}
.flex-item { max-width: 100%; 
  padding: 20px; 
  text-align: center;
  -webkit-flex-grow: 1; /* Safari 6.1+ */
  flex-grow:1; /*  Let the second flex-item grow 0 times wider than the rest */
   -webkit-flex-shrink: 0; /* Safari 6.1+ */
   flex-shrink: 0; /* Let the second flex-item shrink 0 times more than the rest*/
   -webkit-flex-basis: 220px; /* Safari 6.1+ */
   flex-basis: 220px;   
   	  display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
      -webkit-flex-direction: column;
   flex-direction: column; 
}
.inflex {text-align:center; margin-left:auto; margin-right:auto}
.bordure {border:1px solid #D3D3D3; margin:3px;}
.boxed  {margin:5px;}
.pagenormale .flex-item h3 {text-align:center}

.flex-item p {margin-bottom:auto}
.flex-item .btn1 {margin-top:10px}

.flexi-normal {}
.flexi-reverse {   -webkit-flex-direction: row-reverse !important;
   flex-direction: row-reverse !important; }


#brands .flex-item {max-width:120px; }
/*#brands .flex-item img {border:1px solid #E5E3E3}  */
.flexbottom {  
   -webkit-align-content: flex-end;
   align-content: flex-end;
 } 
.flexcenter { 
  -webkit-align-content: center; 
  align-content: center; 
}



.bloc1 {  padding:5px 20px 5px 20px; margin-bottom:20px}
.bloc2 {}
.bloc1 ul { margin-left:0; padding-left:0; counter-reset:item; margin-top:10px; margin-bottom:20px}
.bloc1 ul>li {margin-left:0; padding-left:0; counter-increment:item; list-style:none inside; padding-top:10px; margin-bottom:10px}
.bloc1 ul>li {border-top:2px solid white}
.bloc1 ul li a:hover {color:#E80000; border-left:2px solid #E80000; padding-left:10px}


/*-------------------------------------------------------------------------------------------*/
/* COLUMNS  	                                                                               */
/*-------------------------------------------------------------------------------------------*/
.columns2 {
   -webkit-columns: 300px 2;
   -moz-columns: 300px 2;
   columns: 300px 2;
   -webkit-column-rule: 1px solid #F7F7F7; /* Chrome, Safari, Opera */
   -moz-column-rule: 1px solid #F7F7F7; /* Firefox */
   column-rule: 1px solid #F7F7F7;
   -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
   -moz-column-gap: 60px; /* Firefox */
   column-gap: 60px;
}


.columns2 h3 {
  margin-top:0 !important;
  -webkit-column-break-after:avoid;
  -moz-column-break-after:avoid;
  -o-column-break-after:avoid;
  -ms-column-break-after:avoid;
  column-break-after:avoid;
  
}
.columns2 p {
  -webkit-column-break-before:avoid;
  -moz-column-break-before:avoid;
  -o-column-break-before:avoid;
  -ms-column-break-before:avoid;
  column-break-before:avoid;
}


.logo-container { 
  	height:100px; width:auto; background-color:white; margin:15px; 
  	margin-top:30px; margin-bottom:30px; position:relative
  }

 




/*-------------------------------------------------------------------------------------------*/
/* BOUTONS  	                                                                               */
/*-------------------------------------------------------------------------------------------*/

.btn1,
.wpcf7-submit {
	  background-color: #E71C24;
    border: 2px solid white !important;
    border-radius: 5px;
    color: white;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding: 7px 15px;
    width: auto;
  }
a.btn1  {color:white !important} 
.btn1:hover, a.btn1:hover,
.wpcf7-submit:hover {  cursor:pointer; background-color:white; color:black !important; border:2px solid black !important; } 

.btn2 {
	  background-color: white;
    border: 2px solid black;
    border-radius: 5px;
    color: black;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px;
    width: auto;
  }
.btn2:hover {  background-color:#E71C24; color:white; border:2px solid white; } 
.btn2 a:hover {  background-color:#E71C24; color:white; } 



/*-------------------------------------------------------------------------------------------*/
/* MENU   	                                                                               */
/*-------------------------------------------------------------------------------------------*/
.menu-top {margin: 0; padding: 0; text-align:right}
.menu-top li {
    display: inline-block;
    list-style-type: none;
    position: relative;
    padding: 2px 10px
}
.navbar-brand {
    padding: 0px; padding-top:8px
}

/* dropdown */
.dropdown-menu {
    margin: 0px auto; 
}
.dropdown-menu .dropdown-menu {
    left: 100%;
    top: 0px;
}
/*  shows the dropdown on hover*/
.navbar ul.nav li:hover > ul.dropdown-menu {
    display: block;   
}
/* before and after */
.navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after {
    display: none;
}

.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover
	{background-color:#E71C24}




/*-------------------------------------------------------------------------------------------*/
/* DIASHOW   	                                                                               */
/*-------------------------------------------------------------------------------------------*/

.item {padding-top:30px}
figcaption { position:absolute; top:20px; left:20px;  padding:20px; text-align:left; background:rgba(0,0,0,0.2)}
.captiona { display:block; color:white; font-size: 28px; line-height:34px }
.captionb { color:#E0E0E0;  }
.owl-item {position:relative}
@media screen and (min-width: 741px) and (max-width: 1399px)
 {
 	
/*	.item { display:flex; align-items: center; justify-content:space-between }*/
}

@media screen and (min-width: 1400px) and (orientation:landscape),
       all and (min-width: 1400px)
 {
/*	.item { display:flex; align-items: center; justify-content:space-between }*/
 }

@media screen and (max-width : 740px)
 {
/*	figcaption  {position:relative; width:100%; text-align:center; margin-left:auto; margin-right:auto}
	.captiona {display:block;  }
	.owl-prev, .owl-next {display:none}*/
}

/*
.owl-theme img {text-align:center; vertical-align:middle; 
	 margin-left:auto; margin-right:auto; background-color:white;
	height:auto !important; max-height:100% !important; 
	width:auto !important; max-width:100% !important;
 }*/

.owl-carousel3:before,
.owl-carousel3:after {
  content: "";
  display: table;
}
.owl-carousel3:after {
  clear: both;
}



/*  polices et espacements */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#robotothin') format('svg');   
    font-style: normal;
    font-weight:normal
}
@font-face {
    font-family: 'Open Sans Light';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#robotothin') format('svg');   
    font-style: normal;
    font-weight:normal
}

body  {color: #595959;
    font-family: Lato,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 300; }
    
h1, h2, h3, h4, h5 { }

a, a:link, a:visited, a:hover, a:active
	{color:#595959; text-decoration:none; }

.pagenormale .content a,
.pagenormale .content a:link, 
.pagenormale .content a:visited, 
.pagenormale .content a:hover, 
.pagenormale .content a:active
	{}
		


.pagenormale .content p, 
.pagenormale .content ul, 
.pagenormale .content ol {
	font-size:16px ; line-height:22px;
}
.title_date {
	font-size:16px ; line-height:26px;
}
.pagenormale .content li, ..pagenormale .content li a, .marquee p {font-size:16px;  color:#595959 }



h1 {display:block; font-size: 30px;
    font-family: 'Roboto Condensed', sans-serif; color:black; margin-top:0px;
    text-transform: uppercase;
    margin-top: 10px; margin-bottom: 10px;
    padding-top: 0px; padding-bottom: 10px; }
h1 a {color:black !important}




h2  {  font-weight: 700; 
	   display:block;     
    text-align:left;
    margin-top:30px;
		margin-bottom:30px; 
    color:black ; font-size: 20px; line-height: 26px
     
  }
h2 a { color:black !important}
 

h3  { font-weight: 700; font-family:Lato; 
	   display:block;     
    text-align:center;
    margin-top:30px;
		margin-bottom:30px; 
    color:black ; font-size: 20px; 
    text-transform: uppercase; 
  }
.pagenormale h3  { 	font-weight: 700; font-family:Lato; 
		margin-top:60px;
		margin-bottom:20px; 
    color:black; font-size: 20px; 
    text-transform: uppercase;
    text-align:left;
  }

h4,
.likeh4 { font-family: 'Roboto Condensed', sans-serif;
	display:block; font-size: 20px;
    color:black; font-weight:normal;
    text-transform: uppercase;
    margin-top: 20px; margin-bottom: 6px;
   padding-top: 0px; padding-bottom: 10px;
   text-align:left}

.minititle {display:block;
    color: black;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left;
    text-transform: uppercase;
}