/* CSS Document 

Feuille de style de positionnement

PORTAIL NARTISA

19 - 11 - 2008
*/

/*///////////////////////////////////////////////////////////////////////////////////////////
//								LES BALISES HTML						//
///////////////////////////////////////////////////////////////////////////////////////////*/
* {
	position: relative;
	margin:0;
	padding:0;
}

html{
	margin:0;
	padding:0;
	height:100%;
	width:auto;
	overflow:auto;
}

body{
	margin:0;
	padding:0;
	height:100%;
	width:auto;
	overflow:auto;
}

div,p,img,input,ul,li,select,textarea{
	position:relative;
	margin:0;
	padding:0;
}
/*/////////////////////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////////////////////////////
//								LES CONTAINERS COMMUNS				//
///////////////////////////////////////////////////////////////////////////////////////////*/

/*Container principal permettant de centrer la page */
#portail_nartisa {
	position:relative;
	width:980px;
	min-height:100%;
	height:auto !IMPORTANT;
	height:100%;
	margin:0 auto;
}

#nartisa_portail_village {
	position:absolute;
	min-height:100%;
	height:auto !IMPORTANT;
	height:100%;
	width:980px; 
	overflow:visible;
	z-index:0;
}

#village_artisanat {
	position:absolute;
	left:13px;
	top:0;
	width:296px;
	height:178px;
	padding-top:16px;
	padding-left:50px;
}

#village_artisanat img {
	width:135px;
	z-index:2;
}

#navigation_portail_nartisa {
	top:18px;
	left:210px;
	width:610px;
	height:46px;
	z-index:99;
}

#navigation_portail_nartisa p {
	float:left;
	padding-left:10px;
}

#navigation_portail_nartisa img {

}

#navigation_portail_nartisa .menu {	
	padding-top:25px;
	padding-left:10px;
	padding-right:7px;
}

#navigation_portail_nartisa .menu_separation {
	padding-left:14px;
	padding-right:14px;
	width:1px;
}


#navigation_portail_nartisa li {
	float: left;
	display: list-item;
	list-style:none;
	margin-left:0 !IMPORTANT; 
	margin-right:0 !IMPORTANT;
	margin-left:1px; 
	margin-right:1px;
}

#menu_vertical {
	position:absolute;
	top:18px;
	left:827px;
	width:160px;
	height:auto;
	z-index:1;
}

#menu_vertical ul{
	width:120px;	
}

#menu_vertical li{
	float:left;
	display:list-item;
	width:120px;
	list-style:none;
	padding-top:0;
	margin-top:0;
	margin-left:0px; 
	margin-right:0px;
}

#menu_vertical menu_separation{
	float:left;
	width:1px;
}

#menu_corporate {
	float:left;
	width:125px;
	padding-top:7px;
	padding-left:24px;
}

#menu_corporate p {
	clear:both;
	padding-top:3px;
	width:100px;
}

#lieu_village {
	padding-top:30px;
	padding-left:250px;
	width:710px;
}

#partenariat_cma {
	position:absolute;
	bottom:10px;
	right:50px;
	width:150px;
	z-index:99;
}

#partenariat_cma p {
	text-align:center;
	width:150px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////////////////////////////////////////
//						LES CONTAINERS PORTAIL ACCUEIL					//
///////////////////////////////////////////////////////////////////////////////////////////*/

#accueil_portail_nartisa {
	float:left;
	width:365px;
	padding-top:130px;
	padding-left:65px;
	z-index:1;
}

#accueil_portail_nartisa p {
	height:auto;
	width:355px;
	padding-bottom:25px;
	z-index:1;
}

#accueil_portail_nartisa h1 {
	padding-top:10px;
	padding-bottom:20px;
	z-index:1;
}

#accueil_portail_nartisa h2 {
	z-index:1;
}

#entrez_village {
	padding-bottom:15px;
}

#bienvenue_au_village {
	float:left;
	width:537px;
}

#bienvenue_au_village p{
	position:absolute;
	top:50px;
	right:0;
	z-index:0;
}

