@font-face {
  font-family: "OpenSans";
  src: url(https://pretregion.auvergnerhonealpes.fr/wp-content/uploads/sites/10/2022/12/OpenSans-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "OpenSansBold";
  src: url(https://pretregion.auvergnerhonealpes.fr/wp-content/uploads/sites/10/2022/12/OpenSans-Bold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}



@font-face{
	font-family:Graphik;
	src:local("Graphik Web"),
	url(https://pretregion.auvergnerhonealpes.fr/wp-content/uploads/sites/10/2026/06/Graphik-Bold-Web.woff2) format("woff2"),
	url(https://pretregion.auvergnerhonealpes.fr/wp-content/uploads/sites/10/2026/06/Graphik-Bold-Web.woff) format("woff");
	font-weight:700;font-style:normal;
}

@font-face{font-family:Graphik;
	src:local("Graphik LC Web"),
	url(https://pretregion.auvergnerhonealpes.fr/wp-content/uploads/sites/10/2026/06/Graphik-Regular-Web.woff2) format("woff2"),
	url(https://pretregion.auvergnerhonealpes.fr/wp-content/uploads/sites/10/2026/06/Graphik-Regular-Web.woff) format("woff");
	font-weight:400;font-style:normal;
}

 /* /AURA_fichiers/font/ */
body {margin:0px;padding:0px;font-family: OpenSans;}

.main {
  width: 1024px;
  margin: auto;
}

.logos {padding-top:15px;
	padding-bottom:5px;
	text-align:center;}
.logoaura {float:left;margin-left:45px;}
.logobpifrance {float:right;margin-right:45px;}

.baselinelogo {
    clear: both;
    font-size: 2.5rem;
    line-height: 2.2rem;
    width: 80%;
    margin: auto;
    padding-top: 10px;
    margin-bottom: 10px;
    color:#0096DE;
}

	.mainRelance{width:100%;display:inline-block;margin-left:5px}
	.mainEnergie{width:100%;display:inline-block;margin-right:5px;}
	.mainIndustrie{width:100%;display:inline-block;margin-right:5px;}
	
	.visuelProduit {width:500px;}
.titre {background-color:#353D4D;
	padding-top:15px;padding-bottom:10px;
	color:#FFFFFF;
	text-align:center;
	font-size:1.6rem;
	text-align:top;}
.arialblack {display:inline-block;font-family:'Arial Black';font-weight:800;font-size:1.6rem;letter-spacing: +1px;
	}

.separateur {display:inline-block;width:1px;height:20px;background-color:#FFFFFF;
	margin-left:15px;
	margin-right:15px;
}
.titreniv2 {display:inline-block;line-height:5px}

.teaser{color:#0096DE;text-align:center;}
.mainEnergie .teaser {color:#353D4D}
.mainIndustrie .teaser {color:#353D4D}
.teaser H1 {font-size:1.65rem;line-height:1.8rem;}
H3 {font-size:1.5rem;font-weight:800;color:#0096DE;text-align:center;
	margin-top:10px;margin-bottom:0px;padding-bottom:0px;
	}
.mainEnergie H3{color:#353D4D}
.mainIndustrie H3{color:#353D4D}
.bloque {display:inline-block;width:160px;font-weight:800;color:#000000;font-size:0.85rem;}
.bloque img {margin-bottom:5px}

.textechoix{color:#000000;font-size:1.1rem}

.interesse{clear:both;background-color:#F5F5F5;
	width:500px;
	margin:auto;
	margin-top:10px;margin-bottom:15px;
	padding-top:5px;padding-bottom:5px;
	text-align:center;
	}

.presentation {font-size:1rem;
	padding-right:30px
	height:200px;
	}
.presentation H2 {color:#029cdd;font-size:1.8rem}
.visuelP{float:left;
	margin-right:50px}

.corps {clear:both;
	padding-top:20px;
	width:100%;
	margin:auto;
	font-family:Graphik;font-size:1rem;font-weight: 400;line-height: 1.2rem;
	}
	
.titrecoprs{background-color:#353D4D;color:#FFFFFF;
	font-family:Graphik;font-weight: 700;
	height:93px;
	font-size:1.25rem;
	padding-left:40px;
	line-height:6rem;}
.visueltitrecorps{float:right;}
	
ul {margin:0px;background-color: #0096DE;color: #FFFFFF;
	padding:35px 40px 15px 40px;
	font-family:Arial;
	}
	
.mainEnergie ul {background-color: #353D4D}
.mainIndustrie ul {background-color: #353D4D}
li {list-style: none;
	padding:3px 0px 10px 20px;
	margin-bottom:10px;
	}
.titreLI {font-weight:600;font-size:1.2rem;}
.detailLI {margin:0px 0px 0px 0px;padding:10px 0px 0px 10px;
	
	font-family:Graphik;font-size:1rem;font-weight: 400;line-height: 1.2rem;
	}
.info {clear:both;
	padding-top:30px;
	width:780px;
	margin:auto;
	}
.modalite {width:400px;float:left;}
.modalite ul {margin:0px;background-color:#FFFFFF;color:#000000;
	padding:0px 0px 20px 0px;
	}
.modalite li{
	font-size:1rem;
	font-family:OpenSans;
	margin-bottom:5px;}
.complement {width:280px;
	float:right;
	margin-bottom:25px;}

.info H3 {color:#0096DE;
	font-size:1.6rem;
	line-height:1.8rem;
	margin-bottom:10px;}
	
.footer {clear:both;text-align:center;line-height:2rem;
	margin-bottom:20px}


.logofooter {float:right;}


.titrereseau {display:inline-block;font-weight:800;
	font-size:0.9rem;
	}

.logoreseau {vertical-align:middle;margin-bottom:5px;margin-left:5px;margin-right:5px;}

.infocomplemetaires{margin:auto;margin-bottom:30px;padding:20px;
	background-color:#0096DE;color:#FFFFFF;
	}

.mentions {color:#8f919b;font-size:0.75rem;}
.mentions A {color:#8f919b;text-decoration:none;}

	.bouton {
  font-family: OpenSansBold;
  display: inline-block;
  color: #fff;
  background-color: #0096DE;
  border-radius: 10px;
  font-weight: 700;
  font-size: 0.7rem;
  line-height: 0.8rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 0.8rem 1.3rem;
  margin: auto;
  margin: 10px 7px 0px 7px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.2);
}

.bouton:hover {
  background-color: #2a83d3;
}
.mainEnergie .bouton{background-color:#353D4D;font-size: 0.8rem;}
.mainEnergie .bouton:hover {
  background-color: #535F77;
}
ul.ui-menu {width:300px !important;
	margin:0px;
	padding:2px 0px  10px  10px !important;
	position:absolute !important;
	z-index:1000;
	}
.ui-menu li{list-style: disc;background:none;
	padding:3px 0px 0px 0px;
	margin:0px;
	font-size:0.8rem}
	
.ui-autocomplete {position:absolute !important;}

.modaleligible {font-family: OpenSansBold;color:#000000;font-size:1rem;notdisplay:block !important;}
.modaleligible .modal-dialog {margin: 200px auto;}
@media screen and (min-device-height: 1080px) {
	.modaleligible .modal-dialog {margin: 400px auto;} 
	}


.titreeli {color:#000000;font-size:1rem;
	font-family: OpenSans;
	padding:10px 10px 20px 10px;
	text-align:center;}
	
.ko {display:none;
	color:#000000;font-size:1rem;
	font-family: OpenSans;
	padding:30px 20px 20px 20px;}
.ok {display:none;text-align:center;padding-top: 25px;padding-bottom:15px;}
.boutonmodal {font-size:1.2rem !important;
	margin:auto;
	line-height:1.35rem;
	margin-left:8px;margin-right:8px;
	padding: 1.2rem 2rem;}