body{
font-family: arial;
font-size: 1em;
line-height: 1.5;
}
img {
max-width: 100%;
height: auto;
}
header {
vertical-align: middle;
margin: 0;
padding: 0;
}
nav {
border-radius:0.5em;
background-color: #E8E8E8;
text-align: center;
vertical-align: middle;
margin-left: 5%;
margin-right: 5%;
}
nav ul{
margin: 0;
padding: 0;
}
nav ul li {
display: inline-block;
list-style-type: none;
}
ol {
background-color: #F5F5F5;
border-radius:0.5em;
margin-left: 5%;
margin-right: 5%;
}
ol li {
padding: 0.3em;
list-style-type: decimal;
font-size: 1em;
}
div.fil {
margin-left: 5%;
margin-right: 5%;
}
.breadcrumb ul {
background-color: blue;
margin-left: 5%;
margin-right: 5%;
}
.breadcrumb li {
display: inline;
color: white;
background-color: #E8E8E8;
text-decoration: none;
margin-right: 5px;
padding: 0px 11px;
}
footer {
background-color: #CCCCCC;
border-radius:1em;
text-align: right;
}
#centrage {text-align: center;}
p{
font-size:1em;
font-family: Arial;
font-weight: normal;
color: black;
vertical-align: middle;
text-align : left;
margin-left: 5%;
margin-right: 5%;
margin-top: 0%;
margin-bottom: 0%;
}
p.fil{
font-size:1em;
font-family: Arial;
font-weight: normal;
color: black;
vertical-align: middle;
text-align : left;
margin-left: 5%;
margin-right: 5%;
margin-top: 0%;
margin-bottom: 5px;
}
p.blue {
font-size: 1em;
font-family: Arial;
font-weight: bold;
color: #004184;
text-align : left;
margin-left: 5%;
margin-right: 5%;
margin-top: 0%;
margin-bottom: 0%;}
p.bluewhite {
border-radius:0.5em;
font-size: 1em;
font-family: Arial;
font-weight: bold;
color: #FFFFFF;
background-color: #004184;
text-align : left;
margin-left: 35%;
margin-right: 5%;
margin-top: 0%;
margin-bottom: 0%;}
p.green {
font-size: 1em;
font-family: Arial;
font-weight: bold;
color: #008600;
text-align : left;
margin-left: 5%;
margin-right: 5%;
margin-top: 0%;
margin-bottom: 0%;}
p.orange {
font-size: 1em;
font-family: Arial;
font-weight: bold;
color: #FF751a;
text-align : left;
margin-left: 5%;
margin-right: 5%;
margin-top: 0%;
margin-bottom: 0%;
}
.centrage {text-align: center;}
.small{font-size: 8pt;}
.blue { color: #004184; }
.orange { color: #FF751a; }
.green { color: #008600;}
.gray { color: lightslategray;}
.smallgray { color: lightslategray; font-size: 0.8em;}
sup { font-size: 0.7em; }
h1 { border-radius:0.5em; font-size:1.5em; font-family: Arial; color: #FFFFFF; background-color: #778899 ; font-weight: normal; vertical-align: middle; text-align : center; margin-top: 0%; margin-bottom: 0%; margin-left: 5%; margin-right: 5%; }
h1.blue { border-radius:0.5em; font-size:1.5em; font-family: Arial; color: #FFFFFF; background-color: #87cefa; font-weight: normal; vertical-align: middle; text-align : center; margin-top: 0%; margin-bottom: 0%; margin-left: 5%; margin-right: 5%; }
h1.green { border-radius:0.5em; font-size:1.5em; font-family: Arial; color: #FFFFFF; background-color: #9ACD32; font-weight: normal; vertical-align: middle; text-align : center; margin-top: 0%; margin-bottom: 0%; margin-left: 5%; margin-right: 5%; }
h1.gold { border-radius:0.5em; font-size:1.5em; font-family: Arial; color: #FFFFFF; background-color: #FDB515; font-weight: normal; vertical-align: middle; text-align : center; margin-top: 0%; margin-bottom: 0%; margin-left: 5%; margin-right: 5%; }
h1.pink { border-radius:0.5em; font-size:1.5em; font-family: Arial; color: #FFFFFF; background-color: #F64A8A; font-weight: normal; vertical-align: middle; text-align : center; margin-top: 0%; margin-bottom: 0%; margin-left: 5%; margin-right: 5%; }
h2 { border-radius:0.5em; font-size:1.5em; font-family: Arial; color: #FFFFFF; background-color: #778899 ; font-weight: normal; vertical-align: middle; text-align : center; margin-top: 0%; margin-bottom: 0%; margin-left: 5%; margin-right: 5%; }
h2.brawn {border-radius:0.5em; font-size: 1.3em; font-family: Arial; font-weight: normal; color: white; background-color: #a0522d; text-align : center; margin-left: 5%; margin-right: 5%;}
h2.gold {border-radius:0.5em; font-size: 1.3em; font-family: Arial; font-weight: normal; color: white; background-color: #FDB515; text-align : center; margin-left: 5%; margin-right: 5%;}
h2.blue {border-radius:0.5em; font-size: 1.3em; font-family: Arial; font-weight: normal; color: white; background-color: #87cefa; text-align : center; margin-left: 5%; margin-right: 5%;}
h2.green {border-radius:0.5em; font-size: 1.3em; font-family: Arial; font-weight: normal; color: white; background-color: #9ACD32; text-align : center; margin-left: 5%; margin-right: 5%;}
h2.pink {border-radius:0.5em; font-size: 1.3em; font-family: Arial; font-weight: normal; color: white; background-color: #F64A8A; text-align : center; margin-left: 5%; margin-right: 5%;}
h3 {font-size:0.9em; color: lightslategray; vertical-align: middle; text-align : left; margin-left: 3em; margin-top: 0%; margin-bottom: 0%; margin-left: 5%; margin-right: 5%; }
h3.orange {border-radius:1em; font-size: 1.2em; font-family: Arial; font-weight: normal; color: white; background-color: #ff751a; text-align : center; margin-left: 5%; margin-right: 5%;}
h3.green {border-radius:1em; font-size: 1.2em; font-family: Arial; font-weight: normal; color: white; background-color: #008600; text-align : center; margin-left: 5%; margin-right: 5%;}
h3.blue {border-radius:1em; font-size: 1.2em; font-family: Arial; font-weight: normal; color: white; background-color: #004184; text-align : center; margin-left: 5%; margin-right: 5%;}
h4 { font-size:0.9em; color: white; font-weight: normal; vertical-align: middle; text-align : center; margin-top: 0%; margin-bottom: 0%; margin-left: 5%; margin-right: 5%; }
a:link { font-family: Arial; color: black; }
.lienmenu:link {font-family: Arial; color: white; text-decoration: none; }
.lienorange:link {font-family: Arial; font-weight: normal; color: black; text-decoration: none; border-bottom: 3px solid #FF751a; }
.liengold:link {font-family: Arial; font-weight: normal; color: black; text-decoration: none; border-bottom: 3px solid #FDB515; }
.lienblue:link {font-family: Arial; font-weight: normal; color: black; text-decoration: none; border-bottom: 3px solid #87cefa; }
.liengreen:link {font-family: Arial; font-weight: normal; color: black; text-decoration: none; border-bottom: 3px solid #9ACD32; }
.liengrey:link {font-family: Arial; font-weight: normal; color: black; text-decoration: none; border-bottom: 3px solid #778899; }
.liengreyturquoise:link {font-family: Arial; font-weight: normal; color: black; text-decoration: none; border-bottom: 3px solid #778899; }
.lienpink:link {font-family: Arial; font-weight: normal; color: black; text-decoration: none; border-bottom: 3px solid #f64a8a; }
.lienboldorange:link {font-family: Arial; font-weight: bold; color: black; text-decoration: none; border-bottom: 3px solid #FF751a; }
.lienboldgreen:link {font-family: Arial; font-weight: bold; color: black; }
.lienboldblue:link {font-family: Arial; font-weight: bold; color: black; }
.liensmall:link {font-family: Arial; color: black;}
a:visited { font-family: Arial; color: black ; }
.lienmenu:visited {font-family: Arial; font-weight: normal; color: silver; text-decoration: none; }
.lienorange:visited { font-family: Arial; font-weight: normal; color: black; border-bottom: 3px solid #FF751a; }
.liengold:visited { font-family: Arial; font-weight: normal; color: black; border-bottom: 3px solid #FDB515; }
.lienblue:visited {font-family: Arial; font-weight: normal; color: black; border-bottom: 3px solid #87cefa; }
.liengreen:visited {font-family: Arial; font-weight: normal; color: black; border-bottom: 3px solid #9ACD32; }
.liengrey:visited {font-family: Arial; font-weight: normal; color: black; border-bottom: 3px solid #778899; }
.liengreyturquoise:visited {font-family: Arial; font-weight: normal; color: black; border-bottom: 3px solid #778899; }
.lienpink:visited {font-family: Arial; font-weight: normal; color: black; border-bottom: 3px solid #f64a8a; }
.lienboldorange:visited { font-family: Arial; font-weight: bold; color: black; border-bottom: 3px solid #FF751a; }
.lienboldgreen:visited {font-family: Arial; font-weight: bold; color: black; }
.lienboldblue:visited {font-family: Arial; font-weight: bold; color: black; }
.liensmall:visited { font-family: Arial; color: black ; }
a:hover { font-family: Arial; font-weight: normal; color: green; text-decoration: none; }
.lienmenu:hover { font-family: Arial; font-weight: normal; color: yellow; text-decoration: none; }
.lienorange:hover {font-family: Arial; font-weight: normal; color: #FF751a; border-bottom: 3px solid; }
.liengold:hover {font-family: Arial; font-weight: normal; color: #FDB515; border-bottom: 3px solid; }
.lienblue:hover {font-family: Arial; font-weight: normal; color: #87cefa; border-bottom: 3px solid; }
.liengreen:hover {font-family: Arial; font-weight: normal; color: #9ACD32; border-bottom: 3px solid; }
.liengrey:hover {font-family: Arial; font-weight: normal; color: #778899; border-bottom: 3px solid; }
.liengreyturquoise:hover {font-family: Arial; font-weight: normal; color: #37C1BE; border-bottom: 3px solid; }
.lienpink:hover {font-family: Arial; font-weight: normal; color: #f64a8a; border-bottom: 3px solid; }
.lienboldorange:hover {font-family: Arial; font-weight: bold; color: #FF751a; border-bottom: 3px solid; }
.lienboldgreen:hover {font-family: Arial; font-weight: bold; color: green; }
.lienboldblue:hover {font-family: Arial; font-weight: bold; color: #004184; }
.liensmall:hover { font-family: Arial; font-weight: normal; color: lightslategray ; }
a:active { font-family: Arial; font-weight: normal; color: aqua; text-decoration: none; }
div.gallery {
margin-left: 5%;
margin-right: 5%;
border: 0.08em solid #ccc;
float: left;
width: 11.25em;
}
div.clear {
clear: both;
}
div.gallery:hover {
border: 0.08em solid #777;
}
div.gallery img {
width: 100%;
height: auto;
}
div.description {
padding: 0.1em;
font-size: 0.8em;
text-align: center;
}
div.newsphoto {
display: inline-block;
}
div.newsdescription {
display: inline-block;
border-style: solid;
border-color: #E8E8E8;
}
div.clear {
clear: both;
}
div.newsgallery img {
width: 100%;
height: auto;
}
@media (max-width: 860px){
body{
line-height:1.6em;
}
p{
margin-left: 2em;
margin-right: 2em;
}
p.marge{
margin-left: 2em;
margin-right: 2em;
}
h3 {
margin-left: 2em;
margin-right: 2em;
}
p.marge2{
margin-left: 2.8em;
margin-right: 2.8em;
}
}
@media (max-width: 600px){
body{
line-height:1.8em;
}
p{
margin-left: 0%;
margin-right: 0%;
}
p.marge{
margin-left: 0%;
margin-right: 0%;
}
p.chapeau{
margin-left: 0%;
margin-right: 0%;
}
p.centrage{
margin-left: 0%;
margin-right: 0%;
}
p.centragesmall{
margin-left: 0%;
margin-right: 0%;
}
nav {
margin-left: 0%;
margin-right: 0%;
}
h1{
margin-left: 0%;
margin-right: 0%;
}
h1.bluecolor{
margin-left: 0%;
margin-right: 0%;
}
h1.blue{
margin-left: 0%;
margin-right: 0%;
}
h1.green{
margin-left: 0%;
margin-right: 0%;
}
h1.orange{
margin-left: 0%;
margin-right: 0%;
}
h2{
margin-left: 0%;
margin-right: 0%;
}
h3{
margin-left: 0%;
margin-right: 0%;
}
h3.orange{
margin-left: 0%;
margin-right: 0%;
}
h3.green{
margin-left: 0%;
margin-right: 0%;
}
h3.blue{
margin-left: 0%;
margin-right: 0%;
}
p.marge1{
margin-left: 0%;
margin-right: 0%;
}
p.marge2{
margin-left: 0%;
margin-right: 0%;
}
div.newsgallery {
margin-left: 5%;
margin-right: 5%;
float: none
}
div.newsgallery img {
max-width: 250px;
height: auto;
}
}