/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,900);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif);
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; }

/** Add the correct display in IE 9-. */
audio, canvas, progress, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
template, [hidden] { display: none; }

/* Links ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }

/* Text-level semantics ========================================================================== */
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/* Forms ========================================================================== */
/** Change font properties to `inherit` in all browsers (opinionated). */
button, input, select, textarea { font: inherit; }

/** Restore the font weight unset by the previous rule. */
optgroup { font-weight: bold; }

/** Show the overflow in IE. 1. Show the overflow in Edge. 2. Show the overflow in Edge, Firefox, and IE. */
button, input, select { /* 2 */ overflow: visible; }

/** Remove the margin in Safari. 1. Remove the margin in Firefox and Safari. */
button, input, select, textarea { /* 1 */ margin: 0; }

/** Remove the inheritence of text transform in Edge, Firefox, and IE. 1. Remove the inheritence of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Change the cursor in all browsers (opinionated). */
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }

/** Restore the default cursor to disabled elements unset by the previous rule. */
[disabled] { cursor: default; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** Correct the odd appearance of search inputs in Chrome and Safari. */
[type="search"] { -webkit-appearance: textfield; }

/** Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* ----------------------------- */
/* == soft reset                 */
/* ----------------------------- */
/* switching to border-box model for all elements */
html { box-sizing: border-box; }

* { box-sizing: inherit; }

ul, ol { list-style: none; padding: 0px; }

img { vertical-align: middle; }

/* height auto only for non SVG images */
img:not([src$=".svg"]) { height: auto; }

blockquote, figure { margin-left: 0; margin-right: 0; }

/* ----------------------------- */
/* == typography                 */
/* ----------------------------- */
html { /* set base font-size to equiv "10px", which is adapted to rem unit */ font-size: 62.5%; /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */ /* thanks to @guardian, @victorbritopro and @eQRoeil */ font-size: calc(1em * 0.625); }

body { font-size: 1.6rem; background-color: #fff; color: #FFFFFF; font-family: "Open Sans", sans-serif; line-height: 1.5; }

a { color: #e30441; }
a:hover, a:focus, a:active { color: #6b7780; }

/* font-sizing for content */
p, .p-like, ul, ol, dl, blockquote, pre, td, th, label, textarea, caption, details, figure { margin-top: 0.75em; margin-bottom: 0; line-height: 1.5; }

h1, .h1-like { font-size: 3.2rem; font-family: "Open Sans", sans-serif; }

h2, .h2-like { font-size: 2.8rem; font-family: "Open Sans", sans-serif; }

h3, .h3-like { font-size: 2.4rem; }

h4, .h4-like { font-size: 2rem; }

h5, .h5-like { font-size: 1.8rem; }

h6, .h6-like { font-size: 1.6rem; }

/* alternate font-sizing */
.smaller { font-size: 0.6em; }

.small { font-size: 0.8em; }

.big { font-size: 1.2em; }

.bigger { font-size: 1.5em; }

.biggest { font-size: 2em; }

code, pre, samp, kbd { /* IE fix */ white-space: pre-line; white-space: pre-wrap; font-family: consolas, courier, monospace; line-height: normal; }

em, .italic, address, cite, i, var { font-style: italic; }

/* ----------------------------- */
/* == browsers consistency       */
/* ----------------------------- */
/* avoid top margins on first content element */
p:first-child, .p-like:first-child, ul:first-child, ol:first-child, dl:first-child, blockquote:first-child, pre:first-child, h1:first-child, .h1-like:first-child, h2:first-child, .h2-like:first-child, h3:first-child, .h3-like:first-child, h4:first-child, .h4-like:first-child, h5:first-child, .h5-like:first-child, h6:first-child, .h6-like:first-child { margin-top: 0; }

/* avoid margins on nested elements */
li p, li .p-like, li ul, li ol { margin-top: 0; margin-bottom: 0; }

/* max values */
img, table, td, blockquote, code, pre, textarea, input, video, svg { max-width: 100%; }

/* margin-bottom on tables */
table { margin-bottom: 2rem; }

/* Fonts */
@font-face { font-family: "flaticon"; font-style: normal; font-weight: 400; src: url(../fonts/flaticon.eot); src: url("../fonts/flaticon.eot?#iefix") format("ie9-skip-eot"), url("../fonts/flaticon.woff") format("woff"), url("../fonts/flaticon.ttf") format("truetype"); }
[class*='flaticon-']:before { display: inline-block; font-family: 'flaticon'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.flaticon-arrow:before { content: '\e000'; }

.flaticon-carnival:before { content: '\e001'; }

.flaticon-padlock:before { content: '\e002'; }

.flaticon-shield:before { content: '\e003'; }

/* ----------------------------- */
/* ==layout and modules          */
/* ----------------------------- */
/* module, gains superpower "BFC" Block Formating Context */
.mod, .bfc { overflow: hidden; }

/* blocks that needs to be placed under floats */
.clear, .line, .row { clear: both; }

/* blocks that must contain floats */
.clearfix::after, .line::after { content: ""; display: table; clear: both; border-collapse: collapse; }

/* simple blocks alignment */
.left { margin-right: auto; }

.right { margin-left: auto; }

.center { margin-left: auto; margin-right: auto; }

/* text and contents alignment */
.txtleft { text-align: left; }

.txtright { text-align: right; }

.txtcenter { text-align: center; }

/* floating elements */
.fl { float: left; }

img.fl { margin-right: 1rem; }

.fr { float: right; }

img.fr { margin-left: 1rem; }

img.fl, img.fr { margin-bottom: 0.5rem; }

/* table layout */
.row { display: table; table-layout: fixed; }

/*.row > *,
.col { display: table-cell; vertical-align: top;
}*/
/* no table-cell for script tag when body is a .row */
body > script { display: none !important; }

/* inline-block */
.inbl { display: inline-block; vertical-align: top; }

/* flexbox layout
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/
[class*="flex-container"] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-container-h { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.flex-container-v { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.flex-item-fluid { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }

.flex-item-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; }

.flex-item-medium { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; }

.flex-item-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.flex-item-center { margin: auto; }

/* ----------------------------- */
/* ==tables                      */
/* ----------------------------- */
table, .table { width: 100%; max-width: 100%; table-layout: fixed; border-collapse: collapse; vertical-align: top; }

.table { display: table; }

#recaptcha_table, table.table-auto { table-layout: auto; }

td, th { vertical-align: top; min-width: 2rem; cursor: default; }

/* ----------------------------- */
/* ==forms                       */
/* ----------------------------- */
/* thanks to HTML5boilerplate,
* github.com/nathansmith/formalize and www.sitepen.com
*/
/* buttons */
.btn { display: inline-block; }

/* forms items */
form, fieldset { border: none; color:#000; }

input, button, select, label, .btn { font-family: inherit; font-size: inherit; }

button, input, optgroup, select, textarea { color: #FFFFFF; }

label { vertical-align: middle; cursor: pointer; }

legend { border: 0; white-space: normal; }

textarea { min-height: 5em; vertical-align: top; font-family: inherit; font-size: inherit; resize: vertical; }

select { -webkit-appearance: menulist-button; }

/* if select styling bugs on WebKit */
/* select { -webkit-appearance: none; } */
/* 'x' appears on right of search input when text is entered. This removes it */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }

::-webkit-input-placeholder { color: #777; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #777; }

.btn:focus, input[type="button"]:focus, button:focus { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* unstyled forms */
button.unstyled, input[type="button"].unstyled, input[type="submit"].unstyled, input[type="reset"].unstyled { padding: 0; border: none; line-height: 1; text-align: left; background: none; border-radius: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
button.unstyled:focus, input[type="button"].unstyled:focus, input[type="submit"].unstyled:focus, input[type="reset"].unstyled:focus { box-shadow: none; outline: none; }

/* ---------------------------------- */
/* ==state helpers                    */
/* ---------------------------------- */
/* invisible for all */
.is-hidden, [hidden] { display: none; }

/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
.visually-hidden { position: absolute !important; border: 0 !important; height: 1px !important; width: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; }

.is-disabled, [disabled] { opacity: 0.5; pointer-events: none; cursor: not-allowed; -webkit-filter: grayscale(1); filter: grayscale(1); }

ul.is-unstyled, ul.unstyled { list-style: none; padding-left: 0; }

/* ---------------------------------- */
/* ==visual helpers                   */
/* .. use them with parcimony !       */
/* ---------------------------------- */
/* blocks widths (percentage and pixels) */
.w10 { width: 10%; }

.w20 { width: 20%; }

.w25 { width: 25%; }

.w30 { width: 30%; }

.w33 { width: 33.3333%; }

.w40 { width: 40%; }

.w50 { width: 50%; }

.w60 { width: 60%; }

.w66 { width: 66.6666%; }

.w70 { width: 70%; }

.w75 { width: 75%; }

.w80 { width: 80%; }

.w90 { width: 90%; }

.w100 { width: 100%; }

.w50p { width: 50px; }

.w100p { width: 100px; }

.w150p { width: 150px; }

.w200p { width: 200px; }

.w300p { width: 300px; }

.w400p { width: 400px; }

.w500p { width: 500px; }

.w600p { width: 600px; }

.w700p { width: 700px; }

.w800p { width: 800px; }

.w960p { width: 960px; }

.mw960p { max-width: 960px; }

.w1140p { width: 1140px; }

.mw1140p { max-width: 1140px; }

.wauto { width: auto; }

/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n = small, medium, large, none
*/
.man, .ma0 { margin: 0; }

.pan, .pa0 { padding: 0; }

.mas { margin: 1rem; }

.mam { margin: 2rem; }

.mal { margin: 4rem; }

.pas { padding: 1rem; }

.pam { padding: 2rem; }

.pal { padding: 4rem; }

.mtn, .mt0 { margin-top: 0; }

.mts { margin-top: 1rem; }

.mtm { margin-top: 2rem; }

.mtl { margin-top: 4rem; }

.mrn, .mr0 { margin-right: 0; }

.mrs { margin-right: 1rem; }

.mrm { margin-right: 2rem; }

.mrl { margin-right: 4rem; }

.mbn, .mb0 { margin-bottom: 0; }

.mbs { margin-bottom: 1rem; }

.mbm { margin-bottom: 2rem; }

.mbl { margin-bottom: 4rem; }

.mln, .ml0 { margin-left: 0; }

.mls { margin-left: 1rem; }

.mlm { margin-left: 2rem; }

.mll { margin-left: 4rem; }

.mauto { margin: auto; }

.mtauto { margin-top: auto; }

.mrauto { margin-right: auto; }

.mbauto { margin-bottom: auto; }

.mlauto { margin-left: auto; }

.ptn, .pt0 { padding-top: 0; }

.pts { padding-top: 1rem; }

.ptm { padding-top: 2rem; }

.ptl { padding-top: 4rem; }

.prn, .pr0 { padding-right: 0; }

.prs { padding-right: 1rem; }

.prm { padding-right: 2rem; }

.prl { padding-right: 4rem; }

.pbn, .pb0 { padding-bottom: 0; }

.pbs { padding-bottom: 1rem; }

.pbm { padding-bottom: 2rem; }

.pbl { padding-bottom: 4rem; }

.pln, .pl0 { padding-left: 0; }

.pls { padding-left: 1rem; }

.plm { padding-left: 2rem; }

.pll { padding-left: 4rem; }

/* ----------------------------- */
/* ==Global                  */
/* ----------------------------- */
.row { max-width: 980px; margin-left: auto; margin-right: auto; }
.row:after { content: " "; display: block; clear: both; }

.columns.four { width: 31.42857%; float: left; margin-right: 2.85714%; }
.columns.eight { width: 65.71429%; float: left; margin-right: 2.85714%; }
.columns:last-child { float: right; margin-right: 0; }

/* ----------------------------- */
/* ==Header                  */
/* ----------------------------- */
body{ }

.myimages {
	
	width: 226px;
	
	
}

.header-site { background-color: #000; box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 16px; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 130px; }
.header-site__baseline { font-size: 1.5em; margin: 0; font-weight: 700; text-align: center; padding-top: 30px;}
.header-site__baseline span { display: block; font-weight: 400; }
.header-site__baseline span em { color: #cc3a2b; }

.main__box-form {background-color: rgba(0, 0, 0, 0.6); box-shadow: 0 0 10px rgba(1, 1, 1, 0.48);  float: right; margin-right: 0;  margin-top: 20px; padding: 8px; }

.main__box-form form { border: 1px solid #cc3a2b; padding: 24px 20px; }
.main__box-form form fieldset { padding: 0; margin: 0; }
.main__box-form form fieldset legend { font-weight: 400; font-family: 'Droid Serif', serif; text-align: center; text-rendering: optimizeLegibility; font-size: 30px; }
.main__box-form form fieldset legend i { background: url("../img/ampersand.png") 0 0 no-repeat; width: 40px; height: 45px; display: inline-block; margin: -7px 5px 0 5px; vertical-align: middle; }
.main__box-form form fieldset ul li { margin-top: 30px; float: left; width: 100%; }
.main__box-form form fieldset ul li:first-child { margin-top: 0; }
.main__box-form form fieldset ul li label.lable-form { font-size: 15px; font-weight: 400; text-align: right; float: left; width: 30%; padding-right: 20px; line-height: 46px; margin: 0; }
.main__box-form form fieldset ul li .field { float: left; width: 70%; position: relative; }
.main__box-form form fieldset ul li .field.switch-field { background-color: #1F1C1E; border: 1px solid #000; border-radius: 4px; padding: 3px; }
.main__box-form form fieldset ul li input[type="text"], .main__box-form form fieldset ul li input { background-color: #fff; box-shadow: inset 0 1px 4px rgba(1, 1, 1, 0.35); border: 1px solid #000; border-radius: 4px; float: left; width: 100%; height: 46px; padding: 0 0 0 60px; font-size: 14px; font-weight: 600; color: #545455; outline: none; }
.main__box-form form fieldset ul li input[type="text"]:-moz-placeholder, .main__box-form form fieldset ul li input:-moz-placeholder { color: #bfbfbf; }
.main__box-form form fieldset ul li input[type="text"]::-moz-placeholder, .main__box-form form fieldset ul li input::-moz-placeholder { color: #bfbfbf; }
.main__box-form form fieldset ul li input[type="text"]:-ms-input-placeholder, .main__box-form form fieldset ul li input:-ms-input-placeholder { color: #bfbfbf; }
.main__box-form form fieldset ul li input[type="text"]::-webkit-input-placeholder, .main__box-form form fieldset ul li input::-webkit-input-placeholder { color: #bfbfbf; }
.main__box-form form fieldset ul li span.icon { background-image: url("../img/sprite_input.png"); background-repeat: no-repeat; position: absolute; top: 50%; left: 16px; margin-top: -16px; width: 37px; height: 32px; z-index: 1; }
.main__box-form form fieldset ul li span.icon.email { background-position: 0px 0px; }
.main__box-form form fieldset ul li .parsley-errors-list.filled { background: rgba(0, 0, 0, 0.7); border-radius: 3px; position: absolute; bottom: 0; left: 0; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); margin-top: 0px; padding: 0.25em 0.75em; color: #FFF; font-size: 0.75em; }
.main__box-form form fieldset ul li button { background-color: #5cae32; border: none; width: 60%; display: inline-block; position: relative; line-height: 54px; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 16px; z-index: 1; }
.main__box-form form fieldset ul li button span { position: absolute; z-index: 2; top: 0px; right: 0px; bottom: 0px; width: 54px; text-align: center; }
.main__box-form form fieldset ul li button span i { line-height: 1; vertical-align: middle; display: inline-block; }
.main__box-form form fieldset ul li button span i:before { color: #75c54c; font-size: 20px; }
.main__box-form form fieldset ul li button:after { border: 1px solid #75c54c; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 2; content: ''; }
.main__box-form form fieldset ul li button:before { background-color: rgba(0, 0, 0, 0.15); top: 0; bottom: 0; width: 54px; height: 100%; right: 0; position: absolute; -webkit-transition: width 0.5s cubic-bezier(0.86, 0, 0.07, 1); transition: width 0.5s cubic-bezier(0.86, 0, 0.07, 1); content: ''; z-index: -1; }
.main__box-form form fieldset ul li button:hover:before { width: 100%; }
.main__stats { margin-top: 16%; text-align: center; font-family: "Droid Serif", serif; font-size: 36px; background-color: black;}
.main__stats span { color: #cc3a2b; }
.main__list_profil { width: 100%; float: left; *zoom: 1; }
.main__list_profil:before, .main__list_profil:after { content: ""; display: table; }
.main__list_profil:after { clear: both; }
.main__list_profil li { width: 17.24138%; float: left; margin-right: 3.44828%; text-align: center; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.main__list_profil li:last-child { float: right; margin-right: 0; }
.main__list_profil li strong { display: block; font-size: 18px; color: #cc3a2b; margin-top: 10px; }
.main__advantages { margin: 60px 0; width: 31.42857%; float: left; margin-right: 2.85714%; }
.main__advantages h3 { font-family: "Droid Serif", serif; font-size: 22px; float: left; width: 100%; margin-bottom: 16px; line-height: 1; }
.main__advantages h3 span { font-size: 32px; text-transform: uppercase; margin-top: 6px; display: block; }
.main__advantages h3 i { background-color: #cc3a2b; border-radius: 50%; width: 60px; height: 60px; float: left; text-align: center; margin-right: 16px; }
.main__advantages h3 i:before { font-size: 32px; line-height: 60px; }
.main__advantages p { font-size: 12px; text-align: justify; }
.main__advantages:last-child { float: right; margin-right: 0; }

/* Toggle Switches */
/* Radio Switch*/
/* Hide by default*/
.switch-toggle a, .switch-light span span { display: none; }

/* We can't test for a specific feature,
* so we only target browsers with support for media queries.
*/
@media only screen { /* Radio switch */
  .switch-toggle { display: block; height: 38px; position: relative; padding: 0 !important; /* Generate styles for the multiple states */ }
  .switch-toggle * { box-sizing: border-box; }
  .switch-toggle a { display: block; /*@include transition(all 0.3s ease-out);*/ -webkit-transition: left 0.3s cubic-bezier(0.175, 0.285, 0.22, 1.275); transition: left 0.3s cubic-bezier(0.175, 0.285, 0.22, 1.275); }
  .switch-toggle label, .switch-toggle > span { line-height: 38px; vertical-align: middle; }
  .switch-toggle input { position: absolute; opacity: 0; }
  .switch-toggle input + label { position: relative; z-index: 2; float: left; width: 50%; height: 100%; margin: 0; text-align: center; }
  .switch-toggle a { position: absolute; top: 0; left: 0; padding: 0; z-index: 1; width: 50%; height: 100%; }
  .switch-toggle input:last-of-type:checked ~ a { left: 50%; }
  .switch-toggle.switch-3 label, .switch-toggle.switch-3 a { width: 33.33333%; }
  .switch-toggle.switch-3 input:checked:nth-of-type(2) ~ a { left: 33.33333%; }
  .switch-toggle.switch-3 input:checked:last-of-type ~ a { left: 66.66667%; }
  .switch-toggle.switch-4 label, .switch-toggle.switch-4 a { width: 25%; }
  .switch-toggle.switch-4 input:checked:nth-of-type(2) ~ a { left: 25%; }
  .switch-toggle.switch-4 input:checked:nth-of-type(3) ~ a { left: 50%; }
  .switch-toggle.switch-4 input:checked:last-of-type ~ a { left: 75%; }
  .switch-toggle.switch-5 label, .switch-toggle.switch-5 a { width: 20%; }
  .switch-toggle.switch-5 input:checked:nth-of-type(2) ~ a { left: 20%; }
  .switch-toggle.switch-5 input:checked:nth-of-type(3) ~ a { left: 40%; }
  .switch-toggle.switch-5 input:checked:nth-of-type(4) ~ a { left: 60%; }
  .switch-toggle.switch-5 input:checked:last-of-type ~ a { left: 80%; }
  .switch-candy { font-weight: 600; text-align: center; padding: 4px; }
  .switch-candy label { color: #7D7D7D; font-size: 14px; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; cursor: pointer; }
  .switch-candy label i { background: url("../img/icon_radio.png") 0 0 no-repeat; width: 24px; height: 26px; display: inline-block; vertical-align: middle; margin: -4px 14px 0 0; }
  .switch-candy label i.icon_male { background-position: 0px -26px; }
  .switch-candy label i.icon_female { background-position: -24px -26px; }
  .switch-candy input:checked + label { color: #545455; }
  .switch-candy input:checked + label i.icon_male { background-position: 0px 0px; }
  .switch-candy input:checked + label i.icon_female { background-position: -24px 0px; }
  .switch-candy a { border: 1px solid #851d27; border-radius: 4px; background-color: #f7f7f7; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7F7F7', endColorstr='#FFE8E8E8'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #e8e8e8)); background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%); background-image: linear-gradient(to bottom, #f7f7f7 0%, #e8e8e8 100%); box-shadow: inset 0 0 0 1px #fff; }
  .switch-candy > span { color: #333; text-shadow: none; }
  .switch-candy span { color: #fff; }
  .switch-candy.switch-candy-blue a { background-color: #38a3d4; }
  .switch-candy.switch-candy-yellow a { background-color: #f5e560; } }
/* Bugfix for older Webkit, including mobile Webkit. Adapted from
* http://css-tricks.com/webkit-sibling-bug/
*/
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 1280px) { .switch-toggle { -webkit-animation: webkitSiblingBugfix infinite 1s; } }

@-webkit-keyframes webkitSiblingBugfix { from { -webkit-transform: translate3d(0, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); } }
  
  
  
  @media only screen and (max-width: 660px) {
	
.main__box-form { background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 0 30px rgba(1, 1, 1, 0.38); width: 100%; float: left; margin-right: 0; margin-left: 0%; margin-top: 0px; padding: 8px;margin-top: 40px; }
	.header-site__baseline {
    font-size: 1em;
    margin: 0;
    font-weight: 700;
    text-align: center;
}
.main__stats {
  
    text-align: center;
    font-family: "Droid Serif", serif;
    font-size: 36px;
}
.main__advantages h3 span {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 6px;
    display: block;
}
.main__advantages h3 {
    font-size: 16px;
    
}
.header-site__baseline {
	display: none;
	
}

.columns.four { width: 100%;


}

 .main__advantages h3 i

 { width: 100%;
background-color: #cc3a2b;
border-radius: 50%;
width: 0px;
height: 0px;
float: left;
text-align: center;
margin-right: 16px;

}

.main__list_profil li strong {
	
	font-size: 13px;
	
}


.myimages {
	
	width: 400px;
	
}


}