/*
Theme Name:sacua
Description: Thème développer par le trésor du Pirate et betsil'As-consulting. Conçu et adapté pour le Syndicat Autonome de la Commune Urbaine d'Antananarivo. 
Author: ANDRIAMIHAJA
Author URI:https://www.collectivié.décentralisée.mg     
Template: hueman                         
Version: 0.1.0-2022 Novembre
*/

/*# mon header {
position: fixed;
top: 0px;
z-index:1000;
background-color:#111111;
}*/

   


/* pour désactiver copie/coler , css pour evietr le copie/coller */

*{
-moz-user-select: none; 
-ms-user-select: none; 
-khtml-user-select: none; 
-webkit-user-select: none; 
-webkit-touch-callout: none; 
 user-select: none;
 
 
}

.entry dd, .entry p {
  margin-bottom: 1em;
  text-align: justify;
}

.related-posts li:nth-child(3) article {
  border-right-color: transparent;
  border-right: 0;
}



.entry  excerpt p {
 
  display: none;
}
/* -----------------------------------  ------------------  */

body{
  font-size: 1rem;
  line-height: 1.5em;
  color: #000;
  font-weight: 300;
}


/*.post {
  background:#FF0;
  border-radius:3px;
  box-shadow:0 2px 6px -2px #999;
 padding-left:5px;
 margin-right:2px;
 
}*/


/*#header-image-wrap, .site-image {
  max-height: 300px;
  
}*/

/*htmlaaa{ margin-top:16.5rem!important; }    mise en page encadrer eto no olana aleo tsy kitihina    */

/*#header > div {
position: fixed;
right:0px;
left:0px;
top:0px;
z-index: 2;
width:100%;
background-color:#37c61d;
}*/


  /*#page{  
 margin-top:17rem!important;
}*/

#header-image-wrap .central-header-zone {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -0;
  height:0;  
}
.css-waves-header {
  position:absolute;   /*teto no olana   */
  width: 100%;
  /*height:0.05vh;*/
  margin-bottom:0;   
  min-height: 1rem;
  max-height: 3rem;
  margin-top: 14.4rem;
 }
 
.menu-menu_entete{background-color: #210f9d;}

/* Here we declare the SVG node that we wish to animate. */

.animated-waves > use {
  animation: infinite-waves 25s cubic-bezier(0.55, 0.5, 0.20, 0.5) infinite;
}
.animated-waves > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.animated-waves > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.animated-waves > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.animated-waves > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes infinite-waves {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
.site-title-blog h1{
	
	display:block;
  color: #03038f; /*  couleur titre cr_mvo  */
  max-width: 100%;
	float:right;
	font-size: 2.625em;
  /*font-weight: 600;*/
  letter-spacing: -.5px;
  line-height: 1.4285em;
  padding:10px 10px 0 10px;
  margin-right: 40px;
	
}
.site-title-blogxx{	
  font-size: 2.625em;
  font-weight: 600;
  letter-spacing: -.5px;
  line-height: 1.4285em;
  padding:50px 0 0 10px;
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  border-radius: 50%; 
  float:right;
}
.container{  
  /*border:1px solid #0f0;
  background-color: #f0f;*/
  padding:0 0 1px 0;
}
/*========================= rajout nle code pour baniera ========================== */

#header_corner{
	
    background-color: #036a434d; 
	/*background-color: #fffaff; */
	border-radius:0 25em 0 0;		
	border:0 solid #0f0;
	/*border-right:.6em solid #37c61d;*/
	border-right: 0.6em solid #fff;
	width:24%;
   /* height:13.6rem;*/
	/*max-height:15.6rem;*/
	height:17.4rem;
	/*height:auto;*/
	padding:-30px auto;
		position:absolute;
		z-index:0;
}

#header_corner_img_ex{	
	/* border: 2px solid #00f;	 */
	max-width:50%;
	margin-left:3.8%; 
	margin-right:10%;
	margin-top:18.5%;
	margin-bottom:0.2%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	border-radius: 50%;	
	}
