/* CSS Document */
body
{
	background-color: #FFF;
}

/* entête */
.header
{
	width: 100%;
	height: 34px;
	border: 0;
	background-color: #ffffff; /*background-color: #776d6f;*/
}

.header_menu
{
	width: 100%;
}

.menu
{
	width: 100%; /*background-image: url(img/degrade-arriere.gif); 	background-repeat: repeat-x;*/
	background-color: #730022;
	z-index: 1000;
	height: 33px;
}
.celluleMenu
{
	width: 200px;
	padding-bottom: 15px;
}
.celluleMenu2
{
	padding-bottom: 18px;
	padding-right: 5px;
}

.texteMenu
{
	font-size: 12px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px;
	height: 66px;
	border: 0;
	z-index: 1000;
}

.boutons_menu
{
	width: 100%;
}

.btn_bibliotheque
{
	float: left;
	background-image: url(img/btn_photos.png);
	background-repeat: no-repeat;
	background-position: center 21px;
	width: 144px;
	height: 50px;
	padding-bottom: 13px;
	padding-left: 5px;
	padding-right: 25px;
}

.btn_bibliotheque:hover
{
	background-image: url(img/btn_phototheque_over.png);
	background-repeat: no-repeat;
	background-position: center top;
	cursor: pointer;
	z-index: 1001;
	padding-bottom: 0px;
	padding-left: 5px;
}
.btn_bibliotheque2
{
	float: left;
	background-image: url(img/picto_ajouter.png);
	background-repeat: no-repeat;
	background-position: center 21px;
	width: 159px;
	height: 50px;
	padding-bottom: 13px;
	padding-left: 5px;
	padding-right: 25px;
}

.btn_bibliotheque2:hover
{
	background-image: url(img/picto_ajouter_over.png);
	background-repeat: no-repeat;
	background-position: center top;
	cursor: pointer;
	z-index: 1001;
	padding-bottom: 0px;
	padding-left: 5px;
}

.loupe
{
	padding-left: 7px;
	padding-bottom: 2px;
}

.zoneRecheche
{
	width: 193px;
	height: 32px;
	background-repeat: no-repeat;
	background-image: url(img/moteur_recherche.png);
	padding-bottom: 11px;
}
.recherche
{
	border: 0;
	background-color: #cdcdcd;
	width: 148px;
	height: 19px;
	vertical-align: middle;
	background-position: center;
	margin-right: 4px;
	margin-bottom: 7px;
	margin-left: 4px;
	z-index: auto;
	margin-top: 7px;
}
.fond-recherche
{
	background-image: url(images/barre-recherche.gif);
	background-repeat: no-repeat;
	width: 210px;
	height: 24px;
}
.input_recherche
{
	width: 170px;
	height: 16px;
	background-color: #FFFfff;
	border: 1px solid white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/* mode sélection par recherche*/
.checkListe
{
	color: #ffffff;
}

.texteSelection
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #a9a9a9;
	padding-right: 5px;
}

.select
{
	padding-left: 10px;
	padding-top: 4px;
}

.tableau_selection_haut
{
	border: 0;
	background-color: #ffffff; /*background-color: #776d6f;*/
}

.cellule_selection
{
	width: 100%;
}

.selection
{
	width: 100%;
	background-color: #ffffff; /*background-color: #776d6f;*/
	border: 0;
}

/* boutons pour définir le mode d'affichage */

.boutons_affichage
{
	height: 42px;
	width: 117px;
	margin-left: 30px;
	background-image: url(img/bloc_btn_haut.png);
	background-repeat: no-repeat;
	float: left;
}
.liste_selections
{
	float: left;
	margin-left: 30px;
	height: 42px;
	padding-top: 10px;
}


