body{
	background-image: url('../images/bg.jpg');
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	//background: #b7d4d3;
	background: #dbe9e9;
	
}
.bg{
	//background: rgb(128,222,234);
	// background-color: #d8e7c8;
	 //background-color: #b8c8d8;
	 background-color: #c5e6f8;
}

.bg1{
	//background: rgb(128,222,234);
	background-color: #d8e7c8;
	//color: black;
	 //background-color: #b8c8d8;
	 //background-color: #c5e6f8;
}

.bg2{
	//background: rgb(128,222,234);
	//background-color: #d8e7c8;
	//color: black;
	 background-color: #b8c8d8;
	 //background-color: #c5e6f8;
}

.grey-bg {  
    background-color: #F5F7FA;
}

.well {
  display: flex;
  align-items: center;
}

.espa {
margin: 0;
padding: 0;
font: inherit;
vertical-align: baseline;
}
.esp{
	margin-left: 70px;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.ddiv{
		display: flex; justify-content: space-between; width: 100%;
	}
.info-container {
		width: 800px;
		margin: 20px auto;
		border: 1px solid #eee;
		box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
	}

	.info-container img {
		min-height: 250px;
		min-width: 200px;
		height: 100px;
		width: auto;
	}

	.info-container table {
		width: 100%;
	}

	.info-container td {
	vertical-align: baseline !important;
	padding: 10px;
	font-size: 28px;
	border: 2px solid #eee;
	}

	.info-container td:first-child {
		font-weight: bold;
	}
.info-container tr:nth-child(2) td {
		text-align: center;
	}

.menu0{
	 //background-image: linear-gradient(white, #e9ecef 60%, #e3e7eb);
}
#content0{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: -100; background: rgba(176, 168, 164,0.6);}
#content{position: fixed;top: 13.1%;bottom: 0.1%;left: 5%;right: 0.1%; background: rgba(176, 168, 164,0.6);}
#header{position:fixed; background: rgba(0, 0, 0, 0.6); height:8%; top:0.1%; left:0.1%; right:10%; bottom:0.1%; }
#smenu{position:fixed; background: rgba(0, 0, 0, 0.3); height:5%; top:8.4%; left:5%; right:0.1%; bottom:0.1%; }
#menug1{position:fixed; background: #848484; box-shadow: 5px  5px black;top:8.5%; left:0.1%; right:95.1%; bottom:50%; overflow-y: auto; z-index: 100; }
#menug2{position:fixed; background: #848484; top:13.6%; left:0.1%; right:80.1%; bottom:55%; overflow-y: auto; z-index: 100; }

#logo {
	position:fixed;
	height:8%;
	top:0.1%;
	left:90.1%;
	right:0.1%;
	bottom: 0.1%;
	background: rgba(0, 0, 0, 0.6);
}
.tt{
	font-size: 18px;
}
a{
	cursor: pointer;
	text-decoration: none;	

}
a:hover{
	cursor: pointer;
	text-decoration: none;
}
.ligne{
	font-size: 12px;
	font-weight: bold;
	margin: 0px !important;
	padding: 0px !important;
}
.ligne:hover{
	/*background-color: #fff;
	color: #000 !important;*/ 
	font-size: 14px;
	font-weight: bold;
	margin: 0px !important;
	padding: 0px !important;
}
.active1{
	background: rgb(176, 168, 164,0.6); 
}
.table-stripedp > tbody > tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.1);
}
.table-stripedp > tbody > tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.2);
}
.table-hoverp > tbody > tr:hover {
  background-color: #49515a;
}
.dropdown:hover > .dropdown-menu{
	display: block;

}
.p-form{
    /*box-shadow: 0 0 2px 2px #000;*/
    position: absolute;
  z-index: 3 !important; /* .boite-doree sera au-dessus de .boite-verte et .boite-tirets */
  background: none;
  width: 60%;
  left: 260px;
  top: 4em;

}
.s-form{
    /*box-shadow: 0 0 2px 2px #000;*/
    position: absolute;
  z-index: 3 !important; /* .boite-doree sera au-dessus de .boite-verte et .boite-tirets */
  background: gold;
  width: 30%;
  left: 520px;
  top: 4em;
	background: none;
}
.btn-add-po{
		margin-right: 20px;
}
.l1 {
    background: rgba(165, 111, 19, 0.2);
}
.c1 {
    box-shadow: 1px 1px black;
}

.droite {
    text-align: right !important;
}

.gauche {
    text-align: left;
}

.centre {
    text-align: center;
}

.rouge {
    color: red;
}

.chocola {
    color: beige;
}

.bleu {
    color: blue;
    border-color: black;
}

.noir {
    color: black;
}

.vert {
    color: green;
    border-color: black;
}
.lime {
    color: rgb(0,255,0);
    border-color: black;
}
.rose {
    color: rgb(255,0,255);
    border-color: black;
}
.aq {
    color: rgb(0,225,255);
    border-color: black;
}
.navy {
    color: rgb(0,0,128);
    border-color: black;
}
.jaune {
    color: yellow;
    border-color: black;
}

