@charset "utf-8";
/* CSS Document */

@media all and (max-width:1023px)
{
	
		input, textarea, select
	{
   		-webkit-appearance: none;
	}
	
.largeur
{
	width:100%;
}

.clear_mobile
{
	clear:both;
	display:block;
}

/* Header *************************************************/

header
{
	min-height:215px;
	width:100%;
	background-color:#fab818;
}

	/* Logo ******************/

#logo
{
	width:224px;
	height:92px;
	background-image:url(../images/header_logo_mobile.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}

#logo a
{	
	width:224px;
	height:82px;
	display:block;
}

#header_jeune
{
	width:100%;
	min-height:175px !important;
}

#logo_jeune
{
	width:224px;
	height:92px;
	background-image:url(../images/header_logo_jeunes_mobile.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}

#logo_jeune a
{	
	width:224px;
	height:182px;
	display:block;
}

	/* Connexion ******************/

#connexion
{
	width:100%;
	overflow:hidden;
	display:inline-block;
	transition:0.2s;
	margin-bottom: 10px;
}



#connexion a
{
	display: block;
	color: #fff;
	border: 2px solid  #11356f;
	text-transform: uppercase;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	padding-left: 40px;
	background: url("../images/connexion.png") #11356f no-repeat left 5px center;
}

.connexion_block_jaune
{
	height:32px;
	width:32px;
	background-color:#ffd672;
	float:left;
}

#connexion_picto_mail
{
	background-image:url(../images/connexion_picto_mail.png);
	background-repeat:no-repeat;
	background-position:center;
}

#connexion_picto_mdp
{
	background-image:url(../images/connexion_picto_mdp.png);
	background-repeat:no-repeat;
	background-position:center;
}

#connexion label input
{
	float:right;
	height:32px;
	width:173px;
	border:none;
	color:#8a8a8a;
	size:12px;
	padding-left:10px;
}

#input_connexion_ok
{
	background-color:#11356f;
	color:#FFF;
	border:none;
	text-transform:uppercase;
	font-size:15px;
	width:40px;
	height:32px;
	float:right;
	cursor:pointer;
	margin-right:10px;
	display:block;
}

#slide
{
	display:none;
}

#contact
{
	display:none;
}

#contact_2
{
	display:none;
}

#contact_3
{
	display:none;
}

#devis_sante
{
	width:100%;
	height:30px;
}

#devis_sante a span
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:13px;
	text-transform:uppercase;
	padding-top:6px;
	margin-right:15px;
}

#imageField
{
	background-color:#11356f;
	color:#FFF;
	border:none;
	text-transform:uppercase;
	font-size:9px;
	width:30px;
	height:27px;
	float:right;
	cursor:pointer;
	margin-right:30px;
}

#imageField:hover
{
	background-color:#ffd672;
}

/* Menu ************************************/

nav 
{
	height:30px;
	overflow:hidden;
}


nav ul#menu li
{
	float:left;
	display:block;
}

nav ul#menu  li a
{
	line-height:43px;
	display:block;
	padding-left:22px;
	padding-right:22px;
	color:#424242;
	font-size:14px;
	font-weight:bold;
}

nav ul#menu  li:hover ul.niveau2
{
	visibility:visible;
}

nav ul#menu  li:hover a.niveau1
{
	text-decoration:none;
	color:#ffffff;
}

/* Sous menu ***************************************************************************************/

nav#menu_mobile
{
	background-image:none !important;
}

nav ul#menu  li ul.niveau2
{
	width:auto;
	position:absolute;
	visibility: hidden;
	z-index:10000;
	background-color:#11356f;
}

nav ul#menu  li ul.niveau2 li
{
	float:none;
	border:none;
	width:100%;	
}

nav ul#menu  li ul.niveau2 li a
{
	font-size:12px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
	color:#ffffff;
	border-bottom:1px solid #ffffff;
	padding-left:30px;
	padding-right:25px;
	text-decoration:none;
}

nav ul#menu  li ul.niveau2 li:last-child a
{
	border:none;
}

nav ul#menu  li ul.niveau2 li a:hover
{
	background:none;
	font-weight:bold;
	font-style:italic;
}

nav ul#menu li:hover nav ul#menu li a
{
	text-decoration:none;
	color:#ffffff;
	background-color:#8a8989;
}

#menu_header
{
  	display:none;
}

nav
{
	clear:both;
	height:auto;
	margin-bottom:20px;
}
nav ul#menu
{
	display:none;
	width:100%;
}

a#menu_mobile
{
	padding:3% 5% 3% 5%;
}

#menu_mobile
{
	color:#fff;
	width:100%;
	display:block;
	font-size:14px;
	font-weight:bold;
	background:url(../images/nav-icon.png) no-repeat center right 15% !important;
}

#menu_mobile:hover,#menu_mobile:active
{
	text-decoration:none;
}
nav ul#menu li
{
	float:none;
	width:100%;	
}

nav ul#menu  li ul.niveau2
{
	position:relative;
	height:0px;
}

nav ul#menu  li:hover ul.niveau2, nav ul#menu  li:active ul.niveau2
{
	height:auto;
}
	
/* Section *************************************************/

#contenu_gauche
{
	width:96%;
	margin-left:2%;
	margin-right:2%;
}

#contenu_droite
{
	width:100%;
}

#contenu_droite .largeur_block
{
	margin-left:auto;
	margin-right:auto;
}

#gauche_gauche
{
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

#gauche_droite
{
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

#contenu_droite_gauche
{
	width:50%;
	float:left;
}

#contenu_droite_droite
{
	width:50%;
	float:right;
}

.largeur_block 
{
	margin-left:auto;
	margin-right:auto;
}

#texte
{
	width:96%;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
}

#prevention_sante
{
	width:318px !important;
}

.actu_jeunes
{
	margin-left:auto;
	margin-right:auto;
}

.actu_jeunes_2
{
	margin-left:auto;
	margin-right:auto;
}

#offre_jeunes
{
	width:100%;
	min-height:65px;
	background-color:#fab818;
}

#offre_jeunes_gauche
{
	float:left;
	width:50%;
}

#offre_jeunes_texte
{
	font-size:30px;
	color:#11356f;
	font-family:montserratbold;
	text-transform:uppercase;
	background-image:url(../images/offre_jeunes_picto.png);
	background-repeat:no-repeat;
	background-position:center right;
	width:100%;
	line-height:65px;
}

#offre_jeunes_droite
{
	float:right;
	width:50%;
	height:65px;
}

#offre_jeunes_btn
{
	margin-top:20px;
}

.img_actu_jeunes
{
	width:100px;
	height:auto;
}

.bloc_nos_garanties_haut_gauche
{
	float:none;
	margin:auto;
	margin-bottom:10px;
}

.bloc_nos_garanties_haut_droite
{
	float:none;
	margin:auto;
	margin-bottom:10px;
}

.bloc_nos_garanties_bas_gauche
{
	float:none;
	margin:auto;
	margin-bottom:10px;
}

.bloc_nos_garanties_bas_droite
{
	float:none;
	margin:auto;
	margin-bottom:10px;
}

select
{
	height:auto !important;
	padding:5px;
}

#form1 select
{
	width:100% !important;
}

select option
{
}

.submit_form
{
	margin-bottom:20px;
}

#form1 label input
{
	width:100%;
	display:inline;
	margin-left:0px;
}

#form1 label textarea
{
	width:100%;
	display:inline;
	margin-left:0px;
}

#form1 label span
{
	margin-top:5px;
	margin-left:0px;
}

#form1 #button
{
	margin-left:38% !important;
}

#form1 label
{
	display:inline;
	padding-bottom:10px;
}

#secu
{
	width:100%;
}

#form2 label
{
	display:block;
	padding-bottom:10px;
}

#form2 label input
{
	width:100%;
}

#form2 label textarea
{
	width:100%;
}

#form2 label span
{
	margin-left:0px;
}

#button_form12
{
	margin-left:38% !important;
	margin-right:auto;
}

.label_boutton_envoyer
{
	width:100%;
}

#form3 label
{
	display:block;
	padding-bottom:10px;
}

.label_bouton_envoyer
{
	text-align:center;
}

#form3 label input
{
	width:100%;
}

#form3 label span
{
	margin-left:0px;
}

#form3 label textarea
{
	width:100%;
}

#form4 label input
{
	margin-bottom:5px;
	width:100% !important;
}

.input_pourcentage_form4
{
	width:100% !important;
}

#form4 label
{
	display:block;
	padding-bottom:10px;
	padding-left:0px;
}

#texte_chexbox_formulaire4
{
	margin-left:0px !important;
}

.span_pourcentage_form4
{
	display:block;
}

#form4 textarea
{
	width:100% !important;
}


#button
{
	margin-left:auto !important;
	margin-right:auto;
}

#Envoyer
{
	margin-left:auto !important;
	margin-right:auto;
}

#form4 label span
{
	margin-left:0px;
}

#form5 label
{
	display:inline;
	padding-bottom:10px;
}

#form6 label
{
	display:inline;
	padding-bottom:10px;
}

#form7 label
{
	display:block;
	padding-bottom:10px;
	padding-left:0px;
}


#form7_span_type
{
	margin-right:0px !important;
}

#envoi
{
	margin-left:auto !important;
	margin-right:auto;
}

#envoi2
{
	margin-left:auto !important;
	margin-right:auto;
}

#Submit
{
	margin-left:auto !important;
	margin-right:auto;
}

#form7 label span
{
	margin-left:0px;
}

#form7 label input
{
	width:100%;
}

#form7 label select
{
	width:100%;
}

#form7 label textarea
{
	width:100%;
}


#form8 label
{
	display:block;
	padding-bottom:10px;
}

#form8 label span
{
	margin-left:0px;
}

#form8 label input {
	width:100%;
}


#form8 label textarea {
	width:100%;
}

#form9 label
{
	display:block;
	padding-bottom:10px;
}

#form9 label input
{
	width:100%;
}

#form9 label select
{
	width:100%;
}

#form9 label #date
{
	width:100%;
}

.form_chek2
{
	margin-left:0px !important;
}

.label_checkbox1
{
	display:inline-flex !important;
	text-align:left;
}

#form9 label span
{
	margin-left:0px;
}

#form10 label
{
	display:inline;
	padding-bottom:10px;
}

#form10 label input
{
	width:100%;
}

#form10_cp
{
	width:100% !important;
}

#form10_tel
{
	width:100% !important;
}

#form10_tel2
{
	width:100% !important;
}

.form10_radio
{
	margin-top:10px;
}

#form10_ou {
	margin-left:0px !important;
}

.largeur_colonne_tableau 
{
	width:100% !important;
}

#form10 label textarea
{
	width:100% !important;
}

#form10 input
{
	width:100%;
}

.select_largeur_label_date
{
	display:inline !important;
}

.div_date_form
{
	width:210px;
	margin-left:auto;
	margin-right:auto;
	padding-left:180px;
}

#form11 label
{
	display:block;
	padding-bottom:10px;
}

#form11 label span
{
	margin-left:0px;
}

#button_form2
{
	margin-left:auto !important;
	margin-right:auto;
}

#form11 #tel
{
	width:100% !important;
	display:inline;
}

#form11 #tel2
{
	width:100% !important;
	display:inline;
}

.largeur_colonne_tableau
{
	width:140px;
	display:block;
	line-height:20px;
}

.bloc_nos_particuliers_bas_droite
{
	margin-top:20px;
	margin-bottom:	
}

#form8 label span
{
	display:block !important;
}

#form8 label textarea 
{
    margin-left: 0px;
}

#form11_entete_1 
{
    display: inline;
}

.select_largeur_date
{
    display: inline;
	min-width:15% !important;
}

.espace_mobile_avant_date
{
	height:10px;
	display:inline;
	width:10px;
	margin-left:25%;
}

.label_input_tel
{
	display:inline !important;
}

.label_tel
{
	display:inline !important;
	margin-bottom:10px;
}

.label_email_mobile
{
	margin-top:15px;
}
	/* Actualité ******************/

#actualite
{
	min-height:157px;
	padding-top:10px;
}
	
#actualite_bg
{
	min-height:157px;
	background-color:#fab818;
}

div#module_actu
{
	min-height:157px;
}


div.fl
{
	padding-bottom:15px;
}

.actu_jeunes
{
	margin-left:5%;
	margin-right:5%;
	width:90%;
}

.actu_jeunes_2
{
	margin-left:5%;
	margin-right:5%;
	width:90%;
}

.carte_div_agence
{
	margin-left:auto;
	margin-right:auto;
}

#carte_img
{
	display:none;
}

#contenu_gauche map
{
	display:none;
}

.redaction_h1
{
	margin-bottom:10px;
}

#form11 label select
{
	width:100%;
}

#form11 label input
{
	width:100% !important;
}

label.radio_mmm
{
	display:inline-flex !important;
	width:30px !important;
	padding-right:50px;
}

.input_mmm
{
	margin-right:15px;
}

#form11 label span
{
	line-height:10px;
	margin-right:0px !important;
}

.label_input_tel
{
	width:100%;
	display:inline;
}

.radio_texte
{
	margin-left:20px !important;
}


/* Tarification *************************************************/

div.mentions_rgpd{
	display:flex;
	flex-wrap:wrap;
}

input.check_rgpd{
   		-webkit-appearance: checkbox;
}
	
#form11 .mentions_rgpd .label_rgpd {
		width: 90%;
		padding-left:10px;
}
/* Footer *************************************************/

