﻿html, body {
height: 95%;
}

body {
/*background: #fff url("../images/bg-top.png") 0 0 no-repeat;*/
font:62.5%/1.5 Helvetica, Arial, Verdana, sans-serif;
color:#333333
}

a { color:#3A4446; font-weight: bold; text-decoration: underline;}

h1 { font-size: 20pt; color: #D45F3F; margin:0 0 5% }
h2 { font-size: 18pt; color: #fff; margin:0;  }
h3 { font-size: 16pt; color: #fff; margin:0; }
h4 { font-size: 14pt; color:#8D7149; font-weight : bold; line-height:1.2em; margin:0;}
h5 { font-size: 12pt; color: #D45F3F; margin:0;}
h6 { font-size: 10pt; color: #D45F3F; margin:0; }

p { font-size: 12pt; color: #3A4446; }
ul li { /*font-size: 1.2em;*/ line-height:1.5em; }
#content h2 {color:#4D656B; text-shadow:1px 0 0 #FFFFFF;}
#content h3 {color:#8D7149; text-shadow:1px 0 0 #FFFFFF;}

  #topbar, .crea-carnet-container, .crea-carnet, #nav, .diapo-container, #OSRecherche, #RootMenuContainer, #comments,
  .block-cdt35_search, .links, .RootMenuContainer, .node-idee-left-footer, .footer-left-shadow, .footer-right-shadow, 
  .footer-links, .footer-menu-container, .footer-menu2-container, .clearfooter {
    display: none
  }
  
  #main {
	clear:both;
	display:block;
	margin:0 1%;
	width:auto;
	z-index:999;
}


#header {
    display:block;
    padding:0;
    position:relative;
    width:100%;
  }

#wrapper { background:transparent url(../images/bg-motifs.png) no-repeat scroll right top; margin:0 3%; min-height:95%; position:relative; }

#wrapper, #content {
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  }
  
  

  #content {
	float:left;
	margin:0 2% 0 0;
	width:65%;
  }

  #right-col {
	float:right;
	width:30%;
  }
 

.jcarousel-next, .jcarousel-prev { display: none !important; }


 #footer {
    background:none;
    height:auto;
    position:relative;
    margin:5% 0 0;
    float: left;
    width:100%;
  }

  #footer .footer-container {
    width:100%;
    text-align: left;
    margin:0 auto;
    bottom:0;
    z-index:9999;
  }

  .info-footer {
    position: absolute;
    bottom: 5px;
  }

  .trait {
    border-top: 1px solid #CCCCCC;
    float: left;
  }

  p.info {
    background:transparent url(../images/bg-info-footer.gif) no-repeat scroll center center;
    font-size:1em;
    margin:0 auto;
    text-align:center;
    width:940px;
  }

/* ----------------------------------------------------------------------------------------------------------
2) Layout
---------------------------------------------------------------------------------------------------------- */

  .center-container {
    margin:0 auto;
    width: 985px;
    padding:5px 0;
    position:relative;
  }



  #logo {
    clear:both;
    float:left;
    height:60px;
    margin:10px 0 0;
    position:relative;
    width:330px;
  }

   .crea-carnet-container {
    height:97px;
    position:absolute;
    right:-2px;
    top:-31px;
    width:191px;
  }

  .crea-carnet {
    background:transparent url(../images/bg-creation-carnet.gif) no-repeat scroll right top;
    text-indent:-6999px;
    width:191px;
    height:97px;
    position:relative;
    float: left;

  }

  .crea-carnet {
  opacity:1;
  -webkit-transition: opacity 0.3s ease-in-out;
  }

    .carnet-log {
    -webkit-transition: opacity 0.3s ease-in-out;
    background:transparent url(../images/bg-creation-carnet-on.gif) no-repeat scroll right top;
    opacity:1;
  }

    .crea-carnet:hover, .carnet-log:hover {
    opacity:0.7;
  }
    .crea-carnet-container a.logout {
   	bottom:20px;
	left:18px;
	position:absolute;
	z-index:999;
  }

  h1 img {
    float:left;
    height:60px;
    position:relative;
    width:118px;
    -webkit-transition: opacity 0.3s ease-in-out;
  }

   h1 a:hover img {
	opacity:0.5
  }

  h1 span {
    border-left:1px solid #666666;
    color:#666666;
    float:right;
    font-size:11px;
    font-weight:normal;
    margin-top:7px;
    padding:0 0 0 15px;
    text-shadow:0 1px 1px #FFFFFF;
    width:182px;
  }


  .breadcrumb {
	clear:both;
	color:#666666;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	margin:5px 0 0;
	padding:5px 8px 10px 2px;
  }

  .breadcrumb a {
    color:#666666;
    text-decoration:none;
  }

  .breadcrumb a.active {
    color: #696454
  }

  .breadcrumb a:hover {
    color: #333;
    text-decoration: underline;
  }


  .col2l {
    width:315px;
    float: left;
    margin:0 35px 0 0;
  }

  .col2r {
    width:315px;
    float: left;
  }

  #main h3 {
    /*line-height:2em;*/
    line-height:1.8em;
    font-size: 1.6em;
    color: #4D656B;
  }

  #related_offre,#content .offre {
    background:transparent url(../images/bg-col2-title.png) no-repeat scroll left top;
    float:left;
    padding:18px 0;
    position:relative;
    width:100%;
  }

  #content .offre img {
