@charset "utf-8";
/* CSS Document */
body
{
margin:0; background-color:#CCCCCC;
}
/******************* index ******************/
.all
{
	margin:auto;
	height:617px;
	width:1088px;
	background-color:#2E3252;
}
.left
{
float:left; height:617px; width:220px;
}
.top
{
float:left; height:379px; width:868px;background-color:#5a5045;
}
.bas
{
float:left; height:238px; width:868px; background-image: url(../images/bas_03.jpg);
}
.cadre1
{
float:left; height:202px; width:228px; background-image:url(../images/cadre1_06.jpg); margin-top:21px; margin-left:4px !important; margin-left:2px;
}
.proch
{
float:left; height:195px; width:220px; background-image:url(../images/mararkech.jpg); margin-top:5px; margin-left:2px !important; margin-left:1px;
}
.video
{
float:left; height:197px; width:264px;margin-top:24px;  margin-left:12px;
}
.meteo
{
float:left; height:197px; width:328px;margin-top:24px; background-image: url(../images/meteo_08.jpg); margin-left:12px;
}
.formenu
{
float:left; height:auto; width:auto; margin-left:27px !important; margin-left:14px; margin-top:25px;
}.boutons {
	font-family: Verdana, Geneva, sans-serif;
	color: #CCC;
	font-size: 12px;
}
.boutons a {
	color: #2D3252;
}
.t {
	color: #2D3252;
}
.t {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
.boutons a {
	color: #333;
}


/****************** centre et det *********************/

.ce1
{
margin:auto; height:898px; width:955px; background-color:#c0baba;
}

.ce2
{
float:left; height:898px; width:232px;
}


.ce3
{
float:left; height:860px; width:305px;margin-top:10px; background-color:#dfdbd5;
}


.ce4
{
float:left; height:860px; width:406px;margin-top:10px; background-color:#dfdbd5;
}

.ce5
{
float: left; height:861px; width:222px; margin-left:10px !important; margin-left:5px; margin-top:10px; background-image:url(../images/page-nour_07.jpg);
}

.ce6
{
float: left; height:190px; width:220px; background-image:url(../images/logo_centre_03.jpg);
}

.ce7
{
float: left; height:26px; width:160px; background-image: url(../images/marra_centrer_07.jpg); margin-left:6px !important; margin-left:3px; margin-top:10px;
}

.ce8
{
float:left; height:202px; width:220px;  margin-top:5px; margin-left:8px !important; margin-left:0px;
}

.ce9
{
float:left; height:auto; width:220px; margin-top:5px;
}













.det1
{
margin:auto; height:477px; width:955px; background-image: url(../images/p55.jpg);
}

.det2
{
float:left; height:460px; width:231px;
}


.det3
{
float:left; height:457px; width:724px;margin-top:3px; background-image:url(../images/cadre_bod_02.jpg);
}


.det4
{
float:left; height:457px; width:15px;margin-top:10px; background-image:url(../images/page-nour_07.jpg);
}

.det5
{
float: left; height:457px; width:222px; margin-left:9px !important; margin-left:4px; margin-top:3px; background-image:url(../images/page-nour_07.jpg);
}

.det6
{
float: left; height:190px; width:220px; background-image:url(../images/logo_centre_03.jpg);
}

.det7
{
float: left; height:26px; width:160px; background-image: url(../images/marra_centrer_07.jpg); margin-left:6px !important; margin-left:3px; margin-top:10px;
}

.det8
{
float:left; height:202px; width:220px;  margin-top:5px; margin-left:8px !important; margin-left:4px;
}

.det9
{
float:left; height:auto; width:220px; margin-top:5px;
}

.det10
{
float:left; height:145px; width:724px;
}

.det11
{
float:left; height:145px; width:321px;
}
.det12
{
float:left; height:145px; width:403px; 
}


.det13
{
float:left; height:159px; width:724px;
}

.det14
{
float:left; height:75px; width:693px;
}
.det15
{
float:left; height:223px; width:724px;
}


.det16
{
float:left; height:159px; width:322px;
}

.det17
{
float:left; height:159px; width:402px;
}


.det18
{
float:left; height:100px; width:365px; margin-top:21px; background-color:#CCCCCC;
}


.det19
{
float:left; height: auto; width:300px; margin-top:95px; font-family:Verdana; font-size:18px; color:#262A45; margin-left:21px !important; margin-left:10px;
}

.det20
{
float:left; height: auto; width:662px; margin-left:30px !important; margin-left:15px;
}

.det21
{
float:left; height:28px; width:165px; color:#2e2b27; font-size:9px; font-family:Verdana;
}

.det22
{
float:left; height:140px; width:280px;margin-left:21px !important; margin-left:10px; margin-top:8px;
}

.det23
{
float:left; height:19px; width:951px; background-image:url(../images/foot.jpg);
}



.dett1
{
margin:auto; height:865px; width:955px; background-image: url(../images/p55.jpg);
}
.dett5
{
float: left; height:862px; width:222px; margin-left:9px !important; margin-left:4px; margin-top:3px; background-image:url(../images/page-nour_07.jpg);
}


.dett15
{
float:left; height:583px; width:724px; background-image:url(../images/pic_la.jpg);
}

.dett20
{
float:left; height: auto; width:285px; margin-left:30px !important; margin-left:15px; margin-top:30px;
}

.dett14
{
float:left; height: auto; width:691px; background-image:url(../images/piiiii44.jpg);
}


.dett24
{
height:583px; width:320px; float:left;
}

.dett25
{
height:700px; width:360px; float:left; margin-top:-130px; position:relative; border-left:dotted #2e2b27 1px;
}

.dett26
{
height:auto; width:240px; float:left; margin-left:15px !important; margin-left:7px;
}

.dett27
{
height:430px; width:290px; float:left; margin-left:16px !important; margin-left:8px; font-size:11px; font-family:Verdana; color:#2e2b27; padding:5px; margin-top:40px; text-align:justify;
}


.dett28
{
height: auto; width:290px; float:left; margin-left:16px !important; margin-left:8px; font-size:12px; font-family:Verdana; color:#2e2b27; padding:2px;
}


.dett30
{
float:left; height:auto; width:70px;font-size:12px; font-family:Verdana; color:#2e2b27;
}

.dett31
{
float:left; height:auto; width:220px;font-size:11px; font-family:Verdana; color:#2e2b27;
}

.dett23
{
margin:auto; height:19px; width:955px; background-image:url(../images/foot.jpg);
}

.dett32
{
margin:auto; width:248px; height:154px;
}


.dett33
{
margin:auto; width:248px; height:154px; margin-top:15px;
}



/*************** admin *****************/
.a1
{
margin:auto; height:600px; width:622px;
}

.he1
{
float:left; height:186px; width:622px; margin-top:150px; background-color: #333333; background-image:url(../images/centre_ghanem.jpg);
}
.co1
{
float:left; height:200px; width:622px; background-color:#333333;
}
.co2
{
margin:auto; height:180px; width:175px; margin-top:20px;
}
.log
{
float:left; height:auto; width:100px; margin-top:5px;font-family: Verdana; font-size:13px; color:#a6988d;
}
.pass
{
float:left; height:auto; width:175px; margin-top:5px;
}

.bo
{
font-family: Verdana; font-size:15px; color:#a6988d;
}
.ero
{
float:left; height:auto; width:175px; font-family: Verdana; font-size:10px; color: #990000; margin-top:10px;
}
.vbo2
{
height:18px; width:60px;font-size:10px; font-family:Verdana; color: #666666;
}

/******************** menu ****************/


.page
{
margin:auto; height:756px; width:850px;
}

.page2
{
float:left; height:756px; width:850px; background-color: #333333; margin-top:50px;
}
.arbre
{
float:left; height: auto; width:789px; margin-top:15px;
}

.out
{
float: right; height:auto; width: auto; font-family: "Myriad Pro"; font-size:20px; color:#FFFFFF; font-style:italic;
}

.cadremenu
{
margin:auto; height:400px; width:300px; margin-top:200px;
}
.cadreloc
{
float:left; height:auto; width:260px;font-family: Verdana; font-size:17px; color: #a6988d; font-style:italic; padding:20px; border:#666666 solid 1px; margin-top:5px;
}

#f a:link {
	text-decoration: none;
	color: #FFFFFF;
}
#f a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#f a:hover {
	text-decoration: none;
	color: #ab4002;
}
#f a:active {
	text-decoration: none;
	color: #ab4002;
}

