#blog0, #blog00 {
    width: 100%;
	background-color: white;
	min-height:97vh;
}
#bdott{
	float:left;
	width:100%;
	height:15.7vw;
}
#bdoht {
	float:left;
    width: 100%;
	height:0.3vw;
	background-color: rgba(116, 185,  214, 1);
}
#bdo {
	float:left;
    width: 100%;
	height:9.5vw;
}
#bdoim {
	float:left;
    width:40%;
	margin-left:8%;
	height:100%;
	background-image: url(images/logo.png);
    background-repeat: no-repeat;
    background-size: 85%;
}
#bdonm {
    float: right;
    margin-top: 16.5%;
    margin-right:10%;
    height: 30%;
    width: 61%;
}
#bdottr {
	float:left;
    width: 52%;
	height:100%;
}
#bdoba,#bdobanb{
	float:left;
    width: 100%;
	height:1.5vw;
	background-color: white;
}
#entete{ /*---------------------entete*/
    float:left;
    width: 100%;
    height: 2.75vw;
    background-color: white;
    z-index:100;
}
#entete-mn { 
    float:left;
    width: 85%;
	height:100%;
	margin-left:7.5%;
    background-color: rgba(116, 185,  214, 1);
}
#entete-mntop{ 
    float:left;
    width: 100%;
  background-color: rgba(185, 220,  235, 1);
  border-top:1vw solid rgba(116, 185,  214, 1);
    border-bottom:1vw solid rgba(116, 185,  214, 1);
	display:none;
}
#entete-image {
    float: left;
    width: 13%;
    height: 100%;
    background-image: url(images/entete.png);
    /* background-image: url(images/entetenoel.png);/*NOEL*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
}
#entetemenubox {
    float: right;
    width: 45%;
	height:100%;
}
#entetemenuboxsmph {
	position:absolute;
	margin-left:8vw;
    width:90vw;
  background-color: rgba(185, 220,  235, 1);
  border-radius:2vw;
}
#entete-menu-actif {
    float: left;
    width: 20%;
	height: 100%;
    text-align: center;
    background-color: rgba(10, 89,  146, 1);
}
#entete-menu4smph,#entete-menu1smph,#entete-menu2smph,#entete-menu3smph{
    float: left;
    width: 48%;
	height: 33%;
	margin: 1%  1%  1%  1%;
	border: 1px solid rgba(242, 245, 234, 1);
	background-color: rgba(10, 89,  146, 0.2);
}
#entete-menu-actifsmph {
    float: left;
    width: 48%;
	height: 33%;
	margin: 1%  1%  1%  1%;
	border: 1px solid rgba(242, 245, 234, 1);
	background-color: rgba(10, 89,  146, 0.7);
}
#entete-menu4top,#entete-menu1top,#entete-menu2top,#entete-menu3top {
    float: left;
    width: 19%;
	margin: 0.5%  0.5%  0.5% 0.5%;
	padding:3px 3px 3px 3px;
	border: 1px solid rgba(242, 245, 234, 1);
	background-color: rgba(10, 89,  146, 0.2);
}
#entete-menu-actiftop{
    float: left;
    width: 19%;
	margin: 0.5%  0.5%  0.5% 0.5%;
	padding:3px 3px 3px 3px;
	border: 1px solid rgba(242, 245, 234, 1);
	background-color: rgba(10, 89,  146, 0.7);
}
.menupt {
    color: black;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    font-family: "Meiryo",sans-serif;
}
#entete-menu4,#entete-menu1,#entete-menu2,#entete-menu3 {
    float: left;
    width: 20%;
	height: 100%;
}
#entete-menu4:hover,#entete-menu1:hover,#entete-menu2:hover,#entete-menu3:hover {
    background-color: rgba(185, 220,  235, 1);
}
.menuba {
    color: black;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    font-family: "Meiryo",sans-serif;
    line-height:3vw;	
}
.menuba:hover {
    color: black;
}
.lnkbtn {
    color: white;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.2vw;
    font-weight: bold;
    font-family: "?????? ProN W3","????",Meiryo,",sans-serif ;",Arial,Helvetica,sans-serif;
    text-align: center;
}
#ssbando2 { 
    float:left;
    width: 100%;
	height:1.5vw;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
#ctre { /*---------------------------------------------------PAGE*/
    float:left;
    width: 100%;
	height:100%;
    background-color:white;
}
#gch,#gchsho { 
    float:left;
    width: 72%;
	height:100%;
	border-right: 1px solid rgba(217,217,217,1);
}
#dtr,#dtrsho { 
    float:left;
    width: 28%;
}
#pbct { 
	float:left;
    width: 100%;
	min-height:16.93vw;
	max-height:16.93vw;
	background-color: rgba(242, 245, 234, 1);
}
#pbct-dtr { 
	position:relative;
	float:left;
    width: 100%;
	height:16.93vw;
	background-color: rgba(242, 245, 234, 1);
}
#ptgche { 
    float:left;
	margin-left:7.5vw;
	height:100%;
}
#ptdtr { 
	float:left;
    width: 21vw;
	height:100%;
}
#post-ext { 
	float: left;
	width:100%;
	height: 100%;
	margin-top: 1.5vw;
}
#post-gche { 
	float: left;
	width:38%;
}
#post-gchesg { 
	float: left;
	width:38%;
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.post-img {
    width:100%;
	height: 12.6vw;
    overflow:hidden;
     border: 0.1vw solid rgba(107,128,144,1);
}
.post-img img {
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.post-img:hover img {
    -moz-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}
#post-aut,#post-autsg { 
    float:left;
	margin-top: 0.4vw;
    width:100%;
    height: 1.43vw;
    text-align: left;
    color:rgba(116, 185,  214, 1);
    font-size: 10px;
    line-height: 12px;
    vertical-align:middle;
}
#post-dte { 
	float: left;
	width:61%;
}
#postresume{
    float:  left;
    width: 98%;
    margin-top: 1.2vw;
    margin-left: 2%;
    overflow:hidden;
}
.postresumesg{
	margin-right:1%;
	margin-bottom:3vw;
}
#sep0{
    float:  left;
    width: 100%;
	height:1vw;
}
#sep1{
    float:  left;
    width: 100%;
	margin-top: 1.5vw;
	height:0.1vw;
	background-color: rgba(217,217,217,1);
}
.post-headersg {
float: left;
width: 62%;
height: 100%;
margin-top: 1.5vw;
margin-bottom:2vw;
}
.post-header0{
  float: left;
  width: 98%;
  min-height: 3.1vw;
  max-height: 3.1vw;
  margin-left:2%;
  overflow:hidden;
}
#social-line,#social-mura,#social-blog {
	float:left;
    margin-top: 5px;
	width:50px;
	height:36px;
	margin-right:1px;
}
.soclnk{
	width:31px;
	height:30px;
	margin-left:10px;
	margin-top:3px;
}
#social-line {
    background-color:rgba(0, 195,  0, 1);
}
#social-mura,#social-blog {
    background-color: rgba(228, 220, 217, 1);

}

