/*Charte graphique*/
h1 {
	color: #f1981a;
    font-family: 'Khand', sans-serif;
	font-weight: 300;
	font-size: 4.28em;
	letter-spacing:inherit;
	padding: 60px 0 60px;
	text-align:center;
	}
@media screen and (max-width: 620px) {
h1 {
	font-size: 2.5em;
    padding: 30px 0 30px;
	}
 }
#slidepage h1, #slidevide h1 {
	font-weight: 500;
	color: #fff;
	font-size: 3.5em;
	}
#slidepage h1 span{
	display: block;
	font-weight: 300;
	font-size: 0.6em;
	}

@media screen and (max-width: 620px) {
#slidepage h1 {
	font-size: 2.21em;
	width: 96%;
	margin: 0 2% 0 2%;
	padding: 20px;
	}
 }
h2 {
	color: #f1981a;
    font-family: 'Khand', sans-serif;
	font-weight: 600;
	font-size: 3.57em;
	letter-spacing:inherit;
	padding: 30px 0 20px;
	text-align:center;
	}
@media screen and (max-width: 620px) {
h2 {
	font-size: 2.5em;

	}
 }
h3 {
	color: #f1981a;
    font-family: 'Khand', sans-serif;
	font-weight: 300;
	font-size: 3.21em;
	letter-spacing:inherit;
	padding: 30px 0 20px;
	text-align:left;
	}
h4 {
	color: #414141;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-size: 1.28em;
	letter-spacing:inherit;
	padding: 10px 0 0px;
	}
p {
	color:#414042;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.14em;
	line-height: 1.7em;
	padding-bottom: 15px;
	}
li {
	color:#414042;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 1.7em;
	}
.erreur p {
	color: #ff0000;
	
	}
.texte p b, .texte p strong{
	font-weight: 500;
	color: #414042;;
	}  

.texte p a, .texte li a {
	color: #f1981a;;	
	}
.texte p a:hover, .texte li a:hover {
	text-decoration: none;
	}
.texte p i, .texte p em {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style:italic;
	color: #f1981a;
	font-size: 0.9em;
	 }
.texte p a.bouton {
	display: block;
	height: 40px;
	line-height: 40px;
	vertical-align:middle;
	width: 150px;
	border: 1px solid #f1981a;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	font-family: 'Khand', sans-serif;
	font-weight: 400;
	color: #f1981a;
	font-size: 1.4em;
	text-align:center;
	text-decoration:none;
	margin-top: 20px;
	background-color: #fff;
	}

table {
    border-collapse: collapse;
}
table tr:nth-of-type(odd) {
    background-color: #e9e9e9;
}
table tr:nth-of-type(even) {
    background-color: #f4f4f4;
}
table  {
    width: 100%;

}
table td {
    width: 50%;
    /*border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;*/
	color: #414042;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.14em;
    padding: 13px 0 13px 20px;
	text-align:left;
}
table td:first-child {
	font-weight: 400;
    width: 25%;
}
table td:last-child {
    width: 75%;
	padding: 13px 20px 13px 20px;
}

/*puce simple*/

#bloc_4 li, #bloc_9 li, #bloc_11 li, #bloc_12 li, #bloc_48 li, #bloc_49 li, #bloc_14 li, #bloc_17 li, #bloc_18 li, #bloc_19 li, #bloc_23 li, #bloc_25 li, #bloc_26 li, #bloc_54 li, #bloc_55 li, #bloc_56 li  {
	line-height: 24px;
	vertical-align:middle;
	background:url(/images/puce.png) no-repeat left 4px;
	padding-left: 30px;
	font-size: 1.14em;
	margin-bottom: 15px;
	}

/*puce avec strong*/
#bloc_6 li, #bloc_7 li, #bloc_20 li, #bloc_21 li, #bloc_27 li, #bloc_39 li, #bloc_45 li, #bloc_46 li {
	font-size: 1.14em;
	margin-bottom: 30px;

	}