/*///////////////////////////////////////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////////////////////////////////////////
//					LES CONTAINERS PORTAIL VILLAGE						//
///////////////////////////////////////////////////////////////////////////////////////////*/

#nartisa_portail_rues {
	float:left;
	width:175px;
	height:auto;
	padding-top:110px;
	padding-left:65px;
	z-index:2;
}

#rues_du_village {
	width:180px;
	height:auto;
	padding-top:10px;
}

#rues_du_village p {
	width:180px;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
}

#rues_du_village .header2 {
	margin-top:0;
	padding-top:0;
	padding-bottom:20px;
}

#rues_du_village #choisir_rue {
	width:180px;
	height:auto;
	padding-bottom:15px;
}

#place_du_village {
	float:left;
	width:735px;
	padding-top:15px
}

#place_du_village img {
		z-index:1;
}

#place_du_village #place_travaux_gastronomie {
	position:absolute;
	top:141px;
	left:254px;
	z-index:2;
}

#place_du_village #place_travaux_decoration {
	position:absolute;
	top:186px;
	left:237px;
	z-index:2;
}

#place_du_village #place_travaux_mode {
	position:absolute;
	top:226px;
	left:270px;
	z-index:2;
}

#place_du_village #place_travaux_loisirs {
	position:absolute;
	top:270px;
	left:266px;
	z-index:2;
}
/*/////////////////////////////////////////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////////////////////////////////////////
//					LES CONTAINERS PORTAIL BOUTIQUE						//
///////////////////////////////////////////////////////////////////////////////////////////*/

#nartisa_rues {
	float:left;
	width:205px;
	height:auto;
	padding-top:100px;
	padding-left:35px;
	z-index:0;
}

#rue_village {
	margin-left:3px;
	width:194px;
	height:auto;
	z-index:1;
}

#nartisa_panneau_rue {
	position:relative;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:40px;
	width:111px;
	height:79px;
	z-index:2;
}

#description_rue {
	position:relative;
	margin-left:25px;
	padding-bottom:5px;
	width:145px;
	height:auto;
	z-index:2;
}

#description_ref {
	position:relative;
	padding-top:30px;
	width:700px;
}

#description_ref img{
	position:relative;
	padding-top:3px;
	padding-right:10px;
}

#produits_de_la_rue {
	width:170px;
	height:auto;
	padding:10px;
	z-index:2;
}

#produits_de_la_rue ul {
	padding-left:18px;
	z-index:2;
}

#boutiques_nartisa {
	float:left;
	width:720px;
	margin-left:10px;
	padding-top:15px;
}

#trier_les_boutiques {
	padding-top:25px;
	height:45px;
}

#trier_les_boutiques p{
	float:left;
	padding-right:5px;
	height:20px;
}

#trier_les_boutiques img {
	bottom:2px;
}

#autres_boutiques {
	float:left;
	padding:0;
	width:212px;
	height:20px;
}

.lien_pages {
	position:absolute;
	text-align:center;
	left:40px;
	width:110px;
	padding:0;
}

.suivant {
	position:absolute;
	padding:0;
	width:50px;
	right:5px;
}

.precedent {
	position:absolute;
	padding:0;
	width:40px;
	left:5px;
}

.boutique_rue {
	position:relative;
	padding-bottom:20px;
	width:688px;
	height:auto;
}

.boutique_rue .image_boutique {
	position:absolute;
	width:100px;
	height:96px;
	top:19px;
	left:0;
	z-index:2;
}

.la_boutique {
	position:relative;
	padding-left:120px;
	width:568px;
	height:auto !IMPORTANT;
	height:115px;
	min-height:115px;
	z-index:1;
}

.la_boutique .enseigne_boutique {
	position:relative;
	float:left;
	width:280px;
	height:auto;
}

.la_boutique .specialites_boutique {
	position:relative;
	float:left;
	padding-left:10px;
	padding-right:10px;
	width:260px;
	height:auto;
}