#header_corner_img{
  max-width: 50%;
  margin:21.5% 10% 0.2% 9.8%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}


.div_span{  
	z-index:1;
   	position:absolute;
	width:100%;
	margin-top:15.7rem;
	/*height:3em;	
	background: #c94f4f66;*/
    text-align:center;
    letter-spacing: 0.08em;  
    word-spacing: 0.05em;  
    font-family: Arial black;
    color: #ffd700;  	
    text-shadow: -1px -1px 0 rgba(255,255,255,7);
	clear:both;	
}

.site-title{	/* enplacement logo via back-end*/  
  padding:50px 0 0 10px; 
}

.site-titlekk, #a {
  display:block;
  /*float:right!important; /*  positon titre cr_mvo  */
  margin-right:10px; 
  padding-right:5px;  
}
.site-description{
	float: right;
}
.site-titlex a{
  display:block;
  color: #03038f; /*  couleur titre cr_mvo  */
  max-width: 100%;
  }
.page-title {
  background: #fff;
  position: relative;
  padding-top: 18px;
  padding-bottom: 17px;
  border-bottom: 1px solid #26da16; /*   ito le lign  titre */
  color: #000;
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.5rem;
  text-align:center; 
  /*display:none;*/
}


.page-title h1, .page-title h2, .page-title h4 {
 color: #0a0df0fc;
  /* color: #000;*/
}

.featured,
.featured.flexslider {
 padding-bottom:10px;
 margin-bottom:5px;
 border-bottom:1px solid #318c0f;
}

.post-list{
	margin-right:-20px;
	margin-left:10px;
}
.post-list .post-row{
  margin-left: -40px;
  padding-left: 30px;
  float: left;
  width: 100%;
  border-bottom: 1px solid #444;
  margin-bottom: 25px; 
  position: relative;
}

.post-list .post-row:last-child {
  border-bottom: 0px solid #318c0f; /* ----------- tsipika maintso be --------- */
}

.widget div>ul li a:before,
.widget>ul li a:before,
.widget>ul li:before,
.widget_calendar caption:before {
 font-family:'Font Awesome 5 Free';
 font-weight:900;
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased; 
 font-style:normal;
 font-variant:normal;
 text-rendering:auto;
 font-size:12px;
 margin-right:6px;
 color:#00f;
 width:1em;
 text-align:center;
}
.widget>ul li a:hover:before {
 color:#050849;
}
.widget_archive ul>li a:before,
.widget_calendar caption:before {
 content:"\f073";
 position:relative;
 top:-.1em
 }
.widget_categories ul>li a:before {
 content:"\f07c"
}
.widget_links ul>li a:before {
 content:"\f35d"
}
.widget_meta ul>li a:before {
 content:"\f0da"
}
.widget_recent_comments ul>li:before {
 content:"\f075"
}
.widget_recent_entries ul>li a:before {
 /*content:"\f010" 
  content:"\f061"
  content:"\f017"*/
   content:"\f00e"
}
.widget_nav_menu ul li a:before,
.widget_pages ul li a:before {
 content:"\f068"
}
.widget_recent_entries ul li, .widget_rss ul li {
  padding: 10px 0;
  border-bottom: 2px solid #ffffff;
}

.entry.excerpt {
  font-size: 1em;
  color: #000; /*  -- mainty mety  tsy fafana ----------------- */
}

.entry ul li {
  list-style: square;
   color: #00f;
}

 .alx-tabs-nav li.active a {
  color: #f06e20;
}

.nav > li > a::after {
  content: "\f0d7";
  float: none;
  margin-left: 6px;
  font-size: .875em;
  line-height: 1.2em;
  opacity:7 
}
a, a > span.hu-external::after {
  color: #f00;
}

.post-title a {
  /*color: #362b91!important; /*bleu* ok ity sad ampiasaina-----couleur titre------------------ */
  color: #362b91;
}

a{
  color: #000;
}

