@font-face {
  font-family: 'Tenorsans';
  src: url('../fonts/tenorsans-regular-webfont.eot');
  src: url('../fonts/tenorsans-regular-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/tenorsans-regular-webfont.woff') format('woff'), url('../fonts/tenorsans-regular-webfont.ttf') format('truetype'), url('../fonts/tenorsans-regular-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
html,
body,
div,
p,
ul,
ol,
li,
form,
figure,
figcaption,
fieldset,
article,
h1,
h2,
h3,
h4,
section,
aside {
  padding: 0;
  margin: 0;
  border: none;
  list-style: none;
}
/* HTML5 IE < 9, et Firefox < 4 */aside,
nav,
article,
section,
header,
footer,
address {
  display: block;
  zoom: 1;
}
html {
  color: black;
  background: white;
}
a {
  color: blue;
  text-decoration: none;
}
a img {
  border: 0;
}
a:hover {
  text-decoration: underline;
}
.noDisplay {
  display: none;
}
.prec {
  float: left;
}
.suiv {
  float: right;
}
.navigation {
  text-align: center;
  padding: 5px;
}
button {
  cursor: pointer;
}
p.date {
  position: relative;
  z-index: 100;
}
.date .imputDate {
  width: 120px;
  color: gray;
  background: white url('../img/calendrier.png') no-repeat 98px center;
  border: 1px solid #aaa;
  padding: 2px 2px;
}
.date {
  text-align: justify;
}
.date input {
  margin-left: 11px;
}
.date #Sduree {
  width: 120px;
}
.date #NPers {
  width: 80px;
}
.bouton {
  text-align: right;
}
.bouton #submit-resa {
  background: url(../img/loupe.png) center right 2px no-repeat #ff7161;
  border: transparent;
  min-height: 25px;
  font-size: 14px;
  color: #003333;
  text-align: left;
  width: 140px;
  margin-top: 3px;
}
.texte {
  position: relative;
  color: black;
}
.texte p {
  margin-bottom: 1em;
}
.texte h1 a,
.texte h2 a,
.texte h3 a,
.texte h4 a,
.texte h5 a,
.texte h6 a {
  text-decoration: none;
}
.texte a {
  color: black;
  text-decoration: underline;
}
.texte a:hover {
  color: blue;
}
.texte li {
  display: list-item;
}
.texte ul li {
  list-style: disc inside;
}
.texte ol li {
  list-style: decimal inside;
}
nav.pagination {
  clear: both;
  text-align: center;
}
nav.pagination .next {
  float: right;
}
nav.pagination .prev {
  float: left;
}
#plan ul {
  list-style: disc inside;
}
#plan ul ul {
  list-style: square inside;
}
#slides {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
article {
  background-color: transparent!important;
}
#wrapper {
  font-family: 'Tenorsans';
}
#wrapper a, #wrapper * {
  font-family: 'Tenorsans';
  text-decoration: none;
}
html {
  background-color: #22456e;
}
#showMenu {
  display: none;
}
/*-- Header du site--*/header {
  background: url(../img/fond-menu-blanc.png) repeat-x;
  min-height: 126px;
  margin: 0!important;
  padding: 0!important;
  width: 100%;
}
header #resaLogo {
  width: 1000px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
