html
{
	background-color: rgba(233,68,68,1);
    margin: auto;
}

body
{
	/*border: 15px rgb(255,204,213) outset;*/
    background-image: url(WT.jpg);
    background-size: 65em 935px;
    border-color: rgb(210, 210, 210);
    margin: 29px 1em;
    min-height: 65em;
    min-width: 925px;
    padding: 0.4em 1.8em 0px;
    position: relative;
    border-radius: 8px 8px 8px 8px;
    background-position: center;
    background-repeat: no repeat;
    border-style: outset;
    border-width: 1px 2px 3px 1px;
}

#banniere_image
{
    margin: auto;
    margin-top: 15px;
    height: 183px;
    width: 590px;
    border-radius: 5px;
    background: url('banière école.jpg') no-repeat;
    background-position: top center;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 45px;
}

#banniere_description
{
    position: absolute;
    border-radius: 5px 5px 0px 0px;
    width: 586px;
    height: 33px;
    padding-top: 12px;
    padding-left: 4px;
    background-color: rgba(24,24,24,0.8);
    color: white;
    font-size: 0.8em;
    text-align: center;
}

article, aside
{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
}
 
article
{
    width: 625px;
    margin-right: 15px;
}
 
.ico_categorie
{
    vertical-align: middle;
    margin-right: 8px;
}
 
article p
{
    font-size: 1em;
}

.logo_facebook
{
    text-align: center;
}
 
aside
{
    position: absolute;
    right: 27px;
    width: 235px;
    background-color: #706b64;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 0.9em;
}
 
#fleche_bulle
{
    position: absolute;
    top: 50px;
    left: -12px;
}
 
#photo_WT
{
    text-align: center;
}
 
#photo_WT img
{
    border: 1px solid #181818;
}
 
aside img
{
    margin-right: 5px;
}

.logo_accueil
{
	list-style-type: none;
}

.logo_accueil li
{
    display: inline-block;
    margin-right: 15px;
}
	
nav
{
	display: inline-block;
    border: outset black;
    border-width: 1px 2px 3px 1px;
    border-radius: 8px 8px 8px 8px;
    background-color: rgba(233,68,68,0.7);
    width: 100%;
    position: center;
    top: 1px;
    text-align: center;
}
 
nav ul
{
    list-style-type: none;
}
 
nav li
{
    display: inline-block;
    margin-right: 15px;
}
 
nav a
{
    font-size: 1.1em;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;
}
 
nav a:hover
{
    color: #760001;
    border-bottom: 3px solid #760001;
}  

.lettre
{
	background-position: center;
}

.liste
{
    color: blue;
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}

.nom_assoc
{
	color: red;
}

.recommandé_avec_ar
{
	color: rgb(254,180,0);
}

.destinataire
{
	margin-left:35em
}

.instruction
{
	font-size:small;
	color: red;
}

.corps_texte
{
	text-align: justify;
}

.signature
{
	text-align: right;
}

.objet
{
	font-weight: bold;
}

p
{
	font-size: medium;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}

h1
{
	font-size: x-large;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}

h2
{
	font-size: large;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}

h3
{
	font-size: medium;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}