﻿body{font-family:Arial, sans-serif;font-size:100%;background-color:#FFFFFF;line-height:1.5;text-align:left;color:#000305;direction:ltr;}
a{text-decoration:none;}
a:link, a:visited{color:#01345A;}
a:hover, a:active{background-color:#01345A;color:#FFFFFF;}
.body{margin:0 auto;width:70%;clear:both;background-color:#FFFFFF;border:solid 1px;border-color:#585858;}
.curpage{background-color:#055998;}
.lang{background-color:#01345A;}
.mainHeader img{width:100%;height:auto;margin:0% 0 0% 0;}
.mainHeader nav, .mainFooter nav{background-color:#2C393F;color:#FFFFFF;height:40px;}
.mainHeader nav ul, .mainFooter nav ul{list-style:none;margin:0 auto;}
.mainHeader nav ul li, .mainFooter nav ul li{float:left;display:inline;}
.mainHeader nav a:link, .mainHeader nav a:visited{color:#FFF;display:inline-block;padding:10px 25px;height:20px;}
.mainFooter nav a:link, .mainFooter nav a:visited{color:#FFF;display:inline-block;padding:0px 10px;height:20px;}
.mainHeader nav a:hover , .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited, .mainFooter nav a:hover , .mainFooter nav a:active,
.mainFooter nav .active a:link, .mainFooter nav .active a:visited{background-color:#01345A;text-shadow:none;}
.mainFooter nav ul li{color:#FFF;display:inline-block;padding:10px 25px;height:20px;}
.mainContent{line-height:20px;text-align:left;overflow:hidden;}
.Content{width:68%;float:left;margin-left:5%;}
.topcontent{background-color:#FFFFFF;padding:0% 3%;margin-top:1%;}
.downcontent{width:100%;float:left;margin-left:0%;}
.top-sidebar{width:20%;float:right;margin:1% 0% 3% 0%;padding:0% 3%;background-color:#FFFFFF;}
.mainFooter{width:100%;height:40px;float:left;margin-top:2%;margin-bottom:2%;background-color:#808080;}
.mainFooter p{width:92%;margin:10px auto;color:#FFFFFF;}
.new05{font-family:Arial, Helvetica, sans-serif;font-size:1.5em;line-height:1.5em;font-weight:bolder;text-decoration:none;color:#FF0000;text-align:center;}
h1{padding:0;color:#48668A;text-shadow:none;margin-bottom:0.5em;margin-left:0;font-size:2.0em;text-align:left;}
h2,h3,h4,h5{color:#000000;margin:0;padding:0px;font-size:1em;text-align:left;}
.formLigne{background-color:#CECECF;width:500px;border:1px solid #000000;padding:5px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;font-family:Arial, Helvetica, sans-serif;font-size:13px;text-decoration:none;color:#000000;}
.textbox{background-color:#CECECF;height:190px;width:500px;border:1px solid #000000;padding:5px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;font-family:Arial, Helvetica, sans-serif;font-size:13px;text-decoration:none;color:#000000;}
.button2{background-color:#CECECF;height:30px;width:70px;border:1px solid #000000;padding:5px;margin-right:450px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;font-family:Arial, Helvetica, sans-serif;font-size:13px;text-decoration:none;color:#000000;}
@media only screen and (min-width:250px) and (max-width:768px){.body{width:90%;font-size:100%;}
.mainHeader img{width:100%;}
.mainHeader nav{height:250px;}
.mainFooter nav{height:160px;}
.mainHeader nav ul, .mainFooter nav ul{padding-left:0;}
.mainHeader nav ul li{width:100%;text-align:center;font-size:100%;}
.mainFooter nav ul li{width:90%;text-align:center;font-size:!00%;}
.mainHeader nav a:link, .mainHeader nav a:visited, .mainFooter nav a:link, .mainFooter nav a:visited{color:#FFF;display:block;padding:10px 25px;height:20px;}
.Content{width:65%;float:left;}
.downcontent{background-color:#FFFFFF;margin-top:1%;width:130%;}
.mainContent .Content .topcontent .imgpage{width:25%;height:25%;}
.new05{font-size:0.9em;}
h1{font-size:1.5em;}
.topcontent{background-color:#FFFFFF;padding:0% 1%;margin-top:1%;border-radius:5%;-moz-border-radius:5%;-webkit-border-radius:5%;}
.top-sidebar{width:20%;margin:2% 0% 2% 0%;padding:1% 3%;}
.mainContent .top-sidebar .imgpage{width:100%;height:100%;}
.formLigne{width:80%;height:90%;font-size:100%;}
.textbox{background-color:#CECECF;height:90%;width:80%;font-size:100%;}
.button2{height:90%;width:30%;margin-right:45%;font-size:100%;}
.mainContent .Content .topcontent form{font-size:100%;}
}
@media only screen and (min-width:769px) and (max-width:1024px){.body{width:90%;font-size:100%;}
.mainHeader img{width:100%;}
.mainHeader nav{height:250px;}
.mainFooter nav{height:160px;}
.mainHeader nav ul{padding-left:0;}
.mainHeader nav ul li{width:100%;text-align:center;font-size:100%;}
.mainHeader nav a:link, .mainHeader nav a:visited, .mainFooter nav a:link, .mainFooter nav a:visited{color:#FFF;display:block;padding:10px 25px;height:20px;}
.mainFooter nav ul{padding-left:0;}
.mainFooter nav ul li{width:90%;text-align:center;font-size:100%;}
.mainFooter nav a:link, .mainHeader nav a:visited{color:#FFF;display:block;padding:10px 10px;height:20px;}
.Content{width:70%;float:left;}
.topcontent{background-color:#FFFFFF;padding:0% 3%;margin-top:1%;}
.top-sidebar{width:20%;float:left;margin:1% 0% 0% 0%;padding:3% 1%;background-color:#FFFFFF;}
.new05{font-size:100%;}
h1{font-size:1.9em;}
.mainContent .top-sidebar .imgpage{width:90%;height:90%;}
.mainContent .Content .topcontent img{width:20%;height:20%;}
.formLigne{width:80%;height:90%;font-size:100%;}
.textbox{background-color:#CECECF;height:90%;width:80%;font-size:100%;}
.button2{height:90%;width:30%;margin-left:45%;font-size:100%;}
.mainContent .Content .topcontent form{font-size:100%;}
}
@media only screen and (min-width:1025px) and (max-width:1350px){.body{margin:0 auto;width:90%;clear:both;background-color:#FFFFFF;border:solid 1px;border-color:#585858;}
   
.mainContent .top-sidebar .imgpage{width:80%;height:80%;}
.mainHeader img{width:100%;height:auto;margin:0% 0 0% 0;}
.mainContent{line-height:20px;text-align:justify;overflow:hidden;}
 .mainHeader nav a:link, .mainHeader nav a:visited, .mainFooter nav a:link, .mainFooter nav a:visited {color: #FFF;display: block;padding: 10px 25px;height: 20px;}
.Content{width:70%;float:left;}
.topcontent{background-color:#FFFFFF;padding:0% 3%;margin-top:1%;}
.top-sidebar{width:20%;float:left;margin:1% 0% 0% 0%;padding:5% 3%;background-color:#FFFFFF;}
.mainFooter{width:100%;height:40px;float:left;margin-top:2%;margin-bottom:2%;background-color:#808080;}
.mainFooter p{width:92%;margin:10px auto;color:#FFFFFF;}
.new05{font-family:Arial, Helvetica, sans-serif;font-size:1.0em;line-height:1.0em;font-weight:bolder;text-decoration:none;color:#FF0000;text-align:center;}
h1{padding:0;color:#48668A;text-shadow:none;margin-bottom:0.5em;margin-left:0;font-size:1.5em;text-align:left;}
h2,h3,h4,h5{color:#000000;margin:0;padding:0px;font-size:100%;text-align:left;}
.formLigne{background-color:#CECECF;width:500px;border:1px solid #000000;padding:5px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;font-family:Arial, Helvetica, sans-serif;font-size:13px;text-decoration:none;color:#000000;}
.backtotop{text-decoration:underline;font-weight:bolder;}
}