/* -------------------------------------------------------------- 
  
   layout.css
   * Mise en page + grille
   
-------------------------------------------------------------- */

.left {float: left}
.right {float: right}
.clear-left {clear: left}
.clear-right {clear: right}
.both {clear: both}
.out {position: absolute; left:-50000px; position: }
.hidden {display: none}


/* GENERAL */
body {width:950px; margin: 0 auto}

/* HEADER */
#header {margin-bottom: 40px; position: relative}

#lang {margin: 12px 16px 10px}
#lang ul li {display: inline; margin-right: 6px}

#logo {margin: 10px 0 80px; }
#logo img{display:block; width: 280px; margin: 0 auto;} 

#push-experience {padding-left: 30px; position: absolute; right:0; top: 30px }
body.accueil #push-experience {display: none}

.menu {clear: both; overflow: hidden}

.menu li {float: left;  width: 20%}
.menu li a {display: block; padding:10px 0 0 10px; height:40px;}

/* MAIN */

#content {margin-left: 190px; overflow: hidden}
#content h2, #content h3, #content p {margin-bottom: 12px}

#content > div {overflow: hidden}

.col1 {width: 190px}
.col2 {width: 380px}
.col3,.news {width: 570px}

.text {padding-right: 10px}
.text.col1 {width: 180px}
.text.col2 {width: 370px;}
.text.col3 {width: 560px;}

img {margin: 0 0 7px}
.block {margin-bottom: 10px}
.sidebar .block {padding: 10px; margin-bottom: 5px}
.block2 {margin-bottom: 10px}
.sidebar .block2 {padding: 10px; margin-bottom: 5px}

.bore {font: 1.0em/1.1em Georgia, serif; font-style: italic; color: #00c7ad; text-align: left}
.more {font: 1.0em/1.1em Georgia, serif; font-style: italic; color: #00c7ad; text-align: right}
.more a {font: 1.0em/1.1em Georgia, serif; font-style: italic; color: #00c7ad; text-align: right padding: 5px}
.more b {font: 1.0em/1.1em Georgia, serif; font-style: italic; color: #00c7ad; text-align: right padding: 5px}

/* HOME */

body.accueil #header .menu {display: none}
body.accueil #main .menu li a {height:186px;}

#experience {margin-bottom: 64px}
span#experience-block-titre {display: block; padding-left: 20px; width: 350px; margin: 0 auto; overflow: hidden}

#experience .feuille {float: left;}
#experience img {margin-right: 12px}
#experience span.sous-titre {display: block}

#footer {clear:both; margin-top: 50px;text-align: center}

/* ACTUALITES */

.news {margin-bottom: 36px; padding-bottom: 12px}

span#facebook-block-titre {display: block; padding-left: 20px; width: 350px; margin: 0 auto; overflow: hidden}

#facebook img {margin-right: 12px}
#facebook span.sous-titre {display: block}


/* CREATIONS */
body.creations .col2 {margin-right: 92px}

dl.block-chocolat {display: -moz-inline-stack; display: inline-block; width: 19.5%; text-align: center; }
dl {margin-bottom: 20px}
dl dt {margin-bottom: 5px}
dl dd img {margin-bottom: 0}


/* BOUTIQUES */

#table-boutique tr {vertical-align: top}
#table-boutique td {padding-right: 10px ; vertical-align: top; width: 25%;}
#table-boutique td h2 {text-align: left}
#table-boutique td img {margin-bottom: 10}