/* Définition des polices personnalisées */

@font-face
{
    font-family: 'BallparkWeiner';
    src: url('polices/ballpark.eot');
    src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark.woff') format('woff'),
         url('polices/ballpark.ttf') format('truetype'),
         url('polices/ballpark.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Dayrom';
    src: url('polices/dayrom.eot');
    src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
         url('polices/dayrom.woff') format('woff'),
         url('polices/dayrom.ttf') format('truetype'),
         url('polices/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Eléments principaux de la page */

body
{
    background: url('images/fond2.jpg');
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;
}
#bloc_page
{
    width: 900px;
    margin: auto;
	background: white;
}
#cadre
{margin-top : 50px;
border: 10px solid white;
    width: 850px;
    margin: auto;
	background: white;
}

section h1, footer h1, nav a
{
    font-family: Dayrom, serif;
    font-weight: 300;
    text-transform: uppercase;/* titre menu et cadre gauche */
}


/* Header */

header
{
    background: url('images/separateur.png') repeat-x bottom;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

#titre_principal
{
    display: flex;
    flex-direction: column;margin: auto;
}

#logo
{
    display: flex;top: 10px;
    flex-direction: row;
    align-items: baseline;
}

#logo img
{
    width: 59px;
    height: 60px;
}

header h1
{
    font-family: 'BallparkWeiner', serif;
    font-size: 3.0em;
    font-weight: normal;
    margin: 0 0 0 10px;
}

#forum
{
	margin: auto;float:center;
}	

#forum h1
{
font-family: Dayrom, serif;
    font-size: 1.5em;   /*titre2 cadres*/
    font-weight: 700;text-align: center;
}	

#forum p
{
font-family: Dayrom, serif;
    font-size: 1.2em;   /*titre2 cadres*/
    font-weight: normal;text-align: center;
}
#local h1
{
font-family: Dayrom, serif;
    font-size: 1.5em;   /*titre2 cadres*/
    font-weight: 700;text-align: center;
}
h1
{
    font-family: 'BallparkWeiner', serif;
    font-size: 1.2em;   /*titre2 cadres*/
    font-weight: normal;
    margin: 0 0 0 10px;
}

header h2
{
    font-family: Dayrom, serif;
    font-size: 1.1em;
    margin-top: 0px;
    font-weight: normal;
}

/* Navigation */



nav ul
{
    list-style-type: none;
    display: flex;
}

nav li
{
    margin-right: 25px;
}

nav a
{
    font-size: 1em;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;
}

nav a:hover
{
    color: #760001;
    border-bottom: 3px solid #760001;
}

/* Bannière */

#banniere_image
{
    margin-top: 40px;
    height: 100px;
    border-radius: 5px;
    background: url('images/banniere.jpg') no-repeat;
    position: relative;
    /*box-shadow: 0px 4px 4px #1c1a19;*/
    margin-bottom: 2px;
}

#banniere_description
{
    position: absolute;
    bottom: 0;
    /*border-radius: 0px 0px 5px 5px;*/
    width: 99.5%;
    height: 30px;
    padding-top: 10x;
    padding-left: 4px;
    background-color: white; /*rgba(24,24,24,0.8);*/
    color: white;
    font-size: 1em;
    
}
.bouton1
{
    height: 16px;
	width: 131px;
    position: absolute;
    left: 34px;
    bottom: -0.2px;
    background: url('images/fond_degraderouge.png') repeat-x;
    border: 1px solid #760001;
    border-radius: 5px;
    font-size: 0.9em;
    text-align: center;
    padding: 3px 8px 0px 8px;
	vertical-align:middle;
	color: white;
    text-decoration: none; /* largeur totale 815 */
}
.bouton2
{
    height: 16px;
	width: 131px;
    position: absolute;
    left: 192px;
    bottom: -0.2px;
    background: url('images/fond_degraderouge.png') repeat-x;
    border: 1px solid #760001;
    border-radius: 5px;
    font-size: 0.9em;
    text-align: center;
    padding: 3px 8px 0px 8px;
    color: white;
    text-decoration: none;
}

.bouton3
{
    height: 16px;
	width: 131px;
    position: absolute;
    left: 350px;
    bottom: -0.2px;
    background: url('images/fond_degraderouge.png') repeat-x;
    border: 1px solid #760001;
    border-radius: 5px;
    font-size: 0.9em;
    text-align: center;
    padding: 3px 8px 0px 8px;
    color: white;
    text-decoration: none;
}
.bouton4
{
    height: 16px;
	width: 131px;
    position: absolute;
    left: 508px;
    bottom: -0.2px;
    background: url('images/fond_degraderouge.png') repeat-x;
    border: 1px solid #760001;
    border-radius: 5px;
    font-size: 0.9em;
    text-align: center;
    padding: 3px 8px 0px 8px;
    color: white;
    text-decoration: none;
}

.bouton5
{
    height: 16px;
	width: 131px;
    position: absolute;
    left: 666px;
    bottom: -0.2px;
    background: url('images/fond_degraderouge.png') repeat-x;
    border: 1px solid #760001;
    border-radius: 5px;
    font-size: 0.9em;
    text-align: center;
    padding: 3px 8px 0px 8px;
    color: white;
    text-decoration: none;
}

.bouton img
{
    border: 0;
}

/* Corps */

section
{
    display: flex;
    margin-bottom: 20px;
}


#article_cadre
{margin-top : 50px;
border: 5px solid #ffe4b5;
    width: 350px;
    margin: auto;
}

#article_aside
{margin-top : 50px;
border: 5px solid #ffe4b5;
    width: 350px;
    margin: auto;
}

#article_aside2
{margin-top : 50px;
border: 5px solid #aae4b5;
    width: 700px;
    margin: auto;
}

article p{pading:3.5em;text-indent:2em;width:90%;text-align: justify;}
aside p{pading:3.5em;text-indent:2em;width:100%;text-align: justify;}

article img {
	width: 50px;
	height: 50px;
}

aside img {
	width: 50px;
	height: 50px;
}

article
{
    margin-right: 20px;
    flex: 3;background-color: #ffe4b5;
	border-radius: 5px;
	box-shadow: 0px 2px 5px #1c1a19;
}

.ico
{
    vertical-align: middle;
    margin-right: 8px;
}

article, aside p
{
    font-size: 1em;
}

aside
{
    flex: 3;
    position: relative;
    background-color: #ffe4b5;
    box-shadow: 0px 2px 5px #1c1a19;
	color: black;  /*couleur texte cadre 2*/
    border-radius: 5px; /* coins arrondis
    padding: 10px;
    
    font-size: 0.9em;*/
}

#fleche_bulle
{
    position: absolute;
    top: 100px;
    left: -12px;
}


aside img
{
    margin-right: 5px;
}

/* Footer */

footer
{
    display: flex;
    background:  url('images/ico_top.png') no-repeat top center, url('images/separateur.png') repeat-x top, url('images/ombre.png') repeat-x top;
    padding-top: 10px;
}

footer p, footer ul
{
    font-size: 0.9em;
}

footer h1
{
    font-size: 1.1em;
}


#foot1
{
    width: 5%;
}

#foot2
{
    width: 25%;
}

#foot3
{
    width: 45%;
}

#foot3 img {
	width: 50px;
	height: 10px;
}

#bulletin
{
    border-radius: 10px;
	/*height: 70px;*/
    width: 99.5%;
    
    padding-top: -2px;
    padding-left: 4px;
    ackground: #8FBC8F;
	ackground: #D2B48C;
	background: #fce9da;  /*ace9da*/
    color: black;
    font-size: 1em;
    
}


#bulletin_tab
{float:center;
    right: 5px;
    bottom: 5px;
    
	margin-top: -40px;
	  margin-left: auto;
  margin-right: auto;
}

#conf
{
    border-radius: 10px;
	/*height: 70px;*/
    width: 99.5%;
    padding: 20px;
    padding-top: -2px;
    padding-left: 4px;
 	background: #fce9da;  /*ace9da*/
    color: black;
    font-size: 1em;
	height: auto;
	min-height: 550;
	
}





#num {
width: 80%;margin-right: auto;
	  margin-left: auto;
}
#num2 {
width: 55%;margin-right: auto;
	  margin-left: auto;font-size: 1em;
}
#num2 td {

border: thin solid #6495ed;
 font-size: 1em;
}	
#dc
{
    border-radius: 10px;
	/*height: 70px;*/
    width: 99.5%;
    text-indent: 5px;
    padding-top: -2px;
    padding-left: 4px;
	background: #fce9da;
	/*FFE4B5;*/
    color: black;
    font-size: 1em;
    
}

#dc p {
font-family: Dayrom, serif;
font-size: 1.1em; 
color: black ;
margin-left: 30px;
}

#dc h1 {
font-family: Dayrom, serif;
font-size: 1.6em; 
color: black ;
text-align: center;
}

p.centre {
font-family: Dayrom, serif; 
font-size: 1.9em;
text-align: center;
font-weight: 100;
}
	
p.indent {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 1.4em;
text-align: center;
font-weight: bold;
}

.centrage_ligne {
margin-left :auto;
margin-right :auto;
text-align:center;
color: blue;
text-decoration: underline wavy red;
}

body h2 {
margin-left :auto;
margin-right :auto;
text-align:center;
}

p.centre_bloc {
margin-left :auto;
margin-right :auto;
text-align:center;
}


div#numero{
text-align: center;
}

li{margin-top:10px;}

.un {
  list-style: circle inside;
 }

.deux {
  list-style: square;
}


.tableaux{  /* pour mettre deux tableaux cote a core*/
  display:inline-block;
  vertical-align:top;
}