/* STYLE PRINCIPAL */



body

{ 

font-family: Helvetica, Georgia, verdana, Tahoma, serif;

font-size: 11px;

color: #676767;

background-color: #1a1a1a;

background-image: url('/images-2/bg.jpg');

background-repeat: repeat-x;

margin: auto;

padding-top:0px;

padding-bottom:50px;

}



a:link

{

font-family: Helvetica, Georgia, Verdana, Tahoma, sans-serif; 

font-size: 11px; 

color: #676767;

text-decoration: none;

}



a:visited

{

font-family: Helvetica, Georgia, Verdana, Tahoma, sans-serif; 

font-size: 11px; 

color: #676767;

text-decoration: none;

}



a:hover

{

font-family: Helvetica, Georgia, Verdana, Tahoma, sans-serif; 

font-size: 11px; 

color: #676767;

text-decoration: underline;

}



a:active

{

font-family: Helvetica, Georgia, Verdana, Tahoma, sans-serif; 

font-size: 11px; 

color: #676767;

text-decoration: none;

}



a:focus

{

-moz-outline-style: none;

}



textarea

{

background-color: #1a1a1a;

font-family: tahoma, Verdana, sans-serif; 

font-size: 11px;

color: #ffffff;

border: none;

text-indent : 2px;

}



input

{

background-color: #1a1a1a;

font-family: tahoma, Verdana, sans-serif; 

font-size: 12px;

color: #ffffff;

border: none;

text-indent : 2px;

margin: 0px;

padding: 3px;

}



select 

{

background-color: #1a1a1a;

font-family: tahoma, Verdana, sans-serif; 

font-size: 11px;

color: white;

}



.checkbox

{

border:none;

background-color:#ffffff;

margin-right: 5px;

}



.clear

{

clear: both;

}



a img

{

border: none;

}



.trait

{

background-color: #CCC;

color: #CCC; 

border: 0px; 

height: 1px; 

width: 95%;

}



h1

{

font-size: 25px;

color: #bebebe;

margin-top:0px;

margin-bottom: 10px;

}



h2

{

font-size: 14px;

margin-top:0px;

}



h3

{

font-size: 14px;

margin-top:0px;

}



.center

{

text-align: center;

}



.souligne

{

text-decoration: underline;

}



.important

{

font-size: 13px;

font-weight: bold;

color: #bebebe;

}



.gris

{

color:#b3b3b3;

}



p

{

margin: 0px;

}





/* STYLE ELEMENTS PAGE */



#SITE

{

width: 782px;

margin: auto;

padding: 0px;

}



#haut

{

width: 782px;

height: 128px;

}



#header

{

background-color: #82aa1d;

width: 782px;

height: 256px;

}



.espace

{

width: 782px;

margin: auto;

height: 5px;

}



#slogans

{

width: 331px;

padding-left: 20px;

}



#img-head

{

width: 451px;

height: 256px;

font-size: 1px;

line-height: 1px;

vertical-align: middle;

}



#haut

{

width: 782px;

height: 128px;

}



#header

{

background-image: url('/images-2/bg-header.jpg');

width: 782px;

height: 256px;

}



#slogans h2

{

margin: 0px;

background-image:url('/images-2/puce-verte.png') !important; 

background-image:url('no-image');

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/puce-verte.png');

background-repeat: no-repeat;

text-indent: 30px;

width: 300px;

color: white;

}



#slogans p

{

margin-bottom: 15px;

padding-left: 30px;

width: 250px;

font-size: 12px;

color: white;

}



#menu

{

width: 782px;

height: 75px;

background-image: url('/images-2/bg-gris.jpg');

background-repeat: repeat-x;

margin: auto;

}



.liste_de_liens

{

padding: 0px;

margin: 0px;

}



.lien_liste

{

padding-top: 25px;

margin: 0px;

display: block;

float: left;

width: 190px;

text-align: center;

}



.lien_liste_x

{

padding-top: 25px;

margin: 0px;

display: block;

float: left;

width: 190px;

text-align: center;

}



a.lien_menu

{

color: white;

font-size:12px;

}



a:link.lien_menu

