@charset "utf-8";

body{
overflow:hidden;
min-width:1024px;
}

/*Style du bandeau de menu*/
#bandeau{
	position:absolute;
	background:url(../../images/GDN_img/fond_bandeau_asGDN.svg) center;
	font-family:"Times New Roman", Times, serif;
	background-size:cover;
	width:100%;
	height:120px;
	white-space:nowrap;
	cursor:default;
	display:inline;
}

/*Style du bandeau de modes*/
#Modes{
	position:absolute;
	left:120px;
	top:10px;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	font-weight:bold;
	height:30px;
}

.Modeschoice{
	position:relative;
	left:0px;
	top:0px;
	display:inline-block;
	height:25px;
	vertical-align:top;
	line-height:25px;
	font-family:"Times New Roman", Times, serif;
}
#Modeencours{
	/*min-width:150px;*/
	margin-right:15px;
}
#mode3{
	min-width:170px;
}
.Mode1{
	border:solid 2px #8686B7;
	background-color:#FFFFFF;
	border-radius: 2px 10px 2px 10px;
}
.Mode2{
	margin-left:18px;
	margin-right:12px;
	min-width:147px;
}
.Mode3{
	border:solid 2px #8686B7;
	background-color:#FFFFFF;
	border-radius: 2px 10px 2px 10px;
	margin-left:18px;
	margin-right:8px;
}

.modename{
	position:absolute;
	left:34px;
}
.modename2{
	position:absolute;
	top:2px;
	left:34px;
}
.modename3{
	position:absolute;
	top:0px;
	left:32px;
}

.Iconemodes{
	position:absolute;
	width:25px;
	height:25px;
	background-color:#FFFFFF;
}
.Icone1{
	margin-right:7px;
	border-radius: 10px 10px 10px 10px;
}
.Icone2{
	border:solid 2px #8686B7;
	margin-right:5px;
	border-radius: 2px 10px 2px 10px;
}

.Separateurs{
	position:relative;
	left:0px;
	top:0px;
	display:inline-block;
	vertical-align:top;
}
.separateur1{
	position:absolute;
	top:0px;
	left:0px;
	border:solid 1px #8686B7;
	height:26px;
	width:0px;
}
.separateur2{
	position:absolute;
	top:2px;
	left:2px;
	border-right:solid 1px #000;
	height:27px;
	width:0px;
}


#allsubmenubandeau{
	 font-weight:bold;
	 position:absolute;
	 margin-left:133px;
	 top:43px;
}
.angle{
	position:absolute;
}
#angle1{
	top:0px;
	left:0px;
	height:13px;
	border-left:solid 2px #8686B7;
}
#angle2{
	top:1px;
	left:2px;
	height:10px;
	border-left:solid 1px #2A0000;
}
#angle3{
	top:11px;
	left:1px;
	width:14px;
	border-bottom:solid 2px #8686B7;

}
#angle4{
	top:13px;
	left:2px;
	width:14px;
	border-bottom:solid 1px #2A0000;
}

#submenubandeau{
	position:relative;
	top:4px;
	left:20px;
	white-space:nowrap;
	border-spacing:0px;
}
#requete1{
	color:#D81A1A;
}
#requete2{
	color:#A10684;
}
/*checkbox pour GDN*/
.suboption{
	position:relative;
	display:inline-block;
	padding-right:8px;
	-webkit-user-select: none;
 	-moz-user-select: none;
	-ms-user-select: none;
 	user-select: none;
}

.submodename{
	position:relative;
	margin-right:5px;
	margin-left:20px;
	font-weight:bold;
	line-height:14px;
}

/* Hide the browser's default checkbox */
.suboption .subcheck {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 16px;
  width: 100%;
  z-index:1;
  margin:0px;
}

/* Create a custom checkbox */
.chbtrue {
  position: absolute;
  height: 14px;
  width: 14px;
  border:solid 1px #8686B7;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.suboption:hover .subcheck ~ .chbtrue {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.suboption .subcheck:checked ~ .chbtrue {
  background-color: #FFF;
}

/* Create the checkmark/indicator (hidden when not checked) */
.chbtrue::after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.suboption .subcheck:checked ~ .chbtrue::after {
  display: block;
}

/* Style the checkmark/indicator */
.suboption .chbtrue::after {
  left: 4px;
  top: 0px;
  width: 4px;
  height: 9px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.sep1{
	display:inline-block;
	margin-left:10px;
	border-left:solid 2px #8686B7;
	height:29px;
}
.sep2{
	display:inline-block;
	margin-right:15px;
	border-left:solid 1px;
	height:28px;
}

/*input[type="checkbox"]{
	vertical-align:middle;
	margin-bottom:2px;
	margin-left:5px;
	margin-right:5px;
}*/
.submodename{
	margin-right:5px;
}

#tutoriel{
	font-style:italic;
	color:#314694;
	opacity:0.4;
}
#tutoption .chbtrue{
	opacity:0.4;
}
#tutoption:hover .subcheck ~ .chbtrue {
  background-color: #eee;
}

