html{
	height: 100%;
}

body{
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	background:url('../../maj/phototheque/photos/charte/background.jpg') repeat-x left top;
	padding:0px;
	margin:0px;
	height: 100%;
	line-height:normal;
}

#global, #site{
	position:relative;
	min-height: 100%;
}

.centrer{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

.container-fluid{
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
	
#logo {
	width:193px;
	height:59px;
	margin-left:0px;
	margin-top:20px;
	position:asbolute;
	z-index:20000;
}

#loader{
	position:fixed;
	width:100%;
	height:100%;
	background-image:url('../../maj/phototheque/photos/charte/fond_noir.png');	
	font-size:50px;
	color:#FFF;
	text-align:center;
	display:none;;
	z-index:1000;
}

#loader p{
	/*background:#A4B727;*/
	background:#63B1BD;
	margin-top:20%;
	display:inline-block;
	padding:15px;
}

/**** HAUT ****/
#zone_haut{
	padding:15px 0 15px 0;
	background-image:url('../../maj/phototheque/photos/charte/fond_noir.png');	
	line-height:27px;
}

/**** BAS ****/
#zone_bas{
	/*background-color:#A4B727;*/
background-color:#63B1BD;
	color:#FFF;
	position: relative;
	margin-top: -125px;
	height:125px;
	clear: both;
	z-index: 1;
}

#zone_bas_gauche{
	float:left;
	width: 825px;
}

#zone_bas_droite{
	float:left;
	width: 118px;
	margin-left:17px;
	margin-top:-60px;
}

/**** MENU ****/
#zone_menu{
	/*background-image:url('../../maj/phototheque/photos/charte/fond_vert.png');	*/
	background-color:rgba(58,130,139,0.9);
	text-align:center;
}

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

#menu ul li:first-child{
	border-left:1px solid #FFF;
}

#menu ul li{
	display:inline-block;
	line-height:39px;
	padding:0;
	border-right:1px solid #FFF;
}


#menu ul li.menu:hover,
#menu ul li.menu_actif,
#menu ul li.menu_actif:hover{
	/*background-color:#555a34*/
	background-color:#63B1BD
}

#menu li a,
#menu li.disabled {
	font-size:14px;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	padding-left:5px;
	padding-right:5px;
}
#menu li.disabled {
	cursor:not-allowed;
}

/**** MENU GAUCHE ****/

#zone_gauche {
	width:200px;
	float:left;
}


#menu_gauche ul{
	margin:0px;
	padding:0px;
}

#menu_gauche li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	height:30px;
}

#menu_gauche a{
	display:block;
}

a.menu_gauche {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	padding:8px 9px 8px 9px;	
	/*background-color:#A4B727;*/
background-color:#63B1BD;
}

a.menu_gauche:hover,
a.menu_gauche_actif,
a.menu_gauche_actif:hover {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	padding:8px 9px 8px 9px;
	/*background-color:#555A34;*/
background-color:#3A828B;
}		
			
a.ssmenu_gauche {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	padding:8px 9px 8px 10px;
	background-color:#C62232;
}

a.ssmenu_gauche:hover,
a.ssmenu_gauche_actif,
a.ssmenu_gauche_actif:hover {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	padding:8px 9px 8px 10px;
	background-color:#343434;
}

/**** MENU BAS ****/

#menu_bas {
	margin-top:10px;
	margin-bottom:10px;
	height:20px;
	float:right;
}

#menu_bas ul{
	margin:0px;
	padding:0px;
}

#menu_bas li {
	display:inline-block;
	margin:0px;
	padding:0px;
	list-style-type:none;
	height:30px;
}

#menu_bas a{
}

a.menu_bas {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

a.menu_bas:hover,
a.menu_bas_actif,
a.menu_bas_actif:hover {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:underline;
}	

/**** CONTENU ****/

#zone_contenu{
	margin-top:15px;
	margin-bottom:115px;
	padding-bottom: 125px;
}

#contenu_accueil{
	background:none;	
}

#contenu{
	background-image:url('../../maj/phototheque/photos/charte/fond_noir.png');	
}

#contenu_droit{
	width:745px;
	float:left;
	margin-left:15px;
	background-image:url('../../maj/phototheque/photos/charte/fond_noir.png');	
}

