/*

	Site internet netgem - POPUP RGPD
	Version : 1.1
	Site	: netgem.com
	
	Theme 	: netgem 1.1
	Author	: Integration : Yann Lobry
	
*/



html.scroll-inactive { overflow-y: hidden; }

html.scroll-inactive.cc-masque-debloque {overflow: auto;}



#container-rgpd a,
#container-rgpd a:visited {
  color: #FC7C1C;
}
#container-rgpd a:hover {
  text-decoration: underline;
}



#container-rgpd-fond {position: fixed;top:0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);z-index: 1200;display: none;}

#container-rgpd {width: 600px;height: 282px;position: fixed;top:50%;left: 50%;transform: translate(-50%,-50%);background-color: #fff;text-align: center;z-index: 1201;display: none;
-o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
  border-radius: 16px;}

.rgpd-perso-open#container-rgpd {height: 482px;}

#sscontainer-rgpd {border: solid 1px rgba(0,0,0,0.12);
    position: absolute;
    top: 9px;
    left: 9px;
    right: 9px;
    bottom: 9px;
    padding: 37px 10px 0;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
  border-radius: 10px;}
    
.rgpd-perso-open #sscontainer-rgpd {padding-top: 15px;}
    
#rgpd-part-un {margin-bottom: 20px;
-o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;}

.rgpd-perso-open #rgpd-part-un {margin-bottom: 8px;}

#container-rgpd h2 {font-size: 2em;line-height: 1.2em;color: #000;font-weight: 300;margin-bottom: 10px;
-o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;}

.rgpd-perso-open#container-rgpd h2 {margin-bottom: 1px;}

#container-rgpd p {font-size: 1.2em;line-height: 1.31em;color: #052E53;
-o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;}
    
#container-rgpd p .note {font-size: 0.8em;    line-height: 1.2em;
    display: block;
    padding-top: 6px;}
    
#container-rgpd p .note a {-o-transition: all 0s;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;}

.rgpd-perso-open#container-rgpd #rgpd-part-un p {font-size: 1em;margin-bottom: 4px;}

.rgpd-perso-open#container-rgpd #rgpd-part-un p br.amodif {display: none;}

#container-bt-rgpd-first {padding-top: 19px;
-o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;}

.rgpd-perso-open #container-bt-rgpd-first {padding-top: 3px;}

#container-rgpd button {    border: none;outline: none;
    background-color: #FC7C1C;letter-spacing: 0.05em;
    border-radius: 6px;
    color: #fff;
    padding: 11px 9px 8px;
    font-size: 1.1em;
    margin: 0 5px;
    text-transform: uppercase;
    cursor: pointer;
    -o-transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s;}
    
#container-rgpd button:focus {outline: none;}

#container-rgpd button:hover {background-color: #ff984b;}

#container-rgpd button#rgpd-perso {background-color: #052E53;}

#container-rgpd button#rgpd-perso:hover {background-color: #687d91;}

.rgpd-perso-open#container-rgpd button#rgpd-perso {opacity: 0.4;}



#container-rgpd .bt-fermer {    position: absolute;
    top: 0;
    right: 0;
  background: none !important;
  background-size: auto !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
}

#container-rgpd .bt-fermer a:focus {border: none;outline:0;}

#container-rgpd .bt-fermer a {    height: 58px;
    width: 83px;
    display: inline-block;
    background-color: #fff;
    padding: 20px 0 0 52px;}

#container-rgpd .bt-fermer span.barre {width: 23px;
    height: 3px;
    background-color: #c2c7cb;
    transform: rotate(45deg);
    display: block;
    transform-origin: top center;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;}

#container-rgpd .bt-fermer span.barre.deux {transform: rotate(-45deg);margin-top: -3px;
    margin-left: -1.5px;}

#container-rgpd .bt-fermer a:hover span.barre {transform: rotate(360deg);}


#rgpd-part-deux {    
    text-align: left;height: 0px;
    overflow: hidden;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;}
    
.rgpd-perso-open #rgpd-part-deux {height: 286px;}
    
#rgpd-part-deux ul {list-style-type: none;padding: 0;}

#rgpd-part-deux > ul {border: solid 1px rgba(0,0,0,0.12);padding: 5px 10px 7px;overflow-y: scroll;height: 244px;}

#rgpd-part-deux .cont-perso-un {float: left;width: 64%;padding-right: 10px;}

#rgpd-part-deux .cont-perso-deux {float: left;width: 36%;}

#rgpd-part-deux h3 {font-size: 1.5em;    border-bottom: solid 1px rgba(0,0,0,0.12);
    font-weight: 300;
    margin-bottom: 7px;padding-top: 15px;}
    
#rgpd-part-deux h3.first {padding-top: 0;}

#rgpd-part-deux h4 {font-size: 1.2em;    font-weight: 500;
    color: #052E53;}
    
#rgpd-part-deux h4.avec-filet {    border-top: solid 1px rgba(0,0,0,0.12);
    margin-top: 7px;
    padding-top: 4px;}

#rgpd-part-deux p {font-size: 1.03em;color: #052E53;}

#rgpd-part-deux p a,
#rgpd-part-deux p .txt-petit {font-size: 0.9em;}

#container-rgpd #rgpd-part-deux ul button {    font-size: 0.87em;
    margin: 0 0 0 6px;padding: 6px 9px 4px;opacity: 0.4;
  background-color: #052E53;}
    
#container-rgpd #rgpd-part-deux ul button:hover {
  opacity: 1;
  background-color: #ff984b;
}
    