header #resaLogo .msgHader, header #resaLogo .logoHader, header #resaLogo .resa {
  display: table-cell;
  vertical-align: top;
}
header #resaLogo .msgHader p, header #resaLogo .logoHader p, header #resaLogo .resa p {
  font-size: 18px;
  color: #fff;
}
header #resaLogo .msgHader p span, header #resaLogo .logoHader p span, header #resaLogo .resa p span {
  font-size: 16px;
  color: #00464d;
}
header #resaLogo .msgHader p .telephone, header #resaLogo .logoHader p .telephone, header #resaLogo .resa p .telephone {
  font-size: 24px;
  color: #e34f29;
}
header #resaLogo .msgHader {
  width: 360px;
  vertical-align: middle;
}
header #resaLogo .logoHader {
  width: 270px;
  vertical-align: middle;
}
header #resaLogo .resa {
  position: relative;
  top: 0;
  width: 370px;
}
header #resaLogo .resa #reservation {
  width: 290px;
  float: right;
  text-align: center;
}
header #resaLogo .resa #reservation h2 {
  font-size: 20px;
  font-weight: normal;
}
header #resaLogo .resa #reservation h2 a {
  color: #FFF;
}
header #resaLogo .resa #reservation .date .imputDate {
  color: #000000;
}
header #resaLogo .resa #lienAncv {
  position: absolute;
  right: 0;
  top: 5px;
}
header #menu {
  margin: 0!important;
  padding: 0!important;
  position: relative;
  z-index: 210;
}
header #menu .contenuMenu {
  width: 1000px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  list-style: none;
  font-size: 0;
  text-align: center;
}
header #menu .contenuMenu li.liMenu {
  /*float: left;*/
  display: inline;
  display: inline-block;
  *display: inline;
  zoom: 1;
  background: url(../img/fond-LienMenu.png) no-repeat right 1px;
  min-height: 36px;
  vertical-align: middle;
  position: relative;
}
header #menu .contenuMenu li.liMenu .aMenu {
  padding: 10px 8px 10px;
  display: block;
  color: #fff;
  font-size: 14px;
}
header #menu .contenuMenu li.liMenu a {
  padding: 10px 8px 10px;
  display: block;
  color: #fff;
  font-size: 14px;
}
header #menu .contenuMenu li.liMenu .SSmenu {
  position: absolute;
  z-index: 200;
  display: none;
  background-color: #2c5180;
  left: 0;
  padding-bottom: 10px;
  width: 1000px;
}
header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu {
  float: left;
  min-height: 180px;
  width: 270px;
}
header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu a {
  font-size: 18px;
  text-transform: uppercase;
}
header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu .SSmenuArt {
  padding: 2px 0 2px 15px;
  border-left: 1px solid #fff;
}
header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu .SSmenuArt .liSSmenuArt a {
  padding: 2px 0 2px 2px;
  text-transform: capitalize;
  font-size: 14px;
}
header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu .SSmenuArt .liSSmenuArt a span {
  color: #66ccff;
}
header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu .SSmenuArt .liSSmenuArt article .texte a {
  color: #ff7560;
  text-decoration: underline;
  font-size: 18px;
}
header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu .SSmenuArt .liSSmenuArt article .texte a span {
  text-decoration: underline;
  color: #5bc5f6;
}
header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu .SSmenuArt .liSSmenuArt article .photo img {
  width: 200px;
  height: 130px;
}
header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu:last-child, header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu:first-child {
  width: 230px;
}
header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu:last-child .SSmenuArt, header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu:first-child .SSmenuArt {
  border: none;
}
header #menu .contenuMenu li.liMenu .SSmenu .deroulantArt {
  border-left: 1px solid #fff;
  float: left;
  width: 30%;
  padding: 3px 1.5%;
}
header #menu .contenuMenu li.liMenu .SSmenu .deroulantArt a {
  padding: 2px 0 2px 2px;
  text-transform: capitalize;
  font-size: 14px;
}
header #menu .contenuMenu li.liMenu .SSmenu .deroulantArt a span {
  color: #66ccff;
}
header #menu .contenuMenu li.liMenu .SSmenu2 {
  padding-top: 15px;
  width: 300px;
}
header #menu .contenuMenu li.liMenu .SSmenu2 li {
  border: 0 !important;
  width: 100%!important;
}
header #menu .contenuMenu li.liMenu.grandMenu {
  position: static;
}
header #menu .contenuMenu li.liMenu > a:hover, header #menu .contenuMenu li.liMenu > a.selected {
  border-bottom: 10px solid #ff7560;
  margin-bottom: -10px;
  position: relative;
  z-index: 210;
}
header #menu .contenuMenu li.liMenu > .aMenu:hover, header #menu .contenuMenu li.liMenu > .aMenu.selected {
  border-bottom: 10px solid #ff7560;
  margin-bottom: -10px;
  position: relative;
  z-index: 210;
}
header #menu .contenuMenu li:last-child {
  background: transparent;
}
#ifAccueil {
  color: #fff;
  min-height: 550px;
  position: relative;
}
#ifAccueil #gauche p {
  cursor: pointer;
}
#ifAccueil #gauche #Presentation {
  position: relative;
}
#ifAccueil #gauche #Presentation #preDescPlus {
  background: url(../img/desc.png) no-repeat;
  min-height: 31px;
  padding: 6px 10px 0 0;
  width: 131px;
  margin: 12px 0 8px 0;
}
#ifAccueil #gauche #Presentation .textePreDesc {
  background-color: #191c2e;
  display: none;
  padding: 10px;
  top: -33px !important;
  position: absolute;
  z-index: 301;
  width: 580px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-left: 123px;
}
#ifAccueil #gauche #Presentation .textePreDesc h1 {
  font-weight: normal;
  text-align: center;
  font-size: 24px;
}
#ifAccueil #gauche #Presentation .textePreDesc p, #ifAccueil #gauche #Presentation .textePreDesc div {
  font-size: 14px;
  text-align: justify;
}
#ifAccueil #gauche #pdf {
  width: 250px;
  margin-top: 8px;
  position: relative;
}
#ifAccueil #gauche #pdf #pdfPlus {
  background: url(../img/pdfDown.png) no-repeat;
  min-height: 31px;
  padding-top: 7px ;
  width: 131px;
}
#ifAccueil #gauche #pdf .pdfs {
  background-color: #191c2e;
  display: none;
  position: absolute;
  padding-bottom: 20px;
  z-index: 110;
  width: 250px;
}
#ifAccueil #gauche #pdf .pdfs .docs {
  border-top: 2px solid #4586b6;
  padding-top: 15px;
  width: 230px;
  margin-left: 5px;
}
#ifAccueil #gauche #pdf .pdfs .docs p {
  padding-left: 5px;
}
#ifAccueil #gauche #pdf .pdfs .docs p a {
  color: #e7e8dd;
  font-size: 14px;
}
#ifAccueil #gauche #lienAncv {
  position: absolute;
  z-index: 80;
  bottom: 65px;
  margin-left: 8px;
}
#ifAccueil #msgPied {
  width: 100%;
  background: url(../img/fond-msgPies.png) repeat-x;
  min-height: 55px;
  position: absolute;
  z-index: 90;
  bottom: 0;
}
#ifAccueil #msgPied p {
  background: url(../img/msgPied.png) no-repeat;
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding: 5px 0 0 0;
  font-size: 30px;
  min-height: 50px;
}
#ifAccueil, #ifNotAccueil {
  color: #fff;
  position: relative;
}
#ifAccueil #socupdt, #ifNotAccueil #socupdt {
  width: 1000px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  padding-top: 65px;
  text-align: right;
}
#ifAccueil #socupdt a, #ifNotAccueil #socupdt a {
  position: relative;
  z-index: 200;
}
#ifAccueil #socupdt .resa, #ifNotAccueil #socupdt .resa {
  background-color: #e34f29;
  margin-top: 15px;
  width: 400px;
  z-index: 100;
  border-radius: 3px;
  float: right;
}
#ifAccueil #socupdt .resa #reservation, #ifNotAccueil #socupdt .resa #reservation {
  padding: 5px;
}
#ifAccueil #socupdt .resa #reservation h2, #ifNotAccueil #socupdt .resa #reservation h2 {
  font-size: 22px;
  text-align: center;
  color: #FFF;
}
#ifAccueil #socupdt .resa #reservation h2 a, #ifNotAccueil #socupdt .resa #reservation h2 a {
  color: #FFF;
}
#ifAccueil #socupdt .resa #reservation p.date, #ifNotAccueil #socupdt .resa #reservation p.date {
  margin-left: 50px;
}
#ifAccueil #socupdt .resa #reservation .bouton #submit-resa, #ifNotAccueil #socupdt .resa #reservation .bouton #submit-resa {
  background: url(../img/loupe.png) center right 2px no-repeat #f5cd13;
  border: transparent;
  min-height: 25px;
  font-size: 14px;
  color: #003333;
  text-align: left;
  width: 140px;
  margin-top: 3px;
  border-radius: 3px;
}
#ifAccueil #gauche p, #ifNotAccueil #gauche p {
  cursor: pointer;
}
#ifAccueil #gauche #lienPhoto, #ifNotAccueil #gauche #lienPhoto {
  background: url(../img/photo.png) no-repeat;
  min-height: 23px;
  padding: 0 10px 0 0;
  width: 131px;
}
#ifAccueil #gauche #lienPhoto a, #ifNotAccueil #gauche #lienPhoto a {
  color: #fff;
}
#ifAccueil #gauche .resa, #ifNotAccueil #gauche .resa {
  background-color: #65cbfe;
  margin-top: 15px;
  width: 310px;
  z-index: 100;
  border-radius: 0 3px 3px 0;
}
#ifAccueil #gauche .resa #reservation, #ifNotAccueil #gauche .resa #reservation {
  padding: 5px;
}
#ifAccueil #gauche .resa #reservation h2, #ifNotAccueil #gauche .resa #reservation h2 {
  font-size: 20px;
  text-align: center;
  color: #FFF;
}
#ifAccueil #gauche .resa #reservation h2 a, #ifNotAccueil #gauche .resa #reservation h2 a {
  color: #FFF;
}
#ifAccueil #gauche #offres, #ifNotAccueil #gauche #offres {
  position: relative;
  background-color: #FFF;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  margin-top: 15px;
  width: 310px;
  z-index: 100;
}
#ifAccueil #gauche #offres #offresPlus,
#ifNotAccueil #gauche #offres #offresPlus,
#ifAccueil #gauche #offres #closeOffres,
#ifNotAccueil #gauche #offres #closeOffres {
  color: #e34f29;
  min-height: 45px;
  font-size: 18px;
  font-weight: bold;
  padding-top: 15px;
}
#ifAccueil #gauche #offres #offresPlus, #ifNotAccueil #gauche #offres #offresPlus {
  width: 131px;
}
#ifAccueil #gauche #offres #closeOffres, #ifNotAccueil #gauche #offres #closeOffres {
  position: absolute;
  right: 10px;
  top: 5px;
}
#ifAccueil #gauche #offres #offresCont, #ifNotAccueil #gauche #offres #offresCont {
  margin-left: 10px;
  width: 290px;
}
#ifAccueil #gauche #offres #offresCont .allOffres, #ifNotAccueil #gauche #offres #offresCont .allOffres {
  min-height: 135px;
  position: relative;
  top: -15px;
  border-top: 2px solid #e34f29;
  border-bottom: 2px solid #e34f29;
}
#ifAccueil #gauche #offres #offresCont .allOffres article, #ifNotAccueil #gauche #offres #offresCont .allOffres article {
  padding-top: 7px;
}
#ifAccueil #gauche #offres #offresCont .allOffres article .photo, #ifNotAccueil #gauche #offres #offresCont .allOffres article .photo {
  float: left;
  margin: 0 7px 0 0;
  width: 86px;
}
#ifAccueil #gauche #offres #offresCont .allOffres article .texte, #ifNotAccueil #gauche #offres #offresCont .allOffres article .texte {
  float: left;
  width: 193px;
}
#ifAccueil #gauche #offres #offresCont .allOffres article .texte h3, #ifNotAccueil #gauche #offres #offresCont .allOffres article .texte h3 {
  font-weight: normal;
  line-height: 17px;
}
#ifAccueil #gauche #offres #offresCont .allOffres article .texte h3 a, #ifNotAccueil #gauche #offres #offresCont .allOffres article .texte h3 a {
  color: #191c2e;
  font-size: 18px;
}
#ifAccueil #gauche #offres #offresCont .allOffres article .texte .accroche, #ifNotAccueil #gauche #offres #offresCont .allOffres article .texte .accroche {
  color: #191c2e;
  font-size: 12px;
  text-align: justify;
}
#ifAccueil #gauche #offres #offresCont .allOffres article .texte .pDetail, #ifNotAccueil #gauche #offres #offresCont .allOffres article .texte .pDetail {
  margin-left: 40px;
  background-color: #e34f29;
  width: 90px;
  padding-left: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  min-height: 23px;
}
#ifAccueil #gauche #offres #offresCont .allOffres article .texte .pDetail a, #ifNotAccueil #gauche #offres #offresCont .allOffres article .texte .pDetail a {
  color: #fff;
  font-size: 14px;
}
#ifAccueil #gauche #offres #offresCont #lienOffers, #ifNotAccueil #gauche #offres #offresCont #lienOffers {
  text-align: right;
  padding: 0 0 8px 0;
}
#ifAccueil #gauche #offres #offresCont #lienOffers a, #ifNotAccueil #gauche #offres #offresCont #lienOffers a {
  color: #e34f29;
}
#ifAccueil #gauche #offres #offresCont #lienOffers #navOffres, #ifNotAccueil #gauche #offres #offresCont #lienOffers #navOffres {
  z-index: 50;
  position: absolute;
  left: 0;
  bottom: 8px;
}
#ifAccueil #gauche #offres #offresCont #lienOffers #navOffres a, #ifNotAccueil #gauche #offres #offresCont #lienOffers #navOffres a {
  font-size: 5px;
  margin: 0 5px;
  display: inline-block;
  width: 15px;
  min-height: 15px;
  background: #e7e8dd;
  text-decoration: none ;
  color: #e7e8dd;
}
#ifAccueil #gauche #offres #offresCont #lienOffers #navOffres a.activeSlide, #ifNotAccueil #gauche #offres #offresCont #lienOffers #navOffres a.activeSlide {
  background: #e34f29 ;
  color: #e34f29!important;
}
#ifAccueil #gauche #offres #offresCont #lienOffers #navOffres a:focus, #ifNotAccueil #gauche #offres #offresCont #lienOffers #navOffres a:focus {
  outline: none;
}
#main #ifNotAccueil #offresCont {
  display: none;
}
#main #ifNotAccueil #offres {
  position: absolute;
}
#main #ifNotAccueil #socupdt {
  margin-bottom: 100px;
}
#main #conteneur {
  background: url(../img/fond-main.png) repeat-x;
  min-height: 414px;
  margin: 0 auto;
  width: 1000px;
}
#main #conteneur #partGauche {
  float: left;
  padding: 0 10px 0 20px;
  width: 235px;
}
#main #conteneur #partGauche .listArticles {
  padding: 15px 10px;
  background-color: #fff;
  border: 1px solid #ff7560;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-top: 18px;
  width: 215px;
}
#main #conteneur #partGauche .listArticles a {
  color: #000;
  width: 215px;
  font-size: 16px;
  line-height: 28px;
  display: block;
  border-bottom: 1px solid #bcb6b3;
}
#main #conteneur #partGauche .listArticles a span {
  color: #325A87;
}
#main #conteneur #partGauche .listArticles a:last-child {
  border: none;
}
#main #conteneur #partGauche .listArticles a.Titre {
  font-size: 18px;
  border-bottom: 4px solid #ff7560;
  padding-bottom: 14px;
  text-transform: uppercase;
  line-height: 18px;
  color: #ff7560;
  font-weight: bold;
}
#main #conteneur #partGauche .plusOffres {
  margin-top: 10px;
  padding: 10px 10px 5px 10px;
  background-color: #5bc5f6!important;
  border: 1px solid #336699;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#main #conteneur #partGauche .plusOffres .allOffres2 {
  min-height: 135px;
  margin: 10px 0;
  position: relative;
}
#main #conteneur #partGauche .plusOffres .allOffres2 article {
  width: 212px;
}
#main #conteneur #partGauche .plusOffres .allOffres2 article .texte {
  float: left;
  width: 197px;
}
#main #conteneur #partGauche .plusOffres .allOffres2 article .texte h3 {
  font-weight: normal;
  line-height: 16px;
  border-bottom: 1px solid #fff;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
