@import "modif.css";

/* Initialisation des balises */
*{
	padding:0px;
	margin :0px;
}

p {
	padding:0px 0;
	margin:0px;
}

fieldset{
	 padding: 2em;
	 width:90%;
}

label{
	float:left;
	width:150px;
	text-align:right;
	padding:5px 5px 0 0;
	display:block;
	margin:5px 0px;
}
	
label+input{
	margin:5px 0px;
}

label+input+br,label+select+br,label+textarea+br,label+button+br,label+br,input+label+input+label+br{
	clear:both ;
}

.box input[type="text"], .box select, .box select option, .box textarea{
	color : #000 !important ;
}

input[type='checkbox'] + label {
	float : left ;
	width : 200px ;
	text-align : left; 
	padding : 5px ;
}

input[type='checkbox']{
	float : left ;
	margin : 8px ;
}


td img{
	padding:0;
	margin:0 ;
	display:block ;
}

body{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:70%;
	line-height:150%;
    margin:auto auto;
}

input{	
    border-left: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    font-family: verdana;
    font-size: 8pt;	
	height:20px;
	margin:3px;
}

textarea{	
    border-left: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    font-family: verdana;
    font-size: 8pt;	
	height:100px;
	margin:2px;	
}

select{
    border-left: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    font-family: verdana;
    font-size: 8pt;	
	height:20px;
}

a{
    text-decoration: none ;
}

a:hover{
	text-decoration: underline ;
}

a img{
	border:0px solid #000 ;
}

li a {
	font-weight:normal !important ;
}

ul {
	margin-left : 15px ;
}

td, th{
	text-align:left ;
}

hr.clear{
	clear:both;
	border : 0px solid #000;
	text-decoration:none;
	background : transparent ;
}
/* Structure */

td#banner h1 img{
	padding:0;
	margin:0;
	display:block ;
/*	float:left ; */
}

td#banner h1{
	padding:0;
	margin:0;
}

#page {
	margin : 0px auto ;
}

#leftbar{
	z-index : 20 ;
}

#Newsletter #news_mail {
}

#actu {
	position:relative ;
}

#signature {
	height : 20px ; 
}

	.BottomFontText {
		text-align : center ;
	}

	.BottomFontText, .BottomFontText a { /* Couleur au niveau de la signature */
	}

	.BottomFontText a:hover {
		text-decoration : underline ;
	}

/* Contenu des pages */

.actus, .actus1, .galerie{
	text-align:justify;
	padding:0px ;
	margin: 0px;
    font-family: verdana, sans-serif;
	clear:both;
	margin-bottom : 10px;
}
.actus img, .actus1 img{margin:10px;border: 1px solid black;}
.actus a, .actus1 a{}

.actus img{float:right;}
.actus1 img{float:left;}

.galerie table, .galerie td img, .galerie table td{
	text-align:center ;
	margin : 0 auto ;
}

.BodyFontText {
}

.BodyFontTextBlanc {
    color: #ffffff;
}

.text-r{
	text-align : right ;
}
.text-c{
	text-align : center ;
}
.text-l{
	text-align : left ;
}

a.button{
	display : inline-block ;
	padding : 2px 3px ;
	text-align : center ;
}

/* Titre */

h1,h2,h3,h4,h5,h6,.BodyFontSubTitle, .BodyFontTitle {
	margin : 0 ;
}
	
h1 {
}
h2, .BodyFontTitle {
}
h3, .BodyFontSubTitle {
}
h4 {
}
h5 {
}
h6 {
}

.BodyFontTitle, .BodyFontSubTitle{
}

/* Formulaire */

#champ{width:200px;}
#champnumerique{width:80px;}

.noinput {
    border-left: #ffffff 1px solid;
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-bottom: #ffffff 1px solid;
}

.button {
    border-left: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
	height:20px;
	cursor:pointer;
}
/* LEFTBAR */

/* Boite */

.box {
}

.box.box_top{
}

.box.box_bottom{
}


.box#navigation{
}

.box.nav_top{
}

.box.nav_bottom{
}

.box#navigation td{
}

.box#actu, .box#Coordonnee, .box#Newsletter{
}

.box#actu{
}

.box#Coordonnee{
}

.box#Newsletter{
}

.box#deco{
	background-color : transparent ;
	background-image : none ;
}

.boite_separer{
	display : block ;
	background-color : transparent ;
	border : 0px solid transparent ;
	color : transparent ;
	text-decoration :  none ;
}

/* Liens du menu */
.MenuHyperlink, .MenuHyperlinkSelected {
}

.MenuHyperlink:hover{
}

.MenuHyperlinkSelected{
}

/* END LEFTBAR*/

