/**********************************************************************************/
/***********JUSTE POUR LES RESULTATS****/
/**********************************************************************************/
input[type=submit].blocbpan {
	
	text-align: center;
	width: 190px;
	float: left;
	background: #8c1f3e;
	border-right: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
	border: none;
	padding:10px;

	margin-left:30px;
/* border:1px solid #8C1F3E;"  */

	white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */

 /*
 width:170px; height:50px; padding:0 0px 0 90px;  cursor:pointer; text-align:left;
 height: 45px;
 	height: 48px;
*/

}

input[type=submit].blocbpan:hover {
	background: #f39803;
	color: #8c1f3e;
	cursor: pointer;
}

.bloctitreres {
 	height: 26px;
	width:100%;max-width: 726px;
	margin-top: 10px;

}
/*	background: #8c1f3e;
*/
.titreres {
	font-size: 18px;
	background: #8c1f3e;
	color: #fff;
	padding-top: 0px;
	padding-bottom: 3px;
	width:100%;max-width: 610px;
	height: 23px;
	letter-spacing: 0px;
}

/* diff */
.titre2 {
	font-size: 16px;
	color: #f39803;
	padding-top: 0px;
	padding-bottom: 3px;
	float:left;
}

#affichage_fiche.titre728, #affichage_fiche .titre728 {
	height: auto;
}
.soustitre {
	text-decoration: none;
	font-weight: lighter;
	border: none;
	background: #8c1f3e;
	color: #fff;
	padding-top: 2px;
	font-family: Verdana, sans-serif;
	letter-spacing: 0px;
	position:relative;
	float:right;margin-right:150px;background:transparent;
}

td.soustitre {
	height: 16px;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
}

.bloctitreres .soustitre {
    color: #434343;
    margin-left: 20px;
    margin-right: 40px;
    float: none;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Nunito Sans', sans-serif;
    text-align: right;
    right: 0;
    position: absolute;
}

.bloctitreres input[type=submit].soustitrei {
    color: #CA476C;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Nunito Sans', sans-serif;
    border: none;
}

.bloctitreres .soustitre {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Nunito Sans', sans-serif;
    text-align: right;
    color: #434343;
    margin-right: 10px;
}

.bloctitreres .titre728 {
    color: #CA476C;
    max-width: unset !important;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Nunito Sans', sans-serif;
    margin: 0;
    padding: 0;
}

.bloctitreres {
    max-width: unset !important;
    height: unset !important;
    padding: 0 !important;
}



.titreimg2 {

	height: 26px;
}

/* diff */
.bloc {
	width: 221px;
	margin: 10px;
	height: 290px;
	position: relative;
	float: left;
	text-align: center;
	background: #F8EFF2;
}
.bloc2 {
	width: 235px;
	margin: 11px 8px 0 0;
	height: 270px;
	position: relative;
	float: left;
	text-align: center;
	background: #F8EFF2;
  cursor:pointer;
}
.blocimg {
	margin-top: 7px;
	/*border:1px solid #DCDCDC;*/
}
.blocsel{position:absolute;left:0;bottom:0;border-top:1px solid #DCDCDC;width:50%;height:30px;line-height:30px;text-decoration:none;text-align:center;}
.blocdet{position:absolute;right:0;bottom:0;border-top:1px solid #DCDCDC; border-left:1px solid #DCDCDC;width:50%;height:30px;line-height:30px;text-decoration:none;}
 /**/
#btn_up {
	position: fixed;
	bottom: 15px;
	right: 25px;
	cursor: pointer;
	/* display: none;  */
}

#result {
	color: #8c1f3e;
	position:relative;
	float:left;
	width:100%;
	/* background:lightgrey; */
}

.nouvo
{
	z-index:999;
	position: absolute;
	left: 0px;
	top:0px;
	padding: 0px;
}

#gestion_page
{
	text-align:center;
	width:100%;
	height:40px;
	position:relative;
	float:left;
	margin:20px 10px 20px 0;
	/* background:red; */
}

.bout_page {

	/*width: 170px;*/
	/*padding:8px;*/
 /*background:#8c1f3e;*/
	/*color:#8c1f3e;*/
  display:block;
  padding:5px;
  width:225px;
  background:#8c1f3e;
  color:#fff;
  cursor:pointer;
  margin-top:5px;
}

.bout_page:hover {
	text-decoration: none;
	background:#f39803;
  color:#8c1f3e;
}

/**********************************************************************************/
/** pareil aux 2 pages **/
/**********************************************************************************/

div.infobulle span {
	display: none; /* ceci masque l'infobulle */
	width: 220px;
}

div.infobulle:hover span {
	display: inline;
	position: absolute;
	left: 20px;
	background-color: mistyrose;
	color: #000000;
	padding: 2px;
	border: 1px solid #000000;
}

