/* CSS Document */

#pAccueil{width:100%; background:white; padding:0; margin-top:5px;}
#pAccueil *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
#pAccueil .article .titre{margin-left:0; color:auto;}
#pAccueil .article .resume{margin-left:0;}
	figure{margin:0}

/* Formulaires */
	textarea {font-family:inherit; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; width:100%; padding:10px; min-height:80px; font-size:16px; -webkit-border-radius:0px; border-radius: 0; border:1px solid lightgrey }
	input {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:0px; /*-webkit-appearance:none; */border-radius: 0; border:1px solid lightgrey }
	input[type=text]{float:left; clear:both; height:40px; /*line-height:36px;*/ padding:0 10px 0 10px; font-size:15px}
	input[type=email]{float:left; clear:both; height:40px; /*line-height:36px;*/ padding:0 10px 0 10px; font-size:15px;}
	input[type=password]{float:left; clear:both; height:40px; /*line-height:36px;*/ padding:0 10px 0 10px; font-size:15px;}
	input[type=submit]{-webkit-appearance: none; border:0}
	input[type=button]{-webkit-appearance: none; border:0}
	select{float:left; height:40px; /*line-height:36px;*/ padding:0 10px 0 10px; font-size:15px}
	.formulaire{float:left; width:100%}
	.formulaire .label_1{float:left; width:100%; margin-top:20px; font-size:15px; color:#004A7F; font-weight:bold} /* largeur 100% */
	.formulaire  .alertForumlaireT1 span{display:table-cell; height:40px; vertical-align:middle;}
	/* saisie_1 : input à 50% et message à droite à 50% */
		.formulaire .saisie_1{float:left; width:100%; margin-top:10px}
		.formulaire .saisie_1 input{margin-top:0;} /* largeur 100% */
		.formulaire .saisie_1 input[type=text]{width:calc(50% - 5px); width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); }
		.formulaire .saisie_1 input[type=password]{width:calc(50% - 5px); width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); }
		.formulaire .saisie_1 input[type=email]{width:calc(50% - 5px); width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); }
		.formulaire .saisie_1 select{width:calc(50% - 5px); width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); }
		.formulaire .saisie_1 .birthday {float:left; width:calc(50% - 5px); width:-webkit-calc(50% - 5px); width:-moz-calc(50% - 5px);}
		.formulaire .saisie_1 .iSelectType1{float:left; border-radius: 3px 3px 3px 3px; height: 40px; line-height: 36px; padding: 0 5px; width:calc(30% - 10px); width:-webkit-calc(30% - 10px); width:-moz-calc(30% - 10px); border: 1px #AAA solid;}
		.formulaire .saisie_1 .iSelectType2{float:left; border-radius: 3px 3px 3px 3px; height: 40px; line-height: 36px; padding: 0 5px; width:calc(30% - 10px); width:-webkit-calc(30% - 10px); width:-moz-calc(30% - 10px); border: 1px #AAA solid; margin-left:10px}
		.formulaire .saisie_1 .iSelectType3{float:left; border-radius: 3px 3px 3px 3px; height: 40px; line-height: 36px; padding: 0 5px; width:40%; border: 1px #AAA solid; margin-left:10px}
		.formulaire .saisie_1 .photo{float:left; width:calc(50% - 5px); width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); text-align:center}
		.formulaire .saisie_1 .photo img{width:100%; max-width:150px; border-radius: 50%}
		.formulaire .saisie_1 .alertForumlaireT1{float: left; max-width:calc(50% - 5px); max-width:-webkit-calc(50% - 5px); max-width:-moz-calc(50% - 5px); margin-left: 10px; border-radius:3px 3px 3px 3px; background-color:#778892; color:white;  padding:0 10px; height:40px; display:none}
	/* saisie_2 : input à 100% */
		.formulaire .saisie_2{float:left; width:100%; margin-top:10px}
		.formulaire .saisie_2 input{margin-top:0;} /* largeur 100% */
		.formulaire .saisie_2 input[type=text]{width:100%;}
		.formulaire .saisie_2 input[type=email]{width:100%;}
		.formulaire .saisie_2 input[type=password]{width:100%;}
		.formulaire .saisie_2 textarea{width:100%;}
		.formulaire .saisie_2 .alertForumlaireT1{float: left; margin-left: 10px; border-radius:3px 3px 3px 3px; background-color:#778892; color:white;  padding:0 10px; height:40px; display:none}
	/* saisie_3 : input à 50% */
		.formulaire .saisie_3{float:left; width:100%; margin-top:10px}
		.formulaire .saisie_3 input{margin-top:0;}
		.formulaire .saisie_3 input[type=text]{width:50%;}
		.formulaire .saisie_3 input[type=email]{width:50%;}
		.formulaire .saisie_3 input[type=password]{width:50%;}
	/* messages d'erreur */
		.message_erreur{float:left; width:100%; font-size:14px; color:orange; margin-top:5px}
		.message_erreur:before{content:'► '}
		.message_erreur:first-child{margin-top:10px}

/* Titres */
	/* pour les titres des blocs */
	.titre_bloc	{font-weight:500; font-size:19px; letter-spacing:1.54px; text-transform:uppercase; color:#104B6F; }
	/* pour les titres des listes */

/* Boutons */
	/*type de boutons */
		/* bouton 1 : comme le 2, mais avec une marge à droite et en bas lorsque les boutons se suivent */
		.bouton_1{float:left; padding:6px 16px; /*font-family:"Droid Serif"; */letter-spacing:0.48px; text-transform:uppercase; font-size:13px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); line-height:1.5; cursor:pointer; margin-bottom:10px; margin-right:10px}
		.bouton_1:last-child{margin-right:0}
		/* bouton 2 : pour les boutons de type bouton ou submit ok, envoyer, ... */
		.bouton_2 {float:left; padding:6px 16px; /*font-family:"Droid Serif"; */letter-spacing:0.48px; text-transform:uppercase; font-size:13px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); line-height:1.5}
		.bouton_2:hover{cursor:pointer}
		/* les boutons 1, mais en + gros */
		.bouton_3 {float:left; padding:0 10px 0 10px; /*font-family:"Droid Serif"; */letter-spacing:0.48px; text-transform:uppercase; font-size:15px; line-height:35px; border:0; margin-bottom:5px; margin-right:10px; cursor:pointer}
		.bouton_3:last-child{margin-right:0}
		/* les boutons de type "répondre" sur le forum */
		.bouton_4{padding: 5px 5px; border: 1px solid #004A7F; border-radius: 5px;}
		.bouton_4:hover{cursor:pointer}
		/* les boutons de type "on a essayé pour vous" avec widh100% */
		.bouton_5 {float:left; width:100%; padding:6px 16px; /*font-family:"Droid Serif"; */letter-spacing:0.48px; text-transform:uppercase; font-size:13px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); line-height:1.5; text-align:center}
	/* les liens */
		.lien_1{float: right; width: 100%; color: #3B4D56; font-family: Lato; font-size: 15px; font-weight: 500; letter-spacing: 1.2px;  text-align: right;}
		.lien_2{width: 100%; text-align: right;}
		.lien_2:hover{text-decoration:underline}
		.bleu_4{color:#004A7F}
		.bleu_4:hover{text-decoration:underline}
	/* couleurs */
		.bleu_1{background-color:#004A7F; color:white;}
		.bleu_1:hover{background-color:#2876AE}
		.bleu_1_inverse{background-color:#2876AE; color:white;}
		.bleu_1_inverse:hover{background-color:#004A7F; color:white;}
		.bleu_2{background-color:rgb(146,188,211); color:white;}
		.bleu_2:hover{background-color:#336699; }
		.bleu_3{color:#004A7F}
		.bleu_3:hover{background-color:#004A7F; color:white;}
		.vert_1{background-color:#60B179; color:white;}
		.vert_1:hover{background-color:#75DD96; color:#000000}
		.vert_2{background-color:#60B179; color:white;}
		.orange_1{background-color:#EAAD52; color:white;}
		.orange_1:hover{background-color:#FF9800;}
		/* bouton comme sur le bloc forum */
		.orange_2{background-color:#EAAD52; color:white;}
		.orange_2:hover{background-color:#9E7539;}
		/* bouton comme sur le bloc forum */
		.blanc_1{background-color:white; color:#FF9800;}
		.blanc_1:hover{background-color:#F8F0F0}
	/* autres boutons */
		.boutonT1{background-color: #778892; border-radius: 3px 3px 3px 3px; border: 0; color: white; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; cursor: pointer;}
		.fileUpload {position: relative; overflow: hidden;}
		.fileUpload input.upload {position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
		/*.btn {display: inline-block; margin-bottom: 0; font-size: initial; font-weight: normal; line-height: 38px; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; width:200px;}*/
		.btn-primary {color: #fff; background-color:rgb(146,188,211);}
		.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {color: #fff; background-color: #286090; border-color: #204d74;}



/*bandeauMilieuSupDroite*/
.bandeauMilieuSupDroite{float:right; width:40%; margin-top:10px; padding:10px 10px 0 10px}
.bandeauMilieuSupDroite .inner{float:left; width:100%; margin-top:10px; padding:0 10px 5px 10px; background-color:#EAAD52}
.bandeauMilieuSupDroite  .blocForum:first-child .entete{margin-top:10px}
.bandeauMilieuSupDroite  .blocForum .entete{float:left; width:100%; color:#ffffff; margin-top:20px}
.bandeauMilieuSupDroite  .blocForum .entete a{color:#ffffff; text-decoration:underline}
.bandeauMilieuSupDroite  .blocForum .titre{float:left; width:100%; font-size:15px; font-weight:500; letter-spacing:1.2px; margin:0; padding:0 }
.bandeauMilieuSupDroite  .blocForum .titre a{color:#ffffff}
.bandeauMilieuSupDroite  .blocForum .titre a:hover{text-decoration:underline; color:#ffffff}
.bandeauMilieuSupDroite  .blocForum .resume{float:left; width:100%; color:#252222; line-height:20px; font-size:14px; margin-top:5px; font-weight: 500; letter-spacing: 0.2px; padding-left:0}
.bandeauMilieuSupDroite .ligneboutons{float:right; margin-top:10px; width:100%; color:white; font-family: Lato; font-size: 15px; font-weight: 500; letter-spacing: 1.2px; text-align:right}

/*BandeauMilieuInfDroite*/
.BandeauMilieuInfDroite{float:right; width:40%; margin-top:10px; padding:10px 10px 0 10px;}
.BandeauMilieuInfDroite .inner{float:left; width:100%; margin-top:10px;}
.BandeauMilieuInfDroite .cadreVideo {float:left; width:49%; margin-bottom:10px; }
.BandeauMilieuInfDroite .cadreVideo:nth-child(2n+1){float:right}
.BandeauMilieuInfDroite .cadreVideo iframe {float:left; width:100%}
.BandeauMilieuInfDroite .cadreVideo .legende {float:left; width:100%; background-color:#7FA6BB; color:white; height:38px; padding:5px 10px}
.BandeauMilieuInfDroite .cadreVideo .legende a:hover {text-decoration:underline}
.BandeauMilieuInfDroite .ligneboutons{float:right; width:100%; color: #3B4D56; font-family: Lato; font-size: 15px; font-weight: 500; letter-spacing: 1.2px; text-align:right}
.BandeauMilieuInfDroite .ligneboutons:hover{text-decoration:underline; color:#FF9800}

/*BandeauInfDroite*/
.bandeauInfDroite{float:right; width:40%; margin-top:10px; padding:10px 10px 0 10px}
.bandeauInfDroite .inner{float:left; width:100%; margin-top:10px;}
.bandeauInfDroite .cadreImage {float:left; width:49%; margin-bottom:10px}
.bandeauInfDroite .cadreImage:nth-child(2n+1){float:right}
.bandeauInfDroite .cadreImage img{width:100%; cursor:pointer}
.bandeauInfDroite .ligneboutons{float:right; width:100%; color: #3B4D56; font-family: Lato; font-size: 15px; font-weight: 500; letter-spacing: 1.2px; text-align:right}
.bandeauInfDroite .ligneboutons:hover{text-decoration:underline; color:#FF9800}