/* HEADLINES */

/*Example CSS for the two demo scrollers*/

#actualite{
border: 0px solid black;
background: transparent;
}

.someclass{ /*class to apply to your scroller(s) if desired*/
}

/* DIVERS */

.contour {    
    border-left: #999999 1px solid;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
	border-bottom: #999999 1px solid;
}

.contourDashed {    
    border-left: #999999 1px dashed;
    border-right: #999999 1px dashed;
    border-top: #999999 1px dashed;
	border-bottom: #999999 1px dashed;
}


#TopMenu a img{
	float:right;
}

/* CSS BOUTIQUE */
#moteur_de_recherche fieldset{
	margin : auto ;
	width : 100% ;
	padding : 0 0 0px ;
}
#moteur_de_recherche table{
	width : auto ;
	margin : 0 auto 10px;
}
	#moteur_de_recherche table td{
		padding : 0 1% ;
	}
#moteur_de_recherche label, #moteur_de_recherche select{
	float : none ;
	display : inline-block ;
	width : 100% ;
	margin : 0 5px ;
	text-align : left ;
}
#moteur_de_recherche option{
	padding : 0 10px 0 2px;
}
/*
#moteur_de_recherche label{
	text-align : right ;
	margin-right : 5px ;
}
#moteur_de_recherche label + select{
	margin-right : 5px ;
}
*/
strong,.bold{
	font-weight : bold ;
}

hr.clear{
	clear : both ;
	visibility : hidden ;
}

/* Liste Produit */

.product{
	margin : 10px auto ;
}

.product table{
	width : 100% ;
	margin : auto ;
	border-collapse : collapse ;
	border : 1px solid #e5e5e5 ;
}
	.product table th{
		text-align : left ;
		padding : 3px ;
	}
	.product table th+th{
		text-align : right ;
		padding-right : 5px ;
	}
	.product table .picture{
		width : 110px ;
		text-align : center ;
	}
	.product table .details{
		width : auto ;
		text-align : left ;
	}
	.product table .prices{
		width : 110px ;
		text-align : right ;
	}
		
		.price{
			font-size : 2em ;
		}
		
		.promo{
			
		}
		.old_price{
			display : none;
		}

		.promo .old_price{
			text-decoration : line-through ;
			display : inline ;
		}
		
	.pager{
		clear : both ;
		text-align : center ;
	}
	
/* Page produit */
#product{}

	#product .button{
		width : 200px ;
	}

	#product .zone_prix{
		padding : 20px 0 ;
		text-align : center ;
	}
	#product .zone_garantie{
		padding : 20px 0 ;
		text-align : center ;
	}

#zone_info{
	float : left ;
	text-align : left ;
	padding : 0px 10px ;
	margin : 20px auto ;
	width : 260px ;
	height : 89px ;
}

#zone_vignette{
	float : left ;
	width : 260px ;
	margin : 0px auto ;
	padding : 0 10px ;
}
	#zone_vignette img{
		margin : 13px ;
	}
#zone_image{
	float : left ;
	width : 420px ;
	margin : 10px 0 0;
	padding : 0 ;
}
	#main_picture{}
	#main_picture_link{
		display : inline-block ;
	}
	.mini_picture{
		display : inline-block ;
		padding : 0px ;
		border : 1px solid #f00 ;
	}
		.mini_picture + a + .mini_picture {
			border-width : 0px ;
			padding : 1px ;
		}
		
	#zone_vignette img.mini_picture + a + img.mini_picture + a + img.mini_picture{
			margin-bottom : 0 ;
		}

	#main_picture, .mini_picture{
		cursor : pointer ;
	}
	
#zone_description, #zone_equipement {
	float : left ;
	width : 45% ;
	height : 200px ;
	padding : 1%;
	margin : 1% ;
}
#zone_description{
	margin-left : 0 ;
}
#zone_equipement{
	margin-right : 0 ;
}

#zone_commentaire{
	margin : 0 0% 0 0%;
}

/* Short Product */
#listVO{
	list-style : none ;
}
	#listVO li{ 
		display : inline ;
		width : 200px ;
		padding : 10px ;
		float : left ;
	}
	#listVO li.jcarousel-item{
		padding : 0 ;
		width : 200px ;
	}
	.short_product{
		width : 200px;
		border : 1px solid #333 ;
		text-align : center ;
	}

		.short_product h3, .short_product  a{
			display : block ;
			padding : 3px 0 ;
		}
		.short_product .picture *{
			text-align : center ;
			margin : 5px auto ;
			font-size : 0.8em ;
			line-height : 10px ;
		}
		.short_product .prix{
			font-size : 2em ;
			padding : 5px 0 ;
		}