.location2
{
float:left; height:auto; width: auto; font-family: Verdana; font-size:17px; color: #FFFFFF; font-style:italic;
}
#e a:link {
	text-decoration: none;
	color: #a6988d;
}
#e a:visited {
	text-decoration: none;
	color: #a6988d;
}
#e a:hover {
	text-decoration: none;
	color: #ab4002;
}
#e a:active {
	text-decoration: none;
	color: #ab4002;
}

/***************** maj **********************/
.cadremaj
{
margin:auto; height:650px; width:850px; margin-top:100px;
}
.cadremaj2
{
margin:auto; height:650px; width:850px; float:left;  overflow: scroll;
}
.aa1
{
float:left; height:auto; width:178px;font-family: Verdana; font-size:16px; color: #a6988d; border:#e9b150  solid 1px;
}
.aa2
{
float:left; height:auto; width:143px;font-family: Verdana; font-size:16px; color: #a6988d; border:#e9b150  solid 1px;
}
.aa3
{
float:left; height:auto; width:176px;font-family: Verdana; font-size:16px; color: #a6988d; border:#e9b150  solid 1px;
}
.aa4
{
float:left; height:auto; width:166px;font-family: Verdana; font-size:16px; color: #a6988d; border:#e9b150  solid 1px;
}
.aa5
{
float:left; height:auto; width:83px;font-family: Verdana; font-size:16px; color: #a6988d; border:#e9b150  solid 1px;
}
.aa6
{
float:left; height:auto; width:158px;font-family: Verdana; font-size:16px; color: #e9b150; border:#a6988d  solid 1px;
}


