/* vert titre: #9BA243 
bleu titre: #006699
bleu cadre: #e3e9ff */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}input[type=text], textarea{ outline:none;border-radius:0;}
 
    html, body { font-family : Arial ;
    margin:0px;
    padding:0px;
    height:100%;
    font-size:100%;
    color:#404040;
    }
 
    img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video
    {
       max-width: 100%;
    }
    /* SPECIAL MOBILE : conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
    img
    {
       height: auto; width: auto;
       /*Sert a fixer un bloc à la taille sans se soucier des padding border etc..*/
       -webkit-box-sizing: border-box;/*pour safari et chrome*/
       -moz-box-sizing: border-box;/*pour firefox*/
       box-sizing: border-box;
    }
    center {margin:auto;}
    .centrer{text-align:center;vertical-align:middle;}
    a { text-decoration:none; cursor:pointer;color:#9BA243;}
    a:hover {text-decoration:underline;}    
     
    #menu {background:#9BA243;}
    #menu a {background:white;color:black;border-radius:0.3em;}
    #menu li {text-align:center;padding:0.1em;}
     
    nav ul.sf-menu>li.contact  {background:#9BA243;margin-left:9px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
    nav ul.sf-menu>li.contact>a {padding:2px 5px 0px 5px;}
    .lien-contact {background:#9BA243;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:1% 2% 1% 2%;font-weight:bold;color:white;font-size:130%;text-transform:uppercase;font-family: 'Architects Daughter';}
    .lien-contact:hover {background: white;border:2px solid #9BA243;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
        color:#9BA243;text-decoration: none;}
 
    .bloc-du-haut{width:100%;padding-top:0.8em;}
    /*.menu-du-haut-pour-mobile {width:15%;display:inline-block;text-align:right;vertical-align:middle;}
    }
*/
    .titre-du-site {margin:0.2em 0 0 0;}
    .titre-du-site a{font-family:'Architects Daughter';color:#9BA243;} /*font-family:PTsans400*/
     
    .div-content{clear:both;width:100%;margin:auto;background-color:white;padding:2.5%;}
     
    h1, h2, h3 {font-family:'Architects Daughter';color:#006699;text-transform: uppercase;margin:1em 0 0.3em 0;font-size:1em;}
    h4 {margin-top:10px;}
    #the-house h3, .article-haut h2, .article-haut-rates h2, #rates h3, #contact h2 {margin-top:10px;color:black;font-family:'Architects Daughter';font-size:95%;}
    #rates h1 {color:#c34d70 ;}
    #rates .article-haut-rates h2 {color:black ;}
    #rates .article h3, #rates .article-last-child h3 {color:#a6c3cf;}
 
    #room h2 {color:#404040;text-align: center;font-size:1.3em;margin-top:0.5em;}
 
 
    .liens {text-align:center;margin:1.3em 0 0.8em 0;}
    .liens a {color: #9BA243; font-family:'Architects Daughter';text-transform:uppercase;}
 
    .temoignage {padding:0.4em 1em 0.4em 1em;margin-bottom: 15px;
    background: #E9E9EB; 
    background: -webkit-linear-gradient( white, #E9E9EB); 
    background: -moz-linear-gradient( white, #E9E9EB); 
    background: -ms-linear-gradient( white, #E9E9EB); 
    background: -o-linear-gradient( white, #E9E9EB); 
    background: linear-gradient( white, #E9E9EB);
    border-radius: 17px;
    border: 3px;
    box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
    }
    .temoignage p {text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);text-decoration:none;font-size:1em;}
     
    .clear {clear:both;}
    .to-the-top {padding:2em 0 1.4em 0;font-size:102%;}
    .menu-mobile {font-family:'Architects Daughter';width:100%;display:inline-block;text-align:left;margin:0 0 7% 0;background:#9BA243;}
    .menu-mobile h4 {color:white;margin-left:3%;}
    .menu-mobile ul {list-style-type:square;width:100%;color:white;}
    .menu-mobile li:after{content: '›  ';float:right;}
    .menu-mobile ul li {padding:3%;border-top:white 1px solid;background:#9BA243;}
    .menu-mobile ul li:last-child {border-bottom:white 1px solid;}
    a.lien{color:white;}
     
    .fontsize22 {font-size: 22px;}
     
    .boutoncliquable {text-align:center;margin:1em 0 0.5em 0;}
    .boutoncliquable a   {padding:0.6em;text-transform:uppercase;text-decoration:none;
    color: grey; 
    background: #E9E9EB; 
    background: -webkit-linear-gradient( white, #E9E9EB); 
    background: -moz-linear-gradient( white, #E9E9EB); 
    background: -ms-linear-gradient( white, #E9E9EB); 
    background: -o-linear-gradient( white, #E9E9EB); 
    background: linear-gradient( white, #E9E9EB);
    border-radius: 17px;
    border: 3px;
    text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
    box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
    }
 
 
    .envoi {font-size:120%;padding:0.6em;text-transform:uppercase;text-decoration:none;
    color: grey; 
    background: #E3E9FF; 
    background: -webkit-linear-gradient( white, #E3E9FF); 
    background: -moz-linear-gradient( white, #E3E9FF); 
    background: -ms-linear-gradient( white, #E3E9FF); 
    background: -o-linear-gradient( white, #E3E9FF); 
    background: linear-gradient( white, #E3E9FF);
    border-radius: 17px;
    border: 3px;
    text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
    box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
    width:100%;}
    .boutoncliquable a:active, .boutoncliquable a:hover {
    color: grey; 
    background: #E9E9EB; 
    background: -webkit-linear-gradient( white, #CECECE); 
    background: -moz-linear-gradient( white, #CECECE); 
    background: -ms-linear-gradient( white, #CECECE); 
    background: -o-linear-gradient( white, #CECECE); 
    background: linear-gradient( white, #CECECE); 
    box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5) inset, 0 -1px 0 rgba( 255, 255, 255, 0.4);
    text-decoration: none;
    }
.zone{width:31%;float:left;margin-right:2%;margin-bottom:2%;}
.zone-last-child {width:31%;float:left;}    
.titre-room {font-family:'Architects Daughter';color:#006699;text-transform: uppercase;margin:1em 0 0.3em 0;font-size:1em;}
.article-bas {clear:both;background:#E3E9FF;border-radius:20px;padding:2%;}
.article-haut {background:#E3E9FF;border-radius:20px;padding:2%;margin-bottom:2%;min-height:300px;} /*min-height pour la hauteur de google map*/
.cadre-bleu-summer-classes {background:#E3E9FF;border-radius:20px;padding:2%;margin-bottom:2%;min-height:320px;} /*min-height pour la hauteur de l'image*/
.bouton-rouge {background:#c34d70;font-weight:bold;color:white;padding:10px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;font-family:'Architects Daughter';}
#french-classes .bouton-rouge {float:right;}
a:hover.bouton-rouge  {color:white;font-size:101%;text-decoration: none;}
.petit {font-size:80%;vertical-align:middle;}
 
 
 
.titre-overlay {margin: auto;color:white;font-family: 'Architects Daughter';font-size:35px; }
.images-overlay1 {float: left;margin-right:3%;width:48.5%; height:212px; text-align:center;display: flex;background: linear-gradient( rgba(0, 0, 0, 0.45),  rgba(0, 0, 0, 0.45)),
    url(images/room1.jpg);background-size:cover;background-repeat:no-repeat;}
.images-overlay1:hover {background: url(images/room1.jpg);background-size:cover;background-repeat:no-repeat;}
.images-overlay1:hover .titre-overlay, .images-overlay2:hover .titre-overlay, .images-overlay3:hover .titre-overlay, .images-overlay4:hover .titre-overlay, .images-overlay5:hover .titre-overlay, .images-overlay6:hover .titre-overlay {display: none;}
.images-overlay2 { float: right;width:48.5%; height:212px; text-align:center;display: flex;background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
    url(images/room2.jpg); background-size:cover; background-repeat:no-repeat;}
.images-overlay2:hover {background: url(images/room2.jpg);background-size:cover;background-repeat:no-repeat;}
.images-overlay3 {float: left;margin-right:3%;width:48.5%; height:212px; text-align:center;display: flex;background: linear-gradient( rgba(0, 0, 0, 0.45),  rgba(0, 0, 0, 0.45)),
    url(images/room3.jpg);background-size:cover;background-repeat:no-repeat;}
.images-overlay3:hover {background: url(images/room3.jpg);background-size:cover;background-repeat:no-repeat;}
.images-overlay4 {float: right;width:48.5%; height:212px; text-align:center;display: flex;background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
    url(images/room4.jpg); background-size:cover; background-repeat:no-repeat;}
.images-overlay4:hover {background: url(images/room4.jpg);background-size:cover;background-repeat:no-repeat;}
.images-overlay5 {float: left;margin-right:3%;width:48.5%; height:212px; text-align:center;display: flex;background: linear-gradient( rgba(0, 0, 0, 0.45),  rgba(0, 0, 0, 0.45)),
    url(images/room5.jpg);background-size:cover;background-repeat:no-repeat;}
.images-overlay5:hover {background: url(images/room5.jpg);background-size:cover;background-repeat:no-repeat;}
.images-overlay6 {float: right;width:48.5%; height:212px; text-align:center;display: flex;background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
    url(images/room6.jpg); background-size:cover; background-repeat:no-repeat;}
.images-overlay6:hover {background: url(images/room6.jpg);background-size:cover;background-repeat:no-repeat;}
 
#rates table {width:100%;font-family:'Architects Daughter';margin:auto;margin-top:15px; margin-bottom:10px; background:white;border-radius:20px;}
#rates table td {text-transform:uppercase;padding:2%;text-align:center;border-right:#E3E9FF 3px solid;width:33%;}
#rates td:first-child {padding-left:10px;}
#rates td:last-child {border-right:none;} 
#rates table.tableau-mobile {background:#e3e9ff;text-align:center;border-radius:20px;}
#rates table.tableau-mobile td{border-bottom:white 3px solid;padding:4% 0 4% 0;}
 
 
#contact table {width:100%;margin:auto;margin-bottom:30px; }
#contact table td {color:grey;border-bottom:white 3px solid;text-align:center;}
#contact input.bleu, #contact textarea.bleu {background:#e3e9ff;margin-bottom:2px;width:90%;color:grey;padding:3%;border: none;font-family:arial;font-size:100%;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#contact textarea.bleu {resize: none;}
.blanc  {text-align:left;background:white;margin:auto;margin-bottom:3px;width:90%;color:#BBBBBB;padding:2% 2% 2% 2%;border: none;font-family:arial;font-size:100%;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#registration-form .formulaire-french-courses h3 {font-size:0.92em;}
#registration-form .formulaire-french-courses h3 label {text-transform:none;font-weight:normal;}
#registration-form .optional label{margin-bottom:7px;display:inline-block;}
#registration-form  h2 {color:black;}
#registration-form  h1 {color:#9BA243;}
#registration-form .bloc {min-height:390px;/*Pour alignement des trois cadres*/float:left;width:30%;margin:1% 1% 1% 0;padding:0 1% 1% 1%;text-align:center;background:#e3e9ff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#registration-form input.bleu, #registration-form textarea.bleu {margin-bottom:15px;width:90%;color:grey;padding:5%;border: none;font-family:arial;font-size:100%;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#registration-form  textarea.bleu {resize: none;}
#registration-form label.radio {background:white;color:grey;padding:2% 2% 2% 2%;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#registration-form input[type="submit"]{cursor:pointer;}
#registration-form table.option-girl-boy {width:95%;margin-bottom:3px;margin:auto;border-collapse: separate;border-spacing: 4% 0; /* Nombre de pixels d'espace horizontal (5px), vertical (0px) */}
#registration-form table.option-girl-boy td {padding:1.5% 0 1.5% 0;background:white;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#registration-form table.option-girl-boy td label {color:#BBBBBB;}
#registration-form input.bouton-rouge, #rates input.bouton-rouge{font-size:16px;width:100px;background:#D1220D; color:white;padding:10px;
    text-transform:uppercase;text-decoration:none;font-family:'Architects Daughter';font-weight:bold;
    background: -webkit-linear-gradient( white, #D1220D); 
    background: -moz-linear-gradient( white, #D1220D); 
    background: -ms-linear-gradient( white, #D1220D); 
    background: -o-linear-gradient( white, #D1220D); 
    background: linear-gradient( white, #D1220D);
    border-radius:17px;-moz-border-radius:17px;-webkit-border-radius:17px;border: 3px;
    text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
    box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);}
 
#rates .article-haut-rates {text-align:center;background:#E3E9FF;border-radius:20px;padding:1% 2% 2% 2%;margin-bottom:2%;}
 
 
footer {text-align: center;margin:4% 4% 2% 4%;color:grey;}
 
 
 
 
 
@media only screen and (max-width: 300px) /* MOBILES Samsung Galaxy */
{
.titre-du-site a{font-size:80%;}
#menu li {text-align:center;font-size:80%;}
.carre, .calendrier, .icon, .photo-mosaique, .image-bordeaux, .pour-ordi {display:none;}
h1, h2, h3 {margin-top:1.8em;}
html, body {width:97%;}
.logo-titre {padding:1% 0 0 0;margin-left:2.5%;border-bottom:1px solid #9BA243;}
.logo-titre-tablettes, .google-agenda-ordi, nav, .tableau-ordi-tablette, .google-agenda-tablette  {display:none;}
.formulaire-de-contact {width:100%;margin:0 1.5% 0 1.5%;}
.bloc-de-droite {width:100%;text-align:center;}
.bouton-rouge {margin-left:20px;}
.cadre-bleu-droite, .article-etroit{text-align:center;background:#E3E9FF;border-radius:20px;padding:5px 20px 30px 20px;margin-top:30px;}
.article-large {margin-bottom:30px;}
#registration-form .div-content {text-align:center;}
#registration-form .bloc {float:none;min-height:0;width:95%;margin:0 auto 1% auto;padding-top:1%;padding-bottom:4%;}
#registration-form input[type="submit"]{width:95%;}
#registration-form h2, #registration-form h3 {margin-top:4%;}
.centrer-choix-chambre-ds-bloc-bleu {margin:7% 0 5% 0;}
.image-award {width:70%;}
}
 
 
 
 
 
@media only screen and (min-width: 301px) and (max-width: 630px) /* Comprend Iphone6 portrait, Iphone5 landscape*/
{
.titre-du-site a{font-size:0.85em;}
.carre, .calendrier, .icon, .photo-mosaique, .image-bordeaux, .pour-ordi {display:none;}
h1, h2, h3 {margin-top:1.8em;}
html, body {width:97%;}
.logo-titre {padding:1% 0 0 0;margin-left:2.5%;border-bottom:1px solid #9BA243;}
.logo-titre-tablettes, .google-agenda-ordi, nav, .tableau-ordi-tablette, .google-agenda-tablette, .tablette {display:none;}
.formulaire-de-contact {width:100%;margin:0 1.5% 0 1.5%;}
.bloc-de-droite {width:100%;text-align:center;}
.bouton-rouge {margin-left:20px;}
.cadre-bleu-droite, .article-etroit{text-align:center;background:#E3E9FF;border-radius:20px;padding:5px 20px 30px 20px;margin-top:30px;}
.article-large {margin-bottom:30px;}
 
#registration-form .div-content {text-align:center;}
#registration-form .bloc {float:none;min-height:0;width:95%;margin:0 auto 1% auto;padding-top:1%;padding-bottom:4%;}
#registration-form input[type="submit"]{width:95%;}
#registration-form h2, #registration-form h3 {margin-top:4%;}
.centrer-choix-chambre-ds-bloc-bleu {margin:7% 0 5% 0;}
.image-award {width:70%;}
}
 
 
 
 
 
 
@media only screen and (min-width: 301px) and (max-width: 630px) and (orientation: landscape) /*Iphone5 landscape, Nexus4 landscape*/
{
.titre-du-site {font-size:0.8em;}
.image-maison, .carre, .calendrier, .icon, .google-agenda-ordi, .photo-mosaique, .image-bordeaux, .pour-ordi {display:none;}
body {font-size:0.8em;}
.formulaire-de-contact {width:100%;margin:0 1.5% 0 1.5%;}
.bloc-de-droite {width:100%;text-align:center;}
.article-large {margin-bottom:30px;}
.cadre-bleu-droite, .article-etroit {text-align:center;background:#E3E9FF;border-radius:20px;padding:5px 20px 30px 20px;margin-top:30px;}
#registration-form .div-content {text-align:center;}
#registration-form .bloc {float:none;min-height:0;width:95%;margin:0 auto 1% auto;padding-top:1%;padding-bottom:2.5%;}
#registration-form input[type="submit"]{width:95%;}
#registration-form h2, #registration-form h3 {margin-top:4%;}
.centrer-choix-chambre-ds-bloc-bleu {margin:7% 0 5% 0;}
.image-award {width:70%;}
}
 
 
 
 
 
 
 
 
 
@media only screen and (min-width: 631px) and  (max-width: 768px) /* Iphone6et6+ en landscape, ipadmini portrait, TABLETTES portrait*/
{
html, body {width:97%;}
.titre-du-site {font-size:0.8em;}
.calendrier, .logo-titre, .icon, .menu-mobile, .tablette-display-none,.google-agenda-ordi, .tableau-mobile, .google-agenda-mobile, .image-maison, .pour-ordi {display:none;}
.drapeau-tablettes {float:right;margin-right:1%;}
.carre {width:33%;margin-right:1%;float:left;}
.image-bordeaux  {float:left;margin-right:20px;width:30%;}
h2 {margin-top:4%;}
.logo-titre-tablettes{padding:1% 0 0 0;margin-left:2.5%;border-bottom:1px solid #9BA243;}
.menu-du-haut-pour-mobile{display:none;}
 
nav{display:inline-block;width:100%;clear:both;margin:auto;padding:0 2.5% 0 2.5%;;}
nav ul {display:inline-block;width:100%;}
nav ul.sf-menu>li:first-child{padding-left:0;}
nav ul.sf-menu>li{float:left; position:relative;margin-right:0.2em;padding:2% 2% 0 2%;border-top:white 1px solid;}
nav ul.sf-menu>li:last-child {padding:1%;margin-top:1%;} 
nav ul.sf-menu>li>a{display:block;color:black;font-family: 'Architects Daughter';}
nav ul.sf-menu>li>a.current {color:#9BA243;}
nav ul.sf-menu>li.contact>a {font-weight:bold;color:white;font-size:110%;text-transform:uppercase;}
 
 
.liens {margin:1.3em 0 0.8em 0;}
.liens a , input.liens  {padding:0.5em 1em 0.5em 1em;text-decoration:none;
    color: #9BA243; font-family:'Architects Daughter';font-size:1em;text-transform:uppercase;background: #E9E9EB; 
    background: -webkit-linear-gradient( white, #E9E9EB); 
    background: -moz-linear-gradient( white, #E9E9EB); 
    background: -ms-linear-gradient( white, #E9E9EB); 
    background: -o-linear-gradient( white, #E9E9EB); 
    background: linear-gradient( white, #E9E9EB);
    border-radius: 17px;border: 3px;
    text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
    box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);}
.image-dans-cadre-page-location {width:100%;}
.article-bas {margin-top:30px;}
.article-large {margin-bottom:30px;}
.cadre-bleu-droite, .article-etroit {text-align:center;background:#E3E9FF;border-radius:20px;padding:5px 20px 30px 20px;margin-top:30px;}
 
#french-classes h3 {color:black;}
/*#rates table {background:#e3e9ff;}*/
.photo-mosaique {display:none;}
.formulaire-de-contact {float:left;width:50%;margin:0 1.5% 0 1.5%;}
.bloc-de-droite {width:47%;float:left;text-align:center;}
 
#registration-form h2,#registration-form h3 {font-size:1.1em;} 
#registration-form .div-content {text-align:center;}
#registration-form .bloc {float:none;min-height:0;width:80%;margin:0 auto 1% auto;padding-top:0.1%;padding-bottom:2.5%;}
#registration-form input[type="submit"]{width:80%;}
.centrer-choix-chambre-ds-bloc-bleu {margin:7% 0 5% 0;}
.image-award {width:70%;}
}
 
 
 
 
 
 
 
 
 
@media only screen and (min-width: 769px) /* Ordinateur, Mobile et Tablette Nexus Landscape, Ipad landscape*/
{
.div-content, .bloc-du-haut{max-width:1120px;margin:auto; }
.image-maison, .menu-du-haut-pour-mobile,.menu-mobile, .drapeau-tablettes, .to-the-top, .google-agenda-tablette, .tableau-mobile, .google-agenda-mobile, .pour-tablette-et-mobile {display:none;}
.icon {float:right;margin-right:1%;}
 
.carre {width:100%;max-height:200px;}
.calendrier{width:31%;max-height:200px;float:left;margin-right:20px; }
.image-dans-cadre-page-location {width:40%;float:left;margin-right:20px;}
.image-bordeaux {width:35%;float:left;margin-right:20px;padding-bottom:20px;}
 
.logo-titre {display:none;}
.logo-titre-tablettes{padding:1% 0 0 0;margin-right:20px;border-bottom:1px solid #9BA243;max-width:250px;;float:left;}
 
nav{display:inline-block;float:right;margin:1% 0 0 0;text-transform:uppercase;} /*display:inline-block;clear:both;margin:auto;*/
nav ul {display:inline-block;width:100%;margin-top:2%;}
nav ul.sf-menu>li:first-child{padding-left:0;}
nav ul.sf-menu>li{float:left; position:relative;margin-right:0.2em;padding:8px 15px 0 15px;border-top:white 1px solid;}
nav ul.sf-menu>li:last-child {padding:5px;} 
nav ul.sf-menu>li>a{display:block;color:black;font-family: 'Architects Daughter';}
nav ul.sf-menu>li>a.current, nav ul.sf-menu>li>a:hover  {color:#9BA243;text-decoration: none;}
nav ul.sf-menu>li.contact>a {font-weight:bold;color:white;font-size:110%;text-transform:uppercase;}
nav ul.sf-menu li:last-child:hover {background: white;padding:4px 3px 3px 3px;border:2px solid #9BA243;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} 
nav ul.sf-menu>li.contact>a:hover {color:#9BA243;text-decoration: none;} 
 
.article{width:32%;float:left;margin-right:2%;margin-bottom:3%;}
.article-last-child {width:32%;float:left;margin-bottom:2%;}
.article-large {width:60%;float:left;background:#E3E9FF;border-radius:20px;padding:2% 2% 2% 2%;min-height:510px;} /*meme padding que .article-etroit pour alignement des photos*/
/*.cadre-bleu-droite{text-align:center;float:right;border:4px solid #E3E9FF;border-radius:20px;padding:0 2% 2% 2%;margin-bottom:2%;height:100%;}*/
.article-etroit {width:30%;float:right;padding:2% 2% 2% 2%;min-height:504px;
text-align:center;border:4px solid #E3E9FF;border-radius:20px;margin-bottom:2%;}
 
.paragraphe-gauche-cadre-bleu {width:64%;display:inline-block;}
.paragraphe-droit-cadre-bleu {width:35%;display:inline-block;}
 
.video-gauche-cadre-bleu {width:48%;display:inline-block;margin-right:2%;}
.video-droit-cadre-bleu {width:49%;display:inline-block;}
 
.google-agenda-ordi {float:left;width:37%;}
 
.photo-gallery {width:24%; margin-right:1%;margin-bottom:1%;float:left;}
.photo-gallery-last-child {width:24%;margin-bottom:1%;float:left;}
 
.liens {margin:30px 0 60px 0;}
.liens a   {padding:0.4em 1em 0.4em 1em;text-decoration:none;
    color: #9BA243; font-family:'Architects Daughter';font-size:1.3em;text-transform:uppercase;
    background: #E9E9EB; 
    background: -webkit-linear-gradient( white, #E9E9EB); 
    background: -moz-linear-gradient( white, #E9E9EB); 
    background: -ms-linear-gradient( white, #E9E9EB); 
    background: -o-linear-gradient( white, #E9E9EB); 
    background: linear-gradient( white, #E9E9EB);
    border-radius: 17px;
    border: 3px;
    text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
    box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
    }
.liens a:hover {font-size:1.4em;}
.photo-mosaique {float:left;width:33%;}
.formulaire-de-contact {float:left;width:33%;margin:0 1.5% 0 1.5%;}
.bloc-de-droite {width:30%;float:left;text-align:center;}
.centrer-choix-chambre-ds-bloc-bleu {margin-top:23%;}
.image-award {width:90%;}
#rates .article-haut-rates {float:left;width:62%;}
}