/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */



/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
html{
	background: #525c8f;
}
body {
	line-height:1.3em;
	background:url(images/global_fond.jpg) top left repeat-x #FFFFFF;
	margin: 0;
	text-align: justify;
	font-size: 12px;
	color: #4B5A7D;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

img, table, form { 
	margin: 0; 
	padding: 0; 
	border: none; 
}

p, h1, h2, h3, h4, h5, h6 { 
	margin: 0; 
	padding: 0; 
	font-size: 1em; 
}
h1 {
	font-size:17px;
}
h2 {
	font-size:15px;
}
h3 {
	font-size:13px;
}

ol,ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a { 
	text-decoration: none;
	font-weight:bold; 
	color:#2365A7;
}
a:hover { 
	color:#FF7E00;
	text-decoration: underline;
}
a:visited {
	
}

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/* Images typographiques (via image_typo), URL a revoir... */
img {behavior: url(win_png.htc);}

/*  ------------------------------------------
/*  Disposition des blocs principaux
/*  ------------------------------------------ */

#page{
		width: 960px;
		border:solid 1px #AFB5C3;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		background:#fff;
		
}
#page_fond {
	width:958px;
	height:100%;
	margin-left:1px;
	margin-right:1px;
	background: url(images/fond_page.jpg) top left repeat-x;
}

#zoneprincipale {
	float:left;
	width:689px;
	height:auto;
	margin-top:18px;
	letter-spacing:0px;
	color:#4D4D4D;
}

#zoneprincipale a{
	font-weight:normal;
	color:#E84200;
	text-decoration:underline;
}
#zoneprincipale a:hover{
	text-decoration:none;
}


/*  Bandeau */

#global_bandeau {
	height: 239px;
	width: 958px;
	cursor:pointer;
	position:relative;
	z-index:100;
}
#global_bandeau_accueil {
	background-image:url(images/bandeau_accueil.jpg);
	height: 239px;
	width: 958px;
}
.lien_accueil {
	height: 239px;
	width: 958px;
	display:block;
	position:absolute;
	z-index:1000;
	cursor:pointer;
}
#global_bandeau_vitabelles {
	background-image:url(images/vitabelles_bg_flash.jpg);
	height:243px;
	padding-right:59px;
	text-align:right;
	width:900px;
}
#global_bandeau_vitabelles a{
	display:block;
	height: 243px;
	width: 900px;
}
#global_bandeau_mateen {
	background-image:url(images/mateen_bg_flash.jpg);
	height:243px;
	padding-right:59px;
	text-align:right;
	width:900px;
}
#global_bandeau_mateen a{
	display:block;
	height: 243px;
	width: 900px;
}


/*  fil d'ariane */

#hierarchie {
	width:933px;
	font-family:;
	font-weight:normal;
	font-size:10px;
	color:#7899BA;
	padding-left:15px;
}

/*  menu colonne gauche */

#menu_gauche {
	width:263px;
	height:auto;
	padding-left:6px;
	font-family:Tahoma,arial,sans-serif;
	font-weight:bold;
	font-size:15px;	
	float:left;
	text-align:left;
	letter-spacing:-0.2px;
}
#menu_gauche li {
	padding-top:10px;
}
#menu_gauche a {
	color:#1F62A5;
}
#menu_gauche a:hover{
	color:#FF7E00;
	text-decoration:none;
}
#menu_gauche a:visited{
	text-decoration:none;
}

#menu_gauche .titre_rub a{
	line-height:38px;
	float:left;
	height:46px;
	padding-left:50px;
}

#menu_gauche .rub_actif {
	color:#FF7E00;
	text-decoration:none;
}
#menu_gauche .ssrub_actif {
	color:#FF7E00;
	text-decoration:none;
}
#menu_gauche .sousrub {
	list-style-type:square;
	margin-left:49px;
}

