:root {
	--first-color: #272727;
  --second-color: #af2d34; 
  --third-color: #ea5049;
  --fourth-color: #828383;

	--padding-bub:2%;
	
	--width-bub:96%;
	--width-bub-first:100%;
	--width-nobord:100%;
	
}
.pdf-format .imgbrevdet, .pdf-format h1, .pdf-format h2, .pdf-format h3, .pdf-format h1.t_g, .pdf-format h2.t_g, .pdf-format h3.t_g{margin:10px 0 0;}
.nobreak{
    page-break-inside: avoid;
}
.btnPrint{    display: inline-flex
;
    padding: 0.75em 0.5em;
    background: black;
    white-space: nowrap;
    align-items: center;
    margin: 1em 50% 1em !important;
    /* width: 14em; */
    transform: translateX(-50%);
    font-size: x-large !important;
    color: white !important;}
.btnPrint:before{content:'\e06e'; font-family:"gandg"; font-size: x-large !important;  margin-right: 1em;}
.pdf-format .btnPrint{display:none;}

.pdf-format{width:100% !important; padding:0% 5% !important; box-sizing:border-box;}  
.pdf-format *{opacity : 1 !important; animation: none;}
 /*.pdf-format .item_vid1, .pdf-format .item_vid2, .pdf-format .item_vid3{display: none;} les iframes plantent sur la génération du pdf*/
 .pdf-format .item_vid1 img, .pdf-format .item_vid2 img, .pdf-format .item_vid3 img{margin-top:5px;aspect-ratio:4/3;}
.pdf-format .brad1{display:none;} 
.pdf-format .noBreak{margin-bottom:1em;}
.pdf-format .dlPJ{display:none ! important}

.dlPJ{    display: inline-flex
;
    padding: 0.75em 0.5em;
    background: black;
    white-space: nowrap;
    align-items: center;
    margin: 1em 50% 1em !important;
    /* width: 14em; */
    transform: translateX(-50%);
    font-size: x-large !important;
    color: white !important;}
.dlPJ:before{ font-size: x-large  !important;color:white;margin-right:1em;}
.filter{position:absolute;right:5px;    top: 20px;cursor : pointer;}


@font-face {    font-family: 'fontr';    src: url('fontr.eot');    src: url('fontr.eot?#iefix') format('embedded-opentype'),        url('fontr.woff2') format('woff2'),        url('fontr.woff') format('woff'),        url('fontr.ttf') format('truetype'),        url('fontr.svg#fontr') format('svg');    font-weight: normal;    font-style: normal;    }
@font-face {  font-family: "icons";  src: url("./icons.eot");  src: url("./icons.eot?#iefix") format("embedded-opentype"),       url("./icons.woff2") format("woff2"),       url("./icons.woff") format("woff"),       url("./icons.ttf") format("truetype"),       url("./icons.svg#icons") format("svg");  font-weight: normal;  font-style: normal;}
html{height:100%;min-width:100%;width:100%; font-size:0;overflow-x:hidden;user-select: none;	background-color:#FFFFFF;
	background-image: url(../view/global/background/posit.svg); background-attachment:fixed;   background-position: center;    background-repeat: no-repeat;    background-size:40%; }
body {margin:0;  min-width: 100%; width:100%; height:100%;-webkit-tap-highlight-color: transparent;}
b, strong{font-weight:bold;font-family: "fontr";}
img { max-width: 100%; /*max-height: 100%; */width:100%;height:auto; }

#global_container{width:100%;display:block;	position:relative;background:rgba(255,255,255,0.9);min-height:100vh}
.previewOverlay{z-index:500;text-align:center;}
.promptInstallApp{position:relative;background-color : var(--third-color); border-radius: 20px; padding:1em; box-sizing:border-box;display: flex; flex-wrap:wrap;align-items: center;position:absolute; top:50%;left:50%; min-width: 16em;    justify-content: space-around; position: absolute; transform: translate(-50%, -50%);}
.promptInstallApp.IOS{width: calc(100% - 4em);transform: translate(-50%, 0%);bottom: 10vw;top:auto;}
.promptInstallApp.IOS img{width: 1.5em;margin:0 1em;    vertical-align: middle;}
.promptInstallApp.IOS li{margin:0.5em 0;align-items: center;}
.promptInstallApp.IOS .title{font-weight:bold;font-size:1.2em; padding:0.2em;margin-bottom:0.5em;display:block;border-bottom: 1px solid grey;}
.fullW{flex-basis : 100%;}
.promptInstallApp .button_valid{margin:1em 0;}
.closeButtonIos{position:absolute;top:0.5em; right:0.5em;font-size:1.5em;line-height:1;} 
.simpleCart_shelfItem {   position: static;}
.model_duplicable_line, .previewOverlay:before { top: 0;    left: 0;}

