/* BGD CONTAINER
----------------------------------------------- */

#container{
	margin: 0px;
	background-repeat: repeat-x;
	background-position: 0px 156px;
	padding: 0px;
	background-color: #FFFFFF;
	width: 100%;
	height: auto;
	position: relative;
	clear: left;
	left: 0px;
	top: 0px;
}

#logo {
	position:absolute;
	width:559px;
	height:36px;
	z-index:1;
	background-repeat:no-repeat;
	left: 194px;
	top: 4px;
	text-align:justify;
		
}

#logodepart {
	position:absolute;
	width:191px;
	height:183px;
	z-index:1;
	left: 0px;
	top: 8px;
	background-image:url(../images/mrvision_01.jpg);
	background-repeat:no-repeat;
	
}



 #logoligne {
	position:absolute;
	width:86.9%;
	height:96px;
	z-index:1;
	left: 165px;
	top: 66px;
	background-image: url(../images/servicemoutiv.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 0px;
}
 
#soulogo {
	position:absolute;
	width:100%;
	height:164px;
	z-index:1;
	left: -1px;
	top: 162px; 
} 


#quifaica {
	position:absolute;
	width:269px;
	height:24px;
	z-index:1;
	left: 688px;
	top: 1px;
	background: #ffffff url(../images/quifai.jpg) no-repeat;
}






h3 {
		margin: 0px;
		padding: 0px;
	}

	.suggestionsBox {
		position: relative;
		
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;
		color: #fff;
	}

	.suggestionList {
		margin: 0px;
		padding: 0px;
	}

	.suggestionList li {

		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}

	.suggestionList li:hover {
		background-color: #659CD8;
	}
	
	label
	{
	font-size: 1.2em;
	font-family:arial;
	float:left;
	padding: auto;
	width: 100px;
	}
	
	
	
	
	
	
	
	
	
	.input {
		border: 1px solid #99b3b4;
		width: 200px;
		background: #faebe8;
		font: 11px verdana, sans-serif;
		color:#443;
		padding:3px;
		margin-bottom:4px;
		outline:none;
	}
	.input:focus {
		border:1px solid #567475;
		background: #e4ebeb;
	}
	.submit-btn {
		width: 45px;
		height: 28px;
		background: #ffffff url(../images/go.jpg) no-repeat;
		outline: none;
		
	}
	.submit-btn:hover {
	background: #ffffff url(../images/go.jpg) no-repeat 0 -20px;
	}
	
	.entry ul {
		list-style:none;
		margin:0px;
		padding:0px;
		display:block;
	}
	.entry li {
		display:block;
		margin:0px;
	}
	.entry li a {
		outline: none;
		background-color: #fbfbf9;
		text-decoration:none;
		display:block;
		padding:10px 0 10px 15px;
		border-bottom:1px solid #f2f2f2;
		font:bold 75% arial,helvetica,sans-serif;
		color:#999;
	}
	.entry li a:hover {
		background:url(../images/go_partner.gif) 645px 25px no-repeat #fff;
		border-bottom:1px solid #ccc;
		color:#336699;		
	}
	.entry ul a em {
		display:block;
		color:#808080;
		font-size:90%;
		padding-right:30px;
		font-style:normal;
		font-weight:normal;
	}
	.entry span {
		display:block;
		color:#a8a8a8;
		font-size:0.8em;
		font-style:normal;
		font-weight:normal;
		padding-right:10px;
	}
	.entry a:hover span {
		color:#800;
	}
	div#update {
		border:1px solid #ccc;
		margin-bottom:5px;
		background-color:white;
	}
	div.autocomplete {
	      position:absolute;
	      width:250px;
	      background-color:white;
	      border:1px solid #888;
	      margin:0px;
	      padding:0px;
	}
	div.autocomplete ul {
	      list-style-type:none;
	      margin:0px;
	      padding:0px;
	}
	div.autocomplete ul li.selected { background-color: #ffb;}
	div.autocomplete ul li {
	      list-style-type:none;
	      display:block;
	      margin:0;
	      padding:2px;
	      height:32px;
	      cursor:pointer;
}
#foot0 {
	background:#060708;
	position: relative;
	left: 0px;
	width: 100%;
	height: 200px;
	z-index: 2;
	clear: both;
	top: 60px;
}
#footmethodologie {
	background:#060708;
	position: relative;
	left: 0px;
	width: 100%;
	height: 200px;
	z-index: 2;
	clear: both;
	top: 60px;
}

