/* CSS Cavaliers du monde v2 */

/* Styles généraux ------------------------------------------------ */

.testwidth {width:4px;height:1px;line-height:1px;overflow:hidden;}
div.spacer {float:none;clear:both;height:1px;}
.mobileonly {display:none !important;}
.desktop-tab-only {display:block !important;}
span.desktop-tab-only {display:inline-block !important;}
* {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 0;
    padding: 0;
}

html {
    background-color: #fbfaf2;
}

body {
    color: #5b6711 ;
    line-height: 13px;
    padding: 0 0 40px 0;
}

dl, dt, dd, ul, li {
    list-style-type: none;
}

img, table {
    border: 0;
}

input {
    color: #718E36;
    border: 0;
}

select, textarea {
    color: #718E36;
    text-align: left;
    border: 0;
    padding: 3px 0;
}

a {
    color: #5b6711;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a.document {
    display: inline-block;
    padding-left: 20px;
    padding-top: 2px;
    text-transform: uppercase;
    background: url("../images/pictos/pdf.png") left center no-repeat;
}
a.bold {
    font-weight: bold;
}
.clear {
    clear: both;
}

.height {
    height: 14px;
}

.ligne-verte {
    color: #FFF;
    background-color: #718E36;
}

.pdf {
    position: relative;
    height: 16px;
    margin: 10px 0;
}

.pdf img {
    position: absolute;
    top: 0;
    left: 0;
}

.pdf a {
    display: block;
    position: absolute;
    top: 2px;
    left: 19px;
    color: #5b6711;
}

.pdf span {
    display: block;
    position: absolute;
    top: 0;
    left: 19px;
    color: #5b6711;
}

.pdf-link {
  color: #5b6711;
  display: inline-block;
  height: 20px;
  padding-left: 20px;
  padding-top: 10px;
  background: url("../images/pictos/pdf.png") left center no-repeat;
}

/* Mise en page ------------------------------------------------ */

#hautdepage {
    position: relative;
    width: 1000px;
    height: 156px;
    margin: 0 auto;
	background-color:#330;
}

#page {
    width: 1000px;
    margin: 0 auto 14px auto;
}

#basdepage {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

/* Haut de page ------------------------------------------------ */

#logo {
    position: absolute;
    top: 5px;
    left: 5px;
}

#liens-haut {
    position: absolute;
    top: 0;
    right: 0;
    width: 790px;
    padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	color:#fff;
}

#liens-haut a {color:#fff;}

#liens-haut li {
    float: right;
    height: 20px;
    padding-left: 3px;
}

#accroche {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    position: absolute;
    top: 57px;
    right: 0;
}

#accroche p {
    font-size: 21px;
    line-height: 30px;
	color:#fff;
	padding-right:10px;
}

#onglets {
    position: absolute;
    top: 126px;
    right: 0;
    width: 790px;
    border-top: 1px solid #F00;
    padding-left: 10px;
	background-color:#FFF;
	height:29px;
}

#onglets li {
    float: left;
    height: 22px;
    padding: 8px 3px 0 0;
}

#mon-compte {
    position: absolute;
    top: 135px;
    right: 5px;
}

ul.onglets {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.onglets li {
    float: left;
}

.dropbtn {
    display: inline-block;
    color: #5b6711;
    text-align: center;
    padding: 2px;
    font-weight: bold;
}


ul.onglets .dropdown:hover .dropbtn {
    background-color: #FFFFFF;
    color: #006400;
}

.dropdown {
    display: inline-block;
}

ul.onglets .dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    color: #006400;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999999;
    padding: 5px;
	padding-right: 10px;
    line-height: 20px;
	margin-left:-5px;
}

.dropdown-content a {
    color: #006400;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown:hover .dropdown-content {
    display: block;
}


.panier {
  color: #FFF;
  display: block;
  float: left;
  height: 20px;
  padding-left: 20px;
  background: url("../images/pictos/panier.png") left top no-repeat;
}
.affiche-prix { text-align: right;}

#rayons {
    position: absolute;
    top: 126px;
    left: 0;
}

#bouton-rayons {
    width: 200px;
    height: 21px;
	line-height:16px;
    font-weight: bold;
    border-top: 1px solid #F00;
    padding: 8px 0 0 5px;
    white-space: nowrap;
	background-color:#fff;
}

#recherche {
    position: relative;
    width: 200px;
    height: 20px;
	border:1px solid #330;
	border-radius:5px;
	margin-top:5px;
}

#recherche-01 {
    position: absolute;
    top: 0;
    left: 0;
}

#recherche input {
    width: 145px;
    position: absolute;
    top: 0;
    left: 25px;
    padding: 2px 0;
    height: 20px;
}

#recherche-02 {
    position: absolute;
    top: 0;
    right: 0;
}

/* Page - Bas de page ------------------------------------------------ */

#colonne-gauche {
    float: left;
    width: 200px;
}

#colonne-droite {
    float: right;
    width: 790px;
}

#colonne-full {
    width: 1000px;
}

.infos {
    width: 200px;
    margin-top: 20px;
}

.infos img {
    width: 100px;
    margin: 5px 0;
}

#rubriques {
    position: relative;
    width: 200px;
    margin-bottom: 10px;
}

#rubriques li {
    height: 22px;
    background: url(../images/haut-bas/dotted.gif) repeat-x left bottom;
    padding-top: 8px;
	padding-left: 5px;
}

.cellule-p2 {
    width: 111px;
    height: 20px;
    background: url(../images/cellule-p2.png) no-repeat left top;
    margin-bottom: 10px;
}

.cellule-p2 select {
    width: 103px;
    margin: 0 0 0 4px !important;
    margin: 1px 0 0 4px;
}

#cellule-budget {
    position: absolute;
    top: 115px;
    left: 0px;
    width: 98px;
    height: 125px;
    background-color:#fbfaf2;
    padding: 4px 12px 12px 12px;
    z-index: 40;
	border:1px solid #333300;
}

#cellule-budget li {
    height: 16px;
    background: none;
    padding-top: 0;
	padding-left:0;
}

#colonne-gauche-bas {
    float: left;
    width: 200px;
}

#colonne-droite-bas {
    float: right;
    width: 790px;
}

#logo-membre {
    width: 200px;
    clear: left;
}

#logo-membre img {
    display:block;
	margin:0 auto;
	width:52px;	
}

#logo-membre div {
    padding-top: 6px;
	text-align:center;
}

#liens-bas {
    width: 790px;
    border-top: 1px solid #F00;
    text-align: right;
}

