/* CSS Document */
body {background-color: #f2f3f6; margin: 0px; padding: 0px;}
li{
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* base */
#container { position:relative; margin:auto; width:960px; padding:0 10px;}
span.cache{display:none;}

/*menu utilitaire */
#menuref {position:relative;text-align:left; width:940px; height:12px; padding:14px 10px 14px; color:#454545; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
#chemin {position:relative;text-align:left; width:940px; padding:0px 10px ; color:#454545; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;float:left}

a.mni, a.mni:link, a.mni:visited {color:#454545; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:9pt; cursor:pointer; text-decoration:none; margin:0 5px; font-size:9px;}
a.mni:active, a.mni:hover {text-decoration:underline;}

a.mni img{margin-left:3px;}


/* entete */
#entete {position:relative; width:960px; height:178px; background-image:url(../img/entete11.png); background-repeat:no-repeat;}
#logo {position:absolute; width:256px; height:118px; display:block; cursor:pointer; left:22px; top:17px;}



li.mp1 {float:left;  width:130px; height:31px; background:none; display:block; text-align:center;}
li.mp1 #done {float:left;  width:130px; height:21px; background:#8C2B2D; display:block; cursor:pointer; text-align:center; padding-top:10px;}
li.mp1 a {float:left;  width:130px; height:21px; background:none; display:block; cursor:pointer; text-align:center; padding-top:10px;}
li.mp1 a:hover {background:#8C2B2D;}

li.mp2 {float:left; width:71px; height:31px; background:none; display:block; text-align:center;}
li.mp2 #done {float:left; margin-left:1px; _margin-left:0px; width:71px; _width:72px; height:21px; background:#8C2B2D; display:block; cursor:pointer; text-align:center; padding-top:10px;}
li.mp2 a {float:left; margin-left:1px; _margin-left:0px; width:71px; _width:72px; height:21px; background:none; display:block; cursor:pointer; text-align:center; padding-top:10px;}
li.mp2 a:hover {background:#8C2B2D;}

li.mp3 {float:left; width:85px; height:31px; background:none; display:block; text-align:center;}
li.mp3 #done {float:left; margin-left:2px; _margin-left:0px; width:85px;  _width:86px; height:21px; background:#8C2B2D; display:block; cursor:pointer; text-align:center; padding-top:10px;}
li.mp3 a {float:left; margin-left:2px; _margin-left:0px; width:85px;  _width:86px; height:21px; background:none; display:block; cursor:pointer; text-align:center; padding-top:10px;}
li.mp3 a:hover {background:#8C2B2D;}

li.mp4 {float:left; width:94px; height:31px; background:none; display:block; text-align:center;}
li.mp4 #done {float:left; margin-left:3px;  _margin-left:0px; width:94px; _width:95px; height:21px; background:#8C2B2D; display:block; cursor:pointer; text-align:center; padding-top:10px;} 
li.mp4 a {float:left; margin-left:3px;  _margin-left:0px; width:94px; _width:95px; height:21px; background:none; display:block; cursor:pointer; text-align:center; padding-top:10px;} 
li.mp4 a:hover {background:#8C2B2D;}

li.mp5 {float:left; width:85px; height:31px; background:none; display:block; text-align:center;}
li.mp5 #done {float:left; margin-left:4px;   _margin-left:0px; width:85px; _width:86px; height:21px; background:#8C2B2D; display:block; cursor:pointer; text-align:center; padding-top:10px;} 
li.mp5 a {float:left; margin-left:4px;   _margin-left:0px; width:85px; _width:86px; height:21px; background:none; display:block; cursor:pointer; text-align:center; padding-top:10px;} 
li.mp5 a:hover {background:#8C2B2D;}

li.mp6 {float:left; width:185px; height:31px; background:none; display:block; text-align:center;}
li.mp6 #done {float:left; margin-left:5px;   _margin-left:0px; width:185px; _width:186px; height:21px; background:#8C2B2D; display:block; cursor:pointer; text-align:center; padding-top:10px;} 
li.mp6 a {float:left; margin-left:5px;   _margin-left:0px; width:185px; _width:186px; height:21px; background:none; display:block; cursor:pointer; text-align:center; padding-top:10px;} 
li.mp6 a:hover {background:#8C2B2D;}

li.mp7 {float:left; width:116px; height:31px; background:none; display:block; text-align:center;}
li.mp7 #done {float:left; margin-left:6px;  _margin-left:0px; width:116px; _width:117px; height:21px; background:#8C2B2D; display:block; cursor:pointer; text-align:center; padding-top:10px;}
li.mp7 a {float:left; margin-left:6px;  _margin-left:0px; width:116px; _width:117px; height:21px; background:none; display:block; cursor:pointer; text-align:center; padding-top:10px;}
li.mp7 a:hover {background:#8C2B2D;}


/* menu droite top */
#rsearch {
	position:absolute;
	left:729px;
	top:0;
	padding:18px 0 0 0px;
	width:232px;
	height:48px;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:18px;
}
input.rsh {border:1px solid #a5acb2; background-color:#fff; /*color:#a5acb2;*/ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; cursor:text; height:16px; padding:3px 5px 0; width:180px;}
input.env {width:17px; height:18px; background-image:url(../img/btn_envoyer.jpg); background-repeat:no-repeat; cursor:pointer; border:0;}
input.env2 {width:17px; height:18px; background-image:url(../img/precedent.jpg); background-repeat:no-repeat; cursor:pointer; border:0;}

#entete #menuEntete .selecetedEnteteD a{
	background:url(../img/menu_haut/menu_haut1.png) no-repeat left top;
}

#entete #menuEntete{
	position:absolute;
	top:71px;
	right:0;
	padding:0;
	margin:0;
	width:241px;
}

#entete #menuEntete li{
	width:241px; 
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
	height:24px;
}

#entete #menuEntete li a {
	color:#fff;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../img/menu_haut/menu_haut1.png) no-repeat left top;
	width:231px;
	height:15px;
	display:block;
	margin:1px 0 0 0;
	padding:4px 0 3px 10px;
}

#entete #menuEntete li span {
	color:#fff;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../img/menu_haut/menu_haut_light.png) no-repeat left top;
	width:231px;
	height:15px;
	display:block;
	margin:1px 0 0 0;
	padding:4px 0 3px 10px;
}

#entete #menuEntete li a:hover {
	background:url(../img/menu_haut/menu_haut_light.png) no-repeat left top;
}

#entete #menuPrincipal{
	padding-left:25px;
	height:31px;
	margin:0;
	position:absolute;
	left:0;
	bottom:0;
	width:936px;
}

#entete #menuPrincipal li{
	list-style:none;
	display:block;
	float:left;
}

#entete #menuPrincipal li a {
	background:url(../img/menu_horiz.png) no-repeat center right;
	color:#fff;
	font-size:9px;
	line-height:3.4em;
	padding:0px 10px 0px 10px;
	text-decoration:none;
	font-weight:bold;
	text-transform: uppercase;
	display:block;
}

#entete #menuPrincipal li a:hover {
	background-color:#f9b346;
}

