/* MENU */

@media (max-width: 320px) {
	
	#custom-bootstrap-menu.navbar-default .navbar-nav > li > a {
		/*         background-color: rgba(12, 12, 12, 0.88) !important; */
		border-radius: 5px;
	}
	
}

@media (min-width: 768px) {
	
	.navbar-nav > li {
		float: left;
		margin-top: 32px;
		line-height: normal;
	}
	
	.navbar-nav {
		float: none !important;
		margin: 0;
	}
	
}

@media all and (max-width: 777px) {
	
	.nav > li > a {
		padding: 10px 6px !important;
	}
	
	li:nth-child(-n+3) {
		border-right: none !important;
	}
	
	.navbar-nav {
		background: rgba(0, 0, 0, 0);
		z-index: 99999;
		position: relative;
		border-radius: 5px;
	}
	
}
/* MENU */

/* FULL SCREEN */

@media (max-width: 320px) {
	header {
		min-height: 130% !important;
	}
	header .header-content {
		position: absolute;
		top: 54% !important;
		padding: 0 50px !important;
	}
	.header-titre {
		font-size: 34px !important;
	}
	.index_text_btn_type_societe {
		font-size: 14.2px !important;
	}
}
@media(min-width:768px) {
	
	header {
		min-height: 100%;
	}
	
}

