@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	background-color: #FFF;
}
.relocationtemplate img{
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;

}
.relocationtemplate #container {
	width: 989px;
	text-align: left;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFF;
} 
.relocationtemplate #header {
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin: 0px;
	background-color: #FFF;
	background-image: url(../pictures/template/background-header.gif);
	position: relative;
} 
.relocationtemplate #header h1 {
	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
}

.relocationtemplate #header #relocation{
	display: block;
	position: absolute;
	left: 501px;
	top: 48px;
/*	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;*/
}

.relocationtemplate #header #backPortal{
	position:absolute;
	left: 870px;
	top: 0px;
}


.relocationtemplate #menu {
	background-image: url(../pictures/template/menu-relocation.jpg);
	background-repeat: repeat-x;
	height: 45px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	width: 989px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
} 



#menuDeroulant
{
	list-style-type: none;
	display: block;
	background-image: url(../pictures/template/menu-relocation.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	width: 989px;
	height: 35px;
	position: relative;
	padding-top: 10px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}

#menuDeroulant li
{
	float: left;
	border: 0;
	text-align: center;
	display: block;
	height: auto;
	width: 160px;
}

#menuDeroulant .sousMenu
{
	list-style-type: none;
	background-color: #FFF;
	color: #344F0B;
	display: none;
	z-index: 1;
	position: absolute;
	width: auto;
	text-align: center;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#menuDeroulant .sousMenu li
{
	font-size: 10px;
	font-weight: normal;
	color: #344F0B;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	position: relative;
	width: auto;
	height: auto;
	text-align: left;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
	margin: 0px;
	clear: left;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	color: #344F0B;
	margin: 0;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	height: 1%;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
#menuDeroulant li a:hover {
	color: #344F0B;
	font-variant: normal;
	text-decoration: none;
	font-weight: bold;
}
#menuDeroulant li a:active {
}

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
	color: #344F0B;
	margin: 0;
	border: 0;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #5EBB46;
	text-decoration: none;
}

#menuDeroulant li:hover > .sousMenu { display: block; }


















.relocationtemplate #flash {
	width: 989px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 226px;
	margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
} 

.relocationtemplate #FlashID{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	display: block;
	float: left;
}




.relocationtemplate #mainContent {
	text-align: justify;
	font-size: 12px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	line-height:20px;
	color:#525252;
	display: block;
	float: right;
	width: 729px;
	position: relative;
	background-image: url(../pictures/template/degrad-gris.jpg);
	background-repeat: repeat-x;
	background-position: top;

} 

.relocationtemplate #mainContent .section{
	font-size: 12px;
	color: #62782E;
	font-weight: bold;
}
.relocationtemplate #mainContent h1{
	color:#525252;
	font-size:14px;
	font-weight:bold;
	display: inline;
}
.relocationtemplate #mainContent h2{
color:#3d782e; 
font-size:12px; 
font-weight:bold;  
margin-left:10px; 
text-transform:uppercase; 
}
.relocationtemplate #mainContent .smallgreenlightunderline{
	font-size: 12px;
	color: #5EBB46;
	text-decoration: underline;
}
.relocationtemplate #mainContent .smallgreenboldunderline{
	font-size: 12px;
	color: #3d782e;
	text-decoration: underline;
}
.relocationtemplate #mainContent .smallgreenlight{
	font-size: 12px;
	color: #3d782e;
	text-decoration: none;
}
.relocationtemplate #mainContent .smallred{
	font-size: 12px;
	color: #F00;
	text-decoration: none;
}
.relocationtemplate #mainContent .smallorange{
	font-size: 12px;
	color: #F90;
	text-decoration: none;
}
.relocationtemplate #mainContent .bigblacklight{
	font-size: 16px;
	text-decoration: none;
}
.relocationtemplate #mainContent .puce2{
	float: left;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.relocationtemplate #mainContent .puce3{
	float: right;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.relocationtemplate #mainContent .listecontent{
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: relative;
	width: 730px;
	height: 30px;

}

.relocationtemplate #mainContent .listecontent li{
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: relative;
	height: 30px;
	float: left;
	width: auto;

}

.relocationtemplate #mainContent .nav li{
	display: block;
}


.relocationtemplate #mainContent a{
	text-decoration: none;
}

.relocationtemplate #mainContent .tablegreen{
	text-decoration: none;
	border: 1px dotted #6C3;
	font-size: 10px;
}
.relocationtemplate #mainContent .tablegreen td{
	text-decoration: none;
	border: 1pt solid #E6E6E6;
	padding-left: 3px;
}

.relocationtemplate #mainContent .title{
	display: block;
	background-image: url(../pictures/template/degrad-gris.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 700px;
	font-family: Verdana, Geneva, sans-serif;
	color: #62782E;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	border: 1px dotted #6C3;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;

}