#footnoreferance {
	background:#060708;
	left: 0px;
	width: 100%;
	height: 200px;
	z-index: 2;
	clear: both;
	position: relative;
	top: 60px;
}
#footer0 {
	CLEAR: both; PADDING-RIGHT: 20px; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 0.9em; PADDING-BOTTOM: 10px; MARGIN: 0px auto; WIDTH: 672px; COLOR: #ffffff; LINE-HEIGHT: 120%; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; POSITION: relative
}
#footer0 A {
	COLOR: #3daaea; TEXT-DECORATION: none
}
#footer0 A:hover {
	TEXT-DECORATION: underline
}
#footer0 STRONG {
	COLOR: #3daaea
}
#footer0 DIV.left {
	TEXT-ALIGN: left
}
#footer0 DIV.right {
	TEXT-ALIGN: right
}
#footer0Center {
	BORDER-RIGHT: #3daaea 1px dotted; PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 0px; MARGIN: 0px 17px; BORDER-LEFT: #3daaea 1px dotted; PADDING-TOP: 0px; TEXT-ALIGN: center
}
DIV.footer0Block {
	DISPLAY: block; FLOAT: left; MARGIN: 0px 0px 10px; WIDTH: 208px
}
a { text-decoration: none; font-weight: bold; }

.link_nor{
background-color: #333333;
font: normal 76% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 2px solid #808000;
padding:0px 4px 0px 4px;
text-align:center;
color:white
}
.link_act
{
background-color:#808000;
font: normal 76% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 2px solid #808000;
padding:0px 4px 0px 4px;
text-align:center;
color:white
}

#showhere1link a.link_nor{
background-color: #333333;
font: normal 76% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 2px solid red;
padding:0px 4px 0px 4px;
text-align:center;
color:white
}
#showhere1link a.link_act{
background-color:red;
font: normal 76% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 2px solid red;
padding:0px 4px 0px 4px;
text-align:center;
color:white
}
span{
font: normal 76% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
color:black
}
.mytitle
{
	font: normal 80% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
}
.gray
{
background-color: gray;
position: absolute;
border: 0px solid #9F6D11;
z-index: 100;
}
img{
	border: 0px solid #663300;
	background-color: #FFFFFF
}
.opa{
color:white;
padding:10px 20px 0px 20px;
position: absolute;
z-index: 101;
background-color: #FFA928;
opacity:0.5;
filter: alpha(opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100,FinishOpacity=50, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16);
-moz-opacity: 0.5;
}
.style1 {font-size: 100%}

#searche {
	position:absolute;
	width:269px;
	height:33px;
	z-index:1;
	left: 627px;
	top: 29px;
}
#quifaica {
	position:absolute;
	width:295px;
	height:188px;
	z-index:1;
	background-image: url(../images/mrvision_03.jpg);
	float: none;
	margin-right: 10px;
}