@media(max-width:768px) {
	
	header {
		min-height: 100%;
	}
	
	header .header-content {
		position: absolute;
		top: 60%;
		padding: 0 50px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	header .header-content .header-content-inner {
		margin-right: auto;
		margin-left: auto;
		max-width: 1000px;
	}
	
	header .header-content .header-content-inner p {
		margin-right: auto;
		margin-left: auto;
		max-width: 80%;
		font-size: 18px;
	}
	
}

/* FULL SCREEN */

/* CERCLE */

@media (max-width: 1199px) {
	
	.rounded-crea, .rounded-modif, .rounded-liqui {
		border-radius: 50% !important;
		background: rgba(255, 255, 255, 0.78) !important;
		width: 280px !important;
		height: 280px !important;
		margin: 21px !important;
		padding: 5% !important;
	}
	
}

@media (max-width: 990px) {
	
	.rounded-crea p, .rounded-modif p, .rounded-liqui p {
		font-family: 'Roboto';
		font-size: 12px;
		color: #121212;
		text-align: center;
		padding: 20px;
	}
	
	.rounded-crea, .rounded-modif, .rounded-liqui {
		border-radius: 50% !important;
		background: rgba(255, 255, 255, 0.78) !important;
		width: 230px !important;
		height: 230px !important;
		margin: 9px !important;
		/* padding: 5% !important; */
	}
	
}

@media (max-width: 768px) {
	
	.rounded-crea p, .rounded-modif p, .rounded-liqui p {
		font-family: 'Roboto';
		font-size: 12px;
		color: #121212;
		text-align: center;
		padding: 20px;
	}
	
	.rounded-crea, .rounded-modif, .rounded-liqui {
		border-radius: 50% !important;
		background: rgba(255, 255, 255, 0.78) !important;
		width: 230px !important;
		height: 230px !important;
	}
	
	.rounded-crea {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	
	.rounded-modif {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	
	.rounded-liqui {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	
}

@media (max-width: 360px) {
	
	.section2 {
		background-position: left !important;
	}
	
	.rounded-crea {
		margin: 30px auto !important;
	}
	
	.rounded-modif {
		margin: 30px auto !important;
	}
	
	.rounded-liqui {
		margin: 30px auto !important;
	}
	
}

/* CERCLE */

/* SECTION 3 */

@media (max-width: 768px) {
	
	.section3 img {
		display: block;
		max-width: 100%;
	}
	
	.section3 {
		width: auto !important;
		height: auto !important;
		background-color: #00b6da;
		background-image: -webkit-linear-gradient(top, #00b6da, #10a4d0 99%);
		background-image: -moz-linear-gradient(top, #00b6da, #10a4d0 99%);
		background-image: -o-linear-gradient(top, #00b6da, #10a4d0 99%);
		background-image: -ms-linear-gradient(top, #00b6da, #10a4d0 99%);
		background-image: linear-gradient(to bottom, #00b6da, #10a4d0 99%);
	}

}

@media (min-width: 768px) {
	
	.section3-row {
		position: relative !important;
		/*    margin-right: 40px !important; */
	}
	
	.section3-text {
		/*      position: absolute !important; */
		bottom: 0 !important;
		left: 0 !important;
		top: 0;
	}
	
}

@media (max-width: 360px) {
	
	.section3 h2 {
		font-size: 32px;
	}
	
}

@media (max-width: 1200px) {
	
	.coche {
		float: left;
		margin-left: 18px;
	}
	
}

@media (min-width: 980px) {
	
	.section3-text {
		line-height: 1.3 !important;
	}
	
}

@media (max-width: 768px) {
	
	.coche {
		float: none;
		margin-left: 10px;
		max-width: 8%;
	}
	
}

/* SECTION 3 */

@media (max-width: 768px) {
	
	.section5 {
		text-align: center;
		color: #fff;
		background-image: url(../site_images/background-5-min.jpg);
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		padding: 100px !important;
		background-repeat: no-repeat;
		background-position: right;
	}
	
}

/* Page produit */ /* Page produit */ /* Page produit */ /* Page produit */ /* Page produit */ /* Page produit */

@media (max-width: 980px) {
	
	.btn_modif img, .btn_liqui img {
		width: auto !important;
	}
	
}

@media (max-width: 360px) {
	
	.half_background_teasers {
		background-position: right;
	}
	
}

@media (max-width: 321px) {
	
	.half_background_teasers_titre {
		left: 20px !important;
	}
	
	.index_text_btn_type_societe {
		font-size: 14.2px !important;
	}
	
}

@media (min-device-width : 321px) and (max-device-width : 1200px) {
	
	.losange {
		visibility: hidden !important;
	}
	
}

@media (max-width: 416px) {
	
	#signup {
		width: 100%;
		height: 80%;
		left: 0% !important;
		margin-left: 0px !important;
		margin-top: -53px !important;
		padding: 27px !important;
	}
	
}

@media (max-width: 320px) {
	
	#signin {
		height: 405px !important;
		width: 330px !important;
	}
	
}

@media (max-width: 416px) {
	
	#signin {
		width: 100% !important;
		height: 77% !important;
	}
	
}

@media (max-width: 416px) {
	
	.mot_de_passe_oublie {
		position: relative !important;
		text-align: left;
		padding: 10px 0px 10px 15px !important;
		left: 0;
	}
	
}

/* MEDIA BTN MODIF premiere page*/

@media (max-width: 1377px) {
	
	.text_btn_type_societe_modification {
		font-size: 16px;
	}
	
}

@media (max-width: 1240px) {
	
	.text_btn_type_societe_modification {
		font-size: 14px;
	}
	
}

@media (max-width: 1117px) {
	
	.text_btn_type_societe_modification {
		font-size: 13px;
	}
	
}

@media (max-width: 969px) {
	
	.text_btn_type_societe_modification {
		font-size: 18px;
	}
	
}

@media (max-width: 1230px) {
	
	.text_btn_type_societe_scicv {
		left: 19px;
	}
	
}

@media (max-width: 1219px) {
	
	.text_btn_type_societe_scicv {
		left: 15px;
	}
	
}

@media (max-width: 990px) {
	
	.img_btn_type_societe, .img_btn_type_societe_haut {
		display: block;
	}
	
	.text_btn_type_societe_modification {
		font-size: 18px;
	}
	
}

@media (max-width: 1087px) {
	
	.img_btn_type_societe, .img_btn_type_societe_haut {
		display: none;
	}
	
}

/* MEDIA BTN LIQUI premiere page*/

@media (max-width: 1403px) {
	
	.btn_tup, .text_btn_type_societe {
		left: 11px !important;
	}
	
}

@media (max-width: 1364px) {
	
	.btn_tup {
		font-size: 15px !important;
		top: 14% !important;
	}
	
}

@media (max-width: 1391px) {
	
	.text_btn_type_societe {
		font-size: 18px;
		top: 30%;
		left: 20px;
	}
	
	.text_btn_type_societe_scicv {
		font-size: 18px;
		top: 10% !important;
		text-align: initial !important;
	}
	
	.btn_tup {
		font-size: 14px !important;
		top: 17% !important;
		left: 10px;
	}
	
}

@media (max-width: 1224px) {
	
	.text_btn_type_societe {
		font-size: 16px;
		top: 35%;
	}
	
	.btn_tup {
		font-size: 13px !important;
	}
	
}

@media (max-width: 1130px) {
	
	.img_btn_type_societe {
		display: none;
	}
	
}

@media (max-width: 1041px) {
	
	.btn_tup {
		top: 1% !important;
	}
	
}

@media (max-width: 980px) {
	
	.losange {
		display: none !important;
	}
	
}

/* ____________________________________________Ajout depuis page index */

@media (max-width: 1200px) {
	
	.section3-text img {
		width: 100%;
	}
	
	.homme {
		width: 30%;
	}
	
	.div-homme {
		text-align: center;
	}
	
}

@media (max-width: 980px) {
	
	.section3-text img {
		width: 100%;
	}
	
	.homme {
		width: 30%;
	}
	
	.div-homme {
		text-align: center;
	}
	
}

@media (max-width: 360px) {
	
	.homme {
		width: 50%;
	}
	
}