.relocationtemplate #mainContent .prices{}
.relocationtemplate #textfield{
	background-color: #FFF;
	border: 1px solid #090;
}



#menuarea {
	display: block;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 560px;
	height: 100px;
}

.menuareaactivegreen {
	color: #5EBB46;
}

#menuarea li{
	display: block;
	position: relative;
	height: 25px;
	list-style-type: none;
	background-color: #ECECEC;
	border: 1px solid #CACACA;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	text-align: center;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
#menuarea .px93{width: 93px;}
#menuarea .px170{width: 170px;}
#menuarea .px115{width: 170px;}

#menuarea a:link,#menuarea a:visited{
	color: #3d782e;
}
#menuarea a:hover,#menuarea a:active{
	color: #5EBB46;
}







#avantagedes{
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 164px;
	font-size: 10px;
	margin-right: 5px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
		}
#avantages{
	border: 1px dotted #3d782e;
	margin-bottom: 10px;
	background-image: url(../pictures/template/degrad-gris.jpg);
	background-repeat: repeat-x;
	background-position: top;
	

}
#desavantages{
	border: 1px dotted #3d782e;
	background-image: url(../pictures/template/degrad-gris.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.relocationtemplate #avantagedes .pucea{
	float: left;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;

}
h3{
	color: #3d782e;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: inline;
}



#sidebar1{
	margin: 0px;
	width: 227px;
	float: left;
	background-color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}

#sidebar1 .bigsections{
	margin: 0px;
	padding: 0px;
}

#sidebar1 .formenu #moresearch{
	margin: 0px;
	padding: 0px;
}
#sidebar1 .formenu #dictc2_moresearch  {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebar1 .formenu #dictc2_moresearch li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebar1 .formenu #dictc2_moresearch li selected{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


#sidebar1 .formenu{
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #6C3;
	border-right-color: #6C3;
	border-bottom-color: #6C3;
	border-left-color: #6C3;
	width: 224px;
}

#sidebar1 .formenu input{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: #EEEEEE;
	color: #666;
}
#sidebar1 .formenu select{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: #EEEEEE;
	border: 1px solid #D0D0D0;
	width: 200px;
	color: #666;
}



.relocationtemplate #footer {
	font-size:10px;
	color:#a0a0a0;
	background-image: url(../pictures/template/footer-bg.gif);
	background-repeat: repeat-x;
	height:30px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	width: 959px;
	position: relative;
	display: block;
	padding-top: 0;
} 
.relocationtemplate #footer a {
	color: #A0A0A0;
	font-size:10px;
	text-transform: none;
	text-decoration: none;
}

.relocationtemplate #footer #cellleft {
	position: relative;
	float: left;
	display: block;
	width: auto;
	text-align: left;
	padding-top: 10px;
}

.relocationtemplate #footer .fantasik a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}
.relocationtemplate #footer .fantasik a:hover{
	text-decoration: underline;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
}



.relocationtemplate #footer #cellright {
	display: block;
	float: right;
	width: 350px;
	position: relative;
	text-align: right;
	padding-top: 10px;
}
.search_result{
	border: 1px dotted #6C3;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.search_result li{
	border: 1px solid #E1E1E1;
	margin-top: 20px;
	margin-right: 2px;
	margin-bottom: 20px;
	margin-left: 2px;
	background-image: url(../pictures/template/degrad-gris.jpg);
	background-repeat: repeat-x;
	background-position: top;
}


.search_result .name{
	display: block;
	width: 295px;
	position: relative;
	float: left;
	padding-left: 5px;
}
.search_result .location{
	position: relative;
	display: block;
	width: 295px;
	float: left;
	padding-left: 5px;
}
.search_result .type{}
.search_result .content{
	display: block;
	height: 130px;
}

.search_result img{
	width: 160px;
	height: 120px;
}

.search_result .content .description{
	display: block;
	float: left;
	width: 300px;
	margin-top: 20px;
	margin-left: 70px;
}

.search_result .content .moreinfo{
	display: block;
	float: right;
	margin-right: 20px;
	margin-top: 100px;
}

.search_result .content .moreinfo a{
	color: #090;
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
}


.liensPagination {
	text-align: center;
	background-image: url(../pictures/template/degrad-gris.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color: #090;
}

.liensPagination a{
	color: #090;
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
}



.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.stylebarre{
	text-decoration: line-through;
}
.stylerouge{
	color: #F00;
	font-weight: bold;
	font-size: 10px;
}
.stylerouge2{
	color: #F00;
	font-weight: bold;
	font-size: 12px;
}

.stylevert{
	color: #090;
	font-weight: bold;
	font-size: 10px;
}