.la_boutique .site_boutique {
	clear:both;
	padding-bottom:3px;
	width:550px;
	height:auto;
}

.la_boutique .description_boutique {
	padding-top:5px;
	padding-bottom:10px;
	width:550px;
	height:auto;	
}

.actions_boutique {
	float:left;
	padding-top:10px;
	padding-right:20px;
	width:668px;
	height:auto;
	z-index:2;
}

.actions_boutique p{
	float:right;
	padding-left:10px;
	z-index:2;
}

.boutique_rue .articles_boutique {
	height:auto;
}

.boutique_rue .liste_articles {
	margin-left:20px;
	width:646px;
	height:2px;
}

.meilleures_ventes {
	float:left;
	padding-top:5px;
	padding-left:20px;
	width:190px;
	height:auto;
}

.derniers_produits {
	float:left;
	padding-top:5px;
	margin-left:35px;
	width:190px;
	height:auto;
}

.bonnes_affaires {
	float:left;
	padding-top:5px;
	margin-left:35px;
	padding-right:28px;
	width:190px;
	height:auto;
}

.boutique_rue .article1 {
	float:left;
	margin-top:10px;
	width:86px;
	height:auto;
}

.boutique_rue .article2 {
	float:right;
	margin-top:10px;
	width:86px;
	height:auto;
}

.boutique_rue .image_article {
	width:87px;
	height:77px;
}

.image_article  div {
	display: table-cell;
	width: 87px;
	height: 77px;
	text-align: center; /* qui e non su precedente, iCab3 */
	vertical-align: middle;
}

.image_article img {
	vertical-align: middle;
}

.image_article div {
	border-collapse: collapse; /* Op7 */
}

.boutique_rue .nom_article {
	margin-top:5px;
	width:87px;
	height:auto;
}

.boutique_rue .prix_article {
	width:86px;
	height:16px;
}

/*///////////////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////////////////////////////
//						LES CONTAINERS PORTAIL INSTALLATION BOUTIQUE					//
/////////////////////////////////////////////////////////////////////////////////////////*/

#installer_boutique {
	width:980px;
	height:auto;
}

#reseau_dynamique {
	padding-top:35px;
	padding-left:230px;
}

#reseau_dynamique h1{
	padding-left:20px;
}

#reseau_dynamique ul {
	width:520px;
}

#reseau_dynamique li {
	padding-top:8px;
	padding-left:20px;
	width:520px;
}

#chambre_metiers {
	position:absolute;
	top:40px;
	right:70px;
}

.boutique_en_ligne	{
	margin-left:40px;
	margin-top:20px;
	width:898px;
	height:auto;
}

.boutique_en_ligne .borne {
	float:left;
	padding-top:10px;
	padding-left:12px;
	width:180px;
	height:auto;
}

.boutique_en_ligne .installation {
	float:left;
	width:705px !IMPORTANT;
	width:706px;
	min-height:350px;
	height:auto !IMPORTANT;
	height:350px;
}

.boutique_en_ligne .type_installation {
	padding-top:10px;
	padding-left:20px;
}

.installation h1{
	padding-bottom:10px;
	z-index:2;
}

.installation h2{
	z-index:2;
}

#cle_en_main {
	position:absolute;
	top:20px;
	right:0;
	z-index:1;
}

#village_nartisa {
	position:absolute;
	top:60px;
	right:0;
	z-index:5;
}

.installation .espace {
	z-index:0;
}

.installation .liste {
	padding-left:0;
	padding-bottom:10px;
	width:480px;
	z-index:2;
}

.liste li {
	padding-top:10px;
	padding-left:20px;
	z-index:2;
}

.sous_liste {
	padding-top:0;
	padding-left:0;
	width:460px;
	z-index:2;
}

.sous_liste li {
	padding-top:0;
	padding-left:10px;
	z-index:2;
}

.installation_boutique {
	position:absolute;
	bottom:-30px;
	right:15px;;
	z-index:5;
}

#installer_boutique #partenariat_nartisa {
	padding-right:232px;
	height:auto;
}