#liens-bas ul li {
    float: right;
    height: 26px;
    padding-left: 3px;
    margin-top: 8px;
}

#liens-bas p {
    float: right;
    width: 725px;
}

#liens-bas img {
    width: 55px;
    height: 35px;
    margin-top: 3px;
}

/* Infobulles ------------------------------------------------ */

a.info {
    position: relative;
    display: block;
    cursor: pointer;
    text-decoration: none;
}

a.info div {
    display: none;
}

a.info:hover div {
    display: block;
    position: absolute;
    top: 0;
    left: 5px;
    width: 90px;
    height: 65px;
    background-color: #FFF;
    color: #330;
    text-decoration: none;
    text-align: left;
    padding: 5px;
    /* pour ie */
    filter: alpha(opacity=85);
    /* pour firefox */
    opacity: .85;
}

a.info div b {
    font-weight: bold;
}

a.info2 {
    position: relative;
    display: block;
    cursor: pointer;
    text-decoration: none;
}

a.info2 div {
    display: block;
    position: absolute;
    top: 0;
    left: 5px;
    width: 90px;
    height: 65px;
    color: #330;
    text-decoration: none;
    padding: 5px;
}

/* Multibox v1.3 ------------------------------------------------ */

.MultiBoxContainer {
    position: absolute;
    border: 20px solid #000;
    background-color: #000;
    display: none;
    z-index: 50;
    text-align: left;
    /*overflow: hidden;*/
}

.MultiBoxLoading {
    background: url(../images/multibox/loader.gif) no-repeat center;
}

.MultiBoxContent {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.MultiBoxClose {
    position: absolute;
    top: -26px;
    right: -26px;
    background: url(../images/multibox/close.gif) no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.MultiBoxControlsContainer {
    overflow: hidden;
    height: 0px;
    position: relative;
}

.MultiBoxControls {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #000;
}

.MultiBoxPrevious {
    display: none;
    position: absolute;
    background: url(../images/multibox/left.png) no-repeat;
    width: 24px;
    height: 24px;
    left: 0px;
    margin-top: 5px;
    cursor: pointer;
}

.MultiBoxNext {
    display: none;
    position: absolute;
    background: url(../images/multibox/right.png) no-repeat;
    width: 24px;
    height: 24px;
    right: 0px;
    margin-top: 5px;
    cursor: pointer;
}

.MultiBoxNextDisabled {
    display: none;
    cursor: default;
    background: url(../images/multibox/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
    display: none;
    cursor: default;
    background: url(../images/multibox/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
    position: relative;
    margin: 10px 0 0 0;
    float: left;
    /*font-size: 11px;*/
    color: #718E36;
    font-weight: bold;
    text-align: left;
}

.MultiBoxNumber {
    display: none;
    position: relative;
    width: 80px;
    margin: 10px 35px 0 0 !important;
    margin: 10px 15px 0 0;
    float: right;
    /*font-size: 11px;*/
    color: #FFF;
    text-align: right;
}

.MultiBoxDescription {
    clear: left;
    position: relative;
    margin: 0;
    padding-top: 5px;
    /*font-size: 11px;*/
    color: #FFF;
    text-align: left;
}

#o_map { position: absolute;
    top: 0;
    left: 520px;
    width: 150px;
    height: 150px;
}


/*PAGE LOADER*/
#page-load {
  z-index: 999;
  position: absolute;
  top: 0;
  left: -1000%;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -webkit-transition: opacity 0s linear;
  -moz-transition: opacity 0s linear;
  -ms-transition: opacity 0s linear;
  background: black url("img/page-load.gif") center center no-repeat;
}
#page-load.active {
  left: 0;
  -webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  -ms-transition: opacity 500ms linear;
  opacity: .5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)"
}

/*FORMULAIRES*/
.frm label {
  display: block;
  margin-bottom: 5px;
}
.frm select {
  height: 20px;
  width: 100%;
}
.frm input[type="text"], .frm input[type="password"] {
  width: 100%;
  height: 20px;
  padding: 2px;
  border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #330;
}
.frm textarea {
  width: 100%;
  height: 50px;
  padding: 2px;
  border: 1px solid #330;
  border-radius: 5px;
}
.frm input[type="submit"], .frm button[type="submit"] {
  cursor: pointer;
  border: none;
}
.div1, .div2,.div3 {
  display: inline-block;
  float: left;
  padding: 0 0 5px 0;
  margin: 0;
}
.div1{
  width: 100%;
}
.div2{
  width: 50%;
}
.div3{
  width: 33.33%;
}
.div2 input[type="text"], .div2 select, .div3 input[type="text"], .div2 input[type="password"], .div2 select, .div3 input[type="password"], .div3 select {
  width: 98%;
	border-radius: 5px;
	border: 1px solid #330;
}
.frm-error {
  border: 1px solid #ff0000;
  background: #B0C87E;
}
/*COMMANDES*/
table.commande {
  width: 100%;
  margin-bottom: 20px;
}
table.commande tr.firstline {background-color: #718E36;}
table.commande tr.firstline td {color:#fff;}
table.commande th {
  border: 1px solid #B0C87E;
}
table.commande td, table.commande th {
  padding: 4px;
}

table.commande tr.lines-head {
  background-color: #B0C87E; color: #718E36; font-weight: bold;
}

table.commande tr.lines {
  background-color: #B0C87E; color: #330;
}

table.commande td.empty, table.commande th.empty {
  border: none;
  background-color: #fbfaf2;
}

table.commande td.a-regler {
  text-align: right;
  vertical-align: middle;
}


/* caddie ------------------------------------------------ */

#intro-caddie {
  width: 790px;
  text-align: left;
  margin: 0 auto;
}
#mon-panier {
  width: 100%;
  color: #330;
  background-color: #B0C87E;
  border-top: 1px solid #330;
  border-left: 1px solid #330;
}
#mon-panier td {
  height: 20px;
  padding: 0 5px;
}
#mon-panier a {
  color: #330;
}
/*#mon-panier input {
	height: 14px;
	padding-top: 2px;
}*/
#mon-panier-2 {
  width: 780px;
  height: 250px;
  background-color: #B0C87E;
  text-align: center;
  border-top: 1px solid #330;
  border-left: 1px solid #330;
  margin: 0 0 30px 0;
}
#mon-panier-2 td {
  border-right: 1px solid #330;
  border-bottom: 1px solid #330;
  padding-left: 10px;
}
#mon-panier-2 a {
  color: #330;
}
#mon-panier .border {
  border-right: 1px solid #330;
  border-bottom: 1px solid #330;
}
#mon-panier .totaux {
  padding: 20px 5px;
  font-weight: bolder;
}
#mon-panier .totaux div {
  clear: both;
  margin: 5px 0px;
}
#mon-panier input.quantite {
  text-align: center;
  width: 12px;
  color: #000;
}
#mon-panier .plus, #mon-panier .moins{
  display: block;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.mon-panier-valider {
  margin-top: 10px;
  cursor: pointer;
}
#mon-panier .plus{
  background: url(../images/commande/plus.gif) no-repeat left top;
}
#mon-panier .moins{
  background: url(../images/commande/moins.gif) no-repeat left top;
}
#plus {
  width: 10px;
  height: 10px;
  cursor: pointer;
  margin-bottom: 3px;
}
#moins {
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.boutons-gestion {
  width: 790px;
  text-align: left;
  margin-top: 2px;
}
.boutons-gestion a {
  display: block;
  float: left;
}
.boutons-action {
  position: relative;
  width: 790px;
  height: 80px;
  text-align: right;
  margin: 20px 0 0 0;
}
#europ-assistance {
  width: 790px;
  color: #B0C87E;
  text-align: left;
  margin: 0 auto;
}
#europ-assistance a {
  color: #B0C87E;
}
.cellule-p {
  width: 152px;
  height: 20px;
  background: url(../images/cellule-p.png) no-repeat left top;
  margin-bottom: 10px;
}
.cellule-p input {
  width: 144px;
  margin-left: 4px;
  padding: 3px 0;
}
.cellule-p select {
  width: 144px;
  margin: 0 0 0 4px;
}
.cellule-g {
  width: 478px;
  height: 20px;
  background: url(../images/cellule-g.png) no-repeat left top;
  margin-bottom: 10px;
}
.cellule-g input {
  width: 470px;
  margin-left: 4px;
  padding: 3px 0;
}
.cellule-t {
  width: 474px;
  height: 79px;
  background: url(../images/cellule-t.png) no-repeat left top;
  margin-bottom: 10px;
  padding: 4px 0 0 4px;
}


