/*--------------------------------------------------------------
>>> RESPONSIVE DESIGN
---------------------------------------------------------------- */

/* Tablette Portrait */

@media screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {

	/*body {
		max-width:768px;
	}*/

	.hidden-xs {
		display:none;
	}

	.petit_menu a, .petit_menu a:hover {
		font-size: 16px;
	}

	.petit_menu {
		display:none;
	}

	.mobile-header-bar {
		display:block;
	}

	body.form .scolaire h1 {
		font-size: 22px !important;
		margin-top: 0px !important;
		margin-bottom: 27px !important;
	}

	body.form .scolaire {
		margin-top: 12px;
		width:668px;
	}

	#bandeau-home {
		background-size:100%;
		min-height:0px;
	}

	body p {
		font-size:17px;
	}

	#arrow_right {
		margin-top: 0;
		/*margin-top: -321px;*/
	}

	.gs-step {
		font-size: 1.3em;
		height: auto;
		/*margin:0px;*/
		padding: 0.65em;
		width: 2.8em;
	}

	.scolaire h4 {
		font-size:19px;
		color:#00c389;
	}

	body.form .main-content {
		margin-top: 85px;
	}

	/*.container .col-sm-12 {
		width: 92%;
	}*/

	#question {
		float: left;
		position: relative;
		right: 0px;
		/*width: 93%;*/
		width: 100%;
	}

	#question .contact h2 br {
		display:none;
	}

	.bloc-formulaire {
		margin: 0 0 20px 0;
		width:100%;
	}

	.bloc-mentions {
		width:100%!important;
	}

	.bloc-mentions p {
		padding-top:0px;
	}

	#temoignage .contact, #question .contact {
		padding: 30px 30px;
		margin-top:10px;
	}

	footer {
		margin: 40px 0 0 0;
		width:100%;

	}

	body.form .contact {
		margin-bottom:80px;
	}

	/*.container {
		width: 667px!important;
	}*/

	.bandeau-links {
		top: 12px;
	}

	.bandeau-links a {
		font-size: 23px;
		padding-top:52px;
		padding-left:96px;
	}

	.bandeau-links br {
		display:none;
	}

	.bandeau-links span {
		margin-left:10px;
	}

	a.btn-souscrire:link, a.btn-souscrire:active, a.btn-souscrire:visited {
		margin-top: 30px;
		height: 50px;
		font-size: 16px;
		padding: 15px 20px;
		width: 230px;
	}

	a.btn-souscrire:hover{
		background-color: #5a1a66;
	}
	a.btn-souscrire:active{
		background-color: #44144c;
	}

	#exemple .accident p.container-cta-sample{
		top: 0;
	}

	#exemple .deces p.container-cta-sample{
		top: 0;
	}

	.transDoc, .reflexeSante {
		margin-top:10px!important;
	}

	#enjeu {
		float: right;
		margin-top:-25px;
		padding: 10px;
		padding-left: 20px !important;
	}

	#solution h2 {
		margin-bottom: 25px;
	}

	#enjeu ul {
		list-style: none;
		text-align: left;
		width: 80%;
		float: right;
		margin-top: -115px;
		font-size: 16px;
	}

	#enjeu-2{
		margin-bottom: 35px;
	}

	#enjeu-2 > div > div{
		padding: 40px;
		height:240px!important;
	}

	#enjeu-2 h2{
		margin-top: 0;
	}

	.comm-acc-global {
		/*margin-top:-75px;*/
		background-color: white;
		padding: 40px;
	}

	.comm-acc-global h2{
		margin-top: 0
	}

	.bloc-formulaire h3 {
		font-size:19px;
	}

	.bck {
		display:none;
	}

	.comm-acc-un-content {
		background: none;
		height:auto;
		padding:0px!important;
	}

	.comm-acc-un-content li {
		margin-top: 20px;
		font-size:16px;
	}

	#solution .btn-souscrire {
		float: none;
		margin-top: 20px !important;
	}

	.accident, .deces, .joblost {
		min-height: auto;
		margin-bottom:20px;
		margin-left:-15px;
		margin-right:-15px;
	}

	.accident {
		background-position: 630px 30px;
	}

	.deces {
		background-position: 594px 30px;
	}

	.joblost {
		background-position: 624px 30px;
	}

	#exemple h5 {
		margin-top: 35px;
	}

	#temoignage {
		margin-top:8px!important;
	}

	.body-home .contact {
		margin-top: 110px!important;
		margin-left:-15px!important;
		margin-right:-15px!important;
	}

	.body-home .temoin h2 {
		padding-top:15px;
	}

	.body-home footer {
		width: 100%;
	}

	footer a, footer a:hover, footer a:visited, footer a:focus {
		font-size: 16px;
	}

	.logo-gs {
		width:38%!important;
	}

	.bloc-formulaire label {
		font-size: 16px;
	}
}