.grand
{
	width: 22px;
	height: 23px;
	background-image: url(img/btn1_off.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 10px;
}
.grand:hover
{
	background-image: url(img/btn1_on.gif);
	cursor: pointer;
}
.petit
{
	width: 22px;
	height: 23px;
	background-image: url(img/btn2_off.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 10px;
}
.petit:hover
{
	background-image: url(img/btn2_on.gif);
	cursor: pointer;
}
.moyen
{
	width: 33px;
	height: 23px;
	background-image: url(img/btn3_off.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 10px;
	margin-left: 0px;
	margin-right: 0px;
}
.moyen:hover
{
	background-image: url(img/btn3_on.gif);
	cursor: pointer;
}

/*partie centrale*/

.contenu
{
	width: 100%;
	background-color: #ffffff; /*background-color: #776d6f;*/
	height: 100%;
}

/*conteneurs partie droite*/
.conteneur
{
	background-color: #ffffff; /*background-color: #776d6f;*/
	border: 0;
	width: 100%;
}
.conteneur2
{
	width: 100%;
	background-color: #ffffff; /*background-color: #776d6f;*/
	height: 306px;
	border: 0;
	padding-left: 17px;
	padding-right: 12px;
	padding-bottom: 18px;
}


.texteTableau
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.enteteConteneur
{
	background-image: url(img/conteneur1_haut.png);
	background-repeat: no-repeat;
	height: 36px;
}

.piedConteneur
{
	background-image: url(img/conteneur1_bas.png);
	background-repeat: no-repeat;
	height: 5px;
}
.piedConteneur3
{
	background-image: url(img/conteneur1_bas.png); /*background-repeat: no-repeat;*/
	height: 5px;
	padding: 6px;
}
.piedConteneur2
{
	background-image: url(img/conteneur1_bas.png);
	background-repeat: no-repeat; /*margin-bottom: 10px;*/
}

.conteneurs_droite
{
	border: 0;
	width: 304px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #7f7279;
}

.milieuConteneur
{
	border: 0; /*	background-color: #000;*/
	background-color: #7f7279;
	width: 303px;
}

.conteneur_droite_separation
{
	padding-bottom: 10px;
}

/*Tableau conteneur partie droite bas*/

.celluleTableau
{
	width: 50%;
}

.ligneTableau_pair
{
	background-color: #393939;
}

.ligneTableau_impair
{
	background-color: #3e3e3e;
}

.bordure
{
	border-right: solid 1px #a50000;
}

.bordure2
{
	border-left: solid 1px #a50000;
}

.selection-photos
{
	width: 70%;
	border: 0;
	height: 26px;
	background-color: #ffffff; /*background-color: #776d6f;*/
}

.conteneur_photos
{
	height: 102px;
	background-color: #000;
	width: 70px;
}


/*conteneur du bas pour la sélection des photos*/
.tableau_selection
{
	width: 100%;
	border: 0;
	height: 27px;
}

.entete_selection
{
	height: 21px;
	border: 0;
	background-color: #323232;
	width: 100%;
}

.btn_selection
{
	width: 124px;
	height: 21px;
	background-image: url(img/btn_selection.gif);
	background-repeat: no-repeat;
	float: left;
	padding-left: 8px;
}

.btn_save
{
	width: 21px;
	height: 20px;
	background-image: url(img/picto_disquette.png);
	background-repeat: no-repeat;
	float: left;
	padding-left: 8px;
}

.btn_save:hover
{
	background-image: url(img/picto_disquette_over.png);
	cursor: pointer;
}

.btn_open
{
	width: 21px;
	height: 20px;
	background-image: url(img/picto_dossier.png);
	background-repeat: no-repeat;
	float: left;
	padding-left: 3px;
}
.btn_open:hover
{
	background-image: url(img/picto_dossier_over.png);
	cursor: pointer;
}

.fd-affichage
{
	background-image: url(images/fond_mode-affichage.gif);
	background-repeat: no-repeat;
	width: 68px;
	height: 34px;
	margin: auto;
	margin-top: 5px;
	margin-left: 5px;
	float: left;
}

.btn1
{
	background-image: url(images/btn1_off.gif);
	background-repeat: no-repeat;
	width: 22px;
	height: 23px;
	cursor: pointer;
}
.btn1-over
{
	background-image: url(images/btn1_on.gif);
	background-repeat: no-repeat;
	width: 22px;
	height: 23px;
	cursor: pointer;
}

.btn3
{
	background-image: url(images/btn2_off.gif);
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	cursor: pointer;
}
.btn3-over
{
	background-image: url(images/btn2_on.gif);
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	cursor: pointer;
}

.btn2
{
	background-image: url(images/btn3_off.gif);
	background-repeat: no-repeat;
	width: 30px;
	height: 23px;
	cursor: pointer;
}
.btn2-over
{
	background-image: url(images/btn3_on.gif);
	background-repeat: no-repeat;
	width: 30px;
	height: 23px;
	cursor: pointer;
}
.sep
{
	background-image: url(images/sep_menu.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 2px;
}
.lienMenu
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	vertical-align: middle;
}
.trierPar
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a9a9a9;
	vertical-align: middle;
}
.haut-tab
{
	background-image: url(images/haut-tab-ssmenu.gif);
	background-repeat: no-repeat;
	height: 8px;
	width: 144px;
}
.bas-tab
{
	background-image: url(images/bas-tab-ssmenu.gif);
	background-repeat: no-repeat;
	height: 8px;
	width: 144px;
}
.milieu-tab
{
	width: 142px;
	background-color: #1f1f1f;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}
.selection-off
{
	/*background-image: url(images/fond-btn-selection.gif); 	background-repeat: repeat-x;*/
	background-color: #730022;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	height: 31px;
	vertical-align: middle;
	width: 130px;
}
.barre-arriere
{
	/*background-image: url(images/fond-selection.gif); 	background-repeat: repeat-x;*/
	background-color: #730022;
	height: 31px;
	padding-left: 10px;
	vertical-align: middle;
}

.texte-noir
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	text-align: center;
}
.image-miniature
{
	background-image: url(images/fd_img-selection.gif);
	background-repeat: no-repeat;
	width: 110px;
	height: 83px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
}

/* Ancien sous menu de sélection des photothèques
.lien-ssmenu
{
	font-family: Arial, Helvetica, sans-serif;
	color: #777171;
	font-size: 11px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}
.lien-ssmenu-hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
}
.lien-ssmenu-selected
{
	font-family: Arial, Helvetica, sans-serif;
	color: #777171;
	font-size: 11px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
}
.sep-ssmenu
{
	background-image: url(images/sep-ssmenu.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 5px;
}
*/

.bloc_ssmenu
{
	border: 1px solid #b32f32;
	background-color: #f0f0f0;
}
.ssmenu
{
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #776d6f;
	height: 20px;
	vertical-align: middle;
	text-decoration: none;
	width: 100%;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 24px;
	background-image: url(images/puce_ssmenu.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	border-bottom: solid 1px #e4e4e4;
}
.ssmenu-hover
{
	background-image: url(images/puce_ssmenu_over.png);
	background-color: #eee3e3;
	color: #730022; /*border: solid 1px #730022; 	padding-top: 1px; 	padding-right: 9px; 	padding-left: 23px; 	background-position : 7px center ;*/
}
.sep-ssmenu
{
	background-image: url('images/separation_ssmenu.jpg');
	background-repeat: repeat-x;
	height: 1px;
}
.puce
{
	vertical-align: middle;
}
.fin_ssmenu
{
	width: 27px;
}

.titre-fenetre
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFfff;
	vertical-align: middle;
	padding-left: 10px;
}

.ombre_portee_bas
{
	background-image: url('images/ombre_bas.png');
	background-repeat: repeat-x;
	height: 4px;
	/*width: 1px;*/
}
.ombre_portee_cote
{
	background-image: url('images/ombre_droite.png');
	background-repeat: repeat-y;
	width: 4px;
	height: 1px;
}
.ombre_portee_angle
{
	background-image: url('images/ombre_angle.png');
	background-repeat: repeat-x;
	height: 4px;
	width: 4px;
}



/* Bas fenetre */

.fin-fen-haut
{
	/*background-image: url(images/fen_fin-haut.jpg);*/
	background-color: #7f7279;
	width: 5px;
	height: 35px;
}
.deb-fen-haut
{
	/*background-image: url(images/fen_deb-haut.jpg);*/
	background-color: #7f7279;
	width: 5px;
	height: 35px;
}
.fd-fen-haut
{
	/*background-image: url(images/fen_fond-haut.jpg);*/
	background-color: #7f7279;
	background-repeat: repeat-x;
	width: 293px;
	height: 24px;
	text-align: left;
}
.deb-fen-bas
{
	/*background-image: url(images/fen_deb-bas.jpg);*/
	background-color: #7f7279;
	width: 5px;
	height: 35px;
}
.fin-fen-bas
{
	/*background-image: url(images/fen_fin-bas.jpg);*/
	background-color: #7f7279;
	width: 5px;
	height: 35px;
}
.titre-fenetre
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFfff;
	vertical-align: middle;
	padding-left: 10px;
	text-align: left;
}
.titre-photo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFfff;
	vertical-align: middle;
	text-align: right;
}
.fond-onglet
{
	background-image: url(images/deb-tab-onglet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 293px;
	height: 23px;
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
.fin-tab
{
	background-image: url(images/fin-tab-onglet.gif);
	background-repeat: no-repeat;
	width: 293px;
	height: 9px;
}
.td-grisC
{
	background-color: #b7b7b7;
}
.td-grisF
{
	background-color: #a5a5a5;
}
.td-g
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: top;
	text-align: right;
	padding-right: 3px;
	height: 15px;
	width: 114px;
}
.td-d
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #730022;
	vertical-align: middle;
	text-align: left;
	padding-left: 3px;
	height: 15px;
	width: 155px;
}