#navi-contain{ /* <----------------------------NAV*/
float:right;
margin-right:1%;
margin-top:0.5vw;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
font-size: 12px; 
}
.navigation li {
	display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: rgba(116, 185,  214, 1);
	border-radius: 3px;
	cursor: pointer;
	padding: 6px 12px 6px 12px;
}
.navigation li a:hover,
.navigation li.active a {
	background-color: rgba(10, 89,  146, 1);
}
#gchemnu{	/** -------------------------------------------------------------------------------------------------------- MENU GCHE ------*/			
    width: 2.7vw;
    margin-left:1.1vw;
    margin-top: 1vw;
	z-index:50;
}
.gchemnufix{
  position: fixed;
 top: 0vw;
 }
li.gchemenu0,li.gchemenu1,li.gchemenu2,.gchemenusmph,li.gchemenu3,li.gchemenu4,li.gchemenu5,li.gchemenu6,li.gchemenu7,li.gchemenu8,li.gchemenu9,li.gchemenu10,li.gchemenu11,li.gchemenu12,li.gchemenu13{ 
  border-radius: 0.5vw;
  float: left;
  margin-top: 0.5vw;
  margin-left: 0.5vw;
  display: block;
  height: 2vw;
  width: 2vw;
  opacity: 0.7;
  text-align: center;
  color:white;
  font-size: 1.5vw;
  vertical-align:middle;
  box-shadow: 0.25vw 0.25vw 0.25vw #555;
  cursor:pointer;
}
.gchemenusmph {
	background-image: url(images/mnu.png);
    background-repeat: no-repeat;
    background-size: 70%;
	background-position:center;
}
li.gchemenu0,li.gchemenusmph{
  background-color: #0A5892;
}
li.gchemenu1 {
  background-color: rgba(59, 85, 149, 1);
}
li.gchemenu2 {
  background-color: rgba(228, 220, 217, 1);
}
li.gchemenu3{
  background-color: rgba(116, 185,  214, 1);
}
li.gchemenu4{
  background-color: rgba(221, 73, 73, 1);
}
li.gchemenu5{
  background-color: rgba(127, 175, 102, 1);
}
li.gchemenu6{
  background-color: rgba(221, 153, 51, 1);
}
li.gchemenu7{
  background-color: rgba(107, 119, 198, 1);
}
li.gchemenu13 {
  display:none;
  background-color: rgba(168, 141, 85, 1);
}
.ssim {
 color:black;
 font-size:17px;
 line-height:2em;
}
.cosulinksize{
  margin-left:3%;
  width:50%;
  margin-top: 1%;
  height:65%;
}
.cosulinksize1{
  margin-left:5%;
  width:75%;
  margin-top: 15%;
  height:75%;
}
.cosulinksize2{
  margin-left:10%;
  width:75%;
  margin-top: 30%;
  height:75%;
}
.cosulinksize3{
  margin-left:7.5%;
  width:60%;
  margin-top: 15%;
  height:70%;
}
.cosulinksize4{
  margin-left:5%;
  width:90%;
  margin-top: 1%;
  height:90%;
}
.cosulinksize5{
  margin-left:20%;
  width:60%;
  margin-top: 1%;
  height:60%;
}
.gchemenusize0 {
  margin-left:8%;
  width:60%;
  margin-top: 10%;
  height: 80%;
}
.gchemenusize1 {
  margin-left:0%;
  width:80%;
  margin-top: 10%;
  height: 80%;
}
a.gchemenu {
  color: white;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.8vw;
  line-height: 2.7em;
  font-family: "?????? ProN W3","????",Meiryo,",sans-serif ;",Arial,Helvetica,sans-serif;
}
.gchemenu0:hover, .gchemenu00:hover,.gchemenu1:hover, .gchemenu2:hover,.gchemenu3:hover,.gchemenu4:hover,.gchemenu5:hover, .gchemenu000:hover,.gchemenusmph:hover,.gchemenu6:hover,.gchemenu7:hover,.gchemenu8:hover,.gchemenu9:hover,.gchemenu10:hover,.gchemenu11:hover,.gchemenu12:hover,.gchemenu13:hover{
  color: black;
  opacity: 1;
}
.hidesmph {
display:none;
}
#showsmph {
display:block;
}
#dtettr{/** -------------------------------------------------------------------------------------------------------- Droite ------*/
    float: left; 
    width: 100%;
}
#sidebar-contact {
    float: left;
    width: 19.8vw;
    background-color: rgba(254, 254, 254, 1);
    border: 0.1vw solid rgba(107,128,144,1);
    border-radius: 10px;
    margin-bottom: 2%;
	overflow:hidden;
}
#sidebar-scroll,#sidebar-scroll2 {
    float: left;
    width: 19.8vw;
    margin-top:0.5vw;
    margin-bottom: 2%;
	overflow:hidden;
}
#sb-box,#sb-box2{
    width: 19.8vw;
    margin-left:1.1vw;
    margin-top: 1vw;
	z-index:50;
}
.sb-boxabso{
    position: absolute;
}
@media screen and (min-width: 1001px)  { /*  SB-BOXFIX "PC"*/
.sb-boxfix{
  position: fixed;
 top: 0vw;
}}
#contactetel{
    float: left;
    width: 18%;
    margin-top: 0.5vw;
    margin-left: 1%;
}
#contactettr1{
    float:left;
    margin-left: 1%;
    width: 79%;
    margin-top: 0.5vw;
}
#contactettr3{
    float:left;
    width: 79%;
    margin-left: 1%;
    background-color:#0A5892;
}
#sidebar-contact-gch {
    float: right;
    width: 17%;
}
#sidebar-contact-dtr {
    float:right;
    width: 75%;
    margin-top: 0.1vw;
    margin-right: 1.6%;
}
#sdbar-titre {
    float:left;
    width: 100%;
    height:0.9em;
    margin-top: 2%;
    margin-bottom: 0.2vw;
}
#group,#salon,#voyage,#kojin,#hatsu,#skype {
    float: right;
    width: 31%;
    margin-left:1%;
    margin-right:1%;
    margin-bottom:0.3vw;
    height: 2.2vw;
    border-radius: 5px;
    border: 0.1vw solid rgba(10, 89, 149, 1);
}
#group:hover{
    background-color: rgba(246,195, 166, 1);
}
#kojin:hover{
    background-color: rgba(229,154, 164, 1);
}
#salon:hover{
    background-color: rgba(53,78, 138, 1);
}
#hatsu:hover{
    background-color: rgba(204,228, 171, 1);
}
#voyage:hover{
    background-color: rgba(168, 141, 85, 1);
}
.cosulinksize4{
    margin-left:5%;
    width:90%;
    margin-top: 1%;
    height:90%;
}
#oitsukebox{
    float:left;
    width: 100%;
    margin-top:0.2vw;
    background-color: rgba(255,255,255, 0.92);
    border-radius: 10px;
    margin-bottom: 2%;
}
#oitsuke{
    float:left;
    width: 100%;
    margin-top:0.2vw;
    margin-bottom:0.1vw;
}
#moitie{
	float:left;
	width:50%;
}
li.catbox {/***** Catégories *****/
    margin: 2% 2% 0 2%;
    padding:0 1.5% 0 1.5%;
    border-radius: 5px;
    float: left;
    display: block;
    overflow:hidden;
	border: 0.1vw solid rgba(10, 89, 149, 0.4);
}
li.catbox:hover {
    background-color:rgba(10, 89, 149, 0.4);
}
.catbox {
    text-align: center;
    vertical-align:middle;
    font-size: 12px;   
    color: rgba(107,128,144,1);
    line-height: 2.2em;
}
.catbox:hover {
	color: white;
}
.fb-page{
  float:left;
  margin-top:0.3vw;
  margin-left:0.5%;
  margin-bottom:0.2vw;
  width:99%;
  height: 5vw;
  overflow:hidden;
}
li.catbox:hover {
    background-color:rgba(10, 89, 149, 0.4);
}
/** -------------------------------------------------------------------------------------------------------- Police ecriture ------*/
 