.pull-left { float: left;}
.pull-right { float: right;}


/*liste.css*/

/* Colonne gauche ------------------------------------------------ */

#rubriques {
    margin-top: 32px;
}
#ravette {
    width: 200px;
    background: #B0C87E;
	border-radius: 10px;
    padding-top: 10px;
	padding-bottom: 10px;
}
#ravette span {
    font-weight: bold;
    padding-left: 10px;
}
span.sort-title {
    display: block;
    height: 15px;
    background: url(../images/liste/dotted-02.gif) repeat-x left top;
    margin: 10px 0 5px 0;
    padding: 10px 0 0 10px;
}
span.sort-title  a {
    padding: 2px;
}
span.sort-title.active a{
    background: #ffffff;
    color: #718E36;
    text-decoration: none;
    border-radius: 2px;
}
#ravette div.coordonnees {
    padding: 0px 10px 10px 10px;
    margin: 0 0 10px 0;
    background: url(../images/liste/dotted-02.gif) repeat-x left bottom;
}
a.logout {
    display: inline-block;
    height: 24px;
    padding: 13px 0px 0px 26px;
    background: url(../images/logout-icon.png) no-repeat left;
}
.bloc-radio {
    position: relative;
    height: 16px;
}
.bloc-radio input {
    position: absolute;
    top: 0;
    left: 10px;
}
.bloc-radio label {
    position: absolute;
    top: 0;
    left: 26px;
}



/* Colonne droite ------------------------------------------------ */

#voyage-liste {
    width: 790px;
}
.voyage-contenu {
    margin-bottom: 14px;
}
.voyage-titre, #colonne-droite h1, #colonne-droite h2, #colonne-droite h3, #colonne-droite h4, #colonne-droite h5, #colonne-droite h6    {
    height: 16px;
    background-color: #B0C87E;
    color: #330;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 3px 0 0 5px;
    text-transform: uppercase;
}
.voyage-titre a {
    color: #330;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
img.liste-fiche {
    margin-top: 10px;
}
img.liste-voyage {
    float: left;
    border: 1px solid #B0C87E;
    margin-right: 10px;
}
.voyage-descriptif {
    margin-left: 160px;
}
.voyage-descriptif span {
    font-weight: bold;
}
.voyage-descriptif a {
    color: #FFF;
}
.voyage-descriptif span a {
    display: block;
    color: #330;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 5px;
}

.voyage-descriptif p {
    margin-top: 5px;
    margin-bottom: 0px;
    height: 60px;
}

/* pages.css */
/* CSS Cavaliers du monde v2 */

/* Colonne droite ------------------------------------------------ */

#colonne-droite {
    position: relative;
}
#colonne-droite h1, #colonne-droite h2, #colonne-droite h3, #colonne-droite h4, #colonne-droite h5 {
    height: 16px;
    background-color: #B0C87E;
    color: #330;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 3px 0 0 5px;
}
#colonne-droite h1.empty, #colonne-droite h2.empty, #colonne-droite h3.empty, #colonne-droite h4.empty, #colonne-droite h5.empty {
    background: transparent;
    color: #718E36;
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
    padding: 0;
}

#colonne-droite p {
    margin-bottom: 20px;
}
#colonne-droite li {
    margin-bottom: 5px;
}


/* Page Qui sommes-nous ------------------------------------------------ */

#contenu-qui-sommes-nous img {
    float: left;
    border: 1px solid #B0C87E;
    margin: 0 10px 0 0;
}


/* Page Contact ------------------------------------------------ */