#bloc_6 li strong, #bloc_7 li strong, #bloc_20 li strong, #bloc_21 li strong, #bloc_27 li strong, #bloc_39 li strong, #bloc_45 li strong, #bloc_46 li strong {
	display: block;
	line-height: 24px;
	vertical-align:middle;
	background:url(/images/puce.png) no-repeat left 4px;
	padding-left: 30px;
	font-size: 1.5em;
	color: #f1981a;
	font-weight: 300;
	margin-bottom: 10px;
	}
#bloc_7 li ul li {
	background:url(/images/puce_2.png) no-repeat 12px 10px;
	padding-left: 25px;
	margin-bottom: 0;
	}
/*alignement bloc*/

#bloc_75 .centre, #bloc_74 .centre, #bloc_73 .centre, #bloc_72 .centre, #bloc_4 .centre, #bloc_10 .centre, #bloc_12 .centre, #bloc_14 .centre, #bloc_15 .centre, #bloc_17 .centre, #bloc_21 .centre, #bloc_22 .centre, #bloc_23 .centre, #bloc_28 .centre, #bloc_29 .centre, #bloc_30 .centre, #bloc_31 .centre, #bloc_32 .centre, #bloc_33 .centre, #bloc_34 .centre {
	max-width: 670px;
	}
#bloc_6 .centre, #bloc_7 .centre, #bloc_11 .centre, #bloc_43 .centre, #bloc_44 .centre, #bloc_16 .centre, #bloc_18 .centre, #bloc_19 .centre, #bloc_20 .centre, #bloc_24 .centre, #bloc_25 .centre, #bloc_26 .centre, #bloc_36 .centre, #bloc_37 .centre, #bloc_38 .centre, #bloc_39 .centre, #bloc_40 .centre, #bloc_41 .centre, #bloc_45 .centre, #bloc_46 .centre, #bloc_54 .centre, #bloc_55 .centre, #bloc_56 .centre, #bloc_57 .centre, .defaut .centre, .p15 [id*="bloc_"] .centre {
	max-width: 850px;
	}
#bloc_9 .centre, #bloc_48 .centre, #bloc_49 .centre, .texte.recherche .centre,  .texte.mentions .centre, .texte.extranet .centre, .texte.actualite .centre  {
	max-width: 900px;
	}
#bloc_35 .centre {
	max-width: 900px;
	}
#bloc_11 .centre ul, #bloc_12 .centre ul{
	max-width: 450px;
	width: 100%;
	margin: 0 auto 0 auto;
	}
/*3 blocs fond gris*/
#bloc_4 ul {
	max-width: 400px;
	margin-left: 200px;
	}
@media screen and (max-width: 700px) {
#bloc_4 ul {
	max-width: 400px;
	margin: 0 auto 0 auto;
	}
 }
#bloc_4 p {
	text-align: center;
	}
#bloc_5 ul {
	text-align: center;
	}
#bloc_5 ul li {
	width: 350px;
	margin: 30px 1.5% 0 1.5%;
	display: inline-block;
	vertical-align:text-top;
	background-color: #f1f2f2;
	font-size: 1.07em;
	padding: 25px 15px 0 15px;
	text-align: left;
	}
#bloc_5 ul li img {
	display: block;
	margin: 0 auto 10px auto;
	}
#bloc_5 ul li {
	height: 440px;
	}
/*3 blocs bord gris*/

#bloc_8 ul {
	text-align: center;
	}
#bloc_8 ul li {
	width: 280px;
	margin: 30px 1.5% 0 1.5%;
	display: inline-block;
	vertical-align:text-top;
	border: 1px solid #d1d3d4;
	border-radius: 5px;
	font-size: 1.07em;
	padding: 25px 15px 0 15px;
	text-align: center;
	}
#bloc_8 ul li strong{
	display:block;
	margin: 0 auto;
	height: 60px;
	font-weight: 400;
	color: #f1981a;
	font-family: 'Khand', sans-serif;
	font-size: 1.86em;
	}
