header,
footer,
nav,
aside,
section,
figure,
capfigure,
article {
  display: block;
}



.alaligne {
  clear: both;
  width: 100%;
  height: 1px;
  font-size: 1px;
}

.admin_calque {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  
  background-color: #dddddd;
  opacity: 0.5;
  filter:alpha(opacity=50); 
}

.bouton_menu_modif {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 999999;
  top: 0px;
  left: 0px;
  display:none;
}

.bouton_menu_modif a img {
  border: 0px;
}

#cadre_boutons_connecte {
  width: 100%;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: -30px;
  left: 0px;
  z-index: 999;
  background-color: #FFC814;
  
  -webkit-box-shadow:  0px 3px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow:  0px 3px 5px 2px rgba(0, 0, 0, 0.2);
  display:none;//supprimer
}

#cadre_boutons_connecte .bandeau_bouton {
  display: block;
  height: 30px;
  line-height: 30px;
  float: left;
  width: auto;
  padding-right: 10px;
}

#cadre_boutons_connecte a {
  display: block;
  height: 30px;
  line-height: 30px;
  padding-left: 22px;
    
  font-family: 'Homenaje', verdana, sans-serif;
  color: #000000;
  font-weight: 400;
  font-size: 15px;
  text-decoration: none;
}

#cadre_boutons_connecte a:hover {  
  color: #999999;
}

#cadre_boutons_connecte a#bandeau_admin {
  padding-left: 22px;
}

#cadre_boutons_connecte a#bandeau_site {
  display: none;
}

#cadre_boutons_connecte a#bandeau_deconnexion {
  padding-left: 22px;
  margin-left: 20px;
}

hr {
  border: 0px;
  border-bottom: 1px dashed #FF7E00;
}

#bandeau_print {
  display: none;
}

a img {
  border: 0px;
}


html {
  height: 100%;
  background-color: #ffffff;
  background-position: center center; 
  background-size: cover;
  
  overflow-x: hidden;
}

body {
  height: 100%;
  margin: 0px;
  
  position: relative;
  
  overflow: hidden;
  
  font-family: 'Lato', verdanna;
}

#fond {
}



#bandeau {
  width: 100%;
  height: 60px;
  
  background-color: #000000;
  
  position: absolute;
  position: fixed;
  z-index: 100;
}

#bandeau > div {
  height: 60px;
  margin: 0;
  margin-left: 12%;
  
  position: relative;
}

#logo {
  display: block;
  min-width: 144px;
  width: 10%;
  height: 205px;

  position: absolute;
  
  background-image: url(http://www.cornand.fr/commun/modeles/commun/structure/img/cornand.png);
  background-repeat: no-repeat;
  background-position: left top; 
}


aside {
  width: 220px;
      
  position: absolute;  
  position: fixed;  
  top: 105px;
  right: 8%;
  z-index: 100;  
}

aside ul {
  list-style: none;
  margin: 0px;
  padding: 0px;  
}

a.aside {
  display: block;
  height: 23px;
  line-height: 23px;
  margin-bottom: 5px;
  padding-left: 10px;
  
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  text-transform: lowercase;
  
  background-color: rgba(0,0,0,0.7);
}

a.aside:before {
  display: block;
  width: 25px;
  height: 23px;
  margin-left: -40px;
  float: left;
  
  content: '';
  
  background-color: rgba(0,0,0,0.7);
  
  background-image: url(http://www.cornand.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -5px -41px; 
}

aside li:first-of-type a.aside:before {
  background-position: -5px -7px; 
}

aside li:last-of-type a.aside:before {
  background-position: -5px -77px; 
}

a.aside.ouvert:before,
aside li:hover a.aside:before {
  background-color: #FFC814;
}

dl.formulaire {
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;  
}

dl.formulaire dd {
  display: none;
  width: 200px;
  margin: 0px;
  padding: 10px;
  overflow: auto;
  
  background-color: rgba(0,0,0,0.7);
}

li:last-of-type dd {
  width: 220px;
  margin: 0px;
  padding: 0px;
  
  background-color: rgba(0,0,0,0);
}

dl.formulaire label {
  display: block;
  line-height: 10px;
  
  font-size: 10px;
  color: #ffffff;
}

dl.formulaire input {
  width: 167px;
  height: 15px;
  margin-bottom: 10px;
  padding-left: 5px;
  
  border: 0px;
  
  background-color: #cacaca;
  
  font-size: 10px;
}

dl.formulaire input[type=checkbox] {
  display: none;
}

dl.formulaire input[type=checkbox] + label {
  line-height: 25px;  
  padding-left: 20px;
  float: left;
  
  background-image: url(http://www.cornand.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -10px -111px;
}

dl.formulaire input[type=checkbox]:checked + label {
  background-position: -10px -145px;
}

dl.formulaire textarea {
  width: 95%;
  height: 150px;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 5px;
  
  border: 0px;
  
  font-size: 11px;  
  font-family: 'Lato', verdanna;
  
  background-color: #cacaca;
}

a.bouton {
  display: block;
  padding: 5px 8px;
  float: right;
  
  background-color: #cacaca;
  
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  text-transform: lowercase;
}

dl.formulaire input.newsletter {
  width: 145px;
  height: 23px;
  line-height: 23px;
  margin-bottom: 10px;
  padding-left: 35px;
  float: left;
  
  border: 1px solid #d9d9da;
  
  background-color: rgba(0255,255,255,0.7);
  
  background-image: url(http://www.cornand.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -180px; 
}

dl.formulaire input.bouton {
  display: block;
  width: 30px;
  height: 27px;
  padding: 5px 8px;
  float: right;
  
  background-color: #C9C9C9;
  border: 0px;
	border-radius:0px !important;
  
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  text-transform: lowercase;
  cursor: pointer;  
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
}

input {
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-appearance: none;
}



#menu_h {
  max-width: 975px;
  width: 80%;
  height: 60px;
  margin-left: 14%;
  float: left; 
	z-index:8888;
}

#menu_h dl {
  width: 20%;
  margin: 0px;
  float: left;
}

#menu_h dl:first-of-type a {  
  border-left: 1px solid #ffffff;
}