#contenu-contact {
    height: 440px !important;
    height: 430px;
}
img.contact {
    position: absolute;
    top: 30px;
    left: 0;
    border: 1px solid #B0C87E;
    margin: 0 10px 0 0;
}
#formulaire {
    position: absolute;
    top: 30px;
    left: 312px;
}
#contenu-contact form {
    position: relative;
}
#contenu-contact form label {
    display: block;
    margin-bottom: 3px;
}
#contenu-contact #form-01 {
    position: absolute;
    top: 0;
    left: 0;
}
#contenu-contact #form-02 {
    position: absolute;
    top: 0;
    left: 163px;
}
#contenu-contact #form-03 {
    position: absolute;
    top: 45px;
    left: 0;
}
#contenu-contact #form-04 {
    position: absolute;
    top: 90px;
    left: 0;
}
#contenu-contact #form-05 {
    position: absolute;
    top: 135px;
    left: 0;
}
#contenu-contact #form-06 {
    position: absolute;
    top: 135px;
    left: 163px;
}
#contenu-contact #form-07 {
    position: absolute;
    top: 135px;
    left: 326px;
}
#contenu-contact #form-08 {
    position: absolute;
    top: 180px;
    left: 0;
}
#contenu-contact #form-09 {
    position: absolute;
    top: 180px;
    left: 163px;
}
#contenu-contact #form-10 {
    position: absolute;
    top: 180px;
    left: 326px;
}
#contenu-contact #form-11 {
    position: absolute;
    top: 225px;
    left: 0;
}
#contenu-contact #form-12 {
    position: absolute;
    top: 345px;
    left: 0;
    width: 200px;
}
#contenu-contact #form-13 {
    position: absolute;
    top: 345px;
    left: 322px;
}
#contenu-contact #form-14 {
    position: absolute;
    top: 380px;
    left: 129px;
    width: 300px;
    text-align: center;
}
#pdf-02 {
    position: relative;
    width: 220px;
    height: 16px;
}
#pdf-02 img {
    position: absolute;
    top: 0;
    left: 0;
}
#pdf-02 a {
    display: block;
    position: absolute;
    top: 2px;
    left: 19px;
    color: #5b6711;
}
.cellule {
    float: left;
    margin-right: 5px;
}
.cellule-p {
    width: 152px;
    height: 20px;
    background: url(../images/cellule-p.png) no-repeat left top;
    margin-bottom: 10px;
}
.cellule-p input {
    width: 144px;
    margin-left: 4px;
    padding: 4px 0 !important;
    padding: 3px 0;
}

.cellule-p select {
    width: 144px;
    margin: 0 0 0 4px !important;
    margin: 1px 0 0 4px;
}
.cellule-g {
    width: 478px;
    height: 20px;
    background: url(../images/cellule-g.png) no-repeat left top;
    margin-bottom: 10px;
}
.cellule-g input {
    width: 470px;
    margin-left: 4px;
    padding: 3px 0;
}
.cellule-t {
    width: 474px;
    height: 79px;
    background: url(../images/cellule-t.png) no-repeat left top;
    margin-bottom: 10px;
    padding: 4px 0 0 4px;
}


/* Page Cgv ------------------------------------------------ */

#contenu-cgv span {
    color: #718E36;
    font-weight: bold;
}


/* Page Organisation ------------------------------------------------ */

#images-organisation {
    float: left;
    width: 300px;
    margin: 0 10px 0 0;
}
#images-organisation img {
    border: 1px solid #B0C87E;
    margin: 0 0 10px 0;
}
#contenu-organisation h4 {
    display: inline;
    color: #718E36;
    font-weight: bold;
}


/* Page Inscription ------------------------------------------------ */

#contenu-inscription img {
    float: left;
    border: 1px solid #B0C87E;
    margin: 0 10px 0 0;
}
#pdf-03{
    position: relative;
    width: 220px;
    height: 16px;
    margin-left: 441px;
}
#pdf-03 img {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    margin: 0;
}
#pdf-03 a {
    display: block;
    position: absolute;
    top: 2px;
    left: 19px;
    color: #5b6711;
}


/* Page Charte �thique ------------------------------------------------ */

#images-charte-ethique {
    float: left;
    width: 300px;
    margin: 0 10px 0 0;
}
#images-charte-ethique img {
    border: 1px solid #B0C87E;
    margin: 0 0 10px 0;
}
#contenu-charte-ethique h4 {
    color: #718E36;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 3px;
}


/* Page Philosophie ------------------------------------------------ */

#contenu-philosophie img {
    float: left;
    border: 1px solid #B0C87E;
    margin: 0 10px 0 0;
}


/* Page Calendrier ------------------------------------------------ */
.calsearch {margin: 20px auto;}
table.calendrier {
    width: 100%; text-align: center;
}
table.calendrier th{
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    text-align: center;
    width: 14%;
    padding: 4px;
}
table.calendrier td{
    text-align: center;
    vertical-align: top;
}
table.calendrier td img {
    width: 100px;
}
table.calendrier td a {
    color: #330;
}
div.calendrier-cell{
    margin-bottom: 15px;
    min-height: 110px;
}
td.calendrier-off {
    background-color:#B0C87E;
    color: #000000;
}
td.calendrier-on {
    background-color:#FFFFFF;
    color: #330;
}
.jour-calendrier {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}
.complet {
    font-size: 17px;
    color: #FFF ! important;
    font-weight: bold;
    text-align: center;
    padding-top: 30px ! important;
}
.jour-calendrier label {
    display: block;
    color: #5b6711;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}
.cellule-c {
    width: 152px;
    height: 20px;
    margin: 0 auto;
	border: 1px solid #330;
	border-radius: 5px;
}
.cellule-c select {
    width: 144px;
    margin: 0 !important;
    margin: 1px 0 0 0;
}


/* Page Th�mes ------------------------------------------------ */

#contenu-themes-g {
    float: left;
    width: 390px;
    text-align: center;
}
#contenu-themes-d {
    float: right;
    width: 390px;
    text-align: center;
}
#contenu-themes img {
    border: 1px solid #B0C87E;
    margin: 25px 10px 3px 10px;
}
#contenu-themes h2 {
    background: none;
    font-size: 10px;
}


/* Page Presse ------------------------------------------------ */

.actualites {
    margin-bottom: 30px;
}
.article-actualites {
    float: left;
    width: 375px;
    height: 150px;
    padding: 0 10px;
}
.article-actualites img {
    float: left;
    margin: 0 10px 40px 0;
}


/* Page Temoignage ------------------------------------------------ */

#contenu-temoignages label a {
    display: block;
    color: #5b6711;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin-bottom: 5px;
}
table#appreciations {
    width: 100%;
    border-top: 1px solid #B0C87E;
    border-left: 1px solid #B0C87E;
    margin-bottom: 14px;
}
table#appreciations td {
    border-right: 1px solid #B0C87E;
    border-bottom: 1px solid #B0C87E;
    text-align: left;
    padding: 4px;
}


/* Page Tribu ------------------------------------------------ */

#contenu-tribu label a {
    display: block;
    color: #B0C87E;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin-bottom: 5px;
}
table#albums-photos {
    width: 100%;
    border-top: 1px solid #B0C87E;
    border-left: 1px solid #B0C87E;
    margin-bottom: 14px;
}
table#albums-photos td {
    border-right: 1px solid #B0C87E;
    border-bottom: 1px solid #B0C87E;
    text-align: left;
    padding: 4px;
}
#message-rien {
    text-align: center;
    margin-top: 40px;
}


/* fiche.css */
/* CSS Cavaliers du monde v2 */