a:hover {
  color: #f70c0c; /*mena*/ }
 
.h1, h2, h3, h4, h5, h6 {
  color: #f80200;
  font-weight: 600;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
#flexslider-featured .flex-direction-nav a {
  
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  position: relative;
  width: 34px;
  height: 36px;
  margin: 0;
  display: block;
  text-align: center;
  cursor: pointer;
  text-indent: -999px;
  overflow: hidden;
  opacity: 1;
  -webkit-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-transition: all .3s ease;
  transition: all .1s ease;
}

#flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 0px;
  text-align: center;
    color: #fff;
	
}

#nav-header .nav ul li { /* lign sous-menu am sous-menu */
  box-shadow: 0 2px 0 rgba(255,255,255,7);
 
}
#nav-header .nav ul { 
  background-color: #05084987;
  /*background: #c94f4f66; /* sous-menu transparant*/
}

/* --------------------     ---------------------------------------------------------------------------------- */

.post-byline {
  font-size: .875em;
  font-weight: 400;
  color: #6e0594;
  text-transform: lowercase;
  margin-bottom: 1em;
}
#footer-widgets {
  padding-top:10px;
}
#footer .widget {
  padding-bottom:5px;
}
#footer .hu-pad {
  padding-bottom:0; 
}

.hu-pad {
  padding: 30px 30px 20px;
    
}
.hu-pad.group {  
   /* padding-top: 0;*/
    margin-top:0;
   /* margin-bottom:0;	*/
	}
	

 #copyright p{
  color: #090707;  
  color: #ff0;
}


#credit p {
  color: #ffffff;
  font-size: 1em;
}
.fa-hand-point-right::before {
  content: "\f06e"; /*  maso */
 /* content: "\f086"!important;*/
 color:green;
}


/*#reply-title, .entry h6, .heading, .woocommerce #reviews h3 {*/
 #reply-title,.heading {
  font-size: 1.125em;
  font-weight: 600;
  text-transform: uppercase;
  color:#f00;  }

.alignright, .right {
  float: right;
  margin-top:15px;
}

.alignright, .left {
  float: left;
  margin-top:15px;
}

.page-title span { /* couleur affichage archive  */
  color: #f9091f;
}
.fa-calendar::before {
  content: "\f076";
  color: #f00;
}
.sidebar.s1 .widget_calendar caption {
  background-color: #0508498a;
   /*background-color:#0F0;*/
   
}
.post-meta {
  text-transform: uppercase;
  /* text-transform: lowerrcase; */
  font-size: .875em;
  font-weight: 400;
  color: #000;
}
.post-date a{ /* --- couleur auteur admin publication --- */
  float: right;  
  color: #00f;
}

.pagination a {
  font-size: 1.125em;
  font-weight: 600;    
  background-color: #00f; /* ---- manga -- mety  -- couleur btn page suivant et précedant -- */
  color :#fff;  
  padding: 8px;
  text-shadow: -2px -2px 0 rgba(255,200,10,0.7);
  border-radius: 25px;
}

 .post-hover:hover .post-title a{
  /*color:#F00020; ---- mena -- mety -- */
 color:#F00;
 /*color: #0f0;  /* ---- maintso -- mety -- */
}

.widget {
  color: #000; /* ---- mety  ---- */
}
.sidebar.s1 .widget_calendar a{
  color: #F00; /* mena ---- mety  ---*/
}
.sidebar.s1 .widget_calendar {
  color: #777; /* gris ---- mety  ---*/
}
/* ---------  flipbook -------- */
.comment code:not([lang]), .entry code:not([lang]) {
  background: #aa2020;
  padding: 0;
}
.sidebar-top {
   /* padding: 7px 30px;*/
     background: #c1f11d;
   
}

.sidebar-top.group{ 

  max-width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 53px;
  padding-right: 58.6px;
  /* background: #c1f11d;*/
}

.sidebar.p{
  padding: 0 1px 0 1px;
}
/*div.sidebar:nth-child(3) > div:nth-child(2) > div:nth-child(1){
padding: 14px 10px 14px 20px;
}*/

