/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

 @font-face {
  font-family: 'CANTABIL';
  src: url('cantabil.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

body {
  padding: 10px;
  color: #2b2b2b;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  background: transparent url(../img/bg-page.png) repeat;
}

p {
  margin: 0.3em 0;
}

a {
  color: #dc3787;
  font-size: 0.9em;
  text-decoration: none;
}
a:hover {
  color: #892e86;
  text-decoration: underline;
}

h2 {
  /* height: 26px;
   padding: 4px 0 0 20px; */
  height: 29px;
  padding:1px 0 0 20px;
  margin-bottom: 20px;
  font-size: 1.4em;
  font-weight: bold;
  background: transparent url(../img/bg-h2.png) repeat-x;
}
h2.marges {
  margin: 10px 20px 20px 20px;
}

h3 {
  color: #c3396c;
  font-size: 1.3em;
}

/********** LAYOUT ET CADRES PRINCIPAUX **********/
#header {
  width: 1000px;
  margin: 0 auto;
  font-size: 0;
  overflow:hidden;
}

#header img {
  float:left;
  display:block;
}

#page {
  width: 978px;
  margin: 0 auto;
  padding: 0 11px;
  background: transparent url(../img/bg-repeat-page.png) repeat-y;
}

#menu {
  position: absolute;
  left: 50%;
  z-index: 10; /* le menu passe au dessus du content */
  width: 978px;
  height: 32px;
  margin-left: -489px;
}
#menu li {
  float: left;
  height: 32px;
}
#menu li a {
  display: block;
  height: 32px;
}
#menu li a.bt-menu-decouvertes {
  width: 170px;
  background: transparent url(../img/bt-menu-decouvertes.png) no-repeat;
}
#menu li a.bt-menu-decouvertes:hover, #menu li a.bt-menu-decouvertes-selected {
  background: transparent url(../img/bt-menu-decouvertes-hover.png) no-repeat;
}
#menu li a.bt-menu-recettes {
  width: 135px;
  background: transparent url(../img/bt-menu-recettes.png) no-repeat;
}
#menu li a.bt-menu-recettes:hover, #menu li a.bt-menu-recettes-selected {
  background: transparent url(../img/bt-menu-recettes-hover.png) no-repeat;
}
#menu li a.bt-menu-cote-pratique {
  width: 177px;
  background: transparent url(../img/bt-menu-cote-pratique.png) no-repeat;
}
#menu li a.bt-menu-cote-pratique:hover, #menu li a.bt-menu-cote-pratique-selected {
  background: transparent url(../img/bt-menu-cote-pratique-hover.png) no-repeat;
}
#menu li a.bt-menu-actualites {
  width: 149px;
  background: transparent url(../img/bt-menu-actualites.png) no-repeat;
}
#menu li a.bt-menu-actualites:hover, #menu li a.bt-menu-actualites-selected {
  background: transparent url(../img/bt-menu-actualites-hover.png) no-repeat;
}
#menu li a.bt-menu-espace-presse, #menu li a.bt-menu-espace-presse-selected {
  width: 182px;
  background: transparent url(../img/bt-menu-espace-presse.png) no-repeat;
}
#menu li a.bt-menu-espace-pro, #menu li a.bt-menu-espace-pro-selected {
  width: 164px;
  background: transparent url(../img/bt-menu-espace-pro.png) no-repeat;
}
#content {
  position: relative;
  padding: 23px 0 10px 0;
  background: transparent url(../img/bg-content.png) no-repeat 0 23px;
}
#content:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#content {display:inline-block;}
/* \*/ * html #content {height:1%;} #content {display:block;} /* */

#fil-ariane {
  padding: 25px 0 20px 20px;
  font-size: 0.9em;
}
#statut-login {
  float: right;
  padding: 25px 20px 20px 20px;
  font-size: 0.9em;
}
#statut-login a {
  text-transform: uppercase;
}
#retour {
  float: right;
  padding: 20px 20px 0 0;
  text-transform: uppercase;
}
#titre-page {
  padding-left: 20px;
}
#sidebar-gauche {
  float: left;
  width: 333px;
  padding: 0 20px 20px 0;
  margin-left: 30px;
}
#sidebar-droite {
  float: right;
  width: 333px;
  padding: 0 0 20px 20px;
  margin-right: 30px;
}
#cadre-principal {
  position: relative;
  float: left;
  width: 575px;
  padding-bottom: 20px;
}
#cadre-principal-gauche {
  position: relative;
  float: left;
  width: 555px;
  padding-left: 20px;
  padding-bottom: 20px;
}
/*#footer {
  clear: both;
  padding: 7px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.9em;
  color: #FFF;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #e4e3e4;
  background-color: #222323;
}
#footer a {
  color: #FFF;
}*/

#cadre-sidebar {
  padding: 20px;
  text-align: center;
  background-color: #faecf2;
}
#cadre-sidebar-droite {
  padding: 20px;
  background-color: #faecf2;
}
#cadre-sidebar img {
  border: 1px solid #d9c4d4;
  margin-bottom: 10px;
}
#cadre-sidebar .description {
  color: #c12867;
  font-size: 1.2em;
  font-weight: bold;
}
#cadre-sidebar .lien-recette {
  text-align: left;
  text-transform: uppercase;
}
#cadre-recherche {
  width: 919px;
  height: 293px;
  padding: 20px 0 0 20px;
  margin: 10px 0 10px 20px;
  background: transparent url(../img/bg-cadre-recherche.png) no-repeat;
}

.small_cadre{
  background: transparent url(../img/bg-small-cadre-recherche.png) no-repeat!important;
   height: 120px!important;
}

#cadre-recherche-small {
  width: 919px;
  height: 116px;
  padding: 20px 0 0 20px;
  margin: 10px 0 10px 20px;
  background: transparent url(../img/bg-cadre-recherche-small.png) no-repeat;
}


#cadre-recherche .titre-recherche {
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
}
#cadre-recette {
  width: 566px;
  height: 113px;
  padding: 10px 0 0 10px;
  background: transparent url(../img/bg-cadre-recette.png) no-repeat;
}

#cadre-recherche-left {
  float:left;
  width: 637px;
  padding:0 27px 0 0;
  margin:0;
}

#cadre-recherche-left:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#cadre-recherche-left {display:inline-block;}
/* \*/ * html #cadre-recherche-left {height:1%;} #cadre-recherche-left {display:block;} /* */

#cadre-recherche-left-video {
  float:left;
  width: 278px;
  padding:0;
  margin:0 15px 0 0;
  border-width:0px;
}

#cadre-recherche-left-video2 {
  float:left;
  /*width: 343px;*/
  /*width: 233px;*/
  padding:0 0 0 20px;
  margin:0;
  border-width:0px;
}

#cadre-recherche-left-content {
  float:left;
  width: 259px;
  padding:0;
  margin:0;
}

#cadre-recherche-left-content p{
  font:bold 1.3em Arial;
  padding:14px 0 0 0;
  margin:0;
}

#cadre-recherche-left-content #precision_recette{
  background:url(../img/bg-precision-recette.png) no-repeat 0 0;
  padding:0;
  margin:20px 0 0 0;
  width:196px;
  height:18px;
}

#precision_recette:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#precision_recette {display:inline-block;}
/* \*/ * html #precision_recette {height:1%;} #precision_recette {display:block;} /* */

#cadre-recherche-left-content #precision_recette ul{
  padding:0;
  margin:0;
}

#cadre-recherche-left-content #precision_recette ul li{
  float:left;
  list-style-type:none;
  padding:0 13px 0 0;
  margin:0;
}

#cadre-recherche-left-content #details_recette{
  padding:0;
  margin:20px 0 0 0;
  width:196px;
}

#details_recette:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#details_recette {display:inline-block;}
/* \*/ * html #details_recette {height:1%;} #details_recette {display:block;} /* */

#cadre-recherche-left-content #details_recette ul{
  padding:0;
  margin:0;
}

#cadre-recherche-left-content #details_recette ul li{
  background:url(../img/puce_details_recettes.png) no-repeat 0 5px;
  font:normal 1em Arial;
  list-style-type:none;
  padding:0 0 0 10px;
  margin:0;
}

#cadre-recherche-left-content #details_recette ul li span{
  font:bold 1em Arial;
  list-style-type:none;
  padding:0;
  margin:0;
}

#cadre-recherche-left-content #see_detail{
  margin: 0;
  padding:7px 0 0 10px;
  font-size: 1.1em;
  font-weight: bold;
}

#cadre-recherche-left-content #see_detail a{
  font-size: 0.8em;
  font-weight: normal;
  text-transform: uppercase;
}


#cadre-recherche-right {
  float:left;
  width: 230px;
  padding:0;
  margin:0;
}

#cadre-recherche-right #title_search_recette{
  color:#2b2b2b;
  font:bold 1.4em Arial;
  padding:0;
  margin:0;
}


#navigation {
  clear: both;
  padding-top: 10px;
  color: #c9caca;
  text-transform: uppercase;
  text-align: center;
}
#navigation.navigation-recette {
  clear: both;
  padding: 10px 0;
  margin: 0 20px;
  color: #c9caca;
  text-transform: uppercase;
  text-align: center;
  border-top: 1px solid #d9d8d8;
}
#navigation .page-en-cours {
  color: #2b2b2b;
  font-size: 0.9em;
}

