@import url("rez.css");
@import url("fonts.css");
/* Couleurs Debut
/* Couleurs Debut
#62A4D6; 98,164,214 bleu pale logo
#1B5787; bleu fonce logo
#18466B; bleu fonce tous les <p>
#EFF4F7; gris pale
#D1DFE8; gris moyen
#E8F3F9; gris lignes diagonales
#C5DEE8; gris bordures lignes diagonales
#26567C; texte par defaut / bordure/texte boutons hover
#C0D1D8; gris separateur / bordure boutons
#E61E48; rouge liens menu / Champ requis
#CDB879; beige
#D2BE85; beige2
Couleurs Fin */
/* Resets Debut */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-family: inherit;	vertical-align: baseline; }
:focus, :active { outline: 0; } /* Pas de bordure quand un objet est clique */
a img {	border: none; } /* Pas de bordure autour des images avec liens */
img {	vertical-align: bottom; } /* Bug HTML5 espace sous image */
p.spacer {	clear: both; height: 0em!important; padding: 0em!important;	margin: 0em!important;  } /* Stop float */
a, a:visited { color: #62A4D6; text-decoration: none; } 
a:hover { text-decoration: underline; color: #26567C; }
li { list-style: none; }
input[type="text"],  input[type="tel"],  input[type="email"], input[type="checkbox"], input[type="select"], input[type="radio"], input[type="button"], button,  input[type="submit"], textarea, select {  -webkit-appearance: none; /* Empeche les style par defaut du iphone (Formulaire champs / boutons)  */ 
  -moz-appearance: none;  -ms-appearance: none;  -o-appearance: none;  appearance: none; }
textarea { resize: none; }
/* Resets Fin */
/* ----- Ease 250ms Debut ----- */
a.btn_std, a.btn_achat, button, a.btn_tel,  input[type="button"], input[type="submit"], input[type="text"],  input[type="tel"],  input[type="email"], textarea, .boite_msg_contact, .selectGal select, .selectmGal select, .gal_menu a, .photo_fixe2c, .photo_fixe2d { -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out;	-ms-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; }
/* ----- Ease 250ms Fin ----- */

/* ----- Coins ronds Debut ----- */
a.btn_std, a.btn_achat, button,  input[type="button"], input[type="submit"], input[type="text"],  input[type="tel"],  input[type="email"], textarea, .boite_msg_contact, .box_contact a.emailrep, a.btn_tel, p.required { -moz-border-radius: 0.25em;	-webkit-border-radius: 0.25em;	border-radius: 0.25em; }
/* ----- Coins ronds Fin ----- */

/* ----- Standards Debut ----- */
body {	background: #fff; color: #26567C; margin: 0; font-family: 'font_varelaround', Arial, Helvetica, sans-serif;	font-size: 1em;	line-height: normal; letter-spacing: -0.01em; }
sup { font-size: 0.75em; vertical-align: text-top; }
.ancre { margin-top: -6em;  float: left; }
.maj { text-transform: uppercase; }
.b { font-weight: bold;}
u, .u { text-decoration: underline; }

p { color: #18466B; }
.upper { text-transform: uppercase; }
.justify { text-align: justify; }
.ancretop { margin-top: -3em; float: left;  }
.menu_pad { display: block; height: 2em;; }
.text_shadow { text-shadow: 0 0 0.15em rgba(40,40,40,0.75); }
.box_shadow { box-shadow: 0 0 2em rgba(0,0,0,0.25); }
/* ----- Grosseur des textes Debut ----- */ 
h1 { font-size: 2.25em; line-height: 1em;  margin: 0 0 0.25em 0; width: auto; } /* Gros titres H1 */
h2 { font-size: 2em;  margin: 0 0 0.25em 0; width: auto; } /* Gros sous-titres H2 */
h3 { font-size: 1.25em; margin: 0 0 0.25em 0; width: auto; } /* sous-titres H3 */
h4 { font-size: 0.75em; margin: 0 0 0.25em 0; width: auto; } /* petit sous-titres H4 */
p {	font-size: 1em;	 margin: 0 0 1em 0; width: auto; line-height: 1.15em; } /* texte par defaut */
/* ----- Grosseur des textes Fin ----- */
/* ----- Fonte Style Debut ----- */
.italic { -ms-transform: skew(-8deg,0deg); /* IE 9 */    -webkit-transform: skew(-8deg,0deg); /* Safari */    transform: skew(-8deg,0deg); /* Standard syntax */ } 
/* ----- Fonte Style Fin ----- */
.mwidth { width: 60%; margin: auto; } /* Largeur max de toutes les sections (Sauf images) */
.mwidth2 { width: 65%; margin: auto; } /* Largeur paragraphe photo capitaine (Accueil) */
.mwidth3 { width: 82%; margin: auto; } /* Largeur coups de coeur */
.mwidth4 { width: 95%; margin: auto; } /* Largeur max */
.mwidth5 { width: 95%; margin: auto; } /* Largeur album photo */
/* ----- Logo Fin  ----- */
.nologo .logo  {  display: block; }
.nologo  { margin: 0; padding: 0; }
.logo_m  {  position: fixed; width: 10em; height: auto; display: none; z-index: 1500; top: 0; left: 0; }
.logo_m  img { width: 100%; height: auto; }
/* ----- Logo Finphoto_fixe6b  ----- */
/* parallax */
.box_img_std { width: 100%; display: none; background: #FFFFFF; }
.box_img_parallax { width: 100%; display: block; background: #FFFFFF; }
.bg-holder { width: 100%; height: 30em; background-size: cover; background-position: 50% 50%; background: rgba(255,255,255,1.00); } /* n'est pas utilisé */
.bg-holder2 { width: 100%; height: 26em; background-size: cover; background-position: 50% 50%; background: rgba(255,255,255,1.00); }
.bg-holder3 { width: 100%; height: 20em; background-size: cover; background-position: 50% 50%; background: rgba(255,255,255,1.00); }
.bg-holder4 { width: 100%; height: 16em; background-size: cover; background-position: 50% 50%; background: rgba(255,255,255,1.00); }
.bg-holder2#pic1 { background: url(../img/voile-aventure-culture-par1.jpg) center center no-repeat; background-size: 100% auto; }
.bg-holder3#pic2 { background: url(../img/voile-aventure-culture-par2.jpg) center center no-repeat; background-size: 100% auto; }
.bg-holder2#pic3 { background: url(../img/voile-aventure-culture-par19.jpg) center center no-repeat; background-size: 100% auto; }
.bg-holder2#pic4 { background: url(../img/voile-aventure-culture-par20.jpg) center center no-repeat; background-size: 100% auto; }
.bg-holder#pic5 { background: url(../img/voile-aventure-culture-par14.jpg) center center no-repeat; background-size: 100% auto; }
.bg-holder3#pic6 { background: url(../img/voile-aventure-culture-par3.jpg) center center no-repeat; background-size: 100% auto; }

.bgimg { width: 100%; height: 30em; } /* n'est pas utilisé */
.bgimg2 { width: 100%; height: 26em; } 
.bgimg3 { width: 100%; height: 15em; } 
.bgimg#bgpic5 {	background: url(../img/voile-aventure-culture-par14.jpg) center center no-repeat; background-size: 100% auto; }
.bgimg2#bgpic1 {	background: url(../img/voile-aventure-culture-par1.jpg) center center no-repeat; background-size: 100% auto; }
.bgimg2#bgpic3 {	background: url(../img/voile-aventure-culture-par19.jpg) center center no-repeat; background-size: 100% auto; }
.bgimg2#bgpic4 {	background: url(../img/voile-aventure-culture-par20.jpg) center center no-repeat; background-size: 100% auto; }
.bgimg3#bgpic2 {	background: url(../img/voile-aventure-culture-par2.jpg) center center no-repeat; background-size: 100% auto; }
.bgimg3#bgpic6 {	background: url(../img/voile-aventure-culture-par3.jpg) center center no-repeat; background-size: 100% auto; }
/* parallax fin */
.photo_fixe { background: url(../img/voile-aventure-culture-par21.jpg) top center no-repeat fixed; background-size: 100% auto; width: 100%; height: 18em; }
.photo_fixe2 { background: url(../img/voile-aventure-culture-album.jpg) center top repeat fixed; background-size: cover; width: 100%; height: auto; }
.photo_fixe2b { }
.photo_fixe2c {  background-image: linear-gradient(180deg, rgba(255,255,255,0.7)0%, rgba(255,255,255,0.5)50%, rgba(255,255,255,0)100%); width: 100%; height: 7em; position: fixed; opacity: 1; z-index: 1; } /*voir menu.js*/
.photo_fixe2d {  background-image: linear-gradient(180deg, rgba(255,255,255,0.9)0%, rgba(255,255,255,0.5)50%, rgba(255,255,255,0)100%); width: 100%; height: 6.5em; position: fixed; opacity: 1; } /*pour page journal de bord voir menu.js*/
.photo_fixe3 { background: url("../img/voile-aventure-culture-par30.jpg") top center no-repeat; background-size: 100% auto; width: 100%; height: auto; }
.photo_fixe3b { background-image: linear-gradient(180deg, rgba(255,255,255,1)0%, rgba(255,255,255,0)20%, rgba(255,255,255,0)80%, rgba(255,255,255,1)100%); width: 100%; height: auto; }
.photo_fixe4 { background: url(../img/voile-aventure-culture-par21.jpg) center top no-repeat fixed; background-size: 100% auto; width: 100%; height: 33em; position: absolute; z-index: -1; } /*--*/
.photo_fixe5 { background: url(../img/voile-aventure-culture-par32.jpg) center top no-repeat fixed; background-size: 100% auto; width: 100%;  height: 33em; position: absolute; z-index: -1; }
.photo_fixe6 { background: url(../img/voile-aventure-culture-par31.jpg) center top repeat fixed; background-size: 100% auto; width: 100%; height: auto; }
.photo_fixe6b { background: url(../img/voile-aventure-culture-par37.jpg) center top no-repeat fixed; background-size: 100% auto; width: 100%; height: auto; }
.photo_fixe7 { background: url(../img/voile-aventure-culture-par15.jpg) center center no-repeat fixed; background-size: 100% auto; width: 100%; height: 33em; }
.photo_fixe8 { background: url(../img/voile-aventure-culture-par16.jpg) center top no-repeat fixed; background-size: 100% auto; width: 100%;  height: 33em; position: absolute;  z-index: -1; }
.photo_fixe9 { background: url(../img/voile-aventure-culture-par35.jpg) center top no-repeat fixed; background-size: 100% auto; width: 100%;  height: 33em; position: absolute;  z-index: -1; }
.photo_fixe10 { background: url(../img/voile-aventure-culture-par27.jpg) center top no-repeat fixed; background-size: 100% auto; width: 100%; height: 33em; position: absolute;  z-index: -1;  }
.photo_fixe11 { background: url(../img/voile-aventure-culture-par13.jpg) center top no-repeat fixed; background-size: 100% auto; width: 100%; height: 33em; position: absolute;  z-index: -1;  }
.photo_fixe12 { background: url(../img/voile-aventure-culture-par35.jpg) center top no-repeat fixed; background-size: cover; width: 100%; height: 33em; position: absolute;  z-index: -1; }
.photo_fixe12acc { background: url(../img/voile-aventure-culture-par35.jpg) center -4em no-repeat; background-size: cover; width: 100%; height: auto; }
.photo_fixe13 { background: url(../img/voile-aventure-culture-par33.jpg) center top no-repeat fixed; background-size: 100% auto; width: 100%; height: 18em; }
.photo_fixe14 { background: url(../img/voile-aventure-culture-par8.jpg) center center no-repeat fixed; background-size: 100% auto; width: 100%; height: auto; }
.photo_fixe15 { background: url(../img/voile-aventure-culture-par6.jpg) center center no-repeat fixed; background-size: 100% auto; width: 100%; height: auto; }
.photo_fixe16 { background: url(../img/voile-aventure-culture-par36.jpg) center top no-repeat fixed; background-size: 100% auto; width: 100%; height: 33em; position: absolute;  z-index: -1; }
.photo_fixe17 { background: url(../img/voile-aventure-culture-par34.jpg) center center no-repeat fixed; background-size: 100% auto; width: 100%; height: auto; }
.photo_fixe18 { background: url(../img/voile-aventure-culture-par8.jpg) center top no-repeat fixed; background-size: 100% auto; width: 100%; height: 33em; position: absolute;  z-index: -1; }

.photo_fixe2b h2 { font-size: 2.5em; padding: 1.75em 0 1em 0; font-family: 'font_pacifico', Arial, Helvetica, sans-serif; color: #E61E48; width: 100%; text-align: center; }

.bgfade { background-image: linear-gradient(180deg, rgba(255,255,255,1)0%, rgba(255,255,255,0)20%, rgba(255,255,255,0)80%, rgba(255,255,255,1)100%); width: 100%; }
.albmpad {  display: block; width: 100%; height: auto; margin: auto;   }
.albmbox { padding-top: 5em; padding-bottom: 5em; display: block; text-align: center; }
.albmbox h1 {  font-size: 1.75em; font-family: 'font_pacifico', Arial, Helvetica, sans-serif; text-align: center; color: #FFF; margin-bottom: 0.25em;  line-height: 1.5em; display: inline-block; }
.albmbox h1 a {  font-family: 'font_pacifico', Arial, Helvetica, sans-serif; text-align: center; color: #E61E48;  margin-bottom: 0.25em; font-size: 1.75em; line-height: 1.5em; display: inline-block; }
.albmbox h1 a:hover { color: #E61E48; text-decoration: none; }
.albmbox .btn_std { padding-left: 3em; padding-right: 3em; }
.photos1, .photos2, .photos3, .photos4, .photos5, .photos6 {  width: 100%; display: block; } 
.photos1 li {  width: 25%; float: left;  } 
.photos2 li {  width: 16.666%; float: left;  } 
.photos3 li {  width: 33.333%; float: left;  } 
.photos4 li {  width: 12.5%; float: left;  } 
.photos5 li {  width: 10%; float: left;  } 
.photos6 li {  width: 6.25%; float: left; } 
.photos1 li img, .photos2 li img, .photos3 li img, .photos4 li img, .photos5 li img, .photos6 li img {  width: 100%; height: auto; } 

.capitaine {  float: right; width: 17em; height: 17em; margin: 1.5em 0 1em 2em;  } 
.capitaine img {  width: 100%; height: auto; -moz-border-radius: 50%;	-webkit-border-radius: 50%;	border-radius: 50%; overflow: hidden; } 

.ico_centre { position: absolute; height: auto; width: 100%; margin-top: -5.5em; text-align: center; z-index: 1; } 
.ico_centre ul { width: 23em;  margin: auto; background: #FFF;  -moz-border-radius: 0.5em;	-webkit-border-radius: 0.5em;	border-radius: 0.5em;  } 
.ico_centre ul {  padding: 0.5em 0;  } 
.ico_foot ul { width: 26em;  margin: auto; padding: 0.65em 0 0.7em 0;  } 
.ico_centre li, .ico_foot li { width: auto; display: inline-block;  text-transform: uppercase;  margin: 0;   } 
.ico_centre a, .ico_foot a { display: block; width: auto; color: #368bcb; font-size: 0.75em; line-height: 0.75em; letter-spacing: -0.01em; } 
.ico_centre a {  border-right:  1px solid #C0D1D8; padding: 0.5em 0.5em 0 0.0em;  } 
.ico_centre img, .ico_foot img { display: inline-block;  width: 2em; height: 2em; vertical-align: middle; margin: -0.5em 0.25em 0 0.25em;  } 
.ico_foot { text-align: center;  height: auto;  margin-top: 0; padding: 0; background-image: linear-gradient(180deg, rgba(98,164,214,0.15)75%,  rgba(98,164,214,0.25)100%); width: 100%; } 
.ico_foot a { font-size: 0.5em; padding: 0.25em 1em 0em 1em;  border-right:  1px solid #C0D1D8; } 

/* Bande separatrice Debut */
.sep, .sep2, .sep3, .sepstd { padding: 2.75em 0 2em 0;    } 
.sepstd { padding: 3em 0 2em 0;  width: 100%;  } 
.sep {  background: #FFF; } 
.sep h1, .sepstd h1 { width: auto; padding: 0 1em; font-family: 'font_pacifico', Arial, Helvetica, sans-serif; text-align: center; } 
.sep h2 { line-height: 1.2em;  } 
.sep h3 { line-height: 1.2em;  } 
.sep p, .sep2 p, .sep3 p { line-height: 1.3em;  } 

.sep2 { padding: 1.75em 0 1.44em 0;     } 
.sep2 h4 { line-height: 1.25em; text-align: center; text-transform: uppercase; letter-spacing: 0.2em; } 

.sep3 h3#decouv { font-size: 1.5em; line-height: 1.15; font-family: 'font_pacifico', Arial, Helvetica, sans-serif; text-align: center; margin-top: 1em;} 
.sep3 h4#fb { font-size: 1em; font-family: 'font_pacifico', Arial, Helvetica, sans-serif; text-align: center; margin-top: 1em;} 
.sep3 { padding: 6em 0 1em 0;   } 
.sep3 h2 {font-size: 1.5em;  line-height: 1.15em; margin: 0 0 0.6em 0; letter-spacing: -0.02em; } 
.sep3 h3 { font-size: 1.25em; line-height: 1.15em; margin: 0 0 0.75em 0; letter-spacing: -0.01em; } 
.sep3 h4 { font-size: 1.25em; line-height: 1.15em; margin: 0 0 0.75em 0; letter-spacing: -0.01em; } 

.sep4 { width: 100%; padding: 1em 0 1em 0; margin: 0; border-bottom: 1px solid #D1DFE8;   } 
.sep4 p { font-size: 0.9em; line-height: 1.2em; padding: 1em 0; margin: 0; } 
.sepstd { text-align: center; display: inline-block; } 
.sepstd h2 { font-size: 1.5em; line-height: 1.2em; letter-spacing: -0.04em; margin-bottom: 1em; } 
.sepstd h3 { font-size: 1em; line-height: 1.15em; text-align: center; text-transform: uppercase; margin-bottom: 2.25em;} 
.sepstd h4 { line-height: 1em; text-transform: uppercase; letter-spacing: 0.2em; } 
.sepstd2 { padding: 1.75em 0 1.75em 0;  width: 100%;  text-align: center; display: inline-block; } 
.sepstd3 { padding: 1.75em 0 0.75em 0;  width: 100%;  text-align: center; display: inline-block; } 
.sepstd5 { padding: 2em 0;  width: 100%;  text-align: center; display: inline-block; } 
.sepstd6 { padding: 7em 0 7em 0;  width: 100%;  text-align: center; display: inline-block;  } 
.sepstd6 h1 { font-size: 5em; line-height: 1.5em; font-family: 'font_pacifico', Arial, Helvetica, sans-serif; text-shadow: 0 0 0.15em rgba(0,0,0,0.25); color: #FFF; } 
.bigh1 { font-size: 4em; line-height: 1em;  } 
h1.bigh1 { font-size: 2.75em; line-height: 1em; font-family: 'font_varelaround', Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.5em; } /* sep acc L'Anija */
.bigh1 span { font-size: 0.45em; letter-spacing: normal; display: block;line-height: 1em; margin-top: -1em; } 
/* Coups de coeur Debut */
.bgcol1, .bgcol2, .bgcol3 { background-image: linear-gradient(180deg, rgba(255,255,255,1)90%,  rgba(98,164,214,0.25)100%);   border-bottom: 1px solid rgba(255,255,255,1); display: block; width: 100%; } 
.bgcol2 { background-image: linear-gradient(180deg, rgba(255,255,255,1)70%,  rgba(98,164,214,0.25)100%);   } 
.bgcol3 { background-image: linear-gradient(180deg, rgba(255,255,255,1)75%,  rgba(98,164,214,0.25)100%);   } 
.bglogo { background: #fff url(../img/logo-ico2.svg) no-repeat center center; background-size: 32em 32em;  margin: auto; display: inline-block; width: 100%; height: auto; } 
.bgtop { background: #fff url("../img/bgm2.svg") repeat-x top center;  background-size: 500px 500px;  display: inline-block; width: 100%; } 
.ico_top, .ico_ccoeur, .ico_albm, .ico_tel { width: 3.5em; height: 3.5em; padding: 0.5em; margin: auto;  -moz-border-radius: 50%;	-webkit-border-radius: 50%;	border-radius: 50%; overflow: hidden; background: rgba(255,255,255,0.7);  margin-top: 1.5em; margin-bottom: 0.75em; border: 1px solid rgba(255,255,255,0.75); display: block; } 
.ico_ccoeur, .ico_albm { width: 5em; height: 5em; margin-bottom: 1.5em;  } 
.ico_albm { width: 8em; height: 8em; margin-bottom: 1.5em;  } 
.ico_tel { margin-top: 0; margin-bottom: 1.5em; background: #35DB71; } 
.ico_logo { width: 15em; height: 10.5em; padding: 0em; margin: auto;   margin-top: 2em; margin-bottom: 1.5em; display: block; } 
p.telephone {   font-size: 0.65em; line-height: 1em; margin-bottom: 2em; text-transform: uppercase; letter-spacing: 0.75em; font-weight: bold; } 
.ico_top img, .ico_ccoeur img, .ico_albm img, .ico_tel img, .ico_logo img { width: 100%; height: auto;  } 

.titrepage {    } 
.titrepage h1 {  color: #FFF; text-shadow: 0 0 0.05em rgba(0,0,0,0.15); } /*titre toutes les pages*/

.exmp { width: 100%; display: inline-block;  background: #62A4D6; color: #FFF; text-align: center;  text-transform: uppercase;  margin: 0;  } 
.exmp h3 {  font-size: 1em; line-height: 1.25em; letter-spacing: 0.01em;  padding: 1em 0 0.6em 0; display: inline-block; } 
.exmp h3.ccoeur {  font-size: 1em; line-height: 1.25em; letter-spacing: 0.35em;  padding: 0.75em 0 0.4em 0; display: inline-block; } 
.exmp h4 {  font-size: 0.75em; line-height: 1.25em; letter-spacing: 0.02em;  padding: 1.4em 0 1em 0; display: inline-block; } 
.txtp { width: 100%;  background: #d2be85; color: #FFF; display: inline-block; } 
.txtp.acc { background: #d2be85; color: #FFF; width: 100%; text-align: center;  height: auto;   display: inline-block;  border: none; } 
.txtp h4 { font-size: 0.75em;  line-height: 1.25em; text-align: center; padding: 1.1em 0 0.6em 0; text-transform: uppercase; letter-spacing: 0.2em; } 
.txtp.accueil h4 { letter-spacing: 0.03em; } 
.txtp.accueil h4 a { color: #FFF; text-decoration: underline; } 

.exmp_contact { width: 100%; display: inline-block;  background: #62A4D6; color: #FFF; text-align: center;  text-transform: uppercase;  margin: 0;  } 
.exmp_contact h3 {  font-size: 0.75em; line-height: 1em; letter-spacing: 0.01em;  padding: 1em 0 0.6em 0; display: inline-block; } 
h3.txtcontact {  font-size: 1.5em; line-height: 1em; letter-spacing: -0.01em;  padding: 1em 0 0.75em 0; display: inline-block; text-align:  center; width: 100%; } 

.hanse h2 {  font-size: 2.5em; line-height: 1em; letter-spacing: 0.4em;  padding: 0.15em 0 0.15em 0; margin: 0;  } 
.hanse h3 {  font-size: 2em; line-height: 1em; letter-spacing: normal;  padding: 0; margin: 0.75em 0 0.5em 0; font-family: 'font_pacifico', Arial, Helvetica, sans-serif; } 
.hanse h4 {  font-size: 1em; line-height: 1em; letter-spacing: 0.1em;  padding: 0; margin: 0.5em 0 0.5em 0; text-transform: uppercase;} 
.sepstd3  { background: #FFF; } 
.sepstd4.page { width: 100%; padding: 0; margin: 7em 0 15em 0;  display: inline-block; } /* padding top toute les pages*/
.sepstd4 h1 { color: #fff; } /* Titre coup de coeurs sur l'accueil */ 
.sepstd4.acc {  padding:  1em 0 1.5em 0; display: inline-block; width: 100%; } 
/* Hauteur des colonnes */
.sepstd4 .colgap {  width: auto; margin: 0em 0 0em 0; padding: 0 1em 3em 1em; height: auto; border-right: 1px solid #C0D1D8; } /* sep vertical colonnes*/
.sepstd4.acc .colgap {  margin: 2em 0 0 0; border-right: 1px solid #C0D1D8; padding: 0em 0;} /* sep vertical coups de coeur accueil */
.sepstd4.carnet .colgap {  height: 68em; border-right: 1px solid #C0D1D8;  padding-bottom: 0em;   margin-top: 3em; margin-bottom: 0em; } 
.sepstd4.coupcoeurs .colgap {  height: 33em; border-right: 1px solid #C0D1D8;   } 
.sepstd4.journal .colgap {  height: 23em; border-right: 1px solid #C0D1D8;  padding-bottom: 0em;   margin-top: 0em; margin-bottom: 0em; } 
.sepstd4 .colgap.nobdr { border: none; }
.rond  {  width: 12em; height: 12em;  margin: auto; margin-top: 0em; margin-bottom: 3em; -moz-border-radius: 50%;	-webkit-border-radius: 50%;	border-radius: 50%; overflow: hidden; } 
.rond img  {  width: 100%; height: auto;  	} 
.sepstd4 h1, .sepstd h1, .sepstd2 h1, .sepstd5 h1 {  padding: 0 1em; font-family: 'font_pacifico', Arial, Helvetica, sans-serif; text-align: center;  } 
.sepstd4 h2 { font-size: 1.5em;  line-height: 1.15em;  text-align: center; } /* Titre attraits coups  de coeur*/
.sepstd3 h2.couptitre, .sepstd4 h2.couptitre { font-size: 2.25em; font-family: 'font_pacifico', Arial, Helvetica, sans-serif;  line-height: 1.75em;    margin: 0.75em 0; text-align: center;  } 
.sepstd3 h2.couptitre {   margin: 0.75em 0 0.5em 0;  } 
.sepstd4.acc h1 { text-shadow: 0 0 0.15em rgba(0,0,0,0.75); } 
.sepstd4.acc h2 { font-size: 1.5em;  line-height: 1.15em;  margin: 0.25em 0 0.25em 0; text-align: center; letter-spacing: 0.2em; display: inline-block; width: 100%; } /* Titre attraits acc */
.sepstd4 .row h2 {  font-size: 2em;  line-height: 1.5em; margin: 1em 0 1em 0; font-family: 'font_pacifico', Arial, Helvetica, sans-serif; letter-spacing: normal; } /* Titres col coups coeur accueil */
.sepstd4 .row { margin: 0;  } /* espace entre separateurs (coups de coeur) et colonne acc. */
.sepstd4 h3 { font-size: 1.25em; line-height: 1em;  width: auto; margin-top: 0.5em; text-align: center;   } 
.sepstd4 h3 span  { font-size: 0.5em; line-height: 0.5em; letter-spacing: 0em; text-transform: uppercase; font-weight: bold; }
.sepstd4 .column, .sepstd4 .column2  {  margin-bottom: 2em;  } 
.sepstd4 .column h3, .sepstd4 .column2 h3, .sepstd4 .column4 h3 { font-size: 1.25em; line-height: 1em;  width: auto;  margin-bottom: 0.5em; text-transform: uppercase; letter-spacing: 0.25em; } /* Sous-titre colonne coups de coeurs. */
.sepstd4  p { margin-top: 0.7em;  margin-bottom: 0em; font-size: 0.7em; line-height: 1.35em; width: 100%; text-align: left; }

.ftech1, .ftech2, .tarifscol, .faq  { float: left; width: 32%;  text-align: left; } 
.tarifscol  {  width: 50%;  } 
.faq  { width: 50%; } 
.ftechpad  { width: auto; padding: 1em 0em 2em 0em; display: inline-block; } 
.tarifscolpad  { width: auto; padding: 1em 2em; display: inline-block; } 
.faqpad  { width: auto; padding: 1.5em; display: inline-block; } 
.plan  { float: left; width: 36%;  } 
.plan  img {width: 60%; height: auto; margin-top: 3em; margin-bottom: 2em; display: inline-block; } 

.lstbd ul {   width: 100%; display: block; } 
.lstbd li {   width: auto;  display: block; } 
.lstbd h2 {   width: auto; font-size: 1.5em; line-height: 1em; border-bottom: 1px solid #C0D1D8; margin: 0.25em 0;  } 
.faq .lstbd h2 {   width: auto; font-size: 1em; line-height: 1.2em; border-bottom: 1px solid #C0D1D8; margin: 0.25em 0;  } 
.lstbd h3 {   width: auto; font-size: 0.7em; line-height: 1.2em; text-transform: none; text-align: left; } 
.lstbd h4, ul.inclu h4, ul.non_inclu h4 {   width: auto; font-size: 0.75em; line-height: 1.2em; text-transform: none; text-align: left; border-bottom: 1px solid #C0D1D8; background: url("../img/dot.svg") no-repeat 0.25em 0.6em; background-size:  0.7em 0.7em; padding: 0.4em 1em 0.5em 1.6em; letter-spacing: normal; display: block; } 
.lstbd img {   width: 100%; height: auto; } 
.lstbd p {   width: auto; font-size: 0.75em; line-height: 1.2em; margin: 0.25em 0 1.75em 0; } 
.lstbd p span {   width: auto; font-size: 1.25em; line-height: 1.15em; margin: 0.5em 0 0em 0; display: inline-block; } 
.sepstd .lstbd h2 { font-size: 1em; line-height: 1.1em; letter-spacing: -0.03em; padding-bottom: 0.25em; margin-bottom: 0.5em; } 

ul.non_inclu h4, ul.non_inclu h4 {   background: url("../img/ico_non_inclu.svg") no-repeat 0.5em 0.5em; background-size:  0.75em 0.75em; border-bottom: 1px solid rgba(0,0,0,0.25); } 
ul.inclu h4, ul.inclu h4 {   background: url("../img/dot_vert.svg") no-repeat 0.5em 0.5em; background-size:  0.75em 0.75em; border-bottom: 1px solid rgba(0,0,0,0.25); } 

.tarifscol h2 {   border-bottom: 1px solid rgba(0,0,0,0.25); } 
.ffaits { display: inline-block;  width: 48%; text-align: center; } 
.boxforfaits {  display: inline-block; width: 100%; margin: auto; margin-bottom: 2em; } 
.boxforfaits h2 { font-size: 1.75em; margin: 0; padding: 0; } 
.boxforfaits h3 { font-size: 1.25em; margin: 0; padding: 0; } 
.boxforfaits p { font-size: 0.75em; margin: 0.5em 0; padding: 0; text-transform: uppercase; letter-spacing: 0.03em; } 
.ffaitssep { border-right: 1px solid #C0D1D8; padding-right: 0.25em; } 
.forfait { background: #FFF; border: dashed 1px #C0D1D8; -moz-border-radius: 0.5em;	-webkit-border-radius: 0.5em;	border-radius: 0.5em; width: 96%;  margin-top: 0.5em; margin-bottom: 0.5em; display: inline-block; vertical-align: top; } 
.forfait h1 { font-size: 3em; line-height: 1em; margin: 0; padding: 0; font-family: 'font_varelaround', Arial, Helvetica, sans-serif; letter-spacing: -0.05em; } 
.forfait h1 span { font-size: 0.6em; line-height: 0; position: relative; vertical-align: baseline; top: -0.6em  } 
.forfait h2 { font-size: 1.5em; line-height: 1em;  margin: 0; padding: 0 0.5em 0.25em 0.5em; border-bottom: 1px solid #E61E48; } 
.forfait h2 span, .forfait h3 span { font-size: 0.6em; line-height: 0; position: relative; vertical-align: baseline; top: -0.6em  } 
.forfait h3 { font-size: 1em; margin: 0.5em 0 0 0; letter-spacing: normal; } 
.forfait p { font-size: 0.75em; line-height: 0.75em; margin: 0.5em 0 0 0; padding: 0.6em 0 0.4em 0; background: #f1f1f1; letter-spacing: 0.7em; } 
.forfait .fpad  {  display: inline-block; padding: 1.5em 0.5em 1em 0.5em; } 
.forfait .btn_std { margin: 1.5em 0 0 0; display: inline-block; padding: 1em 5em; } 
.sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em }
p.stitre1, p.stitre2 { font-size: 0.85em; line-height: 1.25em; margin-bottom: 0; font-weight: bold;  } 
p.stitre2 { font-size: 0.75em;  } 
/* Coups de coeur Fin */
p.sign { font-size: 0.75em; margin-bottom: 0; font-weight: bold; border-bottom: 1px solid #C0D1D8; padding-bottom: 0.25em; width: auto; } 
p.temoig  { width: 100%; text-align: center;  font-weight: bold; font-size: 1.25em; padding: 1em 0 0.75em 0; } 
.carnet .rond  {  width: 10em; height: 10em; margin-bottom: 1.5em; -moz-border-radius: 50%;	-webkit-border-radius: 50%;	border-radius: 50%; overflow: hidden; } 
/* Bande separatrice Fin */

/* ----- Colonnes auto grid  Debut ----- */
.photos { 
  /* Prevent vertical gaps */
  line-height: 0;
   vertical-align: top;
	margin-top: 1em;
	margin-bottom: 1em;
  -webkit-column-count: 4;
  -webkit-column-gap:   0px;
  -moz-column-count:    4;
  -moz-column-gap:      0px;
  column-count:         4;
  column-gap:           0px;  
}

.photos img {
  /* Just in case there are inline attributes */
  width: 100%!important;
  height: auto!important;
}
/* Create four equal columns that sits next to each other */
.photos  a { border: 1px solid rgba(255,255,255,1); display: inline-block;  background: rgba(255,255,255,1); box-shadow: 0 0 0.5em 0.3em rgba(10,14,18,0.15); margin: 0.5em 0 1em 3%; padding: 0.5em; width: 88%!important; }
.photos  a:hover {  border: 1px solid rgba(230,30,72,0.5); } 
/* ----- Colonnes auto grid  Fin ----- */


/* ----- Colonnes auto grid  Debut ----- */
.row { width: 99.9%; display: block; vertical-align: top;  }
/* Create four equal columns that sits next to each other */
.column, .column2, .column4 {  float: left;  }
.column { width: 33.333%;  max-width: 33.333%;  }
.column2 {  width: 50%;  max-width: 50%;  }
.column4 {  width: 25%;  max-width: 25%; }
.colgap { width: 100%; margin: auto;  }
.column img, .column2 img, .column4 img { margin: auto; margin-bottom: 0.85em;  width: 100%; height: auto; }
/* album photo */
.lst { margin: 0; }
.lst.column4 img { margin: auto;  width: 100%; height: auto; }
.lst.column4 p { display: block; margin: 0; padding: 0; }
.lst.column4 a {  border: 1px solid rgba(255,255,255,1); display: block;  background: rgba(255,255,255,1); box-shadow: 0 0 0.5em 0.3em rgba(10,14,18,0.15); margin: 0.5em 0.5em 1em 0.5em; padding: 0.5em;  } 
.lst.column4 a:hover {  border: 1px solid rgba(230,30,72,0.5); } 
.column img.imgsm, .column2 img.imgsm, .column4 img.imgsm {  margin: auto; margin-bottom: 0.5em; width: 100%;  height: auto; } /* Petites photos */
.column .btn_std, .column2 .btn_std, .column4 .btn_std { width: 15em; font-size: 0.55em; margin: auto; display: block; }
/* ----- Colonnes auto grid  Fin ----- */
/* ----- pagination ----- */
.pagination { text-align: center; margin: 1em 0 2em 0; font-size: 0.75em; display: inline-block; width: 100%; }
.pagination li { display: inline; list-style: none; margin: 0 0.25em; }
.pagination li a { display: inline-block; padding: 0.75em 1em; font-weight: bold; cursor: pointer; background: rgba(255,255,255,0.75); color: #26567C; text-decoration: none; border: 1px solid #C0D1D8;	-moz-border-radius: 50%;	-webkit-border-radius: 50%;	border-radius: 50%; }
.pagination li a:hover {	color: rgba(255,255,255,1); background: #62A4D6; border: 1px solid #62A4D6; }
/* Separateur Debut */
.seplogo, .seplogo2, .seplogo3, .seplogo4, .seplogo5, .seplogo6, .seplogo7  { width: 30em; margin: auto; border-bottom: 1px solid #C0D1D8; text-align: center; margin-top: 3em;  } 
.seplogo2  { margin-top: 1em; margin-bottom: 1em;  } 
.seplogo3  { margin-top: 0; margin-bottom: 2em;  } 
.seplogo4  { margin-top: 1.5em; margin-bottom: 0; width: 100%; } 
.seplogo4.topsep  { margin-top: 0em; width: 100%; } 
.seplogo5  {  width: 60%; margin-top: 0;  } 
.seplogo6  { width: 80%; margin-top: -0.5em; margin-bottom: 1em;  } 
.seplogo7  {  width: 50%; margin-top: 0; } 
.seplogo img, .seplogo2 img, .seplogo3 img, .seplogo4 img, .seplogo5 img, .seplogo6 img, .seplogo7 img { width: 2em; height: 2em; margin-bottom: -0.6em; } 
/* Separateur Fin */
p.journal { width: 100%;  font-size: 1em; line-height: 1.15em; margin: 0 0 1em 0; text-align: center; } 
h4.journal {  font-size: 1.5em; line-height: 1.5em; margin: 2em 0 2em 0; font-family: 'font_pacifico', Arial, Helvetica, sans-serif; text-align: center; } 
.journ_p p { text-align: center; padding: 0.75em; display: block; } 
.txt_center { text-align: center; } 
.docs ul { width: 30em; margin: auto; text-align: left; } 
.docs a { font-size: 1em; line-height: 1em; background: #f1f1f1 url("../img/ico_doc.svg") no-repeat 0.5em center; background-size: 2em 2em;  border: dashed 1px #C0D1D8; padding: 0.75em 1.5em 0.75em 2.75em; display: block; -moz-border-radius: 0.25em;	-webkit-border-radius: 0.25em;	border-radius: 0.25em; margin-top: 0.5em; margin-bottom: 0.5em;} 
.docs img { width: 2em; height: 2em; vertical-align: middle; } 

.logoscc  { width: 100%; display: inline-block; text-align: center; } 
.logoscc  ul { width: 30em; margin: auto; } 
.logoscc li { width: 3em; height: 1em; display: inline-block; } 
.logoscc img { width: 100%; height: auto; vertical-align: middle;  } 
.logoscc img.amex { width: 70%; height: auto; vertical-align: middle;  } 

.paiement p { font-size: 1.5em; text-transform: uppercase; text-align: center; } 
.paiement ul { width: auto; margin: auto;  margin-top: 2em; margin-bottom: 2em;  } 
.paiement li { font-size: 1em; display: inline-block; width:  auto; padding: 2em 1em; border-right: 1px solid #C0D1D8; } 
.paiement form { border: dashed 1px #C0D1D8; padding: 1em 1.5em 1em 1.5em; display: block; -moz-border-radius: 0.25em;	-webkit-border-radius: 0.25em;	border-radius: 0.25em; margin-bottom: 0.5em; text-transform: uppercase;  text-align: center; } 
.paiement input[type="image"]  { margin-left: 0.5em; } 
.cc  { width: 10em; height: auto; margin: auto; margin-top: 1.25em; } 
.cc img { width: 100%; height: auto; } 

.ytbe {	width: 18em; background: #FFF; padding: 0.5em; height: auto;  margin-top: 4.5em; right: 5em; position: absolute; }
.ytbe2 {	width: 50%; background: #000; padding: 0 0.5em; height: auto;  margin-top: 4.5em; margin: auto; }
.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0; }
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;  }
/* ----- Standards Fin ----- */
/* ----- Slider Debut ----- */
.fadeImg  { width: 100%; height: 39em;  position: absolute; display: block; z-index: -1; }
.fadeImgPos  { width: 100%; margin: auto; height: auto; position: relative;  display: block; }
.fadeStd  { display: block; }
.fade_m  { display: none; }
/* ----- Slider Fin ----- */
.pcontact h2 {  width: 100%; text-align: center; padding: 0.75em 0; margin: 0; font-size: 1.5em;} 
/* ----- Bouton select Debut ----- */
.selectGal  {  width: auto;  background: #FFF; display: block; font-family: 'font_varelaround', Arial, Helvetica, sans-serif; letter-spacing: -0.03em;  }
.selectGal select {  background: transparent;  border: none;  padding: 0em;  -webkit-appearance: none;   -moz-appearance: none;  appearance: none;  cursor: pointer; }
.selectGal.slate {  background: #FFF;  width: 100%;  -moz-border-radius: 0.15em;	-webkit-border-radius: 0.15em;	border-radius: 0.15em; text-align: center; border: 1px solid #C0D1D8; margin: auto; margin-top: 0.5em; margin-bottom: 0.5em; }
.selectGal.slate:hover {  border: 1px solid #26567C;  }
.selectGal.slate select {  font-size: 1em;  font-family: 'font_varelaround', Arial, Helvetica, sans-serif; letter-spacing: -0.03em;  color: #62A4D6;  height: 1.75em; width: 99.5%;  padding: 0.1em 0 0.1em 0.5em;   background: #FFF url(../img/ico-fleche.svg) no-repeat;  background-position: right 0.2em;  background-size: 1.45em;  margin: 0.2em 0; z-index: 99999; }
.selectGal.slate select:focus {  color: #E61E48;  }
/* Bouton select Fin */
/* ----- Boutons Debut  ----- */
a.btn_std, a.btn_achat {
	font-size: 0.5em; line-height: 0.5em;	padding: 1.2em 1.5em 1.15em 1.5em; display: inline-block; text-transform: uppercase;
	background: #fff; color: #26567C;	text-decoration: none; margin: auto;	text-align: center;	border: 1px solid #C0D1D8;	width: auto; cursor: pointer; letter-spacing: 0.15em; }
a.btn_std:hover, a.btn_achat:hover {    border: 1px solid #26567C; }
a.btn_achat { display: none; position: fixed; z-index: 999; top: 2em; right: 6em; }
a.btn_tel {	font-size: 2.75em; line-height: 1em; margin: 0; padding: 0; letter-spacing: -0.03em; cursor: text; }
a.btn_tel:hover {	text-decoration: none; color: #62A4D6; }
a.btn_std.consulter  {  margin-bottom: 3em; }
/* ----- Boutons Fin  ----- */
.fcontact { width: 30em; margin: auto; padding: 3em 0; }
.fcontact p { font-size: 0.85em; margin: 0 0 0.25em 0; color: #FFF; }
input[type="text"],  input[type="tel"], input[type="email"], input[type="button"], input[type="button"].envoyer, button, input[type="submit"], textarea  {
	font-size: 0.5em; line-height: 0.5em;	padding: 1.2em 1.5em 1.15em 1.5em; display: inline-block; 
	background: rgba(255,255,255,0.60); color: #26567C;	text-decoration: none; margin: auto;	border: 1px solid #C0D1D8;	width: auto;   }
input[type="button"], input[type="submit"], input[type="button"].envoyer { width: 12em; margin: auto; cursor: pointer; }
input[type="button"], input[type="button"].envoyer { text-transform: uppercase; margin: auto; display: block; } 
input[type="button"].envoyer { margin-top: 0em; background: #35DB71; border-color: #35DB71; color: #FFF; }
input[type="button"].envoyer { margin-left: 15em; }
input[type="button"].envoyer:hover, input[type="button"].envoyer:focus { border-color: #FFF;  }
/* ----- Formulaire Debut ----- */
input[type="text"],  input[type="tel"],  input[type="email"], textarea { font-family: 'font_varelaround', sans-serif, Arial;	font-size: 0.75em;	padding: 0.5em;	color: #62A4D6;	margin-bottom: 1em;	display: block;	width: 100%;	letter-spacing: normal; }
input[type="text"]:hover,  input[type="tel"]:hover,  input[type="email"]:hover, input[type="button"], textarea:hover, input[type="button"].envoyer:hover { background: #FFF; color: #1B5787; }
input[type="text"]:focus,  input[type="tel"]:focus,  input[type="email"]:focus, input[type="button"], textarea:focus, input[type="button"].envoyer:focus { background: #FFF; color: #1B5787; }
textarea { height: 5em; overflow: hidden; width: 100%; margin-bottom: 1.5em; display: block; }
textarea:focus { height: 10em; overflow: auto;  }
.boite_msg_contact {  display: none;	font-family: 'font_varelaround', sans-serif, Arial; font-weight: bold; text-align: center; width: 100%; padding: 0.5em; margin: auto;  margin-bottom: 1em; font-size: 0.75em; }
.boite_msg_contact.erreur { background: #E61E48; color: #FFF; } 
.boite_msg_contact.traitement { background: rgba(150,150,150,1); color: #FFF;  }
.boite_msg_contact.succes { background: rgba(140,207,116,1); color: #FFF; }
/* Fix chrome autofill Debut */
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1.5em #FFF inset; box-shadow: 0 0 0 1.5em #FFF inset; /* Change the color to your own background color */
	-webkit-text-fill-color: #1B5787; }
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1.5em #FFF inset;	box-shadow: 0 0 0 1.5em #FFF inset; /* Change the color to your own background color */
	-webkit-text-fill-color: #1B5787; }
/* Fix chrome autofill Fin */
/* Champ requis Debut */
p.required {  color: #FFF;   text-transform: uppercase; font-size: 0.5em;   display: inline-block; padding: 0.5em;  font-weight: bold; width: auto; text-align: center; background: #E61E48; }
.asterisk { color: #E61E48; font-size: 1.25em; font-weight: bold; }
/* Champ requis Fin */
/* ----- Contact Fin ----- */
/* ----- GOOGLE_MAPS Debut ----- */
.google-maps { position: relative; width: 100%; height: 15em;  overflow: hidden;   }
.google-maps iframe { top: 0; left: 0; width: 100%; height: 100%; z-index: 5; border:0; zoom: 1; }
/* ----- GOOGLE_MAPS Fin ----- */
.nozoom {   background: transparent; opacity:0;  position: relative;   width: 100%;   height: 15em;   top: 15em;     margin-top: -15em;     z-index: 5;   cursor: pointer; }
.menufoot { width: 100%; text-align: center; background: #FFF; }
.menufoot ul { width: 100%; padding: 1em 0 1.5em 0; }
.menufoot li { width: auto; display: inline;  vertical-align: middle; font-size: 0.5em; }
.menufoot li a {  letter-spacing: 0.2em; width: auto; display: inline-block; padding: 0.25em 1em; border-right: 1px solid #C0D1D8; text-transform: uppercase; margin: 0; }
.menufoot li a:hover { color: #1B5787; }
.menufoot li span { display: none; }
/* ---------- Footer Debut ---------- */
footer {	padding: 0.7em 0 0.5em 0;	text-align: center;	text-transform: uppercase;	background: #194b74; width: 100%; }
footer a:hover {color: #FFF;	}
footer p {	padding: 0 3em 0 3em; font-size: 0.85em; letter-spacing: 0.25em; line-height: 1.25em; margin: 0; color: #C0D1D8;}
footer span { display: inline-block;  }
/* ---------- Footer Fin ---------- */
/* Image autres pages Debut */
.autofitimg { width: 100%; height: 100%;  overflow: hidden;  } /* Image plein ecran */
.autofitimg img { width: 100%; height: auto; margin: -10% 0 -10% 0; } /* Image plein ecran masque */
/* Image autres pages Fin */

/******************************************************************************************/
/* ------------------------------------- Responsive ------------------------------------- */
/******************************************************************************************/
/* no display */ 
@media screen and (max-width:319px) { .reznull { display: block; } body { background: #FFF; font-size: 0.65em; opacity: 0.1; }
.mwidth { width: 90%; }  }
/* 320px iPhone Vertical */ 
@media screen and (min-width:320px) and (max-width:359px) {
.rez320 { display: block; }
/* Image entete autres pages Debut */
.autofitimg img { margin: -10% 0 -10% 0; }
/* Image entete autres pages Fin */
.fadeStd  { display: none; }
.fade_m  { display: block; }
.fadeImg2  { width: 100%; height: 23em;  padding-top: 3.4em; }
.forfait p { letter-spacing: 0.35em; } 
.photo_fixe4, .photo_fixe5, .photo_fixe6, .photo_fixe6b, .photo_fixe7, .photo_fixe8, .photo_fixe9, .photo_fixe10, .photo_fixe11, .photo_fixe12,  .photo_fixe16, .photo_fixe18 { height: 20em; background-size: cover; background-attachment: scroll; } 
.photo_fixe2b {  } 
.photo_fixe6 { height: 28em; background-position: -27em center;  } 
.photo_fixe6b { height: auto; background-position: -25em  center; background-size: 290%;  } 
.photo_fixe7 { height: 10em; } 
.sepstd4.page { width: 100%; padding: 0; margin: 7em 0 4em 0;   } /* padding top toute les pages*/
a.btn_achat {  right: 5em!important; padding: 1.2em 0.5em 1.15em 0.5em!important; letter-spacing: 0.03em!important; }
input[type="button"].envoyer { margin-left: 5em; }
}
/* 360px Galaxy Vertical */ 
@media screen and (min-width:360px) and (max-width:374px) {
.rez360 { display: block; }
/* Image entete autres pages Debut */
.autofitimg img { margin: 0; }
/* Image entete autres pages Fin */
.fadeStd  { display: none; }
.fade_m  { display: block; }
.fadeImg2  { width: 100%; height: 25em;  padding-top: 3.4em; }
.photo_fixe4, .photo_fixe5, .photo_fixe6, .photo_fixe6b, .photo_fixe7, .photo_fixe8, .photo_fixe9, .photo_fixe10, .photo_fixe11, .photo_fixe12,  .photo_fixe16, .photo_fixe18 { height: 23em; background-size: cover; background-attachment: scroll; } 
.photo_fixe2b {  } 
.photo_fixe6 { height: 28em; background-position: -25em center;  }
.photo_fixe6b { height: auto; background-position: -24em  center; background-size: 260%;  } 
.photo_fixe7 { height: 10em; } 
.sepstd4.page { width: 100%; padding: 0; margin: 8em 0 5.5em 0;   } /* padding top toute les pages*/
input[type="button"].envoyer { margin-left: 6.5em; }
}
/* 375px iPhone 6+ Vertical */ 
@media screen and (min-width:375px) and (max-width:411px) {
.rez375 { display: block; }
/* Image entete autres pages Debut */
.autofitimg img { margin: -10% 0 -10% 0; }
/* Image entete autres pages Fin */
.fadeStd  { display: none; }
.fade_m  { display: block; }
.fadeImg2  { width: 100%; height: 27em;   padding-top: 3.4em; }
.photo_fixe4, .photo_fixe5, .photo_fixe6, .photo_fixe6b, .photo_fixe7, .photo_fixe8, .photo_fixe9, .photo_fixe10, .photo_fixe11, .photo_fixe12,  .photo_fixe16, .photo_fixe18 { height: 23.5em; background-size: cover; background-attachment: scroll; } 
.photo_fixe2b {  } 
.photo_fixe6 { height: 28.25em; background-position: -24em center;  }
.photo_fixe6b { height: auto; background-position: -24em  center; background-size: 260%;  } 
.photo_fixe7 { height: 10em; } 
.sepstd4.page { width: 100%; padding: 0; margin: 8.5em 0 6em 0;   } /* padding top toute les pages*/
input[type="button"].envoyer { margin-left: 7.5em; }
}
/* 412px Nexus Vertical */ 
@media screen and (min-width:412px) and (max-width:479px) {
.rez412 { display: block; }
/* Image entete autres pages Debut */
.autofitimg img { margin: -10% 0 -10% 0; }
/* Image entete autres pages Fin */
.fadeStd  { display: none; }
.fade_m  { display: block; }
.fadeImg2  { width: 100%; height: 29.25em;  padding-top: 3.4em; }
.photo_fixe4, .photo_fixe5, .photo_fixe6, .photo_fixe6b, .photo_fixe7, .photo_fixe8, .photo_fixe9, .photo_fixe10, .photo_fixe11, .photo_fixe12,  .photo_fixe16, .photo_fixe18 { height: 24em; background-size: cover; background-attachment: scroll; } 
.photo_fixe2b {  } 
.photo_fixe6 { height: 28em; background-position: -21.5em center;  }
.photo_fixe6b { height: auto; background-position: -20em  center; background-size: 220%;  } 
.photo_fixe7 { height: 12em; } 
.sepstd4.page { width: 100%; padding: 0; margin: 9em 0 6em 0;   } /* padding top toute les pages*/
input[type="button"].envoyer { margin-left: 8.5em; }
}
/* 480px iPhone Horizontal */ 
@media screen and (min-width:480px) and (max-width:639px) {
.rez480 { display: block; }
.fadeStd  { display: block; }
.fade_m  { display: none; }
.fadeImg  { width: 100%; height: 14em;   padding-top: 3.4em; }
.photo_fixe4, .photo_fixe5, .photo_fixe6, .photo_fixe6b, .photo_fixe7, .photo_fixe8, .photo_fixe9, .photo_fixe10, .photo_fixe11, .photo_fixe12,  .photo_fixe16, .photo_fixe18 { height: 25em; background-size: cover; background-attachment: scroll; } 
.photo_fixe2b {  } 
.photo_fixe6 { height: 28em; background-position: -18.5em center;  } 
.photo_fixe6b { height: auto; background-position: -12em  center;  } 
.photo_fixe7 { height: 14em; } 
.sepstd4.page { width: 100%; padding: 0; margin: 9em 0 6.5em 0;   } /* padding top toute les pages*/
input[type="button"].envoyer { margin-left: 10.5em; }
}
/* 640px Galaxy  Horizontal */ 
@media screen and (min-width:640px) and (max-width:767px) {
.rez640 { display: block; }
.fadeStd  { display: block; }
.fade_m  { display: none; }
.fadeImg  { width: 100%; height: 18em;  padding-top: 3.4em; }
.photos1 li {  width: 25%!important;  } 
.photo_fixe4, .photo_fixe5, .photo_fixe6, .photo_fixe6b, .photo_fixe7, .photo_fixe8, .photo_fixe9, .photo_fixe10, .photo_fixe11, .photo_fixe12,  .photo_fixe16, .photo_fixe18 { height: 20em; background-size: cover; background-attachment: scroll; } 
.photo_fixe2b { } 
.photo_fixe6 { height: 29em; background-position: -12em center;  } 
.photo_fixe6b { height: auto; background-position: -5em  center;  } 
.photo_fixe7 { height: 18em; } 
.sepstd4.page { width: 100%; padding: 0; margin: 6em 0 4em 0;   } /* padding top toute les pages*/}
/* 768px Tablette Verticale */ 
@media screen and (min-width:768px) and (max-width:1023px) {
.rez768 { display: block; }
.rez #dimensions { bottom: 1.5em; }
/* ----- Standards Debut ----- */
body {	font-size: 1.25em; }
/* ----- Grosseur des textes Debut ----- */
h1 { font-size: 2em; letter-spacing: -0.015em; padding: 0; margin: 0; line-height: 1.1em;}
h2 { font-size: 1.75em; letter-spacing: -0.015em; }
h3 { font-size: 1.1em; letter-spacing: -0.005em; } /* section capitaine */
h4 { font-size: 0.75em; line-height: 1.2em; }
p { font-size: 0.85em; line-height: 1.2em; }
/* ----- Grosseur des textes Fin ----- */
.fadeStd  { display: none; }
.fade_m  { display: block; }
.fadeImg2  { width: 100%; height: 39.5em;  position: absolute; display: block; z-index: -1; padding-top: 3.4em; }
.photo_fixe4, .photo_fixe5, .photo_fixe6, .photo_fixe6b, .photo_fixe7, .photo_fixe8, .photo_fixe9, .photo_fixe10, .photo_fixe11, .photo_fixe12,  .photo_fixe16, .photo_fixe18 { height: 35em; background-size: cover; background-attachment: scroll; } 
.photo_fixe2b {  } 
.photo_fixe6 { height: 32em; background-position: -19.5em center;  } 
.photo_fixe6b { height: auto; background-position: -15em  center;  } 
.fcontact { width: 50%; margin: 0 0 0 1em;   padding-top: 4em;}
textarea { height: 10em;  }
.photo_fixe7 { height: 19em; } 
.sepstd4.page { width: 100%; padding: 0; margin: 10em 0 9em 0;   } /* padding top toute les pages*/
.photo_fixe2, .photo_fixe3, .photo_fixe14, .photo_fixe15, .photo_fixe17, .photo_fixe12acc  { height: auto; background-size: cover; background-attachment: scroll;  }
.photo_fixe12 { top: 3.25em; background-attachment: scroll; } 
.mwidth { width: 85%; }
.mwidth2 { width: 90%; }
.mwidth3 { width: 90%; }
.mwidth4 { width: 90%; }
.mwidth5 { width: 100%;  } 
.logo  { position: fixed; left: 1.2em; top: 0.75em; font-size: 1.25em;  }
.logo img {	height: 3.5em; padding: 0.5em 0 0.5em 0; border: none; }
.nologo .logo  {  display: none; }
.logo_m {   display: block; }
.box_img_std {  display: block;  }
.box_img_parallax {  display: none;  }
.ytbe {	width: 80%; padding: 0.25em;   margin-top: 0em;  padding-bottom: 4em; right: 0em; margin: auto; position: relative; }
/* ----- Standards Fin ----- */
.photos1 li {  width: 50%;  } 
.photos2 li {  width: 33.333%;  } 
.photos4 li {  width: 25%;  } 
.photos5 li {  width: 25%;  } 
.photos6 li {  width: 25%;  } 
.nopic {  display: none; } 
.ico_centre { font-size: 0.9em; position: relative;  width: 100%; margin-top: 0.5em; } 
.ico_centre ul { width: auto;  padding: 1.25em 0 1em 0; -moz-border-radius: 0;	-webkit-border-radius: 0;	border-radius: 0; }
.ico_centre ul { border-bottom: 1px solid #C0D1D8;  } 
.ico_foot a { font-size: 0.65em; } 
.bgimg {  height: 15em; } 
.bgimg2 { height: 15em; } 
.bgimg3 { height: 15em; } 
.column, .column2, .column4 { width: 48%; max-width: 48%;  margin: 0 1%;  text-align: center; }
.column {  width: 100%; max-width: 100%; margin: 0; }
.column img, .column2 img {  margin: auto;  width: 90%; height: auto; }
.column p, .column2 p { margin-top: 0.5em; font-size: 0.75em; }
.column a.btn_std, .column2 a.btn_std, .column4 a.btn_std  {  margin-top: 2em; width: 50%;  padding-right: 0; padding-left: 0;  }
.lst.column4 {  width: 25%; max-width: 25%; padding: 0;  margin: 0;  }
.lst.column4 a {  border: 0;  box-shadow:  0 0 0 0 rgba(0,0,0,0); padding: 0;  margin: 0;  } 
.lst.column4 a:hover {  border: 0; } 
.lst.column4 img { width: 100%; height: auto; margin: 0; padding: 0; }
.photos a {  border: 0;  box-shadow:  0 0 0 0 rgba(0,0,0,0); padding: 0;  margin: 0; width: 100%!important; } 
.photos a:hover {  border: 0; } 
.photos img { width: 100%; height: auto; margin: 0; padding: 0; }
.sep, .sep2, .sep3, .sepstd { padding: 2em 0 1.25em 0; margin: 0;  } 
.sep2 { padding: 1.5em 0 1em 0; margin: 0;  } 
.sepstd h2 { font-size: 1.15em; margin-bottom: 0.25em;  } 
.sepstd h3 { font-size: 0.85em; line-height: 1.25em;   } 
.sep3 h3#decouv { font-size: 1.25em; line-height: 1.35em;  } 
.sepstd4.acc .rond  { width: 18em; height: 18em; margin-top: 3em; margin-bottom: 4em; } 
.sepstd4.acc .rond img { width: 100%; height: auto; } 
.sepstd4.acc .btn_std  { margin-bottom: 5em; } 
.sepstd4 {   padding-bottom: 3em; } 
.sepstd4.acc .colgap {  border-right: 0; } 
.sepstd4 .colgap {  border-right: 0; border-bottom: 0; } /* sep vertical coups de coeur*/
.sepstd4.carnet .colgap { height: auto; border-right: 0; ; border-bottom: 0; padding-bottom: 0em;  padding-top: 0; margin-top: 0;} 
.sepstd4.coupcoeurs .colgap {  height: auto; border-bottom: 1px solid #C0D1D8; border-right:  none;   padding-top: 2em; padding-bottom: 1.5em; } 
.sepstd4.journal .colgap {  height: auto; border-bottom: 1px solid #C0D1D8;  border-right: none; padding-right: 0;   margin-top: 0em; margin-bottom: 0em; } 
.sepstd4 .row h2 { font-size: 2.75em;  line-height: 2em; margin: 0.5em 0 0.5em 0;  } /* Titre colonnes  */
.sepstd4 h2.couptitre, .sepstd4 h2.couptitre { margin: 2em 0 0.75em 0; font-size: 2.25em; line-height: 1.15em; } 
.sepstd3 h2.couptitre { margin: 1em 0 0.5em 0; line-height: 1.25em; font-size: 1.25em; } 

.sep3 h2 { font-size: 1.15em; margin-top: 1.5em; } 
.sep3 h3 { font-size: 1em; } 
.sep3 h4 { font-size: 1em; width: 65%; } 
.sep3 h4#fb { width: 100%; } 
.sep3 p { font-size: 0.8em; width: 70%; } 
.sepstd6 h1 { font-size: 3.5em;  } 
h1.bigh1 { font-size: 2em; margin-top: 1em; } 
.capitaine {   width: 11em; height: 11em; margin: 1em 0 1em 0.5em;  } 
.paiement li { display: block;  padding: 1em 2.5em; border-right: none; border-bottom: 1px solid #C0D1D8; } 
/* Bande separatrice Fin */
/* Separateur Debut */
.seplogo, .seplogo2, .seplogo3, .seplogo4, .seplogo7  { width: 60%;  }
.seplogo3  { margin-bottom: 3.25em; }
.seplogo4  { margin-top: 0em; margin-bottom: 0; width: 100%; } 
/* Separateur Fin */
a.btn_achat { display: block; right: 5.25em; }
.tarifscol, .faq { float: none; width: 100%; margin: auto; }
.faqpad  { padding: 0 1.5em;  } 
.ftech1 {  width: 50%; margin: auto; } 
.ftech2 {  width: 100%; margin: auto; } 
.plan  { width: 45%; padding-left: 5%; margin: auto; } 
.plan  img { width: 90%; height: auto; margin-top: 0em; margin-bottom: 1em;  } 
.bigh1#big2 {  margin-bottom: 0.5em; } 
.gal_menu  { display: none; }
.ffaits {  width: 100%;  } 
.albmbox { padding-top: 10em; padding-bottom: 10em; }
.photo_fixe2c, .photo_fixe2d { display: none; }
/* ----- Contact Debut ----- */
.ancre { margin-top: -3.5em;  }
.ffaitssep { border-right: none; border-bottom: 1px solid #C0D1D8; padding-right: 0; margin-bottom: 0.5em; padding-bottom: 0.5em; display: inline-block; width: 100%; } 
textarea:focus { height: 10em; overflow: auto;  }
input[type="button"].envoyer { margin-left: 11.5em; }
/* ----- Contact Fin ----- */
/* ---------- Footer Debut ---------- */
footer { font-size: 0.6em;   }
footer p {	padding: 0 5em 0 5em; letter-spacing: 0.05em; }
/* ---------- Footer Fin ---------- */
/* Image entete autres pages Debut */
.autofitimg img { margin: -10% 0 -10% 0; }
/* Image entete autres pages Fin */
/* ----- GOOGLE_MAPS Debut ----- */
.google-maps {  height: 20em; }
/* ----- GOOGLE_MAPS Fin ----- */
}
/* 1024px Tablette Horizontal ou ecran carre 17 pouces ) */
@media screen and (min-width:1024px) and (max-width:1279px) {  
.rez1024 { display: block; } .mwidth3 { width: 90%; } 
.bg { background-attachment: scroll; background-size: auto 100%; }  
/* ----- Standards Debut ----- */
.nologo .logo  {  display: none; }
.logo_m {   display: block; }
.mwidth { width: 90%; }
.mwidth2 { width: 80%; }
.mwidth3 { width: 90%; }
.mwidth4 { width: 95%; }
.mwidth5 { width: 95%;  } 
.sep2 h4 {  letter-spacing: 0.16em; } 
.sep3 h3#decouv { width: 70%; margin: auto; } 
a.btn_achat { display: block; }
.hanse p {   width: 60%; margin: auto; } 
/* ----- Standards Fin ----- */
/* ---------- Footer Debut ---------- */
footer { font-size: 0.75em;  }
footer p {	padding: 0 5em 0 5em; letter-spacing: 0.05em; }
/* ---------- Footer Fin ---------- */
.fadeImg  { height: 31.5em; }
.box_img_std {  display: block;  }
.box_img_parallax {  display: none;  }
.photo_fixe4, .photo_fixe5, .photo_fixe6, .photo_fixe6b, .photo_fixe7, .photo_fixe8, .photo_fixe9, .photo_fixe10, .photo_fixe11, .photo_fixe12,  .photo_fixe16, .photo_fixe18 { background-size: cover; background-attachment: scroll; } 
.photo_fixe2b {  } 
.photo_fixe6 { height: 28em; background-position: center center;  } 
.photo_fixe6b { height: auto; background-position: 0em  center; background-size: 115%;  } 
.photo_fixe7 { height: 26em; } 
.photo_fixe2, .photo_fixe3, .photo_fixe14, .photo_fixe15, .photo_fixe17, .photo_fixe12acc  { height: auto; background-size: cover; background-attachment: scroll;  }
.photo_fixe12 { top: 3.25em; background-attachment: scroll; } 
.photo_fixe2c { display: none; }
input[type="button"].envoyer { margin-left: 19em; }
}
/*  1280px Ordinateur de table ou portable */
@media screen and (min-width:1280px) and (max-width:1365px) {  .rez1280 { display: block; } .mwidth { width: 80%; } .mwidth2 { width: 80%; } .mwidth3 { width: 90%; } .mwidth4 {  width: 100%; } body {	font-size: 1.1em; } .bg { background-attachment: scroll; background-size: auto 100%; } 
/* ----- Standards Debut ----- */
.nologo .logo  {  display: none; }
.logo_m {   display: block; }
/* ----- Standards Fin ----- */
.sep3 h3#decouv { width: 75%; margin: auto;} 
a.btn_achat { display: block; }
/* ---------- Footer Debut ---------- */
footer { font-size: 0.75em;  }
footer p {	padding: 0 5em 0 5em; letter-spacing: 0.05em; }
/* ---------- Footer Fin ---------- */
.fadeImg  { height: 35.5em;  }
.photo_fixe4, .photo_fixe5, .photo_fixe6, .photo_fixe6b, .photo_fixe7, .photo_fixe8, .photo_fixe9, .photo_fixe10, .photo_fixe11, .photo_fixe12,  .photo_fixe16, .photo_fixe18 {  background-size: cover; background-attachment: scroll; } 
.photo_fixe2b {  } 
.photo_fixe6 { height: 28em; background-position: center center;  } 
.photo_fixe6b { height: auto; background-position: 0em  center; } 
.photo_fixe7 { height: 26em; } 
.photo_fixe2, .photo_fixe3, .photo_fixe14, .photo_fixe15, .photo_fixe17, .photo_fixe12acc  { height: auto; background-size: cover; background-attachment: scroll;  }
.photo_fixe12 { top: 3.25em; background-attachment: scroll; } .box_img_std {  display: block;  }
.box_img_parallax {  display: none;  }
.photo_fixe2c { display: none; }
input[type="button"].envoyer { margin-left: 20em; }
}
/*  1366px Ordinateur Portable */ 
@media screen and (min-width:1366px) and (max-width:1679px) { .rez1366 { display: block; } .mwidth { width: 80%; } .mwidth3 { width: 90%; } .mwidth4 {  width: 95%; }  body {	font-size: 1.15em; }  .client li a img { width: 100%; height: auto; } 
/* ----- Standards Debut ----- */
/* ----- Standards Fin ----- */
.photo_fixe6 {   background-position: center 3em;  } 
.photo_fixe6b {   background-position: center top;  } 
/* ---------- Footer Debut ---------- */
footer { font-size: 0.75em;  }
footer p {	padding: 0 5em 0 5em; letter-spacing: 0.05em; }
/* ---------- Footer Fin ---------- */
.fadeImg  { height: 36.5em; }
}
/*  1680px Ordinateur */
@media screen and (min-width:1680px) and (max-width:1919px) { .rez1680 { display: block; } body {	font-size: 1.25em; } footer { font-size: 0.5em; } .mwidth3 { width: 90%; } .photo_fixe6 {   background-position: center 6em;} 
}
/*  1920px Ordinateur / TV Full HD */
@media screen and (min-width:1920px) and (max-width:2559px) {  .rez1920 { display: block; } body {	font-size: 1.5em; } footer { font-size: 0.5em; } }
/*  2560px UHD 2.5K */
@media screen and (min-width:2560px) and (max-width:3839px) {  .rez2560 { display: block; } body {	font-size: 2em; } footer { font-size: 0.5em; }
/* ----- GOOGLE_MAPS Debut ----- */
.google-maps iframe { zoom: 1.5; }
/* ----- GOOGLE_MAPS Fin ----- */
.client li a img { width: 100%; height: auto; }
}
/*  3840px UHD 4K  */
@media screen and (min-width:3840px) { 
.rez3840 { display: block; } .rez #dimensions { bottom: 0.75em; font-size: 1em; } body {	font-size: 3em; } .rez3840 p { font-size: 0.5em; } footer { font-size: 0.5em; } 
/* ----- GOOGLE_MAPS Debut ----- */
.google-maps iframe { zoom: 2; }
/* ----- GOOGLE_MAPS Fin ----- */
}
/* Telephone uniquement */ 
@media screen and (min-width:320px) and (max-width:767px) { 
.rez #dimensions { bottom: 1.75em; }
/* ----- Standards Debut ----- */
.menu_pad {  height: 4em;  }
.ancre { margin-top: -3em;  }
.logo  { left: 0.75em; top: 0.75em;  font-size: 1.3em; }
.logo img {	height: 3.5em; padding: 0.5em 0 0.5em 0; }
.nologo .logo  {  display: none; }
.logo_m {   display: block; }
.mwidth { width: 88%; }
.mwidth2 { width: 88%; }
.mwidth3 { width: 88%; }
.mwidth4 { width: 90%; }
.mwidth5 { width: 100%; }
/* ----- Grosseur des textes Debut ----- */
h1 { font-size: 1.75em; letter-spacing: -0.015em; padding: 0; margin: 0; line-height: 1.1em;}
h2 { font-size: 1.25em; letter-spacing: -0.015em; }
h3 { font-size: 1.1em; letter-spacing: -0.005em; } /* section capitaine */
h4 { font-size: 0.75em; line-height: 1.2em; }
p { font-size: 0.9em; line-height: 1.2em; }
/* ----- Grosseur des textes Fin ----- */
.bgtop {  background-size: 250px 250px; } 
.capitaine { float: none;  width: 12em; height: auto; margin: 0; margin: auto; margin-top: 2em;  margin-bottom: 2em; } 
.photo_fixe, .photo_fixe2, .photo_fixe2b, .photo_fixe3, .photo_fixe4, .photo_fixe5, .photo_fixe7, .photo_fixe8, .photo_fixe9, .photo_fixe10, .photo_fixe11, .photo_fixe13, .photo_fixe14, .photo_fixe15, .photo_fixe16, .photo_fixe17, .photo_fixe18  { background-attachment: scroll; }
.photo_fixe2, .photo_fixe3,  .photo_fixe14, .photo_fixe15, .photo_fixe17 { height: auto; background-size: cover; background-attachment: scroll; }
.photo_fixe12 { top: 3.25em; background-attachment: scroll; } 
.photo_fixe2b  { } 
.photos1 li {  width: 50%;  } 
.photos2 li {  width: 33.333%;  } 
.photos4 li {  width: 25%;  } 
.photos5 li {  width: 25%;  } 
.photos6 li {  width: 25%;  } 
.nopic {  display: none; } 

/* Bande separatrice Debut */
.sep, .sep2, .sep3, .sepstd { padding: 1.5em 0 1em 0; margin: 0;  } 
.sep { padding: 1.5em 0 1.5em 0; margin: 0;  } 
.sep2 { padding: 1.5em 0 1.25em 0; margin: 0;  } 
.sepstd h2 { font-size: 1em; line-height: 1.15em; margin-top: 0.8em; } 
.sepstd h3 { font-size: 0.85em; line-height: 1.25em; } 
.sep3 h2 { font-size: 1.25em; } 
.sep3 h3 { font-size: 1.15em; } 
.sep3 h4 { font-size: 1.15em; } 
.sep3 p { font-size: 0.9em; } 
.sep3 h3#decouv { font-size: 1.25em; line-height: 1.25em; } 
.sepstd4 h2.couptitre, .sepstd4 h2.couptitre { margin: 1.5em 0 0.75em 0; font-size: 2.25em; line-height: 1.15em; } 
.sepstd3 h2.couptitre { margin: 1em 0 0.5em 0; line-height: 1.25em; font-size: 1.25em; } 
.sepstd4 .row h2 { margin: 0em 0 0.5em 0;  } 
.sepstd4 h2 { font-size: 1.25em; } 
.sepstd4 p { font-size: 0.8em; margin-top: 1em;  margin-bottom: 0em; }
.sepstd4 .column h3, .sepstd4 .column2 h3, .sepstd4 .column4 h3 { font-size: 1.25em;  } 
.sepstd4.acc { width: 80%; margin: auto; float: none; display: block; } 
.sepstd4.acc .colgap {  border-right: 0; border-bottom: 1px solid #C0D1D8; padding-bottom: 3em;  padding-top: 0; } 
.sepstd4.carnet .colgap { height: auto; border-right: 0; ; border-bottom: 0; padding-bottom: 0em;  padding-top: 0; margin-top: 0;} 
.sepstd4.coupcoeurs .colgap {  height: auto; border-bottom: 1px solid #C0D1D8; border-right:  none;   padding-top: 2em; padding-bottom: 1.5em; } 
.sepstd4.journal .colgap {  height: auto; border-bottom: 1px solid #C0D1D8;  border-right: none; padding: 0;   margin-top: 0em; padding-bottom: 1em; margin-bottom: 2.5em; } 
.sepstd4 .colgap {  border-right: 0; border-bottom: 1px solid #C0D1D8; } /* sep vertical coups de coeur*/
.sepstd4 .colgap.nobdr { border: none; }
.sepstd6 { padding: 4em 0; } 
.sepstd6 h1 { font-size: 2.25em;  } 
.txtp.acc {  margin-bottom: 2em; } 

.ico_albm { width: 5em; height: 5em; } 
.albmbox { padding-top: 8em; padding-bottom: 8em; }
.albmbox h1 a {   font-size: 1.5em; line-height: 1.5em; }
/* Bande separatrice Fin */
.bgimg {  height: 10em; } 
.bgimg2 { height: 11em; } 
.bgimg3 { height: 11em; } 

.column, .column2, .column4 {  width: 100%; max-width: 100%;  }
.column img, .column2 img {  width: 100%; }
.column a.btn_std, .column2 a.btn_std, .column4 a.btn_std  { width: 99%; padding-right: 0; padding-left: 0;  }

.photos a { width: 100%!important; border: 0;  box-shadow:  0 0 0 0 rgba(0,0,0,0); padding: 0;  margin: 0;  } 
.photos a:hover {  border: 0; } 
.photos img { width: 100%; height: auto; margin: 0; padding: 0; }

a.btn_std  { font-size: 0.65em; }
a.btn_std.consulter  { letter-spacing: normal; margin-bottom: 2em; }
a.btn_achat { display: block; right: 6.5em; padding: 1.2em 1em 1.15em 1em; }
a.btn_tel {	font-size: 2em; }
/* Separateur Debut */
.seplogo, .seplogo2, .seplogo3, .seplogo4, .seplogo5, .seplogo6, .seplogo7  { width: 60%;  } 
.seplogo4  { margin-top: 0em; margin-bottom: 0; width: 100%; } 
.seplogo5  {  margin-bottom: 1em;  } 
/* Separateur Fin */
.ffaits {  width: 100%;  } 
.ftech1 { float: none;  width: 100%;  } 
.ftech2 { float: none;  width: 100%; } 
.plan  { float: none; width: 40%; padding-left: 5%; margin: auto; } 
.plan  img { width: 90%; height: auto; margin-top: 0em; margin-bottom: 1em;  } 
.tarifscol, .faq  { width: 100%; } 
.faqpad  { padding: 0 0.25em;  } 
.exmp h3.ccoeur {  letter-spacing: 0.03em;  } 
h1.bigh1 { font-size: 1.75em; letter-spacing: 0.35em; } 
p.temoig  { width: 100%; text-align: center;  font-weight: bold; font-size: 1.25em; padding-top: 1em; } 
p.stitre { font-size: 1.25em; } 
h4.journal {  font-size: 1.25em; line-height: 1.25em; margin: 0em 0 2em 0;  } 
.ytbe {	width: 80%; padding: 0.25em 0;   margin-top: 0em;  padding-bottom: 4em; right: 0em; margin: auto; position: relative; }
/* -----  Standards Fin ----- */
/* Bouton select Debut */
.selectmGal  { display: block; }
.selectmGal  p { margin-bottom: 2em; }
.selectmGal.slate select { font-size: 1.25em; }
/* Bouton select Fin */
.gal_menu  { display: none; }
.paiement ul { font-size: 0.7em; } 
.paiement li { display: block;  padding: 1em 2.5em; border-right: none; border-bottom: 1px solid #C0D1D8; } 
.box_img_std {  display: block;  }
.box_img_parallax {  display: none;  }
.ico_centre { position: relative;  width: 100%; margin-top: 0.5em;  } 
.ico_centre ul, .ico_foot ul { width: auto;   padding: 0.75em 0 0.25em 0; -moz-border-radius: 0;	-webkit-border-radius: 0;	border-radius: 0; } 
.ico_foot ul { padding: 0; } 
.ico_centre li, .ico_foot li { display: block;   margin: 0 0.5em; } 
.ico_centre a { display: block; width: 90%; margin: auto; line-height: 1.5em; border-bottom: 1px solid #C0D1D8; border-right:  none; padding: 0.75em 0 0.5em 0;  } 
.ico_foot { position: relative; height: auto; margin-top: 0em; top:0;  } 
.ico_foot a { font-size: 0.65em; display: block; width: 90%; margin: auto; line-height: 1.5em; border-bottom: 1px solid rgba(255,255,255,1); border-right:  none; padding: 1em 0 0.5em 0;  } 
.menufoot ul { width: 90%; margin: auto; padding-top: 0.5em;; padding-bottom: 1em; }	
.menufoot li a { padding: 0em 0.1em; border-right: none; letter-spacing: 0.1em; }	
.menufoot li span { display: inline-block; color: #C0D1D8; padding: 0 0 0 0.5em; }
/* ---------- Footer Debut ---------- */
footer { font-size: 0.6em;  }
footer p {	padding: 0.75em 1.5em 0.75em 1.5em; letter-spacing: 0.05em; }
/* ---------- Footer Fin ---------- */
.lst.column4 {  width: 25%; max-width: 25%;  }
.lst.column4 a {  border: 0;  box-shadow:  0 0 0 0 rgba(0,0,0,0); padding: 0;  margin: 0;  } 
.lst.column4 a:hover {  border: 0; } 
.column img, .column2 img, .column4 img, .lst.column4 img { width: 100%; height: auto; margin: 0; padding: 0; }
.pagination {  padding-top: 1em;  }
.docs ul { width: 90%; } 
.docs a { font-size: 0.7em; } 
.hanse h2 {  font-size: 2em; line-height: 1em; letter-spacing: 0.25em; } 
.hanse h3 {  font-size: 1.75em; line-height: 1.25em;  } 
.exmp h3 {  font-size: 0.75em; line-height: 1.2em; letter-spacing: 0.15em; } 
.forfait h3 { margin: 0.5em 0 0 0;  } 
.bglogo { background-size: 20em 20em; 	 } 
.fcontact { width: 60%; margin: 0 0 0 1em; padding-right: 0.5em; }
.ico_logo { width: 12em; height: 8.4em; } 
h3.txtcontact {  font-size: 1em;  } 
.photo_fixe2c, .photo_fixe2d { display: none; }
a.btn_tel { color: #FFF; background: #35DB71 url("../img/ico-tel.svg") 0.15em center no-repeat; background-size: 1.25em 1.25em; padding: 0.25em 0.5em 0.2em 1em; cursor: pointer; margin-bottom:  1em; display: block; width: auto; margin:  auto; font-weight: bold; letter-spacing: normal; }
a.btn_tel:hover {color: #FFF; }
.ico_tel { display: none; }
.rond  {  margin-top: 1.25em; margin-bottom: 3em;  } 
textarea:focus { height: 5em; overflow: auto;  }
/* ----- Boutons bold Debut ----- */
a.btn_std, a.btn_achat, button, a.btn_tel,  input[type="button"], input[type="submit"]  { font-weight: bold; }
/* ----- Boutons bold Fin ----- */
.ffaitssep { border-right: none; border-bottom: 1px solid #C0D1D8; padding-right: 0; margin-bottom: 0.5em; padding-bottom: 0.5em; display: inline-block; width: 100%; } 
.sepstd .lstbd h2 { font-size: 1.15em; line-height: 1.25em; letter-spacing: -0.02em; } 
}