/*
Theme Name: BM Coaching
Theme URI: http://wordpress.org/
Description: 
Author: Dix-Onze inc.
Version: 1.0

strppd.css by Iain MacDonald(http://iainspad.com/strppd-css/)

Based on the Meyer Reset by MeyerWeb (http://meyerweb.com/eric/tools/css/reset/)
This is a modified version with additional resetting such as setting certain elements to certain properties, as they should.
This also carries some resets for HTML5 elements i.e. the ':required' pseudo-selector, as well as resetting for mobile browsers.
Also included is some typographical styling, just to set them to their respective type styles.
Finally, there's also form and interactive element styling so forms and navigation elements look clickable.

Be sure to contribute any improvements and changes to this reset as you see fit. Have fun!

v. 1.0
License: Public Domain

*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, main {display: block;}

/*---Universal Selector to add additional resets, such as text-size adjust and tap highlighting---*/

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

a {text-decoration: none;}

body {
	line-height: 1;
}

ol, ul {list-style-type: none;}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

/*---Removes Webkit form styling on Mobiles---*/

input, textarea {
}

/*---Additional Form resets---*/

button, input[type="button"] {background: none;}

:required {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

/*---Typographic Styling---*/

em, i {font-style: italic;}

strong, b {font-weight: bold;}

u {text-decoration: underline;}

pre, code {font-family: Monaco, Courier, monospace;}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
}

blockquote, q {quotes: "" "";}

/*---Interactive Element Settings---*/

a, input[type="submit"], input[type="button"], button, label[for] {cursor: pointer;}

/*---Misc. Element Styling---*/

img {-ms-interpolation-mode: bicubic;}

/* End strppd.css */

/* Custom fonts */
/*
font-family: 'Prata', serif;
font-family: 'Muli', sans-serif;
*/

/* Proper box model */
* { }

/* General styles */

body {
	font-family: 'Muli', sans-serif;
	color: #585757;
	font-size: 14px;
	line-height: 18px;
}

a {  
	-webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
	color: #ff4746;
}

a:hover {
	color: #585757;
}

address{  }

aside{  }

b, strong{  }

body{  }

blockquote{  }

button{ cursor: pointer; }
button:hover{  }
button:active{  }

caption, th, td{ vertical-align: middle; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Prata', serif;
}

h1 {
	font-size: 30px;
	line-height: 1.5;
	color: #ff4746;
	margin: 12px 0 12px 0;
}
h2 {
	font-size: 22px;
	line-height: 1.5;
	color: #ff4746;
	margin: 12px 0 12px 0;
	text-align: center;
}
h2.comme-h1 {
	font-size: 30px;
	line-height: 36px;
	color: #ff4746;
	margin: 12px 0 12px 0;
}
h3 {
	font-size: 18px;
	line-height: 1.5;
	color: #ff4746;
	margin: 12px 0 12px 0;
}
h4{  }
h5{  }
h6{  }

i, em{  }

img{  }

input, select, textarea{  }

input[type=radio]{  }
input[type=checkbox]{  }

label{  }

li,
p {
	font-size: 20px;
	line-height: 36px;
}

p {
	margin-bottom: 12px;
}

select{  }
select option{  }

table{ border: 0; border-spacing:0; empty-cells:show; }

textarea{ resize: none; }

ul, ol{  }

img.alignleft {
	padding-right: 24px;
	padding-bottom: 48px;
	float: left;
}

.moitier {
	width: 46%;	
	float: left;
}
.moitier.gauche {
	padding-right: 4%;
}
.moitier.droite {
	padding-left: 4%;
}

/* Custom styles */
/*
Rouge : ff4746
Bleu : b5d2ee
Gris : 585757
Beige : efede9
*/

#logo-header {
	margin-top: 34px;
}

.sf-menu {
	float: right !important;
}

#menu-principal a {
	font-size: 14px;
	margin-left: 32px;
	color: #8e8077;
	padding-bottom: 6px;
	border-bottom: 2px solid #fff;
}
#menu-principal li.menu-blog a {
	color: #ff4746;
}
#menu-principal li:hover a {
	border-bottom: 2px solid #8e8077;
}
#menu-principal li.current-menu-item a {
	border-bottom: 2px solid #ff4746;
}

