/* Feuille de style client */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* Couleur & Fonts */
a:hover
{
	color:#fab800;
}

body
{
	color:#858585;
	font-size:16px;
	font-family: "Montserrat", sans-serif;
	font-weight:normal;
}

h1,h2,h3,h4
{
	color:#002d56;
    font-family: "Montserrat", sans-serif;
}

p
{
	color:#706259;
}

#header
{
	//background-color:#2d3039;
}



#footer
{
	color:#b0b0b0;
	font-size:14px;
}

#title_site h2
{
	color:#b9af7e;
	font-size:34px;
}

#header_contact
{
	color:#FFF;
}

#header_phone
{
	font-size:20px;
	color:#fff;
}

#rot_content #rotator_menu ul li
{
	background-color:#FFF;
}

#rot_content #rotator_menu ul li:hover,#rot_content #rotator_menu ul li.selected
{
	background-color:#3f7cb3;
}

#copyright_content
{
	color:#847870;
	border-top:solid 1px #717171;
}

#copy_left
{
	color:#fff;
	font-size:12px;
}

#copy_right
{
	color:#fff;
	font-size:12px;
}

#page_content
{
	color:#222223;
	font-size:16px;
}

#menu_contact
{
	color:#FFF;
	font-size:20px;
}

#menu_tel
{
	color:#b9af7e;
	font-size:20px;
}

#menu li
{
	color:#1d242c;
	font-size:15px;
}

#menu > li:hover > a,#menu > li.selected:hover > a,#menu > li.selected > a,#menu ul > li.selected > a
{
	color:#ffffff !important;
    background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 1%,rgba(0,0,0,0) 100%);
}

#menu ul li
{
	color:#1d242c;
	font-size:15px;
}

#menu ul li:hover > a,#menu ul li.selected > a
{
	color:#1d242c !important;
	background:#fab800 !important;
}

#menu ul li a
{
	background:rgba(255, 255, 255, 1);
	color:#6b6b6b;
}

#menu ul li:hover
{
	color:#fff;
}


#menu > li:hover > a,
#menu > li.selected > a
{
	border-bottom:solid 12px #0f81bf;
}



#page_content h1,
.h1{
    color: #34414b;
	font-size:50px;
}

#top_page
{
	min-height:150px;
	max-height:400px;
}

#top_page h1
{
    color: #fff;
	font-size:50px;
}

.top_header_menu
{
	color:#FFF;
}

.header_phone
{
	color:#fff;
	font-size:21px;
	font-weight:700;
}

.header2 .header_phone
{
	font-size:24px;
}

.rot_box_content
{
	color:#FFF;
	font-size:44px;
}
.btn
{
	font-size:14px;
    font-family: "Quattrocento Sans", sans-serif;
}

.btn_petit
{
	font-size:13px;
}

.btn_gros
{
	font-size:18px;
}

.btn,.btn_gros,.btn_petit
{
	color:#1d242c !important;
	background-color:#fab800;
    border-radius: 10px;
}

.btn:hover,.btn_petit:hover,.btn_gros:hover
{
	background-color:#1d242c;
	color:#fab800 !important;
}

.btn.btn_border_white
{
    border: solid 2px #fff;
}

.btn_white
{
    background-color:#fff;
}

.footer_title
{
	color:#fff;
	font-size:16px;
}


.sous-title
{
	color:#808285;
	font-size:24px;
}

.title-h1
{
	font-size:50px;
    color: #2a3519;
}

h2
{
	font-size:28px;
	color:#1d242c;
    font-weight: 700;
    text-transform: none;
}

h3
{
    color: #1d242c;
	font-size: 25px;
    font-weight: 700;
    text-transform: none;
}

h4
{
    color: #1d242c;
	font-size: 22px;
    font-weight: 700;
    text-transform: none;
}

h5
{
    color: #1d242c;
	font-size: 21px;
    font-weight: 700;
    text-transform: none;
}

h6
{
	font-size: 20px;
	color:#1d242c;
    font-weight: 700;
    text-transform: none;
}

#page_content ul li:before
{
	color:#002d56;
}