.news_hide_style {
	DISPLAY: none
}
.news_show {
	FONT: 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif; OVERFLOW: auto; WIDTH: 350px; COLOR: white; HEIGHT: 150px; BACKGROUND-COLOR: gray
}
.news_border {
	BORDER-RIGHT: gray 5px solid; BORDER-TOP: gray 5px solid; FONT: 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif; OVERFLOW: auto; BORDER-LEFT: gray 5px solid; WIDTH: 350px; COLOR: white; BORDER-BOTTOM: gray 5px solid; HEIGHT: 150px; BACKGROUND-COLOR: gray
}
.news_mark {
	BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; FONT: 70% "Arial", "Lucida Grande",Verdana,  Sans-Serif; BORDER-LEFT: gray 1px solid; WIDTH: 358px; COLOR: black; BORDER-BOTTOM: gray 1px solid; HEIGHT: 35px; BACKGROUND-COLOR: #cccccc
}
.news_span {
	BORDER-RIGHT: gray 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: gray 0px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 9px; FONT: bold 120% "Arial", "Lucida Grande",Verdana,  Sans-Serif; BORDER-LEFT: gray 0px solid; COLOR: black; PADDING-TOP: 5px; BORDER-BOTTOM: gray 0px solid
}
.news_show IMG {
	MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px
}
.buttondiv {
	BORDER-RIGHT: gray 5px solid; BORDER-TOP: gray 5px solid; FLOAT: left; BORDER-LEFT: gray 5px solid; BORDER-BOTTOM: gray 5px solid; BACKGROUND-COLOR: gray; hegiht: 29px
}
#apDiv8 {
	position:absolute;
	width:673px;
	height:auto;
	z-index:1;
	left: 39px;
	top: 1429px;
}

.nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.nav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.nav {
	Z-INDEX: 101;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	POSITION: relative
}
.nav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 0px; POSITION: relative
}
.nav LI A {
	PADDING-RIGHT: 9px; DISPLAY: block; PADDING-LEFT: 9px; BACKGROUND: #565656; PADDING-BOTTOM: 0px; FONT: bold 1.22em/25px Arial, Helvetica, sans-serif; TEXT-TRANSFORM: lowercase; COLOR: #959595; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.nav LI A:link {
	PADDING-RIGHT: 9px; DISPLAY: block; PADDING-LEFT: 9px; BACKGROUND: #565656; PADDING-BOTTOM: 0px; FONT: bold 1.22em/25px Arial, Helvetica, sans-serif; TEXT-TRANSFORM: lowercase; COLOR: #959595; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.nav LI A:active {
	PADDING-RIGHT: 9px; DISPLAY: block; PADDING-LEFT: 9px; BACKGROUND: #565656; PADDING-BOTTOM: 0px; FONT: bold 1.22em/25px Arial, Helvetica, sans-serif; TEXT-TRANSFORM: lowercase; COLOR: #959595; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.nav LI A:visited {
	PADDING-RIGHT: 9px; DISPLAY: block; PADDING-LEFT: 9px; BACKGROUND: #565656; PADDING-BOTTOM: 0px; FONT: bold 1.22em/25px Arial, Helvetica, sans-serif; TEXT-TRANSFORM: lowercase; COLOR: #959595; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.nav LI A:hover {
	BACKGROUND: #ccc; COLOR: #000
}
#nav-one LI:hover A {
	BACKGROUND: #ccc; COLOR: #000
}
#nav-one LI.sfHover A {
	BACKGROUND: #ccc; COLOR: #000
}
#nav-one LI:hover UL A {
	BACKGROUND: #565656; COLOR: #959595
}
#nav-one LI.sfHover UL A {
	BACKGROUND: #565656; COLOR: #959595
}
#nav-one LI:hover UL A:hover {
	BACKGROUND: #ccc; COLOR: #000
}
#nav-one LI.sfHover UL A:hover {
	BACKGROUND: #ccc; COLOR: #000
}
.nav UL {
	BACKGROUND: #565656; LEFT: -1px; MARGIN: 0px; WIDTH: 100px; BORDER-BOTTOM: #000 1px solid; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: -999em
}
.nav LI:hover UL {
	TOP: 25px
}
.nav LI.sfHover UL {
	TOP: 25px
}
.nav UL LI {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: none; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.nav UL A {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 20px; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; WIDTH: 80px; BORDER-BOTTOM: #000 0px solid; WHITE-SPACE: nowrap
}
.nav UL A:hover {
	BACKGROUND: #ccc; COLOR: #000
}

#mainContainer{
		width:500px;
		margin:0 auto;
		margin-top:10px;
		border:1px double #000;
		padding:5px;
		
	}
	
	/* Alternative layout for the message box - used by one of the messages */
	
	.modalDialog_contentDiv_error{
		border:3px solid #FFF;	
		padding:2px;
		z-index:100;/* Always needed	*/
		position:absolute;	/* Always needed	*/
		background-color:#F00;	/* White background color for the message */
		color:#FFF;
	}
	.modalDialog_contentDiv_error a{
		color:#FFF;
	}
	h1{
		margin-top:0px;
	}














