@import url('https://fonts.googleapis.com/css2?family=Amiri&subset=arabic');
body{ background:#e8f3f9; font-family:'Amiri', serif; font-size:16px; direction:rtl;}
.container{width:1000px;margin:auto;}
a {text-decoration:none; color:#00366C; }
a:hover {text-decoration:none; color:#0000FF;}
.foot {background:url(../images/piedbg.gif) repeat; text-align:center; width:100%; height:180px; margin-top:20px; margin-bottom:10px; border:2px solid #cee7f4; border-radius: 30px; padding-top:8px; }
.foot img { width:37px; height:40px; border:none; margin:0px 20px; }
.tawasal { width:80px; background:#57a1ca; margin:auto; margin-bottom:14px; margin-top:6px; border:1px solid #cee7f4; border-radius: 50px; font-weight:bold;}
.tawasal:hover { background:#478fba; color:#00366C;}
.tawasal a {color: #ddeeff;}
.tawasal a:hover { color:#00366C;}
.block{float:right;}
.block:after{clear:right;}
.haut { margin:auto; margin-bottom:10px; height:118px; width:100%; text-align:center;}
.logosite { display:inline-block; text-align:center;}
.logosite img { width:313px; height:116px;}
/* menu haut */
.menu{width:100%; margin:auto; margin-bottom:10px;}
.clearfix:before,
.clearfix:after {content: " "; display: table;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
nav {height: 33px; width: 100%; font-weight: bold; position: relative; background: #cfe7f4 url(../images/dolphin_bg.gif) repeat-x; border:0px; border-radius: 10px; }
nav ul {padding: 0; margin: 0 auto; width: 980px; height: 33px;}
nav li {display: inline;}
nav a {color: #ffffff; display: inline-block; width: 98px; text-align: center; text-decoration: none; line-height: 33px; background:url(../images/dolphin_bg.gif) repeat-x; padding:auto; }
nav li a { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
nav li:last-child a {border-right: 0;}
nav a:hover, nav a:active {background:url(../images/dolphin_bg-OVER.gif) repeat-x; color:#fff;}
nav a#pull {display: none;}
.gg700 {width:98%; text-align:center; margin:auto; margin-top:20px; margin-bottom:20px; }
.chainetv {width:100%; margin:auto; margin-top:20px; text-align:center;}
.chaineimg { display: inline-block; margin:auto; margin-right:10px; margin-bottom:20px; width:156px; height:160px; text-align:center; border:4px solid #A4D1FF; border-radius: 0px 0px 20px 20px; vertical-align:top; line-height:15px; }
.chaineimg:hover {background:#fff; border:4px solid #A4D1FF;}
.chaineimg img { width:156px; height:125px; border:none; margin-bottom:5px;}
.pagetv { width:100%; margin-top:10px; text-align:center;}
.cadreembed { margin:auto; margin-top:10px; margin-bottom:10px;}
.titrehaut {text-align:center; margin:auto; margin-bottom:15px; padding:2px; display:block; width:360px; border:2px solid #A4D1FF; border-radius: 20px 20px 20px 20px;}
.wasttv { width:100%; margin:auto;}
.titretv { width:300px; margin:auto; margin-top:10px; margin-bottom:10px; padding:5px; text-align:center;  border:2px solid #A4D1FF; border-radius: 30px 30px 30px 30px; }
.titretv h1, .titrehaut h1 {font-size:22px;}
@media screen and (max-width: 1024px) {
.container{width:100%;margin:0 auto;}
	nav { height: auto; background:none;  }
  	nav ul { width: 680px; display: block; height: auto; }
  	nav li { width: 33%; float: right;  position: relative; }
  	nav li a { border-bottom: 1px solid #57a1ca; border-right: 1px solid #57a1ca; }
  	nav a { text-align: center; width: 100%; text-indent: 15px; background:url(../images/dolphin_bg.gif) repeat-x; }
	nav a:hover { background:url(../images/dolphin_bg-OVER.gif) repeat-x; }
.tawasol { display:none;}
.foot { margin-top:10px;}
}
@media screen and (max-width: 720px) {
  	nav ul { width: 95%; }
  	nav li { width: 50%; }
.ra2isia { display:none;}
.logosite img { width:256px;}
.chaineimg { width:136px; height:150px;}
.chaineimg img { width:136px; height:105px;}
.titretv { width:300px;}
.titretv, .titrehaut { padding:2px;}
.titretv h1, .titrehaut h1 {font-size:16px;}
}
@media only screen and (max-width : 540px) {
nav { border-bottom: 0; }
nav ul { display: none; width:100%; height: auto; }
nav a#pull { display: block; background:#133d55; color:#fff; width: 100%; position: relative; text-align:center; }
nav a#pull:after { content:""; background: url(../images/nav-icon.png) no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 6px; }
.logosite { width:85%; }
.logosite img { width:313px;}
.chaineimg { width:111px; height:125px; margin-right:5px; line-height:16px;}
.chaineimg img { width:111px; height:80px;}
.titrehaut { width:90%;}
.gg700 { height: auto;}
}
@media only screen and (max-width : 320px) {
nav li {display: block; float: right; width: 100%;}
nav a {  text-align:right; text-indent: 30px; }
.logosite { width:93%; }
.titretv { width:210px;}
}