/********** Home_LesTripes **********/
#content-home-tripes {
  float: left;
  width: 632px;
  height: 305px;
  padding-top: 27px;
  background: transparent url(../img/bg-content-home-tripes.jpg) no-repeat 0 0;
}
#content-home-tripes .sous-titre {
  width: 510px;
  padding-left: 40px;
}
#content-home-news-tripes {
  float: left;
  width: 295px;
  height: 252px;
  padding: 80px 50px 0 0;
  background: transparent url(../img/bg-home-news-tripes.jpg) no-repeat 0 0;
}
#content-home-news-tripes .titre-news-home {
  text-transform: uppercase;
  font-weight: bold;
}
#content-home-news-tripes p img {
  float: left;
  margin-right: 5px;
  border: 3px solid #FFF;
}
#content-home-news-tripes a {
  padding-top: 5px;
  text-transform: uppercase;
}

/********** Home_LesTripes_Jeu **********/
#content-home-jouer {
  float: left;
  width: 583px;
  padding:25px 10px 0 40px;
  height: 340px;
  background:url(../img/Produitstipiers-Fond-Homepage-nov14_03.jpg) 45px 0 no-repeat #FFF;
  /*background:#FFF;*/
  font-size:12px;
}
#content-home-jouer p {
  font-size:12px !important;
}
#content-home-jouer h2{
    background: none;
  margin:0 0 10px 0;
  padding:0;
}
#content-home-jouer .recette-img{
  border:3px solid #FFF;
  float:left;
}
#content-home-jouer .recette-img img{
  max-width: 230px;
  max-height: 230px;
}
#content-home-jouer .recette-texte{
  width:45%;
  padding:0 5px 5px 20px;
  float:left;
}
#content-home-jouer .recette-texte h2 {
  font-size: 1.0em;
}

#content-home-jouer .recette-texte span  {
  font-size: 1.0em;
  font-weight: bold;
}
#content-home-jouer .recette-texte p a{
  padding-top: 5px;
  text-transform: uppercase;
}

#content-home-news {
  float: left;
  width: 304px;
  height: 340px;
  background:url(../img/bg-content-home-news.gif) 0 0 no-repeat;
  padding:20px 20px 0 21px;
}

#content-home-news .home-news {
  padding:4px 0 8px 0;
  margin-bottom:5px;
  border-bottom:1px #7b7472 dotted;
  clear:both;
  min-height:90px;
}
#content-home-news .home-news:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
#content-home-news .titre-news-home {
  text-transform: uppercase;
  font-weight: bold;
}
#content-home-news p img {
  float:left;
  margin-right:15px;
}
#content-home-news a {
  padding-top: 5px;
  text-transform: uppercase;
}
#content-home-news span {
  font-weight: bold;
}


.rose {
  color: #DC3787;
}

.noir {
  color: #000000;
}

.lowercase { text-transform: lowercase;}

.noTextTransform { text-transform: none!important; }

/********** Home_LeGrandDefiTripier **********/
#content-home-gauche {
  float: left;
  width: 662px;
  height: 615px;
}
#content-home-gauche .haut {
  height: 120px;
  padding-bottom: 0;
  background: transparent url(../img/bg-home-gauche-haut.jpg) no-repeat;
}
#content-home-droite {
  position: relative;
  float: left;
  width: 265px;
  height: 615px;
  padding: 0 48px 0 0;
  background: transparent url(../img/bg-home-droite.jpg) no-repeat 0 0;
}
#content-home-droite p {
  margin: 0.5em 0;
}
#content-home-droite .login, #content-home-droite2 .login {
  position: absolute;
  top: 66px;
  left: 80px;
}
#content-home-droite .titre-form-login {
  font-size: 1.3em;
  font-weight: bold;
  text-transform: uppercase;
}
#content-home-droite .champs {
  width: 123px;
  height: 14px;
  padding-left: 5px;
  border: 1px solid #d9d8d8;
  font-size: 0.9em;
  background: none;
}
#content-home-droite .submit-login {
  position: relative;
  left: 28px;
  width:120px;
  height:27px;
  border: none;
  cursor: pointer;
  background: none;
}
#content-home-droite .decouvrir-recettes {
  position: absolute;
  top: 318px;
  left: 142px;
  width: 100%;
  text-transform: uppercase;
}

/********** LeGrandDefiTripier_EspacePerso **********/
#cadre-principal .recevoir-email {
  padding: 10px 0;
}
#cadre-principal .recevoir-email a {
  padding: 2px 5px;
  color: #FFF;
  background-color: #c12867;
}
#votes {
  position: absolute;
  top: -48px;
  right: 5px;
  width: 161px;
  height: 89px;
  background: transparent url(../img/bg-votes.png) no-repeat;
}
#votes .nb-votes {
  padding:20px 0 0 0px;
  color: #FFF;
  font-size: 1.5em;
  font-weight:bold;
  letter-spacing:3px;
  text-align:center;
}
#liste-fan {
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}
#liste-fan-gauche {
  float: left;
  width: 266px;
  padding-right: 30px;
  background: transparent url(../img/border-vert.png) repeat-y right top;
}
#liste-fan-droite {
  float: left;
  padding-left: 30px;
}
#liste-fan-gauche .fan, #liste-fan-droite .fan {
  padding: 20px 0 20px 0;
  font-weight: bold;
  background: transparent url(../img/hr.gif) repeat-x left bottom;
  width:240px;
}
#liste-fan .no-bg { background: none; }

/********** LeGrandDefiTripier_ListeArtisansS **********/
#recherche-artisan label {
  font-weight: bold;
}
#recherche-artisan {
  padding-top: 10px;
}
#recherche-artisan .champs-recherche-artisan {
  width: 205px;
  height: 20px;
  padding-left: 5px;
  margin: 0 10px;
  border: 1px solid #d9d8d8;
  background: none;
}
#recherche-artisan .submit-recherche-artisan {
  width: 227px;
  height: 29px;
  border: none;
  cursor: pointer;
  background: transparent url(../img/submit-recherche-artisan.png) no-repeat;
}
#liste-artisans {
  padding: 0 20px 20px 20px;
}
#liste-artisans .artisan {
  padding: 20px 0;
  background: transparent url(../img/hr.gif) repeat-x left bottom;
}
#liste-artisans .adresse-artisan {
  float: right;
  font-size: 1.1em;
  line-height: 1.4em;
  color: #686867;
  padding-top:20px;
  width: 230px;
}
#liste-artisans .type-artisan {
  color: #2b2b2b;
  font-size: 1.1em;
  font-weight: bold;
}
#liste-artisans .nom-artisan {
  color: #c12867;
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
}
#liste-artisans .infos-artisan {
  color: #686867;
}

#liste-artisans p.infos-artisan {
  width: 75%;
}

/********** LeGrandDefiTripier_ListeRestaurants **********/
#recherche-restaurant label {
  font-weight: bold;
}
#recherche-restaurant {
  padding-top: 10px;
}
#recherche-restaurant .champs-recherche-restaurant {
  width: 205px;
  height: 20px;
  padding-left: 5px;
  margin: 0 10px;
  border: 1px solid #d9d8d8;
  background: none;
}
#recherche-restaurant .submit-recherche-restaurant {
  width: 252px;
  height: 29px;
  border: none;
  cursor: pointer;
  background: transparent url(../img/submit-recherche-restaurant.png) no-repeat;
}
#liste-restaurants {
  padding: 0 20px 20px 20px;
}
#liste-restaurants .restaurant td {
  padding-top: 10px;
  padding-bottom: 10px;
  white-space: nowrap;
  background: transparent url(../img/hr.gif) repeat-x left bottom;
}
#liste-restaurants .adresse-restaurant {
  padding-right: 30px;
  font-size: 1.1em;
  line-height: 1.4em;
  color: #686867;
}
#liste-restaurants .cp-restaurant {
  padding-right: 30px;
  font-size: 1.1em;
  line-height: 1.4em;
  color: #686867;
}
#liste-restaurants .tel-restaurant {
  color: #686867;
  font-size: 1.1em;
  font-weight: bold;
}
#liste-restaurants .nom-restaurant {
  padding-right: 30px;
  color: #c12867;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
}
#liste-restaurants .blank {
  width: 100%;
}

/********** Recettes_Detail_espace_perso, Recettes_Detail_votes, Recettes_Detail **********/
#ingrediants {
  text-align: left;
}
#ingrediants img {
  margin: 5px 0;
  border: none;
}
#ingrediants ul {
  padding-top: 10px;
  /** background: transparent url(../img/hr.gif) repeat-x left top; */
}
#ingrediants ul li, #caracteristiques-recette li {
  padding-left: 10px;
  background: transparent url(../img/puce-li.png) no-repeat 0 4px;
}
#votes-recette {
  float: left;
  width: 161px;
  height: 89px;
  margin-right: 20px;
  background: transparent url(../img/bg-votes.png) no-repeat;
}
#votes-recette .nb-votes {
  padding:20px 0 0 0px;
  color: #FFF;
  font-size: 1.5em;
  font-weight:bold;
  letter-spacing:3px;
  text-align:center;
}
#votes-recette-2 {
  float: left;
  width: 101px;
  height: 70px;
  margin: 10px 20px 0 0;
  background: transparent url(../img/bg-votes-2.png) no-repeat;
}
#votes-recette-2 .nb-votes {
  padding:20px 0 0 30px;
  color: #FFF;
  font-size: 1.5em;
  font-weight:bold;
  letter-spacing:3px;
  text-align: center;
}
#cadre-recette .submit-voter-recette {
  width: 247px;
  height: 29px;
  margin-top: 5px;
  border: none;
  cursor: pointer;
  background: transparent url(../img/submit-voter-recette.png) no-repeat;
}
#cadre-recette h3 {
  margin-top: 10px;
}
#cadre-recette .sous-titre-recette {
  font-size: 1.1em;
  font-weight: bold;
}
#cadre-recette .nb-fans {
  font-size: 1.1em;
  color: #c3396c;
}
#cadre-recette .nb-restant-fans {
  font-size: 0.9em;
}
#caracteristiques-recette {
  margin-top: 10px;
}
#preparation-recette {
  margin-top: 20px;
}
#preparation-recette p {
  margin: 1em 0;
}
#preparation-recette .hr {
  padding: 5px 0;
}
.miam-recette {
  position: relative;
  top: -87px;
  left: 485px;
}
#liens-recette {
  margin-top: 10px;
  padding-top: 5px;
  text-transform: uppercase;
  /** background: transparent url(../img/hr.gif) repeat-x left top; */
}
#notes {
  color: #c9caca;
  font-size: 1.3em;
}
#notes img {
  position: relative;
  top: 5px;
}