#containerbody
{
	background-color: #FFFFFF;
	width: auto;
	position: relative;
	float: left;
	margin-left: 0px;
}
#containerbody-right
{
margin-top:15px;
	padding: 0px;
	background-color: #FFFFFF;
	width:280px;
	height: 751px;
	position: absolute;
	clear: left;
	left: 709px;
	top: 15px;
	margin-left:40px;
}
#containerbody-right-index
{
	margin-top:10px;
	padding: 0px;
	background-color: #FFFFFF;
	width:280px;
	height: 751px;
	position: absolute;
	clear: left;
	left: 727px;
	top: 567px;
	margin-left:5px;
}
.a href{color:#FFFFFF;}

#mvision{
	height:auto;
	float:left;
	width:700px;
	background-position:right top;
	background-image: url(../images/border.jpg);
	background-repeat:no-repeat;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 15px;
}
#mvisionborder{
	width:15px;
	height:220px;
	background-color:#9EDF0F;
	float:left;
	margin-top: 20px;
			
			 }
#marvisionlogo{
	float:left;
	width:81px;
	height:59px;
	background-image: url(../images/marrakech-vision_14.jpg);
	background-repeat:no-repeat;
	margin-top: 10px;

			 }
 #marvisionflech{ 
  position: relative; 
	clear:both;
	width:40px;
	height:54px; 
	left :0px;
	background-image:url(../images/marrakech-vision_17.jpg);
	padding: 0px;
	margin: 0px;
	margin-top:80px;
			 }
#marvisiontitre{
	text-align:center;
	margin-top: 28px;
	margin-right: 10px;
	color: #000000;
	font-weight: bold;
			 }
#marvisiontext{
	width:auto;
	height:auto;
	padding-left:102px;
	padding-top:41px;
	text-align: justify;
	padding-right: 50px;
	color: #000000;
	line-height:14px;
}
#mvisionweb{
	height:auto;
	float:left;
	width:700px;
	background-position:right top;
	background-image: url(../images/border.jpg);
	background-repeat:no-repeat;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 15px;
	clear: left;
}
#mvision-web-border{
	width:15px;
	height:460px;
	background-color:#C670F9;
	float:left;
	margin-top: 20px;
			
			 }
#marvision-web-flech{
	width:35px;
	height:47px;
	background-image: url(../images/mar-vision_09.jpg);
	background-repeat:no-repeat;
	margin: 0px;
	position: relative;
	float: left;
	top: 80px;
			 }
#marvision-web-titre{
	text-align:center;
	margin-top: 28px;
	margin-right: 10px;
	color: #000000;
	font-weight: bold;
			 }
#marvision-web-text{
	width:auto;
	height:auto;
	padding-left:102px;
	padding-top:21px;
	text-align: justify;
	padding-right: 50px;
	color: #000000;
	line-height:14px;
}
#mvision-metho{
	height:auto;
	float:left;
	width:700px;
	background-position:right top;
	background-image: url(../images/border.jpg);
	background-repeat:no-repeat;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 15px;
	clear: left;
}
#mvision-metho-border{
	float:left;
	width:15px;
	height:180px;
	background-color:#E5429F;
	margin-top: 20px;
			
			 }
 #mvision-metho-border_2{
	float:left;
	width:15px;
	height:850px;
	background-color:#C670F9;
	margin-top: 20px;
			
			 }
#mvision-metho-border_3{
	float:left;
	width:15px;
	height:590px;
	background-color:#C670F9;
	margin-top: 20px;
			
			 }
#mvision-metho-border_4{
	float:left;
	width:15px;
	height:600px;
	background-color:#C670F9;
	margin-top: 20px;
			
			 }
			 
#mvision-metho-border_5{
	float:left;
	width:15px;
	height:1000px;
	background-color:#C670F9;
	margin-top: 20px;
			
			 }

