/* Feuille de style client */
@import url('https://use.typekit.net/kct5hri.css');


/* Couleur & Fonts */
a:hover
{
	color:#01679f;
}

body
{
	color:#2b2b2b;
	font-size:25px;
	font-family: 'verdana', sans-serif;
	font-weight:normal;
	line-height: 1.5;
}

h1,h2,h3,h4
{
	color:#002d56;
}

p
{
	color:#2B2B2B;
}

#header
{
	background-color:#fff!important;
}

#header.header1 #logo 
{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: left;
    width: 1%;
}



#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:#fff;
	border-top:solid 2px #01558d;
}

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

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

#page_content
{
	color:#2b2b2b;
	font-size:20px;
	display: block;
    vertical-align: top;
    width: 100%;
    clear: both;
    max-width: 1900px;
    margin: auto;
    position: relative;
}

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

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

#menu li
{
	color:#2b2b2b;
	font-size:15px;
	font-family: century-gothic, sans-serif;
	font-weight:400;
	background-color: #fff;
}

#menu > li:hover > a,#menu > li.selected:hover > a,#menu > li.selected > a,#menu ul > li.selected > a
{
	color:#0f81bf !important;
	background-color:#fff !important;
}

#menu ul li
{
	color:#2b2b2b;
	font-size:15px;
	font-family: century-gothic, sans-serif;
	font-weight:400;
}

#menu ul li:hover > a,#menu ul li.selected > a
{
	color:#0f81bf !important;
	background:rgba(255,255,255,1) !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;
}

#wrapper
{
    width: 100%;
    padding-bottom: 0px;
    padding-top: 10px;
	margin-top: 0px;
    line-height: 1.3;
}

#page_content h1,
.h1{
	font-size:60px;
    color: #01679f;
	font-family: century-gothic, sans-serif;
	font-weight:400 !important;
	text-transform: none;
}

#page_content img
{
	max-width:100%;
	width:auto;
	height:auto;
	vertical-align:top;
	border-radius: 30px;
}

#top_page
{
	min-height:150px;
	max-height:450px;
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
	margin-top: 10px;
	border-radius: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1900px;
}

#top_page h1
{
    color: #fff;
    position: absolute;
  	left: 0!important; 
    padding-left: 80px;
    padding-right: 80px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
	font-size: 60px;
    font-family: century-gothic, sans-serif;
    font-weight: 400 !important;
    text-transform: none;
}

.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
{
	display:inline-block;
	padding:10px 50px;
	font-size:15px;
	letter-spacing:2px;
	color:#01679f;
	border:solid 2px #01679f;
	border-radius: 30px; /* coins bien arrondis */
    cursor: pointer;
}

.btn_petit
{
	font-size:13px;
}

.btn_gros
{
	font-size:18px;
}

.btn,.btn_gros,.btn_petit
{
	color:#01679f;
	background-color:#FFF;
}

.btn:hover,.btn_petit:hover,.btn_gros:hover
{
	background-color:#fff;
	color:#317fc1;
}

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


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

.title-h1
{
	font-size:76px;
    color: #fff;
	font-family: century-gothic, sans-serif;
	font-weight:normal;
}

h2
{
	font-size:50px;
    color: #01679f;
	font-family: century-gothic, sans-serif;
	font-weight:400;
}

.titre_souligne
{
	font-size:50px;
    color: #01679f;
	font-family: century-gothic, sans-serif;
	font-weight:400;
	position: relative; /* Indispensable pour positionner la ligne par rapport au titre */
    padding-bottom: 15px; /* Espace entre le texte et la ligne */
    color: #005a8d; /* La couleur bleue de votre titre (à ajuster selon votre code) */
}

.titre_souligne::after {
    content: ""; /* Crée l'élément vide */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 150px; /* Longueur de la petite ligne dorée */
    height: 3px; /* Épaisseur de la ligne */
    background-color: #b59431; /* La couleur dorée/ocre de l'image */
}