#conseil {}
#conseil img {
  display:block;
  float:left;
}
#conseil span {
  display:block;
  float:left;
  padding-top:11px;
}
#conseil em {
  clear:both;
  display:block;
}

/********** LeGrandDefiTripier_voter, LeGrandDefiTripier_voterConfirmation, LeGrandDefiTripier_voterErreur **********/
#form-voter p {
  clear: both;
  margin: 0.7em 0;
}
#form-voter label.label-align-left {
  display: block;
  float: left;
  width: 170px;
}
#form-voter input.champs {
  width: 170px;
  height: 18px;
  padding: 2px 5px 0 5px;
  border: 1px solid #d9d8d8;
  background: none;
}
#form-voter input.checkbox {
  margin-right: 7px;
}

#form-voter .submit-form-voter {
  width: 87px;
  height: 29px;
  margin-top: 20px;
  border: none;
  background: transparent url(../img/submit-voter.png) no-repeat;
}
#form-voter .submit-form-parcourir {
  width: 280px;
  height: 29px;
  margin-top: 20px;
  border: none;
  cursor: pointer;
  background: transparent url(../img/submit-parcourir-autres-recettes.png) no-repeat;
}
#form-voter .submit-form-voir {
  width: 232px;
  height: 29px;
  margin-top: 20px;
  border: none;
  cursor: pointer;
  background: transparent url(../img/submit-voir-autres-recettes.png) no-repeat;
}
.avertissement {
  color: #e8561f;
  font-weight: bold;
  text-transform: uppercase;
}
.text-confirmation {
  font-size: 1.1em;
  font-weight: bold;
}

/********** LeGrandDefiTripier_Inscription, LeGrandDefiTripier_Confirmation **********/
#miam-3 {
  position: absolute;
  top: 135px;
  right: 90px;
  width: 172px;
  height: 191px;
  background: transparent url(../img/miam-3.png) no-repeat;
}
.formulaire-inscription {
  width: 630px;
  margin: 0 0 0 20px;
  margin-bottom: 20px;
  color: #1a1a1a;
}
.form-item {
  height: 20px;
  margin-bottom: 15px;
}
.form-item label {
  display: block;
  float: left;
  width: 200px;
  font-size: 1.1em;
}
.form-item label.option {
  display: block;
  float: left;
  width: 555px;
  font-size: 1.1em;
}
.form-item input {
  float: left;
  width: 203px;
  height: 20px;
  padding-left: 8px;
  border: 1px solid #d9d8d8;
}
.form-item .bt-radio {
  float: none;
  width: auto;
  height: auto;
  border: none;
}
.form-item .label-radio {
  float: left;
  margin-right: 15px;
}
.form-item .img-capcha {
  float: left;
  margin-right: 5px;
}
.form-item .description {
  clear: both;
  padding-left: 200px;
  font-size: 0.8em;
  color: #a5a5a5;
}
.form-item .form-checkbox {
  position: relative;
  top: -3px;
  float: left;
  width: auto;
  height: auto;
  margin-right: 5px;
}
#tab-inscription {
  height: 37px;
  margin-bottom: 30px;
}
#tab-inscription li {
  float: left;
  width: 198px;
  height: 26px;
  padding: 11px 0 0 10px;
  color: #c02766;
  font-weight: bold;
  text-transform: uppercase;
  background: transparent url(../img/bg-tab-inscription.png) no-repeat;
}
#tab-inscription li.active {
  color: #1b1b1b;
  background: transparent url(../img/bg-tab-inscription-active.png) no-repeat;
}
.infos-complementaires-inscription {
  width: 630px;
  margin: 20px 0;
  padding-left: 20px;
  color: #a5a5a5;
  font-size: 0.9em;
}
#edit-profile-date-of-birth-month-1-wrapper, #edit-profile-date-of-birth-day-1-wrapper, #edit-profile-date-of-birth-year-1-wrapper {
  float: left;
  margin-right: 32px;
}
.lire-reglement {
  font-size: 1em
}
.submit-formulaire-inscription, #edit-next {
  display: block;
  clear: both;
  width: 207px;
  height: 29px;
  margin: 30px 0 30px 200px;
  border: none;
  cursor: pointer;
  background: transparent url(../img/submit-saisie-recette.png) no-repeat;
}
#hr-inscription {
  position: relative;
  height: 1px;
  margin: 20px;
  font-size: 0;
  line-height: 0;
  border-top: 1px solid #d9d8d8;
}
#hr-inscription img {
  position: absolute;
  right: 10px;
  top: -241px;
}
.hr-confirmation-inscription {
  padding-bottom: 100px;
}
.hr-oubli-identifiant {
  padding-bottom: 140px;
}

#confirmation-infos-persos, #confirmation-recette {
  width: 620px;
  padding-left: 20px;
  color: #7b7b7a;
  font-size: 1.1em;
}
#confirmation-infos-persos p, #confirmation-recette p {
  clear: both;
  margin: 1em 0;
}
#confirmation-infos-persos .titre-infos-persos {
  color: #1a1a1a;
  font-weight: bold;
}
#confirmation-infos-persos .label-confirmation {
  display: block;
  float: left;
  width: 130px;
  color: #2b2b2b;
}
#confirmation-recette .label-confirmation {
  display: block;
  float: left;
  width: 185px;
  color: #2b2b2b;
}
#confirmation-recette .infos-confirmation {
  display: block;
  float: left;
  width: 420px;
  margin-bottom: 1em;
}
#confirmation-recette .infos-confirmation img {
  border: 1px solid #dcc8d7;
}
#confirmation-infos-persos .modifier-infos-persos {
  display: block;
  width: 273px;
  height: 17px;
  border: none;
  cursor: pointer;
  background: transparent url(../img/submit-modification-informations-perso.png) no-repeat;
}
#confirmation-recette .modifier-recette {
  display: block;
  width: 148px;
  height: 17px;
  border: none;
  cursor: pointer;
  background: transparent url(../img/submit-modifier-recette.png) no-repeat;
}
.submit-confirmation-inscription {
  display: block;
  clear: both;
  width: 272px;
  height: 29px;
  margin: 30px 0 30px 175px;
  border: none;
  cursor: pointer;
  background: transparent url(../img/submit-confirmation-inscription.png) no-repeat;
}
.avertissement-confirmation {
  position: relative;
  z-index: 10;
  color: #e8561f;
  font-weight: bold;
  font-size: 0.9em;
  text-transform: uppercase;
  text-align: center;
}

/********** LeGrandDefiTripier_IdentifiantsOublies **********/
#identifiants-oublies {
  position: relative;
  z-index: 10;
  padding-left: 20px;
}
#identifiants-oublies .instructions {
  margin: 1em 0;
}
#identifiants-oublies label {
  float: left;
  color: #1a1a1a;
  font-size: 1.1em;
  font-weight: bold;
}
#identifiants-oublies .input-email {
  float: left;
  width: 203px;
  height: 20px;
  padding-left: 5px;
  margin: 0 15px;
  border: 1px solid #d9d8d8;
}
.submit-envoyer-email {
  display: block;
  float: left;
  width: 125px;
  height: 29px;
  border: none;
  cursor: pointer;
  background: transparent url(../img/submit-envoyer.png) no-repeat;
}
.avertissement-oubli-identifiants {
  clear: both;
  height: 110px;
  padding-top: 20px;
  color: #e8561f;
  font-weight: bold;
  text-transform: uppercase;
}

/********** LeGrandDefiTripier_Recettes_votes **********/
.cadre-min-recette {
  float: left;
  width: 90px;
  height: 92px;
  padding:4px 0 0 4px;
  margin-right: 10px;
  background: transparent url(../img/cadre-min-recette.png) no-repeat;
}
.cadre-min-recette img {
  margin: 0;
  padding: 0;
  border: none;
}
.recette p {
  margin-bottom: 10px;
  font-size: 1.1em;
  font-weight: bold;
}
.recette a {
  font-size: 0.9em;
  font-weight: normal;
  text-transform: uppercase;
}
#tab-categories {
  height: 43px;
}
#tab-categories li {
  float: left;
  width: 155px;
  height: 32px;
  padding: 11px 0 0 10px;
  margin-right: 10px;
  font-weight: bold;
  text-transform: uppercase;
  background: transparent url(../img/bg-categorie-recette.png) no-repeat;
}
#tab-categories li.active {
  color: #1b1b1b;
  background: transparent url(../img/bg-categorie-recette-active.png) no-repeat;
}
#liste-recette {
  margin-top: 15px;
}
#liste-recette-gauche {
  float: left;
  width: 266px;
  padding-right: 10px;
  background: transparent url(../img/border-vert.png) repeat-y right top;
}
#liste-recette-droite {
  float: left;
  width: 266px;
  padding-left: 10px;
}
#liste-recette-gauche .fan, #liste-recette-droite .fan {
  padding: 20px 0 20px 0;
  font-weight: bold;
  background: transparent url(../img/hr.gif) repeat-x left bottom;
}
#liste-fan .no-bg { background: none; }