/*div.sidebar:nth-child(3) > div:nth-child(2) > div:nth-child(1)> p{
	padding-bottom:0px;
	padding-top:21px;	
}*/

/*<p style="padding-top: 1px;padding-bottom: 1px;">
<a href="https://www.facebook.com/profile.php?id=100063536984770" target="_blank" rel=" noreferrer noopener"><img decoding="async" loading="lazy" src="http://commune-rurale.mvo.mg/wp-content/uploads/2023/07/iarivo-radio-2.jpg" alt="" class="wp-image-1263" srcset="http://commune-rurale.mvo.mg/wp-content/uploads/2023/07/iarivo-radio-2.jpg 366w, http://commune-rurale.mvo.mg/wp-content/uploads/2023/07/iarivo-radio-2-300x61.jpg 300w" sizes="(max-width: 366px) 100vw, 366px" width="366" height="74"></a>

<img src="/wp-content/themes/hueman-enfant/images/iarivo-radio.jpg " /> */

.fadeIn{ animation: fade 32s ease infinite; animation-direction: alternate-reverse;
  animation-timing-function: ease-in-out;
}

@keyframes fade {
transform : scale(1);
  0% { opacity: 0.0; }
  25% { opacity: 0.7; }
  50% { opacity: 1; }
 75% { opacity: 7; }
 95% { opacity: 0.1; }
  100% { opacity: 0.0; }
}

/*.fadeIn{ animation: fade 5s ease infinite;}*/

@keyframes fadeq {
transform : scale(1);
  0% { opacity: 0.03; }
  1% { opacity: 0.04; }
  10% { opacity: 0.09; }
  25% { opacity: 0.10; }
  50% { opacity: 0.40; }
 75% { opacity: 8; }
  85% { opacity: 6; }
  100% { opacity: 7; }
}

@-ms-keyframes fade {
    from { opacity: 0; }
    to   { opacity: 7; }
}

#flexslider-featured .flex-direction-nav {
  position: absolute;
  top: 0;
  left: auto;
  right: 10px;
  display:none;
}
.hu-pad {
  padding: 30px 30px 20px;
}

.hu-pad.group {
  /*margin-top: 14.5px;*/
}

.flex-control-nav li a, .flex-control-nav li a:hover {
  background: rgba(0,0,0,0.15);
}
.flex-control-nav li a {
  width: 10px;
  height: 10px;
  display: block;
  cursor: pointer;
  text-indent: -999px;
  overflow: hidden;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.flex-control-nav {
  position: absolute;
  top: 39px;
  bottom: auto;
  display:none;
}

.page-title {
  background: #fff;
  position: relative;
  padding-top: 18.5px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  color: #666;
  font-size: 1em;
  font-weight: 600;
  /*text-transform: uppercase;*/
  line-height: 0.15rem;
  /*margin-bottom:25px;*/
  text-align:center;
}

.related-posts .post {
  border-right: 5px solid transparent;
  margin-bottom: 0;
  padding-bottom: 10px;
}

/* #9ACD32;  #B0C4DE ; gris  #ffd700; jaune

*/

/* ============== page personaliz  mot du maire =================== */


.hu-pad0{
	font-size:12px;
}

#page_perso_div_mot {	
	position:relative;	
	padding-top:.8em;
	padding-left:.2em;
	padding-right:.2em;	
	background-color:#81d702;
	border:.15em solid #ff0;
	height: auto;	
    text-align: justify;
    /*text-justify: auto;*/
   /* text-justify: inter-character;*/
    
}

#page_perso_corner{
	background-color:#fff;
    border-radius:1em 1em 0 8em;
	border:.15em solid #0000ff;	
	border-bottom:.35em solid #0000ff;	
	font-family:arial;
	font-size:1em;
	color:#000;	
	padding:1.5em 1.5em 1.5em 1.5em;
}
	
#page_perso_crmvo {
	position:relative;	
	display:block;	    	
    letter-spacing: 0.05em;  
    word-spacing: 0.05em;  
    font-family: Arial; 
	/*font-size: 1em;*/	
	color: #fff;	
}

