/**************************
*****FORMULAIRE FICHE******
***************************/
#monformulaire label, 
#monformulaire_actu label,
#creationportail label{
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0 0 0.3571428571em;
    text-transform: uppercase;
}
#monformulaire fieldset,
#monformulaire_actu fieldset,
#creationportail fieldset{
	    border: 2px solid #f9f9f9;
}
#monformulaire legend,
#monformulaire_actu legend,
#creationportail legend{
	border-bottom: 2px solid #f9f9f9;
}
#monformulaire input,
#monformulaire_actu input,
#creationportail input{
	width: 100%;
    background: #f9f9f9;
    border: none;
    box-shadow: none;
}
#monformulaire select,
#monformulaire_actu select,
#creationportail select{
	    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f9f9f9;
    background-image: none;
    border: none;
}
#monformulaire .tbrows,
#monformulaire_actu .tbrows{
	margin-bottom: 15px;
}
#monformulaire .tbrows.vignette .custom-file, 
#monformulaire_actu .tbrows.vignette .custom-file, 
#monformulaire .tbrows.photo .custom-file,
#monformulaire_actu .tbrows.photo .custom-file{
	    cursor: pointer;
    font-weight: bold;    
    background-size: contain;
    height: 100px;
    border: 1px solid #efefef;
    border-radius: 4px;
    width: 100%;
    text-align: center;
}
#monformulaire .tbrows.vignette .custom-file-input,
#monformulaire_actu .tbrows.vignette .custom-file-input,
#monformulaire .tbrows.photo .custom-file-input,
#monformulaire_actu .tbrows.photo .custom-file-input{
	display: none;
}

#monformulaire .custom-file, 
#monformulaire_actu .custom-file {
    cursor: pointer;
    text-align: center;
        outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    font-size: 1.25rem;
    background-color: #c8dadf;
    position: relative;
    padding: 20px 20px;
}
#monformulaire_actu [champdb="vignette"], #monformulaire_actu [champdb="photo1"], #monformulaire_actu [champdb="photo2"], #monformulaire_actu [champdb="commentairexl1"] {
    display: none;
}
#monformulaire .custom-file-input,
#monformulaire_actu .custom-file-input{
	display: none;
}
#monformulaire .item_photo .element > input{
    display: none;
}
#monformulaire .custom-file:hover p.custom_text,
#monformulaire_actu .custom-file:hover p.custom_text{
    color: #92b0b2;
}
#monformulaire .box_preview,
#monformulaire_actu .box_preview{
	padding: 0;
}
#monformulaire .thumbnail,
#monformulaire_actu .thumbnail{
	border-radius: 0;
    border: 1px solid #c8dade;

}
#monformulaire .btn-danger,
#monformulaire_actu .btn-danger{
	padding: 5px 15px;
    border-radius: 0;    
    font-size: 12px;
}
#monformulaire svg path,
#monformulaire_actu svg path{
	    fill: #92b0b2;
}
#monformulaire p.custom_text,
#monformulaire_actu p.custom_text{
	color: #fff;
}

#nav #item_title{
	text-align: center;
	text-transform: uppercase;
	font-weight: lighter;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 7px 0;
}

#monformulaire #tr31, #monformulaire #tr33, #monformulaire #tr35{
    display: none;
} 
/**************************
*******MON ACTU***********
***************************/
#liste_actus .liste{
	padding: 0;
}
#liste_actus #result .success{
	    text-align: center;
    display: block;
    color: #34868f;
}
#liste_actus #item_title{
	text-align: center;
	text-transform: uppercase;
    border-bottom: 1px solid;
    border-top: 1px solid;
    font-weight: 400;
    padding: 10px;
}
#liste_actus .item_title{
	margin-top: 0;
}
#liste_actus .item_image{
	padding: 0;
}
#liste_actus .item_delete{
    padding: 0;
}
#liste_actus  .item_date_publication {
	font-size: 11px;
}


#liste_actus .item_statut{
    margin: 0;
    font-size: 12px;
}
#liste_actus .item_statut > span{    
    color: #fff;
    padding: 2px;
    display: inline-block;
    position: absolute;
    z-index: 100;
    bottom: 0;
    right: 0;
}
#liste_actus .item_statut_no_vignette > span{    
    color: #fff;
    padding: 2px;
    /* display: inline-block;
    position: absolute;
    z-index: 100;
    bottom: 0;
    right: 0;  */
}
#liste_actus .item_statut > span.grey, #liste_actus .item_statut_no_vignette > span.grey{
    background: grey;   
}
#liste_actus .item_statut > span.green, #liste_actus .item_statut_no_vignette > span.green{
    background: #0baf10;   
}
#liste_actus .item_statut > span.red, #liste_actus .item_statut_no_vignette > span.red{
    background: #ff003b;
}
#liste_actus .item_statut > span.orange, #liste_actus .item_statut_no_vignette > span.orange{
    background: #ff7e0f;
}
#liste_actus .item_btn{
	border-radius: 0;
	padding: 3px 10px;
	margin-bottom: 3px;
	display: block;
}
#liste_actus .item_btn:hover{
    font-weight: inherit!important;
    text-decoration: none!important;
}
#liste_actus .item_add{
	float: right;
}
#liste_actus .btn-add{
	border-radius: 0;
	padding: 3px 10px;
	margin-bottom: 3px;	
    color: #555!important;
        font-family: inherit!important;
    font-weight: inherit!important;
    font-size: inherit!important;
}

