.tooltip 
{
    cursor: pointer;
	color: #fff;
	width: 139px;
	z-index: 13000;
}

.tool-tip 
{
    z-index: 13000;
    width: 200px;
    color: #fff;
    text-align: center;
}



.tool-title 
{
	color: #9FD4FF;
    font-weight: bold;
    text-shadow: 2px 2px 1px #222;
    margin: 0;
    padding: 13px 10px 5px;
    background: url(images/bubble.png) top left no-repeat !important;
    font-size: 11px;
}


.tool-text 
{
    margin: 0;
    padding: 0 10px 15px;
    text-shadow: 2px 2px 1px #222;
    background: url(images/bubble.png) bottom left no-repeat !important;
    font-size: 10px;
}

/*  FIN MISE EN PAGE */	
/* Feuille de style CSS par défaut pour un nouveau projet d'application Web */
body {
font-family: Arial;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #f0f0f0;
}
h2
{
	color:#67743e;
}
h3
{
	color:#b8d06f;
}
#header {
height: 100px;
background-color: #f0f0f0;
}
#conteneur {
position: absolute;
width: 1000px;
height:100%;
left: 50%;
margin-left: -500px;
background-color: #f0f0f0;
}
#centre 
{
	background-color: #ffffff;
	border-right:1px solid #ff7a00;
	border-left:1px solid #ff7a00;
	background-image: url(images/main_05.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
}
#gauche {
position: absolute;
left:0;
width: 50px;
}
#droite {
position: absolute;
right:0;
width: 50px;
}
#pied {
height: 30px;
background-color: #ffffff;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}

/*  FIN MISE EN PAGE */	

TABLE.menu tr td
{
	vertical-align:top;
}

SPAN.succes
{
	font-style:normal;
	font-weight:bolder;	
	color:green;/* #FF7A00;
	background-color:#FFDBBB*/
}

SPAN.erreur
{
	font-style:normal;
	font-weight:bolder;		
	color:red
}

a:link, a:visited, a:hover, a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	color: black;
	font-weight:bold;
	text-decoration: none;
}

a:hover
{
	color: #67743e;
	text-decoration: underline;
}

INPUT.textboxSmall, TEXTAREA.textboxSmall, SELECT.textboxSmall,
INPUT.textboxVerySmall, TEXTAREA.textboxVerySmall, SELECT.textboxVerySmall,
INPUT.textboxLarge, TEXTAREA.textboxLarge, SELECT.textboxLarge,
INPUT.textboxVeryLarge, TEXTAREA.textboxVeryLarge, SELECT.textboxVeryLarge
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color: #321600;
	background-color: #ffffff; /*#f5f5dc;*/
	width:300px;	
}
INPUT.textboxSmall ,SELECT.textboxSmall, TEXTAREA.textboxSmall
{
	width:100px;
}
INPUT.textboxVerySmall ,SELECT.textboxVerySmall, TEXTAREA.textboxVerySmall
{
	width:50px;
}
INPUT.textboxVeryLarge ,SELECT.textboxVeryLarge, TEXTAREA.textboxVeryLarge
{
	width:450px;
}

select.liste, select.listeMiddle, select.listeSmall, select.listeVerySmall
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;  
	color: #321600;
	background-color: #ffffff; /*#f5f5dc;*/
	font-weight:normal;
	width:300px;
}

select.listeMiddle
{
	width:255px;	
}

select.listeSmall
{
	width:155px;	
}

select.listeVerySmall
{
	width:75px;	
}

SELECT.grille
{
	font-weight:normal;
	font-size:8pt
}

fieldset, fieldset.fieldset400, fieldset.insertLoc
{
	padding:10px;	
	border:1px solid #67743e;
	width:auto;
}
fieldset.fieldset400
{
		width:400px;
		text-align:center;
}
fieldset.entreprise
{
		width:400px;
}
fieldset.insertLoc
{
	width:855px;
}
fieldset.requetes
{
	width:800px;
}
fieldset table tr td
{
	text-align:left;
}

legend,
span.legende
{
    font-family: Verdana;
    color:#ffffff;
    font-size:9pt;  
    font-weight:bold;
    background-color:#67743e;    
    margin:5px;    
    padding:1px; 
}

/*span,*/
p,  label, .texteNavigation,
table tr td
{
    font-family: Verdana;
    color: #666666; /* #ffffff; /*#f5f5dc;*/
    font-size:8pt;  
    font-weight:bold;  
}

table.formulaire
{
	width:580px;
	font-weight:bold;		
}

/* Par défaut */
table.formulaire tr td
 {
	vertical-align:middle;
 }
 
 /* Par défaut */
table.formulaire tr td.haut
 {
	vertical-align:top;
 }
 
/* Pas de gras dans les input héritant de la classe formulaire : */
table.formulaire tr td input,
table.formulaire tr td select
{
	font-weight:normal;  
}

