/* INDEX */


/* Extrait du fichier de base */

/* Menu */
/* .nav {
  	margin-top: 64px!important;
} */

@font-face {
    font-family:'Route159-Regular';
    src: url('font/Route159/route159-regular-webfont.eot');
    src: url('font/Route159/route159-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Route159/route159-regular-webfont.woff2') format('woff2'),
         url('font/Route159/route159-regular-webfont.woff') format('woff'),
         url('font/Route159/route159-regular-webfont.ttf') format('truetype'),
         url('font/Route159/route159-regular-webfont.svg#Route_159regular') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased !important;
}




@font-face {
    font-family: 'Route159-Bold';
    src: url('font/Route159/route159-bold-webfont.eot');
    src: url('font/Route159/route159-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Route159/route159-bold-webfont.woff2') format('woff2'),
         url('font/Route159/route159-bold-webfont.woff') format('woff'),
         url('font/Route159/route159-bold-webfont.ttf') format('truetype'),
         url('font/Route159/route159-bold-webfont.svg#Route_159bold') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased !important;
}



body {
/* 	background-color: #AEC934 !important; */
	font-size: 15px!important;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	line-height: 26px!important;
	font-family: 'Route159-Regular', sans-serif !important;
}

.container-narrow{
	background-color: #FFFFFF!important;
	padding: 1% 5% 1% 5%;
	max-width: 1024px!important;

}

#defSite{
	width: 77px;
	height: 513px;
}

.jumbotron h1 {
    font-size: 34px!important;
}

.lead {
  	font-size: 14px!important;
}

.marketing {
	margin: 30px 0!important;
}

.jumbotron {
	margin: 40px 0!important;
}
h1 {
    font-size: 25.5px !important;
}

/* Menu */

.socialmedia-buttons > a {
	text-decoration: none !important;
}

a{
	/* color: #A61674!important; */
	color: rgba(210, 0, 0, 0.84)!important;
	text-decoration: underline!important;
}

a:hover{
	text-decoration: none!important;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
	background-color: rgba(197, 228, 59, 0.26)!important;
}

.nav-tabs > li > a, .nav-pills > li > a {
	padding-right: 7px!important;
	padding-left: 2px!important;
	margin-right: 3px!important;
	border-right: 2px solid #AEC934!important;
	font-size: 16.5px;
	font-weight: bold;
	text-decoration: none!important;
	    color: black !important;
}
/* Fin menu */

.dropup, .dropdown {
	margin-top: 6px!important;
}

/* .dropdown-menu > li > a:hover {
	line-height: 17px!important;
} */

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	height: 30px!important;
}

.aide textarea, .uneditable-input {
	width: 260px!important;
}

.barre_footer {
	margin-top: -18px!important;
	margin-bottom: -18px!important;
}

.cgu {
	margin-top: -18px!important;
}

.cgu p{
	text-align: justify;
}







/* Ajouts */

/* Entete */
/***********************************Commente a l'occasion du vin********************/
/*  #logo_entete {
	margin-left: 40px;
	width: 140px;
	height: 140px;
}  */


/* Logo entete*/
/* .logoplus {
	margin-top: -46px;
	margin-left: 40px;
}  
 */
/***********************************Fin commente a l'occasion du vin********************/

/* Definition du site 
.def {
	margin-top: -1.5%;
	position: fixed;
	margin-left: -215px;
}
*/



/* Info bulle */
.bulle {
	position: absolute;
	 margin-top:-126px;
     margin-left:62px;
     color:black;
     background:#CFEB55;
     padding:12px;
     border-radius:15px;
     box-shadow:0 0 2px rgba(0,0,0,.5);
     transition:all .65s;
     opacity:0;
     font-weight: bold;
}

.bulle:hover, .bulle:active {
	transform:scale(1) rotate(0);
	opacity:0.9;
}