#menu_h a {
  display: block;
  height: 60px;
  line-height: 80px;
  padding-left: 20px;
  
  border-right: 1px solid #ffffff;
  
  font-family: 'Lato', sans-serif;
  color: #ffffff;
  font-size: 13px;
  text-decoration: none;
  text-transform: lowercase;
}

#menu_h dt.selected a,
#menu_h a:hover {
  background-color: #ffc814;
  color: #000000;
}


#site {
  //min-height: 75%;
  margin: 0;
  margin-left: 12%;
  padding-top: 185px;
  overflow: hidden;
  
  position: relative;
  z-index: 50;
}

#contenu {
  width: 75%;
  margin-top: 20px;
  margin-left: 14%;
  float: left;
  
  position: relative;
  overflow: hidden;
}

#texte {
  width: 31%;
  max-height: 240px;

  font-size: 11px;
  color: #4c4c4c;
  
  position:relative;
  overflow: auto;
}

.btn_suivant {
  width: 80px;
  float: right;
  
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  
  cursor: pointer;
}

.btn_suivant span {
  display: block;
  width: 40px;
  padding-top: 1px;
  padding-bottom: 1px;
  
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-family: 'Raleway', Arial, sans-serif;

  background-color: #000000;
}

.btn_suivant:hover span {
  background-color: #FFC814;
}

.btn_suivant a {
  color: #000000;
  text-decoration: none;
}




#menu_organisme,
#menu_v {
  max-width: 975px;
  width: 80%;
  height: 20px;
  margin-left: 14%;
  float: left; 
  
  //position: fixed;
}

#menu_organisme dl,
#menu_v dl {
  width: 15%;
  margin: 0px;
  float: left;
}

#menu_organisme a,
#menu_v a {
  display: block;
  height: 20px;
  line-height: 20px;
  padding-left: 10px;
  
  border-left: 1px solid #999999;
  
  font-family: 'Lato', verdanna;
  color: #999999;
  font-size: 13px;
  text-decoration: none;
  text-transform: lowercase;
  
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#menu_organisme dt.selected a,
#menu_organisme a:hover,
#menu_v dt.selected a,
#menu_v a:hover {  
  border-left: 1px solid #000000;
  color: #FFC814;
  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}




#baseline {
  width: 100%;
  min-height: 35px;
	height:auto;
  
  background-color: #000000;
  
  position: fixed;
  z-index: 100;
  bottom: 0px;
}

#baseline > div {
  max-width: 1210px;
  height: 35px;
  margin: 0;
  margin-left: 12%;
}

#menu_baseline {
  display: table;
  max-width: 975px;
  width: 80%;
  height: 35px;
  float: right; 
}

#menu_baseline dl {
  width: 20%;
  margin: 0px;
  margin-top: 10px;
  float: left;
}

#menu_baseline dl:first-of-type a {  
  border-left: 1px solid #ffffff;
}

#menu_baseline a {
  display: block;
  padding-left: 20px;
  
  border-right: 1px solid #ffffff;
  
  font-family: 'Lato', verdanna;
  color: #ffffff;
  font-size: 12px;
  text-decoration: none;
  text-transform: lowercase;
}

#menu_baseline a:hover {
  color: #FFC814;
}

ra1-pw-popup {
	display:none !important;
}


.galleria-container {
  margin: 5px auto !important;
  
  border: 1px solid #efefef !important;
  
  background-color: #ffffff !important;
  
  -webkit-box-shadow:  0px 4px 3px 0px rgba(0, 0, 0, 0.1) !important;
  box-shadow:  0px 4px 3px 0px rgba(0, 0, 0, 0.1) !important;
}

.galleria-stage {
  top: 0px !important;
  left: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
}

#texte .galleria-container img {
  border: 0px !important;
  box-shadow: none !important;
}

.galleria-thumbnails-container {
  height: 25px !important;
  left: 10px !important;
  bottom: 10px !important;
  right: 0px !important;  
}

.galleria-thumbnails .galleria-image {
  width: 20px!important;
  background-color: transparent !important;
  border: 0px!important;
}
 