#bloc_8 ul li img {
	display: block;
	margin: 0 auto 25px auto;
	}
#bloc_8 ul li:last-child img {
	display: block;
	margin: 25px auto 25px auto;
	}
#bloc_8 ul li {
	height: 350px;
	}

/*fond bloc haut*/

#bloc_77, #bloc_71, #bloc_12, #bloc_18, #bloc_11, #bloc_17, #bloc_51, #bloc_6, #bloc_7, #bloc_8, #bloc_43, #bloc_44, #bloc_16, #bloc_22, #bloc_23, #bloc_26, #bloc_37, #bloc_38, #bloc_39, #bloc_40, #bloc_41, #bloc_46, #bloc_61, #bloc_5,  #bloc_63 {
	background: url(/images/fond_bloc_haut.jpg) repeat-x top;
	
	}
/*fond bloc grille*/
#bloc_9, #rg-gallery {
	background: url(/images/fond_bloc_grille.jpg);
	padding-bottom: 80px;
	}
#bloc_9 .centre{
	margin-bottom: 0px;
	
	}
/*pages*/

.essaigratuit {
	background-color: #f1981a;
	padding: 30px 0 50px;
	text-align:center;
	}
.essaigratuit p{
    font-family: 'Khand', sans-serif;
	font-weight: 600;
	text-transform:uppercase;
	color: #fff;
	font-size: 2.14em;
	padding: 0 0 8px 0;
	line-height:1em;
	}
.essaigratuit a{
	display: block;
	height: 55px;
	line-height:inherit;
	vertical-align:middle;
	width: 440px;
	margin: 0 auto;
	border-top-right-radius: 27.5px;
	border-bottom-right-radius: 27.5px;
	border-top-left-radius: 27.5px;
	border-bottom-left-radius: 27.5px;
    font-family: 'Khand', sans-serif;
	font-weight: 400;
	text-transform:uppercase;
	color: #f1981a;
	font-size: 2.5em;
	text-decoration:inherit;
	background:url(/images/fleche_gratuit.png) #fff no-repeat 97% center;
	padding: 20px 0 0 45px;
	text-align: left;
	}
@media screen and (max-width: 500px) {
.essaigratuit a{
	height: 55px;
	width: 300px;
	font-size: 1.5em;
	text-decoration:inherit;
	background:url(/images/fleche_gratuit.png) #fff no-repeat 97% center;
	padding: 20px 0 0 20px;
	text-align: left;
	}
 }
#bloc_1 .centre {
	padding-bottom: 100px;
	border-bottom: 1px solid #e1e1e1;
	}
#bloc_1 .centre .gauche p{
	/*max-width: 300px;*/
	width: 100%;
	margin: 0 auto;
	}
#bloc_1 .centre .gauche {
	padding-top:50px;
	padding-right: 20px;
	}
#bloc_3 .centre .droite {
	padding-top:100px
	}
@media screen and (max-width: 1200px) {
#bloc_1 .centre .gauche {
	padding-top:0px
	}
#bloc_3 .centre .droite {
	padding-top:0px
	}
 }
#bloc_4 .centre {
	margin-bottom: 10px;
	}
#bloc_42 .centre{
	text-align: center;
	padding-bottom: 0px;
	}
#bloc_42  img{
	margin: 20px 20px 40px 20px;
	}
#bloc_9 p img {
	float: right;
	margin-left: 10px;
	}
@media screen and (max-width: 800px) {
#bloc_9 p img {
	float: none;
	display:block;
	margin: 0 auto 20px auto;
	max-width: 400px;
	width: 94%;
	}
 }
#bloc_30 strong, #bloc_31 strong  {
	color: #f1981a;
	
	
	}
#bloc_35 .centre{
	padding-top: 100px;
	}
#bloc_35  li{
	height: 200px;
	padding: 25px;
	color: #414042;
	font-size: 1.14em;
	}
#bloc_35  li:nth-of-type(odd){
	background: url(/images/fond_bloc_grille.jpg);
	}