#menu-principal ul.sub-menu li {
	text-align: left;
}
#menu-principal ul.sub-menu li a {
	background-color: rgba(255, 255, 255, 0.9);
	padding: 0 12px;
	color: #fff;
	border-bottom: none;
}
#menu-principal ul.sub-menu li a {
	color: #8e8077;
}
#menu-principal ul.sub-menu li:hover a {
	color: #ff4746;
}

.bloc-temoignage ul {
	margin-bottom: 12px;
}
.bloc-temoignage li,
.bloc-temoignage p {
	font-size: 18px;
	line-height: 24px;
}

.bloc-beige {
	background-color: #f7f6f4;
}

.bloc-bleu {
	background-color: #b5d2ee;
}

.bloc-blanc {
	background-color: #fff;
}

.bloc-gris {
	background-color: #6c6c6c;
}

.contact .wrapper {
    padding: 16px;
    box-sizing: border-box;
}

#video-accueil {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
#video-accueil iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#optin-accueil {
}
	#optin-accueil .wrapper {
		position: relative;
	}
	#optin-accueil img.dvd {
		position: absolute;
		left: 40px;
		bottom: -30px;
	}

	#oa-contenu-accueil {
		padding: 0 0 6px 0;
	}

		#oa-contenu-accueil p {
			text-align: center;
			margin-top: 0;
			margin-bottom: 0;
			color: #fff;
			line-height: 1;
		}

	.txt-special-aoca {
		font-family: 'Prata', cursive;
		font-size: 30px;
		line-height: 1;
		display: block;
	}

	#oa-contenu {
	}
		#oa-contenu h3 {
			font-size: 24px;
			font-weight: bold;
			background: #ff4746;
			color: #fff;
			display: inline-block;
			padding: 8px 10px 8px 50px;
			margin: 12px 0 6px 100px;
		}
        
        .contact #oa-contenu h3 {
			padding: 8px 10px;
		}
        
		#oa-contenu p {
			font-size: 20px;
			margin-left: 156px;
		}
        .contact #oa-contenu p {
            margin-left: 0px;
            width: 80%;
            margin-bottom: 0;
        }
        
		#oa-form {
			text-align: right;
			margin-top: 32px;
		}
        
        .contact #oa-form {
            text-align: center;
            margin-top: 0px;
            line-height: 20px;
        }
			#oa-form input {
				width: 130px;
				border: none;
				padding: 7px 12px;
				margin-right: 12px;
			}
			#mc-embedded-subscribe,
			#oa-form button {
				width: 28px;
				height: 28px;
				border: none;
				text-align: center;
				color: #ff4746;
				border-radius: 15px 15px 15px 15px;
				background: #fff;
				display: block;
			}
			#oa-form button {
				float: right;
			}
				#mc-embedded-subscribe i,
				#oa-form button i {
					margin-left: 5px;
					font-size: 30px;
					line-height: 26px;
				}

#methode-accueil {
	padding: 32px 0 110px 0;
}
	#ma-entete {
		font-size: 24px;
		color: #585757;
		text-align: center;
		line-height: 62px;
		margin-bottom: 24px;
	}
	#ma-entete .txt-special {
		font-size: 50px;
		line-height: 1.2;
		color: #ff4746;
	}
	.bloc-programme {
		max-width: 264px;
		min-height: 460px;
		margin: 0 auto;
		background: #f7f6f4;
		padding: 32px 16px 62px 16px;
		text-align: center;
		position: relative;
	}
		.bloc-programme h2 {
			font-size: 30px;
			line-height: 1.4;
			color: #ff4746;
			margin: 18px 0 12px;
		}
		.bloc-programme h3 {
			font-size: 18px;
			line-height: 1.4;
			color: #585757;
			margin-bottom: 16px;
		}
		.bloc-programme p {
			font-size: 16px;
			line-height: 24px;
			color: #585757;
		}
		.bloc-programme a.en-savoir {
			font-size: 16px;
			color: #ff4746;
			position: absolute;
			bottom: 60px;
			left: 0;
			right: 0;
		}
		.bloc-programme a.en-savoir:hover {
			color: #222221;
		}
		.bloc-programme .indicateur-mois {
			position: absolute;
			bottom: -26px;
			left: 50%;
			margin-left: -41px;
		}