/********** Recettes_LesTripes, Actualit�s_LesTripes **********/
#recherche-recette p {
  /*float: left;*/
  width: 227px;
  /*margin-right: 40px;*/
  clear:both;
  padding:0 0 8px 0;
}

#recherche-recette p:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#recherche-recette p {display:inline-block;}
/* \*/ * html #recherche-recette p {height:1%;} #recherche-recette p {display:block;} /* */

#recherche-recette select {
   float: right;
  width: 130px;
  margin-top: 2px;
}

#radio_search_recette {
   float: left;
  margin-top: 6px;
}

#recherche-recette label {
   float: left;
  display: block;
  color: #b9ba0d;
  text-align:right;
  width:92px;
  padding:5px 0 0 0;
}
#recherche-recette .p-submit {
  position: relative;
  top: 13px;
  width: auto;
  margin: 0;
}
#recherche-recette .submit-rechercher {
  width: 137px;
  height: 29px;
  border: none;
  cursor: pointer;
  background: transparent url(../img/submit-rechercher.png) no-repeat;
}

#recherche-recette .submit-search-recette {
  width: 230px;
  height: 29px;
  border: none;
  cursor: pointer;
  background: transparent url(../img/submit-search-recette.png) no-repeat;
}


#liste-recettes-recherche {
  padding-left: 20px;
}
.recette-recherche {
  float: left;
  width: 275px;
  height: 140px;
  padding: 15px 15px 0 10px;
  margin: 0 15px 15px 0;
  background-color: #fcf2f7;
}
.cadre-min-recette-recherche {
  float: left;
  width: 90px;
  height: 110px;
  padding:4px 0 0 4px;
  margin-right: 10px;
  position: relative;
  background: transparent url(../img/cadre-min-recette.png) no-repeat;
}

.cadre-min-recette-recherche img {
  margin: 0;
  padding: 0;
  border: none;
}

.cadre-min-recette-recherche img.img-overlay{
  position: absolute;
  top: 5px;
  left: 5px;
}

.recette-recherche p {
  margin-bottom: 5px;
  font-size: 1.1em;
  font-weight: bold;
}
.recette-recherche p.txt-normal {
  margin-bottom: 5px;
  font-size: 1.1em;
  font-weight: normal;
}
.recette-recherche p.txt-left { padding-left: 103px;}
.recette-recherche a {
  font-size: 0.8em;
  font-weight: normal;
  text-transform: uppercase;
}
.ic {
   padding-bottom: 8px;
  margin-left:100px;
  color: #c9caca;
  font-size: 1.3em;
  background: transparent url(../img/hr.gif) repeat-x left bottom;
}
.ic img {
  position: relative;
  top: 5px;
}
.nav-liste-recherche {
  margin-bottom: 25px;
}
/********** LesTripes_GabaritContenus **********/
#gabarit {
  width: 885px;
  padding: 20px;
}
#gabarit ul li {
  padding-left: 10px;
  background: transparent url(../img/puce-li.png) no-repeat 0 4px;
}
/********** CLASSE DIVERSES **********/
.hr {
  clear: both;
  height: 1px;
  padding: 15px 0;
  font-size: 0;
  line-height: 0;
  background: transparent url(../img/hr.gif) repeat-x left center;
}
.hr-trait {
  clear: both;
  height: 1px;
  margin: 15px 0 5px 0;
  font-size: 0;
  line-height: 0;
  background-color: #d9d8d8;
}
.txt-important {
  color: #c12867;
  font-size: 1.1em;
  font-weight: bold;
}
.clearer { clear: both; }
.fr { float: right; }
/*.fl { float: left; }*/



/* Smartagence 13/10/2011*/
@font-face {
  font-family: 'Alabama';
  src: url('alabama-webfont.woff');
  font-weight: 400;
  font-style: normal;
}

