﻿/* VGM_styles.css */
body.editor
{
	background-color: #fff;
}
body
{
	margin-top: 0px;
	font: 75% arial;
}

input 
{
	color: #007da3;
	font-size: 11px;
}

select 
{
	color: #007da3;
	font-size: 11px;
}

a
{
	color: #007da3;
}

a:hover 
{
	color: blue;
}

#container
{
	width: 955px;
	margin-left: auto;
	margin-right: auto;
}

#top_menu
{
	float: left;
	height: 25px;	
	width: 463px;
}

#top_menu div 
{
	color: #0e4871;
	float: left;
	line-height: 25px;
	text-align: center;
	border-left: 1px solid #ffffff;
}

#top_menu #home 
{
	border: 0;
}

#top_menu a 
{
	text-decoration: none;
	color: #0e4871;
}

#shopping_cart 
{
	float: left;
	height: 25px;
}

#shopping_cart div 
{
	float: left;
	line-height: 25px;
	text-align: center;
}

#main_content 
{
	width: 955px;
	background: url(http://www.voloper.com/projects/opensites3/fpoifol/Solarome-1_2643/images/en/extender.jpg) repeat-y;
}

#content_wrapper 
{
	float: left;
	width: 804px;
	background: url(http://www.voloper.com/projects/opensites3/fpoifol/Solarome-1_2643/images/en/extender2.jpg) repeat-y;
}

#shop_menu 
{
	height: 25px;
	margin-right: 10px;	
	background: none;
}

#shop_menu ul 
{
	list-style: none;
	text-align: right;
}

#shop_menu li 
{
	display: inline;
	line-height: 25px;
	border-left: 1px solid #9e9e93;
	padding: 0 5px;
}

#shop_menu a 
{
	text-decoration: none;
	color: #0e4871;
}

#shop_menu a:hover
{
	color: #a6d2df;
}

#shop_menu #shop_online 
{
	border: 0;
}

#bottom_menu
{
	text-align: center;
	height: 25px;
	background: #007da3;
	float: left;
	width: 910px;
}

#bottom_menu ul
{
	height: 25px;
	margin: 0px;	
}

#bottom_menu li
{
	list-style: none;
	display: inline;
	line-height: 25px;
	padding: 0 5px;
}

#bottom_menu a 
{
	text-decoration: none;
	color: #a6d2df;
	line-height: 25px;
	height: 25px;
}

#bottom_menu a:hover
{
	color: #ffffff;
}

#search_form input 
{
	width: 80px;
}

#category_menu 
{
	padding-right: 10px;
}

#category_menu ul 
{
	margin-left: 16px;
	padding: 0px;
}

#category_menu li 
{
	list-style: url(http://www.voloper.com/projects/opensites3/fpoifol/Solarome-1_2643/images/en/bullet.gif);
}


#category_menu a
{
	color: #007da3;
	text-decoration: none;
}

#current 
{
	color: #016786;
	font-weight: bold;
}

.clear 
{
	clear: both;
}

img 
{
	border: 0;
}

.vgm_category_product 
{
	float: left;
	margin: 2px;
}
.vgm_product_thumbnail
{
	float: left;
	border: 1px solid #2b85c4;
	text-align: center;
	width: 110px;
}

.vgm_product_info 
{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	width: 250px;
}

.paging 
{
	text-align: center;
}

.vgm_product_price .label 
{
	width: 100px;
	text-align: right;
	padding: 0 5px;
	float: left;
}

.vgm_product_price .data
{
	text-align: right;
	float: left;
	width: 100px;
}

.vgm_retail_price .data 
{
	text-decoration: line-through;
}

.vgm_product_image 
{
	float: left;
}

.vgm_product_data .label
{
	width: 100px;
	text-align: right;
	padding: 0 5px;
	float: left;
}

.vgm_product_data .data 
{
	float:left;
}

.vgm_order_summary 
{
	text-align: right;
	margin: 2px;
}

.new_user
{
	float: left;
}

.existing_user 
{
	float: left;
}

.form div {
	margin-bottom: 0.1em;
	width: 100%;
}

.form .indent {
	margin:10px 0px 10px 95px;
}

.form .form_element
{
	padding: 0px 10px 0px 0px;
	text-align:right;
	float: left;
	width: 180px;
	vertical-align: middle;
}

.form .form_data 
{
	padding: 0px;
	text-align:left;
	float: left;	
}

.vgm_step 
{
	text-align: center;
	margin: 5px auto;
}

.vgm_step ul 
{
	list-style: none;
	margin: 0px;
}

.vgm_step li 
{
	display: inline;
	border: solid 1px black;
	padding: 2px;
}

.vgm_step #current_step 
{
	background: #0091a8;
}

fieldset 
{
	width: 100%;
}

.vgm_account_nav 
{
	text-align: center;
	width: 780px;
	margin: 5px auto;
}

.vgm_account_nav ul 
{
	list-style: none;
}

.vgm_account_nav li 
{
	display: inline;
	padding: 2px;
}

.data tr
{
	font: 10pt verdana,arial;
	color: #000000;
}

.data th 
{
	text-align: left;
}
/* fin VGM_styles.css */

/* appearances.css */
p, h1, h2, h3, h4, h5, h6, h7, h8, h9{
	padding: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
a
{
}
a:hover
{
}
abbr
{
}
acronym
{
}
address
{
}
blockquote
{
}
body.body
{
}
cite
{
}
h1{
	text-align: center;
	font-size: x-large;
	color: #993399;
}
.accueil h1{
	text-align: left;
}
.accueil h1, h2, h3, h4, h5, h6{
	color: black;
}
.accueil h1, h2
{
	font-size: 18px;
	font-weight: medium;
}

h3
{
}
h4
{
}
h5
{
}
h6
{
}
img
{
}
label
{
}
p
{
}
q
{
}
table
{
}
th
{
}
td
{
}
tr
{
}
.form_element{}
.form_data{}
.strong{
	font-weight: bold;
}
/* fin appearances.css */

/* yourstyle.css*/
body{
	background: white ;
	text-align: center;
	margin-left : auto;
	margin-right: auto;
	font-family: Arial, sans-serif;
}
#container {
	width: 940px;
	text-align: justify;
	padding-top: 30px;
}
#header{
	width: 100%;
	height: 100px;
	background: #b6aebb url('../images/sce/template/bg_header.jpg');
}
#headerLeft{
	float: left;
	margin-top: 20px;
	margin-left: 44px;
	font-weight: bold;
	font-size: 24px;
}

#headerRight{
	float: right;
	margin-top: 20px;
	margin-right: 36px;
	text-align: center;
	width: auto;
	color: #625d60;
}
#headerTel{
	/*font-weight: bold;*/
	color: black;
	font-size: 150%;
}

