html {font-size:62.5%;background:#c5c5c5;}

body {padding:0;margin:0;cursor:default;background:#c5c5c5 url('../img/site/background.jpg') repeat-x top;}
img {border:none;}
.inside {width:100%;max-width:1200px;min-width:300px;margin:0 auto;}
.grandtitre img {display:none;}
h1 {text-align:center;text-transform:uppercase;color:#005abb;font:normal 30px itc_avant_garde_gothicregular;font-size:3.0rem;}
h2.bande {background:white;margin:40px 0 20px 0;padding:15px 0;text-align:center;text-transform:uppercase;color:#005abb;font:normal 30px itc_avant_garde_gothicregular;font-size:3.0rem;}

#msg {font:normal 12px Arial, Helvetica, sans-serif;font-size:1.2rem;text-align:center;color:#404040;}

#bando {background:#005abb;color:white;min-height:35px;text-align:right;display:block;}
#bando a {color:white;text-decoration:none;font:normal 12px Arial, Helvetica, sans-serif;font-size:1.2rem;display:inline-block;vertical-align:middle;height:35px;margin-left:20px;line-height:35px;-webkit-transition:color 0.5s;-moz-transition:color 0.5s;-o-transition:color 0.5s;transition:color 0.5s;}
#bando a:hover {color:#f28f00;}
#bando a i {font-size:16px;font-size:1.6rem;display:inline-block;vertical-align:middle;}

#nav {font-size:0;}
#logo {margin-top:-12px;display:inline-block;vertical-align:top;width:301px;}
.fb-like {float:right;margin-top:38px;}
#menu {display:inline-block;vertical-align:top;font-size:0;width:899px;}
#menu ul {list-style:none;margin:0;padding:0;}
#menu ul li {position:relative;display:inline-block;vertical-align:middle;margin:30px 8px;}
#menu ul li.client {display:none;}
#menu ul li a {position:relative;display:block;text-decoration:none;padding:10px 12px;color:#404040;text-transform:uppercase;font:bold 14px Arial, Helvetica, sans-serif;font-size:1.4rem;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
#menu ul li a:hover {background:#005abb;color:white;}
#menu ul li ul {position:absolute;z-index:2000;background:#005abb;color:white;width:200px;display:none;}
#menu ul li ul li {margin:0;}
#menu ul li ul li a {color:white;width:176px;}
#menu ul li ul li a:hover {background:#f28f00;}
#menu ul li ul li ul {left:200px !important;}

.illu {position:relative;}
.illu img {border-bottom:solid 5px #f28f00;}
.illu img.main {width:100%;height:auto;}
#prospectus {width:100%;text-align:center;font-size:0;position:relative;z-index:200;margin:-250px 0 20px 0;}
.prospectus {display:inline-block;vertical-align:top;width:298px;height:400px;background:url('../img/site/prospectus.jpg') no-repeat right bottom;margin:5px 15px;}
.prospectus img {display:block;padding:10px;background:white;border:solid 1px #024185;}

.lesnews {text-align:center;}
.news {width:298px;display:inline-block;vertical-align:top;background:url('../img/site/prospectus.jpg') no-repeat right 10px;margin:15px;color:#404040;font:normal 14px Arial, Helvetica, sans-serif;}
.news .imagenews {width:285px;height:385px;background:white;border:solid 1px #024185;}
.news img {display:block;padding:10px;margin-bottom:25px;width:265px;height:auto;}
.news h3 a {color:#f28f00;text-decoration:none;}
.news h3 {margin-bottom:5px;}
.news .textenews {display:none;}
.credit {display:none;}

.lesnews2 {text-align:center;}
.news2 {width:298px;display:inline-block;vertical-align:top;background:url('../img/site/news2.jpg') no-repeat right 10px;margin:15px;color:#404040;font:normal 14px Arial, Helvetica, sans-serif;}
.news2 .imagenews2 {width:285px;height:420px;background:white;border:solid 1px #024185;}
.news2 img {display:block;padding:10px;margin-bottom:25px;width:265px;height:auto;}
.news2 h3 a {color:#ff0000;text-decoration:none;}
.news2 h3 {margin-bottom:5px;}
.news2 .textenews2 {display:none;}

.newsfull {overflow:hidden;color:#404040;font:normal 14px Arial, Helvetica, sans-serif;text-align:left;}
.blocphotos {width:30%;display:inline-block;vertical-align:top;margin:0 2% 20px 0;font-size:0;}
.imagenewsfull img, #dyphotosgallery a img {width:100%;height:auto;}
.textenewsfull {width:66%;display:inline-block;vertical-align:top;}
#dyphotosgallery a {width:48%;display:inline-block;margin:1%;}
.creditfull {font-size:11px;font-size:1.1rem;}

.navigation {color:#404040;font:normal 12px Arial, Helvetica, sans-serif;font-size:1.2rem;margin-top:15px;}
.navigation div {display:inline-block;vertical-align:top;}
.navigation a {color:#404040;}
.navigation a:hover {text-decoration:none;}

#home {color:#404040;font:normal 14px Arial, Helvetica, sans-serif;font-size:1.4rem;text-align:center;}

.texte, .users, .register, .login, #dyrss {padding:20px 40px;overflow:hidden;background:white;color:#404040;font:normal 14px Arial, Helvetica, sans-serif;font-size:1.4rem;text-align:left;}
.texte h2, .users h2, .register h2, .login h2, #dyrss h2, .news h3, .textenewsfull h2 {color:#f28f00;font:normal 18px itc_avant_garde_gothicregular;font-size:1.8rem;}

#carte {width:100%;height:400px;display:block;}

img.goldtop {margin-top:20px;}
img.goldbottom {margin-bottom:20px;}
#club {overflow:hidden;background:url('../img/site/club.jpg') no-repeat center;background-size:cover;padding-bottom:25px;text-align:center;}
#club h2 {text-align:center;text-transform:uppercase;color:#005abb;font:normal 30px itc_avant_garde_gothicregular;font-size:3.0rem;color:white;}
.club {background:white;width:240px;padding:20px;display:inline-block;vertical-align:top;margin:10px 30px;color:#404040;font:normal 14px Arial, Helvetica, sans-serif;font-size:1.4rem;text-align:center;}
.club a {color:white;display:inline-block;background:#ddad30;padding:12px 35px;text-decoration:none;font:normal 14px itc_avant_garde_gothicregular;font-size:1.4rem;text-transform:uppercase;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;}
.club a:hover {background:#005abb;}

#spes {font-size:0;text-align:center;}
.spe {background:white;width:265px;display:inline-block;vertical-align:top;margin:20px 23px;}
.spefirst {margin-left:0;}
.spelast {margin-right:0;}
.spe img {display:block;}
.spe img.logo {margin:10px 0;display:inline-block;}
.spe a {color:#006bbb;text-decoration:none;font:bold 17px Arial, Helvetica, sans-serif;font-size:1.7rem;text-transform:uppercase;height:65px;line-height:65px;}

.infos {background:white;text-align:center;font-size:0;overflow:hidden;margin:30px 0;}
.bloc3 {width:33.3%;display:inline-block;vertical-align:top;color:#404040;font:normal 14px Arial, Helvetica, sans-serif;font-size:1.4rem;text-align:left;}
.blocinfo {width:29.3%;padding:1% 2%;}
.bloc3 h2 {color:#f28f00;font:normal 18px itc_avant_garde_gothicregular;font-size:1.8rem;text-transform:uppercase;}
.bloc3 p {margin:15px 0;}
.bloc3 a {color:#404040;}
.bloc3 a:hover {text-decoration:none;}
.bloc3 img {width:100%;height:auto;}

.mention a, #dyauth_account a, #dyrss a, .texte a {color:#005abb;}
.mention a:hover, #dyauth_account a:hover, #dyrss a:hover, .texte a:hover {color:#f28f00;text-decoration:none;}

.input, .date {margin:20px 0;}
label {display:block;margin-bottom:8px;}
input[type='text'], input[type='email'], input[type='password'] {border:solid 1px #f28f00;width:50%;padding:0 1%;height:30px;color:#404040;font:normal 14px Arial, Helvetica, sans-serif;font-size:1.4rem;line-height:30px;}
select {border:solid 1px #f28f00;width:52%;height:30px;}
.date {width:52%;}
.date select {width:32.5%;}
.checkbox label {display:inline-block;}
textarea {border:solid 1px #f28f00;width:50%; padding:1%;font:normal 14px Arial, Helvetica, sans-serif;font-size:1.4rem;color:#404040;height:200px;}
#dyauth_captcha {margin-bottom:20px;}

#dyauth_account div {text-align:left;padding:0;margin:10px 0;}

a.button, input[type="submit"], input[type="button"], .news .lirenews a, .textenewsfull a {background:#005abb;color:white;text-transform:uppercase;text-decoration:none;padding:12px 20px;font:normal 14px itc_avant_garde_gothicregular;font-size:1.4rem;display:inline-block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a.button:hover, input[type="submit"]:hover, .news .lirenews a:hover, .textenewsfull a:hover {background:#f28f00;color:white !important;}
a.button, input[type="submit"], input[type="button"], .news2 .lirenews2 a, .textenewsfull a {background:#005abb;color:white;text-transform:uppercase;text-decoration:none;padding:12px 20px;font:normal 14px itc_avant_garde_gothicregular;font-size:1.4rem;display:inline-block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a.button:hover, input[type="submit"]:hover, .news2 .lirenews2 a:hover, .textenewsfull a:hover {background:#f28f00;color:white !important;}
input[type="submit"] {cursor:pointer;border:none;}

#footer {background:#005abb;color:white;text-align:center;padding:20px 0;margin-top:40px;}
#footer a {color:white;font:normal 14px Arial, Helvetica, sans-serif;font-size:1.4rem;}
#footer a:hover {text-decoration:none;}
#footer .icons a {margin:0 10px;}

#bottom {color:#404040;padding:30px 0 15px 0;font:normal 11px Arial, Helvetica, sans-serif;font-size:1.1rem;text-align:center;}
#bottom a {color:#404040;}
#bottom a:hover {text-decoration:none;}

#commerces {font-size:0;text-align:center;}
.commerces {background:white;width:45%;height:450px;margin:1%;padding:1.5%;display:inline-block;vertical-align:top;color:#404040;font:normal 14px Arial, Helvetica, sans-serif;font-size:1.4rem;}
.commerces h2 {color:#f28f00;font:normal 18px itc_avant_garde_gothicregular;font-size:1.8rem;margin-top:0;}

#dy_simplecontact .titre, #dy_simplecontact .titreideas {display:none;}

#photos {font-size:0;text-align:center;}
#photos a {display:inline-block;vertical-align:top;margin:10px;}

#paging {font:normal 14px itc_avant_garde_gothicregular;font-size:1.4rem;overflow:hidden;margin:15px 0;color:#bababa;}
#paging .previous {float:left;width:20%;}
#paging div.next {text-align:right;float:right;width:20%;}
#paging .pages {margin:0px 20%;text-align:center;}
#paging a, a.retour {color:#005abb;}
#paging a:hover {text-decoration:none;}
a.retour {font:normal 14px Arial, Helvetica, sans-serif;font-size:1.4rem;}
a.retour:hover {text-decoration:none;}

.slicknav_menu {display:none;}


@media screen and (max-width: 1200px) {
    #logo {width:100%;text-align:center;margin-top:0;}
    #logo img {width:100%;max-width:300px;}
    #menu {text-align:center;width:100%;}
    #menu ul li {margin:15px 8px;}
    #bando a:last-child {margin-right:10px;}
    .fb-like {position:absolute;float:inherit;margin:15px 0 0 0;}
    .bloc3home {width:48%;display:inline-block;}
    .spefirst, .spelast {margin:20px 23px;}
    .navigation {padding:0 10px;}
}
@media screen and (max-width: 1000px) {
    .prospectus {width:210px;height:280px;background:url('../img/site/prospectus.jpg') no-repeat right bottom;margin:5px 15px;}
    .prospectus img {width:180px;}
}

@media screen and (max-width: 900px) {
    #prospectus {margin:-150px 0 20px 0;} 
}

@media screen and (max-width: 800px) {
    input[type='text'], input[type='email'], input[type='password'], textarea {width:70%;}
    select {width:72%;}
    .texte, .users, .register, .login, #dyrss {padding:10px 20px;}
}

@media screen and (max-width: 767px) {
    .bloc3 {overflow:hidden;width:100%;display:block;text-align:center;padding:15px 0;}
    .bloc3 img {max-width:400px;}
    .commerces {width:90%;margin:2% auto;display:block;}
    #menuinside {display:none;}	
	.slicknav_menu {display:block;font-family:itc_avant_garde_gothicregular;}
    .fb-like {position:absolute;float:inherit;margin:15px 0;}
    #bando {display:none;}
    li.client {display:block;}
}

@media screen and (max-width: 500px) {
  h1 {font:normal 25px itc_avant_garde_gothicregular;font-size:2.5rem;}
  #prospectus {margin:0px 0 20px 0;}
  .club {margin:10px auto;}
  input[type='text'], input[type='email'], input[type='password'], textarea {width:95%;}
  select {width:97%;}
}