#mvision-metho-border_6{
	float:left;
	width:15px;
	height:600px;
	background-color:#C670F9;
	margin-top: 20px;
			
			 }
#mvision-metho-border_7{
	float:left;
	width:15px;
	height:1340px;
	background-color:#E5429F;
	margin-top: 20px;
			
			 }


#marvision-metho-flech{
	width:35px;
	height:47px;
	background-image: url(../images/mar-vision_12.jpg);
	background-repeat:no-repeat;
	margin: 0px;
	position: relative;
	float: left;
	top: 80px;
			 }
#marvision-ref-flech{
	width:35px;
	height:47px;
	background-image: url(../images/mar-vision_09.jpg);
	background-repeat:no-repeat;
	margin: 0px;
	position: relative;
	float: left;
	top: 80px;
			 }
#marvision-metho-titre{
	text-align:center;
	margin-top: 28px;
	margin-right: 10px;
	color: #000000;
	font-weight: bold;
			 }
#marvision-metho-text{
	width:auto;
	height:auto;
	padding-left:102px;
	padding-top:21px;
	text-align: justify;
	padding-right: 50px;
	color: #000000;
	line-height:14px;
}
#marvision-metho-text strong
{
	font-weight: bold;	
}

#mvision-contact{
	height:auto;
	float:left;
	width:700px;
	background-position:right top;
	background-image: url(../images/border.jpg);
	background-repeat:no-repeat;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 15px;
	clear: left;
}
#mvision-contact-border_7{
	float:left;
	width:15px;
	height:560px;
	background-color:#9EDF0F;
	margin-top: 20px;
			
			 }
#marvision-contact-flech{
	width:40px;
	height:54px;
	background-image: url(../images/marrakech-vision_17.jpg);
	background-repeat:no-repeat;
	margin: 0px;
	position: relative;
	float: left;
	top: 80px;
			 }
#marvision-contact-titre{
	text-align:center;
	margin-top: 28px;
	margin-right: 10px;
	color: #000000;
	font-weight: bold;
			 }
#marvision-contact-text{
	width:auto;
	height:auto;
	padding-left:102px;
	padding-top:70px;
	padding-right: 50px;
	color: #000000;
	line-height:14px;
}
#marvision-contact-text strong
{
	font-weight: bold;	
}
#marvision-contact-text .button {
	margin: 10px 230px;
	font-weight: bold;
	width: 69px;
	height: 26px;

}

#marvision-contact-text span{
color:#FF0000;
font-size:16px;}


#mvision-shop{
	height:auto;
	float:left;
	width:700px;
	background-position:right top;
	background-image: url(../images/border.jpg);
	background-repeat:no-repeat;
	margin-left: 20px;
	margin-bottom: 15px;
	margin-top: 20px;
	clear: left;
}
#mvision-shop-border{
    float:left; 
	width:15px;
	height:220px;
	background-color:#8AE9FF;	
	margin-top: 20px;
			
			 }
#marvision-shop-flech{
	width:35px;
	height:47px;
	background-image: url(../images/mar-vision_14.jpg);
	background-repeat:no-repeat;
	margin: 0px;
	position: relative;
	float: left;
	top: 80px;
			 }
#marvision-shop-titre{
	text-align:center;
	margin-top: 28px;
	margin-right: 10px;
	color: #000000;
	font-weight: bold;
			 }
#marvision-shop-text{
	width:auto;
	height:auto;
	padding-left:102px;
	padding-top:21px;
	text-align: justify;
	padding-right: 50px;
	color: #000000;
	line-height:18px;
}
#serach{
    width:279px;
    height:102px;
	background-image:url(../images/mar-vision2_14.jpg);
	margin-top:15px;
}
#pub-right{
width:279px;
height:288px;
margin-top:50px;
background-image:url(../images/mar-vision2_26.jpg);
}
.ref{
	width:179px;
	height:20px;
	margin-top:40px;
	margin-left:40px;
	border-bottom-width:2px;
	border-bottom-style:solid;
	font-size:12px;
	text-align:center;
	border-bottom-color: #000000;
	position: relative;
	   }
	   .ref2{  width:179px; 
       height:20px;
	   margin-top:5px;
	   margin-left:40px;
       border-bottom-width:2px;
	   border-bottom-style:solid;
	  font-size:12px;
	text-align:center;
	   border-bottom-color: #000000;
	   }
	    .ref3{
	width: auto;
	height:20px;
	float:left;
	margin-left:10px;
	background-color:#A365C8;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-variant:small-caps;
	color: #FFFFFf;
	border:5px;

 
	border-color: #000000;
	   }
	    .ref3-2{  
	   width:179px; 
       height:20px;
 
	   clear:both;
	   margin-left:10px;
	   background-color:#A365C8;	  
	   }