#main #conteneur #partGauche .plusOffres .allOffres2 article .texte h3 a {
  /*color: #ffeb6a;*/
  font-size: 16px;
  font-weight: bold;
}
#main #conteneur #partGauche .plusOffres .allOffres2 article .texte .accroche {
  /*color: #fff;*/
  font-size: 14px;
  text-align: justify;
}
#main #conteneur #partGauche .plusOffres .allOffres2 article .texte .pDetail {
  margin-left: 40px;
  background-color: #191c2e;
  width: 90px;
  padding-left: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  min-height: 23px;
}
#main #conteneur #partGauche .plusOffres .allOffres2 article .texte .pDetail a {
  color: #fff;
  font-size: 14px;
}
#main #conteneur #partGauche .plusOffres #lienOffers2 {
  text-align: right;
  padding: 0 0 8px 0;
  position: relative;
}
#main #conteneur #partGauche .plusOffres #lienOffers2 a {
  color: #e7e8dd;
  font-size: 10px;
}
#main #conteneur #partGauche .plusOffres #lienOffers2 #navOffres2 {
  z-index: 50;
  position: absolute;
  left: 0;
  bottom: 8px;
}
#main #conteneur #partGauche .plusOffres #lienOffers2 #navOffres2 a {
  font-size: 5px;
  margin: 0 5px;
  display: inline-block;
  width: 15px;
  min-height: 15px;
  background: #e7e8dd;
  text-decoration: none ;
  color: #e7e8dd;
}
#main #conteneur #partGauche .plusOffres #lienOffers2 #navOffres2 a.activeSlide {
  background: #ff7161 ;
  color: #ff7161!important;
}
#main #conteneur #partGauche .plusOffres #lienOffers2 #navOffres2 a:focus {
  outline: none;
}
#main #conteneur #partGauche .docsTelech {
  padding: 15px 10px;
  background-color: #fff;
  border: 1px solid #bcb6b3;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-top: 18px;
  width: 215px;
}
#main #conteneur #partGauche .docsTelech a {
  color: #333333;
  width: 215px;
  font-size: 12px;
  line-height: 16px;
  display: block;
}
#main #conteneur #partGauche .docsTelech a span {
  color: #66ccff;
}
#main #conteneur #partGauche .docsTelech h3 {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 4px solid #66ccff;
  padding-bottom: 14px;
  margin-bottom: 10px;
  text-transform: uppercase;
  line-height: 18px;
  color: #66ccff;
}
#main #conteneur #partGauche #lienAncv {
  margin-top: 10px;
}
#main #conteneur #partDroit {
  float: right;
  width: 735px;
}
#main #conteneur #partDroit #Presentation .titre #Ariane, #main #conteneur #partDroit #Presentation .titre #Ariane a {
  padding: 7px 0;
  color: #666666;
  font-size: 12px;
}
#main #conteneur #partDroit #Presentation .titre #Ariane .retour, #main #conteneur #partDroit #Presentation .titre #Ariane a .retour {
  font-size: 14px;
  float: right;
  padding-right: 10px;
  margin-top: -6px;
}
#main #conteneur #partDroit #Presentation .titre h1 {
  font-size: 30px;
  color: #003333;
  width: 95%;
  border-top: 1px solid #bcb6b3;
  border-bottom: 1px solid #bcb6b3;
}
#main #conteneur #partDroit #Presentation .texte {
  font-size: 14px;
  color: #4a4845;
  border-bottom: 1px solid #bcb6b3;
  width: 95%;
}
#main #conteneur #partDroit #navigationUp {
  color: #666666!important;
  position: relative;
  right: 0;
  float: right;
  width: 125px;
}
#main #conteneur #partDroit #navigationUp a {
  color: #666666;
}
#main #conteneur #partDroit .navigationDet {
  margin-top: -34px;
  margin-bottom: 34px;
  margin-left: 600px!important;
  width: 120px!important;
}
#main #conteneur #partDroit .navigationDet span {
  font-size: 18px;
}
#main #conteneur #partDroit #liste article {
  border: 1px solid #bcb6b3;
  float: left;
  position: relative;
  width: 237px;
  margin-right: 9px;
  margin-top: 12px;
}
#main #conteneur #partDroit #liste article h2 {
  min-height: 40px;
  font-weight: normal;
  background: url(../img/fond-blanc.png) repeat;
}
#main #conteneur #partDroit #liste article h2 a {
  color: #ff7560;
  font-size: 17px;
}
#main #conteneur #partDroit #liste article h2 a span {
  color: #66ccff;
}
#main #conteneur #partDroit #liste article .photo {
  max-height: 158px;
}
#main #conteneur #partDroit #liste article .pDetail {
  background: url(../img/fond-blanc.png) repeat;
  min-height: 30px;
  padding-top: 10px;
  width: 237px;
}
#main #conteneur #partDroit #liste article .pDetail .detail {
  margin-left: 156px;
  display: block;
  text-align: center;
  background-color: #191c2e;
  width: 66px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  min-height: 20px;
  color: #fff;
  font-size: 14px;
}
#main #conteneur #partDroit #liste article .texte {
  position: absolute;
  width: 237px;
  display: none;
  min-height: 158px;
  max-height: 158px;
  overflow: hidden;
  background-color: #4a4845;
  color: #fff;
  top: 40px;
}
#main #conteneur #partDroit #liste article.nth2 {
  margin-right: 0;
}
#main #conteneur #partDroit #liste .navigation {
  color: #fff;
  float: right;
  width: 125px;
}
#main #conteneur #partDroit #liste .navigation a {
  color: #fff;
}
#main #conteneur #partDroit #detail {
  background: url(../img/fond-blanc.png) repeat;
  padding: 10px 0 15px 10px;
  margin-bottom: 17px;
  width: 715px;
}
#main #conteneur #partDroit #detail .texte .contact, #main #conteneur #partDroit #detail .texte .Accroche {
  display: table-cell;
}
#main #conteneur #partDroit #detail .texte .Accroche {
  margin-top: 25px;
  background-color: #fff;
  border: 1px solid #64c8f0;
  width: 358px;
  color: #000;
  font-size: 14px;
  padding: 10px;
}
#main #conteneur #partDroit #detail .texte .contact {
  padding-top: 25px;
  padding-left: 45px;
}
#main #conteneur #partDroit #detail .texte .contact .phone, #main #conteneur #partDroit #detail .texte .contact .mail {
  color: #64635f;
  padding-left: 45px;
  line-height: 18px;
  background: url(../img/tel.png) no-repeat left bottom;
  width: 215px;
}
#main #conteneur #partDroit #detail .texte .contact .phone p, #main #conteneur #partDroit #detail .texte .contact .mail p {
  font-size: 24px;
}
#main #conteneur #partDroit #detail .texte .contact .phone p span, #main #conteneur #partDroit #detail .texte .contact .mail p span {
  font-size: 14px;
}
#main #conteneur #partDroit #detail .texte .contact .phone p .tel, #main #conteneur #partDroit #detail .texte .contact .mail p .tel {
  font-size: 24px!important;
}
#main #conteneur #partDroit #detail .texte .contact .phone p a, #main #conteneur #partDroit #detail .texte .contact .mail p a {
  color: #64635f;
}
#main #conteneur #partDroit #detail .texte .contact .mail {
  background: url(../img/mail.png) no-repeat left 10px;
  border-top: 1px solid #bcb6b3;
  padding-top: 10px;
  padding-bottom: 5px;
}
#main #conteneur #partDroit #detail .texte .Accroche2 {
  margin-top: 80px;
  background-color: #fff;
  border: 1px solid #64c8f0;
  width: 680px;
  color: #000;
  font-size: 14px;
  padding: 10px;
}
#main #conteneur #partDroit #detail .texte .contact2 {
  padding-top: 25px;
  padding-left: 45px;
}
#main #conteneur #partDroit #detail .texte .contact2 .phone, #main #conteneur #partDroit #detail .texte .contact2 .mail {
  color: #64635f;
  padding-left: 45px;
  line-height: 18px;
  background: url(../img/tel.png) no-repeat left top;
  width: 215px;
}
#main #conteneur #partDroit #detail .texte .contact2 .phone p, #main #conteneur #partDroit #detail .texte .contact2 .mail p {
  font-size: 24px;
}
#main #conteneur #partDroit #detail .texte .contact2 .phone p span, #main #conteneur #partDroit #detail .texte .contact2 .mail p span {
  font-size: 14px;
}
#main #conteneur #partDroit #detail .texte .contact2 .phone p .tel, #main #conteneur #partDroit #detail .texte .contact2 .mail p .tel {
  font-size: 24px!important;
}
#main #conteneur #partDroit #detail .texte .contact2 .phone p a, #main #conteneur #partDroit #detail .texte .contact2 .mail p a {
  color: #64635f;
}
#main #conteneur #partDroit #detail .texte .contact2 .mail {
  background: url(../img/mail.png) no-repeat left 10px;
  margin-right: 50px;
}
#main #conteneur #partDroit #detail .photo {
  text-align: center;
  width: 700px;
  min-height: 364px;
}
#main #conteneur #partDroit #detail .photo a {
  text-align: center;
  width: 100%!important;
}
#main #conteneur #partDroit #detail .photo a img {
  max-width: 100% !important;
}
#main #conteneur #partDroit #detail #Description, #main #conteneur #partDroit #detail #PlanTab {
  background-color: #fff;
  /*color: #64635f;*/
}
#main #conteneur #partDroit #detail #Description a, #main #conteneur #partDroit #detail #PlanTab a {
  color: #ff7560;
}
#main #conteneur #partDroit #detail #Tarifs {
  background-color: #fff;
  overflow: hidden;
}
#main #conteneur #partDroit #detail #Tarifs iframe {
  width: 90%!important;
  padding: 0 5% !important;
}
#main #conteneur #partDroit #detail #plan {
  padding: 20px 15px;
}
#main #conteneur #partDroit #detail #plan a {
  color: #ff7560;
  position: relative;
  z-index: 100 !important;
}
#main #conteneur #partDroit #detail #plan .li_rub {
  margin-left: 10px;
}
#main #conteneur #partDroit #detail #plan .li_rub .Rub {
  margin-left: 10px;
}
#main #conteneur #partDroit #detail #plan .li_rub .Rub ul .ssRub {
  margin-left: 50px;
}
#main #conteneur #partDroit #detail #plan .li_rub .Rub ul .ssRub h2 {
  font-weight: normal;
}
#main #conteneur #partDroit #detail #plan .li_rub .Rub ul .ssRub h2 a {
  color: #66ccff!important;
}
#main #conteneur #partDroit #detail #plan .li_rub .Rub ul .ssRub h3 {
  font-weight: normal;
}
#main #conteneur #partDroit #detail #plan .li_rub .Rub ul .ssRub h3 a {
  color: #66ccff!important;
}
#main #conteneur #partDroit #detail #plan .li_rub .Rub ul .ssRub .ssssRub {
  margin-left: 50px;
}
#main #conteneur #partDroit #detail #plan .li_rub .Rub ul .ssRub .ssssRub h3 {
  font-weight: normal;
}
#main #conteneur #partDroit #detail #plan .li_rub .Rub ul .ssRub .ssssRub h3 a {
  color: #f2e302!important;
}
#main #conteneur #partDroit #detail #contact {
  color: #666666;
  width: 100%;
  padding-left: 100px;
  margin-bottom: 15px;
}
#main #conteneur #partDroit #detail #contact .creaFormulaire {
  padding: 4px 15px 10px 18px;
  margin: 40px 0px 10px 0px;
}
#main #conteneur #partDroit #detail #contact .creaFormulaire p {
  color: #666666;
  font-size: 17px;
  padding: 3px 3px;
  width: 400px;
  vertical-align: middle;
}
#main #conteneur #partDroit #detail #contact .creaFormulaire p label {
  font-weight: bold;
  width: 170px;
}
#main #conteneur #partDroit #detail #contact .creaFormulaire p input[type="text"], #main #conteneur #partDroit #detail #contact .creaFormulaire p textarea {
  border-radius: 5px;
  color: #333333;
  font-family: 'Verdana';
  float: right;
  width: 220px;
}
#main #conteneur #partDroit #detail #contact .creaFormulaire p span {
  margin-left: 120px;
}
#main #conteneur #partDroit #detail #contact textarea {
  min-height: 40px;
}
#main #conteneur #partDroit #detail #contact input[type="submit"],
#main #conteneur #partDroit #detail .btcontact input[type="submit"],
#main #conteneur #partDroit #detail #contact .boutons,
#main #conteneur #partDroit #detail .btcontact .boutons {
  position: relative;
  text-align: center;
  font-size: 16px;
  width: 250px;
  padding: 10px 40px 10px 40px;
  border: 2px solid #1d3f15;
  color: #ff7560;
  background: #fff;
  font-weight: bold;
}
#main #conteneur #partDroit #detail #contact input[type="submit"], #main #conteneur #partDroit #detail .btcontact input[type="submit"] {
  behavior: url(http://www.oya-vacances.com/stylesheets/PIE.htc);
  border-radius: 10px;
}
#main #conteneur #partDroit #detail #contact #btnSend, #main #conteneur #partDroit #detail .btcontact #btnSend {
  margin: 10px 0 0 199px;
}
#main #conteneur #partDroit #detail #contact .boutons:hover,
#main #conteneur #partDroit #detail .btcontact .boutons:hover,
#main #conteneur #partDroit #detail #contact .boutons:active,
#main #conteneur #partDroit #detail .btcontact .boutons:active,
#main #conteneur #partDroit #detail #contact input[type="submit"]:hover,
#main #conteneur #partDroit #detail .btcontact input[type="submit"]:hover,
#main #conteneur #partDroit #detail #contact input[type="submit"]:active,
#main #conteneur #partDroit #detail .btcontact input[type="submit"]:active {
  cursor: pointer;
  background: #f7f5f1;
  color: #1d3f15;
  text-decoration: none;
}
#main #conteneur #partDroit #detail #contact .boutons:active,
#main #conteneur #partDroit #detail .btcontact .boutons:active,
#main #conteneur #partDroit #detail #contact input[type="submit"]:active,
#main #conteneur #partDroit #detail .btcontact input[type="submit"]:active {
  background: #eee;
  color: #1d3f15;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8) inset;
}
#main #conteneur #partDroit #detail .btcontact {
  margin: 10px 0 0 199px;
}
#main #conteneur #partDroit #detail .creaFormulaireResa {
  margin-left: 150px;
  color: #666666;
}
#main #conteneur #partDroit #detail .creaFormulaireResa .obligatoire {
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}
/*-- footer du site--*/footer {
  color: #fff;
  min-height: 98px;
  margin: 0!important;
  padding: 0!important;
  width: 100%;
}
footer a {
  color: #fff;
}
footer #pied {
  background-color: #FFF;
  min-height: 78px;
  width: 100%;
}
footer #pied #piedCont {
  margin: 0 auto;
  width: 1000px;
  padding-top: 7px;
  font-size: 12px;
}
footer #pied #piedCont #logoPied,
footer #pied #piedCont #Adresse,
footer #pied #piedCont .resaPied,
footer #pied #piedCont #msgPied,
footer #pied #piedCont #Liens {
  background: url(../img/fond-divFoot-orange.png) no-repeat right;
  text-align: center;
  float: left;
  margin: 0;
  vertical-align: middle;
}
footer #pied #piedCont #logoPied {
  width: 224px;
}
footer #pied #piedCont #Adresse {
  padding-top: 10px;
  width: 200px;
  color: #e34f29;
}
footer #pied #piedCont .resaPied {
  font-size: 18px;
  width: 167px;
  color: #e34f29;
}
footer #pied #piedCont #msgPied {
  width: 267px;
}
footer #pied #piedCont #msgPied span {
  color: #e34f29;
  font-size: 18px;
}
footer #pied #piedCont #Liens {
  font-size: 14px;
  background: transparent;
  width: 137px;
}
footer #posPied {
  background-color: #2d5280 !important;
  clear: both;
  min-height: 23px;
  width: 100%;
}
footer #posPied #posPiedCont {
  text-align: center;
  width: 1000px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