table.grille, table.grille tr td
{
	border-color:Black;
	vertical-align:middle;	
}

table.grille tr td, table.grille tr td span
{
    font-family: Verdana;
    color:#321600;
    font-size:8pt;    
    font-weight:normal;    
}

table.grille tr td.titres a
{
	text-decoration:underline;
	font-weight:normal;
}

table.parametres tr td
{
	text-align:center;
}

table.insertLoc tr td
{
	border:1px solid black;
}

span.Footer
{
	FONT-FAMILY: Verdana;
    font-weight:bold;    
    FONT-SIZE:x-small
	}

/* ------------------*/

.texteNavigation
{
	font-weight:bold;
}	

.desactive
{
	background-color:#CCCCCC;
}

table.donnees tr td label,
span.donnees
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;  	
	color:#321600;
	font-weight:normal;	
}

.messageInfos
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;  	
	color:#888888;
	font-style:italic;
	font-weight:normal;	
}

/* Spécial dataGrid avec colonne archivé = oui ou non */
.ArchiveOui { color:green; font-weight:bold; }
.ArchiveNon { color:red; font-weight:bold; }
	
IMG
{
	border-style:none;
}




/* table*/
/*table resultat-------------*/
.resultat_col {
	background-color: #FF7A00;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	/*border: 1px solid #000000;*/

	
}
.resultat td {
	background-color: Beige;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	/*border: 1px solid #000000;*/
}

.resultat2 td {
	background-color: #FFDBBB;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	/*border: 1px solid #00000*/
}

.resultat span img {
                border: 1px solid #000000;
           } 
          .resultat2 span img {
                border: 1px solid #000000;
           }


.btnphoto
{
	cursor:pointer;
	border: none;
}


/*
a.btncarto:link, a.btncarto:visited, a.btncarto:hover, a.btncarto:active {
	text-align:center ;
	text-decoration:  none;
	font-size:  1.3em;
	font-weight: bold;
	color: #456489;

	margin: 0px;
	background-image: url(images/carto_small.gif);
	background-repeat: no-repeat;

	border: none;
	
}
a.btncarto:hover, a.btncarto:active {
	background-image: url(images/carto_small.gif);
	color: #CE8804;
}

*/

/* photo*/
body {
}


.div_photos
{
	position:  absolute;
	/*display :block ;*/
	width:100%;
	height:100%;	
	vertical-align:middle;
	text-align:center;
    top:0px;
	left:0px;
	/*z-index:310px;*/
}

.photos_fond_gris
{
	position:absolute;
	/*display :block ;*/
	background-color:#8693B1;
	 /*background-repeat:no-repeat;	*/
	width:100%;
	height:100%;
	filter: Alpha(opacity=70);
	-moz-opacity: .70;
	-khtml-opacity: 0.70; 
	top:0px;
	left:0px;	
	vertical-align:middle;
	text-align:center;
	z-index:310px;
}

.photos_fond_image
{
	position:absolute;
	filter: Alpha(opacity=100);
   -moz-opacity: 1;
   -khtml-opacity: 1;   
    background-repeat:no-repeat;	
	background-image:url(images/photos/fond.gif);
	width:441px;
	height:532px;
	top:15px;
	left:15px;
}

.photo_image
{
	position:absolute;
	border: 1px solid black;
	left:28px;
	top:45px;
	height:379px;
	width:379px;
	background-repeat:no-repeat;
}


.photo_titre
{
	position:absolute;
	left:34px;
	top:5px;
	font-family:Tahoma;
	color:White;
	font-size:13px;
}	


.photo_imageDescription
{
	position:absolute;
	left:8px;
	top:452px;
	font-family:Tahoma;
	color:White;
	font-size:11px;
	width:425px;
}
	
.photo_novisible
{
	
}
	
.photos_fermer
{
	position:absolute;
	top:0px;
	left:393px;
	width:45px;
	height:19px;
	background-repeat:no-repeat;
	background-image:url(images/photos/fermer.png);
	cursor:pointer;
}
.photos_fermer:hover
{
	background-image:url(images/photos/fermer_hover.png);
}

.photos_boutons
{	
	position:absolute;
	width:420px;
	height:45px;	
	top:476px;
	left:150px;
}


.photos_precedant
{
	width:52px;
	height:25px;
	background-repeat:no-repeat;
	background-image:url(images/photos/precedant.png);
	cursor:pointer;
	float:left;
	margin-top:10px;
}
.photos_precedant:hover
{
	background-image:url(images/photos/precedant_hover.png);
}

.photos_suivant
{
	margin-top:10px;
	width:52px;
	height:25px;
	background-repeat:no-repeat;
	background-image:url(images/photos/suivant.png);
	cursor:pointer;
	float:left;
}
.photos_suivant:hover
{
	background-image:url(images/photos/suivant_hover.png);
}