#container-rgpd #rgpd-part-deux button.thechoice {opacity: 1;cursor: default;background-color: #052E53;}

#container-rgpd #rgpd-part-deux button.thechoice:hover {background-color: #052E53;}


#container-rgpd button#rgpd-perso-validation {float: right;
    margin: 8px 0 0 0;
    letter-spacing: 0.03em;}








.video-embed-field-responsive-video {position:static;}

.video-embed-field-responsive-video:after {
    display: none;
}

.video-embed-field-responsive-video .cookie-video-embed {position: relative;}

.video-embed-field-responsive-video .cookie-video-embed:after {
    content: '';
    display: block;
    padding-bottom: 56.25%;
}

body.sscookiesvideo-youtube .cookie-video-embed.youtube,
body.sscookiesvideo-vimeo .cookie-video-embed.vimeo {display: none;}


.lien-video-sscookies,
.lien-video-sscookies:visited {
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 12px;
  position: relative;
  padding-left: 1.3vw;
  display: inline-block;
  text-transform: uppercase;
  color: #FC7C1C;
}
.lien-video-sscookies:hover {font-weight: 700;color: #FC7C1C;}

.lien-video-sscookies:before {
  content: '';
  display: block;
  width: 0.7vw;
  height: 0.8vw;
  position: absolute;
  top: 0.3vw;
  left: 0;
  background: url(/themes/netgem/images/bt-play.svg) no-repeat center center;
  background-size: contain;
  -o-transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

.lien-video-sscookies:hover:before {left: 2px;}





/* spécifique */
@media screen and (max-width: 1050px){
  
  .lien-video-sscookies, 
  .lien-video-sscookies:visited {
      font-size: 14px;
      padding-left: 14px;
  }
  
  .lien-video-sscookies:before {
      width: 8px;
      height: 8px;
      top: 4px;
  }
  
}







@media screen and (max-width: 710px){
	#rgpd-part-deux .cont-perso-un {float: none;
    width: auto;
    padding-right: 0;
    margin-bottom: 5px;}
	#rgpd-part-deux .cont-perso-deux {float: right;width: auto;}
}

@media screen and (max-width: 675px) {
	#container-rgpd {width: 90%;}
}

@media screen and (max-width: 600px) {
	.rgpd-perso-open#container-rgpd h2 {z-index: 10;
    position: absolute;
    width: 94%;}
	.rgpd-perso-open#container-rgpd #rgpd-part-un p {padding-top: 34px;}
}

@media screen and (max-width: 600px) {
	#container-rgpd p .note br {display: none;}
}

@media screen and (max-width: 595px) {
	#container-rgpd {height: 338px;}
	#container-rgpd button#rgpd-perso {display: block;margin: 12px auto 0;}
	.rgpd-perso-open#container-rgpd {height: 528px;}
}

@media screen and (max-width: 560px) {
	.rgpd-perso-open#container-rgpd {height: 546px;}
}


#container-rgpd h2 br {display: none;}



@media screen and (max-width: 520px) {
	.rgpd-perso-open#container-rgpd h2 {line-height: 1.0em;}
	.rgpd-perso-open#container-rgpd h2 br {display: inline;}
	.rgpd-perso-open#container-rgpd #rgpd-part-un p {padding-top: 58px;}
	.rgpd-perso-open#container-rgpd {height: 570px;}
  .rgpd-perso-open#container-rgpd #container-bt-rgpd-first button {
      font-size: 1em;
      padding: 9px 9px 6px;
  }
  
}

@media screen and (max-width: 500px) {
	#container-rgpd {height: 366px;}
	.rgpd-perso-open#container-rgpd {height: 570px;}
}

@media screen and (max-width: 490px) {
	#container-rgpd {height: 398px;}
	#container-rgpd button#rgpd-perso-validation {float: none;width: 100%;}
	.rgpd-perso-open#container-rgpd {height: 496px;}
	.rgpd-perso-open #rgpd-part-deux {height: 190px;}
	#rgpd-part-deux > ul {height: 148px;}
}

@media screen and (max-width: 450px) {
	#container-rgpd button#rgpd-perso-validation {letter-spacing: 0;
    font-size: 1em;}
}

@media screen and (max-width: 420px) {
	#container-rgpd {height: 456px;}
	.rgpd-perso-open#container-rgpd {height: 558px;}
	#container-rgpd #container-bt-rgpd-first button {display: block;margin: 0 auto 10px;width: 200px;}
	#container-rgpd button#rgpd-perso-validation {font-size: 0.9em;letter-spacing: -0.02em;}
	.rgpd-perso-open#container-rgpd #container-bt-rgpd-first button {margin-bottom: 5px;}
}



@media screen and (max-width: 360px) {
  
  .rgpd-perso-open#container-rgpd {
      height: 579px;
  }
  
}




@media screen and (max-width: 351px) {
  
  #container-rgpd {
      height: 475px;
  }
  
}






body.sans-addtoany .bt-partage-resp {
  display: none !important;
}



body.sans-twitter .twitter-timeline {
  display: none !important;
}

body.sans-twitter .cont-pave-twitter {
    height: 25vw;
}

body.sans-twitter .container-timeline {
  padding-top: 3vw;
}



@media screen and (max-width: 880px) {
  
  body.sans-twitter .cont-pave-twitter {
      height: 30vw;
  }
  
}



@media screen and (max-width: 540px) {
  
  body.sans-twitter .cont-pave-twitter {
      height: 51vw;
  }
  
}