#bloc_35  li:nth-of-type(even) img{
	border: 1px solid #F3F3F3;
	}
#bloc_35  strong{
	display: block;
	width: 22%;
	height: 200px;
	float: left;
	text-align:center;
	color: #414042;
	font-size: 1.6em;
	font-weight: 400;
	padding-top: 45px;
	box-sizing:border-box;
	font-family: 'Khand', sans-serif;
	}
#bloc_35 img{
	display: block;
	width: 150px;
	height: auto;
	margin: 0 2.5% 0 2.5%;
	float: left;
	}
@media screen and (max-width: 768px) {
#bloc_35  strong{
	display: none;
	}
#bloc_35  li{
	min-height: 200px;
	height: auto;
	}
 }
@media screen and (max-width: 768px) {
#bloc_35 img{
	width: 100px;
	height: auto;
	}
 }
.p15 .texte{
	text-align: center;
	padding-bottom: 120px;
	}
.p15 .clemiss [id*="bloc_"] .centre {
	margin-bottom: 0px;
	}
#bloc_34 .centre {
	border: 1px solid #026735;
	position: relative;
	padding: 30px 20px 40px 20px;
	color: #00632e;
	font-family: 'Roboto', sans-serif;
	margin-top: 40px;
	}
#bloc_34 .centre p{
	color: #00632e;
	font-style:italic;
	font-weight:700;
	}
#bloc_34 .centre img{
	position:absolute;
	bottom: -50px;
	left: 50%;
	margin-left: -82px;
	}
#bloc_28 {
	border-bottom: 1px solid #414042;
	max-width: 1000px;
	width: 96%;
	margin: 0 auto 30px auto;
	padding-bottom: 40px;
	}
#bloc_28 p{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.28em;
	}
.texte.contact h1 {
	padding: 60px 0 10px;
	font-size: 3.5em;
	}
.texte.contact #adresse {
	border: 1px solid #f1981a;
	padding: 40px 10px;
	text-align: center;
	max-width: 350px;
	width: 96%;
	margin: 60px auto 100px auto;
	}
.texte.contact #adresse {
	border: 1px solid #f1981a;
	padding: 40px 10px;
	text-align: center;
	max-width: 350px;
	width: 96%;
	margin: 60px auto 100px auto;
	}
.texte.contact #adresse li{
	font-size: 1.14em;
	}
.texte.contact #adresse li:nth-of-type(1){
	font-size: 1.28em;
	font-weight: 700;
	}
#bloc_3 {
	padding: 60px 0;
	}
#bloc_3 img{
	max-width: 538px;
	width: 100%;
	height: auto;
	}
#bloc_47 {
	height: 600px;
	background:url(/images/fond_cloud_accueil.jpg) right;
	background-size: cover;
	padding-top: 60px;
	box-sizing:border-box;
	}
#bloc_47 .gauche{
	padding-top:75px;
	}
#bloc_10 p:last-child, #bloc_15 p:last-child, #bloc_72 p:last-child, #bloc_73 p:last-child, #bloc_74 p:last-child, #bloc_75 p:last-child{
	text-align: center;
	padding-top: 15px;
	}
#bloc_10 .centre, #bloc_15 .centre, #bloc_72 .centre, #bloc_73 .centre, #bloc_74 .centre, #bloc_75 .centre, #bloc_78 .centre {
	margin-bottom: 40px;
	}
#bloc_11, #bloc_10, #bloc_12, #bloc_15, #bloc_21, #bloc_20, #bloc_72, #bloc_73, #bloc_74, #bloc_75, #bloc_78  {
	padding-top: 60px;
	}
#bloc_11 img, #bloc_12 img, #bloc_26 img, #bloc_24 img, #bloc_19 img{
	display:block;
	max-width: 800px;
	height: auto;
	width: 94%;
	margin: 0 auto;
	}
#bloc_12 img{
	display:block;
	max-width: 500px;
	height: auto;
	width: 94%;
	margin: 0 auto;
	}