footer #posPied #posPiedCont a {
  font-size: 12px;
}
@media (min-width: 1020px) {
  #menu {
    display: block!important;
  }
}
/*  MEDIA QUERY 1024 */@media (max-width: 1020px) {
  header {
    min-height: 92px!important;
    max-height: 92px!important;
    width: 100%;
  }
  header #resaLogo {
    width: 90%!important;
    padding: 0 5%;
  }
  header #resaLogo .msgHader p, header #resaLogo .logoHader p, header #resaLogo .resa p {
    font-size: 16px;
  }
  header #resaLogo .msgHader p span, header #resaLogo .logoHader p span, header #resaLogo .resa p span {
    font-size: 14px;
  }
  header #resaLogo .msgHader p .telephone, header #resaLogo .logoHader p .telephone, header #resaLogo .resa p .telephone {
    font-size: 20px;
  }
  header #resaLogo .msgHader {
    width: 40%!important;
  }
  header #resaLogo .logoHader {
    width: 27%!important;
  }
  header #resaLogo .resa {
    width: 33%!important;
  }
  header #resaLogo .resa #reservation {
    width: 90%;
    margin-left: 10%;
  }
  header #resaLogo .resa #reservation h2 {
    background-color: #ff7161;
    text-align: left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: 20px;
    padding-left: 10px;
  }
  header #resaLogo .resa #reservation h2 a {
    font-size: 21px;
  }
  header #resaLogo .resa #reservation #FormReserv {
    display: none;
  }
  header #showMenu {
    position: absolute;
    z-index: 300;
    top: 92px;
    display: block;
    color: #fff;
    background-color: #2c5180;
    padding: 13px 3px 3px 6px;
    width: 100px;
    min-height: 32px;
    font-size: 14px;
    margin-left: 17px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
  }
  header #showMenu .closeMenu {
    display: none;
  }
  header #showMenu .showMenu, header #showMenu .closeMenu {
    cursor: pointer;
  }
  header #menu {
    background-color: #2c5180;
    width: 100%!important;
    display: none;
    padding-top: 45px!important;
    position: absolute;
    top: 92px;
  }
  header #menu .contenuMenu {
    width: 90%!important;
    padding: 0 5%;
  }
  header #menu .contenuMenu li.liMenu {
    width: 100%!important;
    float: none!important;
    background: transparent!important;
    min-height: 36px;
    overflow-x: hidden;
  }
  header #menu .contenuMenu li.liMenu a {
    padding: 10px 8px 10px;
    font-size: 14px;
  }
  header #menu .contenuMenu li.liMenu .SSmenu {
    position: relative!important;
    display: block!important;
    left: 4%;
    padding-bottom: 10px;
    width: 100%!important;
  }
  header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu, header #menu .contenuMenu li.liMenu .SSmenu .deroulantArt {
    float: none!important;
    border-left: transparent!important;
    width: 96%!important;
    border-top: 1px dotted #51a2d0!important;
    margin-left: 4%;
    min-height: 10px!important;
  }
  header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu a, header #menu .contenuMenu li.liMenu .SSmenu .deroulantArt a {
    font-size: 18px;
  }
  header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu .SSmenuArt, header #menu .contenuMenu li.liMenu .SSmenu .deroulantArt .SSmenuArt {
    padding: 2px 0 2px 15px;
    border: none!important;
    width: 100%!important;
  }
  header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu .SSmenuArt .liSSmenuArt a, header #menu .contenuMenu li.liMenu .SSmenu .deroulantArt .SSmenuArt .liSSmenuArt a {
    padding: 2px 0 2px 2px;
    font-size: 14px;
  }
  header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu .SSmenuArt .liSSmenuArt article .texte a, header #menu .contenuMenu li.liMenu .SSmenu .deroulantArt .SSmenuArt .liSSmenuArt article .texte a {
    font-size: 18px;
  }
  header #menu .contenuMenu li.liMenu .SSmenu .deroulantArt a {
    font-size: 14px !important;
  }
  header #menu .contenuMenu li.liMenu .SSmenu .liSSMenuHide {
    display: none;
  }
  header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu:last-child, header #menu .contenuMenu li.liMenu .SSmenu .liSSMenu:first-child {
    width: 230px;
  }
  header #menu .contenuMenu li.liMenu .SSmenu2 {
    padding-top: 5px !important;
  }
  header #menu .contenuMenu li.liMenuAccueil {
    display: none;
  }
  header #menu .contenuMenu li.liMenu > a:hover, header #menu .contenuMenu li.liMenu > a.selected {
    border-bottom: none;
    margin-bottom: 0!important;
    position: relative;
    z-index: 210;
  }
  header #menu .contenuMenu li.liMenu {
    border-bottom: 1px solid #51a2d0!important;
  }
  header #menu .contenuMenu li.liMenu > a {
    color: #51a2d0 !important;
  }
  
  #ifAccueil {
    min-height: 510px;
  }
  #ifAccueil #msgPied {
    width: 100%;
  }
  #ifAccueil #msgPied p {
    width: 100%!important;
  }
  
  #ifNotAccueil #gauche #offres {
    display: none;
  }
  
  #ifAccueil #socupdt, #ifNotAccueil #socupdt {
    width: 100%!important;
  }
  
  #main #ifNotAccueil #offresCont {
    display: none;
  }
  #main #ifNotAccueil #offres {
    position: absolute;
  }
  #main #conteneur {
    margin: 0 auto;
    width: 100%!important;
  }
  #main #conteneur #partGauche {
    padding: 0 2% 0 1%!important;
    width: 23%!important;
  }
  #main #conteneur #partGauche .listArticles {
    padding: 15px 5%;
    width: 90%!important;
  }
  #main #conteneur #partGauche .listArticles a {
    width: 100%!important;
    font-size: 16px;
    line-height: 28px;
  }
  #main #conteneur #partGauche .listArticles a.Titre {
    font-size: 18px;
    line-height: 18px;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article {
    padding: 10px 5% 5px!important;
    width: 90%!important;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article .texte {
    float: left;
    width: 100%!important;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article .texte h3 {
    line-height: 16px;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article .texte h3 a {
    font-size: 16px;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article .texte .pDetail {
    margin-left: 40px;
    width: 90px;
  }
  #main #conteneur #partGauche .docsTelech {
    padding: 15px 5%!important;
    width: 90%!important;
  }
  #main #conteneur #partGauche .docsTelech a {
    width: 100%!important;
  }
  #main #conteneur #partGauche .docsTelech h3 {
    font-size: 20px;
  }
  #main #conteneur #partGauche #lienAncv {
    width: 100%!important;
  }
  #main #conteneur #partGauche #lienAncv img {
    width: 100%!important;
  }
  #main #conteneur #partDroit {
    width: 74%!important;
  }
  #main #conteneur #partDroit #Presentation .titre #Ariane, #main #conteneur #partDroit #Presentation .titre #Ariane a {
    font-size: 12px;
  }
  #main #conteneur #partDroit #Presentation .titre #Ariane .retour, #main #conteneur #partDroit #Presentation .titre #Ariane a .retour {
    font-size: 14px;
  }
  #main #conteneur #partDroit #Presentation .titre h1 {
    font-size: 30px;
    width: 95%;
  }
  #main #conteneur #partDroit #Presentation .texte {
    font-size: 14px;
    width: 95%;
  }
  #main #conteneur #partDroit #liste article {
    width: 32%!important;
    margin-right: 1%;
  }
  #main #conteneur #partDroit #liste article h2 {
    min-height: 40px;
  }
  #main #conteneur #partDroit #liste article h2 a {
    font-size: 17px;
  }
  #main #conteneur #partDroit #liste article .photo {
    width: 100%!important;
  }
  #main #conteneur #partDroit #liste article .photo img {
    width: 100%!important;
  }
  #main #conteneur #partDroit #liste article .pDetail {
    width: 100%!important;
  }
  #main #conteneur #partDroit #liste article .pDetail .detail {
    margin-left: 136px!important;
    display: block;
    width: 66px;
    font-size: 14px;
  }
  #main #conteneur #partDroit #liste article .texte {
    width: 100%!important;
  }
  #main #conteneur #partDroit #liste article.nth2 {
    margin-right: 0;
  }
  #main #conteneur #partDroit #detail {
    padding: 10px 2% 15px 3%!important;
    width: 95%!important;
  }
  #main #conteneur #partDroit #detail .texte .contact, #main #conteneur #partDroit #detail .texte .Accroche {
    display: table-cell;
  }
  #main #conteneur #partDroit #detail .texte .Accroche {
    width: 358px;
    font-size: 14px;
    padding: 10px;
  }
  #main #conteneur #partDroit #detail .texte .contact {
    padding-left: 45px;
  }
  #main #conteneur #partDroit #detail .texte .contact .phone, #main #conteneur #partDroit #detail .texte .contact .mail {
    padding-left: 45px;
    width: 215px;
  }
  #main #conteneur #partDroit #detail .texte .contact .phone p, #main #conteneur #partDroit #detail .texte .contact .mail p {
    font-size: 24px;
  }
  #main #conteneur #partDroit #detail .texte .contact .phone p span, #main #conteneur #partDroit #detail .texte .contact .mail p span {
    font-size: 14px;
  }
  #main #conteneur #partDroit #detail .texte .contact .phone p .tel, #main #conteneur #partDroit #detail .texte .contact .mail p .tel {
    font-size: 24px!important;
  }
  #main #conteneur #partDroit #detail .photo {
    width: 100%!important;
    position: relative;
    max-width: 700px!important;
  }
  #main #conteneur #partDroit #detail .photo img {
    max-width: 100%!important;
  }
  #main #conteneur #partDroit #detail #contact {
    width: 90%!important;
    padding-left: 10%!important;
    margin-bottom: 15px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire {
    padding: 4px 15px 10px 18px;
    margin: 40px 0px 10px 0px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire p {
    font-size: 17px;
    padding: 3px 3px;
    width: 400px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire p label {
    width: 170px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire p input[type="text"], #main #conteneur #partDroit #detail #contact .creaFormulaire p textarea {
    width: 220px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire p span {
    margin-left: 120px;
  }
  #main #conteneur #partDroit #detail #contact textarea {
    min-height: 40px;
  }
  #main #conteneur #partDroit #detail #contact input[type="submit"],
  #main #conteneur #partDroit #detail .btcontact input[type="submit"],
  #main #conteneur #partDroit #detail #contact .boutons,
  #main #conteneur #partDroit #detail .btcontact .boutons {
    font-size: 16px;
    width: 250px;
    padding: 10px 40px 10px 40px;
  }
  #main #conteneur #partDroit #detail #contact #btnSend, #main #conteneur #partDroit #detail .btcontact #btnSend {
    margin: 10px 0 0 199px;
  }
  #main #conteneur #partDroit #detail .btcontact {
    margin: 10px 0 0 199px;
  }
  #main #conteneur #partDroit #detail .creaFormulaireResa {
    margin-left: 150px;
  }
  
  /*-- footer du site--*/
  footer #pied {
    min-height: 78px;
    width: 100%;
  }
  footer #pied #piedCont {
    margin: 0 auto;
    width: 100%;
    padding-top: 7px;
  }
  footer #pied #piedCont #logoPied {
    width: 22%;
  }
  footer #pied #piedCont #Adresse {
    width: 21%;
  }
  footer #pied #piedCont .resaPied {
    font-size: 18px;
    width: 17%;
  }
  footer #pied #piedCont #msgPied {
    width: 26%;
  }
  footer #pied #piedCont #Liens {
    font-size: 14px;
    width: 14%;
  }
  footer #posPied {
    min-height: 23px;
    width: 100%;
  }
  footer #posPied #posPiedCont {
    width: 100%!important;
    margin: 0 auto;
  }
  footer #posPied #posPiedCont a {
    font-size: 12px;
  }
}
/*  MEDIA QUERY OF 480 to 900 */@media (min-width: 480px) and (max-width: 900px) {
  header #resaLogo {
    width: 96%!important;
    padding: 0 2%;
  }
  header #resaLogo .msgHader p, header #resaLogo .logoHader p, header #resaLogo .resa p {
    line-height: 16px;
    font-size: 13px!important;
  }
  header #resaLogo .msgHader p span, header #resaLogo .logoHader p span, header #resaLogo .resa p span {
    font-size: 13px!important;
  }
  header #resaLogo .msgHader p .telephone, header #resaLogo .logoHader p .telephone, header #resaLogo .resa p .telephone {
    font-size: 15px!important;
  }
  header #resaLogo .msgHader {
    width: 40%!important;
  }
  header #resaLogo .logoHader {
    width: 27%!important;
  }
  header #resaLogo .logoHader img {
    max-width: 100%!important;
    width: 100% !important;
  }
  header #resaLogo .resa {
    width: 33%!important;
  }
  header #resaLogo .resa #reservation {
    width: 90%;
    margin-left: 10%;
  }
  header #resaLogo .resa #reservation h2 a {
    font-size: 15px;
  }
  
  #ifAccueil {
    min-height: 510px;
  }
  #ifAccueil #gauche p {
    cursor: pointer;
  }
  #ifAccueil #gauche #Presentation .textePreDesc {
    width: 70%!important;
  }
  #ifAccueil #msgPied {
    width: 100%;
  }
  #ifAccueil #msgPied p {
    background: url(../img/msgPied2.png) no-repeat top !important;
    background-position: center center;
    padding: 8px 0 0 0;
    font-size: 24px!important;
    min-height: 30px;
    width: 100%!important;
  }
  
  #ifAccueil #socupdt, #ifNotAccueil #socupdt {
    width: 100%!important;
  }
  #ifAccueil #socupdt img, #ifNotAccueil #socupdt img {
    max-width: 70% !important;
  }
  
  #main #ifNotAccueil #offresCont {
    display: none;
  }
  #main #ifNotAccueil #offres {
    position: absolute;
  }
  #main #conteneur {
    margin: 0 auto;
    width: 100%!important;
  }
  #main #conteneur #partGauche {
    padding: 0 2% 0 1%!important;
    width: 30%!important;
  }
  #main #conteneur #partGauche .listArticles {
    padding: 15px 5%;
    width: 90%!important;
  }
  #main #conteneur #partGauche .listArticles a {
    width: 100%!important;
    font-size: 16px;
    line-height: 28px;
  }
  #main #conteneur #partGauche .listArticles a.Titre {
    font-size: 18px;
    line-height: 18px;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article {
    padding: 10px 5% 5px!important;
    width: 90%!important;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article .texte {
    float: left;
    width: 100%!important;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article .texte h3 {
    line-height: 16px;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article .texte h3 a {
    font-size: 16px;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article .texte .pDetail {
    margin-left: 40px;
    width: 90px;
  }
  #main #conteneur #partGauche .docsTelech {
    padding: 15px 5%!important;
    width: 90%!important;
  }
  #main #conteneur #partGauche .docsTelech a {
    width: 100%!important;
  }
  #main #conteneur #partGauche .docsTelech h3 {
    font-size: 20px;
  }
  #main #conteneur #partGauche #lienAncv {
    width: 100%!important;
  }
  #main #conteneur #partGauche #lienAncv img {
    width: 100%!important;
  }
  #main #conteneur #partDroit {
    width: 67%!important;
  }
  #main #conteneur #partDroit #Presentation .titre #Ariane, #main #conteneur #partDroit #Presentation .titre #Ariane a {
    font-size: 12px;
  }
  #main #conteneur #partDroit #Presentation .titre #Ariane .retour, #main #conteneur #partDroit #Presentation .titre #Ariane a .retour {
    font-size: 14px;
  }
  #main #conteneur #partDroit #Presentation .titre h1 {
    font-size: 30px;
    width: 95%;
  }
  #main #conteneur #partDroit #Presentation .texte {
    font-size: 14px;
    width: 95%;
  }
  #main #conteneur #partDroit #liste article {
    width: 47%!important;
    margin-right: 2%!important;
  }
  #main #conteneur #partDroit #liste article h2 {
    min-height: 40px;
  }
  #main #conteneur #partDroit #liste article h2 a {
    font-size: 17px;
  }
  #main #conteneur #partDroit #liste article .photo {
    width: 100%!important;
  }
  #main #conteneur #partDroit #liste article .photo img {
    width: 100%!important;
  }
  #main #conteneur #partDroit #liste article .pDetail {
    width: 100%!important;
  }
  #main #conteneur #partDroit #liste article .pDetail .detail {
    margin-left: 50%!important;
    display: block;
    width: 66px;
    font-size: 14px;
  }
  #main #conteneur #partDroit #liste article .texte {
    width: 100%!important;
  }
  #main #conteneur #partDroit #liste article.nth2 {
    margin-right: 0;
  }
  #main #conteneur #partDroit #detail {
    padding: 10px 2% 15px 3%!important;
    width: 95%!important;
  }
  #main #conteneur #partDroit #detail .texte .contact, #main #conteneur #partDroit #detail .texte .Accroche {
    display: block!important;
  }
  #main #conteneur #partDroit #detail .texte .Accroche {
    max-width: 358px;
    width: 94%!important;
    font-size: 14px;
    padding: 3%;
  }
  #main #conteneur #partDroit #detail .texte .contact {
    padding-left: 45px;
  }
  #main #conteneur #partDroit #detail .texte .contact .phone, #main #conteneur #partDroit #detail .texte .contact .mail {
    padding-left: 45px;
    width: 215px;
  }
  #main #conteneur #partDroit #detail .texte .contact .phone p, #main #conteneur #partDroit #detail .texte .contact .mail p {
    font-size: 24px;
  }
  #main #conteneur #partDroit #detail .texte .contact .phone p span, #main #conteneur #partDroit #detail .texte .contact .mail p span {
    font-size: 14px;
  }
  #main #conteneur #partDroit #detail .texte .contact .phone p .tel, #main #conteneur #partDroit #detail .texte .contact .mail p .tel {
    font-size: 24px!important;
  }
  #main #conteneur #partDroit #detail #contact {
    width: 98%!important;
    padding-left: 2%!important;
    margin-bottom: 15px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire {
    padding: 4px 10px 10px 0px;
    margin: 40px 0px 10px 0px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire p {
    font-size: 14px;
    padding: 3px 0px!important;
    width: 320px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire p label {
    width: 150px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire p input[type="text"], #main #conteneur #partDroit #detail #contact .creaFormulaire p textarea {
    width: 170px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire p span {
    margin-left: 85px;
  }
  #main #conteneur #partDroit #detail #contact textarea {
    min-height: 40px;
  }
  #main #conteneur #partDroit #detail #contact input[type="submit"],
  #main #conteneur #partDroit #detail .btcontact input[type="submit"],
  #main #conteneur #partDroit #detail #contact .boutons,
  #main #conteneur #partDroit #detail .btcontact .boutons {
    font-size: 16px;
    width: 250px;
    padding: 7px 10px 7px 10px!important;
  }
  #main #conteneur #partDroit #detail #contact #btnSend, #main #conteneur #partDroit #detail .btcontact #btnSend {
    margin: 10px 0 0 20px;
  }
  #main #conteneur #partDroit #detail .btcontact {
    margin: 10px 0 0 20px;
  }
  #main #conteneur #partDroit #detail .creaFormulaireResa {
    margin-left: 20px;
  }
  
  /*-- footer du site--*/
  footer {
    min-height: 98px;
    width: 100%;
  }
  footer #pied {
    min-height: 139px;
    width: 100%;
  }
  footer #pied #piedCont {
    margin: 0 auto;
    width: 100%;
    padding-top: 7px;
    font-size: 12px;
  }
  footer #pied #piedCont #Adresse,
  footer #pied #piedCont .resaPied,
  footer #pied #piedCont #msgPied,
  footer #pied #piedCont #Liens {
    background: url(../img/fond-divFoot.png) no-repeat right;
    text-align: center;
    margin: 0!important;
    float: none;
    vertical-align: middle;
    display: inline-block;
  }
  footer #pied #piedCont #logoPied {
    width: 220px!important;
    margin: 0 auto;
    padding-bottom: 20px;
    display: block;
    float: none;
    background: transparent;
  }
  footer #pied #piedCont #Adresse {
    width: 24%!important;
  }
  footer #pied #piedCont .resaPied {
    font-size: 16px!important;
    width: 23%!important;
  }
  footer #pied #piedCont #msgPied {
    width: 32%!important;
  }
  footer #pied #piedCont #Liens {
    font-size: 14px;
    width: 18%!important;
    background: transparent!important;
  }
  footer #posPied {
    min-height: 23px;
    width: 100%;
  }
  footer #posPied #posPiedCont {
    width: 100%!important;
    margin: 0 auto;
  }
  footer #posPied #posPiedCont a {
    font-size: 12px;
  }
}
/*  END MEDIA QUERY OF 768 TO 1023 *//* MEDIA QUERY OF 550 */@media (max-width: 550px) {
  header #resaLogo {
    width: 96%!important;
    padding: 0 2%;
  }
  header #resaLogo .msgHader p, header #resaLogo .logoHader p, header #resaLogo .resa p {
    line-height: 16px;
    font-size: 12px!important;
  }
  header #resaLogo .msgHader p span, header #resaLogo .logoHader p span, header #resaLogo .resa p span {
    font-size: 12px!important;
  }
  header #resaLogo .msgHader p .telephone, header #resaLogo .logoHader p .telephone, header #resaLogo .resa p .telephone {
    font-size: 14px!important;
  }
  header #resaLogo .msgHader p .titreHide, header #resaLogo .logoHader p .titreHide, header #resaLogo .resa p .titreHide {
    display: none;
  }
  header #resaLogo .msgHader {
    width: 30%!important;
  }
  header #resaLogo .logoHader {
    width: 40%!important;
  }
  header #resaLogo .logoHader img {
    max-width: 100%!important;
    width: 100% !important;
  }
  header #resaLogo .resa {
    width: 30%!important;
  }
  header #resaLogo .resa #reservation {
    width: 90%;
    margin-left: 10%;
  }
  header #resaLogo .resa #reservation h2 {
    line-height: 13px;
    padding-left: 3px!important;
  }
  header #resaLogo .resa #reservation h2 a {
    font-size: 10px;
  }
  
  #ifAccueil {
    min-height: 510px;
  }
  #ifAccueil #gauche p {
    cursor: pointer;
  }
  #ifAccueil #gauche #Presentation .textePreDesc {
    width: 65%!important;
  }
  #ifAccueil #msgPied {
    width: 100%;
  }
  #ifAccueil #msgPied p {
    background: url(../img/msgPied2.png) no-repeat top !important;
    background-position: center center;
    padding: 8px 0 0 0;
    font-size: 18px!important;
    min-height: 30px;
    width: 100%!important;
  }
  
  #ifAccueil #socupdt, #ifNotAccueil #socupdt {
    width: 100%!important;
  }
  #ifAccueil #socupdt img, #ifNotAccueil #socupdt img {
    max-width: 70% !important;
  }
  
  #main .clearConteneur {
    display: block!important;
  }
  #main #ifNotAccueil #offresCont {
    display: none;
  }
  #main #ifNotAccueil #offres {
    position: absolute;
  }
  #main #conteneur {
    margin: 0 auto;
    width: 100%!important;
  }
  #main #conteneur #partGauche {
    padding: 0 3%!important;
    width: 94%!important;
    vertical-align: top;
    top: 0;
  }
  #main #conteneur #partGauche .listArticles {
    display: none;
  }
  #main #conteneur #partGauche .plusOffres {
    float: right;
    width: 45%;
    padding: 0 3% 0 0;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article {
    padding: 10px 3% 5px !important;
    width: 96%!important;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article .texte {
    float: left;
    width: 100%!important;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article .texte h3 {
    line-height: 16px;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article .texte h3 a {
    font-size: 16px;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article .texte .pDetail {
    margin-left: 40px;
    width: 90px;
  }
  #main #conteneur #partGauche .docsTelech {
    padding: 15px 2%!important;
    width: 46%!important;
    margin-top: 9px!important;
    float: left;
  }
  #main #conteneur #partGauche .docsTelech a {
    width: 100%!important;
  }
  #main #conteneur #partGauche .docsTelech h3 {
    font-size: 20px;
  }
  #main #conteneur #partGauche #lienAncv {
    float: right;
    padding: 0px 0 5px 0%!important;
    width: 48%!important;
  }
  #main #conteneur #partGauche #lienAncv img {
    width: 100%!important;
  }
  #main #conteneur #partDroit {
    width: 97%!important;
    padding-left: 3%!important;
  }
  #main #conteneur #partDroit #Presentation .titre #Ariane, #main #conteneur #partDroit #Presentation .titre #Ariane a {
    font-size: 12px;
  }
  #main #conteneur #partDroit #Presentation .titre #Ariane .retour, #main #conteneur #partDroit #Presentation .titre #Ariane a .retour {
    font-size: 14px;
  }
  #main #conteneur #partDroit #Presentation .titre h1 {
    font-size: 30px;
    width: 95%;
  }
  #main #conteneur #partDroit #Presentation .texte {
    font-size: 14px;
    width: 95%;
  }
  #main #conteneur #partDroit #liste article {
    width: 47%!important;
    margin-right: 2%!important;
  }
  #main #conteneur #partDroit #liste article h2 {
    min-height: 40px;
  }
  #main #conteneur #partDroit #liste article h2 a {
    font-size: 17px;
  }
  #main #conteneur #partDroit #liste article .photo {
    width: 100%!important;
  }
  #main #conteneur #partDroit #liste article .photo img {
    width: 100%!important;
  }
  #main #conteneur #partDroit #liste article .pDetail {
    width: 100%!important;
  }
  #main #conteneur #partDroit #liste article .pDetail .detail {
    margin-left: 50%!important;
    display: block;
    width: 66px;
    font-size: 14px;
  }
  #main #conteneur #partDroit #liste article .texte {
    width: 100%!important;
  }
  #main #conteneur #partDroit #liste article.nth2 {
    margin-right: 0;
  }
  #main #conteneur #partDroit #detail {
    padding: 10px 2% 15px 3%!important;
    width: 95%!important;
  }
  #main #conteneur #partDroit #detail .texte .contact, #main #conteneur #partDroit #detail .texte .Accroche {
    display: block!important;
  }
  #main #conteneur #partDroit #detail .texte .Accroche {
    max-width: 358px;
    width: 94%!important;
    font-size: 14px;
    padding: 3%;
  }
  #main #conteneur #partDroit #detail .texte .contact {
    padding-left: 45px;
  }
  #main #conteneur #partDroit #detail .texte .contact .phone, #main #conteneur #partDroit #detail .texte .contact .mail {
    padding-left: 45px;
    width: 215px;
  }
  #main #conteneur #partDroit #detail .texte .contact .phone p, #main #conteneur #partDroit #detail .texte .contact .mail p {
    font-size: 24px;
  }
  #main #conteneur #partDroit #detail .texte .contact .phone p span, #main #conteneur #partDroit #detail .texte .contact .mail p span {
    font-size: 14px;
  }
  #main #conteneur #partDroit #detail .texte .contact .phone p .tel, #main #conteneur #partDroit #detail .texte .contact .mail p .tel {
    font-size: 24px!important;
  }
  #main #conteneur #partDroit #detail #contact {
    width: 98%!important;
    padding-left: 2%!important;
    margin-bottom: 15px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire {
    padding: 4px 10px 10px 0px;
    margin: 40px 0px 10px 0px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire p {
    font-size: 14px;
    padding: 3px 0px!important;
    width: 320px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire p label {
    width: 150px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire p input[type="text"], #main #conteneur #partDroit #detail #contact .creaFormulaire p textarea {
    width: 170px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire p span {
    margin-left: 85px;
  }
  #main #conteneur #partDroit #detail #contact textarea {
    min-height: 40px;
  }
  #main #conteneur #partDroit #detail #contact input[type="submit"],
  #main #conteneur #partDroit #detail .btcontact input[type="submit"],
  #main #conteneur #partDroit #detail #contact .boutons,
  #main #conteneur #partDroit #detail .btcontact .boutons {
    font-size: 16px;
    width: 250px;
    padding: 7px 10px 7px 10px!important;
  }
  #main #conteneur #partDroit #detail #contact #btnSend, #main #conteneur #partDroit #detail .btcontact #btnSend {
    margin: 10px 0 0 20px;
  }
  #main #conteneur #partDroit #detail .btcontact {
    margin: 10px 0 0 20px;
  }
  #main #conteneur #partDroit #detail .creaFormulaireResa {
    margin-left: 20px;
  }
  
  /*-- footer du site--*/
  footer {
    min-height: 98px;
    width: 100%;
  }
  footer #pied {
    min-height: 230px;
    width: 100%;
  }
  footer #pied #piedCont {
    margin: 0 auto;
    width: 100%;
    padding-top: 7px;
    font-size: 12px;
  }
  footer #pied #piedCont #Adresse,
  footer #pied #piedCont .resaPied,
  footer #pied #piedCont #msgPied,
  footer #pied #piedCont #Liens {
    background: url(../img/fond-divFoot.png) no-repeat right;
    text-align: center;
    margin: 0;
    float: left;
    vertical-align: middle;
  }
  footer #pied #piedCont #logoPied {
    width: 220px!important;
    margin: 0 auto;
    padding-bottom: 20px;
    display: block;
    background: transparent;
  }
  footer #pied #piedCont #Adresse {
    width: 60%!important;
  }
  footer #pied #piedCont .resaPied {
    font-size: 18px!important;
    width: 40%!important;
  }
  footer #pied #piedCont #msgPied {
    width: 60%!important;
  }
  footer #pied #piedCont #Liens {
    font-size: 14px;
    width: 40%!important;
  }
  footer #pied #piedCont #msgPied, footer #pied #piedCont #Liens {
    display: table-cell !important;
  }
  footer #posPied {
    min-height: 23px;
    width: 100%;
  }
  footer #posPied #posPiedCont {
    width: 100%!important;
    margin: 0 auto;
  }
  footer #posPied #posPiedCont a {
    font-size: 12px;
  }
}
/*  MEDIA QUERY OF 479 */@media (max-width: 479px) {
  body {
    overflow-x: hidden;
  }
  
  header #resaLogo .resa #reservation {
    width: 95%;
    margin-left: 15%;
  }
  header #resaLogo .resa #reservation h2 {
    line-height: 13px;
    padding-left: 3px!important;
  }
  header #resaLogo .resa #reservation h2 a {
    font-size: 8px;
  }
  
  #ifAccueil {
    min-height: 630px!important;
  }
  #ifAccueil #gauche {
    position: absolute;
    background-color: #2c5180;
    top: 324px;
    min-height: 306px;
    width: 100%!important;
  }
  #ifAccueil #gauche #pdf, #ifAccueil #gauche #Presentation, #ifAccueil #gauche #lienPhoto {
    float: left;
    top: 0;
    z-index: 96;
  }
  #ifAccueil #gauche .clearAcc {
    display: block!important;
  }
  #ifAccueil #gauche #lienPhoto {
    background: url(../img/photo2.png) no-repeat !important;
    min-height: 23px;
    padding: 6px 3px 3px 0!important;
    width: 152px;
    position: relative;
    margin: 0 3px 0 1px;
  }
  #ifAccueil #gauche #lienPhoto a {
    color: #fff;
  }
  #ifAccueil #gauche #Presentation {
    position: static!important;
  }
  #ifAccueil #gauche #Presentation #preDescPlus {
    background: url(../img/desc-orange.png) no-repeat;
    min-height: 31px;
    padding: 6px 6px 0 0;
    width: 131px;
    position: relative;
    z-index: 96;
    margin: 0px 0 8px 0!important;
  }
  #ifAccueil #gauche #Presentation .textePreDesc {
    width: 80%!important;
    position: absolute;
    margin-left: 0px!important;
    left: 20px;
    top: 0px!important;
  }
  #ifAccueil #gauche #Presentation .textePreDesc h1 {
    font-size: 20px;
  }
  #ifAccueil #gauche #Presentation .textePreDesc p, #ifAccueil #gauche #Presentation .textePreDesc div {
    font-size: 13px;
  }
  #ifAccueil #gauche #pdf {
    width: 128px;
    position: relative;
  }
  #ifAccueil #gauche #pdf .pdfs {
    position: absolute;
    right: 0;
  }
  #ifAccueil #gauche #offres {
    position: relative;
    z-index: 94;
    margin-top: 15px;
    -moz-border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
    border-radius: 10px!important;
    width: 90%!important;
    margin: 0 5%!important;
  }
  #ifAccueil #gauche #offres #offresPlus, #ifAccueil #gauche #offres #closeOffres {
    min-height: 45px;
    font-size: 18px;
    padding-top: 15px;
  }
  #ifAccueil #gauche #offres #offresPlus {
    width: 131px;
    -moz-border-radius: 6px!important;
    -webkit-border-radius: 6px!important;
    border-radius: 6px!important;
    left: 30%;
    position: relative;
  }
  #ifAccueil #gauche #offres #closeOffres {
    position: absolute;
    right: 10px;
    top: 5px;
  }
  #ifAccueil #gauche #offres #offresCont {
    margin-left: 10%!important;
    width: 90%!important;
  }
  #ifAccueil #gauche #offres #offresCont .allOffres {
    min-height: 135px;
    position: relative;
    top: -15px;
  }
  #ifAccueil #gauche #offres #offresCont .allOffres article {
    padding-top: 7px;
  }
  #ifAccueil #gauche #offres #offresCont .allOffres article .photo {
    float: left;
    margin: 0 7px 0 0;
    width: 35%important;
  }
  #ifAccueil #gauche #offres #offresCont .allOffres article .texte {
    float: left;
    width: 65%!important;
  }
  #ifAccueil #gauche #offres #offresCont .allOffres article .texte .pDetail {
    margin-left: 40px;
    width: 70px!important;
  }
  #ifAccueil #gauche #offres #offresCont #lienOffers {
    text-align: right;
    padding: 0 10px 8px 0!important;
  }
  #ifAccueil #gauche #offres #offresCont #lienOffers a {
    color: #e7e8dd;
  }
  #ifAccueil #gauche #offres #offresCont #lienOffers #navOffres {
    z-index: 50;
    position: absolute;
    left: 30px!important;
    bottom: 8px;
  }
  #ifAccueil #gauche #lienAncv {
    position: absolute;
    z-index: 80;
    top: -105px;
    margin-left: 8px;
  }
  #ifAccueil #gauche #lienAncv img {
    width: 107px;
    height: 39px;
  }
  #ifAccueil #msgPied {
    background: url(../img/fond-msgPies.png) repeat-x !important;
    width: 100%;
    min-height: 360px!important;
    position: absolute;
    z-index: 90;
    bottom: 0;
  }
  #ifAccueil #msgPied p {
    background: url(../img/msgPied3.png) no-repeat top !important;
    background-position: center center;
    padding: 14px 0 0 0;
    font-size: 15px!important;
    min-height: 30px;
    width: 100%!important;
  }
  
  #ifAccueil #socupdt, #ifNotAccueil #socupdt {
    padding-top: 40px!important
  			width: 100%!important;
  }
  #ifAccueil #socupdt img, #ifNotAccueil #socupdt img {
    max-width: 70% !important;
  }
  
  #main #ifNotAccueil #offresCont {
    display: none;
  }
  #main #ifNotAccueil #offres {
    position: absolute;
  }
  #main #conteneur {
    margin: 0 auto;
    width: 100%!important;
  }
  #main #conteneur #partGauche {
    padding: 0 3%!important;
    width: 94%!important;
    vertical-align: top;
    top: 0;
  }
  #main #conteneur #partGauche .listArticles {
    display: none;
  }
  #main #conteneur #partGauche .plusOffres {
    float: right;
    width: 47%;
    padding: 0 1% 0 0;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article {
    padding: 10px 2% 0px !important;
    width: 96%!important;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article .texte h3 {
    line-height: 14px;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article .texte h3 a {
    font-size: 14px;
  }
  #main #conteneur #partGauche .plusOffres .allOffres2 article .texte .pDetail {
    margin-left: 40px;
    width: 60px;
  }
  #main #conteneur #partGauche .docsTelech {
    padding: 15px 2%!important;
    width: 46%!important;
    margin-top: 9px!important;
    float: left;
  }
  #main #conteneur #partGauche .docsTelech a {
    width: 100%!important;
  }
  #main #conteneur #partGauche .docsTelech h3 {
    font-size: 16px;
  }
  #main #conteneur #partGauche #lienAncv {
    float: right;
    padding: 0px 0 5px 0%!important;
    width: 48%!important;
  }
  #main #conteneur #partGauche #lienAncv img {
    width: 100%!important;
  }
  #main #conteneur #partDroit {
    width: 97%!important;
    padding-left: 3%!important;
  }
  #main #conteneur #partDroit #Presentation .titre #Ariane, #main #conteneur #partDroit #Presentation .titre #Ariane a {
    font-size: 12px;
  }
  #main #conteneur #partDroit #Presentation .titre #Ariane .retour, #main #conteneur #partDroit #Presentation .titre #Ariane a .retour {
    font-size: 14px;
  }
  #main #conteneur #partDroit #Presentation .titre h1 {
    font-size: 24px!important;
    width: 95%;
  }
  #main #conteneur #partDroit #Presentation .texte {
    font-size: 14px;
    width: 95%;
  }
  #main #conteneur #partDroit #Presentation .retour {
    display: none;
  }
  #main #conteneur #partDroit #navigationUp {
    width: 250px!important;
    margin-top: 0!important;
    padding-top: 5px;
  }
  #main #conteneur #partDroit #navigationUp .retour480 {
    display: block;
    float: left;
    padding-right: 10px;
  }
  #main #conteneur #partDroit #liste article {
    width: 47%!important;
    margin-right: 2%!important;
  }
  #main #conteneur #partDroit #liste article h2 {
    min-height: 40px;
  }
  #main #conteneur #partDroit #liste article h2 a {
    font-size: 17px;
  }
  #main #conteneur #partDroit #liste article .photo {
    width: 100%!important;
  }
  #main #conteneur #partDroit #liste article .photo img {
    width: 100%!important;
  }
  #main #conteneur #partDroit #liste article .pDetail {
    width: 100%!important;
  }
  #main #conteneur #partDroit #liste article .pDetail .detail {
    margin-left: 50%!important;
    display: block;
    width: 66px;
    font-size: 14px;
  }
  #main #conteneur #partDroit #liste article .texte {
    width: 100%!important;
  }
  #main #conteneur #partDroit #liste article.nth2 {
    margin-right: 0;
  }
  #main #conteneur #partDroit #navigationBas {
    float: none;
    display: block!important;
    position: relative;
    z-index: 100;
    color: #fff;
    margin: 0 auto!important;
    width: 260px!important;
  }
  #main #conteneur #partDroit #navigationBas a {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
  }
  #main #conteneur #partDroit #detail {
    padding: 40px 2% 15px 3%!important;
    width: 95%!important;
  }
  #main #conteneur #partDroit #detail .texte .contact, #main #conteneur #partDroit #detail .texte .Accroche {
    display: block!important;
  }
  #main #conteneur #partDroit #detail .texte .Accroche {
    max-width: 358px;
    width: 94%!important;
    font-size: 14px;
    padding: 3%;
  }
  #main #conteneur #partDroit #detail .texte .contact {
    padding-left: 45px;
  }
  #main #conteneur #partDroit #detail .texte .contact .phone, #main #conteneur #partDroit #detail .texte .contact .mail {
    padding-left: 45px;
    width: 215px;
  }
  #main #conteneur #partDroit #detail .texte .contact .phone p, #main #conteneur #partDroit #detail .texte .contact .mail p {
    font-size: 24px;
  }
  #main #conteneur #partDroit #detail .texte .contact .phone p span, #main #conteneur #partDroit #detail .texte .contact .mail p span {
    font-size: 14px;
  }
  #main #conteneur #partDroit #detail .texte .contact .phone p .tel, #main #conteneur #partDroit #detail .texte .contact .mail p .tel {
    font-size: 24px!important;
  }
  #main #conteneur #partDroit #detail #contact {
    width: 98%!important;
    padding-left: 2%!important;
    margin-bottom: 15px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire {
    padding: 4px 5px 10px 0px;
    margin: 40px 0px 10px 0px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire p {
    font-size: 12px;
    padding: 3px 0px!important;
    width: 290px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire p label {
    width: 130px!important;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire p input[type="text"], #main #conteneur #partDroit #detail #contact .creaFormulaire p textarea {
    width: 160px;
  }
  #main #conteneur #partDroit #detail #contact .creaFormulaire p span {
    margin-left: 80px;
  }
  #main #conteneur #partDroit #detail #contact textarea {
    min-height: 40px;
  }
  #main #conteneur #partDroit #detail #contact input[type="submit"],
  #main #conteneur #partDroit #detail .btcontact input[type="submit"],
  #main #conteneur #partDroit #detail #contact .boutons,
  #main #conteneur #partDroit #detail .btcontact .boutons {
    font-size: 16px;
    width: 250px;
    padding: 7px 10px 7px 10px!important;
  }
  #main #conteneur #partDroit #detail #contact #btnSend, #main #conteneur #partDroit #detail .btcontact #btnSend {
    margin: 10px 0 0 20px;
  }
  #main #conteneur #partDroit #detail .btcontact {
    margin: 10px 0 0 20px;
  }
  #main #conteneur #partDroit #detail .creaFormulaireResa {
    margin-left: 10px;
    width: 100%!important;
    overflow: hidden;
  }
}
@media (max-width: 440px) {
  #ifAccueil {
    min-height: 630px!important;
  }
  #ifAccueil #gauche #pdf .pdfs {
    left: 0!important;
  }
}