.aaa1
{
float:left; height:100px; width:178px;font-family: Verdana; font-size:16px; color: #a6988d; border:#e9b150  solid 1px;
}
.aaa2
{
float:left; height:100px; width:143px;font-family: Verdana; font-size:16px; color: #FFFFFF; border:#e9b150  solid 1px;
}
.aaa3
{
float:left; height:100px; width:176px;font-family: Verdana; font-size:16px; color: #FFFFFF; border:#e9b150  solid 1px;
}
.aaa4
{
float:left; height:100px; width:166px;font-family: Verdana; font-size:16px; color: #FFFFFF; border:#e9b150  solid 1px;
}
.aaa5
{
float:left; height:100px; width:83px;font-family: Verdana; font-size:16px; color: #FFFFFF; border:#e9b150  solid 1px;
}
.aaa6
{
float:left; height:65px; width:158px;font-family: Verdana; font-size:14px; color: #e9b150; border:#a6988d  solid 1px; padding-top:35px;
}



.location
{
float:left; height:auto; width: auto; font-family: "Myriad Pro"; font-size:20px; color:#FFFFFF; font-style:italic; margin-left:10px !important; margin-left:5px;
}
#d a:link {
	text-decoration: none;
	color: #e9b150;
}
#d a:visited {
	text-decoration: none;
	color: #e9b150;
}
#d a:hover {
	text-decoration: none;
	color: #ab4002;
}
#d a:active {
	text-decoration: none;
	color: #ab4002;
}


.tx1
{
float:left; height: auto; width:100px; margin-left:10px !important; margin-left:5px; margin-top:5px;font-family: "Myriad Pro"; font-size:15px; color:#a6988d;
}


.tx2
{
float:left; height: auto; width:300px; margin-top:5px;
}

.cadremodi
{
float:left; height: auto; width:410px;
}

.cadremodi2
{
float:left; height: auto; width:410px;
}