#page_content ul li a
{
	color:#002d56;
}


.rot_txt
{
	color:#ffffff;
	font-size:40px;
    font-weight: 600;
    width: 60%;
    margin-left: 20%;
    margin-bottom: 10px;
    line-height: 1.2;
    text-shadow: 0px 0px 8px black;
}

.rot_title
{
	font-size:50px;
    width: 60%;
    margin-left: 20%;
    text-transform: none;
    line-height: 1.2 !important;
    margin-bottom: 0px;
    text-shadow: 0px 0px 8px black;
}

.title
{
	font-size:22px;
	color:#000;
}

#rotator_text ul li
{
	color:#FFF;
	font-size:17px;
}

#facebook_ico:before,
#instagram_ico:before,
#pinterest_ico:before,
#youtube_ico:before,
#twitter_ico:before,
#google_ico:before,
#linkedin_ico:before,
#mail_ico:before,
.header_phone:before
{
	color:#0f81bf;
	font-size:18px;
}

#facebook_ico:hover:before,
#instagram_ico:hover:before,
#pinterest_ico:hover:before,
#youtube_ico:hover:before,
#twitter_ico:hover:before,
#google_ico:hover:before,
#linkedin_ico:hover:before,
#mail_ico:hover:before,
.header_phone:hover:before
{
	color:#fff;
}




.footer_adress
{
	color:#FFF;
	font-size:16px;
}

.footer_tel
{
	color:#e9eaeb;
	font-size:18px;
}

#footer_menu_site > li > a
{
	color:#fff;
}

#footer_menu_site > li:before
{
	color:#333;
}

.social_ico_circle
{
	color:#0f81bf;
}


.social_ico_circle:hover
{
	//background-color:#0f81bf !important;
}

#footer_menu > li
{
	color:#b0b0b0;
	font-size:14px;
}

#footer_menu > li > ul > li:before
{
	color:#FFF;
	font-size:5px;
}

#footer_menu > li > ul
{
	font-size:12px;
}

.footer_social .social_ico_circle
{
	//background-color:#5b646e;	
}

.footer_social .social_ico_circle:hover
{
	//background-color:#317fc1;	
}

.footer_social #facebook_ico:before,
.footer_social #instagram_ico:before,
.footer_social #pinterest_ico:before,
.footer_social #youtube_ico:before,
.footer_social #twitter_ico:before,
.footer_social #google_ico:before,
.footer_social #linkedin_ico:before
{
	//color:#fff;
	//font-size:18px;
}

.footer_social #facebook_ico:hover:before,
.footer_social #instagram_ico:hover:before,
.footer_social #pinterest_ico:hover:before,
.footer_social #youtube_ico:hover:before,
.footer_social #twitter_ico:hover:before,
.footer_social #google_ico:hover:before,
.footer_social #linkedin_ico:hover:before
.header_phone:hover:before
{
	//color:#fff;
}

.footer_info
{
	font-size:14px;
}


.footer_info > li:before
{
	color:#FFF;
}

.footer_xposito:before
{
	color:#fff;
}

.footer_projexmedia:before
{
	color:#fff;
}

.footer_mail
{
	color:#fff;
}

#footer a:hover
{
	color:#fff;
}

.top_header_menu li
{
	font-size:12px;
}

.right_arrow:after
{
	color:#FFF;
	font-size:20px;
}

.rot_prev:before
{
	color:#FFF;
	font-size:18px;
}

.rot_next:before
{
	font-size:18px;
	color:#FFF;
}

.rot_prev:hover:before
{
	font-size:30px;
}

.rot_next:hover:before
{
	font-size:30px;
}

#copyright
{
	color:#fff;
}

#page_content ul li:before
{
	font-size:5px;
}

.footer_xposito:before
{
	font-size:24px;
}

.footer_projexmedia:before
{
	font-size:24px;
}

#menu li a.more:after
{
	font-size:14px;
}

.formulaire_correct .formulaire_message
{
	border:solid 1px #060;
	color:#060;
	background-color:#f9fff9;
}

.formulaire_error .formulaire_message
{
	border:solid 1px #900;
	color:#900;
}