.info {
text-align: center;
margin-top: 87px;
}
/* FIN  Info bulle */

										#head_esp {
										margin-bottom: -28px!important;
										}


										#logo_span{
											margin-top: -28px;
											width: 10%;
											float: left;
										}



									.btn_head {
									    margin-top: -95px!important;
									    position: relative;
    									right: 29px;
									}


/* Boutons créer et connecter  */
.esp {
	margin-left: 0!important; 
}


/* Boutons créer et connecter  */
.creerCpt {
  background-color: hsl(87, 60%, 25%) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#93d147", endColorstr="#436619") !important;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#93d147), to(#436619)) !important;
  background-image: -moz-linear-gradient(top, #93d147, #436619) !important;
  background-image: -ms-linear-gradient(top, #93d147, #436619) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #93d147), color-stop(100%, #436619)) !important;
  background-image: -webkit-linear-gradient(top, #93d147, #436619) !important;
  background-image: -o-linear-gradient(top, #93d147, #436619) !important;
  background-image: linear-gradient(#93d147, #436619) !important;
  border-color: #436619 #436619 hsl(87, 60%, 17.5%) !important;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.49) !important;
  -webkit-font-smoothing: antialiased !important;
  text-decoration: none !important;
}



.connecteCpt  {
background-color: hsl(345, 94%, 34%) !important;
  background-repeat: repeat-x !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f94370", endColorstr="#a8052d") !important;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f94370), to(#a8052d)) !important;
  background-image: -moz-linear-gradient(top, #f94370, #a8052d) !important;
  background-image: -ms-linear-gradient(top, #f94370, #a8052d) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f94370), color-stop(100%, #a8052d)) !important;
  background-image: -webkit-linear-gradient(top, #f94370, #a8052d) !important;
  background-image: -o-linear-gradient(top, #f94370, #a8052d) !important;
  background-image: linear-gradient(#f94370, #a8052d) !important;
  border-color: #a8052d #a8052d hsl(345, 94%, 27%) !important;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.46) !important;
  -webkit-font-smoothing: antialiased !important;
  text-decoration: none !important;
}



.connecteCpt_mini {
	background: red!important;
	text-decoration: none!important;
	color: #ffffff!important;
	background: -moz-linear-gradient(
		top,
		#ff4fa7 0%,
		#8a1c59)!important;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ff4fa7),
		to(#8a1c59))!important;
	-moz-border-radius: 14px!important;
	-webkit-border-radius: 14px!important;
	border-radius: 14px!important;
	border: 1px solid #c02879!important;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1)!important;
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1)!important;
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1)!important;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.4)!important;
}




.connecteCpt_mini:hover {
	background: red!important;
	color: #ffffff!important;
	background: -moz-linear-gradient(
		top,
		#8a1c59 0%,
		#d5428b)!important;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#8a1c59),
		to(#d5428b))!important;
	-moz-border-radius: 14px!important;
	-webkit-border-radius: 14px!important;
	border-radius: 14px!important;
	border: 1px solid #c02879!important;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1)!important;
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1)!important;
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1)!important;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.4)!important;
}



.perdu_mdp.active {
  color: rgba(255, 255, 255, 0.75)!important;
}
.perdu_mdp {
  -moz-border-radius: 14px!important;
	-webkit-border-radius: 14px!important;
	border-radius: 14px!important;
	border: 1px solid #cf3789!important;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1)!important;
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1)!important;
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1)!important;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.4)!important;
	text-decoration: none!important;

  color: #ffffff!important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;
  background-color: #b62222!important;
  background-image: -moz-linear-gradient(top, #a51f1f, #d02727)!important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a51f1f), to(#d02727))!important;
  background-image: -webkit-linear-gradient(top, #a51f1f, #d02727)!important;
  background-image: -o-linear-gradient(top, #a51f1f, #d02727)!important;
  background-image: linear-gradient(to bottom, #a51f1f, #d02727)!important;
  background-repeat: repeat-x!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa51f1f', endColorstr='#ffd02727', GradientType=0)!important;
  border-color: #d02727 #d02727 #901b1b!important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)!important;
  *background-color: #d02727!important;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)!important;
}
.perdu_mdp:hover,
.perdu_mdp:focus,
.perdu_mdp:active,
.perdu_mdp.active,
.perdu_mdp.disabled,
.perdu_mdp[disabled] {
  color: #ffffff!important;
  background-color: #d02727!important;
  *background-color: #ba2323!important;
}
.perdu_mdp:active,
.perdu_mdp.active {
  background-color: #a51f1f !important;
}


/* Fin boutons */


/* Titres */
.h2_garde {
	font-size: 25.5px!important;
}

.h4_garde {
	text-align: center!important;
}

/* Fin titres */


/* Couleurs */
.rose {
	/* color: #A61674!important;  */
	color: rgba(210, 0, 0, 0.84)!important;
}

.fond_rose {
	background-color: #c0177f!important; 
	color: #FFFFFF!important;
	border-radius: 5px;
}

.verte {
	color: #AEC934!important;
}
/* Fin couleurs */


#trust_1 {
	width: 40%;
	margin-top: 50px;
}


.trust{
	margin-top: -40px !important;
/* 	margin-left: 60px !important; */
}


/* MISE EN PAGE (et) petits caractères */
.silence {
	font-size: 9px;
	line-height: 15px;
}

.middle_silence {
	font-size: 13.5px;
	margin-bottom: -20px!important;
}

.textePrecis {
	font-size: 12.5px;
}

.top {
	margin-top: 65px!important;
}

.li_pied li {
	line-height: 13px;
	text-align: left!important;
	font-size: 12.5px;
}

.li_esp {
padding-bottom: 20px;
}

.little_marg {
	margin-top: 18px;
}

.barre_footer{
	font-size: 17px;
	text-align: center;
}

.onglets {
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
}

.menu_container {
	background-color: rgba(197, 228, 59, 0.26)!important;
	color: #c0177f!important; 
}

.sans {
	color: #333333!important;
}

/* Fin mise en page petits caractères */

/* FIN INDEX */






/* ACCES_FORMALITES */

.btn_xxl {
	width: 90%!important;
	height: 122px!important;
	font-size: 30px!important;
	line-height: 34px!important;
}

.titre_acces_double {
	padding-top: 36px!important;
}

.titre_acces {
	padding-top: 27px!important;
}

.titre_acces_bis {
	padding-top: 28px!important
}

.titre_acces_bisr {
	padding-top: 10px!important;
}

/* AIDE YRYTYS */

.cadre {
	border: 1px solid #A5A5A5;
	padding: 23px;
}


/* CONTACT */

.contact {
margin-bottom: 30px!important;
margin-top: 30px;
}

.login_info {	
	margin-top: 29px!important;
}



/* CREATION SOCIETE */

.crea_soc li {
	line-height: 30px;
}


/* DOCUMENTATION DIFF FORM */
.bold {
	font-weight: bold;
}


.table th, .table td {
vertical-align: middle!important;
border: 1px solid #A8A8A8!important;
}


.table_beige {
	background-color: #FDF4CB;
}

/* .table_verte {
	background-color: #DCEE8B;
} */

.table_rose {
	background-color: #FDCBF4;
}

.table_plus {
	background-color: #98FB98;
}


.video {
	width: 970px!important;
	height: 490px!important;
}



/* quel-greffe-quel-cfe-code-naf */

.qg {
	margin-left: 10px!important;
}

/* Ok aussi pour page statistiques */
.a_sans {
	text-decoration: none!important;
	color : #333333!important;
}


/* Message */
#msg {
	max-width: 50%!important;
}

.a_blanc {
	color: #FFF!important;
}


/* TABLEAUX */
.td_text-center {
	text-align: center!important;
}



/* Truspilot */
#tpiframe-box0 {
	height: 20%!important;
	margin: 0 auto!important;
} 


/* Video Flash */
.video {
	margin: 0 auto!important;
}


/* W3c */
.valide {
	margin-left: 10px;
}

.w {
	width: 35px!important;
}

hr{
/* 	border-top: 1px solid #D1D1D1!important; */	
															border-top: 1px solid #A0A0A0!important;
/* 	border-bottom: 1px solid #E2E2E2!important;
box-shadow: 0px 0px 9px rgb(194, 194, 194)!important; */
}


/* Logo pied de page */
.html5 {
	width: 57px;
	height: 24px;
}



/* Logo blog Yrytys */
/* .logo_mini {
	width: 43px;
	height: 43px;
} */


.widget-title {
	margin-left: 640px!important;
}



/* Définition du site */ 

.second {
	max-width: 1260px!important;
	padding: 0!important;
/* 	background-color: #AEC934!important; */
}


.def {
	position: fixed;
	margin-left: -34px!important;
	margin-top: 20px;
	opacity: 0.3;
}


.ombre {
box-shadow: 3px 3px 8px rgba(162, 162, 162, 0.8) !important;
}


/* Menu drop up */ 

.dropup-menu {
    bottom: 100%;
    top: auto !important;
    box-shadow: 11px 11px 19px black!important;
	border: black solid 1px!important;
	background-color: #FEFAF1 !important;
}

/* position the arrow downwards, pointing to the menu */

.navbar .dropup-menu:before {
    border-bottom: none;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid rgba(0, 0, 0, 0.2);
    left: 7px;
    top: 100%;
}

.navbar .dropup-menu:after {
    border-bottom: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    left: 10px;
    top: 100%;
    left: 6px;
}

/* point the caret up*/

.up {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #000000;
    border-top: none;
}


.indiv {
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #ff9754;
*background-color: #ff9754;
  background-repeat: repeat-x!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9754", endColorstr="#ff6300")!important;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ff9754), to(#ff6300))!important;
  background-image: -moz-linear-gradient(top, #ff9754, #ff6300)!important;
  background-image: -ms-linear-gradient(top, #ff9754, #ff6300)!important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9754), color-stop(100%, #ff6300))!important;
  background-image: -webkit-linear-gradient(top, #ff9754, #ff6300)!important;
  background-image: -o-linear-gradient(top, #ff9754, #ff6300)!important;
  background-image: linear-gradient(#ff9754, #ff6300) !important
}



.indiv:hover{
background-position: 0 0px !important;
}



.titre_acces_up{
	padding-top: 15px!important;
}




/* SUperposition effet primtemps */
.re {
	position: absolute;
	width: auto;
}


.gd {
	position : relative;
	width: 72%;
	margin-left: -1.5px;
}
/* Fin SUperposition effet primtemps */




/* Pages d'accueil éléments */
/* TAB prix */
.panel-crea {
	border-color: #ff6500  !important;
	border: 2px solid;
	padding: 6px;
	min-height: 155px;
}
.panel-crea > .panel-heading  {
	background-color: #ff6500  !important;
	color: #672C2C ;
}
.panel-crea > p {
	padding-left: 5px;
	padding-right: 4px;
}
.panel-modif {
	border-color: #ff9000  !important;
	border: 2px solid;
	padding: 6px;
	min-height: 155px;
}
.panel-modif > .panel-heading  {
	background-color: #ff9000  !important;
	color: #B81616;
}
.panel-disso{
	border-color: #ffba00 !important;
	border: 2px solid;
	padding: 6px;
	min-height: 155px;
}
.panel-disso > .panel-heading {
	color: #BC0E0E  !important;
	background-color: #ffba00  !important;
}
.panel-liqui {
	border-color: #ffe500  !important;
	border: 2px solid;
	padding: 6px;
	min-height: 155px;
}
.panel-liqui > .panel-heading  {
	background-color: #ffe500   !important;
	color: #D60101 ;
}
.petit {
	font-size: 18px !important;
}
.titre_tab {
	font-size: 24px !important;
}
.mise_avant {
	padding: 6px;
	background-color: #FFA500;
	border-radius: 4px;
	text-align: center;
}
label {
	margin-bottom: 9px !important;
	margin-top: 8px !important;
}
.btn_index{
	margin: 13px !important;
}


.promo_texte {
	font-size: 22.4px;
}
.promo_texte_petit {
	font-size: 19px;
	line-height: 34px !important;
}

.promo_contact {
	float: right;
	margin-top: -4px;
}

											.nav {
										        margin-top: -35px!important;
												float: right;
											}
											.btn-menu{
												float: right;
											}

/* 
#logo_entete {
width: 65%;
}
 */
.logoplus {
width: 65%;
margin-top: -30px;
}

.trustw{
	margin-bottom: -15px;
	margin-top: -27px;
}

.btn-esp{
	margin-right: 30px !important;
}

.cptplace{
	border-radius: 7px!important;
	min-width: 216px !important;
	padding: 6px 19px !important;
	font-size: 15px !important;
	float: right;
}

#valider{
	width: 160px;
}


.mottable {
	padding: 0 30px 0 0px;
}

.trust {
margin-top: 15px;
margin-bottom: -58px;
}

/* .tpiframe-wrapper {
	float: right !important;
} */

.ex {
border: #A8052E solid 1px;
padding: 15px;
background: rgba(255, 246, 229, 0.49);
}




/* btn latéral */

#sidebar {
  position: absolute;
}
    
#sidebar.floatable {
  position: fixed;
  top: 0;
}


.titre_acces_bisCrea {
padding: 20px 0px 20px 0px!important;
font-size: 19px;
line-height: 36px;
}


.sansa {
  text-decoration: none !important;
  color: #FFF !important;
}

.MenuTrois {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.MTo {
  margin-top: 4px !important;
}

.MBo{
  margin-bottom: -30px !important;
}

.btnModif {
  font-size: 28px !important;
}

.menu_modif li a{
  font-size: 15.5px !important;
}


.ex {
border: #29364C solid 1px;
padding: 15px;
background: rgba(1, 129, 176, 0.06);
}

.top_img {
	margin-top: -60px;
}
.homme{
	margin-top: -240px;
}


.btn_index {
	padding: 8px 11px;
	font-size: 16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 250px;
}


.creer_page {
	font-family: "Route159-Regular", "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif !important;
	font-size: 13.5px !important;
}

.float-left {
    float: left;
}
.float-right {
    float: right;
}

.center-block > .float-left {
    /* padding-right: 4.5px; */
        padding-left: 3.7px;
}

.center-block > .trio > .float-left {
    /* padding-right: 4.5px; */
        padding-left: 3.7px;
}

.cadre-type {
   /*  border: 1px solid rgba(115, 115, 115, 0.43);
   background-color: rgba(234, 234, 234, 0.23); */
	position: relative;
/* 	padding: 28px 0px 0px; */
top: -70px;
    margin-bottom: -38px;

}
.br_spe_70{
	margin-bottom: 70px;
}
.br_spe_53{
	margin-bottom: 53px;
}
.opacite{
  background-color: rgba(218, 214, 214, 0.41);
  padding : 5px;
}
.noir{
  color: #000 !important;
}
#blocPop h3 {
	font-size: 23.6px;
}
.fs11{
	font-size: 11px;
}
.shadowSeparator {
    background-image: url('../images/shadow.svg');
    /* background-size: 100%; */
    background-image: -moz-radial-gradient(#000000, rgba(0, 0, 0, 0) 75%);
    /* background-image: -webkit-radial-gradient(#000000, rgba(0, 0, 0, 0) 75%); */
    /* background-image: radial-gradient(#000000, rgba(0, 0, 0, 0) 75%); */
    background-repeat: no-repeat;
    /* background-position: 0 -1px; */
    height: 3px;
    opacity: 0.27;
}

.homme2 {
	width: 27% !important;
	margin-top: -52px !important;
	float: right !important;
}
h3{
	text-decoration: underline;
}

ul, menu {
    display: block;
    list-style-type: none !important;

}








.btn-menu {
    background: #ffffff;
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
    background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
    background-image: -o-linear-gradient(top, #ffffff, #ffffff);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 4px;
    font-family: "Route159-Regular";
    color: #000000;
    font-size: 13px;
    padding: 3px 10px 3px 10px;
    border: solid rgba(162, 131, 150, 0.54) 2px;
    text-decoration: none;
    color: black !important;
    text-decoration: none !important;
    margin-left: 5px;
    float: right;
    top: -28px;
    position: relative;
}

.btn-menu:hover {
  background: #f0f0f0;
  background-image: -webkit-linear-gradient(top, #f0f0f0, #dedede);
  background-image: -moz-linear-gradient(top, #f0f0f0, #dedede);
  background-image: -ms-linear-gradient(top, #f0f0f0, #dedede);
  background-image: -o-linear-gradient(top, #f0f0f0, #dedede);
  background-image: linear-gradient(to bottom, rgba(253, 239, 255, 0.47), rgba(173, 157, 171, 0.16));
  text-decoration: none;
}

    .trust_menu{
	position: relative;
	    margin-top: 7px;
	} 


.rapide-gratuit {
    position: relative;
    width: 10%;
    top: -20px;
    /* left: -38px; */
    /* float: left; */
    transform: rotate(-8deg);
}

.uppercase {
	text-transform: uppercase;
}

.red{
	color: rgba(210, 0, 0, 0.84)!important;
}
.docDownload{
    position: relative;
    top: -20px;
    float: right;
    margin-right: -40px;
}
a h4 {
	color: black !important;
	text-decoration: underline;
}
h4 a {
	color: black !important;
}
 .textDoc{
	margin-bottom: 14px;
} 














/* MEDIA QUERIES */ /* MEDIA QUERIES */ /* MEDIA QUERIES */ /* MEDIA QUERIES */ /* MEDIA QUERIES */ 



@media all and (max-width : 980px) {
	.homme {
	    margin-top: 33px !important;
	}
}


/* plus grand que
@media all and (min-width : 768px) {
	.img_resp_style1 {
		max-width: 20%;
	}

	.img_resp_style2 {
		max-width: 35%;
	}
	.top_img{
		margin-top: -60px;
	}
} */



/* plus petit que */
@media all and (max-width : 768px) {
	#sidebar{
	  display: none !important;
	}
	.homme {
	    width: 20% !important;
	}

	.img_resp_style2{
	width: 45% !important;
	margin: 0px auto;
	position: relative;
	left: 25%;
	}
	.trust{
		top: -40px;
		position: relative;
		right: 20px;
	}
	.top_img {
		margin-top: -173px !important;
	}
	.femme {
    width: 20% !important;
    float: right !important;
    margin-top: -290px;
	}
	.homme2 {
	width: 28% !important;
	float: right !important;
	margin-top: 5px !important;
	}
	#social-widget-2 {
	    width: 500px;
	    text-align: center;
	    margin-left: 13%;
	    margin-bottom: 30px;
	}
	.cgu{
		width: 93% !important;
	}
	.titre_acces_up {
	    padding-top: 11px !important;
	    font-size: 27px !important;
	}
	.contact {
		margin-bottom: 30px !important;
		margin-top: 56px !important;
		width: 30% !important;
		float: right !important;
	}
	.login_info {
	    margin-top: 49px !important;
	}
	.options_log{
		width: 250px !important;
	}
	#blocPop {
		
	   top: 20% !important;
	}
	.input-xlarge {
    	width: 268px !important;
	}
	#blocPop {
    width: 600px !important;
}
.docDownload {
    top: 0px;
    margin-bottom: 40px;
    margin-top: -19px;
    float: right !important;
}
.btn_head{
	position: relative !important;
}

}





@media all and (max-width : 611px) {
					.cadre-type {
						display: table !important;
						width: 100%;
					   text-align: center;
					}
					.center-block > .float-left {
			   		clear: both;
			    	padding-bottom: 10px;
					}
	.center-block > .trio > .float-left {
	    clear: both;
	    padding-bottom: 10px;
	}
	.index-img {
		 width: 170px;
	}
					.center-block {
					    margin: 0 auto;
					    text-align: center;
					    vertical-align: middle;
					    width: 180px;
					    height: 80px;
					}

					#blocPop{
						margin-top: 50%;
						max-width: 100%;
					}
}




@media all and (min-width: 612px) and (max-width : 1134px) {
	.queries_type {
		float: none !important;
	}
	.float-left {
		float: none;
		display: table-cell;
	}
	.center-block > .float-left {
    padding-left: 5px;
		}
	.center-block > .trio > .float-left {
	    padding-left: 5px;
	}
	.trio{
		padding-top: 10px;
	}



					.cadre-type {
						display: table;
					   width: 100%;
					   text-align: center;
					}

						.center-block {
					    margin: 0 auto;
					    text-align: center;
					    vertical-align: middle;
					    width: 520px;
					    height: 80px;
					}


					.index-img {
						 max-width: none !important;
					}
} 




@media all and (max-width : 480px) {
	h1{
	  font-size: 34.5px !important;
	}
}



@media all and (max-width : 362px) {
/* 	#valider {
    left: -147px !important;
    position: relative;
    width: 280px;
    line-height: 20px;
} */
}

@media all and (max-width : 574px) {
/* #valider {
    left: -195px !important;
    position: relative;
    width: 200px !important;
    line-height: 20px;
} */
}

@media all and (max-width : 320px) {
/* #valider {
    left: -187px !important;
    position: relative;
    width: 200px !important;
    line-height: 20px;
} */
}




@media all and (max-width : 320px) {
/* #valider {
    left: -197px !important;
    position: relative;
    width: 217px !important;
    line-height: 20px;
} */
}






/* IPHONE */
@media all and (max-width : 320px) {
	h1{
	  	font-size: 23.5px !important;
	}

	.creerCpt:not(.btn_index){
		height: 70px;
		font-size: 20px !important;
		font-weight: bold;
		line-height: 24px !important;
	}

	#blocPop {
		top: 85% !important;
		padding: 20px !important;

	}

	.fermer_popup_index_compte{
		top: 10px !important;
		right: -15px !important;
	}

	.br_spe_53{
		margin-bottom: 23px;
	}
	.br_spe_70{
		margin-bottom: 40px;
	}

/* 	.btn_index{
	width: 60%;
	height: 34px;
	font-weight: bold;
	line-height: 32px !important;
}
 */
 
/* 	.nav {
    top: 0px;
} */

	.btn_head{
		display: none !important;
	}
	.trust{
		display: none !important;
	}


	.homme{
		display: none !important;
	}
	.homme2{
		display: none !important;
	}	
	.femme{
		display: none !important;
	}
	#social-widget-2 {
	    margin-left: 12px;
	    width: 230px;
	}
	.bulle {
	    display: none;
	}
	.form-horizontal .controls {
    	margin-left: 0px !important;
	}
/* 	.logo_span{
	float: right;
	top: 7px;
	width: 40% !important;
	position: relative;
} */
	.textDoc{
		max-width: 103%;
		margin-left: -26px;
	}
	.docDownload{
		top: 30px;
		margin-bottom: 80px;
		left: -42px;
	}



}
/* FIN IPHONE */