/* CORPS DE PAGE */
body {
	
	margin:0;
	position: relative;
}

*{
	box-sizing: border-box;
}

/* MENU DE NAVIGATION */
header {
	position: fixed;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index:10;
	background-color: black;
}

.logopremier{
	height:75px;
}

header ~ * {
	z-index:1;
}

.menu {
	width: 100%;
	height: 75px;
	text-align: right;
	margin: 0;
	/*padding-left: 630px;*/
}

.menu > li {
	list-style: none;
	display: inline;
}

.menu > li > a {
	position: relative;
	top: 27.5px;
	color: white;
	text-decoration: none;
	padding: 20px;
	font-size: 20px;
	font-family: sans-serif;
}

ul {
	/*display: flex;
	justify-content: flex-end;*/
}

/* PREMIERE PARTIE DE LA BALISE SECTION */

/* DEUXIEME PARTIE DE LA BALISE SECTION */

/* TROISIEME PARTIE DE LA BALISE SECTION */
.container.organi {
	display: flex;
	justify-content: space-around;
	align-items:flex-start;
}

.organigramme {
	width: 40%;	
}

/* QUATRIEME PARTIE DE LA BALISE SECTION */
.container > * {	
	align-items: flex-start;
}

/* LES 4 PARTIES DE LA BALISE SECTION */
.container {
	margin-bottom: 70px;
}

.logo {
	width: 40%;	
}

/* LA TROISIEME ET QUATRIEME PARTIE DE LA BALISE SECTION */
.container span {
	width: 40%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 25px;
}

/* BAS DE PAGE */
footer {
	clear: both;
	display: flex;
	justify-content: flex-end;
	size: 15px;
}

/* DES DETAILS */
.titrebleu {
	color: rgba(0,88,151,1);
	font-family: sans-serif;
	text-align: center;
}

.modiff {
	text-align: center;
}
section.main{
	padding: 130px 30px 0 30px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

section hr {
	margin-bottom: 75px;
	border: 0;
	color: black;
	height: 1px;
	background-color: black;
	width: 100%;
}

.logopremier {
	/*width: 30%;
 	display: flex;
  	flex-direction: column;
	padding: 90px 30px 0 30px;
	justify-content: space-around;
	align-items: center;*/
}

.rese {
	width: 30%;
	display: flex;
	justify-content: flex-start;

}

/*header {
  position: fixed;
} */



@media screen and (max-width:640px){
	.container {
		flex-wrap:wrap;
	}

	.container > span{
 		width:100%;
 	}

}

.organisationrs_container {
	display: flex;
	justify-content: space-around;
}

.organisationrs_container article {
	width: 25%;
}

.organisationrs_container article input.rs {
	width: 100%;
	margin-bottom: 50px;
}

.organisationrs_container article img {
	width: 100%;
}

@media screen and (max-width:665px){

 	.menu > li > a {
		font-size: 14px;
	}
}

@media screen and (max-width:540px){

 	.menu > li > a {
		font-size: 12px;
	}
}

@media screen and (max-width:490px){

 	.menu > li > a {
		font-size: 11px;
	}
}

@media screen and (max-width:470px){

 	.menu > li > a {
		font-size: 10px;
	}
}

@media screen and (max-width:445px){

 	.menu > li > a {
		font-size: 9px;
	}
}

@media screen and (max-width:420px){

 	.menu > li > a {
		font-size: 8px;
		top: 15px;
	}
	.menu {
	height: 50px;
	}
}

@media screen and (max-width:400px){

 	.menu > li > a {
		font-size: 7px;
		top: 12px;
	}
	.menu {
	height: 45px;
	}
}

@media screen and (max-width:375px){

 	.menu > li > a {
		font-size: 6px;
		top: 10px;
	}
	.menu {
	height: 40px;
	}
}

@media screen and (max-width:351px){

 	.menu > li > a {
		font-size: 5px;
		top: 8px;
	}
	.menu {
	height: 35px;
	}
}

@media screen and (max-width:327px){

 	.menu > li > a {
		font-size: 5px;
		top: 6px;
	}
	.menu {
	height: 30px;
	}
}

/* CONTACT */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  font-family: 'Roboto', sans-serif;
}

.contact-form{
  display: flex;
  max-width: 550px;
  margin: 0 auto;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 0 20px rgba(0,0,0,0.3);
  background: white;
}
 
.input-fields{
  display: flex;
  flex-direction: column;
  margin-right: 4%;
}
 
.input-fields,
.msg{
  width: 48%;
}
 
.input-fields .input,
.msg textarea{
  margin: 10px 0;
  background: transparent;
  border: 0px;
  border-bottom: 2px solid black;
  padding: 10px;
  color: grey;
  width: 100%;
}
 