.zone_libelle
{
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ad5653;
}
.zone_saisie_ob
{
	height: 14px;
	background-color: #f2e5e6;
	border: 1px solid #ad5653;
	border-color: #ad5653;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ad5653;
	width: 200px;
}
.zone_saisie
{
	height: 14px;
	background-color: #f6f4f4;
	border: 1px solid #776d6f;
	border-color: #776d6f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #776d6f;
	width: 200px;
}
.dropdown_ob
{
	height: 18px;
	background-color: #f2e5e6;
	border: 1px solid #ad5653;
	border-color: #ad5653;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ad5653;
}
.dropdown
{
	height: 18px;
	background-color: #f6f4f4;
	border: 1px solid #776d6f;
	border-color: #776d6f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #776d6f;
}
.checkbox
{
}
.checkbox_ob
{
}
.checkListe
{
	font-size: 11px;
}
.checkListe_ob
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.champ_ob
{
	background-color: #f2e5e6;
	height: 20px;
	width: 250px;
}
.textarea
{
	background-color: #f6f4f4;
	border: 1px solid #776d6f;
	border-color: #776d6f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #776d6f;
	width: 250px;
}

.textarea_ob
{
	background-color: #f2e5e6;
	border: 1px solid #ad5653;
	border-color: #ad5653;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ad5653;
}

