@font-face {
    font-family: 'AvenirNextReg';
    src: url('font/AvenirNext-Regular.ttf') format('truetype'),;
}

@font-face {
    font-family: 'bradley';
    src: url('font/bradley_hand_itc_tt_bold.ttf') format('truetype'),;
}

@font-face {
    font-family: 'optima';
    src: url('font/OptimaBlack_Italic.ttf') format('truetype'),;
}



/*page format*/

body
{
	background-color : black;
	background-attachment: fixed;
    font-family: 'optima', 'bradley', 'AvenirNextReg', Arial, sans-serif;
    color: white;
	min-width: 1000px;
    margin: auto;
	font-size: large;

}
/*#page
{
    min-width: 1000px;
    margin: 0 auto;
}

/*en-tête*/

heater
{
	display: flex;
	align-items: center;
    justify-content: space-between;
}

/* Navigation */
nav
{
	color : white;
	font-size: x-large;
	font-family: 'optima', 'bradley',sans-serif;
    text-align: right;
	margin-right: 5px;
}
nav ul
{
    list-style-type: none; /*retir le rond de la puce*/
}
nav li
{
    display: inline-block; /*place les elements texte côte à côte*/
}
nav a /*ecriture du lien par defaut*/
{
	color :  white;
	font-size: x-large;
    padding-bottom: 0px;
    text-decoration: none;
	margin-right: 25px;
	margin-top: 25px;
}

nav a:hover
{
    border-bottom: 2px solid rgb(212,170,132);
}

/*Corps du site*/
/*accueil*/
.bandeau_accueil
{
	width: 100%;
	min-height: 200px;
	background: url(img/accueil/accueil.jpg) no-repeat;
	background-size: cover;
	display: flex;
	align-items: top;
    justify-content: right;
	margin: auto;
}

.slogan
{
	width: 250px;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	align-self: center;
	color : white; 
	background-color: rgb(183,73,69);
	margin-left: auto;
	margin-right : 0px;
	margin-top : 20px;
	margin-bottom : auto;
	/*font-family: 'Mr Dafoe', cursive;*/
}

.accueil
{
	text-align: center;
	align-self: center;
	margin : auto;
	margin-top: 20px;
}

mark
{
	background-color: black;
    color: white;
}

em
{
    font-style: normal;
}

section.realisations
{

	width: 1000px;
	margin : auto;
	margin-top: 20px;
}

div.realisations
{
	margin : auto;
	margin-top: 20px;
	display: flex;
	align-items: space-around;
    justify-content: space-around;
}

p.realisations
{
	width: 150px;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	color : white; 
	background-color: rgb(183,73,69);
	align-self: center;
}

p.realisations_color
{
	width: 150px;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	color : white; 
	background-color: rgb(212,170,132);
	align-self: center;
}

.realisations a
{
	color : white; 
    text-decoration: none;
}

.3points
{
	width: 150px;
	height: 40px;
	text-align: center;
	background-color: white;
	align-self: center;
}

.partenaires
{
	width: 1000px;
	text-align: center;
	color : white; 
	margin : auto;
	margin-top: 20px;
}

section a.simple {
	text-decoration: none;
	border-bottom: none;
	color: white;
}
section a.simple:hover,
section a.simple:focus {
	border-bottom: none;
}

/*Presentation*/
.presentation
{
	text-align: center;
	color : white; 
	margin : auto;
	margin-top: 20px;
}

.divflex
{
	display: flex;
	align-items: center;
    justify-content: space-around;
}

/*Contact*/
fieldset
{
	text-align: Center;
	
	display: flex;
    justify-content: center;
	width : 1000px;
	border : none;
	margin : auto;
}

Legend
{
	width : 1000px;
	text-align: Center;
	color: rgb(183,73,69);
	font-size: 20px;
	margin : auto;
	padding-left: 25px;
}

.contact
{
	margin : auto;
	margin-top: 20px;	
	margin-bottom: 20px;
	color: white;
	font-size: 15px;
    text-align: center;
	height: 700px;
	display: flex;
	align-items: center;
    justify-content: center;
}

.pcontact
{
	font-size: 15px;
	text-align: center;
	width : 350px;
	margin-left: 25px;
	display: flex;
	align-items: center;
    justify-content: space-between;
}

input
{
	width : 200px;
}

#objet
{
	width : 510px;
	margin-left: 30px;
}

.pcontact2
{
	font-size: 15px;
	text-align: center;
	width : 600px;
	margin-left: 50px;
	display: flex;
	align-items: center;
    justify-content: left;	
}

.pcontact3
{
	font-size: 15px;
	text-align: center;
	width : 600px;
	margin-left: 50px;
}

.pcontact4
{
	font-size: 15px;
	text-align: center;
	width : 1000px;
	margin : auto;
	margin-top:10px;
}

.pcontact5
{
	font-size: 15px;
	color : red;
	text-align: center;
	width : 1000px;
	margin : auto;
	margin-top:10px;
}

textarea
{
	width : 600px;
}

.divcontact
{
	width : 400px;
}

form [title="contact"]
{
    vertical-align:center;
	text-align: center;
}




/*pied de page*/

footer
{
	margin : auto;
	margin-top: 30px;
	margin-bottom: 0px;
	/*height : 100 px;*/
	color : white;/*rgb(183,73,69); */
	background-color: black;/*rgb(172,185,187);*/
	display: flex;
	align-items: center;
    justify-content: space-between;
}

footer div
{
	margin-top : 20px;
	margin-bottom : 20px;
	font-size: large;
	text-align: center;
}

.insta
{
	width: 300px;
}

.divmid
{
	display: flex;
	align-items: center;
    justify-content: space-between;
}

.ptop
{
	padding-left: 30px;
	padding-right: 30px;
}

footer a
{
	/*color : rgb(155,115,85);*/
	color : white;/*rgb(183,73,69); */
    text-decoration: none;
}

/*footer a:hover
{
    /*color: #760001;*/
    /*border-bottom: 3px solid white;
}*/