#page_perso_adress{ 
	
	float:right;
	display:block;	   
    letter-spacing: 0.05em;  
    word-spacing: 0.05em;  
    font-family: Arial; 
	/*font-size: 1em;*/	
	color: #fff;	
	margin-top: -1.5em;	
}
.sub-menu{
	opacity:0.2;
	}
	
	
	
.services { 
	
	background: #03038f;  
    color: #ff0;		
    text-shadow: -2px -2px 0 rgba(255,255,255,0.3); 
}
 
 
details{ 
    margin-bottom:5px;	
}

summary{ 
	 background:#aff;
    cursor:pointer;
}

summary::-webkit-details-marker{
  content:"";	
}
summary::marker{ 
	content:"";	
}
summary:hover{ 
	text-decoration:underline;  
	background:#aff;
}

summary::before { 
font-family:FontAwesome;
	/*content:"+"; */
	/*content:"\f071"; avertissement exclamation */
	/*	content:"\f070"; maso mihidy*/
	 content:"\f07c"; /*dossier */
	/*content:"\f02c";*/
	display:block;
    color: #000;
	/*background: #adca48; */
	float:left;
	font-size:1.5em;
	font-weight:bold;
	margin:0 5px 0 0;
	padding: 0 5px 0 5px;
	text-align: center;
	/*width:30px;*/		
    text-shadow: -2px -2px 0 rgba(255,255,255,7);
}
details[open] summary::before{		 
    content:"-";	
	display:block;
	color: #000;
	background: #adca48; 
	float:left;
	font-size:1.5em;
	font-weight:bold;
	margin:-0 5px 0 0;
	padding: 0;
	text-align: center;
	width:20px;		
    text-shadow: -2px -2px 0 rgba(255,255,255,1);
}
details[open] summary::after{	
	font-family:FontAwesome;	 
    content:"\f14a"; /*"\f095" téléphon ito	*/
	/*content:"\f00c";	*/
	display: inline-block;
    color: #000;
	background: #ffa;
	font-size:1.5em;
	font-weight:bold;
	margin:0 0px 0 5px;
	padding: 0 5px 0 5px;
	text-align: center;	
    text-shadow: -2px -2px 0 rgba(255,255,255,7);
}

/*unclickable > a:hover {cursor:default! important;}*/

/* ============= fin page personaliz =======================

	content:"\f010" 
  content:"\f061"
  content:"\f017"
   content:"\f00e"==*/

/*----------- Responsive Media -------------*/

/* ================== responsive mobil ===============***********  ******** ========================= */
 /*les tailles standards à prendre en compte pour les téléphones mobiles : de 480 à 720px */
 /*768 à 900px pour les tablettes en mode portrait, de 900 à 1024 pour les tablettes en mode paysage .*/
 /*====================== *****************************============================================= */

@media only screen and (max-width: 320px){

/*html{ margin-top: 5rem!important; }	*/  

/*#page{   
 /*margin-top:16.5rem!important;
 margin-top:7.3rem!important; 
}*/
    
#header_corner{
		/*display:none!important; */
	position: absolute;   	
	  /*background-color: #fffaff;*/
	background-color: #036a434d;	
	border-radius: 0em 25em 0 0;		
	border: 0px solid #0f0;
	border-right: 0.4em solid #fff;
	padding-bottom:.0em;
    height: auto;
	z-index:0;
	margin-top: 51.5px;	
	max-width:15%;
}
#header_corner_img {
    /*border: 0px solid #000;
    max-width: 20%;*/
    margin-left: 19.8%;
    margin-right: 2%;
    margin-top: 39.2%;
    margin-bottom: 29.2%;	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }
.site-title a img {     
display:block!important; 
/*display:none!important;*/ 
  max-height: 48px;
  float:left!important;
  position:absolute;
  margin-top:-45px;
  left:4px; 
 
}