/* Mobile */

@media screen and (max-device-width: 420px) {

	body {
		max-width:100%;
	}

	body.form p {
		font-size:29px!important;
	}

	.hidden-xs {
		display:none!important;
	}

	.logo-gs {
		width:30%!important;
	}

	.petit_menu {
		width:70%!important;
		float:left!important;
	}

	.petit_menu a {
		font-size:22px;
		margin-right:45px;
	}

	.petit_menu a:hover,
	.petit_menu a:visited,
	.petit_menu a:active{
		font-size: 22px;
	}

	.petit_menu {
		display:none;
	}

	#bandeau-home {
		/*background-size:100%;*/
		min-height:0px;
	}

	body.form .scolaire {
		margin-top: 47px;
	}

	body.form .scolaire h1 {
		font-size: 37px !important;
		margin-bottom:0px!important;
	}

	.gs-step {
		font-size: 1.5em;
	}

	.gs-step-label {
		padding: 0.2em;
	}

	.gs-step-indicator {
		margin-left: -15px;
	}

	.bloc-formulaire, .bloc-formulaire label {
		font-size: 30px;
	}

	label {
		margin-bottom:25px;
	}

	.bloc-formulaire h3 {
		font-size: 42px;
		padding-left:0px;
	}

	.bloc-formulaire input[type="text"], .bloc-formulaire select, .bloc-formulaire textarea {
		padding: 19px 20px;
	}

	#question {
		float: left;
		position: relative;
		right: 0px;
		width: 98%;
	}

	.checkbox-confirm-container input {
		position: absolute;
		top: 12px!important;
		width: 27px!important;
		height: 30px!important;
		left: -2px!important;
	}

	.bloc-mentions {
		width:100%!important;
	}

	.bloc-mentions p{
		font-size:32px!important;
		margin: -20px 0 10px;
	}

	.btn {
		padding: 16px 23px!important;
		font-size: 30px!important;
		margin-right: 31px!important;
		margin-top: 25px!important;
	}

	.btn.right {
		margin-right:0px!important
	}

	#question .contact h2 {
		font-size: 37px!important;
		line-height: 1.3em;
		padding-bottom: 24px;
	}

	#question .contact h3, #question .contact p, #question .contact span {
		font-size: 34px!important;
	}

	.body-home .scolaire h1 {
		font-size: 35px !important;
		margin-bottom:0px!important;
		margin-top:10px!important;
	}

	.body-home p {
		font-size:24px!important;
	}

	.body-home .scolaire h4 {
		font-size: 28px;
		color: #00c389;
		font-family: "NHaasGroteskTXW02-65Md";
		margin-bottom: 20px;
		margin-top: 29px;
	}

	a.btn-souscrire:link, a.btn-souscrire:active, a.btn-souscrire:visited {
		display: inline-block;
		height: auto;
		text-align: center;
		color: #FFF !important;
		background-color: #702082;
		font-size: 24px;
		padding: 20px 32px;
		text-transform: uppercase;
		width: 330px;
		margin-top: 35px;
	}

	#exemple .deces p.container-cta-sample {
		top: 0px;
	}

	#exemple .accident p.container-cta-sample{
		top:0px;
	}

	.bandeau-links a {
		font-size: 40px;
		padding-top:45px;
		padding-left:96px;
	}

	.bandeau-links br {
		display:none;
	}

	.bandeau-links span {
		margin-left:10px;
	}

	#enjeu {
		float: right;
		margin-top:-25px;
		padding: 10px;
		padding-left: 20px !important;
	}

	#solution h2 {
		margin-bottom: 25px;
		margin-top: 0;
	}

	#enjeu ul, .comm-acc-un-content ul {
		list-style: none;
		text-align: left;
		width: 100%;
		float: none;
		margin-top: 30px;
		font-size: 26px;
		padding-left:0px!important
	}

	.comm-acc-un-content ul {
		padding-left:42px!important
	}

	#enjeu p.indispensable,
	#enjeu-2 p.indispensable
	{
		width: 100%;
		font-size:28px!important;
	}

	.body-home h2 {
		font-size:34px!important;
	}

	#enjeu-2 > div > div {
		height: 475px;
	}

	#enjeu ul li, .comm-acc-un-content ul li {
		border-left: 11px solid #702082!important;
		margin-top: 40px;
		padding-left: 30px;
	}

	#enjeu-2{
		margin-bottom: 40px;
	}

	#enjeu h2 {
		margin-top:45px;
	}

	#enjeu-2 > div > div{
		padding: 55px;
	}

	#enjeu-2 h2{
		margin-top: 0;
	}
	#enjeu-2 ul li{
		font-size: 26px;
	}

	.bck {
		display:none;
	}

	.comm-acc-un-content {
		/*background: none;*/
		height:auto;
		/*padding:0px!important;*/
	}

	.col-md-12.comm-acc-un-content {
		padding: 55px;
		margin-left:15px;
		margin-right:15px;
		padding-bottom:15px;
	}

	#solution h3 {
		font-size: 28px;
		padding-bottom:10px;
	}

	#solution .btn-souscrire {
		/*float: right;*/
		margin-top: 50px !important;
		margin-right: 139px !important;
		margin-bottom:35px !important;
	}

	.accident, .deces, .joblost {
		min-height: auto;
		margin-bottom:40px;
		margin-left:-15px;
		margin-right:-15px;
		padding-left:50px!important;
		padding-right:50px!important;
		background-image:none;
	}

	.accident p, .deces p, .joblost p {
		font-size:26px!important
	}

	.accident h5, .deces h5, .joblost h5 {
		font-size:28px!important
	}

	.accident br, .deces br, .joblost br {
		display:none;
	}

	#temoignage {
		margin-top:38px!important;
	}

	.temoin h3 {
		font-size:35px;
	}

	.temoin p {
		font-size:26px!important;
		height: auto;
		max-height:770px;
		overflow:hidden;
		padding-right: 50px;
		padding-bottom: 20px;
	}

	#arrow_left, #arrow_right {
		min-height: 937px;
	}

	#arrow_right {
		margin-top:0px!important;
	}

	i.fa-angle-left, i.fa-angle-right {
		margin-top: 200px;
	}

	.cc-window.cc-floating {
		padding: 1.5em;
		width:100%!important;
		max-width:100%!important;
		font-size:24px;
	}

	.cc-btn.cc-dismiss {
		font-size:24px!important;
		width:auto!important;
		height:auto!important;
	}

	.cc-bottom {
		bottom: 0em!important;
	}

	.body-home .contact {
		margin-top: 100px!important;
	}

	img#logo-gs {
		margin-right:25px;
		margin-top:20px;
	}

	.navbar-default .navbar-nav>li>a {
		font-size: 25px;
		padding-bottom:18px;
	}

	.navbar-toggle {
		margin-left: 45px;
		margin-top: 47px;
	}

	.navbar-toggle .icon-bar {
		display: block;
		width: 35px;
		height: 6px;
		border-radius: 1px;
	}

	.navbar-default .navbar-toggle {
		border-color:none!important;
	}

	.body-home #temoignage .contact h3 {
		font-size: 34px!important;
	}

	.body-home .info_contact {
		font-size: 28px!important;
	}

	.body-home footer ul.right li {
		font-size:30px!important;
	}


	footer {
		height:auto;
		padding-top:20px;
		padding-bottom:20px;
		position:relative!important;
	}

	footer p{
		font-size: 34px!important;
		width:55%;
		text-align:center;
		margin-top:7px;
	}

	.contact {
		margin-bottom:65px;
	}

	body.form .contact {
		margin-bottom:135px;
	}

	footer a {
		font-size:24px!important;
		width:100%;
		text-align:center!important;

	}

	footer ul.right {
		padding-left:15px!important;
		float:none!important;
	}

	.cout_cotisation_container{
		font-size: 24px;
	}

	.bloc-lien-fixed{
		top: 0!important;
		width: 100%!important;
		background: #702082;
	}

	.bloc-lien-fixed li {
		display: inline-block;
		width: 49%;
	}

	header{
		margin-top: 85px;
	}

}

