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

@media all and (min-width:1024px)
{

	/* Largeurs ******************/
	
.largeur
{
	width:1000px;
}

#contact
{
	width:70px;
	overflow:hidden;
	height:210px;
	right:0;
	margin-top:-389px;
	background-color:#FFFFFF;
	transition:0.2s;
	z-index:1000;
	position:fixed;
	cursor:pointer;
}
#contact_gauche:hover
{
	opacity:0.9;
}
#contact.hover
{
	margin-right:0px;
	width:350px;
	z-index:1000;
}

#contact_2
{
	width:70px;
	overflow:hidden;
	height:210px;
	margin-top:-96px;
	right:0;
	background-color:#FFFFFF;
	transition:0.2s;
	z-index:1000;
	position:fixed;
	cursor:pointer;
}

#contact_2.hover
{
	margin-right:0px;
	width:350px;
	z-index:1000;
}

#contact_3
{
	width:70px;
	overflow:hidden;
	height:210px;
	margin-top:180px;
	right:0;
	background-color:#FFFFFF;
	transition:0.2s;
	z-index:1000;
	position:fixed;
	cursor:pointer;
}

#contact_3.hover
{
	margin-right:0px;
	width:350px;
	z-index:1000;
}

#contact_gauche
{
	width:70px;
	height:210px;
	float:left;
}

#contact_droite
{
	width:270px;
	height:210px;
	float:right;
}

#contact_gauche_1
{
	width:70px;
	height:70px;
	background-color:#11356f;
	background-image:url(../images/contact_picto_mail.png);
	background-repeat:no-repeat;
	background-position:center;
}

#contact_gauche_2
{
	width:70px;
	height:70px;
	background-color:#309ad3;
	background-image:url(../images/contact_picto_annuaire.png);
	background-repeat:no-repeat;
	background-position:center;
}

#contact_gauche_3
{
	width:70px;
	height:70px;
	background-color:#42356d;
	background-image:url(../images/contact_picto_tel.png);
	background-repeat:no-repeat;
	background-position:center;
}

#contact_droite img
{
	padding:20px 0px 0px 20px;
	display:inline;
}

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

header
{
	height:240px;
	width:100%;
	background-color:#fab818;
	background-position:top left;
	background-repeat:repeat;
}

#header_jeune
{
	background-image:none;
}

#header_jeune_bg
{
	width:100%;
	height:534px;
	background-image:url(../images/header_bg_jeune.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin-bottom:-269px;
}

#header_jeune_bg_2
{
	width:100%;
	height:196px;
	background-image:url(../images/header_bg_jeune.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin-bottom:-269px;
}

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

#logo
{
	width:400px;
	height:136px;
	background-image:url(../images/header_logo.png);
	background-repeat:no-repeat;
	float:left;
	margin:25px 0px 0px 10px;
}

#logo a
{	
	width:400px;
	height:136px;
	display:block;
}

#logo_jeune
{
	width:434px;
	height:136px;
	background-image:url(../images/header_logo_jeune.png);
	background-repeat:no-repeat;
	float:left;
	margin:25px 0px 0px 10px;
}

#logo_jeune a
{	
	width:434px;
	height:136px;
	display:block;
}

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

#connexion
{
	height:115px;
	width:300px;
	float:right;
	padding:10px;
}

#connexion span
{
	color:#42356d;
	size:12px;
	text-transform:uppercase;
	margin-bottom:5px;
	display:inline-block;
}

#connexion label
{
	margin-bottom:0px;
	display:inline-block;
}

.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;
}

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

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



#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 a:hover
{
	background-color: #fff;
	color: #11356f;
}

	/* Devis sante ******************/
	
#devis_sante
{
	float:right;
	display:block;
	width:300px;
	height:29px;
	padding:10px;
	margin-top:-17px;
	z-index:100;
	text-align: right;
}

#devis_sante:hover
{
	background-color:#309ad3;
}


#devis_sante span
{
	font-size:23px;
	text-transform:uppercase;
	margin:0px 0px 0px 12px;
}

#devis_sante_picto
{
	background-image:url(../images/devis_sante_picto.png);
	background-position:right;
	background-repeat:no-repeat;
	width:33px;
	height:33px;
	float:right;
	margin:-2px -4px 0px 10px;
}

	/* Menu ******************/
	
#menu_mobile
{
	display:none;
}

#menu_header
{
	display:block;
	height:45px;
	width:580px;
	margin-top:34px;
	position:relative;
	z-index:1;
}

#menu_header ul li
{
	float:left;
}

#menu_header ul li a
{
	line-height:45px;
	height:45px;
	display:block;
	padding-left:12px;
	padding-right:12px;
	font-size:14px;
	border-right:1px solid #ffffff;
	text-transform:uppercase;
}

#menu_header  li a:hover
{
	text-decoration:none;
	color:#ffffff;
	background-color:#309ad3;
}

#menu_header  li:first-child a, nav #menu_header  li:first-child
{
	border-right:none;
	background-color:#35386d;
	color:#ffffff;
}

#menu_header  li:last-child a, nav #menu_header  li:last-child
{
	border-right:none;
}

#menu_header li:hover
{
	background-color:#309ad3;
}

#menu_header li:hover a
{
	text-decoration:none;
	color:#ffffff;
}

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

#menu_header ul li ul
{
	display:none;
	width:650px;
}

#menu_header ul li:hover ul 
{
 	display:block;
}
 
#menu_header li:hover ul li 
{
 	float:left;
}

#menu_header  li ul li:first-child a, nav #menu_header  li ul li:first-child
{
	border-right:1px solid #ffffff;
	background-color:#309ad3;
	color:#ffffff;
	margin-left:-87px;
}

#menu_header  li ul li:last-child a, nav #menu_header  li ul li:last-child
{
	border-right:none;
}

#menu_header li ul
{
	position:absolute;
	float:left;
}

#menu_header  li ul li a
{
	text-decoration:none;
	color:#ffffff;
	background-color:#309ad3;
	padding-left:50px;
}

#menu_header  li ul li:hover a
{
	color:#35386d;
}


#sous_menu_1 a
{
	background-image:url(../images/menu_picto_mon_contrat.png);
	background-repeat:no-repeat;
	background-position:left 10px top 6px;
}

#sous_menu_2 a
{
	background-image:url(../images/menu_picto_mes_decomptes.png);
	background-repeat:no-repeat;
	background-position:left 10px top 6px;
}

#sous_menu_3 a
{
	background-image:url(../images/menu_picto_demande_info.png);
	background-repeat:no-repeat;
	background-position:left 10px top 6px;
}

#form11 label span 
{
    display: inline !important;
}

#form11 .mentions_rgpd{
	display:flex;
	flex-wrap:wrap;
}

#form11 .mentions_rgpd .label_rgpd{
    width: 95%;
	padding-left:10px;
}