#bloc_20 img{
	display:block;
	max-width: 700px;
	height: auto;
	width: 94%;
	margin: 0 auto;
	}
#bloc_44 img, #bloc_48 img, #bloc_46 img {
	display:block;
	max-width: 500px;
	height: auto;
	width: 94%;
	margin: 0 auto;
	}
#bloc_22 img {
	display:block;
	max-width: 600px;
	height: auto;
	width: 100%;
	margin: 0 auto;
	}
#bloc_49 img {
	display:block;
	max-width: 250px;
	height: auto;
	width: 94%;
	margin: 0 auto;
	}
#bloc_16 img {
	display:block;
	max-width: 890px;
	height: auto;
	width: 94%;
	margin: 0 auto;
	}
#bloc_78 img {
	display:block;
	max-width: 400px;
	height: auto;
	width: 94%;
	margin: 0 auto;
	}
.texte.temoignage {
	/*background: url(/images/fond_bloc_grille.jpg);*/
	padding: 70px 0;
	position: relative;
	}
.texte.recherche, .texte.mentions, .texte.extranet, .texte.actualite {
	padding-bottom: 80px;
	}
#bloc_17, #bloc_18 {
	padding-top: 60px;
	}
#bloc_17 img{
	display:block;
	max-width: 670px;
	height: auto;
	width: 100%;
	margin: 0 auto 30px auto;
	}
#bloc_18 img{
	display:block;
	max-width: 500px;
	height: auto;
	width: 100%;
	margin: 0 auto 0 auto;
	}
#bloc_45 img{
	display:block;
	max-width: 530px;
	height: auto;
	width: 100%;
	margin: 0 auto 0 auto;
	}
#bloc_27 .centre {
	text-align: center;
	max-width: 1000px;
	padding-top: 80px;
	}
#bloc_27 .centre p{
	display: none;
	}
#bloc_27 .centre > ul{
	display:inline-block;
	width: 31%;
	margin: 1%;
	vertical-align: top;
	background-color:#ededee;
	height: 400px;
	}
#bloc_27 .centre > ul > li{
	padding: 0;
	margin: 0;
	}
#bloc_27 .centre > ul > li:first-child {
	background: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 1.71em;
	color: #de7c00;
	padding: 30px 10px 30px 10px;
	height: 100px;
	line-height: 1.1em;
	position: relative;
	}
#bloc_27 .centre > ul > li:first-child::after {
	content: '';
	width: 60px;
	height: 1px;
	background-color: #de7c00;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -30px;
	}
#bloc_27 .centre > ul > li:nth-of-type(2),  #bloc_27 .centre > ul > li:nth-of-type(3){
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.14em;
	color: #de7c00;
	padding: 15px 0;
	line-height: 1.1em;
	}
#bloc_27 .centre > ul > li > ul {
	padding-top: 25px;
	}
#bloc_27 .centre > ul > li > ul > li{
	line-height: 24px;
    vertical-align: middle;
    background: url(/images/puce.png) no-repeat left 4px;
    padding-left: 30px;
    font-size: 1.07em;
    margin: 10px 25px 0 25px;
	text-align:left;
	}
#bloc_54 .gauche img, #bloc_55 .gauche img, #bloc_56 .gauche img {
	max-width: 240px;
	}
@media screen and (max-width: 920px) {
#bloc_27 .centre > ul{
	width: 46%;
	margin: 1%;
	}
 }
@media screen and (max-width: 600px) {
#bloc_27 .centre > ul{
	width: 100%;
	margin: 0 0 30px 0;
	}
 }
@media screen and (max-width: 840px) {
#bloc_54 img, #bloc_55 img, #bloc_56 img {
	display:block;
	margin: 0 auto;
	width: 200px;
	height: auto;
	
	}
 }
 
#form_invertisseur {
    background: url(/images/fond_bloc_grille.jpg);
    padding-bottom: 80px;
}
#form_invertisseur .centre{
    max-width: 850px;
}
#form_invertisseur .centre h3{
    text-align: center;
}
#bloc_57 .centre {
	margin-bottom: 0px;
	padding-top: 30px;
	text-align: center;
	}