border:4px solid #D6C6B0;
float:left;
margin:3px;

  }

  #content .offre-content {
    float: right;
    width:190px;
  }

  #content .offre .vote {
    display:block;
    float:left;
    margin:3px 0;
    width:100%;
  }

  #content .offre p {
    font-size:1.1em;
  }

  #content .offre .price {
    background:transparent url(../images/bg-price.gif) no-repeat scroll left top;
    height:54px;
    left:-16px;
    padding:10px 0 0;
    position:absolute;
    text-align:center;
    top:78px;
    width:99px;
  }


  #content .price p {
    font-family: Corbel-bold, Georgia, Arial;
    color: #fff;
    font-size:1.4em;
  }

  #content .price p.apartirdeprix {
    font-family: Corbel-bold, Georgia, Arial;
    color: #000;
    font-size:1.8em;
    /*text-shadow:0 1px 1px #FFFFFF;*/
  }

  .button {
    margin:15px 0 0;
    width:auto;
    height: 26px;
  }

  .button-right {
    background: url(../images/button-right.gif) no-repeat  top right;
    float:left;
    padding-right:7px;
    height: 26px;
  }

  .button-middle  {
    float:left;
    width:auto;
    background: url(../images/button-repeat.gif) repeat-x top right ;
    padding:0;
    height: 26px;
  }
  .button-left
  {
    float:left;
    width:30px;
    background: url(../images/button-left.gif) no-repeat top right ;
    height: 26px;
  }

  .button a {
    color:#FFFFFF;
    font-family:Corbel-bold,Helvetica,Arial;
    font-size:1.4em;
    line-height:1.8em;
    padding:0 10px 0 5px;
    text-decoration:none;
  }

  .button a:hover { color:#3A4446; }



  /* DIAPO BLOC */

  .diapo-container {
	float:left;
	height:371px;
	left:-8px;
	margin:0 0 15px;
	position:relative;
  }

  .diapo-container .bg-diapo {
    background:transparent url(../images/bg-cadre.png) no-repeat scroll left top;
    height: 371px;
    width:1002px;
    z-index:999;
    position: relative;
  }

  .withslider {
    height:505px;
  }
  .withslider .bg-diapo {
    background:transparent url(../images/bg-cadre-home.png) no-repeat scroll left top;
    height:505px;
    width:1002px;
  }

  .diapo-container img.diapo {
    height:348px;
    left:15px;
    position:absolute;
    top:8px;
    width:973px;
  }


  .diapo-info {
    position:absolute;
    top:70px;
    left:15px;
  }

  .diapo-info a {
    color: #fff;
  }

  .diapo-subtitle {
    clear:both;
    margin-top:0;
    position:relative;
    float: left;
    max-width:680px;
    /*opacity:0.8;
    -moz-opacity: 0.8;
     -webkit-opacity: 0.8;
     filter:alpha(opacity=80);
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";*/
     background: rgba(163, 151,142, 0.8);

  }


  .diapo-title h2 {
    background:transparent url(../images/bg-diapo-title.png) repeat-x scroll left top;
    font-family:Corbel,Trebuchet MS,Helvetica,Arial;
    height:56px;
    font-size: 3.5em;
    text-shadow: 2px 1px 1px #000;
    float: left;
    padding:0 30px 0 15px;
    font-weight: normal;
  }

  .diapo-subtitle span {
    color:#FFFFFF;
    float:left;
     font-family:Corbel,Trebuchet MS,Helvetica,Arial;
    font-size:2em;
    line-height:1.2em;
    padding:3px 30px 5px 15px;
    text-shadow:0 0 4px #000000;
  }

  .diapo-info .univers-ocean {
    background: #96C2CC;
  }

  .diapo-link {
    height:32px;
    clear: both;
    float: left;
  }

  .diapo-link a {
    background:transparent url(../images/puce-link.gif) no-repeat scroll 10px center;
    font-size:1.2em;
    font-weight:bold;
    line-height:2.7em;
    padding:0 20px 0 25px;
    text-decoration:none;
    text-transform:uppercase;
  }

  .diapo-link a:hover { text-shadow:0 0 3px #666666; }

  .univers-slider {
    bottom:22px;
    clear:both;
    position:absolute;
    width:100%;
  }

  .bloc-offre {
    background:#FFFFFF none repeat scroll 0 0;
    float:right;
    height:auto;
    padding:8px;
    position:absolute;
    right:8px;
    top:70px;
    width:227px;
  }

  .container-offre-img {
    position: relative;
    height:116px;
  }

  .container-offre-img img {
    position : relative;
  }

  .apartirde {
    background:#ABC61F none repeat scroll 0 0;
    position:absolute;
    right:4px;
    padding:0 5px;
    bottom:0;
    text-align:center;
    top:62px;
  }

  .apartirde p {
    font-family: Corbel-bold, Georgia, Arial;
    color: #fff;
    font-size:1.4em;
  }

  .apartirde p.apartirdeprix {
    font-size:2.4em;
    color: #523F3B;
    line-height:1em;
  }

  .ensavoirplus {
    background:transparent url(../images/puce-ensavoirplus.gif) no-repeat scroll left 3px;
    font-size:1.2em;
    font-weight:bold;
    line-height:2em;
    padding:0 20px 0 15px;
    text-decoration:none;
  }

  /* RIGHTCOL RECHERCHE */




  /* RECHERCHE */


  .search {
    border:1px solid #CCCCCC;
    height:23px;
    position:absolute;
    right:192px;
    top:2px;
    width:158px;
  }

  .search form input.form-text {
    background:transparent none repeat scroll 0 0;
    border:0 none;
    color:#3A4446;
    float:left;
    font-size:1.1em;
    height:14px;
    padding:5px;
    width:117px;
  }

  .search input#search.idleField { color: #6B675B  }

  .search input.button-ok {
    background:#CAC032 none repeat scroll 0 0;
    border:0 none;
    cursor:pointer;
    float:right;
    height:19px;
    position:relative;
    right:2px;
    top:2px;
    width:31px;
    color: #fff;
    font-weight: bold;
    padding:0 0 2px;
  }


  /* LOGIN */

  .login {
    float:right;
    margin-left:26px;
    position:relative;
    right:8px;
  }

  .login .form-item {
    margin:0;
  }

  .login input.login-input {
    background:transparent url(../images/bg-login-input.gif) no-repeat scroll left top;
    border:0 none;
    height:16px;
    padding:6px;
    width:103px;
    margin-right:4px;
    float: left;
    color: #827A64;
  }

  .login  a{
    color: #356F2B;
    text-decoration: none;
  }

  .info-login {
    font-size:1.2em;
    margin-top: 4px;
    color: #6B675B;
    float: left;
    clear: both;
    width:285px;
  }

  .info-login span {
    display:table-cell;
  }

  .info-login a:hover {
    color: #666;
  }

  .info-login input#memo {
    margin:0 5px 0 0;
    line-height:1em;
    vertical-align: middle;
  }

  .info-login label {
    vertical-align:middle;
  }

  .forget-pass { margin-left:40px; }

  .right-col2 input#sb-pseudo, .right-col2 input#sb-password {
    background:transparent url(../images/bg-search-input.gif) no-repeat scroll left top;
    border:0 none;
    color:#827A64;
    float:left;
    height:18px;
    margin-left:33px;
    padding:6px;
    width:228px;
  }

  .right-col2 input#sb-pseudo {
    margin:0 0 1em 33px;
  }



  /* NAVIGATION */


  #nav li {
    float:left;
    width:auto;
    position:relative;
    margin-right:12px;
    padding:5px 0;
  }

  #nav ul {
    padding-top:5px;
  }

  #nav li.active {
    background: #fbfbfb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

  }

  #nav li  a {
    display:block;
    text-align:center;
    color: #3F5350;
    font-size:1.3em;
    font-weight: bold;
    text-decoration: none;
    text-shadow:0 1px 1px #FFFFFF;
    height:25px;
    padding:0 10px 0 35px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
  }

    #nav li  a:hover {

    /*-moz-transition: all 0.5s ease-in-out;*/

  }

  #nav li  a span {
    line-height:2em;
  }

  #nav  .prim-nav li span {
    display: none;
  }

  #nav li.nav1 a { background:transparent url(../images/pictos-nav.gif) no-repeat scroll left top ; padding-left:40px; }
  #nav li.nav1 a.active, #nav li.nav1 a:hover { background-position: left -25px; color: #51A29D; }

  #nav li.nav2 a { background:transparent url(../images/pictos-nav.gif) no-repeat scroll left -49px;}
  #nav li.nav2 a.active, #nav li.nav2 a:hover { background-position: left -74px; color: #999900; }

  #nav li.nav3 a { background:transparent url(../images/pictos-nav.gif) no-repeat scroll left -99px;}
  #nav li.nav3 a.active, #nav li.nav3 a:hover { background-position: left -124px; color:#66CCFF ; }

  #nav li.nav4 a { background:transparent url(../images/pictos-nav.gif) no-repeat scroll left -149px;}
  #nav li.nav4 a.active, #nav li.nav4 a:hover { background-position: left -176px; color:#CF3553 ; }

  #nav li.nav5 a { background:transparent url(../images/pictos-nav.gif) no-repeat scroll left -199px;}
  #nav li.nav5 a.active , #nav li.nav5 a:hover{ background-position: left -224px; color: #333333 ; }

  #nav li.nav6 a { background:transparent url(../images/pictos-nav.gif) no-repeat scroll left -249px;}
  #nav li.nav6 a.active, #nav li.nav6 a:hover { background-position: left -274px; color: #993300 ; }

  #nav li.nav6 { margin-right: 0; }


  /* INSCRIPTION */

  .accroche-inscription {
    background:transparent url(../images/bg-accroche-inscription.png) no-repeat scroll left top;
    color:#FFFFFF;
    float:left;
    height:41px;
    margin:0 0 10px;
    padding:10px 15px;
    text-align:center;
    width:923px;
  }

  .inscription {
    background:transparent url(../images/bg-inscription.png) no-repeat scroll left bottom;
    display:block;
    float:left;
    height:auto;
    padding:0 0 28px;
    width:948px;
    position: relative;
  }


  .inscription-top {
    background:transparent url(../images/top-inscription.png) no-repeat scroll center top;
    display:block;
    float:left;
    height:34px;
    overflow:hidden;
    width:948px;
  }

  .inscription-container, .basic-container  {
    padding:0 15px;
  }

  .inscription form {
    position: relative;
    left: 172px;
    margin:15px 0;
    float:left;
    width:675px;
  }

  .inscription .form-item .description {
    color:#999999;
    font-size:0.85em;
    font-style:italic;
  }

  .inscription form p {
    margin:5px 0;
    padding:5px;
  }

  .inscription p.error {
    border:1px solid red;
  }

  .message {
    color:red;
    display:block;
    font-weight:bold;
    margin:0 0 10px !important;
    text-align:center;
  }

  .inscription form label {
    display:inline;
    float:left;
    margin:0 30px 0 0;
    text-align:right;
    width:175px;
    font-size: 12px;
    font-weight: bold;
    color: #4C483A;
  }

  .inscription form label span.required {
    color: red;
    font-weight: bold
  }

  .inscription form input.form-text {
    background:transparent url(../images/input-inscription.png) no-repeat scroll left top;
    border:0 none;
    height:18px;
    padding:0 5px;
    width:282px;
  }

  .inscription form input.small_text_field {
    width:115px !important;
  }


  .inscription .citation-container {
    display:block;
    font-family:Georgia,serif;
    font-style:italic;
    font-weight:bold;
    padding:15px 0 30px;
  }

  .inscription .citation {
    font-size:2.4em;
    color: #D44B20;
    display: block;
  }

  .inscription .citation-auteur {
    float: right;
    text-align: right;
    color: #4C483A;
    font-size:1.4em;
  }


  .button {
    border:0;
  }

  .button-container {
    margin:25px auto 25px 198px !important;
    position:relative;
  }

  input.button {
    border:0 none;
    cursor:pointer;
    text-indent:-6999px;
  }



  /* 2 COL SMALL LEFTCOL/BIG RIGHTCOL */

  #main .left-col {
    width:300px;
    float:left;
  }

  #main .right-col {
    width:630px;
    float:right;
  }

  #main .left-col2 {
    width:653px;
    float:left;
  }

  #main .right-col2 {
    width:287px;
    float:right;
  }

  #main .right-col2 a {
    font-weight: bold;
  }

  #main .right-col2 a.pseudo {
    font-size:13px;
  }

  #main .left-col .info {
    background:transparent url(../images/bg-info-crea-badge.png) no-repeat scroll left top;
    width: 301px;
    height: 176px;
    float:left;
  }

  #main .left-col .info .teaser {
    display:table-cell;
    height:85px;
    vertical-align:middle;
    width:301px;
  }

  #main .left-col .info .teaser p{
    background:transparent url(../images/textes/crea-badge-teaser-text.gif) no-repeat scroll center center;
    text-indent:-6999px;
  }

  #main .left-col .info .description {
    color:#FFFFFF;
    margin:0 auto;
    position:relative;
    text-align:center;
    top:5px;
    width:225px;
  }


  /* BUTTON */


  .red-button {
    margin:15px 0 0;
    width:auto;
    height:42px;
  }

  .red-button-right {
    background: url(../images/red-button-right.png) no-repeat  top right;
    float:left;
    padding-right:12px;
    height: 42px;
  }

  .red-button-middle  {
    float:left;
    width:auto;
    background: url(../images/red-button-repeat.png) repeat-x top right ;
    padding:0;
    height: 42px;
  }
  .red-button-left
  {
    float:left;
    width:30px;
    background: url(../images/red-button-left.png) no-repeat top right ;
    height: 42px;
  }



  .red-button  a {
    color:#FFFFFF;
    font-family:Aller,Georgia;
    font-size:1.4em;
    line-height:1.4em;
    padding:0 5px;
    text-decoration:none;
  }




  .no-sep {
    background: none !important;
  }

  .price-container {
    float:right;
    margin:15px 15px 0 0;
    width:150px;
  }
  .price {
    float:left;
    line-height:2em;
    width:75px;
  }

  .price p {
    font-family: Corbel-bold, Georgia, Arial;
    color: #fff;
    font-size:1.4em;
    /*-moz-transform:rotate(-10deg);
     -moz-transform-origin: center center;*/
  }

  .price p.apartirdeprix {
    font-family: Corbel-bold, Georgia, Arial;
    color: #FF0066;
    font-size:1.4em;
  }

  .main-bloc-profil-bottom {
    height:20px;
    padding:15px;
    text-align:center;
  }

  .button-profil {
    border: 1px solid #C3BFAE;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #E2E1D4;
    padding:5px;
    margin-right:10px;
  }

  .button-profil a {
    background:transparent url(../images/fleche-button-profile.gif) no-repeat scroll 100% 2px;
    padding-right:25px;
    color: #4C483A;
    font-weight: bold;
    font-size: 1.1em;
    text-decoration: none;
  }

  .button-profil a:hover {
    opacity:0.8;
    -moz-opacity: 0.8;
     -webkit-opacity: 0.8;
  }

  .button-profil .rss {
    background:transparent url(../images/picto-rss.gif) no-repeat scroll left center;
    padding:2px 0 0 25px;
  }

  .button-profil .ami {
    background:transparent url(../images/picto-ami.gif) no-repeat scroll left center;
    padding:2px 0 0 25px;
  }

  .button-profil .mail {
    background:transparent url(../images/picto-sendmail.gif) no-repeat scroll left center;
    padding:2px 0 0 25px;
  }

  .lapagede {
    color:#4C483A;
    font-family:Aller,Arial,Helvetica;
    font-size:1.7em;
    font-style:italic;
    font-weight:bold;
    left:23px;
    position:relative;
    top:10px;
  }

  .lapagede .lapagedecolor { color: #DEAC02; }

  #main .biblio-container-public img { float: left; }
  #main .biblio-container-public .biblio-container {
    float:right;
    margin-left:15px;
    width:84%;
  }
  #main .biblio-container-public .biblio-container .genre-container {
    background:transparent url(../images/genre-container.gif) no-repeat scroll -107px bottom;
    left:0;
  }
  #main .biblio-container-public .biblio-container h4 { width:30% }
  #main .biblio-container-public .biblio-container .selection { width:56%;}


  .recherche {
    float:left;
    margin:0 0 1em;
    width:100%;
    /*-webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 0px 5px;*/
  }

  .recherche-content, #OsBarreOnglet {
  	 -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px;
  	 -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px;
  }

  .recherche-menu {
    float: left;
    position: relative;
    bottom:-2px;
  }

  .recherche .recherche-menu ul li {
    display: inline;
    float: left;
  }

  .recherche .recherche-menu ul li.reduc {
    /*width:50px;*/
  }

  .recherche .recherche-menu ul li.reduc a {
    padding:5px 0 0 5px;
  }

  .recherche .recherche-menu ul li.active {
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-topleft-border-radius: 5px;
    -webkit-topright-border-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #fff;
  }

  .recherche .recherche-menu ul li a {
    display:block;
    padding:5px 5px 10px;
  }

  .recherche .recherche-content {
    background: #fff;
    border: 1px solid #dcdcdc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float:left;
    width:280px;
  }

  .recherche .recherche-container {
    padding:15px 10px;
  }

  .recherche .form-submit {
    background:transparent url(../images/puce-ensavoirplus.gif) no-repeat scroll left 5px;
    border:0 none;
    color:#666666;
    cursor:pointer;
    float:right;
    font-family:arial;
    font-size:1.2em;
    font-weight:bold;
    line-height:2em;
    margin:1em 0;
    padding:0 0 0 15px;
    text-decoration:none;
  }


  .recherche p {
    display: block;
    clear: both;
    width:93%;
    margin:0 0 1em;
  }

  .recherche label {
    float:left;
    width:130px;
    color: #3A4446;
    font-weight: bold;
  }

  input.date-arrive {
    width:75px;
    background:transparent url(../images/puce-ensavoirplus.gif) no-repeat scroll 150px 5px;
  }

  .picto-date {
    background:transparent url(../images/pictos/pictos-recherche.gif) no-repeat scroll right top;
    float:right;
    height:24px;
    position:relative;
    top:-4px;
    width:22px;
    text-indent:-6999px;
  }

  .picto-map {
    background:transparent url(../images/pictos/pictos-recherche.gif) no-repeat scroll right -25px;
    float:right;
    height:24px;
    position:relative;
    top:0;
    width:22px;
    text-indent:-6999px;
  }

  h3.picto-sejour {
    background:transparent url(../images/pictos-nav.gif) no-repeat scroll left -48px;
    height:25px;
    margin:0 0 1em;
    padding:0 10px 0 35px;
  }

  .more-critere {
    margin: 1em 0;
    display: block;
    float: left;
  }

  #topbar .languages {

  }

  #topbar .languages a {
    width: 24px;
    height: 15px;
    float: left;
    text-indent: -6999px;
    position: relative;
  }

  #topbar .languages .fr {
    background:transparent url(../images/drapeau-fr.gif) no-repeat scroll left top;
    margin-right: 10px;
  }

  #topbar .languages .en {
    background:transparent url(../images/drapeau-en.gif) no-repeat scroll left top;
  }

  #topbar .languages .en, #topbar .languages .fr {
  	-webkit-transition: opacity  0.3s ease-in-out;
  }

  #topbar .languages .en:hover, #topbar .languages .fr:hover {
  	opacity:0.5
  }

  #topbar .menu-top {

  }

  #topbar .menu-top ul li {
    display: inline;
    float: left;
  }

  #topbar .menu-top ul li a {
    border-left:1px solid #333333;
    border-right:1px solid #FFFFFF;
    font-size:1.1em;
    padding:0 5px;
  }

   #topbar .menu-top li.selected a {
  	color:#0099FF;
  }

  #topbar .menu-top ul li.first a {
    border-left:0 none;
  }

  #topbar .menu-top ul li.last a {
    border-right:0 none;
  }

  #topbar .newsletter {
    display:block;
    float:left;
    margin:0 0.5em 0 0;
    position:relative;
    width:184px;
  }

  #topbar .newsletter a {
    background:transparent url(../images/bg-button-newsletter.gif) no-repeat scroll left top;
    display:block;
    float:left;
    height:29px;
    line-height:2.5em;
    position:relative;
    text-align:center;
    top:-6px;
    width:175px;
    color: #979236;
    font-size:1.1em;
    text-decoration: none;
    z-index:999;
    left:3px;
    text-shadow:0 1px 1px #FFFFFF;
  }

  #topbar .bloc-inscription-newsletter {
    background:transparent url(../images/bg-newsletter.gif) no-repeat scroll left top;
    height:88px;
    position:absolute;
    top:-8px;
    width:184px;
    display: none;
  }

  #topbar .newsletter .newsletter-submit {
    background:transparent url(../images/puce-ensavoirplus.gif) no-repeat scroll left 5px;
    border:0 none;
    color:#666666;
    cursor:pointer;
    float:right;
    font-family:arial;
    font-size:1.2em;
    font-weight:bold;
    line-height:2em;
    margin:-5px 15px 0 0;
    padding:0 0 0 15px;
    text-decoration:none;
  }

  #topbar .newsletter .newsletter-subscribe {
    left:15px;
    margin-top:30px;
    position:relative;
    width: auto;
  }

  .cdt35_node_link a {line-height: 21px ;  float:left; padding-left:28px; /*text-shadow:0 0 1px #FFFFFF;*/ font-family:Trebuchet MS, Helvetica, Arial; /*font-size:1.1em;*/ }
  .link_carnet a   { background:transparent url(../images/pictos/picto-article.gif) no-repeat scroll 1px 0; }
  .link_avis a     { background:url(../images/pictos/picto-article.gif) no-repeat 1px -22px ;}
  .link_facebook a { background:url(../images/pictos/picto-article.gif) no-repeat 0 -45px ; }
  .link_facebook  img.fb-mini-picto { display:none !important; }
  .link_share a    { background:transparent url(../images/pictos/picto-article.gif) no-repeat scroll 2px -70px;}
  .link_geolocalisation a { background:url(../images/pictos/picto-article.gif) no-repeat 0 -95px ; }

  .vote {color :#4395AA; font-weight:bold;  font-size:11px;  }


/*sidebar bloc*/
  .complementProduit li {margin : 5px 0; float:left; display:block; clear:both; width: 100%; }
  .complementProduit img { float:left;  padding: 5px;}
  .complementProduit li p     { font-size:11px;}

  .enhanced-bloc {float:left; display:block; clear:both; width: 288px; margin:0 0 1em;  }
  .enhanced-bloc-top {float:left; display:block; clear:both; width: 288px; background:url(../images/bg-sidebar-top.png) no-repeat left top; padding-top : 20px; }
  .enhanced-bloc-container {float:left; display:block; clear:both; width: 268px; background:url(../images/bg-sidebar-repeat.png) repeat-y left top; padding:5px 10px; }
  .enhanced-bloc-footer {float:left; display:block; clear:both; width: 288px; background:url(../images/bg-sidebar-footer.png) no-repeat left bottom;  height: 2px;}
  a.doc {background: #E7E7D9; color: #3A4446; font-weight: bold; font-size:11px; padding: 3px; margin : 5px 0 ; float:left; text-decoration:none;}
  a.doc:hover {background: #3A4446; color: #E7E7D9; }
  .enhanced-bloc-container h4 {font-size:16px;}


  .blocSidebar {float:left; display:block; clear:both; width: 100%; margin:0 0 1em; position:relative; }
  .blocSidebar h3 {color: #3A4446; background: transparent url(../images/bg-col2-title.png) no-repeat  left bottom;  padding-bottom: 5px; margin : 0 0 10px 0 }
  .info-pratiques h3 {background: none; margin:0; }
  .blocSidebar img  { float:left; }
  .blocSidebar p {font-size:11px;}
  .blocSidebar a {color :#666; text-decoration:none; font-size:1.1em; }
  .blocSidebar a:hover {color:#839598; }
  .blocSidebar	.thumbnail-offre { background:none; margin:0 1em 1em 0; padding:0; }
  .blocSidebar .thumbnail-offre img {border:3px solid #D6C6B0 /*context*/; margin:0 !important;}
  .blocSidebar .price {
    background:transparent url(../images/bg-price-orange.png) no-repeat scroll left top;
    height:54px;
    left:-15px;
    padding:10px 0 0;
    position:absolute;
    text-align:center;
    top:102px;
    width:99px;
    margin:0;
  }
  .blocSidebar .price p {
    color:#FFFFFF;
    font-family:Corbel-bold,Georgia,Arial;
    font-size:1.4em;
    padding:0 0 0 7px;
    margin:0;
  }
  .blocSidebar .price p.apartirdeprix {
    color:#000;
    font-family:Corbel-bold,Georgia,Arial;
    font-size:1.8em;
    /*text-shadow:0 1px 1px #FFFFFF;*/
    }

  .sidebarBlockBordered { float:left; display:block; clear:both;  }
  .sidebarBlockBordered p.center {font-size:11px; text-align:center; margin : 5px 0 ;}
  .sidebarBlockBordered .link { background: #E7E7D9; color:#3A4446; padding: 3px ; margin:0;text-decoration:none; }
  .sidebarBlockBordered-top {
    float:left;
    display:block;
    clear:both;
    width:305px;
    background:url(../images/bg-sidebar-border-top.png) no-repeat top left;
    padding-top:15px;
    }

  .sidebarBlockBordered-repeat {float:left; display:block; clear:both; width: 263px; background:url(../images/bg-sidebar-border-repeat.png) repeat-y top left; padding:0 10px 5px 10px;}

  .sidebarBlockBordered {color : #3A4446; margin-bottom : 10px;}
  .sidebarBlockBordered a {color : #4395AA; }
  .sidebarBlockBordered-footer {float:left; display:block; clear:both; width: 289px; background:url(../images/bg-sidebar-border-footer.png) no-repeat bottom left; padding-bottom:10px;}

  .groupPictures img {
  	border:1px solid #D6C6B0;
	margin:5px 8px 5px 0;
  	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px;
  	-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px;
  	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px;
  }
  .groupPictures img:hover {
  	    -webkit-transition: opacity 0.3s ease-in-out;
  	    -moz-transition: opacity 0.3s ease-in-out;
    opacity:0.5;
  }
  .sidebarBlockBordered 	.printCarnet { text-align:center; font-size:12px; color:#3A4446; text-decoration:none; }


  /*list */
  #bloc_droite_listes_form #liste_listes {padding:5px 0 0 15px; font-size: 11px; color: #3A4446; font-weight:bold; }
  #bloc_droite_listes_form #liste_listes li {background:url(../images/pictos/puce-list.gif) no-repeat 0 1px ; padding-left: 20px; margin : 3px 0 ; font-size: 11px; }
  #bloc_droite_listes_form #liste_listes li 	.selection_remove_liste {color: #4395AA !important; font-weight:bold;}
  #bloc_droite_listes_form 	div.addToListForm { padding:5px 0 0  20px; font-size: 11px; color: #3A4446; font-weight:bold;   width: 190px; }
  #bloc_droite_listes_form 	div.addToListForm  #edit-titre-liste-wrapper input {
    background:url(../images/bg-input-std.jpg) no-repeat left top ;
    width: 189px;
    height: 18px;
    border:0px;
    }
  #bloc_droite_listes_form .form-submit { background:#E7E7D9; color: #3A4446; border:0; font-size: 11px; font-weight:bold; float:right; padding: 3px; margin : 8px 0 ; cursor : pointer; }


  .selection_links li a {line-height: 21px ;  float:left; padding-left:25px;}
  .selection_links .facebooklink {  background:url(../images/pictos/picto-article.gif) no-repeat 0 -45px ; padding-left:25px;}
  .selection_links	li.addSelectionLink a{ background:url(../images/pictos/picto-article.gif) no-repeat 0 -116px ; padding-left:25px;}

  .produit_selection_stats {font-size: 11px; }
  .produit_selection_stats ul li a { font-size: 11px; color : #4395AA}


  .carnet_de_voyage_container .node h2.title  { background:none; }
  .carnet_de_voyage_container .node  h2.title a { color : #A18601; font-size:24px;}

  .produit_selection_container { background:transparent url(../images/separator.gif) no-repeat scroll left bottom; }
  .produit_selection_both {padding-bottom:10px; float:left; display:block; clear:both}
  .produit_selection_stats h5 { color: #3A4446; font-size:12px;}
  .produit_selection_stats h5 a { color: #4395AA;}
  .liste_liste {list-style-type:disc; color:#4395AA ; list-style-position:inside; }

  .active-trail { background:url(../images/bg-active-trail.png) no-repeat left top;  }

/* ZOOM SUR BLOCK */
  .zoomSurBlock {background:url(../images/title-zoomsur.gif) no-repeat left top ; width: 100%; padding-top: 40px; }
  .zoomSurBlock .thematiqueZoomDesc { float:right; width: 400px;}
  .offre_photo_viewer .jcarousel-next, .offre_photo_viewer .jcarousel-prev {
    background:url(../images/pictos/arrow-left.gif) no-repeat left center !important ;
    height:178px !important;
    width:42px !important;
    cursor:pointer;
    }
  .offre_photo_viewer .jcarousel-next, .offre_photo_viewer .jcarousel-next {
    background:url(../images/pictos/arrow-right.gif) no-repeat left center !important;
    height:178px !important;
    width:33px !important;
    cursor:pointer;
    }
  .offre_photo_viewer .jcarousel-next-disabled, .offre_photo_viewer .jcarousel-prev-disabled {
    opacity:0.5;
    cursor:auto;
  }
  .offre_photo_viewer .jcarousel-next, .offre_photo_viewer .jcarousel-prev  {
    cursor:normal;
  }
  .offre_photo_viewer .jcarousel-clip-horizontal ul li img {
  	border:2px solid #D8D8D8 !important;
  	background:white;
  	padding: 2px 2px 2px 2px;
  	-webkit-box-shadow: rgba(0, 0, 0, 0) 0 0 0 !important;
  	-moz-box-shadow: rgba(0, 0, 0, 0) 0 0 0 !important;
  	 }

/* RESERVATION SEJOUR Block Sidebar Recherche  */

  


/*ARTICLE GEOLOCALISATION */
  div.geolocalisationDiv {border: 9px solid #D6C6B0; overflow:hidden; margin : 0 0 20px 0; width: 250px; }
  .environsBlock .map_links {width: 260px; }
  .environsBlock .map_links li  { margin : 3px 0; float:left; display:block; clear:both; width: 100%}
  .environsBlock .map_links li a { padding : 4px ; color:#8D7149; font-weight:bold; float:left; display:block; font-size:11px; text-decoration:none; clear:both; width: 100%; background:#D8E6F0 url(../images/arrow.gif) no-repeat scroll 98% center;}
  .environsBlock .map_links li a:hover { background:#D6C6B0 url(../images/arrow.gif) no-repeat scroll 98% center; color:white;}

  .offre_photo_viewer {float:left; display:block; clear:both; width: 100%; margin-top:10px;/*  background:url(../images/bg-portfolio-article.gif) no-repeat left top; padding:10px 0 0 10px;*/}

 	#content img.imagecache { /*-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);*/ border:4px solid #D4D4BC; }
 	#content .gallery-home img.imagecache { -webkit-box-shadow: none; -moz-box-shadow:none; border:0 none; }


/* déclinaisons couleurs */

  .page_tendances .RootMenu ul li.active a { background-color: #ABC61F ; color:white; }
  .page_tendances #content h4 a { color: #ABC61F ; }
  .page_tendances #content h4 a:hover { color:#E4EFA4;}
  .page_tendances .RootMenu ul li a:hover { background-color:#E4EFA4; color:white; }
  .page_tendances .diapo-subtitle { background-color:#857F7F ; background: rgba(233, 203, 52, 0.8); }
  .page_tendances #content img.imagecache, .page_tendances #content .offre img {border:4px solid #ABC61F}
  .page_tendances #content a:hover img.imagecache { border:4px solid #E4EFA4 }
  .page_tendances #content .offre .price {background:transparent url(../images/bg-price-ABC61F.gif) no-repeat scroll left top;}

  .page_romantique .RootMenu ul li.active a { background-color: #9199C7 ; color:white; text-decoration:none; }
  .page_romantique .RootMenu ul li a:hover { background-color: #BFC9FF ; color:white; text-decoration:none; }
  .page_romantique #content h4 a { color: #9199C7 ; }
  .page_romantique #content h4 a:hover { color: #BFC9FF ; }
  .page_romantique .diapo-subtitle    { background-color:#C7D1AF ;background: rgba(228, 240, 199, 0.8); }
  .page_romantique .diapo-subtitle span   { color:#666666; text-shadow:0 0 0 #000000;}
  .page_romantique #content img.imagecache, .page_romantique #content .offre img { border:4px solid #9199C7}
  .page_romantique #content a:hover img.imagecache { border:4px solid #BFC9FF}
  .page_romantique #content .offre .price {background:transparent url(../images/bg-price-9199C7.gif) no-repeat scroll left top;}


  .page_insolite .RootMenu ul li.active a { background-color: #FA1752 ; color:white; text-decoration:none; }
  .page_insolite .RootMenu ul li a:hover { background-color: #FF9FB9 ; }
  .page_insolite #content h4 a { color: #FA1752 ;  }
  .page_insolite #content h4 a:hover { color: #FF9FB9 ; }
  .page_insolite .diapo-subtitle    { background-color:#724893; background: rgba(117, 63, 153, 0.8); }
  .page_insolite #content img.imagecache, .page_insolite #content .offre img {border:4px solid #FA1752;}
  .page_insolite #content a:hover img.imagecache { border:4px solid #FF9FB9;}
  .page_insolite #content .offre .price {background:transparent url(../images/bg-price-C7D1AF.gif) no-repeat scroll left top;}


  .page_naturelle .RootMenu ul li.active a { background-color: #CCC68A ; color:white; text-decoration:none; }
  .page_naturelle .RootMenu ul li a:hover { background-color: #EFEBC2; color:white; text-decoration:none; }
  .page_naturelle #content h4 a { color: #CCC68A ; }
  .page_naturelle #content h4 a:hover { color: #EFEBC2; }
  .page_naturelle .diapo-subtitle    { background-color:#C7D1AF; background: rgba(200, 219, 182, 0.8);	}
  .page_naturelle #content img.imagecache, .page_naturelle #content .offre img {border:4px solid #CCC68A}
  .page_naturelle #content a:hover img.imagecache { border:4px solid #EFEBC2}
  .page_naturelle #content .offre .price {background:transparent url(../images/bg-price-CCC68A.gif) no-repeat scroll left top;}


  .page_merveilles .RootMenu ul li.active a { background-color: #CCCCCC ; color:white; text-decoration:none; }
  .page_merveilles .RootMenu ul li a:hover { background-color: #EFEFEF ; color:white; text-decoration:none; }
  .page_merveilles #content h4 a { color: #E9CB34 ; }
  .page_merveilles #content h4 a:hover { color: #CCCCCC ; }
  .page_merveilles .diapo-subtitle span   { /* color:#666666;text-shadow:0 0 0 #000000;*/}
  .page_merveilles .diapo-subtitle    { background-color:#E9CB34; background: rgba(233, 203, 52, 0.8);	}
  .page_merveilles #content img.imagecache, .page_merveilles #content .offre img {border:4px solid #CCCCCC}
  .page_merveilles #content a:hover img.imagecache {border:4px solid #EFEFEF}
  .page_merveilles #content .offre .price {background:transparent url(../images/bg-price-CCCCCC.gif) no-repeat scroll left top;}


  .page_saveurs .RootMenu ul li.active a { background-color: #CF4450 ; color:white; text-decoration:none; }
  .page_saveurs .RootMenu ul li a:hover { background-color: #EF7784 ; color:white; text-decoration:none; }
  .page_saveurs #content h4 a { color: #8F2539 ; }
  .page_saveurs #content h4 a:hover { color: #CF4450 ; }
  .page_saveurs .diapo-subtitle    { background-color:#A12A45; background: rgba(207, 53, 83, 0.8);	}
  .page_saveurs #content img.imagecache, .page_saveurs #content .offre img { border:4px solid #CF4450}
  .page_saveurs #content a:hover img.imagecache { border:4px solid #EF7784}
  .page_saveurs #content .offre .price {background:transparent url(../images/bg-price-CF4450.gif) no-repeat scroll left top;}


  .page_historique .RootMenu ul li.active a { background-color: #54421F ; color:white; text-decoration:none; }
  .page_historique .RootMenu ul li a:hover { background-color:#8F7647 }
  .page_historique #content h4 a { color: #54421F ; }
  .page_historique #content h4 a:hover { color:#8F7647 }
  .page_historique .diapo-subtitle    { background-color:#84393C; background: rgba(96, 17, 35, 0.8);	}
  .page_historique #content img.imagecache, .page_historique #content .offre img {border:4px solid #54421F}
  .page_historique #content a:hover img.imagecache {border:4px solid #8F7647}
  .page_historique #content .offre .price {background:transparent url(../images/bg-price-54421F.gif) no-repeat scroll left top;}


  .page_balneaire .RootMenu ul li.active a { background-color: #00CCFF ; color:white; text-decoration:none; }
  .page_balneaire .RootMenu ul li a:hover { background-color: #9FEDFF ; color:white; text-decoration:none; }
  .page_balneaire #content h4 a { color: #325B7F ; }
  .page_balneaire #content h4 a:hover { color: #9FEDFF ; }
  .page_balneaire .diapo-subtitle    { background-color:#3E5C74; background: rgba(50, 91, 127, 0.8);	}
  .page_balneaire #content img.imagecache, .page_balneaire #content .offre img {border:4px solid #00CCFF}
  .page_balneaire #content a:hover img.imagecache {border:4px solid #9FEDFF}
  .page_balneaire #content .offre .price {background:transparent url(../images/bg-price-00CCFF.gif) no-repeat scroll left top;}


  .page_decouvertes  .RootMenu ul li.active a,
  .page_decouvertes .RootMenu ul li a.blue:hover { background-color: #B0DAFF ; color:white; text-decoration:none; }

  .page_gastronomie .RootMenu ul li.active a,
  .page_gastronomie .RootMenu ul li a.blue:hover { background-color: #CF3553 ; color:white; text-decoration:none; }
  .page_gastronomie .diapo-subtitle    { background: #CF3553; background: rgba(207, 53, 83, 0.8);	 }


  .page_tonique .RootMenu ul li.active a { background-color: #DFF8FF ; color:white; text-decoration:none; }
  .page_tonique .RootMenu ul li a:hover { background-color: #99E5FA ; }
  .page_tonique #content h4 a { color: #96CD26 ; }
  .page_tonique #content h4 a:hover { color: #C4E635 ; }
  .page_tonique .diapo-subtitle    { background-color:#A8C044; background: rgba(196, 230, 53, 0.8);	 }
  .page_tonique #content img.imagecache, .page_tonique #content .offre img  {border:4px solid #99E5FA}
  .page_tonique #content a:hover img.imagecache  { border:4px solid #99E5FA }
  .page_tonique #content .offre .price {background:transparent url(../images/bg-price-99E5FA.gif) no-repeat scroll left top;}



  /*manquant */
  .page_jardins .RootMenu ul li.active a { background-color: #99E5FA ; color:white; text-decoration:none; }
  .page_jardins .RootMenu ul li a:hover { background-color: #DFF8FF ; }
  .page_jardins #content h4 a { color: #96CD26 ; }
  .page_jardins #content h4 a:hover { color: #C4E635 ; }
  .page_jardins .diapo-subtitle    { background-color:#A8C044; background: rgba(196, 230, 53, 0.8);	 }
  .page_jardins #content img.imagecache, .page_tonique #content .offre img  {border:4px solid #96CD26}
  .page_jardins #content a:hover img.imagecache  {border:4px solid #DFF8FF}
  .page_jardins #content .offre .price {background:transparent url(../images/bg-price-99E5FA.gif) no-repeat scroll left top;}
  
  
  
  .page_sportive .RootMenu ul li.active a { background-color: #DE3B3C ; color:white; text-decoration:none; }
  .page_sportive .RootMenu ul li a:hover { background-color:#EF9597;  }
  .page_sportive #content h4 a { color: #DE3B3C ; }
  .page_sportive #content h4 a:hover { color: #EF9597 ; }
  .page_sportive .diapo-subtitle    { background:#4DA6C3;	}
  .page_sportive #content img.imagecache, .page_sportive #content .offre img {border:4px solid #DE3B3C}
  .page_sportive #content a:hover img.imagecache { border:4px solid #EF9597}
  .page_sportive #content .offre .price {background:transparent url(../images/bg-price-DE3B3C.gif) no-repeat scroll left top;}

  .page_familiale .RootMenu ul li.active a { background-color: #C3DBEC ; color:white; text-decoration:none; }
  .page_familiale .RootMenu ul li a:hover { background-color: #CFECFF ; color:white; text-decoration:none; }
  .page_familiale #content h4 a { color: #97A583 ; }
  .page_familiale #content h4 a:hover { color: #CFECFF ; }
  .page_familiale .diapo-subtitle    { background:#97A583;	}
  .page_familiale #content img.imagecache, .page_familiale #content .offre img {border:4px solid #C3DBEC}
  .page_familiale #content a:hover img.imagecache {border:4px solid #CFECFF}
  .page_familiale #content .offre .price {background:transparent url(../images/bg-price-C3DBEC.gif) no-repeat scroll left top;}


  .page_festive .RootMenu ul li.active a { background-color: #F2BD1D ; color:white; text-decoration:none; }
  .page_festive .RootMenu ul li a:hover { background-color: #FFDF7F ; }
  .page_festive #content h4 a { color: #F2BD1D ;}
  .page_festive #content h4 a:hover { color: #FFDF7F ; }
  .page_festive .diapo-subtitle    { background:#C54B61;	}
  /*.page_festive h4    { color:#C54B61;	}*/
  .page_festive #content img.imagecache, .page_festive #content .offre img {border:4px solid #F2BD1D}
  .page_festive #content a:hover img.imagecache {border:4px solid #FFDF7F}
  .page_festive #content .offre .price {background:transparent url(../images/bg-price-F2BD1D.gif) no-repeat scroll left top;}

  
  .page_creative .RootMenu ul li.active a { background-color: #DE3B3C ; color:white; text-decoration:none; }
  .page_creative .RootMenu ul li a:hover { background-color:#EF9597;  }
  .page_creative #content h4 a { color: #DE3B3C ; }
  .page_creative #content h4 a:hover { color: #EF9597 ; }
  .page_creative .diapo-subtitle    { background:#4DA6C3;	}
  .page_creative #content img.imagecache, .page_creative #content .offre img {border:4px solid #DE3B3C}
  .page_creative #content a:hover img.imagecache {border:4px solid #EF9597}
  .page_creative #content .offre .price {background:transparent url(../images/bg-price-DE3B3C.gif) no-repeat scroll left top;}


  .offre_photo_diapos { background:url(../images/bg-portfolio-article.gif) no-repeat left top; width: 345px; height:321px; float:left;  display:block; clear:both;  padding:8px;}
  #content .offre_photo_diapos img { float:left; border:0 !important; }
  .offre_photo_diapos .jcarousel-container {margin-left: -13px; }
  .offre_photo_diapos .jcarousel-container .jcarousel-prev{
    background:url(../images/pictos/carousel-produit-left.png) no-repeat left top ;
    width: 34px;
    height: 57px;
    float:left;
    cursor:pointer;
     }
  .offre_photo_diapos .jcarousel-container .jcarousel-next {
    background:url(../images/pictos/carousel-produit-right.png) no-repeat right top ;
    width: 34px;
    cursor:pointer;
    height: 57px;
    float:right;
  }
  .offre_photo_diapos .jcarousel-container .jcarousel-prev:hover,
  .offre_photo_diapos .jcarousel-container .jcarousel-next:hover {
    opacity : 0.8;
    -moz-opacity : 0.8;
     }
.offre_photo_diapos .jcarousel-container .jcarousel-prev-disabled,
  .offre_photo_diapos .jcarousel-container .jcarousel-prev-disabled {
    opacity : 0.2;
    -moz-opacity : 0.2;
     }
     
     .offre_photo_diapos .jcarousel-container .jcarousel-prev-disabled,
  .offre_photo_diapos .jcarousel-container .jcarousel-prev-disabled,
  .offre_photo_diapos .jcarousel-container .jcarousel-next-disabled,
  .offre_photo_diapos .jcarousel-container .jcarousel-next-disabled {
  	opacity:0.2 !important;
  	cursor:default;
  }

.centered {
background-color:#35678F;
border:1px solid red;
color:white;
height:100px;
padding:20px;
width:150px;
}

/* FORMULAIRE CANET DE VOYAGE */

.formulaire-container .form-text {
background:transparent url(../images/bg-input.png) no-repeat scroll left top;
border:0 none;
color:#4C483A;
display:inline;
font-size:1.1em;
height:16px;
padding:6px 10px;
width:203px !important;
  }

.formulaire-container #user-login .form-text {
background:transparent url(../images/bg-input-sm.png) no-repeat scroll left top;
width:169px !important;
  }

.formulaire-container #user-login .form-text label {
    width:145px;
 }

h2.line {
  background:transparent url(../images/bg-colfull-title.png) no-repeat scroll left bottom;
  float:left;
  margin:1em 0;
  padding:6px 0;
  position:relative;
  width:100%;

}

.formulaire-container .form-item label {
	display:inline;
	float:left;
	font-size:1.2em;
	line-height:2.5em;
	text-align:right;
	width:150px;
	color: #666666;
}

#cdt35-carnetdevoyage-mesinfos-edit .form-item label {
	width:157px;
	margin-right:5px;
}

#cdt35-carnetdevoyage-mesinfos-edit legend {
	color:#4D656B;
	font-size:1.6em;
	line-height:1.8em;
	font-weight: bold;
}
#cdt35-carnetdevoyage-mesinfos-edit fieldset {
	border:1px solid #DCDCDC;
	padding:5px;
}
#cdt35-carnetdevoyage-mesinfos-edit .description {
	clear:both;
	color:#999999;
	font-size:0.85em;
	margin-left:164px;
	text-align:left;
}
#cdt35-carnetdevoyage-mesinfos-edit #edit-profile-optin-wrapper .option {
	margin-left:152px
}

#edit-contact-wrapper .description {
	margin-left:0;
}


.formulaire-container #user-login .form-item {
	display:inline;
	float:left;
	width:50%;
	text-align:right;
   }

.formulaire-container .form-submit {
	background:rgba(221, 223, 222, 0.4) none repeat scroll 0 0;
	border:2px solid #fff;
	color:#8F7857;
	float:right;
	font-weight:bold;
	padding:5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px;
	margin:1em 0 0;
}

.formulaire-container .form-item .description, .form-item .description p {
font-size:0.85em;
color:#999999;
}

input[type=submit] { cursor: pointer; }

.formulaire-container .sub-container, .formulaire-container  .login-connect-container { clear: both; }
#main .formulaire-container  .sub-container h3 { display: inline; font-size: 1.3em; font-weight: bold; color: #333; float: left; clear:both; margin:0 1em 0 0; }
.formulaire-container  .sub-container #user-register { float: right; text-align: right; width:65%; }

.formulaire-container  #user-register legend, .formulaire-container  #user-login legend { display: none; }
.formulaire-container  #user-register label { width:210px; }

.formulaire-container  .sub-content, .formulaire-container  .fb-connect-container { float: left; clear: both; width: 100%; margin:1em 0 0; }

.formulaire-container  fieldset { margin-bottom:0; padding:0; }

.formulaire-container  .form-item label.option {
	display:inline;
	font-weight:normal;
	clear: both;
	float:none;
	width: auto;
}

#edit-language-uk-wrapper, #edit-language-fr-wrapper { float: left; clear: none; }

.visuel-liste { float:left; height:83px; width:83px; margin:0 1em 0 0;  }

.container-list h4 { font-size:16pt; }

h4 a { color: #8D7149; font-weight : bold; text-decoration: none}

.container-list-event { float: right; /*width:87%;*/ width:80%; }
.container-list-event ul li, .container-list-event ol li { font-size:1.1em; }

.suggestions_container { float: left; width: 100%; }

.suggestion_left .container-list-event, .suggestion_right .container-list-event { width:68%; }

.links { clear: both; margin:1em 0 0; }

.container-list-event p { margin:0.5em 0; }

.container-list {
  background:transparent url(../images/bg-colfull-title.png) repeat-x scroll left bottom;
  float:left;
  margin:0 0 1em;
  padding:1em 0 2em;
  position:relative;
  width:100%;
  opa
}

.espace-container-article .container-list {
	margin-right:2em;
	width:47%;
	min-height:90px;
}

.espace-container-article .container-list-event {
	float:right;
	width:67%;
}

/* STYLES ROMAIN */

	.cdt35_node_link {
	float:left;
	padding:0 10px 10px 0;
	width:auto;
	}
	.zoom_sur_footer {
	clear:both;
	}

	.error-newsletter {
	color : red;
	padding-left : 5px;
	}

	.node-idee {
	background:transparent url(../images/bg-colfull-title.png) no-repeat scroll left top;
	float:left;
	padding:18px 0;
	position:relative;
	width:100%;
	}

	.fb-mini-picto {
	margin-bottom:-5px;
	}


	.node-idee-left-footer div {
	float:left;
	padding:5px;
	}

	.node-idee-left {
	width:50%;
	float:left;
	}

	/*.node-idee-right {
	width:50%;
	float:left;
	padding-left:30px;
	}*/
	.node-idee-right {
float:right;
width:294px;
	}

	.node-idee-left-body {
		/*height:150px;*/
		clear:both;
	}

	.node-idee-left-body p {
		clear: both;
	}

	.node-idee-left-header {
		clear: both;
		display: block
	}

	.zoom_sur {
	height:auto;
	width:100%;
	}

	.zoom_sur_header h1 {
	color:#4D656B ;
	}

	.zoom_sur_left {
	width : 245px;
	float : left;
	}

	.zoom_sur_right {
	width : 298px;
	float : right;
	}

	.zoom_sur h2 {
	color : #8D7149	;
	}

	.node-list {
	clear:both;
	}

	.view-content h2
	{
	color:#D45F3F;
	}

	#comments {
	clear:both;
	margin-top:40px;
	}

	#comments h2 {
	color:#D45F3F;
	}
	.offre-emploi h2 {
	color:#D45F3F;
	}

	.offre-emploi {
	margin-top:10px;
	}

	#espace_presse .offre .price {
	top:40px;
	}

	.vote {
	width:auto;
	}
	.vote .fivestar-static-form-item {
	float : left;
	}

	.offre-content .vote .fivestar-static-form-item
	{
	float:left;
	}

	.user-rating {
	display : none;
	}
	.no-photo {
color:#666666;
margin-left:7%;
margin-top:35%;
text-align:center;
width:102px;
	}

	.switch_photo {
	cursor:pointer;
	}

	.thumbnail-offre img {
	/*margin-left:5px !important;
	margin-top:5px !important;*/
	}

	.thumbnail-offre {
	float:left;
	height:114px;
	width:114px;
	/*background: url(../images/thumbnail-offre-cadre.png) no-repeat scroll -2px top;*/
	background-color: #fff;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 7px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 7px;
	}

	.blocSidebar .thumbnail-offre {
		width: 109px;
		height: 109px;
	}

	#related_offres {
	clear:both;
	display:inline;
	float:left;
	margin:0 20px 0 0;
	width:685px;
	}

	.related_offres-title {
	color : #4D656B	;
	clear:both;
	margin-top:20px;
	}

	.comment h3 {
	float : left;
	}

	.suggestions {
	font-size:11px;
	font-weight:bold;
	}

	.comment-title {
	color : #D45F3F	;
	clear:both;
	margin-top:20px;
	}

	.submitted {
	font-size:1.2em;
	font-style:italic;
	}

	#roll-debug {
	clear:both;
	float:left;
	padding-top:10px;
	cursor:pointer;
	}

	.node .links {
		float : left;
		clear : both;
		margin:1em 0 0;
	}

	.node-content-col {
		padding-top : 25px;
	}

	.infos_ouverture {
		padding-top : 10px;
	}

	#big-pic {
		border : 4px solid #D6C6B0;
	}
	.node-debug {
	float : left;
	}


	.node-col-right h2 {color : #D45F3F	;margin-top:-10px;}
	.node-col-left { /*width : 60%;*/width:58%;	float:left;	}
	.node-col-right {	width : 40%;		float:right;	}
	.carnet_loader {width : 200px;		height : 200px;		background: url(../images/carnet_loader.gif) no-repeat scroll 50% 50%;}
	.ajout_loader {	background: url(../images/ajout_loader.gif) no-repeat scroll left top;		padding-left : 20px;	}
	.bloc_node_photo {	float : left;	padding : 2px;	}
	.bloc_node_photo img {	border : 1px solid black;	}
	.rougerouge {	border : 1px solid red !important;	}
	.bloc_node_photo {		float : left;		padding : 2px;	}
	.selection_remove_from_liste {	color : #4395AA !important;	}
	.selection_remove_liste {	color : #4395AA !important;	}
	.produit_selection {	float:left;	width:70%;	}

	.produit_selection .container-list-event { float:right; width:79%; }

	.produit_selection .container-list { background: none; padding:0; }

	.produit_selection_stats {	float:right;	padding-left:10px;	width:28%;	}
	.produit_selection_container {
		display:block;
		float:left;
		margin:0 0 15px;
		width:100%;
		}

	.produit_selection_div {display:block;float:left;width:100%;}
	.produit_selection_container {	display:block;		float:left;		margin:0 0 15px;		width:100%;		}
	.carnet_de_voyage_container {
		padding-top:15px;
		margin-top:15px;
	}
	.suggestion_left {	width:48%; float : left;}
	.suggestion_right { width:48%; float : right;}

/* END STYLES ROMAIN */


	.node-idee-left-footer {
		background:rgba(255, 255, 255, 0.5);
		border-left:2px solid #D4D4BC;
		float:left;
		margin:1em 0 0;
		width:96%;
	}

	.diapo-container #mycarousel li img {
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		opacity: 0.7;
	}

	.diapo-container #mycarousel li img:hover {
		opacity: 1;
	}

	.diapo-link {

		/* Already working on webkit */
		-webkit-transition: padding-left .3s ease-out;

		/* When being supported by FF */
		-moz-transition: padding-left .3s ease-out;

		/* All */
		transition: padding-left .3s ease-out;
	}

	.diapo-link:hover {	padding-left:15px;	}



/*1120*/
	#block-cdt35_pagesracine-0 {float:left; display:block; }
	#block-cdt35_pagesracine-0 h3 {
		background:transparent url(../images/bg-col2-title.png) no-repeat scroll left bottom;
		/*color:#3A4446;*/
		margin:0 0 10px;
		padding-bottom:5px;
		}

	.groupPictures img { width: 60px;height:60px;}
	#right-col ul li.active a,
	#right-col ul li a:hover { background :none !important; color :#839598}

	.node-content-col .node-col-left h5 { font-size:1.3em; color: #4395AA; padding-bottom:0.5em;background: url(../images/bg-col2-title.png) no-repeat scroll left bottom; margin : 5px 0 }
	.carac_ul p {font-size:11px; padding: 1em 0 ;}
	.offre_tarifs {}

/*
	.cibleBlock    { margin : 1em 0 ; background:white; }
	.categoryBlock { margin : 1em 0 ; background:white; }
	.affinitBlock  { margin : 1em 0 ; background:white; }
	*/

	.cibleBlock, .categoryBlock, .affinitBlock    { display:block;
float:left;
margin:1em 0;
width:100%; }

	.espace-presse .diapo-container, .espace-pro .diapo-container  { height: 239px; }

	.espace-pro .diapo-container img.diapo, .espace-presse .diapo-container img.diapo  { height: 222px; }

	.espace-pro .diapo-container .bg-diapo,
	.espace-presse .diapo-container .bg-diapo {
      background:transparent url(../images/bg-cadre-sm.png) no-repeat scroll left top;
      height: 239px;
      width:1002px;
      z-index:999;
      position: relative;
    }


span.libelle {font-size: 1.1em;}

.commune { font-style: italic; font-size:1.1em; }

.date {
	clear:both;
	color:#4395AA;
	display:block;
	font-size:1.2em;
	font-weight:bold;
}

.bandeau_infos .date { display: inline; clear: none;}

div.fivestar-widget-static {
display:block;
margin:0.5em 0;
}

.vote .avis-offre { line-height:2.4em; }

.zoom_sur_right_body p { clear: both; }

.select_liste { width:175px; }

#main .block ul { margin:0; padding:0.5em 0; }

ul.offre_tarifs  li { font-size:1.1em }

span.comment_forbidden { font-size: 1.2em; }

.zoom_sur_right h4 { font-size:2.0em }


.info-pratiques {
	background: #fff;
	 -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px;
  	 -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px;
}

.info-pratiques-container {
	padding:10px;
}

/* STYLES JULIEN */


.RootMenu ul li a.header-espace-pro {
	font-size:14px;
	line-height:15px;
	padding:3px 10px 4px;
	width:90px
}

.RootMenu ul li a.header-espace-pro:hover,.RootMenu ul li.header-espace-pro-active a {
	background-color:#39688E;
	color:#FFFFFF;
	text-shadow:0 0 3px #000000 !important;
}

.block-offres-emplois ul {
	/*list-style-image:;*/
	list-style-type:disc;
	padding: 0 10px;
	margin-left:12px;
}
.block-offres-emplois ul li {
	background:transparent url(../images/puce-job.gif) no-repeat scroll left 7px;
list-style-type:none;
padding:0 0 10px 15px;
}
.block-offres-emplois ul li a {
	color:#3A4446;
	text-decoration: underline;
	font-size:1.2em;
	font-weight: normal;
	line-height:1em;
}

.block-labels ul li,.block-organismes ul li {
	display: inline-block;;

}
.block-labels ul li img,.block-organismes ul li img{
	width:76px;
	vertical-align:middle;
}

.block-labels ul li span.imgContainer,.block-organismes ul li span.imgContainer{
	width:76px;
	border:1px solid black;
	height:80px;
	display: block;
	padding:2px;
}
.block-labels p.all-labels{
	margin:20px 0 0 145px;
}

.block-organismes p.all-organismes{
	margin:20px 0 0 110px;
}

.block-ressources, .block-concours {
	clear:both;
	float:left;
	width:100%;
}

.block-concours h3.title, .block-ressources h3.title {
	text-align: left;
	margin:1em 0;
	background:transparent url(../images/bg-colfull-title.png) no-repeat scroll left bottom;
	padding-left:4px;
}
.block-concours .teaser-concours{
	float:left;
	margin:0 1em 0 0;
	width:48%;
}

.teaser-concours .imgContainer {
	float:left;
	margin:0 1em 0 0;
}
.block-concours .teaser-concours img{
	width:100px;
	float:left;
	margin-right:10px;
}
.block-concours p.intro{
	margin:15px 0px 20px 0;
}

div.block-offres-emplois p {
clear:both;
display:block;
float:left;
width:100%;
margin:10px 0 0 135px;
}
 div.block-offres-emplois p span.candidature a {
	background:transparent url(../images/puce-ensavoirplus.gif) no-repeat scroll left 3px;
	padding-left:15px;
}


/* ESPACE PRESSE*/

/*.RootMenu ul li a.header-espace-presse {
	font-size:14px;
	line-height:15px;
	padding:3px 10px 4px;
	width:90px
}*/

.RootMenu ul li a.header-espace-presse:hover,.RootMenu ul li.header-espace-presse-active a {
	background-color:#39688E;
	color:#FFFFFF;
	text-shadow:0 0 3px #000000 !important;
}

/* Phototheque*/
ul.gallery-home{

}
ul.gallery-home li{
	display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
	width:160px;
	height:73px;
	overfloaw:hidden;
	margin-right:6px;
	border:1px solid #E3DED0;
	margin-bottom:15px;
	zoom: 1;
    *display: inline;
	_height: 250px;
}
ul.gallery-home li img{
	float:left;
	padding:6px;
	vertical-align:middle;
	width:60px;
}

ul.gallery-home li img:hover {
	opacity:1;
	}

ul.gallery-home li a{
	color:#A5A427;
	display:table-cell;
	font-size:12px;
	height:75px;
	padding:0 5px 0 0;
	position:relative;
	text-align:right;
	text-decoration:none;
	vertical-align:middle;
	width:70%;

}

ul.gallery-home li a:hover{
	background: rgba(255, 255, 255, 0.5);

}

ul.gallery-inside {
	width:100%;
}
ul.gallery-inside li {
	display:inline-block;
	width:216px;
	border:1px solid #E3DED0;
	background:#FFFFFF none repeat scroll 0 0;
	margin-right:6px;
	height:300px;
	margin-bottom:15px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px;
}
ul.gallery-inside li img{
	padding:5px 9px 5px 9px;
}
ul.gallery-inside li span.title{
	float:left;
	clear:both;
	width:213px;
	text-align: center;
	padding:0px 8px 5px 8px;
}
ul.gallery-inside li span.description{
	float:left;
	clear:both;
	width:213px;
	text-align: center;
}
div#pager-gallery{
	width:100%;
	text-align:center;
}
div#pager-gallery span.current-page{

}
div#pager-gallery span.other-page a{
	color:#4D656B;
	margin-right:3px;
}

/*Pager right col*/
div.right_pager{
padding:8px 0px 8px 0px;
text-align:center;
width:280px;
overflow:hidden;
}
div.right_pager a{
	padding: 2px;
	margin-right:2px;
	border:1px solid #DDDDDD;

}
div.right_pager a:hover{
	background:#CDCD83 none repeat scroll 0 0;
}

div.right_pager a.highlight,
div.right_pager a.highlight:hover{
	color:#4D656B;
	text-decoration: underline ;
	background:none;
}

ul.gallery-labels li{
	margin-right:6px;
	margin-bottom:15px;
	display: inline;
}

/* FIN STYLES JULIEN */

.button-download {
	background: #E7E7D9;
	padding:5px 10px;
	float:left;
	color: #3A4446;
	margin:1em 0;
	text-decoration: none;
	font-weight:bold !important;
}

.enhanced-bloc a {
	font-size:1.1em;
	font-weight:normal;
}

.enhanced-bloc p {
	clear: both;
	font-size:1.1em;
}

#content ol li, #content ul li { font-size:1.1em; }

.block-accroche, .phototheque-container {
	clear:both;
	display:block;
	float:left;
	margin:2em 0 3em;
	width:100%;
}

.imgContainer {
	float: left;
	margin:0 2em 0 0;
}

.cibleBlock a , .affinitBlock a {
	font-size:1.1em;
}

.block-ressources h4 {

}

.block-accroche h4 {
color:#A54B1E;
font-size:2em;
}

#content .gallery-inside img { border: 0 none; }

.block-accroche-content {
	float:left;
width:65%;
 }

 .espace-presse #content .container-list h4 a, .block-communiques a {
 color: #A54B1E;
 }

 .block-communiques ul li { list-style-type: disc; list-style-position:inside; }

 /* CHARGEMENT SLIDER HOME */

.univers-slider li {
	float: left;
}

.univers-slider {
	height:127px;
	margin:0 auto;
	width:1002px;
	z-index:888;
}

.univers-slider ul {
	height:127px;
	margin:0 auto;
	width:970px;
	overflow: hidden;
}

.block-accroche a {
	background:transparent url(../images/puce-ensavoirplus.gif) no-repeat scroll left 3px;
	border:0 none;
	color:#666666;
	cursor:pointer;
	display:block;
	font-size:1.1em;
	margin:2em 0 0;
	padding:0 0 0 15px;
}

.page404 .error404 {
	color:#E6E8DA;
	display:block;
	font-size:17em;
	line-height:1em;
	text-shadow:1px 0 3px #757162;
}

.page404 .expli {
	color:#757162;
	font-size:1.6em;
}

.page404 .error {
	color:#757162;
	font-size:6.7em;
	text-transform:uppercase;
	line-height:1em;
}

.container404 {
	margin-top:0;
	width:285px;
}

.brochure_links {
	margin:0.5em 0 0;
	display: none;
}

div.brochure {
	float:left;
	padding:10px;
	text-align:center;
	width:160px !important;
	background:white;
	border:1px solid #ddd;
	-moz-box-shadow:0 2px 7px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:0 2px 7px rgba(0, 0, 0, 0.15);
	margin : 8px ;
	min-height:295px !important;
}

#offre_pager_container { display: none }

