@import url('https://fonts.googleapis.com/css?family=Ubuntu|Asap|Source+Sans+Pro');

html {
	height: 100%;
}
body {
	height: 100%;
	/*background-image: url(/skins/adetop/img/bg.jpg); 
	background:#0060A8;  */
	background:#FFFFFF;
	display: block;/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    font-family: 'Ubuntu', sans-serif;
	color: #212C56;
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.content-central {
		background:rgba(255, 255, 204, 1);

		/*background:rgba(255,255,255, 0.5); */
	}
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.content-central {
        background:rgba(255, 255, 204, 1);
		/*background:rgba(255,255,255, 0.5); */
	}
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.content-central {
		background:rgba(255, 255, 204, 1);
	}
}
.container {
    /*max-width: 1000px !important; */
}
a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}

h1 {
	color: #212C56;
	margin-top: 2rem;
	margin-bottom: 0.5rem;
	font-size: 2.0rem;
	font-weight: 900;
}

h1.titrePage {
	color: #0060A8;
	font-weight: 900;
	margin-top: 0;
}
h2 {
	color: #212C56;
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	font-weight: 700;
}

h3 {
	color: #212C56;
	margin-top: 0.8rem;
	margin-bottom: 0.5rem;
	font-size: 1.2rem;
	font-weight: 600;
}
h3 a {
	color: #212C56;
	text-decoration: none;
}
h3 a:hover {
	color: #212C56;
	text-decoration: underline;
}
form {
	color: #000000;
}
.form-control {
	/* background-color: #FFFFCC; */
}
.btn {
	margin: 0;
}
.btn-normal {
	background-color: #0060A8;
	color: #FFFFFF;
	font-weight: 700;
}
.titreSommetDePage {
	color: #0060A8;
	font-weight: 900;
	text-align: left;
}

.main-home {
    background-size: 100% auto;
    position: relative;
}

.main-home .blason {
	float:left;
	width: 12%;
	margin-right: 6px;
}

.main {
	background-size: 100% auto;
}
.bandeauTop {
    background-color: #FFFFFF;
    position: relative;
    /*border-top: 2px solid #0060A8 */
    padding-top: 20px;
}
.bandeauSlide {
    background-color: #FFFFFF;
    position: relative;
}
.main-home .logo {
	position: absolute;
	bottom: 30px;
	right: 30px;
}
.bandeauTop .logo {
	align-content: center;
}
.bandeauTop .logo img {
	margin-top: 10px;
	margin-left: 10px;
	/*margin-bottom: 10px; */
	max-width: 100%;
	padding-left: 10px;
}
.corps .floatRight {
	float: right;
	/*width: 40%;*/
    padding-left: 15px;
}
.corps .floatLeft {
	float: left;
	/*width: 40%;*/
    padding-right: 15px;
}
.content-central {
	font-size: 1rem;
	/*margin-top: 1rem; */
	background-color: #FFFFFF;
    background-size: 50% auto;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
    /*margin-bottom: 1rem; */
}
hr {
    border: 0;
  	border-top: 1px solid #F7931E;
}
.form-check-input {
	margin-left:0px !important;
}
.pad20 {
	margin-left:20px;
}
.bloc-normal {
	color: #212C56;
	text-align: left;
	padding: 0 20px 20px 20px;
}
.corps .floatRight {
	float: right;
	/*width: 40%;*/
    padding-left: 15px;
}
#position {
	display: none;	
	height: 80px;
}
.fixed {
	position:fixed;
	top:0;
	z-index: 100;
	opacity: 1;	
	max-width: 1140px !important;
}
.stopNav {
	
}
.navbar {
	padding: 0;
	margin: auto; 
	text-align: center !important;
	align-items: center !important;
	align-content: center !important;
	/* overflow: hidden;*/
}
.navbar-light .navbar-nav .nav-link {
    color: #FFFFFF;
    font-size: 0.8rem;
    margin-right: 1rem;
}
.sitenav {
	/*  background-color: #0060A8; */
	background-image: url("/skins/vetosteo/img/head-courbe2.png");
	margin: auto !important;
	text-align: center !important;
	 padding: 38px 0px 0px 0px !important; 
}
.sitenavPhone {
	background-color: #212C56; 
	/*  background-image: url("/skins/vetosteo/img/head-courbe2.png"); */
	margin: auto !important;
	text-align: center !important;
	padding: 0px 0px 0px 25px !important; 
	text-align: center;
	margin: auto;
}
.navbar-toggler-icon {
	color: #0060A8;
}
.navbar-toggler {
	background-color: #0060A8;
	color:#ffffcc;
}
.dropdown-toggle::after {
	display: none;
}
.navbar-light .navbar-toggler {
	color: rgba(255, 255, 204, 1);
	/*border-color: rgb(255, 204, 51); */
	margin: 2px 2px 2px 0;
}
.navTop
{
	color: #FFFFFF   !important;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8rem;
	display: block;
	min-width:100% !important;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 6px;
	text-indent: 12px;
	text-decoration: none;
	padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
}
*:not(.navTop){
  box-sizing : border-box;
}

