@charset "utf-8";

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

/*Style du bandeau de menu*/
#bandeau{
	position:absolute;
	background:url(../images/fond_bandeau_as3.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 #C1C0D8;
	background-color:#F2F2F2;
	border-radius: 2px 10px 2px 10px;
}
.Mode2{
	margin-left:18px;
	margin-right:12px;
	min-width:147px;
}
.Mode3{
	border:solid 2px #C1C0D8;
	background-color:#F2F2F2;
	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:#F2F2F2;
}
.Icone1{
	margin-right:7px;
	border-radius: 10px 10px 10px 10px;
}
.Icone2{
	border:solid 2px #C1C0D8;
	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 #C1C0D8;
	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 #C1C0D8;
}
#angle2{
	top:1px;
	left:2px;
	height:10px;
	border-left:solid 1px #2A0000;
}
#angle3{
	top:11px;
	left:1px;
	width:14px;
	border-bottom:solid 2px #C1C0D8;

}
#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 AS*/
.suboption{
	position:relative;
	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 #C1C0D8;
  background-color: #FFFFFF;
}

/* 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: #F2F2F2;
}

/* 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 #000000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.subcheck:disabled ~ .chbtrue{
	opacity:0.4;
}
#tutoption:hover .subcheck ~ .chbtrue {
  background-color: #eee;
}
#massoptiontext:hover .subcheck ~ .chbtrue {
  background-color: #eee;
}
#massoptionatlas:hover .subcheck ~ .chbtrue {
  background-color: #eee;
}


.sep1{
	display:inline-block;
	margin-left:10px;
	border-left:solid 2px #C1C0D8;
	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;
}*/

#tutoriel{
	font-style:italic;
	color:#314694;
	opacity:0.4;
}
.massocies{
	opacity:0.4;
}

#AnnonceASTitle{
	position:fixed;
	/*visibility:hidden;*/
	top:5px;
	right:120px;
	background-color:#FFFFFF;
	border:3px solid #C1C0D8;
	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;
	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;*/
}
#AnnonceASTitle:hover{
	background-color:#F2F2F2;
}
#AnnonceASTitleText{
	position:relative;
	display:inline-block;
	top:-2px;
}
#AnnonceASTitle:hover #AnnonceASTitleIcone{
	background:url(../images/icone_annonce_AS1.svg) no-repeat center center;
}
#AnnonceASTitleIcone{
	position:relative;
	display:inline-block;
	top:3px;
	width:25px;
	height:25px;
	background:url(../images/icone_annonce_AS0.svg) no-repeat center center;
}
#AnnonceASBack{
	position:absolute;
	display:none;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#000;
	opacity:0.7;
	z-index:100;
}
#AnnonceAS{
	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 #C1C0D8;
	border-radius:20px;
	overflow:auto;
	font-family:"Times New Roman", Times, serif;
	z-index:100;
}
#AnnonceASText{
	padding:20px;
}
#AnnonceASText h2{
	padding-left:35px;
}
#AnnonceASClose{
	position:fixed;
	top:65px;
	right:70px;
	width:30px;
	height:30px;
	/*border:solid;*/
	cursor:pointer;
}
.ButtonAS{
	position:absolute;
	
}
#ButtonAS1{
	position:absolute;
	left:-1px;
	top:14px;
	width:30px;
	border:1px solid #C1C0D8;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
  	transform: rotate(45deg);
}
#ButtonAS2{
	position:absolute;
	left:14px;
	top:-1px;
	height:30px;
	border:1px solid #C1C0D8;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
  	transform: rotate(45deg);
}


#motencours{
	position:absolute;
	bottom:2px;
	margin-left:600px;
}
.motsrecherches1{
	color:#D81A1A;
	text-shadow:0px 0px 1px #D81A1A;
	-webkit-text-shadow:0px 0px 1px #D81A1A;
	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 #314694;
	-webkit-text-shadow:0px 0px 1px #314694;
	margin-right:30px;
	font-family:"Times New Roman", Times, serif;
}
.motsrecherches2{
	color:#A10684;
	text-shadow:0px 0px 1px #A10684;
	-webkit-text-shadow:0px 0px 1px #A10684;
	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 #3F8E3F;
	-webkit-text-shadow:0px 0px 1px #3F8E3F;
	margin-right:30px;
	font-family:"Times New Roman", Times, serif;
}


#contentframe{
	width:100%;
	border-top:solid 3px #C1C0D8;
	border-bottom:solid 3px #C1C0D8;
	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 #C1C0D8;
	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 #C1C0D8;
	display:inline-block;
	width:calc(50% - 3px);
	width:-webkit-calc(50% - 3px);
}