/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
body {
/*  --head-height: 180px ;	*/
 --head-height: calc( 0.16 * 100vw);
 --angle: -80deg;
 --height: calc( 0.03 * 100vw) ;
 --factor: 0.1763 ; /* tan (90 - 80) */
 --factor2: 0.9848 ; /* sin(80) */
 --u: calc( var(--height) * var(--factor) ) ;
 --v: calc( var( --head-height) / var(--factor2));
 --width: calc(var(--u)+var(--v));
}
/*
 * @media screen and (max-width : 1240px){
	body {--head-height: 160px;}
}
@media screen and (max-width : 950px){
	body {--head-height: 140px;}
}
@media screen and (max-width : 820px){
	body {--head-height: 120px;}
}
@media screen and (max-width : 705px){
	body {--head-height: 120px;}
}*/



div.ac-ribbon {
    transform-origin: center;
    position: relative;
/*    display: table;*/
/*    border: solid;*/
    width: calc(0.8 * var(--head-height)) !important; 
    height: var(--height) !important;
    color: white !important;
    font-size: calc(100vw*0.013);
    text-align: center ;
    line-height: 3.9ex;
}

div.hcol1{position: relative; 
    background-color: #c55A11;
}
div.hcol1 img {
    --factor: 1.333 ;
    clip-path: polygon(0 0 , calc(var(--head-height) * var(--factor) ) 0 , calc(var(--head-height)* var(--factor) - var(--height)) var(--head-height)  , 0 var(--head-height) );

}
div.hcol2 { background: linear-gradient(to right, #c55A11 , #c55A11 , #8faadc , #8faadc);}
div.hcol2 img {
    --factor: 0.711 ;
    clip-path: polygon( var(--height) 0 , calc(var(--head-height) * var(--factor) ) 0 , calc(var(--head-height)* var(--factor) - var(--height)) var(--head-height)  , 0 var(--head-height) );
}
div.hcol3 {position: relative; background: linear-gradient(to right, #8faadc , #8faadc , #f3d357, #f3d357);}
div.hcol3 img {
    --factor: 0.711 ;
    clip-path: polygon(var(--height) 0 , calc(var(--head-height) * var(--factor) ) 0 , calc(var(--head-height)* var(--factor) - var(--height)) var(--head-height)  , 0 var(--head-height) );
}

div.hcol4 { position: relative; background: linear-gradient(to right,  #f3d357, #f3d357 , #bfddac , #bfddac);}
div.hcol4 img {
    --factor: 0.733 ;
    clip-path: polygon(var(--height) 0 , calc(var(--head-height) * var(--factor) ) 0 , calc(var(--head-height)* var(--factor) - var(--height)) var(--head-height)  , 0 var(--head-height) );
}

div.hcol5 { position: relative ;
	    background: linear-gradient(to right,  #bfddac , #bfddac , #f36057 , #f36057);}
div.hcol5 img {
    --factor: 0.722 ;
    clip-path: polygon(var(--height) 0 , calc(var(--head-height) * var(--factor) ) 0 , calc(var(--head-height)* var(--factor) - var(--height)) var(--head-height)  , 0 var(--head-height) );
}
div.hcol6 { position: relative; background: linear-gradient(to right,  #f36057 , #f36057 , #9d7db7 , #9d7db7);}
div.hcol6 img {
    --factor: 0.7113 ;
    clip-path: polygon(var(--height) 0 , calc(var(--head-height) * var(--factor) ) 0 , calc(var(--head-height)* var(--factor) - var(--height)) var(--head-height)  , 0 var(--head-height) );
}
/*div.lastcol { position: relative; background: linear-gradient(to right,  #9D7DB7 , #9d7db7);}
*/
div.lastcol img {
    --factor: 1.333 ;
    clip-path: polygon(var(--height) 0 , calc(var(--head-height) * var(--factor) ) 0 , calc(var(--head-height)* var(--factor) - var(--height)) var(--head-height)  , 0 var(--head-height) );
}


.lastcol {max-height: var(--head-height); width: auto ; flex-shrink: 4;}

div.hcol1 {width: calc(var(--head-height)* 1.333) !important; }
div.hcol2 {width: calc(var(--head-height)* 0.711)  !important;}
div.hcol3 {width: calc(var(--head-height)* 0.711)  !important;}
div.hcol4 {width: calc(var(--head-height)* 0.733)  !important;}
div.hcol5 {width: calc(var(--head-height)* 0.722)  !important;}
div.hcol6 {width: calc(var(--head-height)* 0.7113)  !important;}
div.lastcol {width: calc(var(--head-height)* 1.333)  !important;}

.hcol1 .ac-ribbon {
    position: absolute;

    z-index: 20 !important;
    top: 0px; right: 0px;
    transform-origin: top right;
    transform: rotate(var(--angle)); 
}

.hcol2 .ac-ribbon {
    position: absolute;

    z-index: 20 !important;
    top: 0px; right: 0px;
    transform-origin: top right ;
    transform:  rotate(var(--angle));
}

.hcol3 .ac-ribbon {
    position: absolute;

    z-index: 20 !important;
    top: 0px; right: 0px;
    transform-origin: top right ;
    transform:  rotate(var(--angle));
}
.hcol4 .ac-ribbon {
    position: absolute;

    z-index: 20 !important;
    top: 0px;right: 0px;
    transform-origin: top right ;
    transform:  rotate(var(--angle));
}
.hcol5 .ac-ribbon {
    position: absolute;

    z-index: 20 !important;
    top: 0px; right: 0px;
    transform-origin: top right ;
    transform: rotate(var(--angle));
}
.hcol6 .ac-ribbon {
    position: absolute;

    z-index: 20 !important;
    top: 0px;right:0px;
    transform-origin: top right ;
    transform: rotate(var(--angle));
/*				transform: translate(calc(-1 * var(--width)/2 + var(--head-height) * 0.7113),calc(-1 * var(--height) - var(--head-height)/2 - 5px)) rotate(var(--angle));*/
}
@media screen and (min-width : 1025px){
.aetc-nav-menu {
	margin-top: calc(-4.15vw - 10.669px) ;
	z-index: 5;
}
}

:root {
	--cb-actualite: #daa70b;
	--cb-activite: #f67022 ;
	--cb-jazz : #e23382;
	--cyan: #54bddb ;
	--dark-green: #1f7038 ;
	--blue: #1f4586 ;
	--cb-accueil: #fff44f ;
}
.menu-item-1491 {border-radius: 5px ; border: solid var(--cb-accueil) !important; }
.menu-item-52 {border-radius: 5px ; border: solid var(--cb-actualite) !important;/* violet */ }
.menu-item-50 {border-radius: 5px ; border: solid var(--cb-activite) !important;}
.menu-item-49 {border-radius: 5px ; border: solid var(--cb-jazz) !important;}
.menu-item-48 {border-radius: 5px ; border: solid var(--cyan) !important;}
.menu-item-47 {border-radius: 5px ; border: solid var(--dark-green) !important;}
.menu-item-46 {border-radius: 5px ; border: solid var(--blue)  !important;}
.menu-item-2290 {border-radius: 5px ; border: solid var(--cb-actualite)  !important;}


div.hidden {
	display: none ;
}