.galleria-thumbnails span.img {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  margin-left: 10px !important;
  float: left !important;
  
  border-radius: 8px !important;
  
  text-indent: -9999px !important;
  background-color: #ffffff !important;
  
  -webkit-box-shadow: inset 1px 2px 2px 21px rgba(0, 0, 0, 0.3) !important;
  box-shadow: inset 1px 2px 2px 1px rgba(0, 0, 0, 0.3) !important;
}

.galleria-thumbnails .active span.img {
  background-image: url(http://www.cornand.fr//commun/modeles/defaut/img/puce-slider-active.gif) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
  display: none !important;
  height: 40px !important;
  width: 23px !important;
  cursor: pointer !important;
  background-position: -495px 5px !important;
  position: absolute !important;

  left: 0pt !important;
  top: 0pt !important;
  z-index: 3 !important;

  opacity: 1 !important;

  background-color: #97B0C1 !important;
}

.galleria-thumb-nav-right {
  background-position: -578px 5px !important;
  right: 0pt !important;
  
  left: auto !important;
}

.notouch .galleria-thumb-nav-left:hover, 
.notouch .galleria-thumb-nav-right:hover {
  opacity: 1 !important;
  background-color: #2A93CB !important;
}

.galleria-counter {
  position: absolute !important;
  bottom: 10px !important;
  right: 10px !important;
  z-index: 1 !important;
  
  background-color: #ffffff !important;
  width: 40px !important;
  height: 20px !important;
  padding-right: 5px !important;

  text-align: right !important;
  color: #ffffff !important;
  color: #000000 !important;
  font-family: arial,sans-serif !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  font-size: 11px !important;
  line-height: 20px !important;
  font-size-adjust: none !important;
  font-stretch: normal !important;
  -x-system-font: none !important;
}

.galleria-image-nav-left,
.galleria-image-nav-right {
  cursor: pointer !important;
  width: 50px !important;
  height: 124px !important;

  position: absolute !important;
  left: 10px !important;
  z-index: 2 !important;

  background-position: 16px 46px !important;

  background-color: #000000 !important;
  opacity: 0 !important;
  
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.galleria-image-nav-right {
  left: auto !important;
  right: 10px !important;
  background-position: -280px 46px !important;
  z-index: 2 !important;
}

.galleria-stage:hover .galleria-image-nav-left,
.galleria-stage:hover .galleria-image-nav-right {
  opacity: 0.3 !important;
  
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.notouch .galleria-image-nav-left:hover,
.notouch .galleria-image-nav-right:hover {
  opacity: 0.3 !important;
}

.galleria-image {
  background-color: #ffffff !important;
}

#texte .galleria-image img {
  top: 0px !important;
  left: 0px !important;
  width: 100% !important;
  height: auto !important;
}

.galleria-info-link {
  display: none !important;
}

.galleria-info-title {
  margin: 0px !important;
  
  color: #008C9E !important;  
  font-size: 16px !important;
  font-weight: normal !important;
  font-family: 'Homenaje', verdana, sans-serif !important;
}

.galleria-info-text {
  display: block !important;
  
  border: 1px solid #ffffff !important;  
  
  background: -moz-linear-gradient(top,  rgba(232,233,237,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,233,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(232,233,237,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(232,233,237,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(232,233,237,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(232,233,237,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e9ed', endColorstr='#ffffff',GradientType=0 ) /* IE6-9 */
  
  -webkit-box-shadow:  0px 4px 3px 0px rgba(0, 0, 0, 0.1) !important;
  box-shadow:  0px 4px 3px 0px rgba(0, 0, 0, 0.1) !important;
}


#texte ul.elements_menu {
	list-style-type: none;
	padding-bottom: 10px;
  margin: 0px;
  margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #efefef;
}

#texte ul.elements_menu li {
  line-height: 20px;
  padding-left: 15px;  

  background-position: 0px 7px;
}

#texte ul.elements_menu li a {
  font-size: 14px;
  text-decoration: none;
}

#texte ul.elements_menu li a:hover {
  text-decoration: underline;
}

#texte ul.elements_menu li ul {
  list-style-type: none;
  padding-left: 15px;
}

#texte ul.elements_menu li ul li {
  background-position: 0px 8px;
}

#texte ul.elements_menu li ul li a {
  font-size: 12px;
  color: #464646;
}

#texte ul.elements_menu li ul li ul li a {
  font-size: 11px;
  color: #464646;
}

#texte ul.elements_menu li ul li a:hover {
  color: #FF7E00;
}

    
		


html {
  background-image: none;
}

#penche {
  width: 100%;
  height: 100%;
  
  position: absolute;
  left:-50%;
  z-index: 0;
  
  background-color: #ffffff;
  
  -webkit-transform: skew(-45deg);
  -moz-transform: skew(-45deg);
  -ms-transform: skew(-45deg);
  transform: skew(-45deg);
}

#fond {
  width: 100%;
  height: 100%;
  
  position: absolute;
  right: 0;
  
  background-color: #ffc814;
}

#fond.blanc {
  background-image: none;
  background-color: #ffffff;
}



#h_couture {
}

.colonnes  {
}

.colonnes .vignettes_categorie {
	display: none;
}

.colonnes > div {
  display: inline-block;
  width: 29%;
  width: 31%;
  vertical-align: top;
}

h1 {
  height: 40px;
  margin-top: 5px;
  
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  font-weight: normal;
}