/* Slide *************************************************/

#slide_bg
{
	background-size:cover;
	height:293px;
}

#slide
{
	height:293px;
	z-index:5;
}

#bandeau_1
{
	display:block;
	width:250px;
	height:47px;
	text-align:center;
	text-transform:uppercase;
	background-color:#fab818;
	color:#2d3281;
	font-family:montserratbold;
	font-size:33px;
	padding-top:5px;
	margin-top:-200px;
	position:absolute;
}

#bandeau_2
{
	display:block;
	width:420px;
	height:37px;
	text-align:center;
	text-transform:uppercase;
	background-color:#fab818;
	color:#2d3281;
	font-family:montserratbold;
	font-size:25px;
	padding-top:5px;
	margin-top:-130px;
	position:absolute;
}

#offre_jeunes
{
	width:630px;
	height:65px;
	background-image:url(../images/header_bg_02.jpg);
	padding-left:15px;
	padding-right:15px;
}

#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:320px;
	height:176px;
}

.bloc_nos_garanties_haut_gauche
{
	float:left;
}

.bloc_nos_garanties_haut_droite
{
	float:right;
}

.bloc_nos_garanties_bas_gauche
{
	float:left;
}

.bloc_nos_garanties_bas_droite
{
	float:right;
}

.bloc_nos_particuliers_haut_gauche
{
	float:left;
}

.bloc_nos_particuliers_haut_gauche_2
{
	float:left;
}

.bloc_nos_particuliers_haut_droite
{
	float:right;
}

.bloc_nos_particuliers_haut_droite_2
{
	float:right;
}

.bloc_nos_particuliers_bas_gauche
{
	float:left;
}

.bloc_nos_particuliers_bas_gauche_2
{
	float:left;
}

.bloc_nos_particuliers_bas_droite
{
	float:right;
}

.bloc_nos_particuliers_bas_droite_2
{
	float:right;
}

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

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

.carte_div_agence
{
	float:left;
}

.submit_form3_petit
{
	width:150px !important;
}

	/* Actualité ******************/
	
#actualite
{
	height:157px;
}	
	
#actualite_bg
{
	height:157px;
	background-image:url(../images/header_bg_02.jpg);
	background-position:top left;
	background-repeat:repeat;
}



/* Footer *************************************************/

	/* Footer ******************/
footer
{
	width:100%;
	min-height:440px;
}

#footer_mobile
{
	display:none;
}

.colonne
{
	width:150px;
	height:250px;
	float:left;
	margin-right:20px;
	padding:30px 0px 0px 0px;
}

#derniere_colonne
{
	width:150px;
	height:250px;
	float:left;
	margin-right:0px;
	padding:30px 0px 0px 0px;
}

#derniere_colonne img
{
	display:inline;
}

#footer_contenu
{
	height:370px;
}

#scenarii a
{
	float:right;
}

}

@media all and (max-width:1180px)
{
	
#contact
{
	display:none;
}

#contact_2
{
	display:none;
}

#contact_3
{
	display:none;
}
		
}