.bdhautgauche
{
	width: 18px;
	background-image: url(images/bdhautgauche.gif);
	background-repeat: no-repeat;
	background-color: #b7b7b7;
}

.hautgauche
{
	background-image: url(images/hautgauche.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #730022;
	padding-left: 5px;
	padding-right: 5px;
	width: 1%;
	white-space: nowrap;
	cursor: pointer;
}

.lib_famille
{
	color: #ffffff;
	padding-left: 5px;
}

.milieuhaut
{
	background-image: url(images/hautmilieu.gif);
	background-repeat: no-repeat;
	background-color: #b7b7b7;
	width: 3px;
}

.hautdroit
{
	background-image: url(images/hautdroit.gif);
	background-repeat: repeat-x;
	background-color: #b7b7b7;
}

.bdhautdroit
{
	width: 3px;
	background-image: url(images/bdhautdroit.gif);
	background-repeat: no-repeat;
	background-color: #b7b7b7;
}

.bdmilieugauche
{
	background-image: url(images/bdgauche.gif);
	background-repeat: repeat-y;
	background-color: #b7b7b7;
	width: 3px;
}

.milieu
{
	background-color: #3E3E3E;
	width: 221px;
}

.bdmilieudroit
{
	background-image: url(images/bddroit.gif);
	background-repeat: repeat-y;
	background-color: #b7b7b7;
	width: 3px;
}

.bdbasgauche
{
	background-image: url(images/bdbasgauche.gif);
	background-repeat: no-repeat;
	background-color: #b7b7b7;
	width: 3px;
	height: 3px;
}

.bdbasmilieu
{
	background-image: url(images/bdbasmilieu.gif);
	background-repeat: repeat-x;
	background-color: #b7b7b7;
	height: 3px;
}

.bdbasdroit
{
	background-image: url(images/bdbasdroit.gif);
	background-repeat: no-repeat;
	background-color: #b7b7b7;
	width: 3px;
	height: 3px;
}