.bandotitre,.ecole,.postresume,.postresume0,.post-titre, .post-sstitre,.ctrettr,.contact0,.contact,.oitsuke,.post-contenu,.boxexp,.shira,.ssim,.boxexp2,.boxClg,.slidepolice0,.slidepolice2,.contacte,.ctcbox ,.cctkosu,,.cctkosu0   {
	font-family: "ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,",sans-serif ;",Arial,Helvetica,sans-serif;
}
.bandotitre,.ecole,.ctrettr,.contact0,.contact,.post-titre, .post-sstitre,.contacte,.ctcbox,.cctkosu,.cctkosu0 {   
  font-weight: bold;
}
.bandotitre {   
  color: rgba(10, 89,  146, 1);
  line-height: 5.2em;
  text-align: center;
  font-size:28px; 
}
@media screen and (min-width: 1201px)  { 
.bandotitre {   
  color: rgba(10, 89,  146, 1);
  line-height: 5em;
  text-align: center;
  font-size:38px; 
}
}
.ecole,.ctcbox {
  font-size:22px; 
/*  /*ATTENTION EN DUR
  color: rgba(54,10,20,1);  /*NOEL
  color:rgba(16,34, 44, 1);  /*NORMALE*/
}
.postresume,.postresume0,.postresumesg{
  font-size: 14px;   
  color: rgba(107,128,144,1);
  line-height: 1.5em;
}
.postresume0{
	  line-height: 2.3em;
}
.post-titre, .post-sstitre {
  color: black;
  line-height: 1.2em;
  text-align: center;
}
.post-titre:hover, .post-sstitre:hover {
  color: rgba(116, 185,  214, 1);
}
.post-titre,.ctrettr {
  font-size: 17px;
}
.post-sstitre  {
  font-size:15px;
}
.contact,.contact0,.boxexp,.post-contenu,.boxexp2,.cctkosu,,.cctkosu0  {
  font-size:14px;
}
.ctrettr{			
  color: #0A5892;
  line-height: 1.7em;
}
.contact0,.cctkosu0{
  color: rgba(10, 89, 146, 1);
  line-height: 0.9em;
  text-align: left;
}
.contact,.cctkosu {  /*ancien h3.contacte*/
  color: white;
  line-height: 1.7em;
  text-align: center;
}
.oitsuke{
  font-size: 11px; 
  text-align: center;  
  color: rgba(107,128,144,1);
  line-height: 1.5em;
}
.shira,.boxClg{
  font-size: 12px; 
  text-align: left;  
  color: rgba(40, 37, 37, 1);
  line-height: 2.5em;
}
.boxexp {
  color: rgba(40, 37, 37, 1);
  line-height: 1.4em;
}
.boxexp2 {
  color: rgba(40, 37, 37, 1);
  line-height: 2.5em;
}
.slidepolice2 {
  font-size: 16px;
  color: rgba(40, 37, 37, 1);
}
.slidepolice2 {
  font-size: 15px;
  color: rgba(40, 37, 37, 1);
}
.contacte {
  line-height: 1.2em;
  text-align: left;
  font-size: 27px;
   color: rgba(10, 89,  146, 1);
}
@media screen and (max-width: 500px)  { /*  <-------------------- SMPH portrait*/
#bdoht {
	height:0vw;
}
#bdott{
	height:56vw;
}
#bdo {
	float:left;
    width: 100%;
	height:44vw;
}
#bdoim {
    width:100%;
	margin-left:0%;
	height:70%;
	background-size:100%;
}
#bdonm {
    margin-top: 19.5%;
    margin-right:0%;
    width: 67%;
}
#bdottr {
	float:left;
    width: 100%;
	height:30%;
}
#bdoba {
	height:0vw;
}
#bdobanb {
	height:0vw;
	border: 1px solid rgba(116, 185,  214, 1);
}
#entete{ /*---------------------entete*/
display:none;
}
#entete-mn { 
    width: 100%;
	margin-left:0%;
}
#entetemenubox {
    width: 100%;
	margin-right:0vw;
}
#entete-mntop{ 
	display:inline;
}
.menuba {
    color: black;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    font-family: "Meiryo",sans-serif;
    line-height: 2.2em;	
}
.menuba:hover {
    color: black;
}
.lnkbtn {
    color: white;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: bold;
    font-family: "?????? ProN W3","????",Meiryo,",sans-serif ;",Arial,Helvetica,sans-serif;
    text-align: center;
}
#ssbando2 { 
    float:left;
    width: 100%;
	height:1.5vw;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