#bloc_57 .centre h3{
	text-align: center;
	}
.texte.newsletter {
	padding-bottom: 100px;
	
	}
#bloc_62 .centre {
	padding-bottom: 20px;
	}

/*actu accueil*/
.actualite.accueil {
	padding-bottom: 50px;
	}
.actualite.accueil h4{
	color: #bcbec0;
	font-size: 2.14em;
	font-family: 'Khand', sans-serif;
	font-weight: 400;
	text-transform:uppercase;
	text-align:center;
	padding: 60px 0;
	}
.actualite.accueil #oc-actualite {
	border: 1px solid #E8F3FE;
	padding: 9px;
	}
.actualite.accueil #oc-actualite img{
	float: left;
	margin-right: 10px;
	width: 400px;
	height: auto;
	}
.actualite.accueil #oc-actualite a{
	text-decoration: none;

	}
.actualite.accueil #oc-actualite b{
    line-height: 24px;
    vertical-align: middle;
    font-size: 1.5em;
    color: #f1981a;
    font-weight: 300;
    padding: 0 0 10px;
	display: block;
	}
.actualite.accueil #oc-actualite span{
	color: #414042;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.14em;
    line-height: 1.7em;
	display:block;
	}
@media screen and (max-width: 980px) {
.actualite.accueil #oc-actualite img{
	width: 250px;

	}
 }
 @media screen and (max-width: 640px) {
.actualite.accueil #oc-actualite img{
	width: 125px;

	}
 }
 @media screen and (max-width: 500px) {
.actualite.accueil #oc-actualite img{
	width: 100%;
	float: none;
	margin: 0 0 10px 0;
	}
 }

/*style par defaut*/
.defaut h4 {
	font-family: 'Roboto', sans-serif;
	display: block;
    line-height: 24px;
    vertical-align: middle;
    background: url(/images/puce.png) no-repeat left 4px;
    padding: 0 0 0 30px;
    font-size: 1.7em;
    color: #f1981a;
    font-weight: 300;
    margin-bottom: 10px;
	}
.defaut li {
    background: url(/images/puce_2.png) no-repeat 12px 10px;
    padding-left: 25px;
    margin-bottom: 0;
	font-size: 1.14em;
	}
.coche li{
	line-height: 24px;
    vertical-align: middle;
    background: url(/images/puce.png) no-repeat left 4px;
    padding-left: 30px;
    font-size: 1.14em;
    margin-bottom: 15px;
	}
.bulle {
	position: relative;
	}
.bulle em{
	display: none;

	}
.bulle:hover em{
	display: block;
	position: absolute;
	bottom: 50px;
	left: -150px;
	background-color: #dcddde;
	border-radius: 4px;
	padding: 10px;
	width: 300px;
	color: #414042;
    font-family: 'Roboto', sans-serif;
    font-weight: 300px;
    line-height: 1.7em;
	font-style:inherit;
	}
 @media screen and (max-width: 900px) {
.bulle:hover em{
	display: block;
	position: relative;
	bottom: inherit;
	left: inherit;
	padding: 10px;
	width: 100%;
	}
 }	

/*Parrainage*/
.texte.parrainage .centre {
	max-width: 650px;
	padding-bottom: 40px;
	}
.texte.parrainage .centre h2{
	font-size: 2.5em;
	padding-top: 60px;
	}
.texte.parrainage .centre input + p{
	padding-top: 20px;
	}
.texte.parrainage .centre input + p{
	padding-top: 20px;
	}
.texte.parrainage .centre ul.radio li {
    display: inline-block;
	margin-right: 20px;
	}
.texte.parrainage .centre ul.radio input[type="radio"] {
    position: absolute;
    left: -9999px;
	}
.texte.parrainage .centre ul.radio  label {
    padding-left: 30px;
	position:relative;
	display:inline-block;
	}
