/* CSS Document */

@font-face {font-family: "font";src: url('cg.ttf');}

 html{  background-color: #FFF ; padding-left:20px; padding-right:20px }
 body{font-family: "font", Arial, Helvetica, sans-serif ; background-color: #FFF; margin:0 auto; max-width:1400px ; border-left:1px solid #EDEDED ; border-right:1px solid #EDEDED; color: #666;  }
.mobno{ display:block}
.nomob{ display: inline-block}
.mobyes{ display: none }
::-webkit-scrollbar {width: 10px; background-color:#FFF } 
::-webkit-scrollbar-thumb {  background-color:#636 ; }  
.logo{  width:90%;height:auto; margin-left:40px }  
.social img {  width:40px;height:auto;   }
 .side{ background-color: transparent; float:left; width:30%; height:auto;  }
.aside{ background-color: transparent;float:left; width:70%;height:auto;  }
.padding{ padding:20px   } 
 
 #header{ max-width:100%; height: auto   }
 #header .side .button{ display:none}
  
  
 #footer{ max-width:100%; height: auto ; border-top:1px solid #EDEDED }
 
 .vl{ border-right:1px solid #EEE;    }
.button{ padding:20px; background-color:#636; color:#FFF;display:inline-block ;  }
.button:hover{ padding:20px; background-color:#9585a3; color:#FFF;display:inline-block ; }

.button2{ padding:20px; background-color:#EEA9C9; color:#FFF }
.button2:hover{ padding:20px; background-color:#9585a3; color:#FFF }

.simpbutton  { display:block; color: #fff; padding:15px 15px; text-decoration:none; font-family:"font"; background-color: transparent; display:inline-block ; border:1px solid  #fff}
.simpbutton:hover { display:block; color: #FFF; padding:15px 15px; text-decoration:none; font-family:"font"; background-color: transparent; display:inline-block ; border:1px solid #FFF; opacity:0.7}

.simpbutton2  { display:block; color: #999; padding:15px 15px; text-decoration:none; font-family:"font"; background-color: transparent; display:inline-block ; border:1px solid  #D6D6D6}
.simpbutton2:hover { display:block; color: #636; padding:15px 15px; text-decoration:none; font-family:"font"; background-color: transparent; display:inline-block ; border:1px solid #636; opacity:0.7}

.lang{ padding:10px; border:1px solid #EBEBEB; border-radius:50% ; color:#643E72; font-size:13px;   }
.lang:hover{ padding:10px; border:1px solid #EEAAC9; border-radius:50% ; color:#EEAAC9}
.selected{ padding:10px; border:1px solid #EEAAC9; border-radius:50% ; color:#EEAAC9}
.b1{ position:fixed; left:0; top:0; z-index:9996; width:100px; height:auto; opacity:0.8 }
.b2{ position:fixed; right:0; top:0; z-index:9996; width:110px; height:auto; opacity:0.8 }
h1{  font-weight:normal; font-size:56px}
h2{  font-weight:normal; font-size:30px}
h3{  font-weight:normal; font-size:20px}
hr{ margin-top:10px ;margin-bottom:10px ; clear:both;height:1px; background: #F1F1F1; border:medium;    width: 100%; }
p{color:#FFF; font-weight:normal; text-align:justify}
#footer p{ text-align: center}
.small{ font-size:20px}
.small2{ font-size:15px}
.small3{ font-size:12px}
a{ text-decoration:none; color: #09C}
a:hover{ text-decoration:none; color: #9585a3  ;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 1s ease;-ms-transition: all 0.5s ease; transition: all 0.5s ease;}
a img{ border:none}
.mauve{ color:#643E72 }
.mauve2{ color:#c9b6d9 }
.rose{ color:#eea9c9}
.orange{ color:#eb7339}
.bleu{ color:#65abdc}
.blanc{ color: #FFF}
.social { text-align:center     }
.bgmauve{ background-color:#663366}
.bgrose{ background-color:#f1bad4}
.bgorange{ background-color:#eb7339}
.bgbleu{ background-color:#65abdc}
.bgbleu2{ background-color:#236083}
.profil img{ width:150px; height:auto; font-size:14px}

.list {list-style: none;}
.list li { margin-bottom:20px; max-width:700px; background-image:url(list.png); background-position:left top; background-repeat:no-repeat; padding-left:30px; font-size:15px}

.list2 {list-style: none;}
.list2 li { margin-bottom:20px; max-width:700px; background-image:url(list2.png); background-position:left top; background-repeat:no-repeat; padding-left:40px; font-size:15px}
.list2 li:hover { margin-bottom:20px; max-width:700px; background-image:url(list2.png); background-position:left bottom; background-repeat:no-repeat; padding-left:40px; font-size:15px;text-decoration:none; color: #9585a3  ;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 1s ease;-ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.list2 a { color:#eea9c9; }
.list2 a:hover{ color:#663366; }

/* 5. BOITE DE PARTAGE SUR LES RESAUX SOCIAUX */

  
ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

#share{    display:none} 
/*  COLONES */
.Grid {   overflow: auto  ; overflow:hidden;  }
.Grid-col { width: 100%; padding-left:3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding:20px;   }
.Grid-col2 { width: 100%; padding-left:3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding:20px;   }
.cell { width: 33%; padding-left:3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding:20px; border-bottom:0px solid  #3AD6FE; color: #FFF   }
.Grid .equal-col { width: 100%;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;   overflow:visible ;     } 
@media (min-width: 500px) { .Grid .Grid-col { width: 50%;  }  .Grid .Grid-col2 { width: 50%;  }  }
@media (min-width: 800px) { .Grid .Grid-col { width: 32.51%;   } .Grid .Grid-col2 { width: 33.333333%;   }   .cell { width: 33%; margin:0px } .Grid .equal-col { width: 50%;  }}


.zoom {text-decoration: none;  display:inline;  margin: 0 3px 3px 0;  opacity:0.9; -webkit-transform: scale(1,1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 850ms; -moz-transform: scale(1,1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 850ms;}

.zoom:hover {
			opacity: 0.5; -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 850ms;  -moz-transform: scale(1.05,1.05);   -moz-transition-timing-function: ease-out; -moz-transition-duration: 850ms;
    position: relative; z-index: 99; 
}


#partenaires img { 
	width:100px; 
	height: auto; 
	margin:5%; 
	display:inline-block  ;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); opacity:0.7;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 1s ease;-ms-transition: all 0.5s ease; transition: all 0.5s ease;
}

#partenaires img:hover {   
	margin:5%; 
	display:inline-block  ;filter:none;   -webkit-filter:none;opacity:1
}

  
.bx-wrapper   img{ display: block;  width:90%; height:auto;}
.bx-wrapper .testimonials-name{ font-size: 18px; margin-bottom: 15px; color: #636; font-weight:400;}
.bx-wrapper span{ font-size: 11px; margin-left:10px; color:#636; font-family: Georgia, Arial, Helvetica, sans-serif; font-style:italic; }
.text { min-height:250px; padding:20px; background-color: #FFF;    }
.text p{  color:#333; padding:10px ;font-size: 14px; }
.bx-wrapper {position: relative; padding: 0;width:100%;*zoom: 1;}
.bx-wrapper .slide {padding:0;margin:0;display: block;}
.bx-wrapper .bx-viewport {padding:0;margin-left:0;z-index:1;width:100%;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;display:none;bottom: -30px;width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
 

 
.bx-wrapper .bx-next {position: absolute;top: 0;right: 0;width: 30px; height: 30px;cursor: pointer;background:   url(ar2.png) no-repeat 0 0 ; background-size:cover}
.bx-wrapper .bx-prev {position: absolute;top: 0px;right: 30px; width: 30px;height: 30px;cursor: pointer;background:   url(al2.png) no-repeat 0 0 ; background-size:cover}
.bx-wrapper .bx-controls-direction a {position: absolute;top:300px;margin-top: 0;margin-right:44%;outline: 0;width: 30px;height: 30px;text-indent: -9999px;z-index: 9999;}

@media only screen and (min-width: 710px) and (max-width: 1390px) {
	.b1{ position:fixed; left:0; top:10%; z-index:9996; width:70px; height:auto }
.b2{ position:fixed; right:0; top:20%; z-index:9996; width:80px; height:auto } }
@media only screen and (min-width: 280px) and (max-width: 700px) { 
 html{  background-color: #FFF ; padding-left:0; padding-right:0 }
 body{font-family: "font", Arial, Helvetica, sans-serif ; background-color: #FFF; margin:0 auto; max-width:1400px ; border-left:0px solid #EDEDED ; border-right:0px solid #EDEDED; color: #666; }
.side{ background-color: transparent; float: none;width:100%; height:auto;  }
.aside{ background-color: transparent;float: none; width:100%; height:auto;  }
.b1{ position:fixed; left:0; top:10%; z-index:9996; width:20px; height:auto }
.b2{ position:fixed; right:0; top:20%; z-index:9996; width:30px; height:auto }
h1{color:#FFF; font-weight:normal; font-size:24px}
h2{color:#FFF; font-weight:normal; font-size:24px}
h3{  font-weight:normal; font-size:17px}
p{ font-size:14px; text-align:justify}
.mobno{ display:none }
.nomob{ display:none }
.mobyes{ display: block }
.small{ font-size:12px}
.small2{ font-size:12px}
.vl{ border-right:0px solid #EEE;    }
.bx-wrapper .bx-controls-direction a {position: absolute;top:200px;margin-top: 0;margin-right:44%;outline: 0;width: 30px;height: 30px;text-indent: -9999px;z-index: 9999;}
.list li { text-align:justify; font-size:14px}
.social   { text-align: center  }
.profil p   { text-align: center  }
.text p{  color:#333; padding:10px ;font-size: 12px; }
}