/* Colonne droite ------------------------------------------------ */

#voyage-titre, #colonne-droite h1 {
    height: 16px;
    background-color: #B0C87E;
    color: #330;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 3px 0 0 5px;
}
#voyage-titre a, #colonne-droite h1 a {
    color: #330;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
#voyage-contenu {
    width: 790px;
    margin-top: 10px;
}
#contenu-gauche {
    float: left;
    width: 300px;
}
table#reservation  {
    width: 300px;
    border-top: 1px solid #B0C87E;
    border-left: 1px solid #B0C87E;
}
table#reservation td, table#infos-sejour td {
    border-right: 1px solid #B0C87E;
    border-bottom: 1px solid #B0C87E;
    text-align: center;
    padding: 5px 0;
}
#contenu-gauche p, #contenu-gauche p a {
    color: #B0C87E;
    margin-top: 3px;
}
img.voyage {

    border: 1px solid #B0C87E;
    margin-top: 10px;
}

#contenu-droite {
    float: right;
    width: 480px;
}
table#infos-sejour, table#appreciations, table#albums-photos {
    width: 480px;
    border-top: 1px solid #B0C87E;
    border-left: 1px solid #B0C87E;
}
.fiche h3, .fiche h3 {
    color: #718E36 !important;
    font-weight: bold !important;;
    margin: 20px 0 10px 0 !important;;
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 10px !important;
}
table#appreciations td, table#albums-photos td {
    border-right: 1px solid #B0C87E;
    border-bottom: 1px solid #B0C87E;
    text-align: left;
    padding: 4px;
}
img.ajout {
    margin-top: 10px;
}

.voyage-titre, .voyage-titre a, #ravette, .ligne-verte, 
#colonne-droite h1, #colonne-droite h2, #colonne-droite h3, #colonne-droite h4, #colonne-droite h5, 
#colonne-droite h1 a, #colonne-droite h2 a, #colonne-droite h3 a, #colonne-droite h4 a, #colonne-droite h5 a, h3 {background-color:#330;color:#fff;}
#colonne-droite h2 {height:auto;padding:3px 0 3px 5px;}
span.sort-title a {color:#fff;}
span.sort-title.active a {color:#718E36;}
img.liste-voyage, img.voyage, #contenu-themes img, #images-organisation img, #contenu-qui-sommes-nous img, #contenu-philosophie img {border:1px solid #F00;}
table#reservation td, table#infos-sejour td, table#appreciations td, table#albums-photos td {border-right:1px solid #F00;border-bottom:1px solid #F00;}
table#reservation, table#infos-sejour, table#appreciations, table#albums-photos {border-top:1px solid #F00;border-left:1px solid #F00;}

/* Google map ------------------------------------------------ */

#map_canvas {
    width: 478px;
    height: 290px;
    border: 1px solid #B0C87E;
    margin-top: 10px;
}
#map_canvas div.gmnoprint span {
    /*position: absolute;
    top: 15px;
    right: 0;*/
    font-size: 8px;
    color: #FFF;
}

/* espace-client.css */
/* CSS Cavaliers du monde v2 */


/* Colonne droite ------------------------------------------------ */
.login-gauche, .login-droite {
    display: inline-block;
    float: left;
}
.login-gauche {
    width: 30%;
}
.login-droite {
    width: 70%;
}
.login-gauche h3 {
    width: 95%;
}
/* main ------------------------------------------------ */

.btn-action, .btn-action-large {
    /*
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    font-family: Arial;
    color: #ffffff;
    font-size: 10px;
    padding: 2px 4px;
    background: #993300;
    text-shadow: 3px 3px 2px #000;*/


    color: #ffffff;
    font-size: 10px;
    padding: 2px 4px;
    text-shadow: 2px -1px 2px #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #718E36;
    background: -moz-linear-gradient(90deg, #718E36 15%, #718E36 70%);
    background: -webkit-linear-gradient(90deg, #718E36 15%, #718E36 70%);
    background: -o-linear-gradient(90deg, #718E36 15%, #718E36 70%);
    background: -ms-linear-gradient(90deg, #718E36 15%, #718E36 70%);
    background: linear-gradient(0deg, #718E36 15%, #718E36 70%);
    -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
    text-decoration: none;
    cursor: pointer;

}

button.btn-action {text-transform:uppercase;}
.btn-action.spcomplet {text-transform:uppercase;width:100%;background:#fff;color:#718E36;text-shadow:none;padding-left:7px;padding-right:7px;border:1px solid #718E36;box-shadow: none;}
.btn-action.pay {display:block;text-transform:uppercase;margin-top:2px;margin-bottom:3px;}
.href-pay {display:block;float:right;margin-top:3px;color: #F00;text-decoration: none;}

.btn-action-large {
    font-size: 14px;
    padding: 4px 8px;
    margin-bottom: 4px;
}

.btn-action:hover {
    /*background: #993300;*/
    text-decoration: none;
}

.leaflet-container a.btn-action {
    color: #ffffff !important;
    margin-top: 10px;
    display: inline-block;
}

#acces-compte-formulaire input, #ressaisir-compte-formulaire input, #question-compte-formulaire input {
    margin: 2px 0 0 0;
}

#acces-compte {
    width: 740px;
    height: 250px;
    text-align: left;
    padding-top: 100px;
}
#acces-compte p {
    font-size: 11px;
    font-weight: bold;
}
#acces-compte-formulaire {
    position: relative;
    width: 700px;
    height: 100px;
    color: #330;
    border: 1px solid #B0C87E;
    margin: 10px 0;
    padding: 15px 20px;
}
#acces-compte-formulaire-01 {
    position: absolute;
    top: 60px;
    left: 190px;
    width: 280px;
    text-align: left;
}
#acces-compte-formulaire-02 {
    position: absolute;
    top: 60px;
    left: 480px;
    width: 300px;
    text-align: left;
}
#acces-compte-formulaire-02 a {
    font-size: 9px;
    color: #330;
}

#infos-motdepasse {
    width: 740px;
    height: 350px;
    text-align: left;
    padding-top: 30px;
}
#ressaisir-compte {
    width: 740px;
    text-align: left;
    margin-top: 30px;
}
#ressaisir-compte p {
    font-size: 11px;
    font-weight: bold;
}
#ressaisir-compte-formulaire {
    position: relative;
    width: 700px;
    height: 50px;
    border: 1px solid #B0C87E;
    margin: 10px 0;
    padding: 15px 20px;
}
#ressaisir-compte-formulaire-01 {
    position: absolute;
    top: 20px;
    left: 110px;
    width: 280px;
    text-align: left;
}
#ressaisir-compte-formulaire-02 {
    position: absolute;
    top: 20px;
    left: 460px;
    width: 300px;
    text-align: left;
}