.msg textarea{
  height: 212px;
}
 
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: grey;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: grey;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: grey;
}
 
.btn {
    background: violet;
    text-align: center;
    padding: 15px;
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
} 

.wrapper {
	margin-top: 30px;
}

/*EQUIPE*/
/*.mini-card {
    max-width: 15%;
    min-height: 350px;
    padding: 1.5rem;
    border-radius: 16px;
    background: white;
    box-shadow: -1rem 0 3rem #000;
    display: -webkit-box;
    display: flex;
    color: black;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-transition: .2s;
    transition: .2s;
}
.dg {
	max-width: 90% !important;
}

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

.module {
	clear:both;
	margin:0 0 1rem;
	position:relative;
	}
	.module {
		font-size:.66rem
	}

.mini-card {
	scroll-snap-align:start
	}
}

.mini-card:hover~.mini-card{
	-webkit-transform:translateX(10px);
	transform:translateX(10px)
	}
}


/* LES DIVS */
.direct, .restee {
	position: relative;
	margin : 0 48px 48px 48px;
	display:flex;
}

.restee{
	overflow-x:auto;
	overflow-y:visible;
	padding:3rem 3rem 3rem 4rem;
}



/* TOUS LES ARTICLES */

.equipe > .titttle {
	position: center;
}

.equipe {
	display:block;
	position: relative;
	background:white;


	padding : 36px;
	box-shadow: -1rem 0 3rem rgba(0,0,0,.6);
	border-radius: 18px;

	transition: all 200ms ease-in-out;
}

.restee .equipe{
	width:350px;
	flex:none;
}

.restee .equipe ~ .equipe{
	margin-left:-150px;
}


.restee .equipe:hover + .equipe{
	margin-left:-12px;
}

/*
.restee .equipe:nth-child(1){
	transform:rotate(-15deg) translateY(30px);
}

.restee .equipe:nth-child(2){
	transform:rotate(-7.5deg);
}

.restee .equipe:nth-child(3){
	transform:rotate(0deg)  translateY(-20px);
}

.restee .equipe:nth-child(4){
	transform:rotate(7.5deg);
}

.restee .equipe:nth-child(5){
	transform:rotate(15deg)  translateY(30px);
}

.restee:hover .equipe{
	transform:rotate(0deg);
}*/



.restee .equipe:hover{
	box-shadow: 0rem 0 3rem rgba(0,0,0,.15);
	transform: translateY(0px);
}

/* DIRECTION GENERALE */
.dg {

}
/* AUTRES SERVICES */
.service {

}

.titttle {
	font-size: 30px;
}

