@import url(http://fonts.googleapis.com/css?family=Rosario:400,700);

@font-face {
    font-family: 'Titre';
    src: url(../fonts/din_titre.ttf);
}

html { 
  font-size:100%;
} 

a {
	text-decoration:none;
}

a img {
	text-decoration:none;
}

body {
	background:#D4FDCF;
	font-family:'Rosario', "Segoe UI", "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	min-width:900px;
	color:#444
}

header {
	position:absolute;
	font-family:"Segoe UI", "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
	height:100px;
	width:100%;
	margin:auto;
	background:#FFF;
	text-align:center;
	top:0;
	left:0;
	padding-top:20px;
	border-bottom:5px solid #0C0;
	overflow:auto;
}

.logo_header {
	background:#0C0;
	height:99px;
	width:400px;
	display:inline-block;
	color:#FFF;
	text-align:center;
	font-size:13px;
}

.lien_header {
	background:#0C0;
	height:100px;
	width:150px;
	display:inline-block;
	margin-left:20px;
	color:#FFF;
	text-align:center;
	font-size:13px;
}

.lien_header:hover, .logo_header:hover {
	background:#FF4833;
}

.img_header {
	margin:10px 0 0 -5px;
}

.espace_haut {
	min-height:150px;
}

h1 {
	background:url('../img/happy.png') no-repeat 95% 30% #0C0;
	font-family:Titre, "Segoe UI", "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:1.3em;
	text-transform:uppercase;
	width:70%;
	padding:10px 20px 10px 20px;
	margin:auto;
}

.contenu, .contenu2 {
	width:70%;
	margin:auto;
	background:#FFF;
	padding:20px;
	margin-bottom:20px;
}

footer {
	opacity:0.5;
	width:99%;
}

footer:hover {
	opacity:1;
}

footer a {
	color:#A90000;
}

footer a:hover {
	color:#279707;
} 

.footer1 {
	background:#FFF;
	padding:10px;
	font-size:0.8em;
	float:right;
}

.footer2 {
	background:#FFF;
	padding:10px;
	font-size:0.8em;
	float:left;
}

.menu {
	position:fixed;
	top:200px;
	left:0;
}

.menu_element {
	background:#0C0;
	padding:10px;
	margin-bottom:20px;
	border:3px #FFF solid;
	border-left:0px none;
	display:inline-block;
	height:32px;
}

.menu a {
	color:#FFF;
}

.poney {
	width:100%;
	margin:auto;
	border-collapse:collapse;
	border:0px none;
}

.poney td {
	padding:5px;
	width:45%;
	padding-left:10px;
	color:#444;
	font-size:1.15em;
	font-weight:bolder;
	text-align:center;
}

.poney tr {
	background:#FFF;
}

.th_gauche {
	width:30%;
}

.poney th {
	background:#FFF;
	color:#0C0;
	width:55%;
	padding:5px;
	font-size:1.3em;
	width:40%;
}

table {
	width:90%;
	margin:auto;
	border-collapse:collapse;
	border:2px solid #0C0;
}

td {
	padding:5px;
	padding-left:10px;
	color:#444;
}

tr {
	background:#FFF;
}

th {
	background:#FFF;
	color:#17B535;
	padding:5px;
	width:40%;
}

.contenu a, .contenu2 a {
	color:#8E0000;
}

.contenu a:hover, .contenu2 a:hover {
	color:#099309;
	text-decoration:underline;
}

h2 {
	background:#0C0;
	color:#FFF;
	font-size:1.05em;
	width:70%;
	padding:5px 20px 5px 20px;
	margin:auto;
	font-family:"Segoe UI", "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.bg_vert {
	padding:20px 20px 20px;
	float:left;
}

.contenu_produit {
	width:70%;
	margin:auto;
	background:#FFF;
	padding:0 18px 0 18px;
	margin-bottom:20px;
	min-height:190px;
	border-left:2px solid #0C0;
	border-right:2px solid #0C0;
	border-bottom:2px solid #0C0;
}

.description {
	padding:20px;
}

.description a {
	color:#0C0;
}

.description a:hover {
	color:#099309;
	text-decoration:underline;
}

h1 table, h1 td, h1 tr, h2 table, h2 td, h2 tr {
	border:0px none !important;
	background:transparent !important;
	color:#FFF;
	margin:0px none !important;
}

h1 table, h2 table {
	width:100% !important;
}

h1 td, h2 td {
	width:50% !important;
}

.contenu2 table, .contenu_produit table {
	width:100%;
	border:0px none !important;
	background:transparent !important;
}

.contenu2 td, .contenu_produit td {
	width:50%;
	padding:0;
	margin:0;
}

.contenu_produit th {
	background:#0C0;
	color:#FFF;
	overflow:hidden;
	text-align:left;
}

.prix {
	padding:50px 10px 50px 10px;
	background:#FF4833;
}

.prix {
	margin-right:20px;
	font-size:1.1em;
}

.clear {
	clear:both;
}

input {
	background:#FFF;
	border:0px none;
	padding:5px;
	border:2px #CCC solid;
}

.vendeurs {
	background:#0C0;
	width:50px;
	height:50px;
	float:right;
	padding:5px;
}

button {
	display:block;
    background: #111;
    background: -webkit-gradient(linear, 0 0, 0 100%,
              color-stop(0, rgba(0, 240, 0, 0.9)),
              color-stop(0.5, rgba(0, 200, 0, 0.9)),
              color-stop(0.5, rgba(0, 200, 0, 0.9)),
              color-stop(1, rgba(0, 190, 0, 0.9)));
    background: -moz-linear-gradient(0% 100% 90deg, #FFFFFF, #000000,
              rgba(0, 190, 0, 0.9) 0%,
              rgba(0, 200, 0, 0.9) 50%,
              rgba(0, 200, 0, 0.9) 50%,
              rgba(0, 240, 0, 0.9) 100%);
    border:2px solid #0C0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 4px;
    color: #FFF;
    padding: 10px;
    cursor:pointer;
    margin:15px auto 10px auto;
}

button:hover {
	background:#0C0;
}

table.table_vert th {
	color:#FFF;
	background:#0C0;
	width:auto;
}

table.table_vert {
	margin:10px auto 10px auto;
}

.centre {
	text-align:center;
}

.fancybox-skin a {
	color:#8E0000;
}

.fancybox-skin a:hover {
	color:#009309;
	text-decoration:underline;
}

.non_souligne:hover {
	text-decoration:none !important;
}

.quantite {
	background:#0C0;
	overflow:hidden;
	padding:5px;
	color:#FFF;
	width:90%;
	margin:auto;
	margin-bottom:10px;
	font-size:1.1em;
	text-align:center;
}

.prix_commande {
	background:#FF4833;
	overflow:hidden;
	padding:10px 5px 10px 5px;
	color:#FFF;
	width:90%;
	margin:auto;
	text-align:center;
}

.petit {
	font-size:0.7em;
}

.grand {
	font-size:1.3em;
}

.petit2 {
	font-size:0.8em;
}

.popup {
	position:fixed;
	top:0;
	right:0;
	background:#FFF;
	padding:20px;
	width:100%;
	height:100%;
	text-align:center;
}

.popup a {
	color:#8E0000;
}

.popup a:hover {
	color:#099309;
	text-decoration:underline;
}

.popup h1 {
	width:90%;
	margin-bottom:20px;
}

.perso {
	border:0px none;
	width:95%;
	margin:auto;
}

.perso th {
	font-variant:small-caps;
	font-size:1.2em;
	text-align:right;
	width:40%;
}

.perso td {
	padding-left:20px;
}

.perso input {
	width:50%;
	border:2px solid #0C0;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

.perso input:hover {
	width:51%;
}

.perso input:focus {
	width:52%;
}

.perso select {
 	width:52%;
	border:2px solid #0C0;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

.perso select:hover {
	width:53.5%;
}

.perso select:focus {
	width:54.5%;
}

.perso input[readonly], .perso input[readonly]:hover, .perso input[readonly]:focus {
	background:#E3E3E3;
	width:50%;
}