/*
base -------------------------------------------
*/

body {
  background-color: #C91A1A;
  background-image: linear-gradient(to right, #C91A1A, #FE6D6D);
  font-family: "Open Sans", sans-serif;
  padding: 20px 25px;
  font-size: 14px;
  margin: 0;
  color: #FFFFFF;
}

a:link {
  color: #FFFFFF;
  text-decoration: underline;
}

a:visited {
  color: #FFFFFF;
  text-decoration: underline;
}

a:hover {
  color: #FFFFFF;
  text-decoration: none;
}




/*
header -------------------------------------------
*/

.header1 {
  font-family: Impact, Charcoal, sans-serif;
  font-size: 40px;
  color: #FFFFFF;
}

.header1 a:link {
  font-family: Impact, Charcoal, sans-serif;
  font-size: 40px;
  color: #FFFFFF;
  text-decoration: none;
}

.header1 a:visited {
  font-family: Impact, Charcoal, sans-serif;
  font-size: 40px;
  color: #FFFFFF;
  text-decoration: none;
}

.header1 a:hover {
  font-family: Impact, Charcoal, sans-serif;
  font-size: 40px;
  color: #BBBBBB;
  text-decoration: none;


}


.header2 {
  font-size: 15px;
  color: #FFFFFF;
}




/*
nocookies -------------------------------------------
*/

.nocookies {
  color: #0E5600;
  background-color: #C7FFBC;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  border: 1px solid #0E5600;
  border-radius: 10px;
}

.nocookies a:link {
  color: #0E5600;
  text-decoration: underline;
}

.nocookies a:visited {
  color: #0E5600;
  text-decoration: underline;
}

.nocookies a:hover {
  color: #0E5600;
  text-decoration: none;
}





/*
zone 1 red -------------------------------------------
*/


.zone1red {
  color: #BB0000;
  background-color: #FFBCBC;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #FF0000;
  border-radius: 10px;
}

.zone1red a:link {
  color: #BB0000;
  text-decoration: underline;
}

.zone1red a:visited {
  color: #BB0000;
  text-decoration: underline;
}

.zone1red a:hover {
  color: #BB0000;
  text-decoration: none;
}


/*
zone 1 green -------------------------------------------
*/


.zone1green {
  color: #0E5600;
  background-color: #C7FFBC;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #0E5600;
  border-radius: 10px;
}

.zone1green a:link {
  color: #0E5600;
  text-decoration: underline;
}

.zone1green a:visited {
  color: #0E5600;
  text-decoration: underline;
}

.zone1green a:hover {
  color: #0E5600;
  text-decoration: none;
}




/*
zone 1 -------------------------------------------
*/

.zone1 {
  color: #000000;
  background-color: #9EAAB2;
  padding: 15px;
  text-align: left;
  border-radius: 10px;
}





/*
zone 2 -------------------------------------------
*/

.zone2 {
  color: #000000;
  background-color: #9EAAB2;
  padding: 15px;
  text-align: left;
  border-radius: 10px;
}




/*
menu -------------------------------------------
*/


.menu {
  color: #000000;
  background-color: #585858;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: left;
  border-radius: 10px;
}

.menu a:link {
  color: #FFFFFF;
  background-color: #444444;
  text-decoration: none;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 7px;
  border-radius: 7px;
}

.menu a:visited {
  color: #FFFFFF;
  background-color: #444444;
  text-decoration: none;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 7px;
  border-radius: 7px;
}

.menu a:hover {
  color: #000000;
  text-decoration: none;
  background-color: #6F6F6F;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 7px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 7px;
}



/*
zone 3 -------------------------------------------
*/

.zone3 {
  color: #000000;
  background-color: #9EAAB2;
  padding: 15px;
  text-align: left;
  border-radius: 10px;
}




/*
zone 4 -------------------------------------------
*/

.zone4 {
  color: #000000;
  background-color: #9EAAB2;
  padding: 15px;
  text-align: left;
  border-radius: 10px;
}







/*
accueil -------------------------------------------
*/

.accueil {
  color: #000000;
  background-color: #FFFFFF;
  padding: 15px;
  text-align: left;
  border-radius: 10px;
}

.accueil a:link {
  color: #000000;
  text-decoration: underline;
}

.accueil a:visited {
  color: #000000;
  text-decoration: underline;
}

.accueil a:hover {
  color: #000000;
  text-decoration: none;
}


/*
content -------------------------------------------
*/

.content {
  color: #000000;
  background-color: #D8D8D8;
  padding: 15px;
  text-align: left;
  border-radius: 10px;
}

.content table {
  border-collapse: collapse;
}

.content table, th, td {
  border: 1px solid black;
}

.content th, td {
  padding: 15px;
}



/*
content-tables -------------------------------------------
*/

.content-tables {
  color: #000000;
  background-color: #D8D8D8;
  padding: 15px;
  text-align: left;
/*  border-radius: 10px; */
}

.content-tables h3 {
  font-size: 25px;
/*  color: #2B4F66; */
  color: #4E8AB2;
}

.content-tables table {
  border-collapse: collapse;
/*  width: 50%; */
}

.content-tables table, th, td {
/*  border: 1px solid black; */
}

.content-tables th, td {
  padding: 15px;
  width: 50%;
}

.content-tables td {
  border: 1px solid black; 
}

.content-tables th.tt1 {
  padding: 15px;
  color: #FFFFFF;
  background-color: #2B4F66;
}

.content-tables th.tt2 {
  padding: 15px;
  color: #FFFFFF;
  background-color: #4E8AB2;
}

.content-tables th.tspace {
  padding: 15px;
  border: none;
}



/*
content-nocookies -------------------------------------------
*/

.content-nocookies {
  color: #0E5600;
  background-color: #C7FFBC;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  border-radius: 10px;
}

.content-nocookies a:link {
  color: #0E5600;
  text-decoration: underline;
}

.content-nocookies a:visited {
  color: #0E5600;
  text-decoration: underline;
}

.content-nocookies a:hover {
  color: #0E5600;
  text-decoration: none;
}






/*
zone 5 -------------------------------------------
*/

.zone5 {
  color: #000000;
  background-color: #9EAAB2;
  padding: 15px;
  text-align: left;
  border-radius: 10px;
}



/*
zone 6 -------------------------------------------
*/

.zone6 {
  color: #000000;
  background-color: #9EAAB2;
  padding: 15px;
  text-align: left;
  border-radius: 10px;
}




/*
footer -------------------------------------------
*/


.footer {
  color: #000000;
  background-color: #C1C1C1;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  font-size: 10px;
  border-radius: 10px;
}