h1:fist-of-type {
  margin-top: 25px;
}


h1 span {
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  line-height: 40px;
  float: left;
  
  background-color: #000000;
  
  text-align: center;
  color: #ffffff;
  font-size: 36px;
  font-family: 'Raleway', sans-serif;
  font-weight: 100;
  cursor: pointer;
  
  background-image: url(http://www.cornand.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat; 
  background-position: 3px -907px; 
}

h1.plus span {
  background-position: 3px -942px;
}

h2 {
  line-height: 20px;
  font-size: 20px;
  font-family: 'Lato', sans-serif;
  font-weight: 100;
  margin-top: 5px;
}

h2 b {
  display: block;
}

a.recette,
a.nutrition,
a.livre {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin-top: 5px;
  margin-left: 27px;
  margin-right: 5px;
  padding-left: 8px;
  padding-right: 10px;
    
  font-size: 11px;
  text-decoration: none;
  color: #ffffff;
  text-transform: lowercase;
  
  background-color: #000000;
}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  a.recette,
  a.livre {
    padding-right: 20px;
  }
}

a.recette {
  margin-right: 0px;
}

a.recette:before,
a.nutrition:before,
a.livre:before {
  display: block;
  width: 22px;
  height: 25px;
  margin-left: -35px;
  float: left;
  
  content: '';
  
  background-image: url(http://www.cornand.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -5px -216px; 
}

a.livre:before {
  background-position: -5px -252px; 
}

a.nutrition:before {
  background-position: -5px -1092px; 
}

a:hover.recette,
a:hover.nutrition,
a:hover.livre {
  color: #000000;
  background-color: #FFC814;
}

.recette_vignette {
  list-style-type: none;
  max-width: 350px;
  margin: 0px;
  padding: 0px;
  
}

.recette_vignette:first-of-type {
  margin-top: 25px;
}

.recette_vignette li {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  
  cursor: pointer;
}

div.recto_verso {
  max-width: 350px;

  line-height: 25px;
  font-size: 12px;
  color: #000000;
  text-align: center;
  
  background-image: url(http://www.cornand.fr/commun/modeles/haute-couture/img/recto-verso.gif);
  background-repeat: repeat-x; 
  background-position: 0px 13px; 
}

div.recto_verso span {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #ffffff; 
}

div.img_forme {
  width: 36px;
  height: 36px;
  float: left;
  overflow: hidden;
}

div.img_forme:hover img {
}

#menu_ligne {
  display: none;
}

.colonnes .illustration {  
  text-align: center;
  font-size: 17px;
  font-family: 'Raleway', sans-serif;
  font-style: italic;
}

.colonnes > div.illustration {
  display: none;
  position: relative;
}

.illustration img {
  display: block;
  position: absolute;
}

.illustration img.pate {
  left: 0;
}

.illustration span {
  display: block;
  width: 100%;
  
  position: absolute;
  bottom: 0px;
  
  font-size: 17px;
}

.colonnes > div.details {
  display: none;
}

.colonnes .colonne_recette,
.colonnes div:nth-child(3) {
  max-width: 355px;
  font-size: 11px;
}



.colonnes .colonne_recette h2 {
  margin-top: 40px;
}

ol {
  list-style-position: inside;
  list-style-type: upper-roman;
  
  line-height: 20px;
  margin: 0px;
  margin-top: 10px;
  margin-left: 3px;
  padding: 0px;
  
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: rgba(0,0,0,0.4);
}

ol a {
  text-decoration: none;
  color: rgba(0,0,0,0.4);
}

ol a:hover {
  color: rgba(0,0,0,1);
}

.close {
  display: block;
  width: 40px;
  //margin-top: 12px;
  
  position: relative;
  z-index: 10;
  
  font-size: 12px;
  text-decoration: none;
  font-family: 'Raleway', Arial, sans-serif;
  color: #ffffff;
  text-align: center;
  
  cursor: pointer;
  background-color: #000000;
}

.close:hover {
  background-color: #FFC814;
}



#fiche_recette {
  opacity: 0;
  display: none;

  position: relative; 
}



#fiche_recette > .btn_suivant {
  width: 60px;
  
  position: absolute;
  top: 9px; 
  right: 0;
  
  font-size: 11px;
  text-transform: lowercase;
}

#fiche_recette > .btn_suivant span {
  padding: 0px;
  font-size: 12px;
}

.produit_suivant {
  font-size: 11px;
  text-transform: lowercase;
}

#fiche_recette img.saveur {
  display: block;
  width: 100%;
  height: auto !important;
  margin: auto;
}

h2.nom_recette {
  //height: 54px;
  padding: 5px 0px;
  
  color: #ffffff;
  font-weight: normal;
  line-height: 22px;
  font-family: 'TeXGyreAdventorBoldItalic', Arial, sans-serif;
  text-transform: uppercase;
  
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  
  display:block;
  width:100%;
	max-width:1000px;
}

h2.nom_recette span {
  display: block;
  //height: 44px;
  padding: 5px 10px;
  background-color: #000000;
}

.liste_recettes {
  list-style-type: none;
  padding: 0px;
}

