﻿
#leftcol{
	float:left;
	width:563px;
	/*height:500px;*/
	/*border:1px green solid;*/
}

#rightcol{
	float:left;
	width: 263px;
	margin-left:0px;	
	height:500px;
	/*border:1px red solid;*/
}



.banner
{
	float:left;
	width:547px;
	height:161px;	
	/*border:1px red solid;*/
}


#banniere-altasud
{
	background: url(../images/banners/banniere-altasud.jpg) no-repeat top left;
}



#banniere-relocation
{
	background: url(../images/banners/relocation.jpg) no-repeat top left;
}


#banniere-implantation
{
	background: url(../images/banners/implantation.jpg) no-repeat top left;	
}


#banniere-recrutement
{
	background: url(../images/banners/recrutement.jpg) no-repeat top left;	
}


#banniere-notre-objectif
{
	background: url(../images/banners/notre-objectif.jpg) no-repeat top left;	
}


#situation-geo
{
	background: url(../images/banners/situation-geo.jpg) no-repeat top left;	
}



#tanger-ville-mouvement{
	background: url(../images/banners/tanger-ville-mouvement.jpg) no-repeat top left;	
}

#contactez-nous{
	background: url(../images/banners/contactez-nous.jpg) no-repeat top left;	
}

#offres-emploi{
	background:url('../images/banners/offres-emploi.JPG') no-repeat top left;	
}





#banniere{
	background: url(../images/banners/banniere.png) no-repeat top left;	
}


#recherche-suivi-fournisseurs{
	background: url(../images/banners/recherche-suivi-fournisseurs.jpg) no-repeat top left;	
}


#recherche-distributeurs{
	background: url(../images/banners/recherche-distributeurs.jpg) no-repeat top left;	
}







#equipe{
	background: url(../images/banners/equipe.jpg) no-repeat top left;	
}



#atouts-avantages{
	background: url(../images/banners/atouts-avantages.jpg) no-repeat top left;	
}





#bantext{
/*width:400px;*/
height:90px;
margin-left:170px;
margin-top:25px;	
}





#recherche-distributeurs #bantext
{
	margin-left:220px;
}


#banniere-implantation #bantext
{
	margin-left:200px;
}



#banniere-recrutement #bantext
{
	margin-left:250px;
}



#banniere-relocation #bantext
{
	margin-left:210px;
}


#situation-geo #bantext
{
	margin-left:220px;
}

#tanger-ville-mouvement #bantext
{
	margin-left:240px;
}


#banniere-altasud #bantext
{
	margin-left:200px;

	
}

#banniere #bantext
{
	margin-left:200px;
}


#contactez-nous #bantext
{
	margin-left:200px;
}


#banniere #bantext
{
	margin-left:150px;
}


#banniere-notre-objectif #bantext
{
	margin-left:250px;
}

#recherche-suivi-fournisseurs #bantext
{
	margin-left:250px;
}


#equipe #bantext
{
	margin-left:240px;
}






/*
#banniere{
	float:left;
	width:547px;
	height:161px;
	
	background: url(../images/banniere-relocation-notext.png) no-repeat top left;
}
*/





#bantext h1 {
	margin:0px;
	color: #009ee0;
	font-size:32px;
	font-family:"Myriad Pro";
	font-weight:bold;
	/*border:1px red solid;*/
	width:290px;
}



#textwrap{
	float:left;
	margin-left:0px;
	margin-top:0px;
	width:545px;
	background:white;
	border-left:1px gray solid;
	border-right:1px gray solid;
	border-bottom:1px gray solid;
}



#textcontent{
	width:505px;	
	margin: 10px auto;
	padding:0px;	
	

}

#textwrap p{
	font-family:Arial, Helvetica, sans-serif;
/*font-family:"Century Gothic";*/

	font-size:12px;
	color:#616161;
	/*color:green;*/

	margin-top:0px;
	
}

#textwrap img {
	float:left;
	margin:5px 20px 5px 0px;
}


#textwrap ul {
list-style-type: none;
padding-left:0px;

}


#textwrap .ulitems
{
	list-style-image: url(../images/bullet.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#616161;
	list-style-type:square;
	padding-left:3px;
}
#textwrap ul.ulitems li {
margin-top:7px;
}


#textwrap ul.ulitems a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#018bc5;
}


#textwrap ul.ulitems a:hover {
	color:#cf7516;
}






#textwrap h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1b1b1b;
	margin-top:5px;

}

.spanbold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#616161;
}

.spanbolditalic{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:black;
	font-style:italic;


}


.spanboldblack{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:black;
}

.spanbigbleu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#009ee0;
	text-decoration:none;

}





.spanitalic{
font-style:italic;

}


.titlea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#009ee0;
	text-decoration:none;
	padding-right:40px;
	background: url(../images/flecheup.jpg) no-repeat top right;


}









#rightcol #nosservice_box{
	margin-top:21px;	
	
}


#rightcol #contact_box{
	margin-top:21px;	
}