div.infobulle:hover {
	background: none; /* correction d'un bug IE */
	z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}

.left {
	float:left;
	position:relative;
}

.right {
	float:right;
	position:relative;
}



.titre728 {
	font-size: 18px;
	height:37px;
	width:100%;max-width:800px;
	line-height:37px;
	padding-left:10px;
	color: #fff;
	position:relative;
	/* background:url(/appli/appli4/img/titre728.png); */
}
.titre728d {
	position:relative;
	font-size: 18px;
	min-height:36px;
	width:100%;max-width:717px;
	line-height:30px;
	padding-left:10px;
	color: #fff;
	/* background:url(/appli/appli4/img/titre728d.png); */
	/* background: url("/appli/appli4/img/titre728d.png") repeat scroll 0% 0% transparent; */
}
.titre728din {
	position:relative;
	font-size: 18px;
  min-height:36px;
  width:100%;max-width:585px;
  line-height:32px;
  padding-left:10px;
color: #fff;
}


.titre728{background:url(/appli/appli4/img/titre728.png);}
.titre728d{background:url(/appli/appli4/img/titre728d.png);}


#menu {
	float:left;
	position:relative;
	padding: 0;
	list-style: none;
}

#menu .elem a {
	color: #fff;
	text-decoration: none;
}

#menu .elem:hover {
	background: #f39803;
	color: #8c1f3e;
	cursor: pointer;
}

.bout:hover {
 	background: #f39803;
	color: #8c1f3e;
	cursor: pointer;
}

.mr-1{
	margin-right: 10px;
}


#menu {
	margin-bottom: 10px 0;
	width: 100%;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	margin: 0;
	padding: 5px 0;
	text-align: center;
	float: left;
	background: #8c1f3e;
	border: 1px solid #fff;
	color: #fff;
	width: 180px;
}

#menu li a {
	color: #fff;
	text-decoration: none;
}

#menu li.selected,#menu li:hover {
	background: #f39803;
	color: #8c1f3e;
	cursor: pointer;
}

#menu li.selected a,#menu li:hover a {
	color: #8c1f3e;
	text-decoration: none;
}



.bloc2 {
    border: 1px solid #BFC7DC;
    border-radius: 5px;
    background: white !important;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Nunito Sans', sans-serif;
    color: #434343;
	margin: 30px 8px 0 0 !important;
	height: 259px !important;
	padding-top:10px;
}
.bloc2 .fs12 a {
    color: #CA476C;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Nunito Sans', sans-serif;
}
.blocdet {
    background: #CA476C;
    color: white;
    border-radius: 5px;
    border: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    text-decoration: none !important;
}
.blocdet:hover {
    background: white;
    color: #CA476C;
}
.blocsel {
    width: 96% !important;
    text-align: left !important;
    padding-left: 10px !important;
}
.blocdet {
    margin-right: 3px !important;
    margin-bottom: 3px !important;
    line-height: 22px !important;
    height: 22px !important;
	width: 46% !important;
	border: 1px solid #DCDCDC !important;
}

.blocsel { 
display: none !important;
}


@media (max-width: 1320px) {
	.bloctitreres .soustitre {
		text-align: center;
	}
	.blocsel, #gestion_page .blocbpan { 
		display: none !important;
	}
}

@media (max-width: 1024px) 
{
	.titre728din,.titre728d,.titre728{background:#9D2E4C;height:auto;}
	#menu li {width:200px;padding:10px;margin:10px;}
	#menu{padding-bottom:30px;}
	div.infobulle:hover span {left:-200px;}
	.bout_page,.blocbpan{margin:10px 0;}
	#result{margin-left: 10px;}
	/* .soustitrei{float:left;} */
	.field75 label{margin:10px;}
	#applications{margin-top:100px;}
	.bloctitreres .soustitre {
    	margin-left: unset !important;
 		width: 100% !important;
    	text-align: left !important;
    	position: unset !important;
	}
}

@media (max-width: 920px) {
	.soustitre{margin-right:0;width:auto;}

	.bloctitreres .soustitre {
		text-align: left;
	}
}

@media (max-width: 776px) {
	
	.bloc2 {
		width: 45% !important;
	}
}

@media (max-width: 750px) {
	.bloctitreres .soustitre {
    	margin-left: auto;
    	margin-right: auto;
    	position: unset;
	}
	div.infobulle span {
		margin-top: 25px;
    	margin-left: 60px;
	}
}

@media (max-width: 700px) {
	.bloctitreres .soustitre{
		min-width: 300px;
		float: left;
		margin-left: unset;
	}
}

@media (max-width: 520px) {
	.bloc2 {
		width: 70% !important;
		margin: 30px 15% 0 12% !important;
	}
}
@media (max-width: 418px) 
{
	div.infobulle:hover span {left:-250px;}
}