﻿body{font-family:Arial, sans-serif;font-size:100%;background-color:#FFFFFF;line-height:1.5;text-align:right;color:#000305;direction:rtl;}
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:50px;}
.mainHeader nav ul, .mainFooter nav ul{list-style:none;margin:0 auto;}
.mainHeader nav ul li, .mainFooter nav ul li{float:right;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:right;overflow:hidden;}
.Content{width:70%;float:right;margin-right:5%;text-align:justify;}
.topcontent{background-color:#FFFFFF;padding:0% 3%;margin-top:1%;}
.downcontent{width:90%; background-color:#FFFFFF;padding:0% 0%;margin-top:1%;margin-right:0%;}
.top-sidebar{width:20%;float:left;margin:1% 0% 3% 0%;padding:0% 1%;background-color:#FFFFFF;}
.mainFooter{width:100%;height:40px;float:right;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-right:0;font-size:2.0em;text-align:right;}
h2,h3,h4,h5{color:#000000;margin:0;padding:0px;font-size:1em;text-align:right;}
.formLigne{background-color:#CECECF;width:400px;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:400px;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-right:0;}
.mainHeader nav ul li{width:100%;text-align:center;font-size:100%;}
.mainFooter nav ul li{width:90%;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;}
.Content{width:70%;height:40%; float:right;}
.downcontent{width:120%; background-color:#FFFFFF;padding:0% 0%;margin-top:1%;margin-right:0%;}
.downcontent ul li{text-align:right;}
.mainContent .Content .topcontent .imgpage{width:25%;height:25%;}
.new05{font-size:0.9em;}
h1{font-size:1.5em;}
.topcontent{background-color:#FFFFFF;padding:0% 3%;margin-top:1%;border-radius:5%;-moz-border-radius:5%;-webkit-border-radius:5%;d}
.top-sidebar{width:20%;height:40%;b}
.mainContent .top-sidebar .imgpage{width:100%;height:100%;}
.formLigne{width:100%;height:100%;font-size:100%;}
.textbox{background-color:#CECECF;height:100%;width:100%;font-size:100%;}
.button2{height:90%;width:40%;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:200px;}
.mainFooter nav{height:200px;}
.mainHeader nav ul{padding-right:0;}
.mainHeader nav ul li{width:100%;text-align:center;font-size:0.9em;}
.mainHeader nav a:link, .mainHeader nav a:visited, .mainFooter nav a:link, .mainFooter nav a:visited{color:#FFF;display:block;padding:10px;height:20px;}
.mainFooter nav ul{padding-right:0;}
.mainFooter nav ul li{width:90%;text-align:center;font-size:0.9em;}
.mainFooter nav a:link, .mainHeader nav a:visited{color:#FFF;display:block;padding:10px 10px;height:20px;}
.Content{width:70%;float:right;}
.topcontent{background-color:#FFFFFF;padding:0% 3%;margin-top:1%;}
.top-sidebar{width:20%;float:right;margin:1% 0% 0% 0%;padding:2% 1%;background-color:#FFFFFF;}
.new05{font-size:1.0em;}
h1{font-size:1.9em;}
.mainContent .top-sidebar .imgpage{width:80%;height:80%;}
.mainContent .Content .topcontent img{width:30%;height:30%;}
.formLigne{width:100%;height:100%;font-size:100%;}
.textbox{background-color:#CECECF;height:100%;width:100%;font-size:100%;}
.button2{height:100%;width:30%;margin-right:45%;font-size:100%;}
.mainContent .Content .topcontent form{font-size:100%;}
}