.jaun {
    color: yellow;
}

.Gras {
    color: none;
    font-weight: bold;
}

.Italique {
    color: none;
    font-style: italic;
}

.Normal {
    color: none;
    font-style: normal;
}

._bleu {
    color: blue;
}

.s_titre {
    background: rgba(165, 111, 19, 0.8);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0.90px;
}

.titre1{
	margin: 0;padding: 0;
	font-size: 30px;
	text-transform: uppercase;
	color: white;text-shadow: #000 1px 1px;
	text-align:center;}
.titre2{
	margin: 0;padding: 0;
	font-size: 13px;
	color: #101030;
	text-align:center;}
.titre3{
	margin: 0;padding: 0;
	font-size: 20px;color: white;
	text-shadow:1px 1px #000;
	margin-top: 5px;margin-bottom: 5px;
	text-align:center;}

.bmenu2{border: none;width: 100%;margin-bottom: 1px;padding-bottom: 8px;padding-top: 2px;
	text-align: center;background: none; color: white;border-radius: 5px 5px 10px 10px;font-size: 16px;}
.bmenu2:hover{cursor: pointer;padding-bottom: 6px;padding-top: 2px;background: white; color: #181531;
              text-shadow: 1px 1px #333;font-size: 18px;}
/******* F.Menu2 Partenaires *****************/
	.bmenu { border: none;background:none;font-size: 20px;
		 text-align: center; text-transform: uppercase; 
		 text-shadow: #333 0.5px 0.5px;margin-bottom: 1px;font-weight: bold; 
		 padding-top: 3px;padding-bottom: 20px; border-left: #666 solid 1px;
		 width: 100%; color:white; box-shadow:   1px #666;}
	.bmenu:hover {	cursor: pointer; background: rgb(176, 168, 164,0.6);
			padding-top: 3px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            			padding-bottom: 7px;color: white;text-shadow: #333 1px 1px;}
		/******** Boutton Ajouter ******/
.badd{  border:none;background: none;padding: 1.5px 3px;
	border-radius: 5px; box-shadow: 1px 1px 1px 1px white;}
.badd:hover{ background:rgb(128,222,234);padding: 1px 1px;
	    cursor: pointer;box-shadow: 1px 1px #666;}
		/********* Boutton Modifier *******/
.bmod{border: none; background:none;padding: 2px 2px;border-radius: 5px;}
.bmod:hover{background: rgb(128,222,234); cursor: pointer;box-shadow:1px 1px blue;}
		/********* Boutton Supprimer ******/
.bsup {	border: none;background: none;padding: 2px 2px;border-radius: 5px;}
.bsup:hover{background:rgb(128,222,234);padding: 2px 2px;border-radius: 5px;
	    box-shadow:1px 1px #666;cursor: pointer;}
		/********* Boutton Detail ******/
.bdet {	border: none;background: none;padding: 2px 2px;border-radius: 5px;}
.bdet:hover {background:rgb(128,222,234);padding: 2px 2px;border-radius: 5px;
	     box-shadow:1px 1px #666;cursor: pointer;}
		/********* Boutton Retour ******/
.bret {	border: none;background: none;padding: 2px 2px;border-radius: 5px;}
.bret:hover {background:rgb(128,222,234);padding: 2px 2px;border-radius: 5px;
	     box-shadow:1px 1px #666;cursor: pointer;}

	h2.titre {color: black;font-size: 20px;text-align: center;}
	table.w60{width:60%; margin-left: 10%}
	.w8{width: 80%;margin-left: 10%;}
	.w80{width: 80%;margin-left: 10%;}
	.w70{width: 80%;margin-left: 15%;}
	.w90{width: 80%;margin-left: 5%;}
	.w98{width: 98%;margin-left: 1%;}

	.bth{ border-radius: 1em; padding: 5px 5px;}
	th{border: none;background: rgba(0, 0, 0, 0.3);
	   text-transform: capitalize;border-bottom: white solid 1px;color: white;
   	   font-size: 16px;text-shadow:1px 1px #000;border-left: white solid 1px;}

	#tdl{border-left: none !important; }
	.bas{border: #26bdef solid 1px;}
	th:first-child{border-left: none !important;}

	/*Designe sur l'arrier plan du tableau*/
	table.c1{background: rgba(50,150,255,1);box-shadow: 1px 1px blue;}
	/*Designe sur ligne paires*/
	.l1{background: #DDF6F9;}
	.centre {text-align: center;}
	.gauche {text-align: left;}
	.droite{text-align: right;!important;}
	.b1 {	border: none; text-align: center; background: #26bdef; color: white;
		border-radius: 8px; box-shadow:#000 2px 2px}
	.b1:hover {cursor: pointer; background: #008D9F; padding: 2px 8px; font-size:15px;}

/****************** formulaire d`ajouter ******************************/
#f1content {position: absolute;width: 100%; top: 15%;padding-top: 10px;}
#f1conteneur {	position: fixed;top: 28%;bottom: 12%;left: 30%;right: 30%;
		z-index: 1000;background: #26bdef;border-radius: 15px;box-shadow: 5px 2px #666;}
#f1header{
	position: absolute;top: 0;
	width: 100%;height: 10%;
	background: #26bdef;border-radius: 15px 15px 0 0;
	text-align: center;}
.f1header:hover {background: blue; color: #fff; cursor: pointer;}
#f1content{
	position: absolute;bottom: 0%; 
	width: 100%; top: 15%;padding-top: 15px;}
#f1footer{
	position: absolute;bottom: 0;
	width: 100%;height: 17%;
	background: #26bdef;border-radius: 0 0 10px 10px;
	text-align: right;margin-right: 10px;}
/*********************** F.Supprimer *********************************/
#f2conteneur {	position: fixed;top: 30%;bottom: 35%;left: 30%;right: 30%;
		z-index: 1000;background: #DDF6F9;border-radius: 15px;box-shadow: 5px 2px #666;}
#f2header{
	position: absolute;top: 0;
	width: 100%;height: 20%;
	background: #26bdef;border-radius: 15px 15px 0 0;text-align: center;}
#f2content{
	position: absolute;bottom: 13%;
	width: 100%; top: 10%;padding-top: 50px;}
#f2footer{
	position: absolute;bottom: 0;
	width: 100%;height: 20%;
	background: #26bdef;border-radius: 0 0 15px 15px;
	text-align: right;margin-right: 10px;}

.ftitre {color: white;font-size: 18px;text-shadow: 1px 1px #000;margin: 0;padding: 0;margin-top: 5px;}
.fbutton {border: none;background: #008D9F;color: white;font-size: 15px;text-shadow: 1px 1px #333;
margin-right: 8px;margin-top: 10px;padding: 5px 10px;border-radius: 5px;box-shadow: 1px 1px #000; }
.fbutton:hover{background: white; color: blue;padding: 5px 20px; cursor: pointer;}

table.formulaire td {font-size: 20px; color: blue; font-family: courier,fixed,monospace; text-align: left;}
input.ftext{background: white; height: 25px; width: 98%; color:black; border-radius: 8px; border:none; text-align: center;} 
select{background: rgb(128,222,234); height: 25px; width: 98%; color:black; border-radius: 8px; border:none; text-align: center;} 
textarea{background: rgb(128,222,234); height: 35px; width: 98%; color:black; border-radius: 8px; border:none; text-align: center;} 
input:focus,select:focus,textarea:focus {border: solid 1px blue;} 
			/********** F.Fin ***********/
/******************* formulaire pour la modification ***********************/
#f1content {position: absolute;width: 100%; top: 15%;padding-top: 10px;}
#fmconteneur {	position: fixed;top: 25%;bottom: 8%;left: 15%;right: 15%;
		z-index: 1000;background:rgb(128,222,234);border-radius: 15px;box-shadow: 5px 2px #666;}
#f1content{
	position: absolute;bottom: 0%; 
	width: 100%; top: 6%;padding-top: 12px;}
#fdfooter{
	position: absolute;bottom: 0;
	width: 100%;height: 10%;
	background: #26bdef;border-radius: 0 0 5px 5px;
	text-align: right;margin-right: 10px;}

.rbutton {border: none;background: #008D9F;color: white;font-size: 15px;text-shadow: 1px 1px #333;
margin-right: 8px;margin-top: 10px;padding: 5px 10px;border-radius: 5px;box-shadow: 1px 1px #000; }
.rbutton:hover{ cursor: pointer;}

table.formulaire td {font-size: 22px; color: black; font-family: courier,fixed,monospace; text-align: left;}
input.fdtext{background: white; height: 25px; width: 50%; color:black; border-radius: 8px; border:none; text-align: center;} /* les input de la date pour aligner  fddtext*/
input.fddtext{background: white; height: 25px; width: 25%; color:black; border-radius: 8px; border:none; text-align: center;}
input.fphoto{background: white; height: 25px; width: 40%; color:black; border-radius: 8px; border:none; text-align: center;}
select{background: white; height: 25px; width: 50%; color:black; border-radius: 8px; border:none; text-align: center;}
/*pour aligner le select avec input sd*/
select.sd{background: white; height: 25px; width: 34%; color:black; border-radius: 8px; border:none; text-align: center;}  
textarea{background: white; height: 60px; width: 50%; color:black; border-radius: 8px; border:none; text-align: center;} 
input:focus,select:focus,textarea:focus {border: solid 1px blue;}

#content_det {position: absolute !important;
				width: 100%; 
				top: 0%; 
				left:10%; 
				right:10%; 
				z-index: 2;}