#into-accueil {
	padding: 54px 0 54px 0;
}
	#into-accueil h1,
	#into-accueil h2 {
		font-size: 26px;
		line-height: 1.2;
		text-transform: none !important;
		text-align: left;
		margin-top: 24px;
	}
	#into-accueil p,
	#into-accueil li {
		font-size: 20px;
		line-height: 36px;
		margin-bottom: 12px;
	}
	#into-accueil ul {
		margin-left: 20px;
	}
	#into-accueil li {
		list-style: disc;
	}
	#into-accueil a.appel-action {
		margin: 24px auto 0 auto;
	}


#temoignage-accueil {
	text-align: center;
	padding: 54px 0;
}
	#temoignage-accueil p {
		width: 70%;
		margin: 24px auto 0 auto;
		font-size: 18px;
		line-height: 24px;
	}

#seance-accueil {
	padding: 160px 0;
	min-height: 300px;
	background: transparent;
}
	#sa-contenu {
		text-align: center;
		background-color: #FF4746;
	}
		#sa-contenu .contour {
			margin: 10px;
			box-sizing: border-box;
			padding: 30px 0;
			border: 1px solid #fff;
		}
		#sa-contenu h3 {
			font-size: 24px;
			line-height: 1.8;
			text-transform: none;
			color: #fff;
			margin: 0 0 24px 0;
		}
		#sa-contenu a.appel-action {
			padding: 16px 36px;
		}
	#sa-contenu a:hover.appel-action {
		background: #fff;
		border-color: #fff;
	}

#entete-principal {
	padding: 48px 0; 
	text-align: center;
	font-size: 28px;
	line-height: 36px;
	position: relative;
}
	#entete-principal h1 {
		margin-left: auto;
		margin-right: auto;
	}

	#entete-principal.bloc-bleu,
	#entete-principal.bg-rouge {
		padding: 0;
		margin-top: 48px 0 24px 0;
	}

#entete-titre {
	padding: 24px 0;
}
	#entete-titre h1 {
		color: #fff;
		margin: 0;
	}
	#entete-titre .txt-special {
		color: #fff;
	    font-size: 20px;
    	line-height: 1.2;
	}
	
#entete-image {
	width: 100%;
	height: calc(100vw * 0.240885);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;	
}

#contenu-principal,
#contenu-programme,
#contenu-prix {
	padding: 30px 0 42px 0;
}
	#contenu-programme ul,
	#contenu-prix ul,
	#contenu-principal ul {
		list-style: disc;
		margin-left: 18px;
		margin-bottom: 12px;
	}

#piedpage-principal {
	width: 100%;
	height: 177px;
	background-color: #efede9;
	font-size: 14px;
	line-height: 18px;
}
	#piedpage-principal .ppp-bloc1 {
	}
		#piedpage-principal .ppp-bloc1 h3 {
			margin-top: 24px;
			color: #ff4746;
			font-weight: bold;
		}
		#piedpage-principal .ppp-bloc1 p {
			font-size: 14px;
			line-height: 20px;
			margin-bottom: 0;
			color: #585757;
		}
		#piedpage-principal .ppp-bloc1 img {
			float: left;
			margin-right: 8px;
		}
		#piedpage-principal .ppp-bloc2 img {
			margin-top: 112px;
		}
		#piedpage-principal .ppp-bloc3 p {
			font-size: 20px;
			margin-bottom: 0;
			line-height: 24px;
		}
#copyright {
	color: #8e8077;
	font-size: 12px;
	margin: 16px 0;
}