.site-title-blog h1 {
  position:relative;
  /*display: none!important;*/
  color: #f00!important;
  max-width: 100%!important; 
  font-size:1em!important;
  font-weight: 600;
  letter-spacing: -.5px;
  line-height: 1.4285em;
  /*padding: 10px 10 0 10px;
  margin-right: 90px;*/
  top:-30px!important;
   display:block!important; 
}
.div_span{  
/*display:none!important; */   
/*	z-index:130;*/
   	position:relative;
	width:100%;
	top: -156px !important;
    text-align:center!important;
    letter-spacing:0.08em;  
    word-spacing:0.05em;  
    font-family:Arial;	
	font-size:0.6em!important;
	color: #000;  
	/*color: #ffd700;*/  
	mclear:both;	
	}
	
.css-waves-header {
	/*display:none!important; */
  position: absolute;
  width: 100%;  
  margin-bottom: 0px;
  min-height: 0.010rem;  
  max-height: 1rem !important;
  margin-top: 3rem !important;
}
  div group.pad.central-header-zone{
	/*margin-bottom: 0px!important;
	display:none!important;*/
}
	

	
	
#page_perso_div_mot { 
	position:relative;
	/*width:auto;*/		
	padding-top:.1em;
	padding-left:.1em;
	padding-right:.1em;	
	padding-bottom:.1em;
	background-color:#81d702;
	border:.2em solid #ff0;
	font-size:.95em;
	/*right:0;
	left:0;	
	height:auto;*/
	text-align: justify!important;
    /*text-justify: auto;*/
    text-justify: inter-character!important;
}

#page_perso_corner {
	position:relative;
	background-color:#fff;
   /* border-radius:0em 0em 2.5em 15em;*/
	  border-radius:1em 1em 0em 6em;
border:.30em solid #0000ff;		
	/*border-bottom:2em solid #ff0;*/ 
border-bottom:1em solid #0000ff;	
	margin-bottom:10px;	
	font-family:arial;
	font-size:2.5vw;
	/*font-size:0.5em;*/	
	color:#000;	
	padding-top:1.5em;
	padding-left:.5em;
	padding-right:.5em;
	padding-bottom:.0em;
}

#page_perso_crmvo {		
	margin-bottom:4.6em!important;	 	
    letter-spacing: 0.05em;  
    word-spacing: 0.02em;  
    font-family: Arial;
	font-size:0.65em;	 
    color: #fff;   
	text-align:center!important;
	display:block!important;
}

#page_perso_adress {
  letter-spacing: 0.05em;
  word-spacing: 0.05em;
  font-family: Arial;
  height:2em;	
  font-size:.65em;  
  color: #fff;  
  text-align:center; 
  margin-top: -4.6em;
  
}

	.nav > li > a::after {
	  content:"";
	  margin-left: 6px;
	  font-size: .875em;
	  line-height: 1.2em;
	  opacity: 2;
	}	
	.sub-menu {
	  opacity:1;
	}

}

/*  *****  *************** FIN @media screen and (max-width: 320px  ************    ************* */

/* ------------------------------------------------------------------------- *
 *   480px > 320px @media only screen and (min-width: 322px) and (max-width: 480px)
/* ------------------------------------------------------------------------- */

/*@media only screen and (min-width: 322px) and (max-width: 480px) {*/
    @media only screen and (max-width: 480px) {
	/* ruleset for 320px - 480px */

/*html{ margin-top: 9.3rem!important; } */ 
 
    
#header_corner{
		/*display:none!important; */
	position: absolute;   	
	  /*background-color: #fffaff;*/
	background-color: #036a434d;	
	border-radius: 0em 25em 0 0;		
	border: 0px solid #0f0;
	border-right: 0.4em solid #fff;
	padding-bottom:.0em;
    height: auto;
	z-index:0;
	margin-top: 51.5px;	
	max-width:15%;
}
#header_corner_img {
    /*border: 0px solid #000;
    max-width: 20%;*/
    margin-left: 19.8%;
    margin-right: 2%;
    margin-top: 39.2%;
    margin-bottom: 29.2%;	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }
.site-title a img {     
display:block!important; 
/*display:none!important;*/ 
  max-height: 48px;
  float:left!important;
  position:absolute;
  margin-top:-45px;
  left:4px; 
 
}

.site-title-blog h1 {
  position:relative;
  /*display: none!important;*/
  color: #f00!important;
  max-width: 100%!important; 
  font-size:1em!important;
  font-weight: 600;
  letter-spacing: -.5px;
  line-height: 1.4285em;
  /*padding: 10px 10 0 10px;
  margin-right: 90px;*/
  top:-30px!important;
   display:block!important; 
}
.div_span{  
/*display:none!important; */   
/*	z-index:130;*/
   	position:relative;
	width:100%;
	top: -156px !important;
    text-align:center!important;
    letter-spacing:0.08em;  
    word-spacing:0.05em;  
    font-family:Arial;	
	font-size:0.6em!important;
	color: #000;  
	/*color: #ffd700;*/  
	mclear:both;	
	}
	
.css-waves-header {
	/*display:none!important; */
  position: absolute;
  width: 100%;  
  margin-bottom: 0px;
  min-height: 0.010rem;  
  max-height: 1rem !important;
  margin-top: 3rem !important;
}
  div group.pad.central-header-zone{
	/*margin-bottom: 0px!important;
	display:none!important;*/
}
	

	
	
#page_perso_div_mot { 
	position:relative;
	/*width:auto;*/		
	padding-top:.1em;
	padding-left:.1em;
	padding-right:.1em;	
	padding-bottom:.1em;
	background-color:#81d702;
	border:.2em solid #ff0;
	font-size:.95em;
	/*right:0;
	left:0;	
	height:auto;*/
	text-align: justify!important;
    /*text-justify: auto;*/
    text-justify: inter-character!important;
}

#page_perso_corner {
	position:relative;
	background-color:#fff;
   /* border-radius:0em 0em 2.5em 15em;*/
	  border-radius:1em 1em 0em 6em;
border:.30em solid #0000ff;		
	/*border-bottom:2em solid #ff0;*/ 
border-bottom:1em solid #0000ff;	
	margin-bottom:10px;	
	font-family:arial;
	font-size:2.5vw;
	/*font-size:0.5em;*/	
	color:#000;	
	padding-top:1.5em;
	padding-left:.5em;
	padding-right:.5em;
	padding-bottom:.0em;
}

#page_perso_crmvo {		
	margin-bottom:4.6em!important;	 	
    letter-spacing: 0.05em;  
    word-spacing: 0.02em;  
    font-family: Arial;
	font-size:0.8em;	 
    color: #fff;   
	text-align:center!important;
	display:block!important;
}

#page_perso_adress {
  letter-spacing: 0.05em;
  word-spacing: 0.05em;
  font-family: Arial;
 /* height:2em;	*/
  font-size:.8em;  
  color: #fff;  
  text-align:center!important; 
  margin-top: -4.6em!important;
  
  
}

	.nav > li > a::after {
	  content:"";
	  margin-left: 6px;
	  font-size: .875em;
	  line-height: 1.2em;
	  opacity: 2;
	}	
	.sub-menu {
	  opacity:1!important;
	}

}
/* ******  *    FIN @media screen and (min-width: 321px) and (max-width: 480px) ****** */


/* ------------------------------------------------------------------------- *
 *  Toggle Sidebar s1 : 960px > 480px
/* ------------------------------------------------------------------------- */


@media screen and (min-width: 482px) and (max-width: 720px){
/*@media screen and (max-width: 720px)*/

/*html{ margin-top: 9.8rem!important; } */


#header_corner{
		/*display:none!important; */
	position: absolute;   	
	  /*background-color: #fffaff;*/
	background-color: #036a434d;	
	border-radius: 0em 25em 0 0;		
	border: 0px solid #0f0;
	border-right: 0.4em solid #fff;
	padding-bottom:.0em;
    height: auto;
	z-index:0;
	margin-top: 51.5px;	
	max-width:15%;
}
#header_corner_img {
    /*border: 0px solid #000;
    max-width: 20%;*/
    margin-left: 19.8%;
    margin-right: 2%;
    margin-top: 39.2%;
    margin-bottom: 29.2%;	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }
.site-title a img {     
display:block!important; 
/*display:none!important;*/ 
  max-height: 48px;
  float:left!important;
  position:absolute;
  margin-top:-45px;
  left:4px; 
 
}

.site-title-blog h1 {
  position:relative;
  /*display: none!important;*/
  color: #f00!important;
  max-width: 100%!important; 
  font-size:1em!important;
  font-weight: 600;
  letter-spacing: -.5px;
  line-height: 1.4285em;
  /*padding: 10px 10 0 10px;
  margin-right: 90px;*/
  top:-30px!important;
   display:block!important; 
}
.div_span{  
/*display:none!important; */   
/*	z-index:130;*/
   	position:relative;
	width:100%;
	top: -156px !important;
    text-align:center!important;
    letter-spacing:0.08em;  
    word-spacing:0.05em;  
    font-family:Arial;	
	font-size:0.6em!important;
	color: #000;  
	/*color: #ffd700;*/  
	mclear:both;	
	}
	
.css-waves-header {
	/*display:none!important; */
  position: absolute;
  width: 100%;  
  margin-bottom: 0px;
  min-height: 0.010rem;  
  max-height: 1rem !important;
  margin-top: 3rem !important;
}
  div group.pad.central-header-zone{
	/*margin-bottom: 0px!important;
	display:none!important;*/
}
	

	
	
#page_perso_div_mot { 
	position:relative;
	/*width:auto;*/		
	padding-top:.1em;
	padding-left:.1em;
	padding-right:.1em;	
	padding-bottom:.1em;
	background-color:#81d702;
	border:.2em solid #ff0;
	font-size:.95em;
	/*right:0;
	left:0;	
	height:auto;*/
	text-align: justify!important;
    /*text-justify: auto;*/
    text-justify: inter-character!important;
}

#page_perso_corner {
	position:relative;
	background-color:#fff;
   /* border-radius:0em 0em 2.5em 15em;*/
	  border-radius:1em 1em 0em 6em;
border:.30em solid #0000ff;		
	/*border-bottom:2em solid #ff0;*/ 
border-bottom:1em solid #0000ff;	
	margin-bottom:10px;	
	font-family:arial;
	font-size:2.5vw;
	/*font-size:0.5em;*/	
	color:#000;	
	padding-top:1.5em;
	padding-left:.5em;
	padding-right:.5em;
	padding-bottom:.0em;
}

#page_perso_crmvo {		
	margin-bottom:4.6em!important;	 	
    letter-spacing: 0.05em;  
    word-spacing: 0.02em;  
    font-family: Arial;
	font-size:1em;	 
    color: #fff;   
	text-align:center!important;
	display:block!important;
}

#page_perso_adress {
  letter-spacing: 0.05em;
  word-spacing: 0.05em;
  font-family: Arial;
 /* height:2em;	*/
  font-size:1em;  
  color: #fff;  
  text-align:center!important; 
  margin-top: -4.6em!important;
  float: left !important;
  
}

	.nav > li > a::after {
	  content:"";
	  margin-left: 6px;
	  font-size: .875em;
	  line-height: 1.2em;
	  opacity: 2;
	}	
.sub-menu {
  opacity:1!important;
}
}


/*  *******FIN @media screen and (min-width: 482px) and (max-width: 720px)   ************** */

/*@media only screen and (min-width: 720px),(orientation:landscape)*/ 

/*@media only screen and (min-width: 720px), (orientation: landscape) {
    /* regles CSS */

	/*html{ margin-top: 10rem!important; } */ 

/*#page{   
 margin-top:16.5rem!important;
 margin-top: 3.5rem; 
}*/


/***************** **************************** */

/*@media only screen and (max-width: 719px) {
  .nav-container {
    text-transform: none;
  }
}

/* ============  fin Mobile Optimization  @media (max-width: 768px)  =============== */