/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Redefinitions des balises HTML */ 
/*html{ overflow:-moz-scrollbars-vertical; }*/
*{margin:0;padding:0;}
body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:#666666;}
img{border:0}
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color:#47515c; }
td{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color:#666666;}
a{text-decoration:none; font-size: 11px;color:#00BFFF;}
a:hover{color:#00BFFF;}
img{border:none;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV HAUT*/ 
#Globale{width:777px; margin:0 auto;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV Heauder*/ 
#header{width:777px;}
#header .menuTop{width:388px; height:26px; padding-left:150px; }
#header .menuTop ul{list-style:none; margin:5px 7px 0 7px; }
#header .menuTop ul li{ display:inline;color:#666666; font-size:10px;}
#header .menuTop ul li a{ color:#666666; text-decoration:none; margin-right:4px;margin-left:3px; font-size:10px;}
#header .menuTop ul li a:hover{ color:#666666; text-decoration:underline;}

#Menuompic {padding-left:150px;}
#Menuompic ul{list-style:none; margin:5px 7px 0 7px;}
#Menuompic ul li{ display:inline; }
#header .recheche{width:233px; height:26px; position:relative; float:right}
#header .recheche .zoneTxt{width:192px; height:14px; position: absolute; background:#E4E4E4; border:1px solid #999999; top:5px; left:0}
#header .recheche .ok{ position: absolute; background:#E4E4E4; border:1px solid #999999; top:5px; right:10px; border:none;}

#ban{width:777px; }
#ban .logo{width:156px; height:98px; float:left; text-align:center;}
#ban .banniere{width:621px; height:98px; float:left;}


#contenu{width:777px;padding-top:12px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV Menu*/
#contenu #menu{width:156px;  float:left; }

#contenu #menu ul{list-style:none; width:144px; margin:0 0 0 6px;  }
#contenu #menu li{ margin-bottom:4px;}
#contenu #menu li a{display:block; width:131px; height:20px; background:url(../images/background/fond-menu.gif) no-repeat;padding:6px 0 0 11px;font-size:10px; color:#b6232b }
#contenu #menu li a:hover{ background:url(../images/background/fond-menu-hover.gif) no-repeat; }
#contenu #menu li a.active{ background:url(../images/background/fond-menu-hover.gif) no-repeat; }

#contenu #menu .dirInfo{margin:6px 0 21px 6px;}

#contenu #txtMilieu{width:397px;   float:left; }
#contenu #txtMilieu .liens{width:376px; height:22px; background:url(../images/background/fond-liens.jpg) no-repeat; padding:4px 0 0 15px;}
#contenu #txtMilieu .liens ul {list-style:none; }
#contenu #txtMilieu .liens ul li{display:inline;}
#contenu #txtMilieu .liens ul li a{color:#878787; font-size:9px;}
#contenu #txtMilieu .liens ul li a:hover{color:#000; font-size:9px;}


#contenu #txtMilieu .txtdec{width:376px; color:#666666; padding:14px 2px 14px 11px;}
#contenu #txtMilieu .txtdec p{margin-bottom:15px; color:#666666;}


#contenu #txtMilieu .bloc1{width:196px;   float:left; margin-bottom:5px;}
#contenu #txtMilieu .bloc1 .top1{width:196px; height:9px; background:url(../images/background/top1.gif) no-repeat; overflow:hidden;}
#contenu #txtMilieu .bloc1 .milieu1{width:196px; background:url(../images/background/milieu1.gif) repeat-y;  }
#contenu #txtMilieu .bloc1 .milieu1 .txt1{width:196px; background:url(../images/background/txt1.gif) repeat-x #e9e9e9; width:184px; margin:0 0 0 4px; min-height:94px; height:90px; font-size:10px; color:#b82532; }
#contenu #txtMilieu .bloc1 .milieu1 h2{margin:0 0 9px 5px; }
#contenu #txtMilieu .bloc1 .milieu1 .txt1 ul{list-style:none; margin-left:16px;}
#contenu #txtMilieu .bloc1 .bas1{width:196px; height:10px;  float:left; background:url(../images/background/bas1.gif) no-repeat;overflow:hidden; }


#contenu #txtMilieu .bloc2{width:389px;   float:left; margin-bottom:5px;}
#contenu #txtMilieu .bloc2 .top2{width:389px; height:9px; background:url(../images/background/top2.jpg) no-repeat; overflow:hidden;}
#contenu #txtMilieu .bloc2 .milieu2{width:389px; background:url(../images/background/milieu2.jpg) repeat-y;  }
#contenu #txtMilieu .bloc2 .milieu2 .txt2{width:370px; background:url(../images/background/txt3.gif) repeat-x  top #e8e8e8; margin:0 0 0 2px;  font-size:10px; color:#666666; padding:0 5px 0 5px;}
#contenu #txtMilieu .bloc2 .milieu2 h3{margin:0 0 14px 5px; font-weight:bold; font-size:10px; }
#contenu #txtMilieu .bloc2 .milieu2 .ligne{width:100%; height:2px; overflow:hidden; background:url(../images/background/ligne.gif) no-repeat; clear:both;  }
#contenu #txtMilieu .bloc2 .bas2{width:389px; height:10px;  float:left; background:url(../images/background/bas2.jpg) no-repeat;overflow:hidden; }


#contenu #blocD{width:224px; height:98px;  float:left; }
#contenu #blocD .bloc1{width:222px;   float:left; margin-bottom:5px; margin-left:1px;}
#contenu #blocD .bloc1 .top1{width:222px; height:7px; background:url(../images/background/top4.gif) no-repeat; overflow:hidden;}
#contenu #blocD .bloc1 .milieu1{width:222px; background:url(../images/background/milieu4.gif) repeat-y;  }
#contenu #blocD .bloc1 .milieu1 .txt1{width:213px; background:url(../images/background/txt4.jpg) repeat-x #E8E8E8; margin:0 0 0 3px; font-size:10px; padding:0 0 9px 0; color:#666666; }

#contenu #blocD .bloc1 .milieu1 h2{margin:0 0 9px 5px; }
#contenu #blocD .bloc1 .milieu1 h5{color:#b82532; font-size:10px; margin-left:12px; margin:2px 0 2px 12px;}
#contenu #blocD .bloc1 .milieu1 p{color:#666666; font-size:10px; margin-left:17px;}

#contenu #blocD .bloc1 .milieu1 .txt1 ul{list-style:none; margin-left:16px;}
#contenu #blocD .bloc1 .bas1{width:222px; height:10px;  float:left; background:url(../images/background/bas4.gif) no-repeat;overflow:hidden; }


#contenu #blocD .maroc{margin:6px 0 0 4px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Acctualit�s*/
#Footer{ width:777px; height:31px; background:url(../images/background/fond-footer.gif) top no-repeat;padding-top:8px;text-align:left;}
#Footer ul{list-style:none;margin:0; padding:0; }
#Footer ul li{display:inline; color:#666666; padding-right:8px; font-size:10px; }

#Footer ul li a{text-decoration:none;color:#666666; }
#Footer ul li a:hover{text-decoration:underline;color:#666666; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Acctualit�s*/
#paiment{ width:777px; height:77px; background:#FF00FF; display:none;}

/************* FOR distant.ompic.org.ma *************/
.TD_titre { 
COLOR : #686868 ;
background-color :#D8D8D8 ;
FONT-SIZE : 12px ;
FONT-WEIGHT : bold;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 16px ;
}

.TD_titre2 { 
COLOR : #CB406B;
FONT-SIZE : 13px ;
FONT-WEIGHT : bold;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px
text-align:left;
}


.td_libelle{ 
FONT-WEIGHT: lighter;
background-color : #E8E8E8; 
FONT-SIZE: 11px; 
COLOR: #191970; 
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 

}

.TD_libelle2{ 
COLOR : #000000 ;
background-color : #F8D088;
FONT-SIZE : 14px ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px ;
}


.TD_donnees_clair{ 
COLOR : #0000FF  ;
background-color : 	#F8F8F8 ;
FONT-SIZE : 10px ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}

.TD_donnees_clair2{ 
COLOR : #000000 ;
background-color : #D97594;
FONT-SIZE : 10px ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px ;
text-align:left;
}


.TD_donnees_fonce{ 
COLOR : #505050 ;
background-color : #F0F0F0 ;
FONT-SIZE : 10px ;  font-weight:lighter;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}

SELECT { 
COLOR : #000000 ;
FONT-SIZE : 11px ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}

.remarque { 
COLOR :	#606060 ;
FONT-SIZE : 11px ;  font-weight:lighter;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}

.red { 
COLOR : red ;
FONT-SIZE : 11px ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}


.erreur { 
COLOR : RED ;
FONT-SIZE : 13px ;
FONT-WEIGHT : bold;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}

.titre { 
COLOR : #00008B;
FONT-SIZE : 12px ;
FONT-WEIGHT : bold; 
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}

.text_gris { 
COLOR : #a0a0a0 ;
FONT-SIZE : 13px ;
FONT-WEIGHT : bold;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}

.text_simple { 
COLOR : #00BFFF ;
FONT-SIZE : 13px ;
FONT-WEIGHT : bold;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}

A {
color: #00008B ;
text-decoration: yes;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
FONT-SIZE : 10px ;
}

.A_gris {
color: #a0a0a0;
text-decoration: underline ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
FONT-SIZE : 12px ;
}

.a_blanc {
color: #FFFFFF;
text-decoration: underline ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
FONT-SIZE : 10px ;
FONT-WEIGHT : bold;
}
.a_blanc:hover{
color: #ffffff;
text-decoration: none;
}

INPUT { 
COLOR : #000000 ;
FONT-SIZE : 10px ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px;  

}

.input_autre { 
COLOR : #000000 ;
FONT-SIZE : 10px ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px;
}

.td_donnees_fonce_1{ 
COLOR : #000000 ;
background-color : #B9003A;
FONT-SIZE : 10px ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}

.td_donnees_fonce_0{ 
COLOR : #a0a0a0 ;
background-color : #B9003A;
FONT-SIZE : 10px ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}
.td_donnees_clair_1{ 
COLOR : #000000 ;
background-color : #F7E3E9;
FONT-SIZE : 10px ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}
.td_donnees_clair_0{ 
COLOR : #a0a0a0 ;
background-color : #F7E3E9;
FONT-SIZE : 10px ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}
.TD_donnees_fonce_1{ 
COLOR : #000000 ;
background-color : #B9003A;
FONT-SIZE : 10px ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}

.TD_donnees_fonce_0{ 
COLOR : #a0a0a0 ;
background-color : #B9003A;
FONT-SIZE : 10px ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}
.TD_donnees_clair_1{ 
COLOR : #000000 ;
background-color : #F7E3E9;
FONT-SIZE : 10px ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}
.TD_donnees_clair_0{ 
COLOR : #a0a0a0 ;
background-color : #F7E3E9;
FONT-SIZE : 10px ;
FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif ; 
line-height : 15px 
}