a.appel-action {
	font-size: 28px;
	line-height: 24px;
	font-weight: bold;
	background-color: #b5d2ee;
	color: #fff;
	border: 2px solid #b5d2ee;
	display: inline-block;
	padding: 8px 12px;
}
a.appel-action:hover {
	background-color: transparent;
	color: #b5d2ee;
}

a.appel-action.centre {
    margin: 40px 0;
    display: inline-block;
}

a.appel-action.btn-red {
    background-color: #ff4746;
	border: 2px solid #ff4746;
    font-size: 16px;
    padding: 3px 12px;
}
a.appel-action.btn-red:hover {
    background-color: transparent;
	color: #ff4746;
}

.reseaux-sociaux li {
	border-radius: 11px 11px 11px 11px;
	background: #efede9;
	display: inline-block;
	text-align: center;
	margin: 22px 0 23px 6px;
}
.reseaux-sociaux.footer li {
	margin: 76px 0 6px 6px;
	background: #fff;
}
.reseaux-sociaux li:hover {
	background: #585757;
}
	.reseaux-sociaux li a i {
		width: 22px;
		height: 22px;
		display: block;
	}
	.reseaux-sociaux li i {
		font-size: 11px;
		line-height: 24px;
		color: #ff4746;
	}
	.reseaux-sociaux li:hover i {
		color: #fff;
	}

.align-centre {
	text-align: center;
}
.align-droite {
	text-align: right;
}


.txt-special {
	font-size: 1.2em;
	font-family: 'Prata', cursive;
}
.txt-special-pp {
	font-size: 0.8em;
	line-height: 1;
	font-family: 'Prata', cursive;
}
	.txt-special.seance {
		font-size: 54px;
		color: #585757;
		text-transform: none;
		font-weight: normal;
	}

#temoignage-accueil strong {
	font-size: 15px;
	line-height: 19px !important;
	margin-top: 12px;
	display: block;
}

.bloc-temoignage {
	/*text-align: center;*/
}

.article-blog h2,
h2.widgettitle {
	text-align: left;
}

#searchsubmit {
	font-size: 12px;
	margin-left: 0;
	margin-top: 4px;
}

#contenu-principal.temoignages strong,
#temoignage-accueil strong,
.bloc-temoignage strong,
.txt-rouge-gras,
.txt-rouge {
	color: #ff4746;
}

#sidebar {
	padding: 20px 30px;
	background: #f7f6f4;
}

.txt-rouge-gras {
	font-weight: bold;
}

.txt-beige {
	color: #bca999;
}

.bg-rouge {
	background-color: #ff4746;
}

#contenu-principal.temoignages img {
	display: block;
	margin: 0 auto;
}

#contenu-principal.temoignages strong {
	font-size: 16px;
	line-height: 22px !important;
	margin-top: 12px;
	margin-bottom: 48px;
	display: block;
}

.sidebar input,
.wpcf7-form textarea,
.wpcf7-form input {
	width: 100%;
	font-size: 14px;
	border: 1px solid #585757;
	padding: 12px 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sidebar input[type=submit],
.wpcf7-form input[type=submit] {
	width: 50%;
	margin: 24px auto 0 auto;
	display: block;
  background-color: #b5d2ee;
	color: #fff;
  font-size: 24px;
  font-weight: bold;
	text-transform: uppercase;
  border: 2px solid #b5d2ee;
  padding: 8px 12px;
}
	.wpcf7-form input[type=submit]:hover {
		background: #fff;
		color: #b5d2ee;
	}

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
	border: 0 !important;
	color: #fff;
	margin: 0 0 30px 0 !important;
	padding: 10px !important;
}
div.wpcf7-validation-errors {
	background-color: #c6213d !important;
}
span.wpcf7-not-valid-tip {
	color: #c6213d !important;
	font-size: 12px !important;
}
div.wpcf7-mail-sent-ok {
	background-color: #398F14;
}