#mainContent{
	background: white url('../images/sce/template/bg_mainContent.jpg') no-repeat;
	color: #5c5c5c;
}
#mainContent #headerAccroche{
	padding-top: 60px;
	height: 145px;
	margin-left: 296px;
}
#mainContent #headerAccroche h2{
	font-size: 24px;
	color: black;
	font-weight: bold;
}
#content, #bodyContent{
	margin-left: 258px;
	width: 676px;
}
#leftContent{
	clear: left;
	float: left;
	width: 176px;
	margin-left: 42px;
	margin-top: 25px;
	text-align: left;
}
#menuProd{
	padding-top: 30px;
	padding-left: 30px;
	height: 196px;
	background: url('../images/sce/template/bg_menu_prod.png') no-repeat;
	color: white;
}
#menuProd h2{
	color: white;
	text-transform: uppercase;
	font-size: 16px;
	border-bottom: 1px solid white;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}
#menuProd ul, #menuProd li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
	font-size: 14px;
}
#menuProd ul a, #menuProd ul a:visited{
	color: white;
	text-decoration: none;
}
#menuProd ul a:hover{
	color: black;
	text-decoration: underline;
}

#leftContent .produit{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 24px;
}
#leftContent .produit h2{
	color: black;
	text-transform: uppercase;
	font-size: 12px;
}
#leftContent .produit img{
	border: 1px solid #b753b5;
	margin-bottom: 4px;
}
#leftContent .produit a.bouton{
	display: block;
	width: 176px;
	height: 29px;
	padding-top: 10px;
	background : #b753b5 url('../images/sce/template/bg_a_leftCol.jpg') no-repeat;
}	
.enSavoirPlus a.bouton, .enSavoirPlus a:visited{
	display: block;
	height: 23px;
	padding-top: 5px;
	width: 110px;
	background : url('../images/sce/template/ensavoirplus_bg.gif') no-repeat;
	float: right;
}
div.enSavoirPlus, p.enSavoirPlus{
	margin: 0;
}
a.bouton, a.bouton:hover, a.bouton:visited{
	font-size: 12px;
	color: white;
	margin:0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
a.bouton:hover{
	color: #5c5c5c;
}

#boiteGrise{
	margin-top: 14px;
	float: right;
	padding: 16px;
	width: 153px;
	height: 597px;
	background : #cfcbca url('../images/sce/template/bg_boite_grise.jpg') repeat-x;
	text-align: left;
	color: #3e3e3c;
}
#boiteGrise img{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 1px solid black;
}
#boiteGrise ul{
	list-style-image: url('../images/sce/template/puce_boite_grise.gif');
	list-style-position: inside;
	color: white;
	margin-left: 0;
	padding-left: 0;
}
/*#boiteGrise li{
	text-decoration: underline;
}*/
#boiteGrise a.contact{
	display: block;
	width: 159px;
	height: 88px;
	background: url('../images/sce/template/nous_contacter.gif');
	color: black;
	text-decoration: none;
	margin-top: 2em;
	margin-bottom: 2em;
}
.blocAccueil{
	/*clear: right;*/
	/*margin-bottom: 10px;*/
	margin-top: 28px;
	font-size: 85%;
	background: #e0c0e0 url('../images/sce/pages/accueil/bg_bloc_accueil.jpg') top right repeat-y;
}
.blocAccueil .texteAccueil{
	width: 290px;
	padding-right: 10px;
	float: right;
	padding-bottom: 5px;
}
.blocAccueil .texteAccueil h2{
	font-size: 14px;
	margin-top: 0.2em;
	padding-top: 0;
	text-transform: uppercase;
	text-align: left;
}
#PiedPage{
	background: #e0c0e0 url('../images/sce/template/bg_footer.jpg') repeat-x;
	margin-top: 22px;
	height: 46px;
	padding-top: 20px;
	clear: both;
}
#footer{
	margin: 0;
	margin-top: 8px;
	padding: 0;
	text-align: center;
}
#footer ul{
	margin: auto;
	padding: 0;
	text-indent: 0;
}
#footer a, #footer a:visited{
	font-weight: bold;
	color: white;
	text-decoration: none;
}
#footer a:hover{
	color: #b44bb4;
	text-decoration: underline;
}
/* fin yourstyle.css */

/* Modif 22/10/2009 pour gestion des clear sur formulaire contact*/
#content #contactform{
	float: left;
	width: 458px;
}
