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 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: 400;
	text-align: left;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714em;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
small {
	font-size: smaller;
}
abbr, acronym {
	border-bottom: .1em dotted;
	cursor: help;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

button:focus, nav:focus, #nav_links1:focus, #nav_links2:focus  { outline: 0;}

.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
body {
	color: #161616;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0;
}

a {
	outline: 0;
	color: #161616;
	text-decoration: underline;
}
a:hover {
	color: #161616;
}

img a {
	border: none;
}

input, button, select {
	vertical-align: middle;
}

.left {
	float: left;
}
.right {
	float: right;
}
.center {
	margin: 0 auto;
}
.gras {
	font-weight: bold;
}

.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}
.aligncenter {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.centre {
	text-align: center;
}

.gris {
	color: #0b1216;
}
.rouge {
	color: #d4101c;
}

.tab {
    display: table
}

.tabCell {
    display: table-cell
}

.container {
	position: relative;
	margin: 0 auto;
	max-width: 990px;
}
.container br {
	clear: both;
}

h1{
	font-size: 25px;
	margin: 0 0 15px 0;
}
h2 {
	font-size: 22px;
	margin: 20px 0 15px 0;
}
h3 {
	color: #d30e1d;
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

/****************/
/* HEADER       */
#headline { padding: 0.8em 0.8em 0.2em; }
.logo { height: 55px; width: 174px; }

/****************/
/* TITRE        */
#headline h1 { color: #d7101c; font-size: 27px; margin-top: 30px; padding: 0; }
#headline h1>span { font-size: 20px; }

/****************/
/* SECTION1     */
* { margin: 0; padding: 0; }
#page-wrap { width: 990px; margin: 10px auto 25px auto; position: relative; }

#main { width: 690px; padding: 0; }
#main p { margin: 0 0 15px 0; }

#sidebar { background-color: #eeebe6; width: 280px; position: fixed; left: 50%; top: 10px; margin: 0 0 25px 212px; padding-bottom: 10px; z-index: 1000; }
#sidebar h2 { background-color: #FFDD00; font-weight: normal; margin: 0; padding: 0; font-size: 18px; line-height: 1.5em; letter-spacing: -1px; text-align: center; }
#sidebar img { display: block; width: 40px; margin: 0 auto; }

#footer { background-color: #fff; position: relative; margin: 200px auto 150px; max-width: 990px; }
#footer p { font-size: 11px; color: #6e6e6e; margin: 8px 0; padding: 10px; width: 670px; }
#footer a { color: #6e6e6e; }

.titreEval { text-align: center; padding: 0 0 15px 0; border-bottom: 2px solid #6e6e6d; width: 75%; margin: 10px auto 20px auto; }
.eval {  font-weight: bold; font-size: 20px; padding: 0; }
.txtavis_lp { margin: 15px 0 20px 0; width: 320px; }
.txtavis_lp img { display: block; margin: 0 10px 0 0; width: 115px; }
.txtavis_lp blockquote { display: block; color: #6e6e6e; font-size: 13px; width: 190px;}
.txtavis_lp span.signature { color: #6e6e6e; font-style: italic; font-size: 11px; line-height: 1.2em; margin: 0; padding: 0; }

#content { padding: 10px; }
#content p { font-size: 14px; line-height: 1.5em; }

.content_info { width: 440px; }
.bg { background-color: #efece7; padding: 10px; margin-top: 30px; }
.bgb { background-color: #fff; padding: 10px; margin-top: 30px; }
span.bouton {
	display: block;
	cursor: pointer;
	color: white;
	background-color: #D4101D;
	border-radius: 5px;
	padding: 5px 15px;
	line-height: 1.5em;
	margin: 40px auto;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 17px;
	width: 60%;
}

#advantages { background-color: #eeebe6; padding: 10px;}

#args { margin: 0; padding: 0; width: 341px; }
#args li, #args li a { padding: 5px 0; width: 341px; max-width:341px; }

#args h2, #args p { padding: 0 0 0 55px; }

#args li {
    background-color: #fff;
    display: block;
    margin: 0 0 5px;
    height: auto;
}

#args li a {
    text-decoration: none;
    display: block;
}

#args h2 {
    color: #d30e1d;
    margin: 0 0 5px;
    font-size: 17px;
}

#args p {
    color: #6d6d6d;
    line-height: 1.4em;
    margin: 0;
    font-size: 13px;
    width: 235px;
}

#args .av1 { background: url(images-lp/avantages.png) no-repeat #fff; }
#args .av2 { background: url(images-lp/avantages.png) -341px 0 no-repeat #fff; }
#args .av3 { background: url(images-lp/avantages.png) -682px 0 no-repeat #fff; }
#args .av4 { background: url(images-lp/avantages.png) -1023px 0 no-repeat #fff; }
#args .av5 { background: url(images-lp/avantages.png) -1364px 0 no-repeat #fff; }

/* FORMULAIRE     */
#form_lp { padding: 0 1em; }
#form_lp p { margin: 0; padding: 0; position: relative; }
#form_lp p.requis { margin: 0 0 10px 0; text-align: right; font-size: 11px; }
#form_lp form, #form_lp fieldset { border: none; margin: 0; }
#form_lp fieldset>p { margin-top: 10px; }
#form_lp label { font-size: 12px; }
#form_lp input, #form_lp textarea {
	background-color: white;
	border: none;
	color: black;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	padding: 8px 10px;
	margin: 0;
	overflow: hidden;
	height: 13px;
	width: 236px;
}
#form_lp input:focus { background-color: #FFDD00; }
#form_lp textarea:focus { background-color: #FFDD00; }

#form_lp span.votre-civilite { display: block; margin-top: 3px; }
#form_lp label { display: inline; }
#form_lp label > input { display: inline; width: 15px; margin-left: 5px; cursor: pointer; }
/*#form_lp span.wpcf7-list-item.last { margin-left: 20px; }*/
#form_lp span.wpcf7-list-item { margin: 0; }

#form_lp input.wpcf7-not-valid , #form_lp textarea.wpcf7-not-valid { float: none; }

span.wpcf7-list-item-label { cursor: pointer; }
#form_lp input.wpcf7-submit {
	display: block;
	background-color: #D4101D;
	border: none;
	color: white;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	line-height: 0;
	height: 38px;
	margin: 20px auto 10px auto;
	width: auto;
}

.ajax-loader { position: absolute; bottom: 0; right: 0; }

span.wpcf7-not-valid-tip {
	position: relative!important;
	border: 1px solid #d30e1d;
	color: #000;
	display: block;
	padding: 2px;
	top: 0;
	left: 0;
}
/*span.wpcf7-not-valid-tip {
	cursor: pointer;
    position: absolute;
	background-color: pink;
    border: 1px solid #D4101D;
    color: #000;
    display: block;
    padding: 2px;
    top: 19px;
    left: 2px;
}*/

.wpcf7-display-none, .screen-reader-response { display: none; }
.wpcf7-validation-errors, .wpcf7-response-output {
	background-color: #fff;
	border: 2px solid #eb8e18;
	color: #484848;
	margin-top: 5px;
	padding: 5px;
}

/*------------------------------------------------------------*/
/*-------------------------- MOBILE --------------------------*/
@media screen and (max-height: 785px) {
  #sidebar { position: absolute; }
}
@media (max-width: 990px) {
	.txtavis_lp, .content_info, .container, #page-wrap, #main, #footer { width: 100%; }
	#footer p { width: 90%; }
	.left, .right { float: none; }
	img { max-width: 100%; }
	.logo { position: relative; width: 100%; text-align: center; }
	.img_info { display: block; margin: 0 auto; width: 190px; }
	#sidebar { width: 100%; position: relative; left: 0; top: 0; margin: 0 0 50px 0; }
	span.bouton { width: 90%; }

	/*------------------- CTA LP --------------------------*/
	.txtavis_lp img { display: block; margin: 0 auto; max-width: 100%; }
	.txtavis_lp blockquote { display: block; width: 100%;}

    .tab,
    .tabCell { display: block; }
	#advantages { background-color: #eeebe6; padding: 10px 5px; }
	#args,
    #args li,
    #args li a { width: 100%; max-width:341px; }
    #args p {
		color: #6d6d6d;
		line-height: 1.4em;
		margin: 0;
		padding: 0 0 0 54px;
		font-size: 12px;
		width: 210px;
    }
	#guide img { position: relative; display: block; top: 0; left: 0; margin: 0; width: auto; max-width: 100%; height: auto;}

	#form_lp { position: relative; top: 0; left: 0; margin: 15px 0; padding: 10px; width: 93.5%; }
	#form_lp form, #form_lp fieldset { margin: 0; padding: 0; width: 100%; }
	#form_lp input, #form_lp textarea { width: 91%; }
	#form_lp input.wpcf7-submit { margin-left: 0; margin-right: 0; width: 100%; }

	.alignright, .alignleft { float: none; display: block; margin: 0 auto; text-align: center; }
}
/* orientation */
@media (orientation: landscape) and (max-device-width: 990px) {
	html,body {
		-webkit-text-size-adjust: 100%;
	}
}