.navTopActive, .navTop:hover {
	color: #FFFFFF !important;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8rem;
	display: block;
	min-width:100% !important;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 6px;
	text-indent: 12px;
	text-decoration: none;
	padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
}
.navbar-nav {
	/*width: 100%; */
	margin: auto !important;
	text-align: center !important;
}
.dropdown-menu {
	/*background-color: #FFCC33 !important; */
	border-radius: 0;
	background-color: #212C56 !important;
	border-left: 1px solid #212C56 ;
	border-bottom: 1px solid #212C56;
	border-right: none;
	border-top: none;
	color: #FFFFFF;
	margin: .05 !important;
}
.dropdown-item {
	font-size: 1rem;
	color: #FFFFFF;
	font-weight: 700;
	padding-left: 16px !important;
}
.nav-link .dropdown-item {
	padding-left: 100px;
}
/*
.dropdown:hover>.dropdown-menu {
  display: block;
}
/* ###################  FIN ...  JR NAV PRI - début JR pour Slogan ################### */
.adresse {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.05rem;
	color: #063;
	font-weight: bold;
	float:  none !important;
	text-align: right;
}
.adresse_rouge {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.05rem;
	color: #900;
	font-weight: bold;
	float: none !important;
	text-align: right;
}
/* ###################  FIN ...  JR pour Slogan ################### */
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.headBarre {
	font-size: 0.8rem;
	/*background-image: url("/skins/vetosteo/img/head-courbe2.png"); */
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 1px;
}
.footer {
	font-size: 0.8rem;
	/*background-color: #FFCC33; */
	color: #c8c5c5 !important;
	/*border-top: 2px solid #0060A8; */
	margin-bottom: 20px;
	padding: 15px 0 0 0 ;
}
.footer a {
	color:  #c8c5c5;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
.footerAdresse {
	font-size: 0.8rem;
	background-image: url("/skins/vetosteo/img/footer.jpg");
	background-repeat: no-repeat;
	color: #FFFFFF !important;
	padding: 30px 20px 20px 20px;
	text-align: right !important;
}
.blocDroite {
	border-left: 2px solid #0060A8;
	border-bottom: 2px solid #0060A8;
	border-radius: 20px;
	margin: 2.5rem 0.3rem 0.5rem 0.3rem;
}
.blocDroite h1 {
	color: #0060A8;
	margin-top: 0.7rem;
	margin-bottom: 0.5rem;
	font-size: 1.3rem;
	font-weight: 700;
}
.slide{
	margin: 0px;
	width: 100%;
}
.active {
    background-color: #212C56 !important;
}
.carousel li {
	background-color: #0060A8;
}
.carousel .active li {
	background-color: #990000;
}
.carousel{
	margin: 0px;
	width: 100%;
}
.carousel-inner {
	margin:0 !important;
}
.carousel-inner img {
      width: 100%;
      height: 100%;
  }
.carousel-item {
	width: 100%;
}
.carousel-indicators li .activ:{
	background-color: #990000;
}
.center {
	text-align: center;
}
.padTop10 {
	padding-top: 10px;
}
.padTop20 {
	padding-top: 20px;
}
.padTop30 {
	padding-top: 30px;
}
.padBot20 {
	padding-bottom: 20px;
}
.margBot20 {
	margin-bottom: 20px;
}
.margBot30 {
	margin-bottom: 30px;
}
.margTop20 {
	margin-top: 20px;
}
.photo img {
	border-bottom: 3px solid #212C56;
	border-left: 3px solid #212C56;
	/*border-right: 3px solid #0060A8; */
	border-radius: 20px;
}
.blocDroite img {
	margin-top:10px;
	border-radius: 20px;
}