@media screen and (max-width: 420px) {
	.bloc-lien-fixed{
		top: 0!important;
		width: 100%!important;
		background: #702082;
		height:auto;
	}

	.bloc-lien-fixed li {
		display: inline-block;
		width: 49%;
		height:auto;
	}

	header{
		margin-top: 85px;
	}

	.bloc-lien-fixed li a {
		font-size: 0px;
		height: 60px;
	}
}


@media screen and (min-width: 421px) and (max-width: 768px){

	.bloc-lien-fixed{
		top: 0!important;
		width: 100%!important;
		background: #702082;
	}

	.bloc-lien-fixed li {
		display: inline-block;
		width: 49%;
	}

	header{
		margin-top: 85px;
	}

	.bloc-lien-fixed li a {
		font-size: 0px;
		height: 60px;
	}
}

@media screen and (min-width: 769px) and (max-width: 1022px){

	.bloc-lien-fixed{
		top: 0!important;
		width: 100%!important;
		background: #702082;
	}

	.bloc-lien-fixed li {
		display: inline-block;
		width: 49%;
	}

	header{
		margin-top: 85px;
	}

	.bloc-lien-fixed li a {
		font-size: 0px;
		height: 60px;
	}

}

@media screen
and (min-device-width: 1024px)
and (max-device-width: 1260px)  {

	.petit_menu a, .petit_menu a:hover {
		font-size: 16px;
	}

	.petit_menu {
		right: 40px !important;
		width:60%!important;
	}

	.logo-gs {
		width:40%!important;
	}


	#bandeau-home {
		background-size:114%;
		min-height:0px;
	}

	.bandeau-links {
		top: 10px;
	}

	.body-home .col-md-6 {
		/*width: 96%!important;*/
		/*width: 96%!important;*/
	}

	.body-home .scolaire {
		margin-top:0px!important;
		padding: 20px 35px 15px 35px!important
	}

	.bandeau-links a {
		font-size: 23px;
		padding-top:52px;
		padding-left:96px;
	}

	.bandeau-links br {
		display:none;
	}

	.bandeau-links span {
		margin-left:10px;
	}

	#enjeu {
		float: left;
		margin-top: 0px;
		padding-left:0px!important;
		margin-left:19px;
	}

	#enjeu-2{
		margin-bottom: 20px;
	}



	#enjeu ul {
		font-size:14px;
	}

	#solution h2 {
		margin-bottom: 5px;
	}

	.comm-acc-un-content {
		height: auto;
		margin-left: 15px;
		margin-right: 15px;
		padding: 0 20px 20px 20px !important;
	}

	#solution .btn-souscrire {
		float: left;
		margin-top: 20px !important;
		margin-right: 90px !important;
	}

	.deces, .accident, .joblost {
		min-height:530px;
	}

	body.form .scolaire {
		margin-top: 128px;
	}

	#question {
		float: left;
		position: relative;
		right: 0px;
		/*width: 93%;*/
		width: 100%;
	}

	#question .contact h2 br {
		display:none;
	}

	body.form .container .col-md-8 {
		width: 100%;
	}

	#btn_etape {
		margin-bottom: 10px;
		width: 97%;
	}

	#temoignage .contact, #question .contact {
		/* padding: 0px 25px;*/
	}

	.accident{
		background-position: 190px 30px;
	}

	.deces{
		background-position: 156px 42px;
	}

	.joblost{
		background-position: 203px 40px;
	}

	#exemple .deces p.container-cta-sample {

		position: relative;
		top: 80px;
	}

	#exemple .accident p.container-cta-sample {
		position: relative;
		top: 80px;
	}
}