#question-compte {
    width: 740px;
    text-align: left;
    margin-top: 50px;
}
#question-compte p {
    font-size: 11px;
    font-weight: bold;
}
#question-compte-formulaire {
    position: relative;
    width: 700px;
    height: 50px;
    border: 1px solid #B0C87E;
    margin: 10px 0;
    padding: 15px 20px;
}
#question-compte-formulaire-01 {
    position: absolute;
    top: 20px;
    left: 110px;
    width: 280px;
    text-align: left;
}
#question-compte-formulaire-02 {
    position: absolute;
    top: 20px;
    left: 400px;
    width: 400px;
    text-align: left;
}

#envoi-email-compte {
    width: 740px;
    height: 200px;
    text-align: left;
    padding-top: 100px;
}
#envoi-email-compte p {
    font-size: 11px;
    font-weight: bold;
}
#envoi-email-compte-message {
    width: 700px;
    height: 40px;
    border: 1px solid #B0C87E;
    margin: 10px 0;
    padding: 15px 20px;
}
#envoi-email-compte-message p a {
    text-decoration: underline;
}
#envoi-email-compte-message p a:hover {
    text-decoration: none;
}

#espace-client {
    width: 740px;
    text-align: left;
}
#menu-espace-client {
    float: left;
    width: 200px;
    text-align: left;
}
#menu-espace-client ul {
    width: 200px;
}
#menu-espace-client ul li {
    width: 200px;
    height: 30px;
    color: #B0C87E;
    list-style: circle outside;
}
#menu-espace-client ul li a {
    color: #718E36;
}
#rubriques-espace-client {
    width: 520px;
    text-align: left;
    margin-left: 220px !important;
    margin-left: 214px;
    padding-top: 10px;
}
#espace-client-actions {
    height: 350px;
    margin-top: 20px;
}
#espace-client-actions table {
    margin-top: 20px;
}
#espace-client-actions img {
    float: left;
    margin-right: 10px;
}
#espace-client-actions-01, #espace-client-actions-02, #espace-client-actions-03, #espace-client-actions-04 {
    width: 520px;
    text-align: left;
    margin: 20px 0 30px 0;
}
#espace-client-actions-01 p, #espace-client-actions-02 p, #espace-client-actions-03 p, #espace-client-actions-04 p {
    padding-top: 5px;
}

#contenu-cadre-template {
    width: 520px;
    margin-top: 20px;
}
#contenu-cadre-template p {
    font-size: 11px;
    font-weight: bold;
}

#modifier-compte-formulaire input, #modifier-compte-formulaire select, #modifier-coordonnees-formulaire input, #modifier-coordonnees-formulaire textarea, #modifier-contact-formulaire input {
    margin: 2px 0 10px 0;
}

#modifier-compte {
    width: 520px;
    text-align: left;
}
#modifier-compte-formulaire {
    width: 348px;
    border: 1px solid #B0C87E;
    margin-top: 10px;
    padding: 15px 20px 13px 150px;
}

#modifier-coordonnees {
    width: 520px;
    text-align: left;
}
#modifier-coordonnees-formulaire {
    position: relative;
    width: 518px;
    height: 215px;
    border: 1px solid #B0C87E;
    margin-top: 10px;
}
#modifier-coordonnees-formulaire-01 {
    position: absolute;
    top: 15px;
    left: 50px;
    width: 250px;
    text-align: left;
}
#modifier-coordonnees-formulaire-02 {
    position: absolute;
    top: 15px;
    left: 300px;
    width: 250px;
    text-align: left;
}

#modifier-contact {
    width: 520px;
    text-align: left;
}
#modifier-contact-formulaire {
    width: 348px;
    border: 1px solid #B0C87E;
    margin: 10px 0;
    padding: 15px 20px 13px 150px;
}

#checkbox-01 {
    position: relative;
    width: 520px;
    height: 25px;
    text-align: left;
}
#checkbox-01 input {
    position: absolute;
    top: 0 !important;
    top: -4px;
    left: 0 !important;
    left: -4px;
    float: left;
}
#checkbox-01 p {
    position: absolute;
    top: 0;
    left: 18px;
}
.boutons-action {
    width: 520px;
    height: 50px;
    text-align: right;
    margin-top: 40px;
}

#liste-panier {
    width: 520px;
    height: 480px;
    padding: 10px 0;
}

#apercu-panier {
    width: 520px;
    height: 500px;
}
.panier-tableau {
    width: 520px;
    text-align: left;
}
.mon-panier {
    width: 519px;
    border-top: 1px solid #B0C87E;
    border-left: 1px solid #B0C87E;
}
.mon-panier td {
    padding: 5px;
}
.border {
    border-right: 1px solid #B0C87E;
    border-bottom: 1px solid #B0C87E;
}
#boutons-panier {
    position: relative;
    width: 520px;
    height: 40px;
    margin-top: 20px;
    padding-bottom: 20px;
}
#boutons-panier img {
    float: left;
}
#boutons-panier-01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
}
#boutons-panier-02 {
    position: absolute;
    top: 0;
    left: 170px;
    width: 170px;
}
#boutons-panier-03 {
    position: absolute;
    top: 0;
    left: 340px;
    width: 170px;
}
.message-vide {
    width: 478px;
    height: 150px;
    text-align: center;
    border: 1px solid #B0C87E;
    margin: 10px 0 20px 0;
    padding: 150px 20px 0 20px;
}

.login {
    background:  #718E36;
    width: 200px;
    padding: 8px;
    margin: 80px auto;
    border-radius: 5px;
}
.login h3 {
    padding: 0 !important;
    background: none !important;
    font-weight: bolder !important;
    color: #FFFFFF !important;
}
.login div.sep {
    background: url(../images/liste/dotted-02.gif) repeat-x left top;
    height: 6px;
}
.login label {
    display: block;
    margin-bottom: 5px;
}
.login input {
    width: 100%;
    height: 20px;
    padding: 2px;
}
.login input[type="submit"] {
    cursor: pointer;
    color: #000000;
    background-color: #ffffff;
    font-weight: bolder;
    border-radius: 5px;
}


/* home.css */
.vcard {
    padding: 0 0 0 0;
}

.vcard a{
    text-decoration: none;
}

.vcard a:hover{
    text-decoration: underline;
}

div#jscontent{
    line-height: 14px;
    text-align:justify;
    padding: 10px 0 20px 0;
}