{

color: white;

font-size:12px;

}



a:visited.lien_menu

{

color: white;

font-size:12px;

}



a:hover.lien_menu

{



color: white;

font-size:12px;

}



a:active.lien_menu

{

color: white;

font-size:12px;

}



.logo-haut

{

float: left;

font-size: 1px;

line-height: 1px;

vertical-align: middle;

}



.nav-haut

{

padding-top: 62px;

margin-left: 580px;

}



.p_contact

{

margin-top: 5px;

margin-bottom: 5px;

}



.p_contact2

{

margin-top: 5px;

margin-bottom: 10px;

}



#contenu

{

width: 782px;

margin: auto;

}



.presentation

{

width: 400px;

padding: 20px;

float: left;

background-image: url('/images-2/limitation-h.jpg');

background-position: bottom left;

background-repeat: repeat-x;

height: 160px;

}



.presentation2

{

width: 400px;

padding-top: 20px;

padding-left: 20px;

padding-bottom: 0px;

padding-right: 20px;

float: left;

height: 160px;

}



.img-accueil

{

float: left;

margin-right: 20px;

cursor: default !important;

}



.savoirplus

{

margin-top: 5px;

font-weight: bold;

}



.idee-deco

{

background-color: #212121;

padding-top: 20px;

padding-left: 40px;

padding-bottom: 20px;

width: 260px;

margin-left: 479px;

height: auto;

}



.liste-ul

{

padding: 0px;

margin: 0px;

list-style-type: square;

}



.liste-ul2

{

padding: 0px;

margin: 0px;

list-style-position: inside;

list-style-type: disc;

}



.liste-li

{

padding-top: 8px;

padding-bottom: 0px;

margin: 0px;

margin-left: 20px;

}



.justeprix

{

width: 330px;

padding-top: 20px;

padding-left: 20px;

padding-bottom: 20px;

padding-right: 0px;

float: left;

}



.notreboutique

{

padding-top: 60px;

padding-left: 20px;

margin-top: 20px;

width: 360px;

height: 175px;

margin-left: 380px;

}



.div-tel

{

padding-top: 20px;

padding-left: 0px;

margin-top: 10px;

width: 360px;

height: 175px;

}



#footer

{

background-image: url('/images-2/bg-gris.jpg');

background-repeat: repeat-x;

width: 757px;

height: 46px;

padding-top: 30px;

padding-left: 25px;

margin-top: 5px;

margin: auto;

}



.form-email

{

background-color: #212121;

padding-top: 20px;

padding-left: 20px;

padding-bottom: 20px;

width: 260px;

margin-left: 499px;

height: 470px;

}



.limit-h

{

background-image: url('/images-2/limit-h.jpg');

background-repeat: repeat-x;

height: 19px;

margin-top:50px;

}



.div-more h1

{

color: #676767;

}



.div-idee-deco

{

width: 342px;

padding-top: 20px;

padding-left: 15px;

padding-bottom: 20px;

padding-right: 0px;

float: left;

}



.idee-div

{

height: 80px;

width: 350px;

}



.div-couleurs

{

background-image: url('/images-2/limitation-v.jpg');

background-repeat: repeat-y;

padding-top: 20px;

padding-left: 20px;

width: 360px;

height: 450px;

margin-left: 380px;

}



/* style de l'animation */

ul.crossfade {

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	margin:0;

	padding:0;

	position:relative;

}





#fade-intro li {

	height:256px;

	left:0;

	position:absolute;

	top:0;

	visibility:hidden;

	width:451px;

}



.caption {

	clear:both;

	padding:1em;

}



.introduction {

	height:256px;

	position:relative;

	width:451px;

}



.diapo-couleurs-container {

	position: relative;

	height:210px;

}



.div-couleurs ul {

	position: relative;

	height:210px;

}



.div-couleurs ul li {

	height:210px;

	position:absolute;

	visibility:hidden;

	width:277px;

	margin-left: 41.5px;

	margin-right: 41.5px;

}



.div-couleurs ul li img{

	height:210px;

	width:277px;

}



.control, img.img-accueil{

	cursor: pointer;

}

.referencement{ display: none; }