#gch,#dtr,#dtrsho,#gchsho  { 
    width: 100%;
	border-right: none;
}
#pbct { 
	float:left;
    width: 100%;
	min-height:0vw;
	max-height:200vw;
	background-color: rgba(242, 245, 234, 1);
}
#pbct-dtr { 
display:none;
}
#post-ext { 
	width:97%;
	margin-top: 1.5vw;
}
#ptgche { 
	margin-left:11%;
}
#ptdtr { 
    width: 100;
	height:100%;
}
#post-gche,#post-dte { 
	width:100%;
}
.post-img {
	height: 45vw;
}
#post-aut { 
height:5.5vw;
}
.post-header0,.post-headersg{
    float: left;
    width: 98%;
    margin-left:2%;
    overflow:hidden;
	max-height:100vw;
}
.post-headersg{
margin-bottom:3vw;
}
#postresume{
    float:  left;
    width: 98%;
    margin-top: 1.2vw;
    margin-left: 2%;
    overflow:hidden;
}
#sepasg{
	float:left;
	width:100%;
	height:5vw;
}
#sep0{
	height:2vw;
}
#sep1{
	margin-top: 1.5vw;
	margin-bottom:1vw;
	height:0.3vw;
}
#gchemnu{	/** -------------------------------------------------------------------------------------------------------- MENU GCHE ------*/			
    margin-top: 4.15vw;
}
.gchemnufix{
 top: 0vw;
 }