#gabarit2 {padding: 20px;width:938px;font-size:1.2em;}
#jeux {position:relative;margin:.5em 0 0 0;background:url(../img/images/visu_auchan01.jpg) no-repeat 0 37px;width:939px;height:449px;}
#jeux .txt_haut {background:url(../img/images/bg_txt_haut.png) repeat-x 0 0;color:#FFF;font-size:2.25em;padding:10px 40px 13px 20px;font-family:'Alabama', sans-serif;}
#jeux .rond {background: url("../img/images/rond1.png") no-repeat scroll 0 0 transparent;color: #FFFFFF;font-family: 'Alabama',sans-serif;font-size: 1.5em;height: 334px;margin: 20px 0 0 40px;width: 461px;}
#jeux .rond p {width:199px;padding:50px 0 0 0;text-align:center;margin:0 0 0 32px;}
#jeux .rond p strong {display:block;margin:0 0 6px 0;font-size:1.3em; font-weight:normal;}
#jeux .logo {position:absolute; top:130px; right:30px;}
#jeux .bouton {position:absolute; bottom:-18px; right:71px;z-index:2;}
.reglement {position:relative;clear:both;z-index:9;text-align:right;padding:10px 0 0 0;margin:0 0 1em 0;float:right;}
.reglement a {color:#000;}

#jeux.etape2 {background:url(../img/images/visu_auchan02.jpg) no-repeat 0 0;}
#jeux.etape2 .logo {position:absolute; top:160px; right:30px;}
#jeux.etape2 .rond {background:url(../img/images/rond2.png) no-repeat 0 0;color:#FFF;font-size:1.5em;font-family:'Alabama', sans-serif;width:333px; height:340px;position:relative; z-index:999;margin:32px 0 0 17px;float:left;}
#jeux.etape2 .rond p {width:260px;padding:0;text-align:center;margin:0 0 18px 43px;}
#jeux.etape2 .rond p strong {display:block;margin:0 0 6px 0;font-size:1.3em; font-weight:normal;padding:50px 0 0 0;}
#jeux.etape2 .check {width:463px;height:178px;background:url(../img/images/bg_check.png) no-repeat 0 0;position:absolute;top:163px; left:321px;font-family:'Alabama', sans-serif;}
#jeux.etape2 .check h2 {color:#0b85c0;background:none;margin:0 0 22px 0;padding:15px 0 0 45px;font-weight:normal;}
#jeux.etape2 .check .row {padding:0 0 0 45px;font-size:1.35em;margin:0 0 8px 0;}
#jeux.etape2 .check .bulle {width:98px;height:87px;background:url(../img/images/bulle.png) no-repeat 0 0;color:#FFF;position:absolute; top:-60px; left:347px;cursor:pointer;}
#jeux.etape2 .check .bulle p {padding:13px 0 0 10px; font-size:1.1em;}
#jeux.etape2 .check .indice {width:175px;height:112px;background:url(../img/images/bulle.png) no-repeat -123px -175px;color:#FFF;position:absolute; top:-84px; left:324px;display:none;}
#jeux.etape2 .check .indice p {padding:23px 0 0 6px;font-size:1.1em;text-align:center;line-height:1.1em;}


#jeux.etape3 {background:url(../img/images/visu_auchan03.jpg) no-repeat 0 0; height:699px;}
#jeux.etape3 .logo {position:absolute; top:160px; right:79px;}
#jeux.etape3 .formulaire {position:absolute;width:616px;top:82px;left:29px;background:url(../img/images/bg_formulaire.png) repeat 0 0;padding:20px 20px 0 20px;color:#FFF;}
#jeux.etape3 .formulaire h2 {background:none;font-family:'Alabama', sans-serif;color:#FFF;font-weight:normal;font-size:1.8em;margin:0 0 19px 0;height:auto;clear:both;}
#jeux.etape3 .formulaire .left {float:left;padding:0 0 0 27px;margin:0 50px 15px 0;}
#jeux.etape3 .formulaire .right {float:left;}
#jeux.etape3 .formulaire .left .row, #jeux.etape3 .formulaire .right .row {margin:0 0 .5em 0; font-size:1.1em;}
#jeux.etape3 .formulaire fieldset.champs .row {margin:0 0 1em 0;}
#jeux.etape3 .formulaire fieldset.champs .row:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} * html #jeux.etape3 .formulaire fieldset.champs .row {zoom:1;} *:first-child+html #jeux.etape3 .formulaire fieldset.champs .row {zoom:1;}
#jeux.etape3 .formulaire fieldset.champs label {display:block; float:left; text-align:right; width:67px;margin:0 7px 0 0;}
#jeux.etape3 .formulaire fieldset.champs label span {color:#dd0a6f;}
#jeux.etape3 .formulaire fieldset.champs .left {margin:0 0 30px 0;font-size:.9em;}
#jeux.etape3 .formulaire fieldset.champs .right label {width:100px; font-size:.9em;}
#jeux.etape3 .formulaire fieldset.champs input, #jeux.etape3 .formulaire fieldset.champs textarea {display:block; float:left;border:1px solid #75a1b7; padding:2px 1px;width:200px; }
#jeux.etape3 .formulaire fieldset.champs textarea {height:50px;}

#jeux.etape3 .formulaire fieldset.bottom {border-top:1px solid #92c2db; padding:10px 0;}
#jeux.etape3 .formulaire fieldset.bottom .left {float:left; font-size:1.1em;width:262px;margin:0 52px 0 0;}
#jeux.etape3 .formulaire fieldset.bottom .right {width:275px;}
#jeux.etape3 fieldset.bottom label a {color:#FFF; font-size:1em; text-decoration:underline;}

#jeux.etape3 .obligatoire {background:url(../img/images/bg_formulaire.png) repeat 0 0;position:absolute;top:641px;left:29px;color: #FFF;padding:2px 9px 4px 9px; font-size:1.1em;}
#jeux.etape3 .obligatoire span {color:#dd0a6f;}

#jeux.etape3 .formulaire .sliderCaptchaStatus {padding:8px 0 0 0;}

.jquery-checkbox       {display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 20px; height: 17px;}
.jquery-checkbox img{background: transparent url(../img/images/checkbox.png) no-repeat;}

.jquery-checkbox img{
  background-position: 0px -2px;
}
.jquery-checkbox-hover img{
  background-position: 0px -2px;
}
.jquery-checkbox-checked img{
  background-position: -32px -2px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
  background-position: -32px -2px;
}

.jquery-checkbox-disabled img{
  background-position: 0px -80px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img{
  background-position: 0px -100px;
}
















/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {display:none;}
.ui-helper-hidden-accessible {position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);}
.ui-helper-reset {margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}
.ui-helper-clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.ui-helper-clearfix {display:inline-block;}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {height:1%;}
.ui-helper-clearfix {display:block;}
/* end clearfix */
.ui-helper-zfix {width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {cursor:default !important;}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {position:absolute;top:0;left:0;width:100%;height:100%;}


/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/
.ui-widget {font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;font-size:1.1em;}
.ui-widget .ui-widget {font-size:1em;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;font-size:1em;}
.ui-widget-content {border:1px solid #b5d7e7;background:#FFF url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;color:#333333;}
.ui-widget-content a {color:#333333;}
.ui-widget-header {border:1px solid #e78f08;background:#FFF;color:#ffffff;font-weight:bold;}
.ui-widget-header a {color:#ffffff;}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border:1px solid #cccccc;background:#f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#1c94c4;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color:#1c94c4;text-decoration:none;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border:1px solid #fbcb09;background:#fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#c77405;}
.ui-state-hover a, .ui-state-hover a:hover {color:#c77405;text-decoration:none;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border:1px solid #fbd850;background:#ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#eb8f00;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color:#eb8f00;text-decoration:none;}
.ui-widget :active {outline:none;}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border:1px solid #fed22f;background:#ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;color:#363636;}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {color:#363636;}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border:1px solid #cd0a0a;background:#b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;color:#ffffff;}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {color:#ffffff;}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {color:#ffffff;}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {font-weight:bold;}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary {opacity:.7;filter:Alpha(Opacity=70);font-weight:normal;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity:.35;filter:Alpha(Opacity=35);background-image:none;}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {width:16px;height:16px;background-image:url(images/ui-icons_222222_256x240.png);}
.ui-widget-content .ui-icon {background-image:url(images/ui-icons_222222_256x240.png);}
.ui-widget-header .ui-icon {background-image:url(images/ui-icons_ffffff_256x240.png);}
.ui-state-default .ui-icon {background-image:url(images/ui-icons_ef8c08_256x240.png);}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image:url(images/ui-icons_ef8c08_256x240.png);}
.ui-state-active .ui-icon {background-image:url(images/ui-icons_ef8c08_256x240.png);}
.ui-state-highlight .ui-icon {background-image:url(images/ui-icons_228ef1_256x240.png);}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image:url(images/ui-icons_ffd27a_256x240.png);}

/* positioning */
.ui-icon-carat-1-n {background-position:0 0;}
.ui-icon-carat-1-ne {background-position:-16px 0;}
.ui-icon-carat-1-e {background-position:-32px 0;}
.ui-icon-carat-1-se {background-position:-48px 0;}
.ui-icon-carat-1-s {background-position:-64px 0;}
.ui-icon-carat-1-sw {background-position:-80px 0;}
.ui-icon-carat-1-w {background-position:-96px 0;}
.ui-icon-carat-1-nw {background-position:-112px 0;}
.ui-icon-carat-2-n-s {background-position:-128px 0;}
.ui-icon-carat-2-e-w {background-position:-144px 0;}
.ui-icon-triangle-1-n {background-position:0 -16px;}
.ui-icon-triangle-1-ne {background-position:-16px -16px;}
.ui-icon-triangle-1-e {background-position:-32px -16px;}
.ui-icon-triangle-1-se {background-position:-48px -16px;}
.ui-icon-triangle-1-s {background-position:-64px -16px;}
.ui-icon-triangle-1-sw {background-position:-80px -16px;}
.ui-icon-triangle-1-w {background-position:-96px -16px;}
.ui-icon-triangle-1-nw {background-position:-112px -16px;}
.ui-icon-triangle-2-n-s {background-position:-128px -16px;}
.ui-icon-triangle-2-e-w {background-position:-144px -16px;}
.ui-icon-arrow-1-n {background-position:0 -32px;}
.ui-icon-arrow-1-ne {background-position:-16px -32px;}
.ui-icon-arrow-1-e {background-position:-32px -32px;}
.ui-icon-arrow-1-se {background-position:-48px -32px;}
.ui-icon-arrow-1-s {background-position:-64px -32px;}
.ui-icon-arrow-1-sw {background-position:-80px -32px;}
.ui-icon-arrow-1-w {background-position:-96px -32px;}
.ui-icon-arrow-1-nw {background-position:-112px -32px;}
.ui-icon-arrow-2-n-s {background-position:-128px -32px;}
.ui-icon-arrow-2-ne-sw {background-position:-144px -32px;}
.ui-icon-arrow-2-e-w {background-position:-160px -32px;}
.ui-icon-arrow-2-se-nw {background-position:-176px -32px;}
.ui-icon-arrowstop-1-n {background-position:-192px -32px;}
.ui-icon-arrowstop-1-e {background-position:-208px -32px;}
.ui-icon-arrowstop-1-s {background-position:-224px -32px;}
.ui-icon-arrowstop-1-w {background-position:-240px -32px;}
.ui-icon-arrowthick-1-n {background-position:0 -48px;}
.ui-icon-arrowthick-1-ne {background-position:-16px -48px;}
.ui-icon-arrowthick-1-e {background-position:-32px -48px;}
.ui-icon-arrowthick-1-se {background-position:-48px -48px;}
.ui-icon-arrowthick-1-s {background-position:-64px -48px;}
.ui-icon-arrowthick-1-sw {background-position:-80px -48px;}
.ui-icon-arrowthick-1-w {background-position:-96px -48px;}
.ui-icon-arrowthick-1-nw {background-position:-112px -48px;}
.ui-icon-arrowthick-2-n-s {background-position:-128px -48px;}
.ui-icon-arrowthick-2-ne-sw {background-position:-144px -48px;}
.ui-icon-arrowthick-2-e-w {background-position:-160px -48px;}
.ui-icon-arrowthick-2-se-nw {background-position:-176px -48px;}
.ui-icon-arrowthickstop-1-n {background-position:-192px -48px;}
.ui-icon-arrowthickstop-1-e {background-position:-208px -48px;}
.ui-icon-arrowthickstop-1-s {background-position:-224px -48px;}
.ui-icon-arrowthickstop-1-w {background-position:-240px -48px;}
.ui-icon-arrowreturnthick-1-w {background-position:0 -64px;}
.ui-icon-arrowreturnthick-1-n {background-position:-16px -64px;}
.ui-icon-arrowreturnthick-1-e {background-position:-32px -64px;}
.ui-icon-arrowreturnthick-1-s {background-position:-48px -64px;}
.ui-icon-arrowreturn-1-w {background-position:-64px -64px;}
.ui-icon-arrowreturn-1-n {background-position:-80px -64px;}
.ui-icon-arrowreturn-1-e {background-position:-96px -64px;}
.ui-icon-arrowreturn-1-s {background-position:-112px -64px;}
.ui-icon-arrowrefresh-1-w {background-position:-128px -64px;}
.ui-icon-arrowrefresh-1-n {background-position:-144px -64px;}
.ui-icon-arrowrefresh-1-e {background-position:-160px -64px;}
.ui-icon-arrowrefresh-1-s {background-position:-176px -64px;}
.ui-icon-arrow-4 {background-position:0 -80px;}
.ui-icon-arrow-4-diag {background-position:-16px -80px;}
.ui-icon-extlink {background-position:-32px -80px;}
.ui-icon-newwin {background-position:-48px -80px;}
.ui-icon-refresh {background-position:-64px -80px;}
.ui-icon-shuffle {background-position:-80px -80px;}
.ui-icon-transfer-e-w {background-position:-96px -80px;}
.ui-icon-transferthick-e-w {background-position:-112px -80px;}
.ui-icon-folder-collapsed {background-position:0 -96px;}
.ui-icon-folder-open {background-position:-16px -96px;}
.ui-icon-document {background-position:-32px -96px;}
.ui-icon-document-b {background-position:-48px -96px;}
.ui-icon-note {background-position:-64px -96px;}
.ui-icon-mail-closed {background-position:-80px -96px;}
.ui-icon-mail-open {background-position:-96px -96px;}
.ui-icon-suitcase {background-position:-112px -96px;}
.ui-icon-comment {background-position:-128px -96px;}
.ui-icon-person {background-position:-144px -96px;}
.ui-icon-print {background-position:-160px -96px;}
.ui-icon-trash {background-position:-176px -96px;}
.ui-icon-locked {background-position:-192px -96px;}
.ui-icon-unlocked {background-position:-208px -96px;}
.ui-icon-bookmark {background-position:-224px -96px;}
.ui-icon-tag {background-position:-240px -96px;}
.ui-icon-home {background-position:0 -112px;}
.ui-icon-flag {background-position:-16px -112px;}
.ui-icon-calendar {background-position:-32px -112px;}
.ui-icon-cart {background-position:-48px -112px;}
.ui-icon-pencil {background-position:-64px -112px;}
.ui-icon-clock {background-position:-80px -112px;}
.ui-icon-disk {background-position:-96px -112px;}
.ui-icon-calculator {background-position:-112px -112px;}
.ui-icon-zoomin {background-position:-128px -112px;}
.ui-icon-zoomout {background-position:-144px -112px;}
.ui-icon-search {background-position:-160px -112px;}
.ui-icon-wrench {background-position:-176px -112px;}
.ui-icon-gear {background-position:-192px -112px;}
.ui-icon-heart {background-position:-208px -112px;}
.ui-icon-star {background-position:-224px -112px;}
.ui-icon-link {background-position:-240px -112px;}
.ui-icon-cancel {background-position:0 -128px;}
.ui-icon-plus {background-position:-16px -128px;}
.ui-icon-plusthick {background-position:-32px -128px;}
.ui-icon-minus {background-position:-48px -128px;}
.ui-icon-minusthick {background-position:-64px -128px;}
.ui-icon-close {background-position:-80px -128px;}
.ui-icon-closethick {background-position:-96px -128px;}
.ui-icon-key {background-position:-112px -128px;}
.ui-icon-lightbulb {background-position:-128px -128px;}
.ui-icon-scissors {background-position:-144px -128px;}
.ui-icon-clipboard {background-position:-160px -128px;}
.ui-icon-copy {background-position:-176px -128px;}
.ui-icon-contact {background-position:-192px -128px;}
.ui-icon-image {background-position:-208px -128px;}
.ui-icon-video {background-position:-224px -128px;}
.ui-icon-script {background-position:-240px -128px;}
.ui-icon-alert {background-position:0 -144px;}
.ui-icon-info {background-position:-16px -144px;}
.ui-icon-notice {background-position:-32px -144px;}
.ui-icon-help {background-position:-48px -144px;}
.ui-icon-check {background-position:-64px -144px;}
.ui-icon-bullet {background-position:-80px -144px;}
.ui-icon-radio-off {background-position:-96px -144px;}
.ui-icon-radio-on {background-position:-112px -144px;}
.ui-icon-pin-w {background-position:-128px -144px;}
.ui-icon-pin-s {background-position:-144px -144px;}
.ui-icon-play {background-position:0 -160px;}
.ui-icon-pause {background-position:-16px -160px;}
.ui-icon-seek-next {background-position:-32px -160px;}
.ui-icon-seek-prev {background-position:-48px -160px;}
.ui-icon-seek-end {background-position:-64px -160px;}
.ui-icon-seek-start {background-position:-80px -160px;}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {background-position:-80px -160px;}
.ui-icon-stop {background-position:-96px -160px;}
.ui-icon-eject {background-position:-112px -160px;}
.ui-icon-volume-off {background-position:-128px -160px;}
.ui-icon-volume-on {background-position:-144px -160px;}
.ui-icon-power {background-position:0 -176px;}
.ui-icon-signal-diag {background-position:-16px -176px;}
.ui-icon-signal {background-position:-32px -176px;}
.ui-icon-battery-0 {background-position:-48px -176px;}
.ui-icon-battery-1 {background-position:-64px -176px;}
.ui-icon-battery-2 {background-position:-80px -176px;}
.ui-icon-battery-3 {background-position:-96px -176px;}
.ui-icon-circle-plus {background-position:0 -192px;}
.ui-icon-circle-minus {background-position:-16px -192px;}
.ui-icon-circle-close {background-position:-32px -192px;}
.ui-icon-circle-triangle-e {background-position:-48px -192px;}
.ui-icon-circle-triangle-s {background-position:-64px -192px;}
.ui-icon-circle-triangle-w {background-position:-80px -192px;}
.ui-icon-circle-triangle-n {background-position:-96px -192px;}
.ui-icon-circle-arrow-e {background-position:-112px -192px;}
.ui-icon-circle-arrow-s {background-position:-128px -192px;}
.ui-icon-circle-arrow-w {background-position:-144px -192px;}
.ui-icon-circle-arrow-n {background-position:-160px -192px;}
.ui-icon-circle-zoomin {background-position:-176px -192px;}

.ui-icon-circle-zoomout {background-position:-192px -192px;}
.ui-icon-circle-check {background-position:-208px -192px;}
.ui-icon-circlesmall-plus {background-position:0 -208px;}
.ui-icon-circlesmall-minus {background-position:-16px -208px;}
.ui-icon-circlesmall-close {background-position:-32px -208px;}
.ui-icon-squaresmall-plus {background-position:-48px -208px;}
.ui-icon-squaresmall-minus {background-position:-64px -208px;}
.ui-icon-squaresmall-close {background-position:-80px -208px;}
.ui-icon-grip-dotted-vertical {background-position:0 -224px;}
.ui-icon-grip-dotted-horizontal {background-position:-16px -224px;}
.ui-icon-grip-solid-vertical {background-position:-32px -224px;}
.ui-icon-grip-solid-horizontal {background-position:-48px -224px;}
.ui-icon-gripsmall-diagonal-se {background-position:-64px -224px;}
.ui-icon-grip-diagonal-se {background-position:-80px -224px;}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-khtml-border-top-left-radius:5px;border-top-left-radius:5px;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-khtml-border-top-right-radius:5px;border-top-right-radius:5px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-bottom-left-radius:5px;border-bottom-left-radius:5px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-khtml-border-bottom-right-radius:5px;border-bottom-right-radius:5px;}

/* Overlays */
.ui-widget-overlay {background:#666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.50;filter:Alpha(Opacity=50);}
.ui-widget-shadow {margin:-5px 0 0 -5px;padding:5px;background:#000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.20;filter:Alpha(Opacity=20);-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {position:relative;text-align:left;}
.ui-slider .ui-slider-handle {position:absolute;z-index:2;width:25px;height:25px;cursor:e-resize;display:block;background:url(../img/images/slider.png) no-repeat 0 0;border:none;}
.ui-slider .ui-slider-range {position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0; background:#cf0;}

.ui-slider-horizontal {height:1em;}
.ui-slider-horizontal .ui-slider-handle {top:-5px;margin-left:-1em;display:block;}
.ui-slider-horizontal .ui-slider-range {top:0;height:100%;}
.ui-slider-horizontal .ui-slider-range-min {left:0;}
.ui-slider-horizontal .ui-slider-range-max {right:0;}

.ui-slider-vertical {width:.8em;height:100px;}
.ui-slider-vertical .ui-slider-handle {left:-.3em;margin-left:0;margin-bottom:-.6em;}
.ui-slider-vertical .ui-slider-range {left:0;width:100%;}
.ui-slider-vertical .ui-slider-range-min {bottom:0;}
.ui-slider-vertical .ui-slider-range-max {top:0;}

/** ESOKIA **/
.sliderCaptchaSlider {width:300px !important;}

.webform-client-form #webform-component-villes-groupe,
.webform-client-form #webform-component-formulaire,
.webform-client-form #webform-component-markups,
.webform-client-form #webform-component-villes-groupe1,
.webform-client-form #webform-component-formulaire1,
.webform-client-form #webform-component-markups1,
.webform-client-form #webform-component-villes-groupe2,
.webform-client-form #webform-component-formulaire2,
.webform-client-form #webform-component-markups2,
.webform-client-form #webform-component-villes-groupe3,
.webform-client-form #webform-component-formulaire3,
.webform-client-form #webform-component-markups3,
.webform-client-form #webform-component-villes-groupe4,
.webform-client-form #webform-component-formulaire4,
.webform-client-form #webform-component-markups4,
.webform-client-form #webform-component-villes-groupe5,
.webform-client-form #webform-component-formulaire5,
.webform-client-form #webform-component-markups5,
.webform-client-form #edit-actions
{display:none;}

.webform-client-form legend {display:none;}
.webform-client-form .form-item, .webform-client-form .form-radios {margin:0; padding:0;}

.webform-client-form #webform-component-question-group--question label,
.webform-client-form #webform-component-question-group1--question1 label,
.webform-client-form #webform-component-question-group2--question2 label,
.webform-client-form #webform-component-question-group3--question3 label,
.webform-client-form #webform-component-question-group4--question4 label,
.webform-client-form #webform-component-question-group5--question5 label
{font-size:1em;}

.webform-client-form #webform-component-question-group,
.webform-client-form #webform-component-question-group1,
.webform-client-form #webform-component-question-group2,
.webform-client-form #webform-component-question-group3,
.webform-client-form #webform-component-question-group4,
.webform-client-form #webform-component-question-group5
{font-size: 1.35em;margin: 0 0 8px;padding: 0 0 0 45px;}


.formulaire #webform-component-question-group,
.formulaire #webform-component-question-group1,
.formulaire #webform-component-question-group2,
.formulaire #webform-component-question-group3,
.formulaire #webform-component-question-group4,
.formulaire #webform-component-question-group5
{display:none;}

.formulaire #webform-component-villes-groupe,
.formulaire #webform-component-formulaire,
.formulaire #webform-component-markups,
.formulaire #webform-component-villes-groupe1,
.formulaire #webform-component-formulaire1,
.formulaire #webform-component-markups1,
.formulaire #webform-component-villes-groupe2,
.formulaire #webform-component-formulaire2,
.formulaire #webform-component-markups2,
.formulaire #webform-component-villes-groupe3,
.formulaire #webform-component-formulaire3,
.formulaire #webform-component-markups3,
.formulaire #webform-component-villes-groupe4,
.formulaire #webform-component-formulaire4,
.formulaire #webform-component-markups4,
.formulaire #webform-component-villes-groupe5,
.formulaire #webform-component-formulaire5,
.formulaire #webform-component-markups5
{display:block;}

.formulaire #webform-component-markups,
.formulaire #webform-component-markups1,
.formulaire #webform-component-markups2,
.formulaire #webform-component-markups3,
.formulaire #webform-component-markups4,
.formulaire #webform-component-markups5
{border-top: 1px solid #92C2DB;padding: 10px 0;}

.formulaire #webform-component-markups--slider,
.formulaire #webform-component-markups1--slider1,
.formulaire #webform-component-markups2--slider2,
.formulaire #webform-component-markups3--slider3,
.formulaire #webform-component-markups4--slider4,
.formulaire #webform-component-markups5--slider5
{float:right;}

.formulaire #webform-component-markups--reglement label,
.formulaire #webform-component-markups1--reglement1 label,
.formulaire #webform-component-markups2--reglement2 label,
.formulaire #webform-component-markups3--reglement3 label,
.formulaire #webform-component-markups4--reglement4 label,
.formulaire #webform-component-markups5--reglement5 label,
.formulaire #webform-component-markups5--reglement label
{font-size: 1.1em;}

.formulaire #webform-component-markups--reglement a,
.formulaire #webform-component-markups1--reglement1 a,
.formulaire #webform-component-markups2--reglement2 a,
.formulaire #webform-component-markups3--reglement3 a,
.formulaire #webform-component-markups4--reglement4 a,
.formulaire #webform-component-markups5--reglement5 a,
.formulaire #webform-component-markups5--reglement a
{color: #FFFFFF;font-size: 1em;text-decoration: underline;}

.formulaire #webform-component-villes-groupe--choisissez-la-ville .form-radios .form-item,
.formulaire #webform-component-villes-groupe1--choisissez-la-ville1 .form-radios .form-item,
.formulaire #webform-component-villes-groupe2--choisissez-la-ville2 .form-radios .form-item,
.formulaire #webform-component-villes-groupe3--choisissez-la-ville3 .form-radios .form-item,
.formulaire #webform-component-villes-groupe4--choisissez-la-ville4 .form-radios .form-item,
.formulaire #webform-component-villes-groupe5--choisissez-la-ville5 .form-radios .form-item
{float:left;font-size: 1em;margin: 0 0 0.5em;width:290px;}

.formulaire #webform-component-villes-groupe,
.formulaire #webform-component-formulaire,
.formulaire #webform-component-villes-groupe1,
.formulaire #webform-component-formulaire1,
.formulaire #webform-component-villes-groupe2,
.formulaire #webform-component-formulaire2,
.formulaire #webform-component-villes-groupe3,
.formulaire #webform-component-formulaire3,
.formulaire #webform-component-villes-groupe4,
.formulaire #webform-component-formulaire4,
.formulaire #webform-component-villes-groupe5,
.formulaire #webform-component-formulaire5
{margin-left:20px;}

.formulaire #webform-component-formulaire legend,
.formulaire #webform-component-formulaire1 legend,
.formulaire #webform-component-formulaire2 legend,
.formulaire #webform-component-formulaire3 legend,
.formulaire #webform-component-formulaire4 legend,
.formulaire #webform-component-formulaire5 legend
{display:block;background: none repeat scroll 0 0 transparent;clear: both;color: #FFFFFF;font-family: 'Alabama',sans-serif;font-size: 1.8em;font-weight: normal;height: 25px;;margin:0; position:absolute; top:0; left:0;}

.webform-component-fieldset h2 {padding:0 !important;}

.formulaire #webform-component-formulaire,
.formulaire #webform-component-formulaire1,
.formulaire #webform-component-formulaire2,
.formulaire #webform-component-formulaire3,
.formulaire #webform-component-formulaire4,
.formulaire #webform-component-formulaire5
{height: 190px;overflow: hidden;position: relative;margin-top:10px;}

.formulaire #webform-component-formulaire .webform-component,
.formulaire #webform-component-formulaire1 .webform-component,
.formulaire #webform-component-formulaire2 .webform-component,
.formulaire #webform-component-formulaire3 .webform-component,
.formulaire #webform-component-formulaire4 .webform-component,
.formulaire #webform-component-formulaire5 .webform-component
{position: absolute;}

.formulaire #webform-component-formulaire .webform-component label,
.formulaire #webform-component-formulaire1 .webform-component label,
.formulaire #webform-component-formulaire2 .webform-component label,
.formulaire #webform-component-formulaire3 .webform-component label,
.formulaire #webform-component-formulaire4 .webform-component label,
.formulaire #webform-component-formulaire5 .webform-component label
{width:auto;font-size:1em; font-weight:normal;margin-right:5px;}

.formulaire #webform-component-formulaire #webform-component-formulaire--nom {top:40px; left:0;}
.formulaire #webform-component-formulaire #webform-component-formulaire--prenom {top: 80px; left:0;}
.formulaire #webform-component-formulaire #webform-component-formulaire--e-mail {top: 120px; left:0;}
.formulaire #webform-component-formulaire #webform-component-formulaire--adresse {right:0;top:40px;}
.formulaire #webform-component-formulaire #webform-component-formulaire--code-postal {right:0; top: 120px;}
.formulaire #webform-component-formulaire #webform-component-formulaire--ville {right:0; top: 160px;}

.formulaire #webform-component-formulaire #webform-component-formulaire--nom label {width:67px;}
.formulaire #webform-component-formulaire #webform-component-formulaire--prenom label {width:67px;}
.formulaire #webform-component-formulaire #webform-component-formulaire--e-mail label {width:67px;}


.formulaire #webform-component-formulaire1 #webform-component-formulaire1--nom1 {top:40px; left:0;}
.formulaire #webform-component-formulaire1 #webform-component-formulaire1--prenom1 {top: 80px; left:0;}
.formulaire #webform-component-formulaire1 #webform-component-formulaire1--e-mail1 {top: 120px; left:0;}
.formulaire #webform-component-formulaire1 #webform-component-formulaire1--adresse1 {right:0;top:40px;}
.formulaire #webform-component-formulaire1 #webform-component-formulaire1--code-postal1 {right:0; top: 120px;}
.formulaire #webform-component-formulaire1 #webform-component-formulaire1--ville1 {right:0; top: 160px;}

.formulaire #webform-component-formulaire1 #webform-component-formulaire1--nom1 label {width:67px;}
.formulaire #webform-component-formulaire1 #webform-component-formulaire1--prenom1 label {width:67px;}
.formulaire #webform-component-formulaire1 #webform-component-formulaire1--e-mail1 label {width:67px;}

.formulaire #webform-component-formulaire2 #webform-component-formulaire2--nom2 {top:40px; left:0;}
.formulaire #webform-component-formulaire2 #webform-component-formulaire2--prenom2 {top: 80px; left:0;}
.formulaire #webform-component-formulaire2 #webform-component-formulaire2--e-mail2 {top: 120px; left:0;}
.formulaire #webform-component-formulaire2 #webform-component-formulaire2--adresse2 {right:0;top:40px;}
.formulaire #webform-component-formulaire2 #webform-component-formulaire2--code-postal2 {right:0; top: 120px;}
.formulaire #webform-component-formulaire2 #webform-component-formulaire2--ville2 {right:0; top: 160px;}

.formulaire #webform-component-formulaire2 #webform-component-formulaire2--nom2 label {width:67px;}
.formulaire #webform-component-formulaire2 #webform-component-formulaire2--prenom2 label {width:67px;}
.formulaire #webform-component-formulaire2 #webform-component-formulaire2--e-mail2 label {width:67px;}


.formulaire #webform-component-formulaire3 #webform-component-formulaire3--nom3 {top:40px; left:0;}
.formulaire #webform-component-formulaire3 #webform-component-formulaire3--prenom3 {top: 80px; left:0;}
.formulaire #webform-component-formulaire3 #webform-component-formulaire3--e-mail3 {top: 120px; left:0;}
.formulaire #webform-component-formulaire3 #webform-component-formulaire3--adresse3 {right:0;top:40px;}
.formulaire #webform-component-formulaire3 #webform-component-formulaire3--code-postal3 {right:0; top: 120px;}
.formulaire #webform-component-formulaire3 #webform-component-formulaire3--ville3 {right:0; top: 160px;}

.formulaire #webform-component-formulaire3 #webform-component-formulaire3--nom3 label {width:67px;}
.formulaire #webform-component-formulaire3 #webform-component-formulaire3--prenom3 label {width:67px;}
.formulaire #webform-component-formulaire3 #webform-component-formulaire3--e-mail3 label {width:67px;}


.formulaire #webform-component-formulaire4 #webform-component-formulaire4--nom4 {top:40px; left:0;}
.formulaire #webform-component-formulaire4 #webform-component-formulaire4--prenom4 {top: 80px; left:0;}
.formulaire #webform-component-formulaire4 #webform-component-formulaire4--e-mail4 {top: 120px; left:0;}
.formulaire #webform-component-formulaire4 #webform-component-formulaire4--adresse4 {right:0;top:40px;}
.formulaire #webform-component-formulaire4 #webform-component-formulaire4--code-postal4 {right:0; top: 120px;}
.formulaire #webform-component-formulaire4 #webform-component-formulaire4--ville4 {right:0; top: 160px;}

.formulaire #webform-component-formulaire4 #webform-component-formulaire4--nom4 label {width:67px;}
.formulaire #webform-component-formulaire4 #webform-component-formulaire4--prenom4 label {width:67px;}
.formulaire #webform-component-formulaire4 #webform-component-formulaire4--e-mail4 label {width:67px;}


.formulaire #webform-component-formulaire5 #webform-component-formulaire5--nom5 {top:40px; left:0;}
.formulaire #webform-component-formulaire5 #webform-component-formulaire5--prenom5 {top: 80px; left:0;}
.formulaire #webform-component-formulaire5 #webform-component-formulaire5--e-mail5 {top: 120px; left:0;}
.formulaire #webform-component-formulaire5 #webform-component-formulaire5--adresse5 {right:0;top:40px;}
.formulaire #webform-component-formulaire5 #webform-component-formulaire5--code-postal5 {right:0; top: 120px;}
.formulaire #webform-component-formulaire5 #webform-component-formulaire5--ville5 {right:0; top: 160px;}

.formulaire #webform-component-formulaire5 #webform-component-formulaire5--nom5 label {width:67px;}
.formulaire #webform-component-formulaire5 #webform-component-formulaire5--prenom5 label {width:67px;}
.formulaire #webform-component-formulaire5 #webform-component-formulaire5--e-mail5 label {width:67px;}

.formulaire .form-item input {width:200px;}

.formulaire #webform-component-formulaire--adresse textarea {width:210px; height:50px; border:1px solid #D9D8D8;}
.formulaire #webform-component-formulaire1--adresse1 textarea {width:210px; height:50px; border:1px solid #D9D8D8;}
.formulaire #webform-component-formulaire2--adresse2 textarea {width:210px; height:50px; border:1px solid #D9D8D8;}
.formulaire #webform-component-formulaire3--adresse3 textarea {width:210px; height:50px; border:1px solid #D9D8D8;}
.formulaire #webform-component-formulaire4--adresse4 textarea {width:210px; height:50px; border:1px solid #D9D8D8;}
.formulaire #webform-component-formulaire5--adresse5 textarea {width:210px; height:50px; border:1px solid #D9D8D8;}

.formulaire .textarea-identifier {display:none;}

.node-type-webform .status {margin-top:20px;padding-left:20px;}

.submission-non .check {position: absolute;top: 100px;}
.submission-non .check h2 {background:none; background-color: #fff;padding:10px; height:auto;text-align:center;}
.submission-non .check p {background-color: #fff;padding: 10px;}

.submission .check {margin-bottom: 0;margin-left: auto;margin-right: auto;padding-top: 175px; width: 600px;}
.submission .check h2 {background:none; background-color: #fff;padding:10px; height:auto;text-align:center;}
.submission .check p {background-color: #fff;padding: 10px;}

#edit-submitted-question-group-question-1-wrapper, #edit-submitted-question-group-question-2-wrapper, #edit-submitted-question-group-question-3-wrapper, #edit-submitted-question-group-question-4-wrapper {margin-bottom:8px;}

#edit-submitted-question-group1-question1-1-wrapper, #edit-submitted-question-group1-question1-2-wrapper, #edit-submitted-question-group1-question1-3-wrapper, #edit-submitted-question-group1-question1-4-wrapper {margin-bottom:8px;}

#edit-submitted-question-group2-question2-1-wrapper, #edit-submitted-question-group2-question2-2-wrapper, #edit-submitted-question-group2-question2-3-wrapper, #edit-submitted-question-group2-question2-4-wrapper {margin-bottom:8px;}

#edit-submitted-question-group3-question3-1-wrapper, #edit-submitted-question-group3-question3-2-wrapper, #edit-submitted-question-group3-question3-3-wrapper, #edit-submitted-question-group3-question3-4-wrapper {margin-bottom:8px;}

#edit-submitted-question-group4-question4-1-wrapper, #edit-submitted-question-group4-question4-2-wrapper, #edit-submitted-question-group4-question4-3-wrapper, #edit-submitted-question-group4-question4-4-wrapper {margin-bottom:8px;}

#edit-submitted-question-group5-question5-1-wrapper, #edit-submitted-question-group5-question5-2-wrapper, #edit-submitted-question-group5-question5-3-wrapper, #edit-submitted-question-group5-question5-4-wrapper {margin-bottom:8px;}


.node-type-webform .messages.error {border:none; background:none; padding-left: 20px; margin-top: 30px;}

#footer {
  clear: both;
  text-transform: uppercase;
  font-size: 1.1em;
  color: #FFF;
  border-top: 1px solid #FFF;
  background-color: #c02766;
  position:relative;
}
#footer a {
  color: #FFF;
}

#footer p {text-align:center;margin:0;padding:5px 0;}

#footer .social {float:left;display:block;}
#footer .social li {float:left;display:block;padding:0 0 0 13px;margin:0;}
#footer .social li:first-child  {border-right:1px solid #FFF;padding-top:5px;text-transform:none;}

#footer span {float:right;font-size:.9em;display:block;}
#footer span img {margin:0 3px;vertical-align: middle;padding:0 0 13px 0;}
#footer span strong {margin:4px 0 0 0; text-transform:none !important; font-weight:normal;}

#footer .sub:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#footer .sub {display:inline-block;}
/* \*/ * html #footer .sub {height:1%;} #footer .sub {display:block;} /* */
#footer .sub {
  clear:both;
  position:relative;
  background-color:#FFF;
  color:#4e4e4e;
  padding: 10px 10px 0 0;
}



/*! Lity - v2.2.2 - 2017-07-17
* http://sorgalla.com/lity/
* Copyright (c) 2015-2017 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}



/*
  ColorBox Core Style:
  The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/*
  User Style:
  Change the following styles to modify the appearance of ColorBox.  They are
  ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:32px; overflow:visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:transparent; padding:1px;}
#cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/controls.png) no-repeat 0 0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{ background:url(../img/close.png) no-repeat 0 0; right:37px;height:23px;width:81px;top: -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


.home #colorbox {outline:0; top:50px!important;}
.home #cboxContent {margin-top:32px; overflow:visible; }
.home .cboxIframe {background:none;}
.home #cboxError {border:0;}
.home #cboxLoadedContent {padding:0;}


.home #cboxClose {
  background: #000;
  background: url(../img/btn-close.png) left top no-repeat;
  width: 81px;
  height: 23px;
  right: 0;
  top: -22px;
  border: none;
}

.title-cantabil {
  font-size: 32px;
  font-family: "CANTABIL";
  color: #dc066d;
}
.title_yellow {
  color: #ed7a17;
}
.title_blue {
  color: #27b4e5;
}
.title_green {
  color: #c5c714;
}
.title_grey {
  color: #a58690;
}
.title_pink {
  color: #dc066d;
}
















/* video wall */
.videowall {
  width: 100%;
  border: none;
}
#gabarit .videowall {
  width: 106%;
}
.videowall__cell {
  vertical-align: top;
  padding: 0 0 20px;
  font-size: 14px;
  text-align: center;
}
.videowall__link {
  position: relative;
  display: block;
  font-weight: 400;
  font-size: 15px;
  color: #333;
  text-decoration: none;
  transition: color .2s ease-in-out;
}
.videowall__link:after {
  content: '';
  display: block;
  width: 60px;
  height: 40px;
  background: url(../img/icon-yt-play.svg) transparent no-repeat 50% 50% / 60px 40px;
  position: absolute;
  top: 29%;
  left: 50%;
  z-index: 5;
  margin-left: -30px;
  opacity: .7;
  transition: opacity .2s ease-in-out;
}
.videowall__link:hover {
  text-decoration: none;
  color: #ED7A17;
}
.videowall__link:hover:after {
  opacity: .9;
}
.videowall__link:hover .videowall__pic {
  border-color: #ED7A17;
}
.videowall__link strong {
  display: block;
  font-family: 'CANTABIL', Georgia, serif;
  font-weight: 700;
  font-size: 20px;
}
.videowall__pic {
  display: block;
  margin: 0 auto 4px;
  border-radius: 10px;
  border: 3px solid #F4DAC5;
  width: 85%;
  height: auto;
  transition: border-color .4s ease-in-out;
}
#gabarit .videowall__pic {
  padding: 0 !important;
}
.videowall__title {
  display: inline-block;
  padding: 8px 0 !important;
  font-family: 'CANTABIL', Georgia, serif;
  font-weight: 400;
  font-size: 31px;
  line-height: 20px;
  color: #DC3787;
}
.videowall__detail {
  float: left;
}
.videowall--front .videowall__cell {
  float: left;
  width: 56%;
}
.videowall--front .videowall__detail {
  width: 40%;
  font-weight: 700;
  font-size: 16px;
  line-height: 155%;
}
.videowall--front .videowall__link {
  width: 94%;
}
.videowall--front .videowall__pic {
  width: calc(100% - 6px);
  margin: 0;
  border-color: #DC3787;
}
.videowall--front .videowall__link:after {
  top: 50%;
  margin-top: -20px;
}
.videowall--front .videowall__link:hover .videowall__pic {
  border-color: #DC3787;
}