@media (min-width: 768px){
	.navbar-nav {
		float: right !important;
		vertical-align: bottom;
	}
}

@media (min-device-width: 768px) and (max-device-width: 1024px){

	header ul.nav a {
		font-size:22px;
	}

	.scolaire h4, #exemple h5, #temoignage .contact h3, .temoin h2 {
		font-size: 23px;
	}

	.scolaire p, #enjeu-2 ul li, #solution h3, .comm-acc-un-content li, .accident p, .deces p, .joblost p, #temoignage .contact p, footer p, footer a, .temoin p   {
		font-size: 20px;
	}

	a.btn-souscrire:link, a.btn-souscrire:active, a.btn-souscrire:visited {
		font-size: 19px;
		padding: 14px 20px;
		width: 273px;
	}

	#enjeu-2 p.indispensable, #solution h3, .info_contact, .temoin h3 {
		font-size:21px;
	}


	#enjeu-2 > div > div, .comm-acc-global {
		height: 445px!important;
	}

	body h2 {
		font-size:29px;
	}

	.accident, .deces, .joblost {
		margin-left: -15px;
		margin-right: 0px;
		height:720px;
	}

	.deces a.btn-souscrire {
		margin-top:197px!important;
	}

	.accident a.btn-souscrire {
		margin-top:170px!important;
	}

	.body-home .contact {
		margin-top:0px!important;
		margin-left: -15px!important;
		margin-right: 16px!important;
	}

	#temoignage {
		margin-top: 45px!important;
		margin-bottom: 80px!important;

	}

	.temoin h2 {
		margin:0px;
	}

	#temoignage .contact, #question .contact {
		padding: 35px 30px;
	}

	.fix-pad{
		width: 100%;
	}
}

@media (device-width: 1024px) and (device-height: 768px){

	.deces a.btn-souscrire {
		margin-top:119px!important;
	}

	.accident a.btn-souscrire {
		margin-top:93px!important;
	}

	.joblost {
		background-position: 269px 40px;
	}

	.deces {
		background-position: 236px 42px;
	}

	.accident {
		background-position: 272px 30px;
	}

}