.selectedEntete {
	background-color:#f9b346;
}
			

/* bas de page */
#bottom {float:left; width:100%;}
#bdp {position:relative; margin:auto; width:960px; height:58px; top:0; left:0; background:url(../img/bottom.png) no-repeat top left; margin-top:25px; margin-bottom:40px;}
/*#bdp_gauche {width:25px; height:58px; float:left; top:0; left:0; background:url(../img/part_gauche.jpg) no-repeat top left;}
#bdp_droite {width:64px; height:58px; float:right; top:0; right:0; background:url(../img/part_droite.jpg) no-repeat top left; cursor:pointer;}
#bdp_droite a {width:64px; height:58px; display:block; background:url(../img/part_droite.jpg) no-repeat top left; cursor:pointer;} 
#bdp_droite a:hover {background:url(../img/logok3_roll.jpg) no-repeat top left;}*/
#bdp_texte {width:800px; height:46px; color:#fff; padding:12px 0 0px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:18px;}
a.bdp, a.bdp:link, a.bdp:visited {color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; cursor:pointer; text-decoration:none;}
a.bdp:active, a.bdp:hover {text-decoration:underline;}
span.bdp {margin:0 5px;}

	.solution-splash1 {
	background-image: url(http://www.careersinmorocco.com/graphics/img/3q5de582.jpg);
	background-repeat: no-repeat;
	}
	.solution-splash2 {
	background-image: url(http://www.careersinmorocco.com/graphics/img/HEADER1.jpg);
	background-repeat: no-repeat;
	}
	.solution-splash3 {
	background-image: url(http://www.careersinmorocco.com/graphics/img/HEADER2.jpg);
	background-repeat: no-repeat;
	}
	.solution-splash4 {
	background-image: url(http://www.careersinmorocco.com/graphics/img/HEADER3.jpg);
	background-repeat: no-repeat;
	}
	.solution-splash5 {
	background-image: url(http://www.careersinmorocco.com/graphics/img/HEADER4.jpg);
	background-repeat: no-repeat;
	}
.headline-title5 {
    border-bottom: 1px solid #52A80D;
    font-weight: bold;
    margin-left: 20px;
    padding-top: 20px;
    width: 460px;
}
h1 {
    color: #666666;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 10px;
}
.solution-splash1 .headline-desc {
    width: 460px;
}
.solution-splash2 .headline-desc {
    width: 460px;
}
.solution-splash3 .headline-desc {
    width: 460px;
}
.solution-splash4 .headline-desc {
    width: 460px;
}
.solution-splash5 .headline-desc {
    width: 460px;
}
.bottom-shadow {
	background: url("http://media.newjobs.com/id/hiring/redux/global/rounded_corner/bottom-shadow.png") no-repeat scroll center top transparent;
	clear: both;
	height: 16px;
	width: 740px;
	
}
.grid-width9  {
	width: 750px;
	margin-right: 16px;
	  margin-left: 22%;
}
.grid-width9 div.divider-row, .grid-width9 tr.divider-row td
{
	background:transparent url(http://media.newjobs.com/id/hiring/redux/global/divider.png) no-repeat scroll top right;
}
.grid-width9 div.divider-row, .grid-width9 tr.divider-row td
{
	background:transparent url(http://media.newjobs.com/id/hiring/redux/global/divider.png) no-repeat scroll top right;
}