.field_error
{
	border:solid 1px #900 !important;
	color:#900;
}

.note
{
	font-size:13px;
}

.custom_file
{
	background-color: #317fc1;
	color: #fff;
	font-size: 14px;
}
.custom_file:hover
{
	background-color:#fff;
	color:#317fc1;
}

.custom_file_txt
{
	background-color: #fff;
    font-size: 14px;
}

/* Fin Couleur & Font */





/* Header 1 */

/* Fin Header 1 */



/* Footer 1 */

#footer.footer1 #facebook_ico:before,
#footer.footer1 #instagram_ico:before,
#footer.footer1 #pinterest_ico:before,
#footer.footer1 #youtube_ico:before,
#footer.footer1 #twitter_ico:before,
#footer.footer1 #google_ico:before,
#footer.footer1 #linkedin_ico:before
{
	color:#fab800;
}

#footer.footer1 #facebook_ico:hover:before,
#footer.footer1 #instagram_ico:hover:before,
#footer.footer1 #pinterest_ico:hover:before,
#footer.footer1 #youtube_ico:hover:before,
#footer.footer1 #twitter_ico:hover:before,
#footer.footer1 #google_ico:hover:before,
#footer.footer1 #linkedin_ico:hover:before
{
	color:#fff;
}

#footer.footer1 #footer_menu > li a:hover,
#footer.footer1 #footer_menu > li.selected a
{
	color:#fab800 !important;
}

#footer.footer1 .social_ico_circle
{
	color:#e9eaeb;
}

/* Fin Footer 1 */




/* Custom */
.Accueil #wrapper
{
	padding-top:0px;
	padding-bottom:0px;
}