div#jscontent h1{
    font-size: 16.4px;
    text-transform:none;
    line-height:20px;
    padding:0 0 15px 0;
    margin-bottom: 20px;
    text-decoration: none;
    background: none;
    color: #5b6711;
}

div#jscontent h2{
    font-size: 13px;
    text-transform:none;
    padding:10px 0 5px 0;
    background: none;
    color: #5b6711;
}

div#jscontent p{
    margin-bottom: 10px;
}

.divsm {position: relative; width: 200px; z-index: 20; text-align: center;}
.divsm p {margin-bottom: 10px; text-align: center;}
.carouselimg {border: 1px solid #F00; width: 788px; height: 398px;}
.animcontainer {height:400px;}
.travellstimg {width:150px;}
table#albums-photos, table#appreciations {width: 100%;border-spacing : 0; border-collapse : collapse;}
table#albums-photos td, table#appreciations td {padding:4px;}
.mapbydest {width: 790px; height: 500px;}
.caltable {width: 790px;background:#330;border-spacing:0;}
table.calendrier th {color:#fff;} 
td.calendrier-off {background:#718E36;}
.ulquisommesnous {margin-left:17px;list-style-type:circle;}
#contenu-contact .vosdonnees {width:75%;}
#hautdepage.espaceclient {border-bottom: 1px solid #F00; height: 126px; margin-bottom: 10px;}


.hidden-lg { display: none; }

@media screen and (max-width:1050px)
{
.hidden-md { display: none; }
.testwidth {width:2px;}
#hautdepage, #page, #basdepage, #colonne-full {width:700px;}
#onglets, #colonne-droite, #colonne-droite-bas, #liens-bas, #intro-caddie, .boutons-gestion, .boutons-action, #europ-assistance, #voyage-liste, #voyage-contenu {width:540px;}
#liens-haut {width:680px;position:relative;}
#hautdepage {height:200px;}
#colonne-gauche, #colonne-gauche-bas, #logo, #bouton-rayons, #recherche, .infos, #rubriques, .divsm, #logo-membre {width:150px;}
#logo {margin-top:20px;}
.infos, #rubriques {margin-top:0;}
#accroche {width:400px;text-align:right;}
#accroche p {font-size:16px;line-height:22px;}
#recherche {margin-left:5px;width:145px;}
#recherche input {width:95px;}
#mon-compte {top:160px;}
#onglets {height:73px;}
#rayons {height: 74px;background: #fff;}
#onglets li {height:17px;}
.divsm {padding-top:30px;}
.carouselimg {width:538px;height:271px;}
.animcontainer {height:273px;}
#voyage-titre, #colonne-droite h1 {height:auto;font-size:15px;padding-top:5px;padding-bottom:5px;}
div#jscontent h1 {margin-bottom:10px;}
#liens-bas p {width:auto;float:none;clear:both;}
#liens-bas img {display:block;float:right;}
#ravette span {padding-left:0;}
#ravette {padding-left:8px;padding-right:8px;width:134px;}
#ravette span.sort-title span.hyphen {display:none;}
.bloc-radio {margin-left:-5px;}
#colonne-droite h2 {height:auto;padding-bottom:3px;padding-right:5px;}
#colonne-droite .voyage-descriptif p {margin-bottom:5px; height: auto;}
#contenu-gauche {width:30%;}
#contenu-gauche img {width:100%;}
#contenu-gauche .pdf img, #contenu-gauche table img {width:auto;}
#contenu-droite {width:65%;}
#contenu-gauche table#reservation td {min-height:15px;line-height:15px;}
#contenu-gauche table#reservation {width:540px;}
table#infos-sejour, table#appreciations, table#albums-photos, #map_canvas {width:100%;}
img.contact {width:30%;margin-top:18px;}
#formulaire {width:65%;left:35%;margin-top:15px;}
#mon-panier input.quantite {width:40px;height:40px;line-height:40px;}
#mon-panier .plus, #mon-panier .moins {width:20px;height:20px;background-size:cover;}
#images-organisation {width:30%;}
#images-organisation img {width:100%;}
.mapbydest, .caltable {width:100%;}
table.calendrier td img {width:60px;}
.calsearch {margin: 10px auto 20px auto;}
#contenu-themes-g, #contenu-themes-d {width:48%;}
#contenu-themes img {max-width:99%;margin-left:0;margin-right:0;}
#colonne-droite #contenu-themes h2 {min-height:50px;}
#contenu-qui-sommes-nous, #contenu-philosophi {margin-bottom:50px;}
#contenu-qui-sommes-nous img, #contenu-philosophie img {width:40%;}
.ulquisommesnous {float:none;clear:both;padding-top:10px;}
.ulquisommesnous li {list-style-type:circle;}
.plansitecontent a {display:block;}
.actualites {margin-bottom:0;}
.article-actualites {height:auto;margin-bottom:30px;}
.frm textarea, .frm input[type="text"], .frm input[type="password"] {width:98%;}
.login-gauche, .login-droite {width:100%;float:none;}
.login-gauche {margin-bottom:30px;}
#contenu-contact .vosdonnees {width:100%;}
.div1.paiementmode .div3 {width:100%;float:none;}
#pdf-03 {width:100%;margin-left:0;}







	
}






@media screen and (max-width:765px)
{
* { font-size: 12px; }
table#infos-sejour tr td {font-size:10px;}
.btn-action-large {font-size:12px;}
.fiche h3, .fiche h3 { font-size: 12px !important; }
#contenu-themes h2 { font-size: 12px; }
.testwidth {width:1px;}
.mobileonly {display:block !important;}
span.mobileonly {display:inline-block !important;}
.desktop-tab-only {display:none !important;}
#hautdepage, #page, #basdepage, #colonne-full {width:100%;}
#liens-haut, #onglets, #mon-compte, #colonne-droite, #colonne-droite-bas, #liens-bas, #intro-caddie, .boutons-gestion, .boutons-action, #europ-assistance, #voyage-liste, #voyage-contenu, #bouton-rayons, .infos, #rubriques, .divsm, #colonne-gauche {width:100%;}
#colonne-gauche-bas, #page, #basdepage {width:90%;padding-left:5%;padding-right:5%;}
#basdepage, #liens-bas {padding-top:25px;}

#logo {margin-top:0;left:10px;}
#accroche {width:90%;padding:5%;text-align:center;}
#accroche p {font-size:14px;margin-top:25px;line-height:15px;}
#navmob {display:block;position:absolute;top:10px;right:10px;width:54px;height:39px;background-image:url(../images/bt_nav_mob.gif);z-index:501;}

#liens-haut, #onglets, #mon-compte {display:none;background:#B0C87E;margin:0;padding:0;z-index:500;border-top:none;}
#liens-haut .separator, #onglets .separator, #mon-compte .separator {display:none;}
#liens-haut li, #onglets li, #mon-compte a {float:none;clear:both;height:30px;padding:0;width:100%;}
#liens-haut li a, #onglets li a, #mon-compte a {display:block;height:30px;line-height:30px;font-size:13px;text-decoration:none;padding-left:15px;padding-right:15px;text-align:left;}
#liens-haut li a.flag {float:left;padding-top:10px;padding-right:10px;height:20px;line-height:20px;}
#mon-compte a.panier {background-position: 16px 6px;padding-left:40px;}
#mon-compte a {color:#fff;}
#onglets {height:auto;top:95px;}
#liens-haut {top:335px;border-top:1px solid #718E36;height:235px;}
#mon-compte {top:420px;border-top:1px solid #718E36;margin-top:7px;right:0;}
#liens-haut .fa.fa-phone {margin-left: 15px;margin-top: 7px;}
#liens-haut .fa.fa-envelope-o {display:none;}
#rayons {top:145px;width:90%;padding-left:5%;padding-right:5%;}
.divsm {height:auto;padding:0;padding-top:25px;}
.divsm p {float:left;margin-right:15px;margin-bottom:15px;height:75px;text-align:left;}
.carouselimg {width:288px;height:145px;}
.animcontainer {width:290px;height:147px;margin:0 auto;margin-bottom:20px;}
#page {position:relative;padding-bottom:400px;padding-top:20px;}
#colonne-gauche {position:absolute;bottom:0;width:90%;}
#recherche {width:290px;margin:0 auto;}
#bouton-rayons {text-align:center;}
#recherche input {width:236px;}
#logo-membre {clear:none;margin-top:25px;float:left;}
#liens-bas p {text-align:center;margin-bottom:10px;padding-top:15px;}
#liens-bas ul, #liens-bas li {width:100%;}
#liens-bas li, #liens-bas li a {display:block;float:none;clear:both;text-align:center;}
#liens-bas .hyphen {display:none;}
#liens-bas .vcard .hyphen {display:block;visibility:hidden;height:1px;}
.travellstimg {width:120px;margin-bottom:5px;}
.voyage-descriptif {margin-left:0;}
#ravette {width:184px;margin:0 auto;}
#contenu-gauche, #contenu-droite {width:100%;float:none;}
#contenu-gauche {margin-bottom:25px;}
#contenu-gauche table#reservation {width:100%;margin-bottom:10px;}
#contenu-gauche img {width:25%;}
img.voyage {margin-top:2px;}
#map_canvas {height:200px;}
img.contact {position:relative;top:initial;width:60%;margin-bottom:20px;}
#formulaire {position:relative;top:initial;left:initial;width:100%;}
.div3, .vosdonnees .div2 {width:100%;float:none;margin-bottom:10px;display:block;}
.tdblock {display:block;text-align:center;}
.trfloat {float:left;width:50%;padding-top:3px;}
#mon-panier td {height:auto;padding-top:3px;padding-bottom:3px;}
.tdblock table, .tdblock table td {padding:0;border-spacing:0;}
#images-organisation {float:none;width:100%;margin:0;}
#images-organisation img, #contenu-inscription img {width:25%;}
#pdf-03 img {width:initial;}
.cellule-c {width:80%;}
.cellule-c select {width:100%;}
table#albums-photos td, table#appreciations td {padding:2px;}
table.calendrier th, table.commande thead, table.commande tr.lines-head {display:none;}
table.calendrier td, table.commande td {display:block;}
table.calendrier td.calendrier-off {display:none;}
table.calendrier td.calendrier-on {margin-bottom: 15px;padding-top: 0;padding-bottom: 10px;}
table.calendrier td img {width:120px;padding-bottom:10px;}
div.calendrier-cell {min-height:initial;margin-top:20px;margin-bottom:20px;position:relative;border-bottom: dashed 1px #999;padding-bottom:15px;}
div.calendrier-cell .complet {position:relative;padding-left:0;padding-right:0;padding-top:0 !important;width:100%;height:auto;padding-bottom:5px;left:initial;margin-top:-33px;}
table.calendrier td.calendrier-on .jour-calendrier {font-size:14px;color:#fff;background:#B0C87E;padding:8px;}
table.calendrier td.calendrier-on .jour-calendrier span {font-size:14px;color:#fff;padding-left:5px;}
table.calendrier td.calendrier-on a.info div {display:block;}
table.calendrier td.calendrier-on a.info {padding-top:40px;}
table.calendrier td.calendrier-on .randott {position:absolute;top:0;left:0;width:100%;padding:2px;text-align:center;font-size:14px;}
.calsearch {width:290px;}
#contenu-themes-g, #contenu-themes-d {width:100%;float:none;}
#colonne-droite #contenu-themes h2 {min-height:initial;}
.article-actualites {width:100%;padding:0;}
.article-actualites img {float:none;clear:both;display:block;max-width:80%;margin-bottom:10px;max-width:80%;}
#colonne-gauche.espaceclient {position:relative;width:100%;}
#colonne-gauche.espaceclient #ravette {width:96%;padding-left:2%;padding-right:2%;padding-bottom:3px;}
#colonne-gauche.espaceclient #ravette span.sort-title {margin: 5px 0 5px 0;padding: 5px 0 0 0;}
#colonne-gauche.espaceclient #ravette span.sort-title.active {padding-top:8px;}
#colonne-gauche.espaceclient #ravette div.coordonnees {padding-left:0;padding-bottom:5px;}
#colonne-gauche.espaceclient a.logout {margin-bottom:20px;}
#colonne-droite .voyage-descriptif p {height: auto;}
#hautdepage.espaceclient {height:147px;}
#hautdepage.espaceclient #liens-haut {top:95px;}
table.commande span.mobileonly {display:inline-block;}
table.commande td {text-align:left !important;padding-top:1px;padding-bottom:1px;}
table.commande td.a-regler.empty {padding-left:0;}
#colonne-gauche.homepage .infos {display:none;}
#colonne-droite .infos {margin-bottom:30px;margin-top:-10px;}
.homepagedr .animcontainer {margin-top:-55px;}
#colonne-droite.homepagedr .infos {margin-top:100px;}


	.hidden-lg, hidden-md { display: block; }
	.dropdown:hover .dropdown-content {width:100%;}
	
}