#menu_gauche .logo_rub .spip_logos{
}
#menu_gauche .logo_rub {
	float:left;
}
#menu_gauche .art {
	font-size:14px;
	font-weight:normal;
	color:#1A5088;
}
#menu_gauche .art_actif {
	color:#E87200;
	text-decoration:none;
}
#menu_gauche li .titre_article {
	padding-left:37px;
	padding-top:0px;
}
#menu_gauche li .titre_ss_article {
	padding-left:0px;
	padding-top:0px;
}
/*  ------------------------------------------
/*  accueil
/*  ------------------------------------------ */
#accueil_centre {
	float:left;
	width:475px;
}

#map_accueil {
	width:461px;
	float:left;
}

#actu {
	width:441px;
	padding-left:20px;
	color:#7B7D83;
	font-size:10px;
	float:left;
}
#actu #actu_img_typo {
	margin-bottom:6px;
}
#actu .titre_actu{
	color:#4B5A7D;
	font-size:10px;
	font-weight:bold;
}
#actu .texte_actualite {
}
#actu .desc {
	color:#7B7D83;
	font-size:10px;
	font-style:italic;
	font-family:Verdana, Arial, sans-serif;
	padding-bottom:2px;
}
#actu .desc a {
	text-decoration:underline;
}
#actu .date a{
	font-weight:bold;
	font-size:10px;
	color:#7B7D83;
}
.separateur{
	background: url(images/separateur.png) no-repeat;
	height:6px;
	margin-top:10px;
	margin-bottom:10px;	
 }
 /*  col_droite */
 #col_droite{
 	float:right;
	width:198px;
	text-align:right;
	height:auto;
 }
 #col_droite .spip_documents {
 	display:block;
 	margin-top:0px;
	text-align:right;
	margin-bottom:7px;

 }
 #col_droite #bloc_recherche {
 	background: url(images/recherche.png) no-repeat;
	margin-bottom:5px;
	margin-top:-1px;
	width:196px;
	height:61px;
 }
	#col_droite #bloc_recherche form input {
		background:#fff none repeat scroll 0 0;
		border:1px solid #3F74AC;
		color:#000;
		font-family:Tahoma,Verdana,Arial,Tahoma;
		font-size:10px;
		width:86px;
		height:12px;
		margin-top:35px;
	}

	 #col_droite #bloc_recherche form .submitBt {
		background:transparent url(images/btn_ok.jpg) no-repeat scroll 0 0;
		border:0 none;
		color:#FFFFFF;
		cursor:pointer;
		font-size:6px;
		height:14px;
		text-decoration:underline;
		width:19px;
		margin-right:11px;
		margin-top:2px;
		line-height:12px;
	}
 
  #col_droite #rapel {
	margin-bottom:7px;
 }
  #col_droite #contact {
 }
  #col_droite #video {
 	padding: 0 3px 0 3px;  
 }
 
 
 /*  ------------------------------------------
/*  article
/*  ------------------------------------------ */
 #titre_article{
 	background: url(images/fond_titre.jpg) no-repeat;
	width:462px;
	height:37px;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	padding-left:13px;
	line-height:37px;
 }
 #sous_titre_article {
 	color:#fff;
	font-size:14px;
	padding-left:13px;
	width:462px;
	height:25px;
	border-top:1px solid white;
	background:#3BA5DF;
	line-height:25px;
 }
 #resume_article {
 	margin-top:18px;
	font-weight:bold;	
 }
 #texte_article {
 	margin-top:18px;	
	margin-bottom:23px;
 }
 #photo_article{
 	margin-top:28px;
	text-align:center;
	float:left;
 }
 #photo_article img,
 #groupe_vignette img  {
 	border:1px solid #95A1AF;
	background:#fff;
	padding:3px;
 }
	
  #groupe_vignette {
 	float:left;
	width:475px;
	height:auto;
	margin-bottom:20px;
 }
  .vignette{
 	float:left;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
 }
  #groupe_vignette .autres_photos {
 	float:left;
	border:none;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;
	width:132px;
 }
 #google_map {
 	float:left;
 	width:278px;
	height:251px;
 }
 #google_map #map {