#monformulaire_actu #tr6{
    clear: both;
}
/**************************
*******MAJ PORTAIL***********
***************************/
#wrapp_majportail #item_title{
    text-align: center;
    text-transform: uppercase;
    font-weight: lighter;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 7px 0;
    font-size: 20px;
}
#wrapp_majportail .nav-tabs,
#wrapp_monactu .nav-tabs{
    border-bottom: none;
    margin-bottom: 30px;
}
#wrapp_majportail .tab-content {
    margin-top: 50px;
}

#wrapp_monactu svg,
#wrapp_majportail svg{
        position: relative;
    top: 7px;
    margin-right: 10px;
}
#wrapp_majportail .nav-tabs>li>a,
#wrapp_majportail .nav-tabs>li button,
#wrapp_monactu .nav-tabs>li>a{
    border: 1px solid #ccc;
    border-radius: 0;
    background: #fff;
    color: #555555!important;
    cursor: pointer;
    padding: 0px 15px;
    font-family: inherit!important;
    font-weight: inherit!important;
    font-size: inherit!important;
}
#wrapp_majportail .nav-tabs>li.active>a,
#wrapp_majportail .nav-tabs>li.active button,
#wrapp_monactu .nav-tabs>li.active>a{
    background: #eee;
}
#wrapp_majportail .nav-tabs>li:hover a,
#wrapp_monactu .nav-tabs>li:hover a{
    font-weight: inherit!important;
    text-decoration: none!important
}
#wrapp_majportail .nav-tabs>li button:hover,
#wrapp_majportail .nav-tabs>li a:hover{
    background: #eee;
}
#wrapp_majportail .mesactus #item_title{
    display: none;
}

#wrapp_formconnexion #msgmdp{
    clear: both;
    padding:  30px;
      text-align: center;
    display: block;
    color: #34868f;
}
.clearfix{
   clear: both;
}
/**************************
*******CONNEXION***********
***************************/
/* #majportail{
    margin-top: 30px;
}
#wrapp_formconnexion #item_text-info{
    font-size: 12px;    
}
#wrapp_form .nav-tabs{
    border-bottom: none;
    margin-bottom: 30px;
}
#wrapp_form .tab-content {
    margin-top: 50px;
}

#wrapp_form .nav-tabs>li>a{
    border: 1px solid #ccc;
    border-radius: 0;
    background: #fff;
    color: #555555!important;
    cursor: pointer;
          font-family: inherit!important;
    font-weight: inherit!important;
    font-size: inherit!important;
}
#wrapp_form .nav-tabs>li>a:hover{
    font-weight: inherit!important;
    background: #eee;
    text-decoration: none!important;
}
#wrapp_form .nav-tabs>li.active>a{
    background: #eee;
}
#wrapp_formconnexion .cptmodifform {
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 30px;
}
#wrapp_formconnexion #mdpoublie{
    font-size: 12px;
    font-style: italic;
    cursor: pointer;
    padding-right: 15px;
}
#wrapp_form #item_title{
    text-align: center;
    text-transform: uppercase;
    font-weight: lighter;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 7px 0;
    font-size: 20px;
}
#wrapp_formconnexion .form-control{
    border-radius: 0;
    margin-bottom: 7px;
    
}
#wrapp_formconnexion input{
    width: 100%;
    background: #f9f9f9;
  border: none;
  box-shadow: none;
 
}
#wrapp_formconnexion .btn.btn-submit{
    border-radius: 0;
    margin-left: 15px;
}
.formmdpoublie #item_text-info{
    font-size: 12px;
    padding: 0 15px;
}
.formmdpoublie{
    border:  1px solid #ccc;
    padding: 10px 15px;
 }
 .warning-message{
    font-size: 12px;
    color: #e86444;
    padding: 10px 0 0 15px;
 } */
/**************************
*******INSCRIPTION FORM*****
***************************/
 #introinscription #item_text-info{
    font-size: 12px;
    padding: 0 15px;
}
#creationportail td#intitule{
    padding: 10px;
}
#creationportail .btn.btn-submit{
    border-radius: 0;
    margin-left: 15px;
}
#creationportail{
    padding: 15px;
}
#creationportail textarea, #creationportail input{
    border-radius: 0;
    width: 100%;
    background: #f9f9f9;
  border: none;
  box-shadow: none;
 
}