#ref-body{ width:650px;
height:837px;
float:left;
background:url(../images/mar-vision5_12.jpg);
background-position:top;
background-repeat:no-repeat;
margin-top:50px;
margin-left:25px;
}
#ref-bord-right{width:650px;
height:837px;
float:left;
background: url(../images/mar-vision5_15.jpg);
background-position: right;
background-repeat: repeat-y;
margin-top:25px;
margin-right:25px;
 
}
#ref-bord-left{width:650px;
height:837px;
float:left;
background: url(../images/mar-vision3_18.jpg);
background-position:left;
background-repeat: repeat-y;
margin-top:0px;
margin-right:15px;
 
}
#no-ref-immop{
	width:650px;
	height:280px;
	background-image: url(../images/mar-vision5_21.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
#no-ref-beaux{
	width:650px;
	height:280px;
	background-image: url(../images/mar-vision5_21.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
#no-ref-souss{
	width:650px;
	height:280px;
	background-image: url(../images/mar-vision5_21.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
.imag{
	width:124px;
	height:128px;
	float:left;
	position: relative;
	left: 35px;
	top: 55px;
}
#ref-containt-immop{
	width:454px;
	height:auto;
	position: absolute;
	left: 214px;
	top: -13px;
	margin-top: 20px;
	float: left;
	 }
#ref-containt-beaux{
	width:454px;
	height:auto;
	position: absolute;
	left: 221px;
	top: 300px;
	margin-top: 20px;
	float: left;
	 }
#ref-containt-souss{
	width:454px;
	height:auto;
	position: absolute;
	left: 219px;
	top: 571px;
	margin-top: 20px;
	float: left;
	 }
#ref-containt-track{
	width:454px;
	height:auto;
	position: absolute;
	left: 219px;
	top: 571px;
	margin-top: 20px;
	float: left;
	 }
	 .ref-titre{
	width:auto;
	height:auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif,;
	font-size:14px;
	font-weight:300;
	color: #000000;
		   }
		   .ref-text{
	width:auto;
	height:auto;
	text-align: justify;
	font-family:Arial, Helvetica, sans-serif,;
	font-size:11px;
	font-weight:300;
	margin-top:15px;
	margin-left:15px;
	color: #000000;
		   }
		   .ref-adress{
	width:400px;
	height:19px;
	background-image: url(../images/mar-vision6_28.jpg);
	background-repeat:no-repeat;
	background-position:left;
	text-align: center;
	margin-left:25px;
	margin-top:50px;
	color: #000000;
		   } 
		   .text{
		         font-family:Geneva, Arial, Helvetica, sans-serif;
				 font-size:12px;
				 color:#000000;
				 font-weight:200;
				 }								
#projet-cour{
width:279px;
height:293px;
background-image:url(../images/mar-vision2_21.jpg);
margin-top:50px;
}

#menu {
	float: left;
	height: auto;
	padding: 2px 0px 2 0;
	left: 0px;
	width: 100%;
	background-color: #aadd00;
	position: relative;
	top: -5px;
	
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 0 5px 0 10px;
	border-left: 1px solid #75A192;
	text-decoration: none;
	font-size: 10px;
	color: #000000;
	font: bold 0.8em/1.6em Verdana, "Lucida Sans Unicode","Lucida Grande", Verdana, Arial, sans-serif;
	text-transform: capitalize;
}

#menu .first a {
	border: none;
}