@font-face {
	font-family: "Lato";
	src: url('fonts/Lato-Regular.ttf');
}
@font-face {
	font-family: "Lato";
	font-style: italic;
	src: url('fonts/Lato-Italic.ttf');
}
@font-face {
	font-family: "Lato";
	font-weight: bold;
	src: url('fonts/Lato-Bold.ttf');
}



body, p, h1, h2, h3, h4, h5, h6, li, ul{ margin:0; padding:0; font-family:"Lato", Arial, Helvetica, sans-serif; font-size: 16px;  color:#666;}

h1{ font-size:30px;  color:#FCB731; line-height: 2em} 
h2{ font-size:24px;  color:#02485d; line-height: 2em}
p{  color:#666; line-height: 1.4em}

#petit_bandeau{ background-color:#02485d;  }
#petit_bandeau h1{ color:#FCB731; font-size:35px; text-align: center; font-weight: normal}
.largeur{ max-width:1080px; margin: 0 auto; padding: 30px 20px }

.innercontent p{ margin: 10px 0}

#top1{max-width: 1080px; margin: 30px auto; padding: 0 20px }
#top1 a{color: #fff; text-decoration:none;}

/*#hmenu{max-width: 1080px; margin: 10px auto;  padding: 5px 0; text-align:center; }*/
#hmenu a{ display:inline-block; font-size:16px; font-weight:bold; margin: 0 15px; text-decoration:none; padding: 3px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color: rgba(0,0,0,.6);}
#hmenu a:hover{ opacity: 0.7}

.content a{ color:#3da5c4; }

.content { margin: 0 auto; max-width:1080px; padding: 30px 20px }

.btn-primary{border-radius: 3px; background-color: #02485d; color: #fff; border: none; padding: 10px 15px; font-weight: bold; letter-spacing: 1px; font-size: 18px; margin-top: 20px}


form {
    display: block;
   /* margin-top: 1em;*/
}

*, ::after, ::before {
    box-sizing: border-box;
} 

.form-group {
    margin-bottom: 1rem;
}
.form-row{
	
	display:flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px
}
.form-row>.col, .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-check-label {
    margin-bottom: 0;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}

.form-row>[class*=col-md-3] {
    padding-left: 25px;
}
.col-md-6{  flex: 0 0 50%; max-width: 50%; position: relative; }

.col-md-3{  flex: 0 0 25%; max-width: 25%; position: relative; }

button, input {
    overflow: visible;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}



.form-control {
    display: block;
    width: 100%;
  /*  height: 38px;/*calc(1.5em + .75rem + 2px);*/
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.votre_profil{ background-color: #f2f2f2 }
#coordonnees{ background-color: #f2f2f2 }
#securite{ background-color: #f2f2f2 }

#upload_area{ text-align:center; color: #FF0004;}


.parcourir{ }

.upload {
	position:relative;
	width:270px;
}
.realupload {
	position:absolute;
	top:0;
	right:0;

	/* start of transparency styles */
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	/* end of transparency styles */

	z-index:2; /* bring the real upload interactivity up front */
	width:270px;
}
.fakeupload {
	background:url('/img/slices/bestand_zoeken.png') no-repeat 115% 40%;
	/*z-index:1;*/
}
/*.innercontent form .fakeupload {
	background:url('/img/slices/bestand_zoeken.png') no-repeat 100% 50%;
	z-index:1;
}*/
form .fakeupload input {
	width:130px;
}




#bottom{ font-size:12px; color:#fff; background-color: #02485d }
#bottom a{  color:#fff; }



.langbut { display:inline-block; font-size:10px; font-weight:bold; color:#FFF; background:#008bd6; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:solid 2px #fff; -moz-box-shadow: 3px 3px 3px #bbbbbb; -webkit-box-shadow: 3px 3px 3px #bbbbbb; box-shadow: 3px 3px 3px #bbbbbb; padding: 3px 5px; text-decoration:none; }
.langbut:hover{ background:#f3af24;}


.formitem_2{background-color:#248ad7; border:none;font-family:Arial, Helvetica, sans-serif; padding:7px 30px; color:#FFF;-moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; font-size:12px;}


.txt_red{ color:#F00;}
.hsep1{ background:url(/img/slices/sep_couleur.gif) left center repeat; display:block; margin:10px 0; height:8px}