/*
 * CSS DEFAULT
 *
--------// © RG2017 - gomme.raphael@gmail.com // -------
 *
 *
 * 
 * * */

/*------------
	GENERAL
------------*/
@import url('https://fonts.googleapis.com/css?family=Vollkorn&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans&display=swap');
html {
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
		font-family: 'Vollkorn', serif;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
/*ul {
	padding: 0;
	list-style: none;
	}
ul li {
	list-style: none;
	}*/

/*---------------------------
	provisoire 
-------------------------*/




.news_index2{
    background-color: #dfe6e9;
	border: 5px solid #130f40;
    border-top-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 4px;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 4px;
    font-weight: 200;
    font-size: 1em;
    text-align: center;
    font-family:"averia-gruesa-libre";
    font-style: normal;
    letter-spacing: 3px;
}
.news_index2 p{
	color: #2d3436;
}

.news_index2 a{
	color: orangered;
}
.news_index2>h4{
    color: #F03E19;	
}
.news_index2 ul li{
	list-style: none;
}
.news_index{
    background-color: #81ecec;
	border: 1px solid #fab1a0;
    border-top-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 4px;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 4px;
    font-weight: 200;
    font-size: 1em;
    text-align: center;
    font-family:"averia-gruesa-libre";
    font-style: normal;
    letter-spacing: 3px;
}
.news_index a{
	color: orangered;
}
.news_index p{
	color: #2d3436;
}
.news_index>h4{
    color: #F03E19;	
}
.news_index ul li{
	list-style: none;
}
/*------------------------
		Mise en page principal
---------------------------*/

body{
	background-color: #FFF3E0;
	color: #4a4561;
	display: grid;
	grid-template-columns:500px 1fr;
	grid-template-rows:repeat(5, minmax(50px, auto));
	grid-gap: 5px;
	grid-template-areas:
							"h h "
							"n n "
							"ag m "
							"l l"
							"f f ";
}
header{
	grid-area:h;
}
nav {
	grid-area:n;
}
main{
	grid-area: m;
}
aside{
	grid-area: ag;
}
.logo-container{
	grid-area: l;
}
footer{
	grid-area: f;
}

a {
	text-decoration: none;
	color: #2E8B57;
}
a:hover{
	color:#66CDAA;
}

h1, h2, h3{
	font-family: 'Fira Sans', sans-serif;
}

hr{
	border:double 1px #CD5C5C;
	margin-bottom: 2em;
}

#pdf a[href $='.pdf'] {
	padding-right: 18px;
	background-repeat: no-repeat;
	background-position: center right;
	background-image: url(../images/icon_pdf.gif);
	background-color: transparent;
}

/*----------------
	SOCIAL LOGO
----------------*/
.fa-facebook-square{
	color: #5E7CDD;
	font-size: 24px;
}
.fa-twitter-square{
	color:cornflowerblue;
	font-size: 24px;
}

/*--------------
      HEADER
 -------------*/
header > div {
	display: flex;
	border-radius: 10px 10px 0 0;
}
header > div > img{
	border-radius: 10px 10px 0px 0px;
	width:100%;
}

/*-----------------------
	MAIN
------------------------*/

main{
margin-left: 10px;
margin-right: 20px;
padding-left: 10px;
}
.ct{
    border: 1px solid #E16D20;
    border-radius: 5px;
	padding: 10px;
	margin-top: 1em;
    background-color:aquamarine;
}

.info{
    font-size: 1em;
    font-weight: bold;
    color: #ED5827;
}
.info a{
	color: ORANGERED;
}
.info a:hover{
	color:LIGHTSALMON;
}

/*---BAN---*/
.content_ban{
    width: 800px;
    margin:3em 2em 0.5em 2em;
	padding:15px; 
	display:flex;
	justify-content:center;
}

.ban img{
	width:70%;
	border-radius: 5px;
	display: block;
	margin: 0 auto 0 auto;

}
.ban p {
	text-align: center;
	font-size: 1.5em;
}
/*--------------------
 LOGO
---------------------*/

.logo-container{
	margin-top: 2em;
	display: flex;
	align-items: center;
}
.logo a{
	display: flex;
	justify-content: space-around;
}
.logo img{
	width:65%;
}

/*--------------------
	ASIDE
---------------------*/
aside{
	margin-left: 10px;
}
.a-container_slide{
	display: grid;
	grid-template-columns: 1fr;
	/*grid-auto-rows: minmax(100px, auto);
	grid-gap: 10px;*/
	margin-top: 10px;
	margin-left:120px;
	
}
.a-container{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 10px;
	margin-top: 10px;
}

.a-item{
	display: flex;
	flex-direction: column;
	/*justify-content: center;*/
	align-items:center;
	border-radius: 5px;
	padding: 10px;
}

.a-container h3{
	font-size: 1.5em;
	color:#24505d;
}
.contact > div{
	text-align: center;
	font-family: sans-serif;
}
.eso img{
	width: 70%;
	border-radius: 5px;
}
.eso a{
 display: flex;
 justify-content: center;
}
.divers{
	border: solid 2px #D7CCC8;
	grid-column: 1 / -1;
	grid-row: 2 / 5;
}
.divers img{
	width: 100%;
	border-radius: 5px;
}
.divers1 img{
	width: 70%;
	border-radius: 5px;
}