.bloc-image {
	height: 268px;
	background: url(images/seance-offerte.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
	.bloc-image .filtre-noir {
		width: 100%;
		height: 268px;
		padding: 48px 0;
		background: rgba(0, 0, 0, 0.4);
		position: absolute;
		left: 0;
		top: 0;
	}
	.bloc-image h1 {
		color: #ff4746;
		margin-top: 108px;
	}
	.bloc-image .txt-special-s {
		color: #fff;
		font-size: 16px;
		line-height: 22px;
		display: block;
	}
	
.en-bas {
	position: absolute;
	left: 50%;
	margin-left: -41px;
	bottom: -34px;
}

.make-things {
	width: 90%;
	margin: 0 0 0 auto;
	/*background: #efede9;*/
	text-align: center;
	padding: 52px 0;
	color: #ff4746;
	font-size: 52px;
	line-height: 70px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.article-blog {
	padding-bottom: 32px;	
	margin-bottom: 32px;
	border-bottom: 1px solid #eee;
}
	.article-blog img {
		width: 100% !important;
		height: auto !important;
	}
	.article-blog li,
	.article-blog p {
		margin-bottom: 24px;
	}
	.article-blog ul,
	.article-blog ol {
		margin-left: 20px;
	}
	.article-blog ul {
		list-style: disc;
	}
	.article-blog ol {
		list-style: decimal;
	}
.article-blog.complet {
	padding-bottom: 0;	
	margin-bottom: 0;
	border-bottom: none;
}
	.article-blog .meta-info {
		font-size: 16px;
		margin-bottom: 12px;
		display: block;
		font-style: italic;
	}
	.article-blog .appel-action {
		font-size: 20px;
		padding: 2px 6px;
		margin-top: 24px;
	}

.sidebar {
	width: 90%;
	border-left: 1px solid #eee;
	margin-left: 10%;
	box-sizing: border-box;
}
	.sidebar > ul > li {
		list-style: none;
		margin-bottom: 24px;
	}
	.sidebar li {
    	font-size: 16px;
		line-height: 20px;
		padding-bottom: 12px;
	}
	.sidebar h2 {
    font-size: 18px;
    margin: 12px 0;
    line-height: 22px;
	}
	
.do-slide {
	font-size: 30px !important;
	line-height: 44px;
	position: absolute;
	left: 0;
	right: 0;
	top: 140px;
	display: none;
}
	.do-slide.active {
		display: block;
	}
	
#cadeau-sidebar {
	width: 100%;
	max-width: 400px;
	font-family: 'Prata', cursive;
	color: #000;
	font-size: 28px;
	line-height: 34px;
	background: #b5d3ef;
	margin-left: 18px;
	margin-bottom: 36px;
	text-align: center;
	position: relative;
}
	#cadeau-sidebar img {
		position: absolute;
		left: 0;
		top: 0;
	}
	#cadeau-sidebar h2 {
		background-color: #ff4746;
		font-size: 26px;
		display: block;
		font-family: 'Muli', sans-serif;
    color: #fff;
		margin: 0 auto;
		text-align: right !important;
		padding: 12px 48px 12px 0;
		margin-bottom: 88px;
	}
	#cadeau-sidebar input {
		width: 80%;
		display: block;
		margin: 12px auto 0 auto;
	}
	#cadeau-sidebar button {
		margin: 18px 0 12px 0;
		display: inline-block;
	}

#menu-mobile {
	font-size: 32px;
	position: absolute;
	right: 10px;
	top: 20px;
	display: none;
}

#menu-principal {
	display: block;
}

#optin-accueil img.dvd-resp {
	display: none;
	margin: 0 auto;
}


.contact .txt-special {
    font-family: MUli;
    font-weight: 600;
    color: #2f2f2f;
    text-align: center;
    width: 80%!important;
    margin: 0 auto!important;
    line-height: 28px;
}


.wp-pagenavi {
	text-align: center;
}
	.wp-pagenavi .pages {
		display: none !important;
	}
	.wp-pagenavi a,
	.wp-pagenavi span {
		border: none !important;
		height: 30px;
		width: 30px;
		padding: 0 !important;
		line-height: 30px !important;
		text-align: center;
		display: inline-block;
	}
	.wp-pagenavi a {
		color: #000;
		background-color: #fff;
	}
	.wp-pagenavi span.current {
		color: #fff;
		background-color: #000;
	}