li.gchemenu0,li.gchemenu1,li.gchemenu2,.gchemenusmph,li.gchemenu3,li.gchemenu4,li.gchemenu5,li.gchemenu6,li.gchemenu7,li.gchemenu8,li.gchemenu9,li.gchemenu10,li.gchemenu11,li.gchemenu12,li.gchemenu13{ 
   height: 6vw;
  width: 6vw;
  margin-bottom: 1vw;
}
li.gchemenu13{
display:inline;
}
.ssim {
 font-size:12px;
 line-height:2em;
}
.cosulinksize{
  margin-top: 12.5%;
}
.cosulinksize3{
  margin-left:5.5%;
  width:60%;
  margin-top: 15%;
  height:70%;
}
.cosulinksize6{
  margin-left:1%;
  width:65%;
  margin-top: 15%;
  height:65%;
}
.hidesmph {
display:inline;
}
#social-line,#social-mura,#social-blog {
	float:left;
    margin-top: 5px;
 width: 8.33vw;
 height:6vw;
	margin-right:1px;
}
.soclnk{
 width: 4.16vw;
 height:4vw;
	margin-left:2.085vw;
	margin-top:1vw;
}
#navi-contain{ /* <----------------------------NAV*/
float:right;
margin-right:1%;
margin-top:0.5vw;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
font-size: 3.3vw; 
}
.navigation li {
	display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: rgba(116, 185,  214, 1);
	border-radius: 3px;
	cursor: pointer;
	padding: 3px 6px 3px 6px;
}
.navigation li a:hover,
.navigation li.active a {
	background-color: rgba(10, 89,  146, 1);
}
#sidebar-contact,#sidebar-scroll,#sidebar-scroll2 {/* <----------------------------DTR/*/
    float: left;
    width: 100%;
}
#sb-box,#sb-box2{
	margin-left:11%;
    width: 87%;
    margin-top: 0vw;
}
#contactettr1,#contactettr3{
    width: 79%;
}
#sidebar-contact-gch {
	margin-top:2vw;
}
#group,#salon,#voyage,#kojin,#hatsu,#skype {
    height: 9vw;
	margin-top:1vw;
	margin-bottom:2vw;
}
.fb-page{/***** Catégories *****/
  margin-bottom:3vw;
  height: 20vw;
}
.bandotitre {   
  line-height: 2.2em;
  text-align: center;
  font-size:6.4vw; 
}
.ecole,.ctcbox {
  font-size:4.4vw; 
}
.ctrettr,.accueil,.box1,.lnkbtn,a.renraku,.boxexp2{			
  font-size:4vw;
}
a.renraku2{			
  font-size:3.8vw;
}
.boxexp,.slidepolice0,.shirapol{
  font-size: 3.8vw;
}
.boxClg{
  line-height:1.5em;
  font-size: 3.2vw;
}
a.gchemenu {
  font-size: 3.2vw;
  line-height: 2.3em;
}
.lnkgrbtn {
  font-size: 3.9vw;
  line-height: 2.2em;
}
.slidepolice2 { 
  line-height: 1.9em;
 font-size: 3.8vw;
}
.contacte,.contact {
  font-size: 4.5vw;
  line-height: 1.55em;
}
}
@media screen and (min-width:501px) and (max-width:1000px) {
#entete-image {
display:none;
}
#entetemenubox {
    float: right;
    width: 100%;
	height:100%;
}
#entetemenuboxsmph {
	position:absolute;
	margin-left:8vw;
    width:90vw;
  background-color: rgba(185, 220,  235, 1);
  border-radius:2vw;
}
#entete-menu-actif {
    float: left;
    width: 20%;
	height: 100%;
    text-align: center;
    background-color: rgba(10, 89,  146, 1);
}
#entete-menu4smph,#entete-menu1smph,#entete-menu2smph,#entete-menu3smph{
    float: left;
    width: 48%;
	height: 33%;
	margin: 1%  1%  1%  1%;
	border: 1px solid rgba(242, 245, 234, 1);
	background-color: rgba(10, 89,  146, 0.2);
}
#entete-menu-actifsmph {
    float: left;
    width: 48%;
	height: 33%;
	margin: 1%  1%  1%  1%;
	border: 1px solid rgba(242, 245, 234, 1);
	background-color: rgba(10, 89,  146, 0.7);
}
#entete-menu4,#entete-menu1,#entete-menu2,#entete-menu3 {
    float: left;
    width: 20%;
	height: 100%;
}
.menuba {
    font-size: 10px;	
}
#gch,#dtr,#dtrsho,#gchsho  { 
    width: 100%;
	border-right: none;
}
#pbct { 
	float:left;
    width: 100%;
	min-height:0vw;
	max-height:200vw;
	background-color: rgba(242, 245, 234, 1);
}
#pbct-dtr { 
display:none;
}
#post-ext { 
	width:98%;
	margin-top: 1.5vw;
}
#ptgche { 
	margin-left:7%;
	
}
#ptdtr { 
    width: 100;
	height:100%;
}
#post-gche{ 
	width:49%;
}
#post-dte { 
	width:51%;
}
.post-img {
	height: 23vw;
}
#post-aut { 
height:5.5vw;
}
.post-header0{
    float: left;
    width: 98%;
    margin-left:2%;
    overflow:hidden;
	max-height:100vw;
}
.post-headersg{
    float: left;
    width: 48%;
    margin-left:2%;
	margin-top:5vw;
    overflow:hidden;
	max-height:100vw;
}
#postresume{
    float:  left;
    width: 98%;
    margin-top: 1.2vw;
    margin-left: 2%;
    overflow:hidden;
}
#sep0{
	height:0vw;
}
#sep1{
	margin-top: 1.5vw;
	margin-bottom:1vw;
	height:0.3vw;
}
.hidesmph {
display:inline;
}
li.gchemenu0,li.gchemenu1,li.gchemenu2,.gchemenusmph,li.gchemenu3,li.gchemenu4,li.gchemenu5,li.gchemenu6,li.gchemenu7,li.gchemenu8,li.gchemenu9,li.gchemenu10,li.gchemenu11,li.gchemenu12,li.gchemenu13{ 
  height: 3vw;
  width: 3vw;
  margin-bottom: 1vw;
}
li.gchemenu13 {
display:inline;
}