.fond_contenu{
	background-color:#FFF;	
	color:black;
}

/**** ACCUEIL ****/
#bloc_identification{	
	width:290px;
	padding:15px;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #63B1BD;
	background-image:url('../../maj/phototheque/photos/charte/fond_noir.png');	
	transform: scale(1.5);
}

#bloc_mdp{	
	width:290px;
	padding:15px;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #63B1BD;
	background-image:url('../../maj/phototheque/photos/charte/fond_noir.png');	
	margin-top:30px;
}

/**** FORMULAIRE ****/

.form ol{
	margin:0;
	padding:0;
	list-style:none;	
}

.form ol li{
	color:#FFF;
	clear:both;
	padding:5px;
	cursor:auto;
	line-height:29px;
}

.form ol li.odd{
	background-color:#e3e3e3;
}

.form label {
	width:200px;
	float:left;
	line-height:29px;
}

label.default{
	width:auto !important;
	float:none !important;
	line-height:none;	
	font-weight:normal;
	cursor:pointer;
	padding: 0 20px 0 20px;
	margin-right: 20px;
	margin-left: -15px;
	line-height: 45px !important;
}

.form  input[type=text],input[type=password], select {
	border-radius: 4px;
	border:1px solid #dadadc;
	background:url("../../maj/phototheque/photos/charte/bg_input.png") repeat-x #FFF;
	width:260px;
	color:#333;
	float:left;
	height:25px;
	text-indent:5px;
}


.form  textarea {
	border-radius: 4px;
	border:1px solid #dadadc;
	height:50px;
	color:#333;
	float:left;
	background:url("../../maj/phototheque/photos/charte/bg_input.png") repeat-x;
}


.form  input[type=text]:hover, .form textarea:hover {
	border:1px solid #FFFFF;
}

/**** FORM EXTRANET ****/

.form_editer ol{
	margin:0;
	padding:0;
	list-style:none;	
}


.form_editer ol li{
	color:#333;
	clear:both;
	padding:5px;
	cursor:auto;
	line-height:29px
}

.form_editer ol li.odd{
	background-color:#F1F1F1;
}

.form_editer ol li.sstitre{
	font-size:18px;
	background-color:#F3F3F3;
	text-indent:5px;
	margin-top:10px;
}

.form_editer label {
	width:200px;
	float:left;
	line-height:29px
}

.form_editer  input[type=text],input[type=password] {
	border-radius: 4px;
	border:1px solid #dadadc;
	background:url("../../maj/phototheque/photos/charte/bg_input.png") repeat-x #FFF;
	width:260px;
	color:#333;
	float:left;
	height:25px;
	text-indent:5px;
}

.form_editer  textarea {
	border-radius: 4px;
	border:1px solid #dadadc;
	width:500px;
	height:50px;
	color:#333;
	float:left;
	background:url("../../maj/phototheque/photos/charte/bg_input.png") repeat-x #FFF;
}

.form_editer  input[type=text],input[type=password] {
	border-radius: 4px;
	border:1px solid #dadadc;
	background:url("../../maj/phototheque/photos/charte/bg_input.png") repeat-x #FFF;
	width:260px;
	color:#333;
	float:left;
	height:25px;
	text-indent:5px;
}

.form_editer  input.erreur {
	border:1px solid #b42600;
	background:#fc9e85;
}

#bloc_creation_dossier label {
	width:150px!important;
}
#bloc_creation_dossier input[type=text] {
	width:150px!important;
	margin-right:20px;
}

/*** TABLESORTER ***/

.tableau_recolte  input[type=text] {
	width:160px;
	text-align:right;
	float:none;
}


/**** BOUTON ****/

.boutton {
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}
.boutton:hover {
    background: #e6e6e6;
}
.boutton[disabled],.boutton[disabled]:hover {
    opacity:0.5;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
}

.boutton_rouge {
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #FED0C5, #fc9e85);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b42600;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.boutton_rouge:hover {
    background: #fc9e85;
}