.bttn-default {
  color: #fff;
}
.bttn-primary,
.bttn,
.bttn-lg,
.bttn-md,
.bttn-sm,
.bttn-xs {
  color: #1d89ff;
}
.bttn-warning {
  color: #feab3a;
}
.bttn-danger {
  color: #ff5964;
}
.bttn-success {
  color: #28b78d;
}
.bttn-royal {
  color: #bd2df5;
}
.bttn,
.bttn-lg,
.bttn-md,
.bttn-sm,
.bttn-xs {
  margin: 0;
  padding: 0;
  border-width: 0;
  border-color: transparent;
  background: transparent;
  font-weight: 400;
  cursor: pointer;
  position: relative;
}
.bttn-lg {
  padding: 8px 15px;
  font-size: 24px;
  font-family: inherit;
}
.bttn-md {
  font-size: 20px;
  font-family: inherit;
  padding: 5px 12px;
}
.bttn-sm {
  padding: 4px 10px;
  font-size: 16px;
  font-family: inherit;
}
.bttn-xs {
  padding: 3px 8px;
  font-size: 12px;
  font-family: inherit;
}
.bttn-unite {
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 20px;
  border-width: 0;
  border-color: transparent;
  background: transparent;
  font-weight: 400;
  cursor: pointer;
  position: relative;
  font-size: 20px;
  font-family: inherit;
  padding: 5px 12px;
  z-index: 0;
  overflow: hidden;
  border: 1px solid #1d89ff;
  border-radius: 100px;
  background: #fff;
  color: #1d89ff;
  -webkit-transition: color 0.3s cubic-bezier(0.02, 0.01, 0.47, 1), border-color 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: color 0.3s cubic-bezier(0.02, 0.01, 0.47, 1), border-color 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.bttn-unite:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background: #d6e3ff;
  content: '';
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
  -webkit-transform: translate3d(-110%, -10%, 0) skewX(-20deg);
          transform: translate3d(-110%, -10%, 0) skewX(-20deg);
}
.bttn-unite:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background: rgba(214,227,255,0.7);
  content: '';
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
  -webkit-transform: translate3d(110%, -10%, 0) skewX(-20deg);
          transform: translate3d(110%, -10%, 0) skewX(-20deg);
}
.bttn-unite:hover,
.bttn-unite:focus {
  box-shadow: 0 1px 8px rgba(58,51,53,0.3);
  color: #1d89ff;
  -webkit-transition: all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.bttn-unite:hover:before,
.bttn-unite:focus:before {
  opacity: 1;
  -webkit-transition: opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  -webkit-transform: translate3d(-50%, -10%, 0) skewX(-20deg);
          transform: translate3d(-50%, -10%, 0) skewX(-20deg);
}
.bttn-unite:hover:after,
.bttn-unite:focus:after {
  opacity: 1;
  -webkit-transition: opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  -webkit-transform: translate3d(50%, -10%, 0) skewX(-20deg);
          transform: translate3d(50%, -10%, 0) skewX(-20deg);
}
.bttn-unite.bttn-xs {
  padding: 3px 8px;
  font-size: 12px;
  font-family: inherit;
}
.bttn-unite.bttn-xs:hover,
.bttn-unite.bttn-xs:focus {
  box-shadow: 0 1px 4px rgba(58,51,53,0.3);
}
.bttn-unite.bttn-sm {
  padding: 4px 10px;
  font-size: 16px;
  font-family: inherit;
}
.bttn-unite.bttn-sm:hover,
.bttn-unite.bttn-sm:focus {
  box-shadow: 0 1px 6px rgba(58,51,53,0.3);
}
.bttn-unite.bttn-md {
  font-size: 20px;
  font-family: inherit;
  padding: 5px 12px;
}
.bttn-unite.bttn-md:hover,
.bttn-unite.bttn-md:focus {
  box-shadow: 0 1px 8px rgba(58,51,53,0.3);
}
.bttn-unite.bttn-lg {
  padding: 8px 15px;
  font-size: 24px;
  font-family: inherit;
}
.bttn-unite.bttn-lg:hover,
.bttn-unite.bttn-lg:focus {
  box-shadow: 0 1px 10px rgba(58,51,53,0.3);
}
.bttn-unite.bttn-default {
  border-color: #1d89ff;
  color: #1d89ff;
}
.bttn-unite.bttn-default:hover,
.bttn-unite.bttn-default:focus {
  background: #d6e3ff;
  color: #1d89ff;
}
.bttn-unite.bttn-default:before {
  background: #a7c3ff;
}
.bttn-unite.bttn-default:after {
  background: #d6e3ff;
}
.bttn-unite.bttn-primary {
  border-color: #1d89ff;
  color: #1d89ff;
}
.bttn-unite.bttn-primary:hover,
.bttn-unite.bttn-primary:focus {
  background: #1d89ff;
  color: #fff;
}
.bttn-unite.bttn-primary:before {
  background: #006de3;
}
.bttn-unite.bttn-primary:after {
  background: #1d89ff;
}
.bttn-unite.bttn-warning {
  border-color: #feab3a;
  color: #feab3a;
}
.bttn-unite.bttn-warning:hover,
.bttn-unite.bttn-warning:focus {
  background: #feab3a;
  color: #fff;
}
.bttn-unite.bttn-warning:before {
  background: #f89001;
}
.bttn-unite.bttn-warning:after {
  background: #feab3a;
}
.bttn-unite.bttn-danger {
  border-color: #ff5964;
  color: #ff5964;
}
.bttn-unite.bttn-danger:hover,
.bttn-unite.bttn-danger:focus {
  background: #ff5964;
  color: #fff;
}
.bttn-unite.bttn-danger:before {
  background: #ff1424;
}
.bttn-unite.bttn-danger:after {
  background: #ff5964;
}
.bttn-unite.bttn-success {
  border-color: #28b78d;
  color: #28b78d;
}
.bttn-unite.bttn-success:hover,
.bttn-unite.bttn-success:focus {
  background: #28b78d;
  color: #fff;
}
.bttn-unite.bttn-success:before {
  background: #209271;
}
.bttn-unite.bttn-success:after {
  background: #28b78d;
}
.bttn-unite.bttn-royal {
  border-color: #bd2df5;
  color: #bd2df5;
}
.bttn-unite.bttn-royal:hover,
.bttn-unite.bttn-royal:focus {
  background: #bd2df5;
  color: #fff;
}
.bttn-unite.bttn-royal:before {
  background: #a20bdd;
}
.bttn-unite.bttn-royal:after {
  background: #bd2df5;
}

.uneclasse {
	margin-top: 100px;
}

p {
	margin-top: 20px;
}