.liste_recettes li {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 36px;
  margin-right: 5px;
  margin-bottom: 5px;
  
  webkit-border-radius: 30px;
  border-radius: 30px;
  
  text-align: center;
  color: #ffffff;
  font-size: 25px;
  font-family: 'TeXGyreAdventorBold', Arial, sans-serif;
  
  background-color: #000000;
}

.liste_recettes li:nth-child(odd) {
  margin-right: 6px;
}

.liste_recettes li:hover {
  cursor: pointer;
  background-color: #FFC814;
}

#la_recette {
  max-width: inherit; 
}

#la_recette .mCSB_container {
  padding-top: 10px;
  margin-right: 15px !important;
}

#la_recette .mCustomScrollBox .mCSB_scrollTools {
  background-image: none;
}

#la_recette .mCustomScrollBox .mCSB_draggerRail {
  width: 1px;
  border-right: 1px solid #4D4D4D;
}

#macaron {
  width: 125px;
  height: 125px;
  float: left;
    
  background-image: url(http://www.cornand.fr/commun/modeles/commun/structure/img/macaron.png);
  background-repeat: no-repeat;
  background-position: top left;
}

#macaron ul {  
  list-style-type: none;
  margin: 0px;
  margin-top: 35px;
  padding: 0px;
  
  color: #000000;
  text-transform: uppercase;
  text-align: center;
  font-size: 9px;
  line-height: 14px;
}

#macaron li {
  padding-left: 6px;
  
  background-image: url(http://www.cornand.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
}

#macaron li:nth-child(1) {
  background-position: 8px -747px;
}

#macaron li:nth-child(2) {
  background-position: -3px -781px;
}

#macaron li:nth-child(3) {
  background-position: -0px -815px;
}

#macaron li:nth-child(4) {
  background-position: 7px -852px;
}

.ingredients_vin {
  width: 100%;
  margin: 0px;
  padding: 0px;
  float: left;
  
  font-size: 11px;
}

.ingredients_vin dt {
  line-height: 20px;
  padding-left: 35px;
  padding-top: 10px;
  
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
    
  background-image: url(http://www.cornand.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -5px -665px;
}

#vin {
  width:100%;
}

#vin dt {
  background-position: -5px -705px;
}

#liste_coffrets {
  width: 60%;
}
#liste_coffrets dt {
  background-position: -0px -1120px;
  padding-left: 40px;
}

.ingredients_vin dd {
  margin: 0px;
  margin-top: 5px;
  padding: 0px;
}

.ingredients_vin ul {
  list-style-type: none;
  margin: 0px;
  margin-left: 35px;
  padding: 0px;
  
  color: #9b9d9f;
}

.ingredients_vin ul li:before {
  content: '- ';
}

#liste_coffrets_associes li {
  cursor: pointer;
}

#liste_coffrets_associes li:hover {
  color: #000000;
}

#texte_recette {
  clear: left;
  padding-top: 5px;
  
  font-size: 11px;
}

a.impression {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  
	float:right;
	

	
  padding-left: 8px;
  padding-right: 15px;
    
  font-size: 11px;
  text-decoration: none;
  color: #ffffff;
  text-transform: lowercase;
  
  background-color: #000000;
}

a.impression:before {
  display: block;
  width: 25px;
  height: 25px;
  margin-left: -35px;
  float: left;
  
  content: '';
  
  background-image: url(http://www.cornand.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -5px -882px; 
}

a.impression:hover {
  color: #000000;
  background-color: #FFC814;
}

#slider_recette {
  width: 85px;
  position:relative;
	float:right;
}

#slider_recette .bx-wrapper {
  float:left;
}


#slider_recette ul {
  list-style-type: none;
  width: 80px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}



#h_couture #fiche_recette {
	margin-bottom:30px;
}

#h_couture .la_recette, #h_couture #fiche_recette .contenu_recette, #h_couture .liste_saveurs {
	overflow:auto;
	position:relative;
	margin-top:10px;
	max-height:inherit;	
}


#h_couture #fiche_recette .contenu_recette {
	height:inherit;
}



#h_couture .liste_saveurs {
	margin-top:0px;
}

h1 {
    margin-top: 0px;
}

#h_couture .mCSB_container {
  padding-top: 10px;
  padding-right: 10px;
  margin-right: 15px !important;
}

#h_couture #fiche_recette .mCSB_container, #h_couture .liste_saveurs .mCSB_container {
  padding-top: 0px;
}



#h_couture .mCustomScrollBox .mCSB_scrollTools {
  background-image: url(http://www.cornand.fr/commun/modeles/defaut/img/scroll.gif), url(http://www.cornand.fr/commun/modeles/defaut/img/scroll.gif);
  background-position: center top, center bottom;
	right:10px;
}

#h_couture .contenu_recette .mCustomScrollBox .mCSB_scrollTools {
	right:0px;
}

#h_couture .liste_saveurs .mCustomScrollBox .mCSB_scrollTools {
	margin-top:5px;
}

#h_couture .fiche_recette .mCustomScrollBox .mCSB_scrollTools {
	margin-top:0px !important;
}


#h_couture .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer {
  height: 88%;
  background-color: #ffffff;
}


#h_couture .mCustomScrollBox .mCSB_draggerRail {
  width: 0px;
  margin-bottom: 25px;
  border-right: 1px solid #ABABAC;
}