.boutton_recherche {
    background-color: #f5f5f5;
    background-image: url("../../maj/phototheque/photos/pictos/recherche.png");
    background-repeat: no-repeat;
	background-position:center center;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

/**** BLOC RECHERCHE ****/

fieldset.bloc_recherche{
	border:1px dotted #000;	
}
fieldset.bloc_recherche legend{
	font-size:14px;
	color:#000;
}

fieldset.bloc_recherche label{
	color:#000;
}
fieldset.bloc_recherche input[type=text],
fieldset.bloc_recherche select{
	width:225px!important;	
}

fieldset.bloc_recherche .gauche{
	width:440px;
	float:left;
}
fieldset.bloc_recherche .droite{
	width:440px;
	margin-left:5px;
	float:left;
}

#resultat{
	color:#000	
}

/**** PAGINATION ****/

#paging_button{
	height:30px;
	background-color:#CCC;
	text-align:right;
}

#paging_button ul {
	padding:0px;
	margin:0px;
	margin-right:10px;
}

#paging_button ul li { 

	-moz-border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    float: right;
    font-size: 10px;
    font-weight: 700;
    margin: 0 2px 0px;
    padding: 2px 2px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
	list-style-type:none; 
    width: 10px;cursor:pointer;
	}
	
#paging_button ul li:hover{background:#C62232;}
li:hover{ color: #CC0000; cursor: pointer; }

/* ALPHA */

#alpha {
	width:700px;
	float:left;
}

.pagination_main_neutre,.pagination_main_neutre:hover {
	/*height:30px;*/
	min-width:20px;
	padding:5px;
	float:left;
	text-align:center;
	display:block;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#B8B0AA;
	margin-right:5px;
	margin-bottom:5px;
	}
	
	.pagination_main {
	cursor:pointer;
	/*height:30px;*/
	min-width:20px;
	padding:5px;
	float:left;
	text-align:center;
	display:block;
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
	/*background-color:#A4B727;*/
background-color:#63B1BD;
	margin-right:5px;
	margin-bottom:5px;
	}
	
	.pagination_main:hover,
	.pagination_main_actif {
	cursor:pointer;
	/*height:30px;*/
	min-width:20px;
	padding:5px;
	float:left;
	text-align:center;
	display:block;
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
	/*background-color:#555A34;*/
background-color:#3A828B;
	margin-right:5px;
	}


.qtip .qtip-content{
   padding: 10px;
   overflow: hidden;
}
   
   .qtip .qtip-content .qtip-title,
   .qtip-cream .qtip-content .qtip-title{
      background-color: #CCC;
   }
   
   .qtip-light .qtip-content .qtip-title{
      background-color: #f1f1f1;
   }

   .qtip-dark .qtip-content .qtip-title{
      background-color: #404040;
   }

   .qtip-red .qtip-content .qtip-title{
      background-color: #F28279;
   }
   
   .qtip-green .qtip-content .qtip-title{
      background-color: #B9DB8C;
   }
   
#resultat{
	height: auto;
}

#bloc_ajouter{
	display:none;
	background-color: #f1f1f1;
	border-radius:10px;	
	color:#000;
	margin-top:10px;
	padding:5px;
}

#bloc_ajouter label {
	width:150px!important;
	padding-left:5px;
}
#bloc_ajouter input[type=text] {
	margin-right:10px;
}

#bloc_recherche.colorbox label{
	color:black;
	width:120px !important;	
}

#bloc_recherche.colorbox .chosen-container{
	width:54% !important;	
}

#bloc_recherche.colorbox .gauche{
	float:left;
	width:42%;	
}

#bloc_recherche.colorbox .droite{
	float:left;
	width:42%;	
}

/******** TABLEAU CONSTITUANT **********/
#tableau_constituant input,
#tableau_constituant select{
	width:100%;	
}
#tableau_constituant input{
	direction:rtl;
}

#tableau_constituant{
	line-height: normal;	
}
/************************/
.volume-p, .volume-p input{
	font-weight:bold;	
}



/*** BOOTSTRAP CSS ***/

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-4 {
    -ms-flex: 0 0 33.333333% !important;
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
}

.col-2{
    -ms-flex: 0 0 16.666667% !important;
    flex: 0 0 16.666667% !important;
    max-width: 16.666667% !important;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.row table{
	width:100% !important;	
}

.ui-widget-content .titre_page{
	color:black;
}

.ui-widget-content hr.dotted{
	border-color:black;	
}

.bg-white2 > div{
	padding:10px;
	background-color:#F3F3F3;

}