#cadeau-seance {
	display: block;
	position: fixed;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 400;
}
#cadeau-seance img {
	opacity: 1;
}
#cadeau-seance span.boite-info {
	width: 220px;
	color: #fff;
	background-color: #FF4746;
	display: none;
	text-align: center;
	border-radius: 15px;
	position: absolute;
	bottom: 0;
	right: 40px;
}
#cadeau-seance span.boite-info span.contour {
	border-radius: 15px;
	display: block;
	border: 1px solid #fff;
	margin: 4px;
	padding: 8px;
}

#cadeau-seance:hover img {
	opacity: 0.3;
}

#cadeau-seance:hover span.boite-info {
	display: block;
}

.marge-top-24 {
    margin-top: 24px;
    margin-bottom: 18px;
}
.marge-top-36 {
    margin-top: 36px;
    margin-bottom: 18px;
}

.txt-bleu {
    color: #02b0f0;
}

#photo-blandine {
    max-width: 50%;
    height: auto;
    padding-right: 50px;
    padding-bottom: 25px;
    box-sizing: border-box;
    float: left;
}

#seance-accueil {
    position: relative;
}

.copyright-image {
    position: absolute;
    left: 5px;
    bottom: 5px;
    font-size: 11px;
    color: white;
    text-shadow: #000 1px 0 10px;
}
.copyright-image a {
    color: white;
}















/* ================================================================== */
/* === Responsive styles ============================================ */
/* ================================================================== */

@media screen and (max-width: 1200px) {
	#cadeau-sidebar {
		margin-left: auto;
		margin-right: auto;
	}
    .contact a.appel-action.btn-red {
        margin-top: 20px;
    }
	
	#contenu-programme ul, #contenu-prix ul, #contenu-principal ul {
		margin-left: 0;
	}
	
	h2 {
		text-align: center !important;
	}
	
	#va-video {
		width: 102%;
		margin-left: -1%;
    display: block;
	}
	
	#oa-form {
		text-align: center;
	}
	
	#mc-embedded-subscribe-form {
		width: 400px;
    margin: 0 auto;
	}
	
	img.alignleft {
		float: none;
		padding-right: 0;
		padding-bottom: 0;
		padding-top: 48px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	#connaissance {
		width: 100%;
		float: none;
		clear: both;
		display: block;
		text-align: center;
	}
	

	#optin-accueil {
		padding: 12px 0;
		text-align: center;
	}
	#optin-accueil img.dvd {
		display: none;
	}
	#optin-accueil img.dvd-resp {
		display: block;
	}

	#oa-contenu h3 {
		padding: 8px 46px;
		margin-left: 0;
	}
	#oa-contenu p {
		margin-left: 0;
	}
	
	#into-accueil li,
	#contenu-programme ul,
	#contenu-prix ul,
	#contenu-principal ul,
	.article-blog ol {
		list-style: none;
	}
	
	.sidebar {
		margin-left: 0;
		width: 100%;
		border: 0;
	}
	
	#sidebar {
		margin-top: 48px;
	}
	
	::placeholder {
		text-align: center;
	}
	
	#entete-principale .grid_8,
	#entete-principale .grid_16 {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		display: block;
	}
	
	#ma-entete p {
		margin-bottom: 24px;
	}
	
	.bloc-programme {
		margin-bottom: 80px;
		max-width: 400px;
		height: auto;
	}
	
	#searchsubmit,
	.sidebar input, .wpcf7-form textarea, .wpcf7-form input {
		width: 400px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#temoignage-accueil .grid_12 p:first-child {
		margin-bottom: 48px;
	}
	
	#piedpage-principal {
		height: auto;
		padding: 24px 0;
	}

	#entete-principale .reseaux-sociaux {
    display: block;
    margin: 0 auto;
    text-align: center;
	}
	
	#menu-principal {
    text-align: center;
	}
	
	#menu_haut {
    display: inline-block;
    margin: 0 auto;
		float: none !important;
	}
	
	#sa-contenu {
		display: block;
		margin: 0 auto;
		padding: 1px 0;
	}
	
	.reseaux-sociaux.footer li {
		margin-top: 12px;
	}
	
	#copyright {
		text-align: center;
	}
	
	#piedpage-principal .ppp-bloc1 img {
		float: none;
		margin-right: 0;
		display: block;
		margin: 0 auto;
	}
	
	#va-contenu,
	.ppp-bloc2 {
		display: none !important; 
	}
	
	.ppp-bloc3 {
		text-align: center;
	}
	
	
	#into-accueil h1,
	#into-accueil h2 {
		text-align: center;
	}	
}

