/* CSS Document */

/*  Body  */
body {background-color: #b6c0cc; background-image: url(http://www.potentielrh.ma/images/d_03.jpg); background-position:top; background-repeat:repeat-x; margin-top:0px; margin-bottom:0px;margin-left:0px; margin-right:0px; }

/* css commun */
 h1{margin:0px; padding:0px; font-family: verdana;font-size: 16px; color: #386e85; font-weight: bold;}
 h2{padding:0; margin:0; margin-bottom:8px; font-family: verdana;  font-size: 14px; color: #55b0f3; font-weight: bold;}
 h3{padding:10px; padding-bottom:3px; font-family: verdana;  font-size: 10px; color: #55b0f3; font-weight: bold;}


/* css boutton  */
#home {font-family: verdana; font-size: 11px; color: #306097;  font-weight: bold; padding-left:3;}
#home a:link{font-size: 11px; color: #306097; font-family: Verdana ; font-weight: bold; padding-left:3; text-decoration:none;}
#home a:visited{font-size: 11px; color: #306097; font-family: verdana; font-weight: bold; padding-left:3; text-decoration:none;}
#home a:hover{font-size: 11px; color: #306097; font-family:verdana; font-weight: bold; padding-left:3; text-decoration:none;}

#PRESETNTAION {font-size: 11px;color: #BC3C3C; font-family: verdana; font-weight: bold; padding-left:3;  }
#PRESENTATION a{font-size: 11px;color: #BC3C3C; font-family: verdana; font-weight: bold; padding-left:3;  text-decoration:none;}

#DOMAINE {font-size: 11px; color: #2E8F4D; font-family: verdana; font-weight: bold; padding-left:3; }
#DOMAINE a{font-size: 11px; color: #2E8F4D; font-family: verdana; font-weight: bold; padding-left:3; text-decoration:none;}


#CONTACT {font-size: 11px; color: #8B2CBA; font-family: verdana; font-weight: bold; padding-left:3; }
#CONTACT a{font-size: 11px; color: #8B2CBA; font-family: verdana; font-weight: bold; padding-left:3; text-decoration:none;}

#ENGAGEMENT {font-size: 11px; color: #A28200; font-family: verdana; font-weight: bold; padding-left:3;  }
#ENGAGEMENT a{font-size: 11px; color: #A28200; font-family: verdana; font-weight: bold; padding-left:3;  text-decoration:none;}

#link {font-size: 11px; color: #6B6B6B; font-family: verdana;  text-decoration:none; }
#link a:link{font-size: 11px; color: #6B6B6B; font-family: verdana;   text-decoration:none;}
#link a:visited{font-size: 11px; color: #6B6B6B; font-family: verdana;  text-decoration:none;}
#link a:hover{font-size: 11px; color: #6B6B6B; font-family: verdana; text-decoration:none;}
#link li {list-style-image:url(http://www.potentielrh.ma/images/menu-li.jpg)}

/* contenu */
#contenu {padding:10px; font-family: verdana;  font-size: 12px; color: #4e4e4e; text-align:justify;}
#contenu h1{padding:0px; padding-bottom:0px; font-family: verdana;font-size: 18px; color: #386e85; font-weight: bold;}
#contenu h2{font-family: verdana;  font-size: 13px; color: #55b0f3; font-weight: bold; margin:0; padding:0; margin-bottom:8px;}
#contenu h2 a:link{font-family: verdana;  font-size: 13px; color: #55b0f3; font-weight: bold; text-decoration:none;}
#contenu h2 a:visited{font-family: verdana;  font-size: 13px; color: #55b0f3; font-weight: bold; text-decoration:none;}
#contenu h2 a:hover{font-family: verdana;  font-size: 13px; color: #55b0f3; font-weight: bold; text-decoration:none;}
#contenu li {list-style-image:url(http://www.potentielrh.ma/images/menu-li.jpg)}

#contenu ul{margin-bottom:0}



#contenu a:link{font-size: 12px; color: #6B6B6B ;font-family: verdana;   text-decoration:none;}
#contenu a:visited{font-size: 12px; color: #527EAD; font-family:verdana;  text-decoration:none;}
#contenu a:hover{font-size: 12px; color: #527EAD; font-family: verdana; text-decoration:none;}



/* news*/
#newstitre a:link{font-family: verdana;  font-size: 12px; color: #636363; font-weight: bold;text-decoration:none ;}
#newstitre a:visited{font-family: verdana;  font-size: 12px; color: #636363; font-weight: bold;text-decoration:none ;}
#newstitre a:hover{font-family: verdana;  font-size: 12px; color: #636363; font-weight: bold;text-decoration:none ;}

#newstext a:link {font-family: verdana;  font-size: 11px; color: #636363; text-decoration:none; }
#newstext a:visited{font-family: verdana;  font-size: 11px; color: #636363; text-decoration:none ;}
#newstext a:hover {font-family: verdana;  font-size: 11px; color: #636363; text-decoration:underline; }

#newsdate {font-family: verdana;  font-size: 12px; color: #636363; font-weight: bold;}

#news a:link{font-family: verdana;  font-size: 11px; color: #CA0000; text-decoration:none;}
#news a:visited{font-family: verdana;  font-size: 11px; color: #CA0000; text-decoration:none;}
#news a:hover{font-family: verdana;  font-size: 11px; color: #CA0000; text-decoration:underline;}


/* Plan */
#plan a:link{font-family: verdana ; font-size: 19px; color: #004a76; text-decoration:none;}
#plan a:visited{font-family: verdana ; font-size: 19px; color: #004a76; text-decoration:none;}
#plan a:hover{font-family: verdana ; font-size: 19px; color: #004a76; text-decoration:none;}


/* footer */
#footer a:link{color: #004a76; font-weight: bold;font-size: 11px; font-family: verdana; text-decoration:none;}
#footer a:visited{color: #004a76; font-weight: bold;font-size: 11px; font-family: verdana; text-decoration:none;}
#footer a:hover{color: #004a76; font-weight: bold;font-size: 11px; font-family: verdana; text-decoration:underline;}

/*  css formulaire */
#contact input,textarea{border-color:#CFE5F6; color:#386e85; background:#F7F7F7; border-style:none;}
#contact { font-family: verdana;font-size: 12px; color: #386e85;}

#map a:link{font-family: verdana;  font-size: 14px; color: #6B6B6B; text-decoration:none;}
#map a:visited{font-family: verdana;  font-size: 14px; color: #6B6B6B; text-decoration:none;}
#map a:hover{font-family: verdana;  font-size: 14px; color: #6B6B6B; text-decoration:underline;}
#map { font-family: verdana;  font-size: 14px; color: #6B6B6B; }



#upper{width:1000px;position:relative;height:227px;z-index:1;top:0px;background-color:#FFFFFF;text-align:left; background-image: url(http://www.potentielrh.ma/images/back-top.jpg); background-repeat:no-repeat;}
#top{position:absolute;height:35px;top:17px;width:178px;background-repeat:repeat-x;left: 794px;}
#banniere{position:absolute; height:138px; top:0px; width:1000px;}
#logo{position:absolute; height:105px; top:8px; left:36px; width:98px;}
#menu{position:absolute; height:25px; left:16px; top:192px; width:984px; font-family:arial; color:#ffffff; font-size:14px; font-weight:bold;}
#menu td{text-align:left;}
#menu .b{color:#ffffff; display:block;width:232px; border-left:solid 1px #7093B8; border-right:solid 1px #7093B8; text-decoration:none; height:22px;background-image:url(http://www.potentielrh.ma/images/font-bleu.jpg); background-repeat:repeat-x; text-align:center; padding-top:3px;}
#menu .r{color:#ffffff; display:block;width:232px; border-left:solid 1px #8E8EAA; border-right:solid 1px #8E8EAA; text-decoration:none; height:22px;background-image:url(http://www.potentielrh.ma/images/font-mauve_clair.jpg); background-repeat:repeat-x; text-align:center; padding-top:3px;}
#menu .j{color:#ffffff; display:block;width:232px; border-left:solid 1px #6C3B92; border-right:solid 1px #6C3B92; text-decoration:none; height:22px;background-image:url(http://www.potentielrh.ma/images/font-mauve2.jpg); background-repeat:repeat-x; text-align:center; padding-top:3px;}
#menu .m{color:#ffffff; display:block;width:232px; border-left:solid 1px #7334AD; border-right:solid 1px #7334AD; text-decoration:none; height:22px;background-image:url(http://www.potentielrh.ma/images/mauve.jpg); background-repeat:repeat-x; text-align:center; padding-top:3px;}
#menu .a{color:#ffffff; display:block;width:232px; border-left:solid 1px #333399; border-right:solid 1px #333399; text-decoration:none; height:22px;background-image:url(http://www.potentielrh.ma/images/font-mauve.jpg); background-repeat:repeat-x; text-align:center; padding-top:3px;}
#up{position:absolute; height:10px; top:217px; width:1000px;}
#left{padding-left:7px;}
#navigation td{padding-left:7px;padding-top:7px;padding-bottom:7px; padding-right:6px;}
#navigation .aa{ display:block; width:191px; color:#135F8A; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; }
#navigation .hh{ display:block; width:184px; background-color:#79C0E9; color:#135F8A; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; padding-left:10px;}

#navigation .ab{display:block; width:191px; color:#135F8A; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; }
#navigation .hb{display:block; width:184px; background-color:#ADD6FF; color:#135F8A; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; padding-left:10px;}

#navigation .a_b-actif{display:block; width:194px; height:17px; background-color:#ADD6FF; color:#ffffff; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; }
#navigation .a_b:link{ display:block; width:194px; height:17px; color:#ffffff; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; }
#navigation .a_b:visited{ display:block; width:194px; height:17px; color:#ffffff; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; }
#navigation .a_b:hover{ display:block; width:194px; height:17px; background-color:#ADD6FF; color:#ffffff; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; }

#navigation .b_b{ display:block; width:184px; background-color:#ADD6FF; color:#ffffff; font-family:verdana; font-size:11px; text-decoration:none; padding-left:10px;}

#navigation .bb:link{ display:block; width:184px; height:15px; color:#fff; font-family:verdana; font-size:11px; text-decoration:none; padding-left:10px;}
#navigation .bb:visited{ display:block; width:184px; height:15px; color:#fff; font-family:verdana; font-size:11px; text-decoration:none; padding-left:10px;}
#navigation .bb:hover{ display:block; width:184px; height:15px; background-color:#ADD6FF; color:#fff; font-family:verdana; font-size:11px; text-decoration:none; padding-left:10px;}


#navigation .a_r-actif{ display:block; background-color:#C1C1EA; width:194px; color:#ffffff; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; }
#navigation .a_r:link{ display:block; width:194px; height:17px; color:#ffffff; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; }
#navigation .a_r:visited{ display:block; width:194px; height:17px; color:#ffffff; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; }
#navigation .a_r:hover{ display:block; background-color:#C1C1EA; width:194px; height:17px; color:#ffffff; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; }


#navigation .b_r{ display:block; width:184px; background-color:#C1C1EA; color:#ffffff; font-family:verdana; font-size:11px; text-decoration:none; padding-left:10px;}

#navigation .rr:link{ display:block; width:184px; height:30px; color:#fff; font-family:verdana; font-size:11px; text-decoration:none; padding-left:10px;}
#navigation .rr:visited{ display:block; width:184px; height:30px; color:#fff; font-family:verdana; font-size:11px; text-decoration:none; padding-left:10px;}
#navigation .rr:hover{ display:block; width:184px; height:30px; background-color:#C1C1EA; color:#fff; font-family:verdana; font-size:11px; text-decoration:none; padding-left:10px;}

#navigation .a_j-actif{ display:block; background-color:#8962A8; width:194px; height:17px; color:#ffffff; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; }
#navigation .a_j:link{ display:block; width:194px; height:17px; color:#ffffff; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; }
#navigation .a_j:visited{ display:block; width:194px; height:17px; color:#ffffff; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; }
#navigation .a_j:hover{ display:block; width:194px; height:17px; background-color:#8962A8; color:#ffffff; font-family:verdana; font-size:12px; font-weight:bold; text-decoration:none; }

#navigation .b_j{ display:block; width:184px; background-color:#8962A8; color:#135F8A; font-family:verdana; font-size:11px; text-decoration:none; padding-left:10px;}

#navigation .jj:link{ display:block; width:184px; height:15px; color:#fff; font-family:verdana; font-size:11px; text-decoration:none; padding-left:10px;}
#navigation .jj:visited{ display:block; width:184px; height:15px; color:#fff; font-family:verdana; font-size:11px; text-decoration:none; padding-left:10px;}
#navigation .jj:hover{ display:block; width:184px; height:15px; background-color:#8962A8; color:#fff; font-family:verdana; font-size:11px; text-decoration:none; padding-left:10px;}


#postes{color:#4E6296; font-family:verdana; font-size:11px;}
#postes ul{margin-left:20px; margin-top:5px; margin-right:0px; padding:0px;}
#postes li a:link{color:#4E6296; font-family:verdana; text-decoration:none;}
#postes li a:visited{color:#4E6296; font-family:verdana; text-decoration:none;}
#postes li a:hover{color:#4E6296; font-family:verdana; text-decoration:underline;}
#postes li{ margin-bottom:3px; list-style-image:url(nos-engagements_fichiers/li.jpg);}
#date {color:#4E6296; font-family:verdana; font-size:12px; font-weight:bold; padding-left:0px; text-decoration:none;}
#voir a{color:#CA0000; font-family:verdana; font-size:11px; text-decoration:none;}

#postes2{color:#4E6296; font-family:verdana; font-size:11px; border:solid 1px #A6C1E3;}
#postes2 ul{margin-left:20px; margin-top:5px; margin-right:0px; padding:0px;}
#postes2 li a:link{color:#4E6296; font-family:verdana; text-decoration:none;}
#postes2 li a:visited{color:#4E6296; font-family:verdana; text-decoration:none;}
#postes2 li a:hover{color:#4E6296; font-family:verdana; text-decoration:underline;}
#postes2 li{ margin-bottom:3px; list-style-image:url(nos-engagements_fichiers/li.jpg);}
#bienvenue{font-family: verdana;  font-size: 12px; color: #4e4e4e; text-align:justify; border:solid 1px #A6C1E3;}
#bienvenue td{padding-left:20px;padding-right:20px; text-align:justify;}
#acceuil{font-size:14; font-family:Verdana; color:#31309C; font-weight:normal; border:solid 1px #004080;}

.historique{color:#55B0F3; font-family:verdana; font-size:11px; font-weight:bold; text-decoration:none;}


#tabclient td { border:1px;
                border-color:#4CABE2;
                border-style:solid;
                height:100px;
            }


#client{border:0px;}
#nomiss{ border:1px;border-color:#B2B2E5;border-style:solid; background-color:#B2B2E5; color:#fff; font-family:verdana; font-size:14px; text-decoration:none; padding-left:10px;}
#nomoyen{  border-right:1px;border-right-style:solid;border-right-color:#4CABE2;margin:10px;text-align:left;}
#nomoi{ text-align:left;}

#contactez_nous{background-image:url(http://www.potentielrh.ma/images/contactez-nous.jpg);}
#contactez_nous a{display:block; width:188px; height:53px; font-family:arial; font-size:12px; color:#fff; font-weight:bold; text-decoration:none; padding-top:70px; padding-left:15px;}



/***************************************** home page ******************************************/


#menu_home{width:982px; font-family:arial; color:#ffffff; font-size:14px; font-weight:bold;}
#menu_home .b{color:#ffffff; display:block;width:232px; border-left:solid 1px #7093B8; border-right:solid 1px #7093B8; text-decoration:none; height:22px;background-image:url(http://www.potentielrh.ma/images/font-bleu.jpg); background-repeat:repeat-x; text-align:center; padding-top:3px;}
#menu_home .r{color:#ffffff; display:block;width:232px; border-left:solid 1px #8E8EAA; border-right:solid 1px #8E8EAA; text-decoration:none; height:22px;background-image:url(http://www.potentielrh.ma/images/font-mauve_clair.jpg); background-repeat:repeat-x; text-align:center; padding-top:3px;}
#menu_home .j{color:#ffffff; display:block;width:232px; border-left:solid 1px #6C3B92; border-right:solid 1px #6C3B92; text-decoration:none; height:22px;background-image:url(http://www.potentielrh.ma/images/font-mauve2.jpg); background-repeat:repeat-x; text-align:center; padding-top:3px;}
#menu_home .m{color:#ffffff; display:block;width:232px; border-left:solid 1px #7334AD; border-right:solid 1px #7334AD; text-decoration:none; height:22px;background-image:url(http://www.potentielrh.ma/images/mauve.jpg); background-repeat:repeat-x; text-align:center; padding-top:3px;}
#menu_home .a{color:#ffffff; display:block;width:232px; border-left:solid 1px #333399; border-right:solid 1px #333399; text-decoration:none; height:22px;background-image:url(http://www.potentielrh.ma/images/font-mauve.jpg); background-repeat:repeat-x; text-align:center; padding-top:3px;}

/***************new home page*****************************/
#center .date_N{ width:203px; height:13px; background-color:#5A678C; font-size:12px; font-family:Arial ; font-weight:bold; color:#ffffff; text-align:left;display: block;}
li { list-style:square;list-style-position:inside;}
#center .news{
text-align:left; font-family:Arial ; font-size:11px; color:#6D7EAA;padding-bottom:3px;display: block;width:203px;padding-left:16px!important;padding-left:0px; 
}

.txtleft{
font-family:Arial; font-size:18px; color:#FFFFFF ;
}
.txtright{
font-family: Arial; font-size:20px; 
}
.crt {padding-left:16px; text-align:left;display: block;}

#center .news a{
text-align:left; font-family:Arial ; font-size:11px; color:#6D7EAA; text-decoration:none
	}
#center .news a:link{
text-align:left; font-family:Arial ; font-size:11px; color:#6D7EAA;text-decoration:none
	}


/**************************** postes en cours ***********************************/
#ref{font-size: 11px; color: #527EAD;font-family: verdana;}


#bleu .contenu{background-color:#5B5CAE; padding:8px; color:#fff; font-family:arial; font-size:11px;}
#bleu .contenu a:link{color:#CCDFF7; font-family:arial; font-size:11px; font-weight:bold; text-decoration:underline;}
#bleu .contenu a:visited{color:#A7C1E4; font-family:arial; font-size:11px; font-weight:bold; text-decoration:underline;}
#bleu .contenu a:hover{color:#A7C1E4; font-family:arial; font-size:11px; font-weight:bold; text-decoration:underline;}
#bleu .titre{background-color:#5B5CAE; font-size:12px; color:#FFFFFF; font-weight:bold; font-family:arial;}

#bleu_ciel .contenu{background-color:#99CCFF; padding:8px; color:#20429C; font-family:arial; font-size:11px;}
#bleu_ciel .contenu a:link{color:#fff; font-family:arial; font-size:11px; font-weight:bold; text-decoration:underline;}
#bleu_ciel .contenu a:visited{color:#fff; font-family:arial; font-size:11px; font-weight:bold; text-decoration:underline;}
#bleu_ciel .contenu a:hover{color:#fff; font-family:arial; font-size:11px; font-weight:bold; text-decoration:underline;}
#bleu_ciel .titre{background-color:#99CCFF; font-size:12px; color:#20429C; font-weight:bold; font-family:arial;}

#mauve .contenu{background-color:#B2B2E5; padding:8px; color:#343399; font-family:arial; font-size:11px;}
#mauve .titre{background-color:#B2B2E5; font-size:12px; color:#343399; font-weight:bold; font-family:arial;}