#h_couture .la_recette h2 {
	margin-top:-10px;
}	

#fiche_recette .close {
//	position:fixed;
//	margin-top:-30px;
}

#h_couture #fiche_recette {
//	margin-top:30px;
}	

#h_couture #fiche_recette .btn_suivant {
//	margin-top:-34px;
	width:50%;
//	position:fixed;
	line-height:22px;
	margin-top:-10px;
}



#h_couture #fiche_recette .btn_suivant a {
	float:right;
	width:100%;
	text-align:right;
}

#h_couture #fiche_recette .btn_suivant span {
	float:right;
	margin-left:10px;
}

#slider_recette .btn_suivant {
  width: 85px !important;
  cursor: pointer;
	line-height:36px !important;
	float:left !important;
	margin-top:8px !important;
	position:relative !important;
	margin-top:0 !important;
}

#slider_recette .btn_suivant span{
  float: right;
	line-height:20px;
	margin-left:0 !important;
	margin-top:10px;
}




@media screen and (max-width: 1920px) {
		
			 
  body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 80%;
    -moz-text-size-adjust: 80%;
    ms-text-size-adjust: 80%;
  }  
  
  aside {  
    top: 113px;
    right: 2%;
  }
}  


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

  #penche {
    left: -45%;
  }   
  
}

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

  #menu_h dl {
    width: 166px;
  }
  
  #menu_h a {
    display: block;
    padding-left: 10px;
    
    font-size: 12px;
  }
  
  #menu_v dl {
    width: 130px;
  }
  
  #menu_v a {
    padding-left: 10px;
    
    font-size: 12px;
  }  
  
  #baseline > div {
    margin-left: 7%;
  }
  
  aside {  
    top: 70px;
  	right: 20px;
  	position: absolute;
  }   
  
  	#baseline {
    clear: both;
    height: auto;
    overflow: auto;

  }

  #baseline > div{
    margin-left: 10px;
		height:auto;
  }
  
  #menu_v dl {
    width: auto;
		margin-right:10px;
  }
  


  
}

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

  
  #menu_h dl {
    width: 135px;
  }
  
  #menu_h a {
    display: block;
    padding-left: 15px;
    
    font-size: 11px;
  }
  


  #menu_v a {
    padding-left: 15px;
    
    font-size: 11px;
  }
  
  #baseline > div {
    width: auto;
    max-width: inherit;
  }
  
  #menu_baseline {
    float: none; 
		margin-left:auto;
		margin-right:auto;
		width:auto;
  }
  
  #menu_baseline dl {
    width: 150px;
  }
  
  #menu_baseline a {
    padding-left: 5px;
    
    font-size: 11px;
  }

  #menu_v a {
    padding-left: 8px;
  }


  
  
}


@media screen and (max-width: 1160px) {
  
	#menu_h, #menu_v {
		margin-left:144px;
	} 



  

  
  
}

@media screen and (max-width: 1024px) {
	
  
  body {
    border: 0px solid red;
  }
    
  #bandeau {
    height: 37px;
  }
  
  #bandeau > div {
    height: 37px;
    margin-left: 5%;
  } 

  #logo {
    min-width: 110px;
    width: 110px;
    height: 160px;
    
    background-size: 100%; 
  }
  
  #menu_h {
    width: auto;
    height: 37px;    
		margin-left:110px;
  }
  
  #menu_h dl {
    width: 122px;
  }
  
  #menu_h a {
    display: block;
    height: 37px;
    line-height: 45px;
    padding-left: 5px;
    
    font-size: 11px;
  }
  
  #penche {
    left:-50%;
  }  


  
	
  #site {
    margin: 0;
    margin-left: 5%;
    padding-top: 120px;
    overflow: auto;
    
    position: relative;
    z-index: 50;
  }
  
  #menu_v {
    margin-left:120px;
    margin-top:18px;
  }
  
 
  
  #baseline > div {
    max-width: inherit;
  }
  
  #menu_baseline {
    float: none; 
  }
  
  #menu_baseline dl {
    width: 125px;
  }
  
  #menu_baseline a {
    padding-left: 5px;
    
    font-size: 10px;
  }

	aside {  
    top: 50px;
  }   
	
	
  #baseline {
		position:absolute;

  }



	

}