@media screen and (max-width: 940px) {
    #seance-accueil {
        background-position: center center !important;
    }    
}

@media screen and (max-width: 820px) {
	#va-video iframe {
		width: 100%;
		padding: 0;
	}
	#oa-contenu p {
		margin-left: 0;
	}
	#mc-embedded-subscribe-form {
		width: 100%;
	}
	#oa-form input {
		display: block;
		margin: 0 auto 4px auto;
		width: 80%;
	}
	#oa-form button {
		float: none;
		display: block;
		margin: 8px auto 0 auto;
	}
	#menu-mobile {
    display: block;
	}
	#menu-principal {
		width: 216px;
		max-width: 100%;
		background: #fff;
		padding: 10px;
		left: auto;
		right: 0;
		top: 60px;
		display: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: absolute;
		z-index: 999;
	}
	#menu-principal a {
		margin-left: 0;
	}
	#menu-principal li { 
		display: block !important;
		float: none !important;
		clear: both !important;
		text-align: left !important;
	}

	.sf-menu ul {
		position: relative !important;
		display: block !important;
		top: auto !important;
		left: auto !important;
		min-width: inherit !important;
		background: #eee;
		margin-bottom: 12px;
	}
	.sf-menu ul li {
		text-align: left !important;
	}
}

@media screen and (max-width: 640px) {
	li, p,
	#into-accueil p, #into-accueil li {
		font-size: 18px;
		line-height: 24px;
	}
	#into-accueil h1 {
		font-size: 22px;
		line-height: 26px;
	}
	#ma-entete .txt-special {
		font-size: 52px;
		line-height: 56px;
	}
	#sa-contenu h3 {
		font-size: 24px;
		line-height: 28px;
	}
	.sidebar input[type=submit], .wpcf7-form input[type=submit],
	a.appel-action {
		font-size: 18px;
		line-height: 22px;
	}
	
	h1 {
		font-size: 24px;
		line-height: 28px;
	}
	
	.wpcf7-form div {
		width: 100% !important;
		float: none !important;
		clear: both;
	}
	.txt-special {
		font-size: 0.8em;
		line-height: 1.2em;
		display: block;
	}
	.moitier {
		width: 100% !important;
		padding: 0 !important;
		clear: both !important;
		float: none !important;
	}
    
    .contact .txt-special {
        font-family: MUli;
        font-weight: 600;
        color: #2f2f2f;
        text-align: center;
        width: 90%!important;
        margin: 0 auto!important;
    }
    .cadeau-logo {
        width: 30px !important;
    }
    
    #seance-accueil {
        padding: 100px 0 20px 0;
    }
    #sa-contenu h3 {
        font-size: 14px;
    }
    #sa-contenu .contour {
        padding: 15px 0;
    }
    #sa-contenu {
        background-color: rgba(255,71,70, 0.85);  
    }
    #photo-blandine {
        max-width: 100%;
        padding-right: 0;
        padding-bottom: 25px;
        float: none;
        clear: both;
    }
    #entete-titre .txt-special {
        font-size: 12px;
    }
    #entete-titre h1 {
        font-size: 11px;
    }
    #entete-titre {
        padding: 13px 0;
    }
}

@media screen and (max-width: 480px) {
    #seance-accueil {
        background-position: center center !important;
    }
}