body { margin: 0; padding: 0;  font-family:  arial; font-size:  100%; font-family: 'Roboto Slab', arial, sans-serif; color: #333333; line-height:  150%;  background-color: #fafafa; }

.full {width: 100%; float: left; padding: 40px 0; margin:  0 0 1px 0; position: relative; }
p a {text-decoration: none; text-transform: uppercase; font-size: 0.8em; color: #777; border-bottom: 1px dotted #777;}
div#menu { background-color:  #232323;  padding: 0;  }
div#menu  ul {float: left; position: relative; left: 50%; margin: 0 0 0 -270px ;   padding: 0; }
div#menu ul li {float: left;  list-style: none; margin: 0 0 0 0;    text-align: center; padding: 0;}
div#menu ul li a { display: block;  height: 20px;  padding: 15px 30px 20px 30px;  color: #bababa; text-decoration:  none; text-transform: uppercase; font-size: 0.75em; font-weight: 400;}
div#menu ul li a:hover {background-color:  #2f2e2e;}


ul#lang {position: absolute; top: 0; left: 20%; padding: 0; margin: 0;}
ul#lang li {float: left; list-style: none; padding: 0; margin: 0 3px 0 0;}
ul#lang li a { display: block; height: 94px; width: 32px; background-image: url(media/lang_en_in.png); background-position: 0 -3px; -webkit-transition : all 0.1s linear;
	-o-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;}



body#EN ul#lang li a#enflag {background-image: url(media/lang_en_in.png);}
body#EN ul#lang li a#frflag {background-image: url(media/lang_fr_out.png); background-position: 0 -15px; height: 82px;}
body#EN ul#lang li a#frflag:hover {background-image: url(media/lang_fr_out.png); background-position: 0 -3px; height: 94px;}

body#FR ul#lang li a#frflag {background-image: url(media/lang_fr_in.png);}
body#FR ul#lang li a#enflag {background-image: url(media/lang_en_out.png); background-position: 0 -15px; height: 82px;}
body#FR ul#lang li a#enflag:hover {background-image: url(media/lang_en_out.png); background-position: 0 -3px; height: 94px;}

a.btn {display: block;  height: 20px;  width: 150px; padding: 15px 20px 20px 20px;  color: white; text-decoration:  none; text-transform: uppercase; font-size: 0.75em; font-weight: 400; background-color: #ef604c; text-align: center;}
a.btn:hover {cursor: pointer;  background-color: #ff6b56;}

div#footer {background-color: #232323; color: #857c7c; font-size: 0.65em; letter-spacing:  5px; padding: 20px 0; font-weight: 400; margin: 0 0 -40px 0; }
div#footer a {color:  #c3b9b9; text-decoration:  none; font-weight: 400;  letter-spacing: 1px; font-size: 1em;}
div#footer a:hover {border-bottom: 1px solid #c3b9b9; }


img.separate {width: 60%; margin:  0 20%;  height: 5px; }

div#bloclogo { background-image: url(media/bg-beige.jpg);  background-repeat: repeat;  margin: 0; padding: 0;}
div#bloclogo img {margin: 3% 0 5% -180px; padding:  0; position: relative; left: 50%; float: left;   }

div#wrapper {padding: 0;}

div.full h1, div.full h2,  div.full h5, div.full p  {text-align: center; width: 60%;  margin: 0 0 0 20%; float: left; } 

div.full h1 {margin: 0 0 15px 20%; line-height: 100%; font-size: 2em; }
div.full h2 {margin:  30px 0 30px 20%; line-height: 100%; font-size: 1.5em; }
div.full h5 {margin: 0px 0 30px 20%; font-weight: 300; letter-spacing: 10px;  font-size: 0.9em;}
div.full p {margin:  0px 0 0px 20%;}

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

div.sixty { padding:  0 0 0 0; width: 80%;  margin:  0 10%; float: left; }

div.sixty .third { padding:  0 0 0 0; width: 30%;  margin:  0 1.5% ; float: left; }
div.sixty .third p.biop { width: 100%; margin: 0; padding: 0; font-weight: 300; font-size: 14px;}

div.sixty .third h3 {color: #ff5858; font-size: 1.5em; font-weight: 300; line-height: 120%; margin: 20px 0 0 0;}
div.sixty .third h4 {text-transform: uppercase; font-weight: 700; line-height: 120%; margin: 10px 0 25px 0;}

div.half{ width: 50%; float: left; text-align: center;  padding: 5% 0;  }
div.third { width: 40%;  margin: 5% 5%; float: left; text-align: center; }
div.half img#schema {width: 80%; margin:  0 0 0 0%;}
div.half h3 { margin: 0; font-size: 1.5em; font-weight:  300;}
div.half h4 { font-size: 0.75em;  text-transform:  uppercase; margin: -2px 0 50px 0 ;}
div.third a, div.half a { font-size: 0.75em; text-transform: uppercase;  display:  block;  height:  20px; width: 180px;  cursor : pointer; 
padding:  15px 30px 20px 30px; background-color: #ef604c; color:  white; text-decoration:  none;  position: relative;  left: 50%; margin:  0 0 40px -120px; }
div.half a:hover {background-color: #ff6b56;}

.accordionContent {background-color: white; margin: 25px 0 30px 0; padding:  30px;  font-size: 0.8em;  }
#intro .accordionContent {background-color: white; margin: 25px 0 30px -15px; padding:  30px; width: 200%; font-size: 0.8em;  }
div.full .accordionContent p { margin: 0 0 10px 5%; width: 90%;}
div.full .accordionContent p em { color: #999999;}

a#galtop {float: left; margin: 70px 0 0 -90px;}

#intro .accordionContent2 {margin-left: -102%; }

.flouty { float: left;}

#map a {color: #ef604c;}

#howitworks, #faq {background-color: #eeeeec; margin: 100px 0 0 0;}
#boutique {background-color: #eeeeec; background-image:  url(media/teillboo.jpg); background-repeat: no-repeat; background-position: right bottom; padding:  3% 0 300px 0; margin-bottom: -65px;}

ul#accordion {padding:  0; margin: 0;  text-align: left; width: 100%; border-top: 1px solid #c2c2bf; border-bottom: 1px solid #ffffff; }
ul#accordion li {list-style: none; padding: 10px 0 10px 70px ; margin: 0 0 0 0; border-top: 1px solid #ffffff; border-bottom: 1px solid #c2c2bf; position: relative; }
ul#accordion li a {display: inherit; color:#ef604c; padding: 0; margin: 0; left: 0;  background-color: transparent;  height: auto; }
ul#accordion.faq {width: 90%;}
ul#accordion.faq li {padding-left : 0; }
ul#accordion li .accordionContent {background-color: white; margin: 25px 0 20px 0; padding:  5%; width: 90%;}

img.selectme { position:  absolute; top:24px; right: 10px;}
img.pictome { position:  absolute; top:18px; left: 5px; width: 35px;}

ul#accordion li a.accordionButton {width: 100%; padding: 30px 0 0 0;  margin: -30px 0 0 0; }

#push img { width: 90%; margin: 0 5% 50px 5%;}



p#tax {font-size: 0.7em; width: 600px; position: relative; left: 50%; margin: 20px 0 0 -300px; float: left; color: #999999; text-align: center; line-height: 140%; }

ul#options {width: 600px; float: left; left : 50%; position: relative; margin-left: -300px; padding: 0; clear: both;}
ul#options li {list-style: none; float: left;  width: 22.5%; text-align: center; margin: 0;}
ul#options li img {margin: 0 0 15px 0;}
ul#options li.optionplus {margin:  0 5% 0 0 ;}

ul#options li a {color: #333333; text-transform: none; font-size: 1em; }

table#price {padding:  0 0 0 0; margin:  15px 0 0 -300px;  position: relative; left: 50%;  float: left;  font-size: 0.8em; line-height: 120%;  text-align: center; vertical-align: middle;  border: 0;  }

tr p  {font-size: 0.7em; font-weight: 400; text-transform: uppercase; width: 100%; text-align: center; padding: 5px 0 5px 0; color: #888;}

th {padding: 0; width: 140px; }
th  a { display: block; height: 30px; width:  90px; background-image: url(media/btn_or.png );  background-repeat: no-repeat; text-transform: uppercase; color: #1f1d1d; text-decoration: none;  font-size:  0.9em; text-align:  left; padding:  14px 0 0 45px;  margin: 0 0 10px -68px;  position: relative; left: 50%;  background-position: 10px 10px;}
th a.skin { background-image: url(media/btn_skin.png );  }

th  a:hover { text-decoration: underline; background-color: white; }

th.thsmall { width: 50px; text-align:  center; font-size: 2em; font-weight: 100;  }

form {width: 100%; margin: 0px 0 0 0;  float: left; font-size: 0.75em;}
label {width: 100%; margin: 0 0 2% 0; }
input {width: 90%; padding:4%4%; margin: 2% 0 2% 0; background-color: #eeeeee; border: 1px solid #d9d9d9; }
textarea {width: 90%; padding: 4%; margin: 2% 0 10% 0; background-color: #eeeeee; border: 1px solid #d9d9d9;  height: 120px;}
input.submit-button { font-size: 0.9em; text-transform: uppercase;  display:  block;  height:  20px; width: 160px; 
padding:  15px 30px 30px 30px; background-color: #ef604c; color:  white; text-decoration:  none;  position: relative;  left: 50%; margin:  0 0 40px -80px;  cursor : pointer;  font-family: 'Roboto Slab', arial, sans-serif; border:  none; }
#contact {background-color: #eeeeec;}
#contact .half  {padding-bottom: 0; }
#contact .half p {width: 90%; margin: 0 0 50px 5%;  }
#contact .half p em {width: 90%; margin: 20px 0 50px 5%;  font-size: 0.75em; float: left; color: #777; line-height:  140%; font-style: normal;}
div.full .half h2 {width: 90%; margin:  30px 0 30px  5%;}
#contact input, #contact textarea {background-color: white;}
#contact input.submit-button {  padding: 15px 0 30px 0;  background-color: #ef604c; text-decoration:  none; text-transform: uppercase; font-weight: 400;}



div.half a.success { clear: both; margin: 0 0 17px -110px; cursor : pointer;   }

form.paypal {padding: 0; margin: 0 0 5px 0 ;}
form.paypal input { display: block; height: 50px; width:  140px; background-image: url(media/btn_skin.png );  background-repeat: no-repeat; text-transform: uppercase; color: #1f1d1d; text-decoration: none;  font-size:  1.3em; text-align:  left; padding:  0 0 0  45px;  margin:0;   background-position: 10px 13px; border: none;  background-color: transparent; font-family: 'Roboto Slab', arial, sans-serif; color: #333333; font-weight: 900;}

form.paypal input:hover {cursor : pointer; background-color: white;}

form.pal2 input {background-image: url(media/btn_or.png );  }

#faq .accordionContent a.cgv { width: 100%;  margin: 0 0 5px 0 ; }


p#contactme {color: #ef604c; padding: 50px 0 0px 0; float: left; width: 100%; text-align: center; line-height: 180%; }


@media only screen and (max-width: 1100px ) {

#boutique {background-color: #eeeeec; background-image: none; background-repeat: no-repeat; background-position: right bottom; padding:  3% 0 50px 0;}
.full {width: 100%; float: left; padding: 40px 0; margin:  0 0 1px 0; min-width: 850px; }
ul#lang {position: absolute; top: 0; left: 10%;} 
}

#toshop {font-size: 2em; width: 50%;  font-weight: 300; line-height: 130%; margin: 50px 25% ; float: left; position: relative;}
#toshop a {display: block;  font-size: 12px; height: 0px;  width: 250px; padding: 5px 20px 45px 20px;  color: white; text-decoration:  none; text-transform: uppercase;  font-weight: 400; background-color: #ef604c; text-align: center; float: left; position: relative; left: 50%; margin: 30px 0 0 -125px;}
#toshop a.btn:hover {cursor: pointer;  background-color: #ff6b56;}