.photos_play
{
	width:45px;
	height:45px;
	background-repeat:no-repeat;
	background-image:url(images/photos/play.png);
	cursor:pointer;
	float:left;
}
.photos_play:hover
{
	background-image:url(images/photos/play_hover.png);
}

.photos_pause
{
	width:45px;
	height:45px;
	background-repeat:no-repeat;
	background-image:url(images/photos/pause.png);
	cursor:pointer;
	float:left;
}
.photos_pause:hover
{
	background-image:url(images/photos/pause_hover.png);
}

.test
{
	 border: 1px solid black;
	 width: auto;
	 Height:300px;
	 background-repeat:no-repeat;
}

.test2
{
	width: 600px;
	 Height:300px;
}



.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}
#loader_container {text-align:center;position:absolute;top:40%;width:100%}
#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}
#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}
.title_h2 {
 width:350px;
 padding:10px 0 0 18px;
}


.btn_triHaut 
{ 
	display: inline-block ;
	width: 12px; /* largeur de l'image réactive */
	height:12px; /* hauteur de l'image réactive */
	background-image: url(images/TriCroissant.gif); /* source de l'image de départ */
	background-repeat: no-repeat;
	vertical-align:middle;
} 
.btn_triBas
{ 
	display: inline-block  ;
	width: 12px; /* largeur de l'image réactive */
	height:12px; /* hauteur de l'image réactive */
	background-image: url(images/TriDecroissant.gif); /* source de l'image de départ */
	background-repeat: no-repeat;
	vertical-align:middle;
}

.btn_triHaut:active,.btn_triHaut:hover
{
	background-image: url(images/TriCroissantSelection.gif); /* source de l'image de départ */
}

.btn_triBas:active,.btn_triBas:hover
{
	background-image: url(images/TriDecroissantSelection.gif); /* source de l'image de départ */
}

.btn_ajouter,.btn_supprimer,.btn_maj,.btn_annulerMAJ,.Btn_edition,.Btn_selection
{
	display:inline-block;  /*la balise a doit être en bloc */
	width: 25px; /* largeur de l'image réactive */
	height:25px; /* hauteur de l'image réactive */
	background-repeat: no-repeat;
	text-align:center;
	background-position: center center;
}

.btn_ajouter
{
	background-image: url(images/sauver.gif); /* source de l'image de départ */
	
}
.btn_ajouter:active
{
	background-image: url(images/sauver_select.gif); /* source de l'image de départ */
}
.btn_ajouter:hover
{
	background-image: url(images/sauver_mouve.gif); /* source de l'image de départ */
}


.btn_supprimer
{
	background-image: url(images/supprime.gif); /* source de l'image de départ */
}
.btn_supprimer:active
{
	background-image: url(images/supprime_select.gif); /* source de l'image de départ */
}
.btn_supprimer:hover
{
	background-image: url(images/supprime_mouve.gif); /* source de l'image de départ */
}


.Btn_edition
{
	background-image: url(images/modifier.gif); /* source de l'image de départ */
}
.Btn_edition:active
{
	background-image: url(images/modifier_select.gif); /* source de l'image de départ */
}
.Btn_edition:hover
{
	background-image: url(images/modifier_mouve.gif); /* source de l'image de départ */
}

.btn_maj
{
	background-image: url(images/sauver.gif); /* source de l'image de départ */
}
.btn_maj:active
{
	background-image: url(images/sauver_select.gif); /* source de l'image de départ */
}

.btn_maj:hover
{
	background-image: url(images/sauver_mouve.gif); /* source de l'image de départ */
}

.btn_annulerMAJ
{
	background-image: url(images/annule_modif.gif); /* source de l'image de départ */
}
.btn_annulerMAJ:active
{
	background-image: url(images/annule_modif_select.gif); /* source de l'image de départ */
}
.btn_annulerMAJ:hover
{
	background-image: url(images/annule_modif_mouve.gif); /* source de l'image de départ */
}


.Btn_selection
{
	background-image: url(images/selection.gif); /* source de l'image de départ */
}
.Btn_selection:active
{
	background-image: url(images/selection_select.gif); /* source de l'image de départ */
}
.Btn_selection:hover
{
	background-image: url(images/selection_mouve.gif); /* source de l'image de départ */
}

.Btn_enregistrer
{	
	text-align:right;
	display: inline-block;  /*la balise a doit être en bloc */
	width: 110px; /* largeur de l'image réactive */
	height: 21px; /* hauteur de l'image réactive */
	background-image: url(images/enregistre.gif); /* source de l'image de départ */
	background-repeat: no-repeat;	
}

.Btn_enregistrer:active,.Btn_enregistrer:hover
{
	background-image: url(images/enregistre_select.gif); 
}