.cosulinksize{
  margin-top: 15.5%;
}
#social-line,#social-mura,#social-blog {
	float:left;
    margin-top: 5px;
 width: 5vw;
 height:3.6vw;
	margin-right:1px;
}
.soclnk{
 width:2.58vw;
 height:2.5vw;
	margin-left:1.19vw;
	margin-top:0.55vw;
}
#sepasg{
	float:left;
	width:100%;
	height:5vw;
}
#sidebar-contact {/* <----------------------------DTR/*/
    float: left;
    width: 48%;
}
#sidebar-scroll {
    width: 48%;
	margin-left:4%;
}
#sidebar-scroll2 {
    width: 100%;
}
#sb-box,#sb-box2{
	margin-left:7%;
    width: 91%;
    margin-top: 0vw;
}
#sidebar-contact-gch {
	margin-top:2vw;
}
#group,#salon,#voyage,#kojin,#hatsu,#skype {
    height: 5vw;
	margin-top:1vw;
	margin-bottom :1vw;
}
/***** Catégories *****/

.fb-page{
  float:right;
  width:48%;
  margin-bottom:3vw;
  height: 20vw;
}
.bandotitre {   
  line-height: 3.5em;
  font-size:3vw; 
}
.ecole {
  font-size:1.7vw; 
}
a.gchemenu {
  font-size: 2.2vw;
  line-height: 1.5em;
}
a.lnkbtn {			
  font-size: 2.35vw;
}
.cctkosu {
  font-size: 2.9vw;
  line-height: 1.55em;
}
.cctkosu0 {
  font-size: 2.9vw;
  line-height: 1.3em;
}
.contact0,.contact {
  font-size: 2vw;
  line-height: 1.40em;
}
.contacte{
  font-size: 2.9vw;
  line-height: 1.55em;
}
}
@media screen and (min-width:501px) and (max-width:669px) {
.ctrettr,.accueil,.box1,.lnkbtn,.boxexp2,a.renraku,a.renraku2{			
  font-size: 2.3vw;
}
.boxexp,.slidepolice0{
  line-height: 1.6em;
  font-size: 2.3vw;
}
.shirapol{
  line-height: 1.6em;
  font-size: 1.7vw;
}
.boxClg{
  line-height:1.5em;
  font-size: 1.9vw;
}

.lnkgrbtn {
  font-size: 2.3vw;
  line-height: 2.1em;
}
.slidepolice2 { 
  line-height: 1.9em;
 font-size: 2.2vw;
}

.ctcbox {
  font-size:3.4vw; 
}	
}
 
@media screen and (min-width:1001px) and (max-width:1200px) {
	#sb-box,#sidebar-scroll,#sidebar-contact{
    width: 25vw;
}
#group,#salon,#voyage,#kojin,#hatsu,#skype {
    height: 3vw;
	margin-top:0.5vw;
}


	#dtrsho,#gchsho{
		float:left;
		width:100%;
		border:none;
		height:100%;
}

#sb-box2{
	margin-left:7%;
    width: 91%;
    margin-top: 0vw;
}
#sidebar-scroll2 {
    width: 100%;
}

.cctkosu {
  font-size: 2.9vw;
  line-height: 1.55em;
}
.cctkosu0,.ctcbox {
  font-size: 2.9vw;
  line-height: 1.3em;
}
.lnkbtn{			
  font-size: 2vw;
}
.post-header0{
    float: left;
    width: 98%;
    margin-left:2%;
    overflow:hidden;
	max-height:100vw;
}

}