.fa-envelope:hover, .fa-calendar-alt:hover, .fa-edit:hover{
	color: #795548;
}
.fa-envelope, .fa-calendar-alt, .fa-edit{
	color:#4a4561;
}

.a-container > div:nth-child(1n) {
    background-color: #FFFDE7;
}
.a-container > div:nth-child(2n) {
    background-color: #B9F6CA;
}
.a-container > div:nth-child(3n) {
    background-color: #C5CAE9;
}
.a-container > div:nth-child(4n) {
    background-color: #FFCCBC;
}
.a-container > div:nth-child(5n) {
    background-color: #FCE4EC;
}
.a-container > div:nth-child(6n) {
    background-color: #CCFF90;
}
.a-container > div:nth-child(7n) {
    background-color: #D8BFD8;
}


/*-------------------
	 ANNONCE DE COURSE
--------------------*/
.content_cool{
    border: 2px solid #F90206;
    border-radius: 5px;
    margin-bottom: 1em;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #E3AA91;
}


.annonces{
	max-width: 900px;
	margin: 0 auto;
}
.annonce{
	background-color:antiquewhite;
	margin: 1em 0;
	border: 2px solid #E0AD00;
	border-radius: 10px;
}
/*description annonce*/
.annonce-a{
	padding: 0.5em;
}

.annonces img{
	width: 150px;
	display: block;
  	margin: 0.8em auto
}
/***/
.titre-ann{
    letter-spacing: 10px;
    color: #800000;
    text-decoration: underline;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
}
.titre-f{
    color: #6B8E23;
	font-size: 1.4em;
}
.imp{
	color: red;
}


.annonce ul{
	font-size: 1.1em;
	font-weight: bold;
}
.annonce ul>li{
	padding-bottom: 1em;
}

.annonce span{
	font-size: 1.2em;
	color: red;
}

.fa-bed{
	color:darkmagenta; }

.fa-li{
	color:#33691E;
}
.fa-exclamation-triangle, .fa-exclamation, .fa-bell, .fa-algolia, .fa-user-clock{
	color:red;
}
.ann_band{
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    font-size: 2em;
    border: 5px solid #F10307;
}



/*-------------
	FOOTER
-------------*/

footer{
	background: #EFEBE9;
	border-top: solid 3px #8D6E63;
}
footer > p{
	text-align: center;
	font-size: 0.7em;
	color: #A1887F;
}


/*----------------
	MENU NAV
-----------------*/

nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* crée un contexte flex pour ses enfants */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; /* affichage horizontal */
  width: 100%;
}

nav a {
  display: block; /* IE fix */
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* occupe la largeur restante */
  -webkit-transition: -webkit-box-flex .4s;
  transition: -webkit-box-flex .4s;
  transition: flex .4s;
  transition: flex .4s, -webkit-box-flex .4s, -ms-flex .4s;
}
nav a:hover,
nav a:focus {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
nav a:hover{
	color: crimson;
}
nav {
	border-radius: 10px;
	color: #fff;
}
nav a:first-of-type {
	background: dodgerblue;
  border-radius: 5px 0 0 5px;
}
nav a:nth-of-type(2) {
	background: orange;
}
nav a:nth-of-type(3) {
	background:#8FD2AD;
}
nav a:nth-of-type(4) {
	background: olivedrab;
}
nav a:nth-of-type(5) {
	background: darksalmon;
}
nav a:nth-of-type(6) {
	background: hotpink;
}
nav a:nth-of-type(7) {
	background: slategray;
  border-radius: 0 5px 5px 0;
}
nav a {
  display: block;
  padding: .7em;
  color: #fff;
  text-decoration: none;
  border: 1px solid #FFFAF0;
  white-space: nowrap;
}

/*---------------------------
          TABLE             
----------------------------*/
table {
	width: 100%;
}
td{
	width: 30%;
}



/*---------------------------
		CSS => reglement.html
---------------------------*/
.rglt-content{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
}
.rglt-content h2{
	font-size: 1.2em;
}
.rglt-content ul li{
		list-style: none;
}
.item-desc, .item-bureau{
	background:  #FFEBCD;
	color: #8B4513;
	border: solid 2px #BC8F8F;
	border-radius: 5px;
	padding: 0 2em;
}
.item-desc{
	grid-column: 1 / -1;
	text-align:justify;
	margin-top: 1em;
	font-size: 1.5em;
}
.item-bureau{
	grid-column: 1 / -1;
	text-align: center;
	font-size: 1.2em;
}

.item-rglt{
margin-left: 1em;
}

.item-rglt > ul li{
	list-style-image: url(../images/balise.gif);
	list-style-position: inside;
	margin-bottom: 1em;
}
.cont-util{
	margin-left: 1em;
	width: 80%;
}

.cont-mail .fa-envelope{
	margin-right: 10px;
}
.cont-mail ul li{
	list-style: none;
	margin-bottom: 10px;
}
.cont-mail li{
	padding-bottom: 5px;
	border-bottom: solid 1px #DC143C;
}

.email_cu{
	margin-left: 1em;
	color: crimson;
}
.info p {
    font-size: 1.5em;
}