h3
{
	font-size:30px;
    color: #01679f;
	font-family: century-gothic, sans-serif;
	font-weight:normal;
}

h4
{	
	font-size:28px;
    color: #b89c3a;
	font-family: verdana, sans-serif;
	font-weight: 700;
}

h5
{	
	font-size:25px;
    color: #2b2b2b;
	font-family: verdana, sans-serif;
	font-weight: 400;
}

h6
{
	font-size: 18px;
	color:#000;
}

#page_content ul li:before
{
    content: "\f069";
    font-weight: 300;
    line-height: 1;
	color:#b59431;
    font-size: inherit !important;
}

#page_content ul li a
{
	color:#b59431;
}

#page_content a:not(.btn)
{
    color:#b59431;
    text-decoration: underline;
}

.rot_txt
{
	color:#ffffff;
	font-size:17px;
}

.rot_title
{
	font-size:70px;
}

.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:18px;
}


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

.footer_xposito:before
{
	color:#fff;
}

.footer_projexmedia:before
{
	color:#fff;
}

.footer_mail
{
	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:#e9eaeb;
}

#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:#fff !important;
}

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

/* Fin Footer 1 */




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

.btn_lvi
{
	display:inline-block;
	padding:10px 20px;
	color:#01679f!important;
	border:solid 2px #01679f;
	border-radius: 30px;
    cursor: pointer;
	
	background: #fff!important;
	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_qui_devrait
{
    min-width: 320px; 
    text-align: center; 
    display: inline-block;
    
    box-sizing: border-box; 
	display:inline-block;
	padding:10px 40px;
	color:#01679f!important;
	border:solid 2px #01679f;
	border-radius: 30px;
    cursor: pointer;
	
	background: #fff!important;
	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
{
	display:inline-block;
	padding:10px 20px;
	color:#01679f;
	border:solid 2px #01679f;
	
	background: #fff;
	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%);

}

.title_hotel
{
	font-size:30px;
    color: #2b2b2b;
	font-family: verdana, sans-serif;
	letter-spacing: 0.1em;
	font-weight:700;
}

.text_sous_titres
{
	color:#01679f;
	font-size:25px;
	font-family: century-gothic, sans-serif;
	font-weight:400;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-transform: none;
	}

.text_sous_titres_light_blue
{
	color:#c7f1ff;
	font-size:25px;
	font-family: century-gothic, sans-serif;
	font-weight:400;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-transform: none;
	}

.boxed
{	
	max-width: 1900px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.rounded_corners
{
	border-radius: 30px!important;
}

.text_slogan
{
	font-size:26px;
    color: #b89c3a;
	font-family: verdana, sans-serif;
	font-weight:700;
	letter-spacing: 2px;
	line-height: 40px;
	text-transform: uppercase;
}

.titre_commanditaires 
{
  text-align: center;      /* Centre le texte */
  position: relative;      /* Nécessaire pour positionner la ligne par rapport au titre */
  padding-bottom: 20px;    /* Crée l'espace entre le texte et la ligne */
  color: #4f5a5e!important;             /* Couleur grise du texte selon votre image */
  font-family: century-gothic, sans-serif; /* À adapter selon votre police */
  text-transform: uppercase;
  letter-spacing: 2px;
}

.titre_commanditaires::after {
  content: "";             /* Obligatoire pour afficher le pseudo-élément */
  position: absolute;
  bottom: 0;               /* Place la ligne tout en bas du padding */
  left: 50%;               /* Déplace le début de la ligne au centre */
  transform: translateX(-50%); /* Centre parfaitement la ligne */
  
  width: 150px;             /* Largeur de votre "petite ligne" */
  height: 3px;             /* Épaisseur de la ligne */
  background-color: white; /* Couleur de la ligne */
}

.bloc_organisateurs 
{
  background-color: #ffffff;
  border: 3px solid #01679F; /* Ajustez le code couleur selon votre bleu exact */
  border-radius: 30px;
  padding: 30px;
  min-height: 150px; /* À ajuster selon vos besoins */
  width: 100%;       /* Prend toute la largeur disponible */
  box-sizing: border-box; /* Assure que les 3px de bordure ne cassent pas la largeur */
}

.liste_a_puces {
  list-style: none;         /* Supprime les puces par défaut (ronds noirs) */
  padding-left: 0;          /* Aligne la liste à gauche */
  color: white;             /* Texte en blanc comme sur l'image */
  font-family: sans-serif;
}

.liste_a_puces li {
  position: relative;
  padding-left: 25px !important;       /* Espace pour laisser la place à l'astérisque */
  margin-bottom: 15px;      /* Espace entre les lignes (interligne aéré) */
  font-weight: bold;        /* Texte en gras selon l'exemple */
  line-height: 1.4;
}

/* Création de la puce personnalisée */
.liste_a_puces li::before {
  content: "\f069" !important;             /* Le caractère astérisque mathématique */
  position: absolute;
  left: 0;                  /* Aligne l'astérisque au bord gauche */
  color: #c7f1ff !important;             /* Couleur de la puce */
  line-height: 1;           /* Ajustement vertical */
  top: -2px;                /* Calage précis de la puce par rapport au texte */
    font-weight: 300 !important;
    font-size: inherit !important;
}

.slogan
{
	font-size:50px!important;
    color: #01679f!important;
	font-family: century-gothic, sans-serif!important;
	font-weight:400!important;
}

.toggle_programme
{
 	padding-top: 15px;
  	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

#wrapper .toggle .toggle_item
{
	border:solid 2px #d6ebf2;
	border-radius: 30px; 
	margin-bottom: 20px;
}

#wrapper .toggle .toggle_item .toggle_title
{
	color: #01679f;
	font-size: 22px;
	padding: 15px 20px;
    padding-right: 45px;
}

#wrapper .toggle .toggle_item .toggle_html
{
	padding-top: 0;
	font-size: 18px;
}

#wrapper .toggle .toggle_item .toggle_icone
{
	padding-right: 20px
}

.titres_sections_toggle
{
	 color: #2b2b2b!important;
}

.text_header_accueil
{
	 color: #fff!important;
}

#page_content .img_square > img
{
	border-radius: 0px!important;
}

.block_light_blue
{
	border-radius: 30px!important;
	background-color: #d6ebf2;
}

.block_dark_blue
{
	border-radius: 30px!important;
	background-color: #01679f;
}

.block_a_propos 
{
	background-repeat: no-repeat;
    background-size: auto 100%!important;
    background-position: top right!important;
}


#menu > li > a
{
    border-bottom: 0px !important;
    padding: 20px 20px 20px 20px;
    text-transform: none;
}

#menu > li:first-child
{
    display: inline-block;
}

@media screen and (min-width: 1000px)
{
#menu > li:not(:last-child):after
{
    position: absolute;
    top: 50%;
    right: 0;
    height: 20px;
    width: 2px;
    content: "";
    background-color: #b89c3a;
    transform: translateY(-50%);
}
}

#menu > li:first-child > ul
{
    display: none !important;
}

#menu > li:first-child > a.more:after
{
    display: none !important;
}

a.btn-blue
{
    background-color: #01679f;
    color: #fff;
    text-transform: uppercase;
    border: solid 2px #01679f;
}

#header.header1 #header_top
{
    padding-top: 20px;
}

#menu_block
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

a.btn-langue
{
    padding:10px 20px;
}

a.btn-langue:hover
{
    background-color: #01679f;
    color: #fff;
}

#header #logo img
{
    position: relative;
    margin-top: -50px;
    max-width: 350px
}


#footer.footer1 .footer_cell1
{
    width: 370px;
    text-align: left;
    color: #fff;
    padding-left: 80px;
    padding-right: 40px;
}

.footer_spacer
{
    height: 20px;
}

#footer.footer1 .footer_cell2
{
    width: calc(100% - 370px);
    text-align: right;
    padding-left: 40px;
    padding-right: 80px;
}

#footer .footer_title
{
    display: none;
}

#footer.footer1 .footer_cell2 #footer_menu
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap:10px;
    column-gap: 20px;
    margin-bottom: 30px;
}

#footer.footer1 #footer_menu > li
{
    margin-bottom: 0px;
}

#footer.footer1 .footer_cell2 #footer_menu a
{
    color: #fff;
}

#footer.footer1 .footer_cell2 #footer_menu a:hover
{
    text-decoration: underline;
}

#footer.footer1 #footer_menu > li.type_accueil
{
    display: block;
}

img.footer_logo
{
    margin-bottom: 30px;
}

a.footer_mail
{
    font-size: 20px;
}

#footer.footer1 a:not(.btn):hover
{
    text-decoration: underline;
    color: inherit;
}

.container-flex > .container
{
    display: flex;
    flex-wrap: wrap;
}

.flex
{
    display: flex;
    flex-wrap: wrap;
}
.justify-end
{
    justify-content: flex-end;
}

.align-item-center
{
    align-items: center;
}

.circle_social
{
    background-color: #fff;
    border-radius: 100%;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 36px;
    color: #01679f;
    font-size: 20px;
}


.footer_social_linkedin
{
    gap:20px;
}

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

.footer_info_blue
{
    color:#bee9f9;
}


.toogle_block_img
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:20px;
}

img.toogle_block_img_img
{
    max-width: 200px !important;
}

.toogle_block_title
{
    color: #01679f;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
}

.toogle_block_title:after
{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 3px;
    transform: translateY(10px);
    background-color: #b59431;
}

#page_content ul li
{
    padding-left: 25px;
}

.formulaire_block select, .formulaire_block input, .formulaire_block input[type=date], .formulaire_block input[type=radio], .formulaire_block input[type=file], .formulaire_block input[type=number], .formulaire_block input[type=checkbox], .formulaire_block input[type=text], .formulaire_block textarea
{
    border-radius: 20px;
}


.bg-rounded
{
    border-radius: 30px;
}


table.table_dates_importantes
{
    width: 100%;
    border-collapse: collapse;
    
}

table.table_dates_importantes thead th:first-child
{
    background-color: #0266a1;
    color: #fff;
    border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
}

table.table_dates_importantes thead th:last-child
{
    background-color: #fff;
    color: #0266a1;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
}

table.table_dates_importantes thead th
{
    min-width: 200px;
}

table.table_dates_importantes tbody td
{
    border-bottom: solid 2px #0266a1;
    padding: 10px;
    text-align: center;
    min-width: 200px;
}

.table_responsive
{
    overflow-x: auto;
}

#header.header1 #header_bottom,
#header.header1 #header_top
{
    padding-left: 0px;
    padding-right: 0px;
}

#header_content
{
    max-width: 1900px;
    padding-left: 80px;
    padding-right: 80px;
}

[class^="cell_1"],
[class^="cell_2"],
[class^="cell_3"]
{
    padding-left: 80px;
    padding-right: 80px;
}

.img_fit > img
{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.edition_block > .container
{
    display: flex;
    flex-wrap: wrap;
}

.edition_block > .container > .cell_1_4:last-child
{
    width: calc(25% - 60px);
    margin-left: 60px;
    margin-right: 0px;
}

.edition_block > .container > .cell_1_4:nth-child(2)
{
    width: calc(25% - 60px);
    margin-left: 60px;
    margin-right: 0px;
}

#footer_content,
#copyright_content
{
    max-width: 1900px;
}


#copy_left
{
    padding-left: 80px;
    padding-right: 40px;
}

#copy_right
{
    padding-left: 40px;
    padding-right: 80px;
}

.btn_container:has(.inline)
{
    display: inline-block;
}


.btn_container:has(.inline)

.btn.inline
{
    margin-bottom: 10px;
}




.bloc_organisateurs > .container:after
{
    content: "";
    height: calc(100% - 20px);
    width: 3px;
    background-color: #01679F;
    position: absolute;
    left: 50%;
    top: 0;
}


#custom_slider_txt
{
    width: 520px;
}


.formulaire_block > form#form_proposition
{
    display: flex;
    flex-direction: column;
}

.formulaire_block > form#form_proposition > div:nth-child(8)
{
    order: 10;
}

.formulaire_block > form#form_proposition > div:nth-child(8) > .formulaire_field_txt
{
    display: none;
}

.formulaire_block > form#form_proposition > div.btn
{
    order: 1000;
    place-self:self-start;
}

.top_menu a.btn-langue
{
    margin-left: 20px;
}

.display_none
{
    display: none !important;
}

.formulaire_field_txt
{
    margin-bottom: 10px;
}

@media screen and (max-width: 1936px)
{
    #wrapper_content #page_content
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #header_content
    {
        padding-left: 100px;
        padding-right: 100px;
    }
    
    #top_page
    {
        margin-left: 20px;
        margin-right: 20px;
    }

}

@media screen and (max-width: 1500px)
{
    #header #logo img
    {
        max-width: 280px;
    }
    
    #menu > li > a
    {
        padding: 20px 10px;
    }
    
    #menu li
    {
        font-size: 14px;
    }
    
    .top_menu a.btn-blue
    {
        padding: 10px 30px;
        font-size: 14px;
    }
    
    .top_menu a.btn-langue
    {
        font-size: 14px;
    }
}

@media screen and (max-width: 1400px)
{
    #page_content h1, .h1, #top_page h1
    {
        /* 60px */
        font-size: 50px !important;
    }
    h2,.titre_souligne,.titre_commanditaires
    {
        /* 50px */
        font-size: 40px !important;
    }
    h3
    {
        /* 30px */
        font-size: 28px !important;
    }
    h4
    {
        /* 28px */
        font-size: 26px !important;
    }
    h5
    {
        /* 25px */
    }
}


@media screen and (max-width: 1250px)
{
    #header #logo img
    {
        max-width: 180px;
    }
    
    #menu > li > a
    {
        padding: 20px 8px;
    }
    
    #menu li
    {
        font-size: 13px;
    }
}


@media screen and (max-width: 1196px)
{
    #page_content h1, .h1, #top_page h1
    {
        /* 60px */
        font-size: 44px !important;
    }
    h2,.titre_souligne,.titre_commanditaires
    {
        /* 50px */
        font-size: 36px !important;
    }
    h3
    {
        /* 30px */
        font-size: 26px !important;
    }
    h4
    {
        /* 28px */
        font-size: 24px !important;
    }
    h5
    {
        /* 25px */
        font-size: 25px !important;
    }
}

@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:#2b2b2b !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:#01679f;
	}
    
    .header1 #menu_media
    {
        right: 60px;
    }
    
    #header.header1 .header_top_right
    {
        position: absolute;
        left: 0;
        top: 100%;
    }
    
    #header_content
    {
        position: relative;
        padding-left: 60px;
        padding-right: 60px;
    }
    
    #menu > li:first-child
    {
        display: block;
    }
    
    .header1 #menu
    {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    
    #menu > li:first-child:after
    {
        display: none !important;
    }
    
     #menu > li
    {
        border-top: solid 1px #b89c3a;
    }
    
    [class^="cell_1"], [class^="cell_2"], [class^="cell_3"]
    {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    #footer.footer1 .footer_cell1,
    #copy_left
    {
        padding-left: 40px;
    }
    
    #footer.footer1 .footer_cell2,
    #copy_right
    {
        padding-right: 40px;
    }
    
    #page_content h1, .h1, #top_page h1
    {
        /* 60px */
        font-size: 38px !important;
    }
    h2,.titre_souligne,.titre_commanditaires
    {
        /* 50px */
        font-size: 32px !important;
    }
    h3
    {
        /* 30px */
        font-size: 24px !important;
    }
    h4
    {
        /* 28px */
        font-size: 22px !important;
    }
    h5
    {
        /* 25px */
        font-size: 22px !important;
    }
    
    .block_a_propos
    {
        background: none !important;
    }
    
    .edition_block .cell_1_2
    {
        width: 100%;
    }
    
    .edition_block > .container > .cell_1_4:nth-child(2),
    .edition_block > .container > .cell_1_4:last-child
    {
        width: calc(50% - 15px);
        min-height: 300px;
    }
    
    .edition_block > .container > .cell_1_4:nth-child(2)
    {
        margin-left: 0px;
        margin-right: 15px;
    }
    
    .edition_block > .container > .cell_1_4:last-child
    {
        margin-left: 15px;
        margin-right: 0px;
    }
    
    #top_page h1
    {
        padding-left: 40px;
        padding-right: 40px;
    }
}



@media screen and (max-width: 800px)
{
    #page_content h1, .h1, #top_page h1
    {
        /* 60px */
        font-size: 32px !important;
    }
    h2,.titre_souligne,.titre_commanditaires
    {
        /* 50px */
        font-size: 28px !important;
    }
    h3
    {
        /* 30px */
        font-size: 22px !important;
    }
    h4
    {
        /* 28px */
        font-size: 22px !important;
    }
    h5
    {
        /* 25px */
        font-size: 22px !important;
    }
}

@media screen and (max-width: 656px)
{
    table.table_dates_importantes td
    {
        display: table-cell;
        width: auto;
    }
    
    .container
    {
        display: block;
    }
    
    body [class^="cell_1"], body [class^="cell_2"], body [class^="cell_3"]
    {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    #header_content
    {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    .header1 #menu_media
    {
        right: 40px;
    }
    
    #footer.footer1 .footer_cell1,
    #footer.footer1 .footer_cell2
    {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }
    
    #footer.footer1 .footer_cell2 #footer_menu
    {
        flex-direction: column;
        align-items: center;
    }
    .footer_social_linkedin
    {
        justify-content: center !important;
    }
    
    #page_content h1, .h1, #top_page h1
    {
        /* 60px */
        font-size: 28px !important;
    }
    h2,.titre_souligne,.titre_commanditaires
    {
        /* 50px */
        font-size: 25px !important;
    }
    h3
    {
        /* 30px */
        font-size: 21px !important;
    }
    h4
    {
        /* 28px */
        font-size: 22px !important;
    }
    h5
    {
        /* 25px */
        font-size: 20px !important;
    }
    
    #custom_slider_txt
    {
        width: 100%;
    }
    
    .bloc_organisateurs > .container:after
    {
        display: none !important;
    }
    .bloc_organisateurs h5
    {
        margin-bottom: 20px;
    }
    
    
    .edition_block > .container > .cell_1_4:nth-child(2),
    .edition_block > .container > .cell_1_4:last-child
    {
        width: 100%;
    }
    
    .edition_block > .container > .cell_1_4:nth-child(2),
    .edition_block > .container > .cell_1_4:last-child
    {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    
    .btn
    {
        padding: 10px 30px;
        font-size: 14px;
    }
    
    #top_page h1
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    
}

@media screen and (max-width: 480px)
{
    .header1 #menu_media {
        top: -65px !important;
    }
    
    #header #logo img
    {
        height: auto !important;
    }
    
    .top_menu a.btn-blue,
    .top_menu a.btn-langue
    {
        padding: 7px 14px;
        font-size: 12px;
    }
}