.massocies{
	opacity:0.4;
}


#AnnonceGDNTitle{
	position:fixed;
	visibility:hidden;
	top:5px;
	right:120px;
	background-color:#8686B7;
	border:3px solid #8686B7;
	border-radius:20px 20px 20px 20px;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	font-family:"Times New Roman", Times, serif;/*
	font-family:Tahoma, Geneva, sans-serif;*/
	font-size:22px;
	/*font-weight:bold;*/
	text-shadow:0px 0px 1px;
	color:#FFFFFF;
	z-index:1;
	vertical-align:middle;
	cursor:pointer;
	/*-webkit-transition: color 6s, border 6s, background-color 6s;
  	-webkit-transition-delay: 0s;
  	transition: color 6s, border 6s, background-color 6s;
  	transition-delay: 0s;*/
}
#AnnonceGDNTitle:hover{
	background:#FFFFFF;
	border:3px solid #8686B7;
	color:#000000;
}
#AnnonceGDNTitleText{
	position:relative;
	display:inline-block;
	top:-2px;
}
#AnnonceGDNTitle:hover #AnnonceGDNTitleIcone{
	background:url(../../images/GDN_img/icone_annonce_GDN1.svg) no-repeat center center;
}
#AnnonceGDNTitleIcone{
	position:relative;
	display:inline-block;
	top:3px;
	width:25px;
	height:25px;
	background:url(../../images/GDN_img/icone_annonce_GDN0.svg) no-repeat center center;
}
#AnnonceGDNBack{
	position:absolute;
	display:none;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#000;
	opacity:0.7;
	z-index:100;
}
#AnnonceGDN{
	position:absolute;
	display:none;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:50px;
	background:url(../../images/fond_pages_as.svg) no-repeat center center fixed;
	background-size:cover;
	border:3px solid #8686B7;
	border-radius:20px;
	overflow:auto;
	font:"Times New Roman", Times, serif;
	z-index:100;
}
#AnnonceGDNText{
	padding:20px;
}
#AnnonceGDNText h2{
	padding-left:35px;
}
#AnnonceGDNClose{
	position:fixed;
	top:65px;
	right:70px;
	width:30px;
	height:30px;
	/*border:solid;*/
	cursor:pointer;
}
.ButtonGDN{
	position:absolute;
	
}
#ButtonGDN1{
	position:absolute;
	left:-1px;
	top:14px;
	width:30px;
	border:1px solid #8686B7;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
  	transform: rotate(45deg);
}
#ButtonGDN2{
	position:absolute;
	left:14px;
	top:-1px;
	height:30px;
	border:1px solid #8686B7;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
  	transform: rotate(45deg);
}


#motencours{
	position:absolute;
	bottom:2px;
	margin-left:700px;
}
.motsrecherches1{
	color:#D81A1A;
	text-shadow:0px 0px 1px;
	-webkit-text-shadow:0px 0px 1px;
	font-size:32px;
	line-height:24px;
	width:auto;
	margin-right:30px;
	font-family:"Times New Roman", Times, serif;
}
.etiquettes1{
	color:#314694;
	text-shadow:0px 0px 1px;
	-webkit-text-shadow:0px 0px 1px;
	margin-right:30px;
	font-family:"Times New Roman", Times, serif;
}
.motsrecherches2{
	color:#A10684;
	text-shadow:0px 0px 1px;
	-webkit-text-shadow:0px 0px 1px;
	font-size:32px;
	line-height:24px;
	width:auto;
	margin-right:30px;
	font-family:"Times New Roman", Times, serif;
}
.etiquettes2{
	color:#3F8E3F;
	text-shadow:0px 0px 1px;
	-webkit-text-shadow:0px 0px 1px;
	margin-right:30px;
	font-family:"Times New Roman", Times, serif;
}


#contentframe{
	width:100%;
	border-top:solid 3px #8686B7;
	border-bottom:solid 3px #8686B7;
	white-space:nowrap;
	display:inline-block;
	overflow:hidden;
	margin-top:120px;
}


.textframe1{
	float:left;
	height:inherit;
	border:none;
	display:block;
	width:inherit;
}

.secondframe1{
	float:left;
	height:inherit;
	border-left:solid 2px #8686B7;
	border-top:none;
	border-bottom:none;
	border-right:none;
	display:none;
	overflow:hidden;
}
.secondframe2{
	float:left;
	height:inherit;
	border:none;
	display:block;
	overflow:hidden;
}

.atlasframe1{
	float:left;
	height:inherit;
	border:none;
	display:block;
	width:inherit;
}

.compareframe11{
	height:inherit;
	border:none;
	display:inline-block;
	width:calc(50% - 3px);
	width:-webkit-calc(50% - 3px);
}
.compareframe21{
	height:inherit;
	border:none;
	border-left: double 6px #8686B7;
	display:inline-block;
	width:calc(50% - 3px);
	width:-webkit-calc(50% - 3px);
}