/*CONFIGURATION GÉNÉRALE DE LA PAGE, CORPS, STYLES DE TEXTE (P - TITRE - IMAGES) ET LIENS*/

body
{
    width: 99%;
    background-color: #6e86a2;
    color: black;
}
h3
{
    font-family: copperplate, georgia, palatino, serif;
    font-size: 1.2em;
    font-variant: small-caps;
    font-weight: normal;
    text-transform: capitalize;
    margin-top: 7%;
    margin-bottom: 3%;
    text-indent: 5%;
    color: black;
}
p
{
    font-size: 1em;
    font-family: georgia, palatino, "times new roman", serif;
}
a
{
    text-decoration: none;
    color: black;
}
a:hover
{
    color: rgb(243,74,63);
}
img
{
    border: none;
    margin: 0.5;
}

/* CONFIGURATION DU BLOCK "EN-TÊTE"*/

#en_tete
{
    width: 100%;
    height: 13%;
    margin-bottom: 3%;
}
#en_tete h3
{
    text-indent: 25px;
    font-size: 2em;
}
#trait
{
    width: 48%;
    border-bottom: 1px solid black;
    margin-left: 1%;
}

/*BLOCK DE CORPS*/

img
{
	width: 80%;
}
#annonce
{
    width: 65%;
    text-align: center;
	margin: auto;
    margin-top: 5%;
}

/*BLOCK DROIT*/

#retours
{
    width: 40%;
    text-align: center;
    padding: 3%;
}
#retours a
{
    color: black;
    font-family: "arial black", georgia, palatino, "times new roman", serif;
    font-weight: normal
}
#retours a:hover
{
    color: rgb(243,74,63);
    letter-spacing: 2px;
}
#retour1 
{
    width: 15%;
    background-color: white;
    position: fixed;
    right: 1%;
    top: 20.2%;
    margin-top: 5%;
    margin-bottom: 5%;
}
#retour2 
{
    width: 15%;
    background-color: white;
	position: fixed;    
    right: 1%;   
    top: 30.2%;
    margin-top: 10%;
}
#retour2 a
{
    font-size: 80%;
}
#retour3 
{
	width: 15%;
    background-color: white;
    position: fixed;
    left: 5%;   
    top: 20.2%;
    margin-top: 5%;
}
#retour3 a
{
    font-size: 80%;
}


/*BAS DE PAGE*/ 

#pied_de_page
{
	width: 100%;
}
#email
{
    width: 45%;
	margin: auto;
    height: 5%;
    margin-top: 15%;
    background-color: white;
    text-align: center;
    font-size: 0.8em;
}

/*L'email ! ! ! */

img
{
width: 60%;
}
#mailing
{
	width: 80%;
	margin: auto;

}
#mailing body
{
	margin-top: 0px;
	margin-bottom: 0px;
}

mailing a
{
	text-decoration: none;
	color: black;
}
a:hover
{
	color: #cd5b27;
}
strong
{
	font-family: "arial black", georgia, palatino, serif;
	font-weight: normal;
}
h1
{
    font-size: 400%;
    text-decoration: none;
    font-family: "arial black", georgia, palatino, serif;
    text-transform: none;
    color: black;
    text-align: center;
    padding-bottom: 0px;
    margin-top: 10px;
    margin-bottom: 2px;
}
h1 a
{
	color:#cd5b27;
}
h1 a:hover
{
	background-color:	rgb(255,228,211);
}
h2
{
	font-family: "arial black", georgia, palatino, serif;
	font-size: 120%;
	margin-top: 5%;
	color:#cd5b27;
}
h2:hover
{
	background-color:	rgb(255,228,211);
	color:#cd5b27;
}
h2 a
{
	color:#cd5b27;
}
h2 a:hover
{
	color:#cd5b27;
	background-color:	rgb(255,228,211);
}
h3
{
	font-size: 110%;
	color:black;
	margin-left: 10%;
	font-family: "arial black", georgia, palatino, serif;
}
h3:hover
{
	background-color:	rgb(255,228,211);
	color:#cd5b27;
}
h3 a:hover
{
	background-color:	rgb(255,228,211);
	color:#cd5b27;
}
p
{
	text-indent: 3%;
	text-decoration: none;
    font-family: arial, georgia, palatino, serif;
    font-size: 100%;
    font-weight: normal;
    margin: 5%;
}
ul
{
	list-style-type: none;
}
li
{
	width: 75%;
}
li:hover
{
	background-color: rgb(231,230,255);
	color: black;
}
dd
{
	text-indent: 2%;
	margin-left: 2%;
}
dl a
{
	color: #cd5b27;
}
dl a:hover
{
	background-color: rgb(255,228,211);
}
img
{
	margin: auto;
	border: 0px;
}

.big
{
	font-size: 125%;
}
.little
{
	font-family: "arial black", georgia, palatino, serif;
	font-size: 40%;
}
.edito
{
	text-align: justify;
	line-height: 150%;
}
.smallcaps
{
	font-variant: small-caps;
}
.avertissement
{
	font-size: 40%;
	background-color: white;
	text-align: justify;
	color: white;
	margin: auto;
	margin-bottom: -3%;
}
.avertissement a
{
	color: white;
	margin: auto;
}
.copyright
{
	font-size: 85%;
	text-align: center;
}
#logo
{
	margin: auto;
	text-align: center;
}
#fondbleu
{
	background-color: #6e86a2;
	width: 100%;
}
#title
{
	font-size: 250%;
	color:#cd5b27;

}
#email
{
	width: 70%;
	margin: auto;
	padding: 1%;
	background-color: white;
}
#medium
{
	font-family: "arial black", georgia, palatino, serif;
	font-size: 70%;
}
#librairies
{
	margin-left: 15%;
	text-indent: 0%;
}
#suite
{
	font-family: "arial black", georgia, palatino, serif;
	font-size: 100%;
	text-align: right;
}
#extra
{
	text-indent: 0%;
	text-decoration: none;
    font-family: arial, georgia, palatino, serif;
    font-size: 90%;
    margin: 5%;
}
#infos
{
	text-indent: 0%;
	margin-left: 20%;
}
#entretien
{
	font-size: 110%;
}
#annonce
{
	width: 70%;
	margin-left: 0%;
	text-align: left; 
}
#pratique
{
	width: 60%;
    margin-top: 15%;
    margin-left: 40%;
    text-align: right;   
}
#pratique a
{
	color:#cd5b27;
}
#pratique p a:hover
{
	background-color:	rgb(255,228,211);
	color:#cd5b27;
}
#adressmail:hover
{
	color: #cd5b27;
}
#region
{
	margin-left: 70%;
	margin-right: 10%;
}
#rendezvous
{
	text-indent: none;
	text-align: right;
	margin-right: 10%;
}
#presentation
{
	text-align: justify;
}
#menu
{
background-color: white;
position: fixed;
top: 10%;
left: 3%;
width: 10%;
text-align: center;
padding-bottom: 1%;
}
#menu a
{
color: black;
}
#menu dt
{
margin-top: 3%;
}