#partenariat_nartisa {
	padding-top:15px;
	padding-bottom:20px;
	height:25px;
}

#partenariat_nartisa #plaquette_pdf{
	position:absolute;
	top:10px;
	left:65px;
	z-index:3;
}

#partenariat_nartisa .liste {
	padding-top:20px;
	z-index:2;
}

#installer_boutique .legende {
	clear:both;
}

#partenariat_nartisa ul {
	padding-bottom:0;
	height:25px;
}

#partenariat_nartisa li {
	padding-left:20px;
	padding-bottom:0;
	height:25px;
}

#logo_partenariats div {
	float: left;
	margin: 0px 10px 0 0;
}
#logo_partenariats a {
	display: table-cell;
	width: 105px;
	height: 85px;
	text-align: center; /* qui e non su precedente, iCab3 */
	vertical-align: middle;
}
#logo_partenariats img {
	vertical-align: middle;
}

#logo_partenariats div {
	border-collapse: collapse; /* Op7 */
}
/*///////////////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////////////////////////////
//						LES CONTAINERS PORTAIL FORMULAIRE PREINSCRIPTION				//
/////////////////////////////////////////////////////////////////////////////////////////*/
#formulaire {
	padding-top:10px;
	padding-left:20px;
	width:430px;
	height:auto;
	z-index:2;
}

#formulaire .ligne_formulaire {
	padding-top:8px;
	clear:both;
	width:430px;
	height:auto;
}

.ligne_formulaire .description_champ{
	float:left;
	width:150px;
	height:auto;
}

.ligne_formulaire .valeur_champ{
	float:left;
	padding-left:20px;
	width:255px;
	height:auto;
}

.ligne_formulaire .legende {
	text-align:left;
}

.ligne_formulaire #valider_inscription {
	text-align:right;
}

.valeur_champ .form_input{
	width:250px;
	height:17px !IMPORTANT;
	height:15px;
}

.valeur_champ .form_input_num{
	float:left;
	width:50px;
	height:17px !IMPORTANT;
	height:15px;
}

.valeur_champ .form_input_ville{
	float:right;
	width:195px;
	height:17px !IMPORTANT;
	height:15px;
}

.valeur_champ .SelectTypeVoie {
	float:right;
	width:200px;
	height:19px;
}

.valeur_champ .form_textarea{
	width:250px;
}

#erreur_formulaire {
	padding-top:20px;
	padding-left:20px;
	width:430px;
	height:auto;
}

#erreur_formulaire ul{
	padding-top:10px;
	padding-left:20px;
	padding-bottom:10px;
	width:430px;
	height:auto;
}

#formulaire_valide {
	padding-top:15px;
	padding-left:20px
}

/*///////////////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////////////////////////////
//						LES CONTAINERS PORTAIL CONTACTEZ-NOUS			   				//
/////////////////////////////////////////////////////////////////////////////////////////*/

#contactez_nous {
	width:980px;
	height:auto;
}

#contacts {
	width:700px;
	padding-top:35px;
	padding-left:230px;
}

#contacts div {
	padding-bottom:35px;
	padding-left:20px;
	width:700px;
}

#contacts h1{
	padding-bottom:20px;
	padding-left:20px;
}

#contacts h2{
	padding-bottom:10px;
	padding-left:20px;
}

#contacts ul {
	width:700px;
	padding-left:0px;
}

#contacts li {
	padding-top:8px;
	padding-left:20px;
	width:700px;
}

#contacts #contact_nartisa {
	padding-top:10px;
}

/*///////////////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////////////////////////////
//						LES CONTAINERS PORTAIL QUI SOMMES-NOUS		   					//
/////////////////////////////////////////////////////////////////////////////////////////*/

#qui_sommes_nous {
	width:980px;
	height:auto;
}

#rigaud_multimedia {
	padding-top:35px;
	padding-left:230px;
}

#rigaud_multimedia h1{
	width:650px;
	padding-bottom:20px;
	padding-left:20px;
}

