/* modal */
.modal {
	z-index: 20;
	margin-top: 0px;
}
.modal-body{
	margin-top: -30px;
	display: block;
	width: 100%;
	color: #000;
	margin-left: 0px;
	margin-right: 20px;
}

.modal_ecole{
	display: block;
	width: 100%;}

.modal_infos{
	display: block;
	width: 100%;}




#menu_traiteur-aperitif {
	padding-right: 0px !important;
}
#menu_traiteur-aperitif .modal-dialog {
	width: 90%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
#menu_traiteur-aperitif .modal-dialog .modal-content {
	width: 100%;
}
#menu_traiteur-entrees{
	padding-right: 0px !important;
}
#menu_traiteur-entrees .modal-dialog {
	width: 90%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
#menu_traiteur-entreess .modal-dialog .modal-content {
	width: 100%;
}
#menu_traiteur-plats_conviviaux{
	padding-right: 0px !important;
}
#menu_traiteur-plats_conviviaux .modal-dialog {
	width: 90%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
#menu_traiteur-plats_conviviaux .modal-dialog .modal-content {
	width: 100%;
}
#menu_traiteur-plats_cuisines{
	padding-right: 0px !important;
}
#menu_traiteur-plats_cuisines .modal-dialog {
	width: 90%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
#menu_traiteur-plats_cuisines .modal-dialog .modal-content {
	width: 100%;
}


#menu_traiteur-froid{
	padding-right: 0px !important;
}
#menu_traiteur-froid .modal-dialog {
	width: 90%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
#menu_traiteur-froid .modal-dialog .modal-content {
	width: 100%;
}



#menu_traiteur-quotidien{
	padding-right: 0px !important;
}
#menu_traiteur-quotidien .modal-dialog {
	width: 90%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
#menu_traiteur-quotidien .modal-dialog .modal-content {
	width: 100%;
}

/*////////////Début déclaration modales Mentions ///////////////*/
#mentions-modale{
	padding-right: 0px !important;
}
#mentions-modale .modal-dialog {
	width: 100%;
	height: 100%;
	margin: 0px;
}
#mentions-modale .modal-dialog .modal-content {
	width: 100%;
}
/*////////////Fin déclaration modales Mentions ///////////////*/


.modal-content {
	background-color: #FFF;
}

.btn-modale_projet {
	background-color: rgba(0,0,0,0.00);
	color: #000;
	border-color: #e42586;
	margin-top: 0px
}
.btn-modale_projet:hover {
	background-color: #e42586;
	color: #fff;
}

.modal-header_ecole {
	display: block;
	height: 200px;
	padding-top: 10px;
}

.section-title_projet h3{
    font-family: "Ms Madi", cursive;
	font-weight: 500;
	color: #e42586;
	font-size: 5em;
	text-transform:none;
	text-align: center;
	padding-left: 10px;
	padding-top: 20px;
}

.section-title_mentions h3{
    font-family: "Ms Madi", cursive;
	font-weight: 500;
	color: #e42586;
	font-size: 3em;
	text-transform:none;
	text-align: center;
	padding-left: 10px;
	padding-top: 20px;
}

.colonne-photos {
	width: 50%;
}
.body-pres2 {
	width: 50%;
}

/*Apparence des points de navigation pour le carousel*/

.modal-body .owl-pagination .owl-page {
	font-size: 3em; 

}

.modal-body .modal_projet .owl-pagination .owl-page span {
	background-color: #fff;
	border-color: #e42586;
	border-width: 2px;
	border-style: solid;
	width: 25px;
	height: 25px;
}
.modal-body .modal_projet .owl-pagination .owl-page.active span {
	background-color: #e42586;
	border-color: transparent;
	border-width: 0px;
	border-style: solid;
}

/*-----------------------------------------*/
/* Paramètres du carousel multi item contenu dans la modale
/*-----------------------------------------*/

.modal-multitem-section {
	padding-top: 20px;
	padding-bottom: 100px;
}

.modal-header_ecole .section-title img {
	float: left;
	height: 90px;
	width: auto;
}




.modal_projet .body-pres2 .tarif {
	font-weight: 700;
	font-size: 1.1em;	
    font-family: "Ubuntu", sans-serif;
	color: #e42586;
}



.modal-multitem-section .body-mentions p{
	display: block;
	height: auto;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 1.2em;
    font-family: "Ubuntu", sans-serif;
	color: #000;
	text-align: center;
	margin-top: 0px;
}
.multitem-section .pres2  {
	display: block;
	width: 500px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}



hr {
    border: none;
    border-top: 3px solid #df001a;
    color: #df001a;
    overflow: visible;
    text-align: center;
    height: 5px;
	width: 80%;
}

hr:after {
    background: #fff;
    margin: 20px 0px;
    position: relative;
    top: 0px;
}


@media (max-width : 1259px){
	.modal-body{
		margin-top: 10px;
	}
	.modal-body .modal-multitem-section .body-pres2 p{
		text-align: center;
	}
	.modal-body .section-title_ecole h3 {
		font-size: 2.2em;
		text-align: center;
		margin-top: 20px;
	}
	.section-title_projet h3 {
		font-size: 4em;
		text-align: center;
		margin-top: 10px;
	}

	.modal_ecole h4{
		text-align: center;
	}
	.modal_ecole h5{
		text-align: center;
	}
	.modal_projet h4{
		text-align: center;
	}
	.modal_projet h5{
		text-align: center;
	}
	
	.modal-header .close:hover {
		color: #fff;
	}
	.modal-body .modal-multitem-section .colonne-photos {
		width: 100%;
		height: auto;
		margin-top: -150px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	.modal-body .body-pres2 {
		width: 100%;
	}	
	.modal-content .modal-body .body-pres2 table {
		display: table;
		width: auto;
/*
		align-items: center;
		justify-content: center;
		text-align: center;
*/
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width : 668px) {
	.modal-header_ecole {
		height: 30px;
	}
	.modal-body{
		margin-top: -50px;
	}
	.modal-body .modal-multitem-section .body-pres2 p{
		text-align: center;
	}
	.modal-body .modal-header_ecole .section-title_projet h3 {
	    font-size: 3em;
		text-align: center;
		padding-top: 50px;
	}
	.section-title_projet h3 {
	    font-size: 2.2em;
		text-align: center;
		margin-top: 0px;
	}	

	.body-pres2 p{
		height: auto;
		text-align: center;
	}
	.modal-body .modal-multitem-section .colonne-photos {
		width: 100%;
		height: auto;
		margin-top: 50px;
	}
	.modal-body .body-pres2 table {
		width: 100%;
	}	
}


/* TABLEAU MODALE TARIFS */
table {
  border-collapse: collapse;
  border: 2px solid rgb(140 140 140);
  font-size: 1.4rem;
  letter-spacing: 1px;
	background-color: fff;
}


thead,
tfoot {
  background-color: rgb(240 230 245);
}

th,
td {
  border: 1px solid rgb(160 160 160);
  padding: 8px 10px;
	background-color: fff;
}
th em{
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: 0px;
}
td:last-of-type {
  text-align: right;
}

tbody > tr:nth-of-type(even) {
  background-color: rgb(237 238 242);
}

tbody  {
  background-color: fff;
}