#contact {position:relative; top:0; left:0; margin-bottom:3rem}

#contact p.medium_titre_3 span.small {font-size:1.5rem; line-height: 1.7rem;}
#contact p.medium_titre_3 span.tiny {font-size:.9rem;}
#contact .titre_box p.medium_titre_3 {padding-right:1.1rem; text-transform:inherit; color: #bebebe; text-transform: capitalize; text-align: right; margin:0}child {margin:0; line-height:1.96rem; font-size:1.9rem; color:var(--ShipColor);}
#contact p.medium_titre_3 {margin:0 auto 1rem auto; line-height:1.5rem; font-size:1.4rem; color:var(--ShipColor); text-transform: inherit; text-align: center;}
#contact #toptitre p.medium_titre_3 {font-size:2.1rem; line-height: 1.9rem; margin-bottom:0.3rem; text-transform: inherit;}


#contact .grey_box {width:100%; padding:1rem; margin:0 auto 1rem 0 ; background-color:#f1f1f1; color:var(--ShipColor); border-radius:1rem;}
#contact .grey_box p {margin-bottom:.8rem;}
#contact .grey_box p span {font-weight:400;}

#contact .grey_box .flex_contener {display:flex; flex-direction: column; flex-wrap:wrap; margin:0 auto; padding:0 0 1rem 0; justify-content:space-around; background-color:#f1f1f1;}
#contact .flex_contener div.left_bloc, #contact .flex_contener div.right_bloc {color:white; line-height:1rem; padding:1rem; background-color:white;}
#contact .flex_contener div.left_bloc {width:100%; font-size:1.1rem; background-image:url('https://www.ussixthfleet-villefranche.com/images/blason_7.png'); background-size:17rem; background-position:center center; background-repeat: no-repeat;} 
#contact .flex_contener div.left_bloc blockquote {color:var(--ShipColor); text-align:center;}
#contact .flex_contener div.left_bloc blockquote p:first-child {margin-bottom:.6rem; font-size:1.2rem; font-weight:400;}

#contact .flex_contener div.left_bloc blockquote p:nth-child(3), #contact .flex_contener div.left_bloc blockquote p:nth-child(4) {margin-bottom:2rem;}
#contact .flex_contener div.left_bloc blockquote p:nth-child(4) {font-weight:400;}
#contact .flex_contener div.left_bloc blockquote p:nth-child(4) span {font-weight:400; font-size:.9rem;}
#contact .flex_contener div.left_bloc blockquote p:nth-child(5) a:hover {color:red}
#contact .flex_contener div.right_bloc {width:100%;}


.add-bg {background:url('https://www.ussixthfleet-villefranche.com/images/PostIt.png') no-repeat; background-position:center center; min-height:20rem}
#contact div.formc {width:100%; margin:0 auto}
#contact div.formc form {display:flex; flex-direction:column; margin-bottom:2rem;}
#contact .formc input[type="text"],
#contact .formc input[type="email"],
#contact .formc textarea {width:100%}
#contact div.formc textarea {height:11.57rem;}
#contact div.formc input#TEL {margin-bottom:.4rem;}
::placeholder {color:var(--PresqueNoir)}
#contact .my_btn {display:block; font-size:.9rem; padding:.52rem 3rem; height:2.27rem; margin:1rem auto 0 auto; color:white; background-color:var(--BlueNavy);}
#contact .my_btn:hover {background-color:var(--ShipColor); transition:.6s cubic-bezier(.14,.7,.93,.5);}
#contact p.normal {font-size:1rem; color:var(--ShipColor); text-align:center; margin-bottom:.5rem}
#contact p.normal span {font-weight:400; font-size:.8rem;}

#contact div.formc {width:100%; margin:0 auto}
#contact div.formc form {display:flex; flex-direction:column; margin-bottom:2rem;}
#contact .formc input[type="text"],
#contact .formc input[type="email"],
#contact .formc textarea {width:100%}
#contact div.formc textarea {height:11.57rem;}
#contact div.formc input#TEL {margin-bottom:.4rem;}
::placeholder {color:var(--PresqueNoir)}
#contact .my_btn {display:block; font-size:.9rem; padding:.52rem 3rem; height:2.27rem; margin:1rem auto 0 auto; color:white; background-color:var(--BlueNavy);}
#contact .my_btn:hover {background-color:var(--ShipColor); transition:.6s cubic-bezier(.14,.7,.93,.5);}
#contact p.normal {font-size:1rem; color:var(--ShipColor); text-align:center; margin-bottom:.5rem}
#contact p.normal span {font-weight:400; font-size:.8rem;}