border:1px solid #CBCBCF;
height:243px;
padding:4px;
width:270px;
}
#google_map span {
	display:none;
}
#tableau {
	float:right;
	background:url(images/fond_stock.jpg) repeat-x;
	width:182px;
	height:auto;
	font-size:14px;
	
}
#tableau #titre_livraison {
	font-weight:bold;
	float:left;
	color:white;
	width:50%;
	text-align:center;
	line-height:24px;
}
#tableau #titre_stock {
	font-weight:bold;
	float:right;
	color:white;
	width:50%;
	text-align:center;
	line-height:24px;
}
#tableau #livraison {
	font-weight:normal;
	float:left;
	color:#0A2A4A;
	width:50%;
	text-align:center;
	line-height:32px;
}
#tableau #stock {
	font-weight:normal;
	float:right;
	color:#0A2A4A;
	width:50%;
	text-align:center;
	line-height:32px;
}
#tableau #prix	{
	font-size:12px;
	font-weight:normal;
	float:left;
	color:#0A2A4A;
	width:100%;
	text-align:center;
	line-height:28px;
}
.plan_logement {
	background:url(images/details.jpg) no-repeat;
	float:right;
	cursor:pointer;
	width:182px;
	height:46px;
}
.retour_article {
	background:url(images/details_retour.jpg) no-repeat;
	text-align:center;
	cursor:pointer;
	width:182px;
	height:46px;
}
.documentation {
	background:url(images/demande_info.jpg) no-repeat;
	width:182px;
	float:right;
	height:41px;
	margin-top:26px;
}
#brochure {
	background:url(images/brochure.jpg) no-repeat;
	width:182px;
	float:right;
	height:41px;
}
#brochure a {
	display:block;
	width:182px;
	height:41px;
}



#toggle_ps {	
	margin-top:30px;
}
#toggle_article {	
}

/*  ------------------------------------------
/*  pied de page
/*  ------------------------------------------ */

#global_pied {
	margin-top:29px;
}
/*  menu_bas */
	#menu_bas{
		background:url(images/fond_menu_bas.jpg) repeat-x;
		margin-left: auto;
		margin-right: auto;
		width: 958px;
		height: 20px;
		text-align: center;
		color:#ffffff;
		line-height:1.5em;

	}
	#menu_bas ul{
		
	}
	#menu_bas li{
		border-right:1px solid #fff;
		border-left:1px solid #fff;
		font-weight:bold;
		font-size:10px;
		margin-right:-1px;
		color:#ffffff;
		display:inline;
		padding:0px 25px 0px 25px;		

	}
		#menu_bas a {
			text-decoration:none;
			font-weight:normal;
			color:#ffffff;
			font-weight:bold;
			font-size:10px;	
			
		}

		#menu_bas a:hover {
			color:#fff;
			text-decoration: underline;
		}
/*  pied */		
#pied {
	background:url(images/fond_pied.jpg) repeat-x;
	width: 958px;
	height:74px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-size:10px;
	color: #fff;
}	
#pied .copyright {
	padding-left:10px;
	padding-top:16px;
	float: left;			
}	
#pied .credits {
	padding-right:10px;
	padding-top:16px;
	float: right;
	text-align:right;
}	
#pied .credits a{	
	color:#fff;
}
#pied .credits a:hover{
}


/************  Plan  *******************/

		#plan
		{
			margin-left:20px;
			color:#525c8f;
			font-family:Tahoma, Verdana, Arial;
		}
		#plan .rub{
			padding-top:10px;
			padding-left:10px;
			margin: 5px 10px 5px;
			font-size:12px;
			font-weight:normal;
			color:#525c8f;
			font-weight:bold;
			font-size:17px;
			list-style-type:square;
		}
		#plan .rub a{
			color:#525c8f;
			font-weight:bold;
		}
		#plan .art{
			
			padding-left:10px;
			margin-left:20px;
		}
		#plan .art a{
			font-weight:normal;
			color:#525c8f;
		}
		#plan .sousrub{
			list-style-type:circle;
			padding-left:10px;
			margin: 5px 0px 5px 20px;
			font-size:14px;
			font-weight:bold;
		}
		#plan .sousrub a{
			color:#525c8f;
		}