.tx2bo
{
float:left; height: auto; width:300px; margin-top:20px; font-family: "Myriad Pro"; font-size:15px; color: #e9b150;
}


.tx1bo
{
float:left; height: auto; width:100px; margin-left:10px !important; margin-left:5px; margin-top:20px;font-family: "Myriad Pro"; font-size:15px; color:#a6988d;
}








#k a:link {
font-size:13px; font-family:Verdana;
	text-decoration: none;
	color:#2e2b27
}
#k a:visited {
font-size:13px; font-family:Verdana;
	text-decoration: none;
	color:#2e2b27
}
#k a:hover {
	text-decoration: none;
	color: #ab4002;
}
#k a:active {
font-size:13px; font-family:Verdana;
	text-decoration: none;
	color: #ab4002;
}

#kc a:link {
font-size:9px; font-family:Verdana;
	text-decoration: none;
	color:#2e2b27;
}
#kc a:visited {
font-size:9px; font-family:Verdana;
	text-decoration: none;
	color:#2e2b27;
}
#kc a:hover {
    font-size:9px;
    font-family:Verdana;
	text-decoration: none;
	color: #ab4002;
}
#kc a:active {
font-size:9px; font-family:Verdana;
	text-decoration: none;
	color: #ab4002;
}



.det20a
{
float:left; height: auto; width:470px; margin-left:30px !important; margin-left:15px; 
}







#sd a:link {
font-size:13px; font-family:Verdana;
	text-decoration: none;
	color:#FFCC33;
}
#sd a:visited {
font-size:13px; font-family:Verdana;
	text-decoration: none;
	color:#FFCC33;
}
#sd a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
#sd a:active {
font-size:13px; font-family:Verdana;
	text-decoration: none;
	color: #FFFFFF;
}



#sdd a:link {
font-size:12px; font-family:Verdana;
	text-decoration: none;
	color: #333333;
}
#sdd a:visited {
font-size:12px; font-family:Verdana;
	text-decoration: none;
	color:#333333;
}
#sdd a:hover {
font-size:12px; font-family:Verdana;
	text-decoration: none;
	color: #FF9900;
}
#sdd a:active {
font-size:12px; font-family:Verdana;
	text-decoration: none;
	color: #FF9900;
}



.det21t
{
float:left; height:28px; width:155px; color:#2e2b27; font-size:9px; font-family:Verdana;
}






.det19t
{
float:left; height: auto; width:300px; margin-top:50px; font-family:Verdana; font-size:18px; color:#262A45; margin-left:21px !important; margin-left:10px;
}






#sdh a:link {
font-size:11px; font-family:Verdana;
	text-decoration: none;
	color:#262A45;
}
#sdh a:visited {
font-size:11px; font-family:Verdana;
	text-decoration: none;
	color:#262A45;
}
#sdh a:hover {
font-size:12px; font-family:Verdana;
	text-decoration: none;
	color: #CC0000;
}
#sdh a:active {
	font-size:12px;
	font-family:Verdana;
	text-decoration: none;
	color: #252944;
}







.aa1maj
{
float:left; height:auto; width:321px;font-family: Verdana; font-size:16px; color: #a6988d; border:#e9b150  solid 1px;
}


.aaa1maj
{
float:left; height:100px; width:321px;font-family: Verdana; font-size:16px; color: #a6988d; border:#e9b150  solid 1px;
}


.aaa3maj
{
float:left; height:100px; width:342px;font-family: Verdana; font-size:16px; color: #FFFFFF; border:#e9b150  solid 1px;
}


.aa3maj
{
float:left; height:auto; width:342px;font-family: Verdana; font-size:16px; color: #a6988d; border:#e9b150  solid 1px;
}




.meteo2233
{
float:left; height:197px; width:141px;margin-top:24px;
}

.video2233
{
float:left; height:197px; width:477px;margin-top:24px;  margin-left:12px;
}

.meteo22
{
float:left; height:197px; width:368px;margin-top:24px; margin-left:12px;
}


.video22
{
float:left; height:197px; width:228px;margin-top:24px;  margin-left:12px;
}