.btn_test
{
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	border:solid 1px #1e5799;
	
	background: #7db9e8;
	background: -moz-linear-gradient(left,  #7db9e8 0%, #1e5799 50%, #7db9e8 100%);
	background: -webkit-linear-gradient(left,  #7db9e8 0%,#1e5799 50%,#7db9e8 100%);
	background: linear-gradient(to right,  #7db9e8 0%,#1e5799 50%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#7db9e8',GradientType=1 );

	background-size:200%;
	background-position:0% 0%;

	webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_test:hover
{
	background-position:100% 0%;
}

.btn_test2
{
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	border:solid 1px #1e5799;
	
	background: #7db9e8;
	background: -moz-linear-gradient(-45deg,  #7db9e8 0%, #1e5799 50%, #7db9e8 100%);
	background: -webkit-linear-gradient(-45deg,  #7db9e8 0%,#1e5799 50%,#7db9e8 100%);
	background: linear-gradient(135deg,  #7db9e8 0%,#1e5799 50%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#7db9e8',GradientType=1 );


	background-size:200%;
	background-position:0% 0%;

	webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_test2:hover
{
	background-position:100% 0%;
}

.btn_test3
{
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	border:solid 1px #1e5799;
	
	background: #65bc78;
	background: -moz-linear-gradient(left,  #65bc78 0%, #3b6d4c 50%, #65bc78 100%);
	background: -webkit-linear-gradient(left,  #65bc78 0%,#3b6d4c 50%,#65bc78 100%);
	background: linear-gradient(to right,  #65bc78 0%,#3b6d4c 50%,#65bc78 100%);



	background-size:200%;
	background-position:0% 0%;

	webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_test3:hover
{
	background-position:100% 0%;
	
	background: #65bc78;
	background: -moz-linear-gradient(left,  #65bc78 0%, #3b6d4c 50%, #65bc78 100%);
	background: -webkit-linear-gradient(left,  #65bc78 0%,#3b6d4c 50%,#65bc78 100%);
	background: linear-gradient(to right,  #65bc78 0%,#3b6d4c 50%,#65bc78 100%);

}

.toggle_title_block
{
    border:solid 1px #1d242c;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
}

.toggle_icone
{
    left: auto !important;
    right: auto !important;
    position: relative;
    height: auto;
    display: flex;
    align-items: center;
    background-color: #fab800;
}

.toggle_title {
    padding: 10px 20px 10px 20px !important;
    order: 2;
    width: 100%;
    background-color: #1d242c;
    color: #fff;
    font-weight: 700;
}


.toggle_icone > i
{
    top: 0;
    transform: none;
    
}

.toggle_html
{
    border:solid 1px #1d242c;
}

.toggle_item
{
    margin-bottom: 10px;
}

.txt_white
{
    color: #fff;
}

.underline_jaune
{
    margin-bottom: 30px;
}

.underline_jaune:after
{
    content: "";
    width: 100%;
    position: relative;
    height: 3px;
    background-color: #fab800;
    top: 10px;
    display: block;
}

.uppercase
{
    text-transform: uppercase !important;
}

#header.header2 #logo
{
    text-align: left;
}

#menu > li:hover > a, #menu > li.selected > a
{
    border-bottom: none !important;
}

.header_phone_1,
.header_phone_2
{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    color: #fff;
    column-gap: 10px;
    text-align: left;
}


a.header_mail_link
{
    color: #888888;
}

a.header_mail_link:hover
{
    color: #fff;
}


.header_mail_block
{
    color: #888888;
}

.header_tel_block
{
    font-weight: 700;
    font-size: 22px;
}

.header_phone_1 .fa.fa-phone
{
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: 2px solid #fab800;
    color: #fab800;
    transform: rotate(270deg);
}

.header_phone_2 .fa.fa-home
{
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: 2px solid #fab800;
    color: #fab800;
}

.header_phone_block
{
    display: flex;
    gap:20px;
    column-gap: 60px;
}


#footer.footer1 #footer_menu > li
{
    color: #fff;
    font-weight: 500;
}

#footer.footer1 .footer_cell2
{
    width: 30%;
}

#footer.footer1 .footer_cell3
{
    text-align:right;
    width: 40%;
    font-family: "Quattrocento Sans", sans-serif;
}

#rot_content ul .rot_logo
{
    text-align: center;
    margin-bottom: 30px;
}

#rot_content ul .rot_logo img
{
    width: 250px;
    visibility: visible;
}

#page_content_txt > h1
{
    margin-bottom: 50px;
}

#page_content,
.boxed,
#footer_content,
#copyright_content
{
    max-width: 1600px;
}

.title_services
{
	font-size:40px!important;
	font-family: "Montserrat", sans-serif;
	font-weight: 800!important;
	color:#fff!important;
}

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

@media screen and (max-width: 1636px) {
    #footer
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #footer_content,
    #copyright
    {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    #wrapper_content #page_content {
        padding-left: 20px;
        padding-right: 20px;
    }
}



@media screen and (max-width: 1400px)
{
    .rot_title
    {
        /* 50px */
        font-size: 40px !important;
    }
    
    .rot_txt
    {
        /* 40px */
        font-size: 32px !important;
    }
    
    #page_content h1, .h1 {
        font-size: 40px !important;
    }
}

@media screen and (max-width: 1200px)
{
    .rot_title
    {
        /* 50px */
        font-size: 40px !important;
        width: 60%;
        margin-left: 20%;
    }
    
    .rot_txt
    {
        /* 40px */
        font-size: 32px !important;
        width: 60%;
        margin-left: 20%;
    }
}

@media screen and (max-width: 1000px)
{
	
	/* a changer seulement si on veut forcer les couleur du menu mobile	*/
	/* menu mobile */
	body #header #menu li,
	body #header #menu ul li > a
	{
		//background-color:#323b46 !important;
		color:#fff !important;
	}	
	
	/* hover du menu mobile */
	body #header #menu > li:hover > a, body #header #menu > li.selected:hover > a, body #header #menu > li.selected > a, body #header #menu ul > li.selected > a,
	body #header #menu ul li > a:hover,
	body #header #menu ul li:hover > a, body #header #menu ul li.selected > a
	{
		//background-color:#262f39 !important;
		color:#317fc1 !important;
	}
	#menu_media_content
	{
		color:#fff;
	}
    
    .rot_title
    {
        /* 50px */
        font-size: 32px !important;
        width: 80%;
        margin-left: 10%;
    }
    
    .rot_txt
    {
        /* 40px */
        font-size: 26px !important;
        width: 80%;
        margin-left: 10%;
    }
    
    .header_phone_1 .fa.fa-phone,
    .header_phone_2 .fa.fa-home
    {
        width: 34px;
        height: 34px;
        line-height: 30px;
    }
    
    .header_tel_block
    {
        font-size: 16px;
    }
    
    .header_mail_block
    {
        font-size: 14px;
    }
    
    #header #logo img
    {
        max-width: 260px;
    }
    
    .header_phone_block
    {
        column-gap: 40px;
    }
    
    .title_services {
        font-size: 34px !important;
    }
}
	
	
@media only screen and (max-width: 800px) {

  .bloc-equipe .container.equal_height {
    display: flex !important;
    flex-direction: column !important;
  }

  .bloc-equipe .cell_2_3 {
    order: 1 !important;
    width: 100% !important;
  }

  .bloc-equipe .cell_1_3.cell_full {
    order: 2 !important;
    width: 100% !important;
    min-height: 300px !important;
    background-size: cover !important;
    background-position: center center !important;
  }
	
  .bloc-equipe .bloc_texte
  {
	padding: 50px 8% !important;
  }
    
    .rot_title
    {
        /* 50px */
        font-size: 26px !important;
        width: 90%;
        margin-left: 5%;
    }
    
    .rot_txt
    {
        /* 40px */
        font-size: 22px !important;
        width: 90%;
        margin-left: 5%;
    }
    
    
    #header.header2 #header_top
    {
        display: flex;
        flex-wrap: nowrap;
    }
    
    #header.header2 #logo
    {
        width: 50%;
    }
    
    .header2 .top_header_info
    {
        position: relative;
        right: 0;
        top: 0;
        width: 50%;
        transform: none;
        display: flex;
        justify-content: flex-end;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    .header_phone_block
    {
        flex-direction: column;
    }
    .title_services {
        font-size: 30px !important;
    }
    
    #page_content h1, .h1 {
        font-size: 32px !important;
    }
     
}

@media screen and (max-width: 768px) {
    #footer.footer1 .footer_cell1
    {
        width: 100%;
        margin-bottom: 40px;
    }
    
    #footer.footer1 .footer_cell2,
    #footer.footer1 .footer_cell3
    {
        width: 50%;
    }
    
    #footer.footer1 .footer_cell3
    {
        clear: none;
        margin-top: 0px;
    }
    
    #footer.footer1 .footer_cell2
    {
        text-align: center;
    }
    
    #footer.footer1 .footer_cell3
    {
        text-align: center;
    }
}

@media screen and (max-width: 656px) {
    #rot_content ul .rot_logo img {
        height: auto !important;
        max-width: 200px;
    }
    
    .photo_mobile .cell_text {
        padding: 50px 8% !important;
    }
    
    div[class^="cell_"].mobile_padding_20
    {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
	
	
@media screen and (max-width: 650px) {
    .photo_mobile .cell_2_3,
    .photo_mobile .cell_1_3.cell_full {
        float: none !important;
        width: 100% !important;
    }

    .photo_mobile .cell_1_3.cell_full {
        min-height: 280px !important;
    }

    
	
	.title_services {
        font-size: 26px !important;
    }
}

@media screen and (max-width: 600px) {
    #footer.footer1 .footer_cell2, #footer.footer1 .footer_cell3
    {
        width: 100%;
    }
    #footer.footer1 #footer_menu > li
    {
        text-align: center;
    }
}



@media screen and (max-width: 580px) {
    #header.header2 #header_top
    {
        flex-direction: column;
    }
    
    #header.header2 #logo,
    .header2 .top_header_info
    {
        width: 100%;
    }
    
    
    #header.header2 #logo
    {
        text-align: center;
    }
    
    .header2 .top_header_info
    {
        justify-content: center;
    }
    
    .title_services {
        font-size: 24px !important;
    }
    
    
    #page_content h1, .h1 {
        font-size: 28px !important;
    }
    
}


@media screen and (max-width: 480px) {
    #header #logo img
    {
        height: auto !important;
    }
}