/****************************************
            VIVE LA MAGIE
            SAISON : MONTPELLIER 2024  GRAND SPECTACLE
Styles created at 12/07/2021 12:03:21
File created at 05/08/2023 08:57:54
****************************************/

                 .primary_font{
                    	font-family: Titillium Web !important;
	font-weight: normal;
	font-size: 1.65rem;

                    
                }
                
                         .primary_font.rbe_button-size-small{
                            font-size: 2.20rem;
                        }
                         .primary_font.rbe_button-size-medium{
                            font-size: 2.75rem;
                        }
                         .primary_font.rbe_button-size-large{
                            font-size: 3.30rem;
                        }
                        
                 .secondary_font{
                    	font-family: Titillium Web !important;
	font-weight: normal;
	font-size: 1.65rem;


                }            
                
                         .secondary_font.rbe_button-size-small{
                            font-size: 2.20rem;
                        }
                         .secondary_font.rbe_button-size-medium{
                            font-size: 2.75rem;
                        }
                         .secondary_font.rbe_button-size-large{
                            font-size: 3.30rem;
                        }
                        body{
	background-color: #ffffff;
	font-family: Titillium Web;
	font-weight: normal;
	font-size: 1.65rem;
}
#header-outer{
	background-color: #110630;
}
#header-inner{
	width: 75%;
	color: #BEBEBE;
	background-color: #110630;
	background-image: url(/files/medias/i/s/header_53a05/header_53a05_0-0.jpg.webp);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center left;
	align-self: flex-start;
	text-align: right;
}
.no-webp #header-inner{
	background-image: url(/files/medias/i/o/header_53a05.jpg);
}
#content-inner{
	width: 75%;
	background-color: #FFFFFF;
}
#content-inner h1{
	font-family: Titillium Web;
	font-weight: normal;
	font-size: 3.30rem;
	color: #1a72c1;
	border-left-style: solid;
	border-left-color: #1a72c1;
	border-left-width: 27px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	background-color: rgba(255,255,255, 1.0);
}
#content-inner h1 a{
	color: #1a72c1;
}
#content-inner h2{
	font-family: Titillium Web;
	font-weight: normal;
	font-size: 2.75rem;
	color: #1a72c1;
	padding-left: 10px;
	text-align: center;
}
#content-inner h2 a{
	color: #1a72c1;
}
#content-inner h3{
	font-family: Titillium Web;
	font-weight: normal;
	font-size: 2.20rem;
	color: #1a72c1;
	padding-left: 23px;
	border-bottom-style: solid;
}
#content-inner h3 a{
	color: #1a72c1;
}
#content-inner h4{
	font-family: Titillium Web;
	font-weight: normal;
	font-size: 1.98rem;
	color: #1a72c1;
	padding-left: 30px;
	border-bottom-style: dotted;
	border-bottom-color: #1a72c1;
}
#content-inner h4 a{
	color: #1a72c1;
}
#content-inner p, #content-inner .rbe_text, #content-inner .rbe_list{
	font-family: Titillium Web;
	font-weight: normal;
}
#content-inner .rbe_bl a, .link-like{
	color: #0071b6;
}
#content-inner .rbe_bl a:hover, .link-like:hover{
	color: #1a72c1;
	text-decoration: underline solid ;
}
#content-inner strong, #content-inner b{
	color: #1a72c1;
}
#content-inner ul.rbe_list_custom{
	list-style-image: url(/files/medias/i/s/puceBleue/puceBleue_24-24.png.webp);
}
.no-webp #content-inner ul.rbe_list_custom{
	list-style-image: url(/files/medias/i/s/puceBleue/puceBleue_24-24.png);
}
#content-inner ul{
}
#content-inner .rbe_catch strong, #content-inner .rbe_catch b{
	color: #f4881c;
}
#footer-outer{
	background-color: #fffcfc;
	border-top-style: solid;
	border-top-color: #110630;
	border-top-width: 15px;
}
#footer-inner{
	width: 75%;
	color: #110630;
	padding-top: 14px;
	padding-bottom: 20px;
	align-self: center;
	text-align: center;
}
#footer-inner a{
	color: black;
}
#footer-inner a:hover{
	color: #0071b6;
}
/****************************************
         cards          
****************************************/
body .primary-bg, #content-inner .primary-bg{
	background-color: #0071b6;
	color: #fffcfc;
	border-left-style: solid;
	border-left-color: #110630;
	border-left-width: 8px;
}
body .primary-fg, i.primary-fg{
	color: #0071b6;
}
 .primary-border{ border: solid 1px #0071b6;} .primary-border-left{ border-left: solid 5px #0071b6;} .primary-bg-color{ background-color: #0071b6;} .breadcrumb li{ background-color: #0071b6;} .breadcrumb li:after{ border-left-color: #0071b6;} .breadcrumb li:before{ border-color: #0071b6; border-left-color: transparent;} #content-inner .breadcrumb a{ color: #0093ed;} #content-inner .breadcrumb li.current a:hover{ color: #009eff;}body .secondary-bg, #content-inner .secondary-bg{
	background-color: #e6e7e9;
	color: #0071b6;
	border-left-style: solid;
	border-left-color: #0071b6;
	border-left-width: 7px;
}
body .secondary-fg, i.secondary-fg{
	color: #e6e7e9;
}
body .secondary-fg, i.secondary-fg{
	color: #0071b6;
}
 .secondary-border{ border: solid 1px #e6e7e9;} .secondary-border-left{ border-left: solid 5px #e6e7e9;} .secondary-bg-color{ background-color: #e6e7e9;} .breadcrumb li.current{ background-color: #e6e7e9;} .breadcrumb li.current a{ color: #9ca0a8;} .breadcrumb li.current:before{ border-color: #e6e7e9; border-left-color: transparent;} .breadcrumb li.current:after{ border-left-color: #e6e7e9;} #content-inner .breadcrumb li a:hover{ color: #838892;} .progressColor{ 
                background-color: #0071b6;
                color: white;
            }
             .progressColor a{ 
                color: white;
            }/****************************************
         navigation          
****************************************/
#content-inner .pagination > *, 
                #content-inner .miniMenu,
                #content-inner .miniMenu a,
                #content-inner .sublinks > a,
                #content-inner .actionlinks > a,
                .menu-sidebar-content ul a,
                #content-inner .course-links a,
                .dropdown>.hideable li a{
	background-color: #13204c;
	color: #FFFFFF;
}
.menu-sidebar-content .toggle i{
	color: #FFFFFF;
}
#content-inner .pagination > :hover, 
                #content-inner .miniMenu a:hover,
                #content-inner .sublinks > a:hover,
                #content-inner .actionlinks > a:hover,
                .menu-sidebar-content ul a:hover,
                #content-inner .course-links a:hover,
                .dropdown>.hideable li a:hover{
	background-color: #e6e7e9;
	color: #2b3279;
}
#content-inner .pagination > strong,
                #content-inner .miniMenu a.current,
                #content-inner .sublinks > a.current,
                #content-inner .actionlinks > a.current,
                #content-inner .course-links li.current,
                .menu-sidebar-content ul>li.current>a{
	background-color: #f4881c;
	color: #FFFFFF;
}
.menu-sidebar-content{
	background-color: #13204c;
}
.menu-sidebar-content h2{
	background-color: #f4881c;
	color: #FFFFFF;
}
/****************************************
         subnav          
****************************************/
/****************************************
         buttons          
****************************************/
button, input[type=submit], input[type=button], #container a.button{
	background-color: #f4881c;
	color: #ffffff;
}
button:hover, input[type=submit]:hover, input[type=button]:hover, #container a.button:hover{
	background-color: #c0c0c0;
	color: #fffcfc;
}
button.current, input[type=button].current, #container a.button.current{
	background-color: #0071b6;
	color: #fffcfc;
}
#container button.secbutton, #container a.secbutton{
	color: #110630;
}
#container button.secbutton:hover, #container a.secbutton:hover{
	color: #000000;
}
#container button.secbutton.current, #container a.secbutton.current{
	color: #f4881c;
}
/****************************************
         modules          
****************************************/
/* Line #1 */
#header-line1{
	align-self: center;
	text-align: right;
}
#header-line1{
min-height: 35px;
}
/* Block season_city */
#header-line1 #h-l1b1{
	align-self: center;
	text-align: center;
	width: 30%;
}
#header-line1 #h-l1b1 .sc-container{
	background-color: rgba(255,252,252, 0.5);
	align-self: center;
	text-align: center;
	border-top-test_timeline_facebookROULETABAG_le_detective_magiqueJean_Michel_Boris_figure_historique_de_L_Olympia_est_mort_a_87_ansDes_dessins_magiquesleft-radius: 5px;
	border-top-test_timeline_facebookROULETABAG_le_detective_magiqueJean_Michel_Boris_figure_historique_de_L_Olympia_est_mort_a_87_ansDes_dessins_magiquesright-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #2b3279;
}
#header-line1 #h-l1b1 .sc-close{
	color: #b21b40;
}
#header-line1 #h-l1b1 .sc-name{
	color: #110630;
}
/* Block socials */
#header-line1 #h-l1b2{
	width: 45%;
	padding-top: 0px;
	padding-right: 15px;
}
#header-line1 #h-l1b2 i{
	font-size: 24px;
	color: #ffffff;
}
/* Block loginmenu */
#header-line1 #h-l1b3{
	align-self: center;
	text-align: center;
	background-color: #ffffff;
	padding-top: 12px;
	padding-right: 7px;
	padding-bottom: 9px;
	padding-left: 8px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	color: #110630;
	font-family: Titillium Web;
	font-weight: normal;
	font-size: 1.76rem;
	width: 35%;
}
/* Line #2 */
#header-line2{
	align-self: center;
	text-align: left;
	padding-bottom: 10px;
}
#header-line2{
min-height: 96px;
}
/* Block logo */
#header-line2 #h-l2b1{
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	align-self: center;
	text-align: center;
	width: 20%;
}
/* Block menu */
#header-line2 #h-l2b2{
	color: #fffcfc;
	font-family: Titillium Web;
	font-weight: normal;
	font-size: 1.76rem;
	align-self: center;
	text-align: right;
	width: 90%;
	font-size: 1.0em;
}
#header-line2 #h-l2b2 li.mi:not(.current)>a{
	font-family: Titillium Web;
	font-weight: normal;
	font-size: 1.76rem;
	color: #fffcfc;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#header-line2 #h-l2b2  li.mi:not(.current)>label{
	font-family: Titillium Web;
	font-weight: normal;
	font-size: 1.76rem;
	color: #fffcfc;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#header-line2 #h-l2b2 li.mi.current>a{
	font-family: Titillium Web;
	font-weight: normal;
	font-size: 1.76rem;
	color: #f4881c;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #f4881c;
}
#header-line2 #h-l2b2  li.mi.current>label{
	font-family: Titillium Web;
	font-weight: normal;
	font-size: 1.76rem;
	color: #f4881c;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #f4881c;
}
#header-line2 #h-l2b2 li.mi>a:hover{
	font-family: Titillium Web;
	font-weight: normal;
	font-size: 1.76rem;
	color: #f4881c;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#header-line2 #h-l2b2  li.mi>label:hover{
	font-family: Titillium Web;
	font-weight: normal;
	font-size: 1.76rem;
	color: #f4881c;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#header-line2 #h-l2b2 li.smi:not(.current) a{
}
#header-line2 #h-l2b2  li.smi:not(.current) label{
}
#header-line2 #h-l2b2 li.smi.current a{
}
#header-line2 #h-l2b2  li.smi.current label{
}
#header-line2 #h-l2b2 li.smi a:hover{
}
#header-line2 #h-l2b2  li.smi label:hover{
}
/* Block rbe */
#header-line2 #h-l2b3{
	width: 50%;
	align-self: center;
	text-align: center;
}
/* Line #1 */
#footer-line1{
}
#footer-line1{
min-height: 40px;
}
/* Block menu */
#footer-line1 #f-l1b1{
	align-self: center;
	text-align: left;
}
#footer-line1 #f-l1b1 li.mi:not(.current)>a{
	color: #110630;
}
#footer-line1 #f-l1b1  li.mi:not(.current)>label{
	color: #110630;
}
#footer-line1 #f-l1b1 li.mi.current>a{
	color: #f4881c;
}
#footer-line1 #f-l1b1  li.mi.current>label{
	color: #f4881c;
}
#footer-line1 #f-l1b1 li.mi>a:hover{
	color: #f4881c;
}
#footer-line1 #f-l1b1  li.mi>label:hover{
	color: #f4881c;
}
#footer-line1 #f-l1b1 li.smi:not(.current) a{
}
#footer-line1 #f-l1b1  li.smi:not(.current) label{
}
#footer-line1 #f-l1b1 li.smi.current a{
}
#footer-line1 #f-l1b1  li.smi.current label{
}
#footer-line1 #f-l1b1 li.smi a:hover{
}
#footer-line1 #f-l1b1  li.smi label:hover{
}
/* Block address */
#footer-line1 #f-l1b2{
	align-self: center;
	text-align: center;
	color: #110630;
}
/* Block socials */
#footer-line1 #f-l1b3{
	align-self: center;
	text-align: right;
}
#footer-line1 #f-l1b3 i{
	color: #000000;
}