#rigaud_multimedia h2{
	padding-bottom:10px;
	padding-left:20px;
}

#rigaud_multimedia .liste {
	padding-left:0;
	padding-bottom:10px;
	width:480px;
	z-index:2;
}

#rigaud_multimedia .liste li {
	padding-top:10px;
	padding-left:20px;
	padding-bottom:20px;
	z-index:2;
}

#rigaud_multimedia .sous_liste {
	padding-top:5px;;
	padding-left:0;
	padding-bottom:10px;
	width:460px;
	z-index:2;
}

.sous_liste li {
	padding-top:0;
	padding-left:10px;
	padding-bottom:5px;
	z-index:2;
}

/*///////////////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////////////////////////////
//						LES CONTAINERS PORTAIL PARTENAIRES		   					//
/////////////////////////////////////////////////////////////////////////////////////////*/

#partenaires {
	width:980px;
	height:auto;
}

#partenaires_nartisa {
	padding-top:35px;
	padding-left:230px;
}

#partenaires_nartisa h1{
	width:650px;
	padding-bottom:20px;
	padding-left:20px;
}

#partenaires_nartisa h2{
	padding-bottom:10px;
}

#partenaires_nartisa ul {
	padding-bottom:20px;
}

#partenaires_nartisa .liste {
	padding-left:0;
	padding-bottom:20px;
	width:550px;
	z-index:2;
}

#partenaires_nartisa .liste li {
	padding-top:10px;
	padding-left:20px;
	padding-bottom:20px;
	z-index:2;
}

#partenaires_nartisa .liste li  .desc_partenaire {
	float:left;
	width:570px;
}

#partenaires_nartisa  .lien_partenaire {
	text-align:right;
	padding-right:35px;
}

/*///////////////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////////////////////////////
//						LES CONTAINERS PORTAIL MENTIONS LEGALES			   				//
/////////////////////////////////////////////////////////////////////////////////////////*/
#mentions_legales {
	width:980px;
	height:auto;
}

#conditions_generales {
	padding-top:35px;
	padding-left:230px;
}

#conditions_generales div {
	padding-bottom:35px;
	padding-left:20px;
	width:650px;
}

#conditions_generales h1{
	padding-bottom:10px;
	padding-left:20px;
}

#conditions_generales h2{
	padding-bottom:10px;
	padding-left:20px;
}

#conditions_generales .liste ul {
	width:650px;
	padding-left:0;
	padding-bottom:25px;
}

#conditions_generales .liste li {
	padding-top:8px;
	padding-left:20px;
	width:650px;
}

#conditions_generales p {
	width:650px;
	padding-left:20px;
	padding-bottom:25px;
}

#conditions_generales ol{
	padding-left:40px;
}

#conditions_generales ol li{
	padding-left:0;
}

#conditions_generales ol p{
	padding-left:0;
}

/*///////////////////////////////////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////////////////////////////////////////////
//						LES CONTAINERS PORTAIL CARTE DU VILLAGE			   				//
/////////////////////////////////////////////////////////////////////////////////////////*/
#carte_village {
	width:980px;
	height:auto;
}

#plan_village {
	padding-top:35px;
	padding-left:230px;
}

#plan_village h1{
	padding-bottom:10px;
	padding-left:20px;
}

#plan_village h2{
	padding-bottom:10px;
	padding-left:20px;
}

#plan_village .liste ul {
	width:650px;
	padding-left:0;
	padding-bottom:0px;
}

#plan_village .liste li {
	padding-top:8px;
	padding-left:20px;
	width:650px;
}
#plan_village .liste .sous_liste {
	padding-top:5px;
	padding-left:0;
	width:460px;
	z-index:2;
}
#plan_village .sous_liste li {
	padding-top:0;
	padding-left:10px;
	z-index:2;
}

/*///////////////////////////////////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////////////////////////////////////////////
//								DIVERS													//
/////////////////////////////////////////////////////////////////////////////////////////*/

.flux_gauche {
	float:left;
}

.espace {
	clear:both;
}