@media screen and (max-width: 768px) {
  	
		
	
  
  body {
    overflow-x: hidden;
  }
  
  #bandeau > div {
    margin-left: 10px;
  }

  #penche {
    width: 150%;
    margin-left: -15%;
    
    top: -200px;
  
    -webkit-transform: skew(-55deg);
    -moz-transform: skew(-55deg);
    -ms-transform: skew(-55deg);
    transform: skew(-55deg);
  }

  aside {
    top: 50px;
  }

  #menu_h {
    margin-left: 130px;
  }

  #site {
    margin-left: 40px;
    padding-top: 150px;
  }



  #menu_v {
    margin-top:50px;
  }
  
  #menu_baseline {
    width: 100%;
  }

		
  body {
  	overflow: auto;
  }	
		      
  #penche {
    display: none;
  }  

	#fond {
		display:block;
		position:absolute;
		background-color:#fff;
		height:235px;
		overflow:hidden;
		border-bottom:2px solid rgb(255, 200, 20);
		box-shadow: 3px 3px 5px #888;
	}

	#fond div {
		height:100%;
		width:100%;
		position:relative;		
	}

	#fond.actualités_responsive img {
		display:block;	
	}

	#fond img {
		width:150% !important;
		min-width:1100px !important;
		height:auto !important;
		position:absolute;
		top:auto !important;
		bottom:-215px;
		left:auto !important;
		right:-80px;
	}
  	
	dl.formulaire dd {
		margin-left:-120px;
		z-index:99999;
	}

  #bandeau {
  	position: relative; 
  }   



	





  #logo {
    min-width: 120px;
    width: 120px;
    height: 160px;
    
    background-size: 100%; 
  }    
      
  #menu_h {
    width: 120px;
    height: auto;
    padding-bottom: 30px;
    
    position: absolute;
		z-index:2;
    top: 130px;
    left: -130px;
  
    background-image: url(http://www.cornand.fr/commun/modeles/commun/structure/img/cornand.png);
    background-repeat: no-repeat;
    background-position: left bottom;     
    background-size: 100%; 
  }  
      
  #menu_h dl {
    width: 120px;
    
    background-color: #000000;
  }  
      
  #menu_h dl a {
    height: 20px;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
    padding-left: 2px;
    border: 0px;
    border-bottom: 1px solid #ffffff;
  }  
      
  #menu_h dt.dernier a {
    border-bottom: 0px solid #ffffff;
  }  
      
  #menu_h dl:first-of-type a {
    border-left: 0px solid #ffffff;
  }  


  #site {
    margin-top: 190px;
    margin-left: 0px;
    padding-top: 0px;
		width:100%;
  }

  #menu_v {
    width: 45%;
    height: auto;
    margin-left: 0px;
		position:absolute;
		top:-150px;
		left:130px;
  }

  #menu_v dl {
    width: 25%;
		width:100%;
		margin-top:5px;
		border-top:1px solid #000;
  }

  #menu_v dl:last-child {
		border-bottom:1px solid #000;
  }


  #menu_v dl a {

    height: auto;
  }


  #baseline {
		position:absolute;

  }

  #baseline > div{
    margin-left: 10px;
  }
  
  #menu_baseline {
    margin-bottom: 10px;
  }
  
	
  #menu_baseline a {
    border: 0px;
    border-left: 1px solid #ffffff;
    font-size:9px;
  }
  
	aside {
		margin-top:-5px;
		width:100px;
		margin-right:-10px;
	}




	body {
		height:auto;
		min-height:100%;
	}

	#site {
		margin-bottom:70px;
		float:left;

	}



  #site {
    margin-left: 10px;
  }
  
  #menu_v {
    margin-left: 130px;
  }
  

  
  #menu_interne {
    margin-left: 20px;
		float:left;
		margin-top:0px;
		margin-bottom:130px;
		height:auto;
  }

	#menu_interne dl, #menu_interne dl dt, #menu_interne dl dt a {
		height:26px;
		line-height:9px;
  }

  #menu_v {
		float:left;
		margin-bottom:20px;
  }
  
  #menu_interne a {
    padding-right: 4px;
    line-height: 14px;
  }

  #menu_interne a:before {
    display: block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    margin-top: -1px;
    margin-right: 4px;
    margin-bottom: 24px;
    float: left;
    
    content: '>';
    
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
    
    background-color: #000000;
  }
  
  #site {

    margin-left: 0px;
    padding-top: 0px;
    
    overflow: visible;
  }

  #menu_v {
    margin-left: 10px;
  }



	nav#menu_v a, #menu_v dt.selected a {
  	border-left:0;
  }	


	#menu_v dt.selected a{
		background-color:#000;
		color:#fff;
  }	
  


	#menu_v {
		position:relative;
		top:0;
		left:0;
	}
	
	#menu_v dl {
		margin-top:0;
	}

	#menu_v a {
		height:100%;
		width:100%;
		display:block;
		color:#000;
		padding: 5px 0;
	}


	a.tout span {
    border:none;
	}
	

	
	aside a.aside {
		text-indent:-9999px;
		width:0px;
		padding:0;
	}
	
	aside{
		z-index:99999;
		width:100px;
		margin-right:-20px;
	}
	
	aside a.aside:before {
		margin-left:5px;
	}
	
	aside li {
		display:inline-block;
		float:left;
		width:30px;
	}
	
	dl.formulaire dd {  
		z-index:99999;
		position:absolute;
		right:10px;
  }


	
	
}	




@media screen and (max-width: 460px) {
	#fond img {
		width:150% !important;
		min-width:500px !important;
		height:auto !important;
		position:absolute;
		top:auto !important;
		bottom:-20px;
		left:auto !important;
		right:-40px;
	}
}

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

	#site {
		margin-bottom:100px;
		float:left;

	}


	a.tout span {
    border:none;
	}


	
	
}


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

}


@media screen and (max-width: 1440px) {
    
  h2.nom_recette {
    font-size: 14px;
  }  
  
  #contenu {
    width: 85%;
  }
  
  #h_couture #fiche_recette .btn_suivant {

		font-size:11px;
		line-height:16px;
	}
	
	#h_couture #fiche_recette .btn_suivant span {
		margin-left:5px;
	}
  
}