.homeBackground .icon-home6:before{color:white!important} 
.bcont{ width: 940px;}
.p1080 {width: 940px;}

.athide, .athideNC{display:none;}
.athideuser{display:none;}
.connected .athideuser{display:block;}
.atshow {display:inline-block!important} 

div[class^=line_form].athide{display:none;}
.connected .athideNC{display:block;}
.bcenter{text-align:center;}
*{outline: 0;}
a{border : none;text-decoration : none;}
a .t_g{border : none;text-decoration : none;}
a:visited{color:inherit;}
a:hover{color:inherit;}

a.mbut:visited, a.mbut:hover{color:white;}
a.mbut:hover:after{width:100%}
a.linkClickedCurrentPage:link{color:var(--first-color);}
a.linkClickedCurrentPage:visited{color:var(--first-color);}

.gpmenu a.linkClickedCurrentPage:visited{color:white;}
a.linkClickedCurrentPage.mbut:after{width:100%;}

input[type="text"], input[type="password"],  textarea, select { font-size: 20px; line-height:20px; width: 100%; padding:0; background-color:#d9dadc; border:1px solid #d9dadc;	}
textarea {background-color:#f6f6f6;border:1px solid #f6f6f6;height:200px;	}
[class^="icons-"]:before, [class*=" icons-"]:before, .addPicNotif:before, .addPicCust:before, .btnalbrevetheme:after, .accPic:after,
.icosocial:after, .bcita:before, .bcita:after {  text-align:center;    display: inline-block;  font-family: icons !important; vertical-align:middle;   font-style: normal;    font-weight: normal !important;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
[class^="icons-"] > div, [class*=" icons-"]>div, .addPicNotif>div, .addPicCust>div{display:inline-block;vertical-align:middle;}

.icons-menu:before{content: "\f10c";}
.icons-loupe:before {    content: "\f10e";}
.icons-utilisateur:before {    content: "\f10d";}
.icons-maison:before {    content: "\f107";}
.icons-verifie:before {    content: "\f10d";}
.icons-chronometre:before {    content: "\f126";margin-right:5px}
.icons-back:before {    content: "\f10f";}
.icons-close:before {    content: "\f110";}
.icons-notification:before, .addPicNotif:before { content: "\f11f";}
.icons-quiz:before { content: "\f108";}
.addPicCust:before{ content: "\f118";}
.icons-commerce:before{content: "\f102";}
.icons-startup:before{content: "\f103";}
.icons-industrie:before{content: "\f104";}
.icons-environnement:before{content: "\f105";}
.icons-infos:before{content: "\f110";}
.icons-levelup:before{content: "\f103";}
.bcita:before, .bcita:after{content: "\f109";}


.icons-posit:before{display:inline-block; content: '';    background-image: url(../view/global/background/posit.svg);    background-position: center;    background-repeat: no-repeat;    background-size:70%;     z-index: 101;      width: 2vw;    height: 2vw;padding:0.5vw;background-color:white;border-radius:3vw;}

.text_generic, .t_g, h1, h2, h3, .mbut, .input_submit{font-family:"fontr",Times,serif;	color:black;}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{font-family:"fontr",Times,serif;font-weight:normal}
h1, h1.t_g {font-family:"fontr",Times,serif;font-weight:normal}
h1 b, h2 b, h3 b, h1 strong, h2 strong, h3 strong{color:var(--first-color);}

.alignCenter{text-align:center;}
.bmb20{margin:20px 0!important}
.bmb40{margin:40px 0!important}
.bpb40{padding:40px 0!important}
.mtop20{margin-top:20px!important}
.mbot20{margin-bottom:20px!important}
.mtop40{margin-top:40px!important}
.mbot40{margin-bottom:40px!important}
.brad1{border-radius:10px;}
.posrelat{position:relative;}

#div_container_1_h, #div_container_5_fr, #div_container_9_fo, #container_submenu, .gpheader{display: block;margin:auto;width: 100%;z-index:2;}
#div_container_5_fr{padding-bottom:20px;position:relative;z-index:100; width:70%;padding:1% 15%;}


	.t_g, label, h1, h2, h3, .newBlockSearchResult .item_name {margin-top:0;	font-size:18px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name {  font-size: 30px; margin: 0 0 20px 0;}
	.bordfirst{position:relative;}
	.bordfirst h1, .bordfirst h1.t_g, .GandG_account_menu h3, .GandG_account>div>h2{font-size:30px;}
	.gphead{background-color:white;padding:5px;}
	.twhite {color:white;}
	#div_container_1_h{display:none;}
	.gg_template{display:none;}
	
	.bcita{padding:5%;position:relative; text-align: initial;}
	.bcita:after{transform: rotate(180deg);}
	.bcita:before, .bcita:after{position:absolute;font-size:70px;color:white;z-index:3}
	.bubdarkred:before, .bubdarkred:after, .newBlockSearchResult:before, .newBlockSearchResult:after{font-size:45px;}
	.bcita:before{left:5px;top:5px}
	.bcita:after{right:5px;bottom:5px}

	.bubdarkred,  .bubred, .newBlockSearchResult, .bubwhite, .GandG_account_menu ul, .GandG_account_address, .GandG_account_address_without_menu  {position:relative;padding:var(--padding-bub);width:var(--width-bub);min-height:10px;}  
	.bubwhite, .GandG_account_menu ul, .GandG_account_address, .GandG_account_address_without_menu{padding:0;width:100%;}
	.connected .bubdarkred,.connected  .bubred, .connected .bubwhite, .GandG_account_menu ul, .GandG_account_address, .GandG_account_address_without_menu {opacity:1;visibility:visible;}

	.bubwhite {padding:0;width:100%}
	.bubdarkred, .newBlockSearchResult {background:var(--second-color);border-radius:10px;text-align:center!important;}
	.bubdarkred .t_g, .newBlockSearchResult .t_g, .bubdarkred h2, .newBlockSearchResult h2, .bubdarkred h1,
	.bubred .t_g, .bubred h3 {color:white;}
	.bubred{background:var(--third-color)}
	
	.blinearr{z-index:1;position:static}
	.blinearr:after{content:'';display:inline-block;position:absolute;z-index:-1;width:100%;background-color:var(--first-color);height:50px;left:0;bottom:100px;}
	
	
	.container_orders h3:after, #updatePassword h3:after, .GandG_account_address h3:after{display:inline-block}
	
	
	
	
	.bfoot{z-index:500;position:fixed;width:12%;border-top: var(--border-begin-end);background:var(--first-color);left: 0; top: 0;    height: 100vh;}
	.btnfo1{display:inline-block;vertical-align:middle;width:99%}
	.bfoot:before{display:inline-block;height:100%;vertical-align:middle;content:'';width:1%;}
	.btnfooter{width:100%;vertical-align:middle;text-align:left;padding: 0 0 0 10%;height:4vw;transition: all 0.5s ease 0s;box-sizing:border-box;margin:10px 0}
	.btnfooter:before{font-size:2vw;color:white;transition: all 0.5s ease 0s;}
	
	.bfoot .icons-menu:after,.bfoot  .icons-loupe:after,.bfoot  .icons-posit:after,.bfoot  .icons-quiz:after,.bfoot  .icons-infos:after,.bfoot  .icons-levelup:after {content:'Thématiques'; font-size:1vw; font-family:"fontr",Times,serif;font-weight:normal;display:inline-block;color:white;}
	.bfoot .icons-loupe:after{content:'Rechercher';}
	.bfoot .prof.icons-loupe:after{content:'Enseignants';}
	
	.bfoot .icons-posit:after{content:'Mes brèves';}
	.bfoot .icons-quiz:after{content:'Quiz';}
	.bfoot .icons-infos:after {content:'Menu'; cursor:pointer}
	.bfoot .icons-levelup:after{content:'Level Up';}
	
	.bsubmenu{position:fixed;left:-4%;top:0; width:12%;padding:2%; z-index:300; background:var(--second-color);transition: all 0.5s ease 0s;}
	.txtsubmenu, .txtsubmenu2{color:white;margin-bottom:15px;display:block}
	.txtsubmenu2{font-size:15px;}
	.bsubmenu2{margin-top:50px}
	.menufromLeft{left:12%;}
	.txtsubmenu:visited{color:white}
	
	a.btnfooflux:visited:before{border:2px solid black}
	.bnoflux{display:none;}
	.bresSearch{position:relative;}
	
	
	/*** Mon flux ***/
	.dongleflux{position:absolute;top:0;left:4vw;background:var(--fourth-color);padding:5px 10px 7px 10px;z-index:-1;border-radius:10px 10px 0 0;}
	.dongleflux .t_g{color:white;}
	#div_container_5_fr .duplicate_line {vertical-align:top;opacity:0}
	#div_container_5_fr .duplicate_line .bubdarkred ,#div_container_5_fr .group_duplicable_editor .bubdarkred, 
	.searchResult .newBlockSearchResult{width:27vw;padding:1vw;margin:2vw;vertical-align:top;}
	#div_container_5_fr .duplicate_line .bubdarkred .imgbrevdet, .searchResult .newBlockSearchResult .item_image {height:15vw; overflow:hidden;}
	#div_container_5_fr .duplicate_line .bubdarkred .item_desc, .searchResult .newBlockSearchResult .item_desc  {height: 6em; overflow:hidden;line-height:1.5;}
	.imgicothemsearch{width:20px;height:20px;vertical-align:middle;}
	.imgicothemsearch img {    filter: invert(1);}
	.namefluxsearch{margin-left:10px;vertical-align:middle} 
	.namefluxsearch:after{padding-left:10px;margin-right:10px;content:'|';font-size:1vw; font-family:"fontr",Times,serif;font-weight:normal;display:inline-block;color:white;vertical-align:middle}
	.namefluxsearch>div{display:inline-block;vertical-align:middle}
	.dongleflux .item_typebreve{vertical-align:middle}
	
	
	/*** DETAIL D'UN BREVE ***/
	.icotitlebreve{vertical-align:middle;margin:0!important}
	.icotitlebreve .imageSub{width:auto!important;vertical-align:middle;}
	.icotitlebreve:before{font-size:40px}
	.icotitlebreve h1{margin:0}
	.readtime, .searchResult .item_readtime{position:absolute;top:2px;right:10px;font-size:15px;z-index:3}

	.tibrev, .newBlockSearchResult .item_name{font-weight:bold;font-size:23px;text-align:center;color:white;}
	.descbrev{text-align:justify}
	.numbreve{font-size:15px;text-align:right;font-style: italic;}
	.imgbrevdet,.searchResult .item_image{width:100%;position:relative;z-index:1;margin:40px 0;}
	.imgbrevdet img,.searchResult .item_image img{border-radius:10px;}
	.vidbrevdet, div[id^="__video"], div[id*="__video"] {width:100%;height:30vw	;}
	.vidbrevdet iframe, div[id^="__video"] iframe, div[id*="__video"] iframe{border-radius:10px;}
	.item_vid1 iframe, .item_vid2 iframe, .item_vid3 iframe{width:100%;height:35vw}
	.tsource{font-size:12px;text-align:right}
	
	.gg_html_edit{min-height:150px;}
	.accPic, .labelInputCheckBox{transition: all 0.5s ease 0s;position:relative;padding:30px 30px 30px 60px;margin:60px 40px; color:white;background-color:var(--third-color);font-size:20px;line-height:20px;width:250px;text-align:left;height:3vw;line-height:3vw}
	/*.flextheme{display: flex;    flex-wrap: wrap;    justify-content: space-between;  align-items: stretch;}
	.flextheme .group_duplicable_editor { background-color:var(--third-color); position:relative;		flex-basis: 46%;    padding: 2%;    flex-grow: 1;    margin: 2vh 0;    max-width: 46%;    width: initial;    box-sizing: border-box;    display: flex;    flex-direction: initial;    justify-content: start;    align-items: center;}
	*/
	
	
	
	.btnyesquiz, .btnnoquiz, .btnmaybequiz, .btninscrip, .input_submit, .btnsearch, .btngetbreve, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete,
	#button_refuse, #button_accept{	background-color: var(--first-color);	padding:15px 40px;
	color:white;text-align:center;font-size:20px;transition: all 0.5s ease 0s;cursor:pointer}
	
	.bubquiz{padding:2%; text-align:center;}
	.bstardisabled{display:none;}
	.txtquizdisabled{font-style: italic;}
	.rateStar:before  {font-family:'gandg';content: "\e263";margin:15px;font-size:30px;}
	.bstars .rateStar, .bstars .rateStar:hover ~ .rateStar {  color: #ffffff;  text-shadow: none;  transition: color 200ms,text-shadow 200ms;  transition-delay: 0;}
	.bstars:hover .rateStar { color: #fc0;  text-shadow: #fc0 0 0 20px;}
	
	
	.btnalbrevetheme:before {line-height:3vw; width:3vw;height:3vw;top:1vw;left:1vw;z-index:5;font-size:4vw;}
	.btnalbrevetheme:after, .accPic:after{content: "\f10f";    line-height: 3vw;color:var(--first-color);transition: all 0.5s ease 0s;position:absolute;right:0;top:0}
	
	/** partie enseignants **/ 
	.listBreveArr>.group_duplicable_editor, .listBreveArr>.duplicate_line {width:100%;}
	.arrLine{width:100%;     display: flex;     align-items: stretch; text-align: left; justify-content: space-between;}
	.arrLine .item_name, .arrLine .item_numbreve, .arrLine .goToBreve, .arrLine .print, .arrLine .item_thematique{padding:0.5em 1em;}
	.arrLine .goToBreve, .arrLine .print{  display: flex;    align-items: center;}
	.arrLine .item_name{width:100%;box-sizing:border-box;border-left:1px solid lightgray;border-right:1px solid lightgray;}
	.arrLine .item_numbreve{width:3em;text-align:right;}
	.arrLine .item_thematique {width:12em;text-align:left;border-left:1px solid lightgray;}
	.arrLine .print{border-right:1px solid lightgray;}
	.arrLine.athide{display:none;}
	.print{cursor: pointer;}
	.listBreveArr{border:1px solid gray;}
	.listBreveArr .arrLine{background: white;}
	.listBreveArr>div:nth-child(odd) .arrLine{background: whitesmoke;    align-items: stretch;}
	.filterArrLine .input_submit{display: none;} 
	.filterArrLine>div{
	display: flex;
    justify-content: space-around;
    align-items: start;
	}
	.filterArrLine .globalMultiSelect {display:flex; flex-wrap:wrap;}
	.filterArrLine .multiselect{display:flex;flex-wrap:wrap;}
		.filterArrLine .fc33 .cell_1_form{font-weight:bold; width:100%;display:block;}    	
.listBreveArr h2{margin:0;}

	/*** Tous les themes ***/
	.bbtnalbrevetheme {position:static!important;padding:2%;width:96%;}
	.allthemebreve  .duplicate_line a{width:100%}
	.allthemebreve .group_duplicable_editor,.allthemebreve  .duplicate_line {display:none;width:46%;vertical-align:middle;background-color:var(--third-color);position:relative; margin: 4vh 0;transition: all 0.5s ease 0s;}
	.allthemebreve .group_duplicable_editor:nth-child(even), .allthemebreve .duplicate_line:nth-child(even){margin-left:8%}
	.allthemebreve .group_duplicable_editor {display:inline-block;}
	.btnalbrevetheme{color:white;}
	.btnalbrevetheme, .labelInputCheckBox{font-size:25px;vertical-align:middle;transition: all 0.5s ease 0s;}
	.labelInputCheckBox{width:230px}
	.btnalbrevetheme>div{text-align:left;line-height: 3vw;}
	.icotheme, .icothemedet{width:10%;height:60px;vertical-align:middle;margin-right:2%;}
	.icothemedet{width:60px;}
	.btnalbrevetheme {width:88%;position:relative;}
	.icotheme img{filter: invert(1);}

	/*** RECHERCHE ***/
	.gpsearch .bubwhite{width:50%;margin:1% 0;display:block;}
	.gbsearch{margin:2vw 0}
	.gbsearch div[class^=table_form_] {border-spacing: 0px;}
	.gbsearch .cell_1_form{display:none;}
	.btnsearch {margin-top:20px;}
	.gbsearch>div{width:100%}
	.gbsearch input[type="text"], 
	.loginFormConnect input[type="text"], .loginFormConnect input[type="password"], #adminUserModify input[type="text"], #adminUserModify input[type="password"],
	.fconprem input[type="text"],.fconprem  input[type="date"],.fconprem  input[type="password"], .fconprem  textarea,.fconprem  select,.fconprem option, 
	.GandG_account input[type="text"], .GandG_account select, .GandG_account input[type="password"], .GandG_account input[type="date"], .GandG_account textarea, 
	.GandG_cart input[type="text"], .GandG_cart select, .GandG_cart input[type="password"], .GandG_cart input[type="date"], .GandG_cart textarea{font-size: 20px;font-family:"fontr",Times,serif;font-style: italic;    line-height: 30px;    width: 96%;    padding: 2%;    background-color: #ffffff;    border: 2px solid var(--first-color); border-radius:var(--radius-4)}
	.loginFormConnect input[type="text"], .loginFormConnect input[type="password"],
	.GandG_account input[type="text"], .GandG_account select, .GandG_account input[type="password"], .GandG_account input[type="date"], .GandG_account textarea, 
	.GandG_cart input[type="text"], .GandG_cart select, .GandG_cart input[type="password"], .GandG_cart input[type="date"], .GandG_cart textarea{width:100%}
	#adminUserModify td, #adminUserModify tr, #adminUserModify table, #adminUserModify tbody{ width:100%;   display: block;}
	#adminUserModify table{width:50%}
	#adminUserModify, #adminUserModify .input_submit {margin-top:20px;}
	
	
	.fconprem input[type="text"],.fconprem  input[type="date"],.fconprem  input[type="password"], .fconprem  textarea,.fconprem  select,.fconprem option {width:98%}
	.searchResult .item_nameflux{display:none;}
	.imgsearch{width:400px;height:400px;margin:100px auto;display:block;}
	
	
	/*** LEVEL up ***/
	.connected .gg_html_edit{border:2px dotted var(--second-color);position:relative;} 
	.connected .gg_html_edit:before{font-family:"fontr",Times,serif;content:"Zone pour injecter du code HTML (vidéo par exemple)";font-size:14px;display:inline-block;position:absolute;top:-18px;left:0;background:white;padding:5px;}
	
	/*** RESULTAT DE RECHERCHE ***/
	.newBlockSearchResult .item_objectif{margin:20px 0}
	.searchLP .suffixe{display:none;}
	
	
	.paddingBub{padding:var(--padding-bub);}
	
	
	/*** ANIM ***/
	.btnyesquiz:hover, .btnnoquiz:hover, .btnmaybequiz:hover, .btninscrip:hover, .input_submit:hover, .btnsearch:hover, .btngetbreve:hover, .formLogin .button_valid:hover, .payment_button:hover, .button_edit:hover, .button_valid:hover, .button_delete:hover,
	#button_refuse:hover, #button_accept:hover {background-color: white; color:var(--first-color)	}
	.btnyesquiz:hover, .btnnoquiz:hover, .btnmaybequiz:hover {}
	.allthemebreve .group_duplicable_editor:hover , .allthemebreve .duplicate_line:hover , .accPic:hover, .labelInputCheckBox:hover{background-color:var(--first-color);}
	.allthemebreve .group_duplicable_editor:hover .btnalbrevetheme:after, .allthemebreve .duplicate_line:hover .btnalbrevetheme:after, .accPic:hover:after{color:white;}
	/*.btnalbrevetheme:hover{margin-left:6vw;}*/
	.btnalbrevetheme:hover:after, .accPic:hover:after{font-size:28px;}
	.accPic:hover:after{font-size:2.2vw;}
	.btnfooter:hover:before{color:var(--second-color)}
	

	.connecter .bordfirst {padding:0}
	.connected .icosocial:after {display:none;}



	/** footer**/
	.bfoot{background:var(--first-color);}

/*telephone*/		
@media 	only screen and (max-device-width : 1100px) {
	@viewport	{width: 100vw;zoom: auto;}
	
	.tibrev, .newBlockSearchResult .item_name { top: 1vw;    left: 2vw;    font-size: 2vw!important;width:60%}
	.btnalbrevetheme, .labelInputCheckBox { font-size: 2vw;    }
}

@media 	only screen and (max-width : 468px) {
	:root {
	
}
	
	
	
	  html {  background-size: 90%;}
		html, body{height:100%;}
	.t_g, label, h1, h2, h3, .newBlockSearchResult .item_name {margin-top:0;	font-size:4vw; line-height:5vw}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{  font-size: 5.5vw; margin:2vw 0 3vw 0}
	h2, h3, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{  font-size: 5.5vw;}
	
	.bordfirst h1, .bordfirst h1.t_g, .GandG_account_menu h3, .GandG_account>div>h2 { font-size: 6vw; font-weight:bold}
	.bordfirst,.GandG_account_menu h3, .GandG_account>div>h2{	}
	
	
	.icosocial:after {font-size:6vw;padding:1vw;width:6vw;height:6vw;margin-left:3vw}
	.filterArrLine>div{flex-wrap:wrap;}
	.fc33{width:100%;margin:0.5em 0}

	#global_container{width:100%;border:none;-webkit-box-shadow:none; box-shadow: none;min-height:100%;    max-width: 100vw;margin:0}
	#global_container {overflow-x:hidden;}
	#div_container_5_fr{padding:0 0 20vw 0;width:100%; margin:auto;}
	#div_container_1_h{display:block;}
	#adminUserModify table { width: 100%;}
	.p1080, .bcont {width: 100%;} 
	.bmb20{margin:2vw 0!important}
	
	.gphead{background-color:white;padding:2vw 2vw 0.5vw 2vw;margin-bottom:0}
	.blogo {background-color:var(--first-color);padding:2vw 0 10vw 0;border-radius:0 0 4vw 4vw ;display:block;}
	.logo{width:25vw;height:initial;margin:auto;display:block}
	
	.bubwhite {width:96vw;margin:auto;}
	.bubbright, .bubdarkred, .bubpurple, .bubwhite{}
	.brad1 { border-radius: 2vw;}
	.bubred	{ width: 80vw; margin:auto;}
	.blinearr:after {  height: 10vw; bottom:25vw   }
	.bcita { padding: 9vw;}
	.bcita:before, .bcita:after { font-size: 10vw;}
	.bcita:before {    left: 5px;    top: 5px;}
	.bcita:after {    right: 5px;    bottom: 5px;}
	.bordfirst{ margin: -5vw auto 2vw auto!important;background-color:var(--second-color);width:75vw;padding:3vw;border-radius:0}
	.bordfirst .t_g, .bordfirst h1{color:white;}
	.bubquiz{padding:5vw}
	
	.GandG_account_menu h3, .GandG_account h2{ margin: 2vw 0 2vw 0!important;}
	.flextheme {justify-content: center;}
	.flextheme .btnalbrevetheme {    flex-basis: 75%;   padding: 8vw 2vw;   margin: 4vw 0;    max-width: 75%;    }

	.filter{right:3vw;    top: 5vw;}
	.btnfo1{display:block;width:100%}
	.bfoot{position:fixed;width:100vw;bottom:0;padding-bottom:2vw;min-height: 0;height:initial;background:var(--first-color);top:initial;z-index:300}
	.bfoot:before{display:none;}
	.btnfooter{padding: 2vw 0;width:18.75%;vertical-align:middle;text-align:center;height: unset;margin:0}
	.btnfooter:before{font-size:8vw;width: 8vw;    height: 8vw;}
	.btnfooflux{width:25%;}
	.btnfooflux:before{font-size:8vw;border:1px solid black;padding:3vw;margin-top:-5vw;    width: 8vw;    height: 8vw;border-radius: 8vw;}
	.bfoot .icons-menu:after,.bfoot  .icons-loupe:after,.bfoot  .icons-posit:after,.bfoot  .icons-quiz:after,.bfoot  .icons-infos:after,.bfoot  .icons-levelup:after {display:none;}
	.bsubmenu{left:initial;top:initial;bottom:0;right:-60%; width:50%;padding:5%;padding-bottom:25%;z-index:200; background-color:var(--second-color);position:fixed}
	.txtsubmenu, .txtsubmenu2{margin-bottom:2vw;}
	.txtsubmenu2{font-size:3vw;}
	.bsubmenu2{margin-top:5vw}
	.menufromLeft{left:12%;}
	.menufromRight{right:0;}
	
	/*** Tous les thèmes ***/
	.bbtnalbrevetheme{text-align:left}
	.allthemebreve{text-align:center;}
	.allthemebreve .duplicate_line {  width: 80%;  margin:2vh 0 4vh 0;}
	.allthemebreve .group_duplicable_editor:nth-child(even), .allthemebreve .duplicate_line:nth-child(even) { margin-left: 0;}
	.icotheme, .icothemedet { width: 15%;    height: initial;    margin-right: 6%;}
	.btnalbrevetheme { width: 76%;}
	.btnalbrevetheme:after, .accPic:after { line-height: 4vw;}
	
	
	/*** DETAIL D'UN BREVE ***/
	#div_container_5_fr .duplicate_line .bubdarkred, #div_container_5_fr .group_duplicable_editor .bubdarkred, .searchResult .newBlockSearchResult {  width: 90vw;    padding: 3vw;    margin: 10vw 2vw;}
	.dongleflux {  top: 2vw;    left: 6vw;    padding: 1vw 1vw 3vw 1vw; padding:2vw}
	.duplicate_line .bcita:before, .bcita:after {  font-size: 8vw;}
	.icothemedet img{filter: invert(1);}
	.icothemedet{width:12%;margin-right:5%}
	.tiojectif{margin-top:-10vw!important;}
	.tibrevdet{margin:3vw 0}
	.numbreve {  font-size: 3vw;   }
	.imgicothemsearch {  width: 5vw;    height: initial;}
	.namefluxsearch {  margin-left: 1vw;}
	.namefluxsearch:after {  padding-left: 1vw;    margin-right: 1vw;    font-size: 4vw;}
		
	.imgbrevdet{width:100%;min-height:150px;}
	.imgbrevdet{margin-bottom:2vw;height:initial}
	.vidbrevdet{width:100%;height:50vw;}
	.tsource{font-size:3vw}
	h3.tsource, .tsource h3{font-size:4vw}
	.imgbrevdet img,.searchResult .item_image img{border-radius:2vw;}
	.vidbrevdet iframe, div[id^="__video"] iframe, div[id*="__video"] iframe{border-radius:2vw;}
	.item_vid1 iframe, .item_vid2 iframe, .item_vid3 iframe{height:55vw}
	
	
	.tibrev, .newBlockSearchResult .item_name{top:5vw;left:7vw;font-size:5.5vw!important;width:100%;}
	.accPic, .labelInputCheckBox{position:relative;padding:1vw 1vw 1vw 6vw;margin:6vw 4vw; color:white;font-size:5vw;line-height:7vw;width:25vw;text-align:center;height:8vw;}
	.labelInputCheckBox{color:black}
	.btninscrip, .btnsearch, .input_submit, .btngetbreve, .btnyesquiz, .btnnoquiz, .btnmaybequiz, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete,
	#button_refuse, #button_accept{padding:2vw 5vw;width:auto;margin:4vw auto;display:inline-block;font-size:4vw;line-height:7vw!important; -webkit-appearance: none;
   font-weight:lighter} 
	.btnyesquiz, .btnnoquiz, .btnmaybequiz {width:25%;margin:2% 5%;background:var(--third-color);border:1vw solid var(--first-color)}
	.btnquizdisabled{border:1vw solid black}
	.btnalbrevetheme:before{width:12vw;height:12vw;z-index:5;left:0;top:0;font-size:6vw;line-height:10vw;}
	
	.labelInputCheckBox{margin:2vw 0;display:block;font-size:3.5vw;padding: 1vw 1vw 1vw 10vw;line-height:8vw;}
	.btnyesquiz, .btnnoquiz, .btnmaybequiz {    width: 50%;    margin: 5% 5%; }	

	
	
	/** prof **/ 
	.arrLine{display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 3px;
grid-row-gap: 3px;
 padding: 10px 0;

}
.arrLine	.item_numbreve  { grid-area: 1 / 1 / 2 / 2; }
.arrLine .item_thematique  { grid-area: 1 / 2 / 2 / 4; }
.arrLine .item_name  { grid-area: 2 / 1 / 3 / 6 }
.arrLine .print  { grid-area: 1 / 4 / 2 / 5; }
.arrLine .goToBreve { grid-area: 1 / 5 / 2 / 6; }
	
.arrLine .item_name, .arrLine .item_numbreve, .arrLine .goToBreve, .arrLine .print, .arrLine .item_thematique {border:0;   padding:0;     box-sizing: border-box;        display: flex
;
        justify-content: center;
        align-items: center;}	
.arrLine .item_name{font-weight: bold;padding:0 0.75em }        
.arrLine .item_name, .arrLine .item_thematique{justify-content: start;}	
	.pdf-format .bordfirst{margin-top:0;}
	.arrLine .goToBreve, .arrLine .print{
	font-size: 6vw;
        width: 8vw;
        height: 8vw;
	}
	.arrLine .goToBreve{font-size: 10vw;      width: 16vw; 	} 
	
	/*** RECHERCHE ***/
	.gpsearch .bubwhite{width:100%;margin:0;display:block;}
	.gbsearch input[type="text"]{font-size: 4vw;    line-height: 8vw;}
	.gbsearch {text-align:center;width:96%;margin:2%}
	.imgsearch{width:70vw;height:initial;margin:10vw auto;}
	
	/*** RESULTAT DE RECHERCHE ***/
	.newBlockSearchResult .item_objectif{margin:2vw 0}
		
	
	
	
	
	/*.popupPush{animation-delay: 2s;animation-iteration-count: 1;animation: mymove 2s 1;animation-fill-mode: forwards;-webkit-animation-delay:3s;position: fixed; bottom: 150px;  right:-80vw; z-index: 1; width: 100vw; display: flex;flex-wrap: wrap; background-color:white; box-shadow: 1px 1px 5px grey;  }
	.pushImagePopup{flex-basis: 20%;}
	.pushTextPopup{flex-basis: 80%; padding:0 2em;  display: flex; flex-wrap: wrap;    align-items: center;    justify-content: center;box-sizing: border-box;}
	
		@keyframes mymove {
	  from {right: -80vw;}
	  to {right: 0px;}
	}	*/
		
		
	/*** ANIM ***/
	
	.btnalbrevetheme:hover, .accPic:hover, .labelInputCheckBox:hover{}
	.accPic:hover:after{margin-left:0;font-size:5vw;}
	.btnalbrevetheme:hover:after{margin-left:0;font-size:4vw;}
	
}