.texte.parrainage .centre ul.radio  label:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0px;
    left:0px;
    border: 1px solid #bcbec0;
    box-sizing: border-box;
    border-radius: 50%;
	}
.texte.parrainage .centre ul.radio  label:after {
    display: none;
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    top: 4px;
    left: 4px;
   	background-color: #f1981a;
    box-sizing: border-box;
    border-radius: 50%;
	}
.texte.parrainage .centre ul.radio input[type="radio"]:checked + label:after {
    display: block;
	}
.texte.parrainage.comment {
    background-color: #f1f2f2;
	}
.texte.parrainage.comment h2{
	font-size: 2.5em;
	color: #414042;
	padding-bottom: 50px;
	}
.texte.parrainage.comment .centre{
	max-width: 1100px;
	}
.texte.parrainage.comment ul {
	background-color: #f8f8f8;
	border: 1px solid #f8f8f8;
	box-shadow: 1px 1px 3px #ccc;
	}
.texte.parrainage.comment ul li{
	display: inline-block;
	width: 33.333333333%;
	height: 180px;
	padding: 15px 50px 15px 15px;
	vertical-align: middle;
	}
.texte.parrainage.comment ul li b{
	font-weight: 700;
	}

.texte.parrainage.comment ul + p{
	text-align: center;
	padding-top: 40px;
	}
.texte.parrainage.comment ul + p a{
	color: inherit;
	font-weight: inherit;
	}
.texte.parrainage.comment ul li:nth-of-type(1){
	background-color: #f8f8f8;
	position: relative;
	padding-top: 50px;
	}
.texte.parrainage.comment ul li:nth-of-type(1)::after{
	content: '';
	width: 55px;
	height: 180px;
	background-image:url(/images/fleche_parrainage_comment.jpg);
	position:absolute;
	right: -27.5px;
	top: 1px;
	z-index: 800;
	}
.texte.parrainage.comment ul li:nth-of-type(2){
	background-color: #f6f6f6;
	position: relative;
	padding-left: 40px;
	}
.texte.parrainage.comment ul li:nth-of-type(2)::after{
	content: '';
	width: 55px;
	height: 180px;
	background-image:url(/images/fleche_parrainage_comment_2.jpg);
	position:absolute;
	right: -27.5px;
	top: 1px;
	z-index: 800;
	}
.texte.parrainage.comment ul li:nth-of-type(3){
	background-color: #f3f4f4;
	padding-left: 40px;
	padding-top: 30px;
	}
 @media screen and (max-width: 1024px) {
.texte.parrainage.comment ul li{
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 15px 15px 15px 15px;
	vertical-align: middle;
	}
.texte.parrainage.comment ul li:nth-of-type(1){
	background-color: #f8f8f8;
	position: relative;
	padding-top:15px;
	}
.texte.parrainage.comment ul li:nth-of-type(1)::after{
	display: none;
	}
.texte.parrainage.comment ul li:nth-of-type(2){
	padding-left: 15px;
	}
.texte.parrainage.comment ul li:nth-of-type(2)::after{
	display: none;
	}
 }
.texte.parrainage.ok{
	text-align: center;
	}
.texte.parrainage.comment ul li b{
	font-weight: 700;
	}
.module-abo a.parrainage{
	display:inline-block;
	width: 170px;
	height: 45px;
	background-color: #f3a433;
	color: #292728;
	border-radius: 4px;
	border: 1px solid #f2bd72;
	text-decoration: none;
	text-align: left;
	line-height: 18px;
	font-weight: 600;
	font-size: 1.07em;
	padding: 5px 10px 0 0;
	margin: 20px 10px 0px 10px;
	box-sizing:border-box;
	vertical-align:middle;
	}
.module-abo a.parrainage i {
    font-size: 24px;
    margin: 8px 12px 0 12px;
    display: block;
    float: left;
    color: #292728;
}

.formulaire.cms .centre {
	max-width: 700px;
	padding-bottom: 100px;
	}
.p20 .formulaire.cms .centre .grille-2 > *{
	width: 100%;
	}