@media screen and (max-width: 1200px) {
	h2 {
			font-size:16px;
		}
	#h_couture #fiche_recette .btn_suivant span {
		margin-left:100px;
	}
	
	#h_couture .la_recette, #h_couture #fiche_recette .contenu_recette, #h_couture .liste_saveurs {
		margin-top:13px;
	}
}


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

  #contenu {
    width: 85%;
  }
    
  .colonnes > div {
    width: 32%;
  }
  

  
  .illustration {
    min-height: inherit;
    margin-top: 30px;
    position: relative;
  }

    
  a.recette,
  a.livre {
    margin-right: 0px;
  }
    
  #texte {
    width: 250px;
    max-height: 238px;
  }
  
  #texte p:first-of-type {
    margin-top: 0px;
  }

  .ingredients_vin ul {
  	margin-left:0;
  }
  
}



@media screen and (max-width: 930px) {
	
	#slider_recette {
	  margin:0 auto;
	  float:left;
		margin-left:0px;
	}
	
	#liste_coffrets {
		width:100%;
	}
	
	h2 {
		font-size:14px;
	}
	
}

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

  body {
  	overflow: auto;
  }	
  
  #contenu {
  	height: auto !important;
  	width:auto;
  	margin-top:0;
  }	
  
  #site {
    margin-left: 0px;
  }
  
  #menu_v {
		margin-left:0;
    width:100%;
  }
  
  #menu_v dl {
		text-align:center;
  }

	nav#menu_v a:hover {
		border:0;
		background-color:#FFC814;
		color:#000;
		transition:none;
	}

	nav#menu_v a {
		transition:none;
	}
  
  #contenu {
    width: auto;
    margin-left: 10px;
  }

  #texte {
    margin-left: 0px;
		width:97%;
  }

  
  .illustration,
  .details {
    margin-top: 0px;
  }
	
  .details {
		clear:both;
  }
	
	.details p {
    font-size:12px;
  }
	
	.colonnes > div {
    width: 100%;
	}
	
	#texte_saveur {
		margin-right:10px;
	}

	#fiche_recette {
		width:97.5%;
	}
	
	
	h1 {
		font-size: 11px;
    margin-left: 0;
		line-height:20px;
		display:block;
		width:auto;
		float:left;
		margin-right:20px;
		margin-top:10px;
		height:auto;
	}
	
	h1 br {
    display:none;
	}
	
	h1 span {

    background-position: -6px -916px;
    font-size: 20px;
    height: 23px;
    line-height: 22px;
    width: 23px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
	}
	
	.colonnes .colonne_recette, .colonnes div:nth-child(3) {
		
		display:block;
	}
	
	.content {
		overflow:visible;
	}
  
	#contenu {
		overflow:visible;
		z-index:9999;
	}

	h2 {
		clear:both;
		padding: 15px 0 5px 0;
		width:100%;
		margin:0;
		font-size:14px;
		font-weight:normal;
	}
	
	h2:first-child {
		padding-top:0;
	}
	
	h2 br {
		display:none;
	}

	.dd .ddTitle {
		font-size:12px;
	}
	
	.details {
		width:98% !important;
		max-width:1000px !important;
	}
	
	.details h2 {
		padding-top:20px;
		text-transform:uppercase;
	}

	#texte_saveur {
		margin-bottom: 20px;
	}

	a.recette, a.livre {
		float:left;
		display:block;
		margin-bottom:10px;
		margin-top:0px;
		width:130px !important;
		margin-right:5px;
	}
	
	.dd {
		clear:both;
		width:98% !important;
		max-width:1000px !important;
	}
	
	.ddChild {
		width:100% !important;
		max-width:1000px !important;
	}

	.dd:last-child{
		margin-bottom:20px;
	}
	
	#h_couture {
		margin-bottom:20px;
	}

	.colonnes div:nth-child(3) {
		z-index:9999;
		height:auto !important;
		position:relative !important;
		top:0 !important;
	}
	
	ol {
		clear:both;
	}
	
	#h_couture .liste_saveurs, #h_couture .la_recette, #h_couture #fiche_recette, #h_couture #fiche_recette .contenu_recette {
		overflow:visible;
		max-height:inherit;
		position:relative;
		height:auto !important;
		float:left;
	}

	#h_couture #fiche_recette {
		margin-top:10px;
	}

	#fiche_recette img.saveur {
	    width: 100%;
			max-width:200px;
	}
	
	#h_couture #fiche_recette .btn_suivant  {
		margin-right:3px;
	}

	#fiche_recette .close {
		position:relative;
		margin-top:5px;
	}

	#fiche_recette {
		margin-top:0;
	}

	.colonnes .colonne_recette, .colonnes div:nth-child(3) {
	    max-width: 100%;
	}
	
	#h_couture #fiche_recette .btn_suivant {
		width:auto;
	}

	#h_couture .mCSB_container {
		padding-right:0 !important;
		margin-right:0 !important;
	}

	#texte_saveur {
	    margin-bottom: 0px;
	}

	#h_couture #fiche_recette .btn_suivant span {
		margin-left:10px;
	}
	
		
}