#footer_contenu
{
	display:none;
}

#footer_mobile
{
	background-color:#309ad3;
}

#footer_ligne_bas
{
	margin-top:0px;
	padding:5%;
	width:90%;
}

#scenarii
{
	padding-left:5%;
	padding-right:5%;
	padding-bottom:5%;
	width:90%;
	display:block;
}

}


@media all and (max-width:675px)
{
	
#contenu_gauche
{
	width:96%;
}

#gauche_gauche
{
	width:100%;
}

#gauche_droite
{
	width:100%;
}

#contenu_droite
{
	width:100%;
}

#contenu_droite_gauche
{
	width:100%;
	float:none;
}

#contenu_droite_droite
{
	width:100%;
	float:none;
}

#offre_jeunes
{
	width:100%;
	min-height:65px;
	background-color:#fab818;
}

#offre_jeunes_gauche
{
	float:left;
	width:0%;
}

#offre_jeunes_texte
{
	display:none;
}

#offre_jeunes_droite
{
	width:100%;
	height:65px;
}

#offre_jeunes_btn
{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.bloc_nos_garanties_haut_gauche
{
	margin-left:auto;
	margin-right:auto;
}

.bloc_nos_garanties_haut_droite
{
	margin-left:auto;
	margin-right:auto;
}

.bloc_nos_garanties_bas_gauche
{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

.bloc_nos_garanties_bas_droite
{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}


/* Page garantie (tableau accordéon)*/

.page_garantie td
{
	display:block;
	height:auto;
	text-align:center;
	padding:5px;
}
.page_garantie th
{
	display:none;	
}
.page_garantie .col1
{
	background:#001f3d;
	color:#fff;
}

#form8 label textarea {
    margin-left: 0px;
}

iframe
{
	max-width:100% !important;
	height:auto !important;	
}
}