@CHARSET "UTF-8";
/************************************************************
* Feuille de style du Lion, 
* Version : 4.0 
* ------------------------------------------
	librement inspiré de css garden...
	
* ------------------------------------------
* Charte graphique : 
* _ Couleur de fond : #f0f0f0
* _ couleur de trait : #8c8dff;
* _ couleur de texte : navy;
* _ Lien A non visite (par defaut c'est par exemple le menu)
* _      par defaut : normal, noir.
* _      dans le texte normal : italique, souligné, noir,
* _      dans le menu gauche : normal, navy , icone a gauche (petite bille)
* _ Lien A hover : 
* _      par defaut : italique, noir.
* _      dans le texte normal : italique, fond jaune, noir,
* _      dans le menu gauche : italique, navy , icone a gauche (petite bille)
* _ Lien A visited : 
* _      par défaut : normal , noir.
* _      dans le texte normal : italique, souligné, gris à 75%
* _      dans le menu gauche : normal, navy , icone a gauche (petite bille)
* _ Img : 
* _      par défaut : pas de cadre.
* _ Paragraphe P
* _       Premiere lettre en gras, décalage de 20 px  vers la droite. 
* _ Table 
* _       Entete : like excel : fond gris clair, police noir.
* _ 
*************************************************************/

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/***************************************************************************
 * Les balises HTML 
 * *************************************************************************/
 
/*****************************************************************
	HTML global.
*/
html {
	margin: 0;
	padding: 0;
}

/*******************************************************************
	Body.
	 
*/
body {
	font-family:Arial, Helvetica, sans-serif;	
	line-height:18px;
	font-size:12px; 
	color: navy; 
/*	background: #f0f0f0 url(picw2/fond3.png) repeat top left;*/
/*	background-color:#d0d0d0;*/ 
	background: #f0f0f0 url(picw2/fond3.png) repeat top left;*/
	margin: 0; 
	padding: 0;
}


/*******************************************************************
	cadre image.
*/
img
{
	border:0px;
}

/*******************************************************************
 * A :non visite.
*/
a:link {
  color:black;
  text-decoration:none;
}

/*******************************************************************
 * A :visite par defaut
*/
a:visited{
  color:black;
  text-decoration:none;
}

/*******************************************************************
 * A :hover par defaut
*/
a:hover {
  color:black;
  font-style:italic;
}
a:active{
  color:black;
  text-decoration:none;
}

/*******************************************************************
	les paragraphes, general. Il y a du paragraphe que dans le texte normalement.
*/
p{
	margin: 10px;
	padding: 0;
}
p:first-line{
  padding-left:20px;
}
p:first-letter{
  font-weight:bold;
}

/*******************************************************************
	Les titres :H1, H2, H3...
*/

h1{
	/* top, right, bottom, left*/
	font-family:"Times New Roman",serif;
	margin:10px 0px 15px 0px;
	font-size:24px;
	color:navy;
	border-bottom:3px solid red;
}
h2{
	font-family:"Times New Roman",serif;
	margin:10px 0px 15px 10px;
	font-size:18px;
	color:navy;
	border-bottom:2px solid green;
}

h3 {
	font-family:"Times New Roman",serif;
	margin:10px 0px 15px 15px;
	font-size:14px;
	color:navy;
	border-bottom:1px solid blue;
}

/*************************
 * Liste 
 * **/ 
ul {
	list-style-type: none;
	padding-left: 20px;
	margin-left: 0px;
}
/***
 * MS IE ne peut visualiser le gif biffe2 car 24bits, alors conversion en 8b!
 * */ 
li {
	background: url(picw2/biffe.gif) left center no-repeat;
 	padding-left: 20px;
	margin-bottom: 0px;
}


ol li{
	background: none;
	padding:0px;
	margin:0px;
}

/*******************************************
 * Formulaire, par défaut 
 * ***/ 
form {
  width:100%;
}
form p {
  margin: 2px 0;
}
form fieldset {
  margin-bottom:10px;
  border:#8c8dff 1px solid;
}
form fieldset:hover{
  background-color:white;
  color:black;
}
form fieldset legend {
	padding: 0 10px;
	border: #8c8dff 1px solid;
/*	border-right: #8c8dff 1px solid;*/
	font-size:14px;
	color: navy;
}

/***
 * Label 
 * */
form label
{
	background-color: #f0f0f0;
	display: block;
	width: 30%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
}

form .labeloption
{
  display:inline;
  float:none;
	letter-spacing: 0px;
}

form label:hover
{
	font-weight: bold;
}

form .form_label_nostyle
{
	background: none;
}

/* Input */
form input[type="text"], form select, form input[type="password"]
{
	margin-left: 1%;
	width: 58%;
	border: #8c8dff 1px solid;
}

form input:hover, form select:hover, form input:focus, form select:focus
{
	border: green 1px solid;
	background-color: yellow;
}
form input[type="checkbox"]
{
	margin-left: 1%;
	width: 20px;
/*	border: #8c8dff 1px solid;*/
}
form input[type="radio"]
{
	margin-left: 1%;
	width: 20px;
/*	border: #8c8dff 1px solid;*/
}

form .finput_date
{
	margin-left: 2%;
	width: 58%;
}
form .finput_date input {
  width:6%;
}

/* button submit */
form input[type="submit"] {
	border: #8c8dff 1px solid;
	width: 27%;
}

form input[type="submit"]:hover {
	background-color: #66CC33;
	cursor: pointer;
}

form input[type="reset"] {
	border: #8c8dff 1px solid;
	width: 27%;
}

form input[type="reset"]:hover {
	background-color: #E6484D;
	cursor: pointer;
}

/******************
 * Table 
 * */
/*** table exemple 
 *
 *Balises élémentaires

    * <table> : crée un tableau
    * <caption> : légende du tableau (optionnel)
    * <tr> : ligne du tableau
    * <th> : cellules d'en-tête du tableau
    * <td> : cellules du tableau

Balises complémentaires

    * <thead> : groupe de cellules d'en-tête
    * <tbody> : groupe de cellules de corps de tableau
    * <tfoot> : groupe de cellules de pied de tableau

Accessibilité

Pour les navigateurs textuels, brailles ou vocaux pouvant être utilisés 
  par les déficients visuels, il convient d'ajouter l'attribut "summary" 
  pour expliquer le contenu du tableau. Cet attribut s'applique à l'élément table. 
 *
 * */
table {
  border:3px solid #8c8dff;
  border-collapse:collapse;
  width:100%;
  margin:auto;
} 
thead {
  background-color:#8c8dff;
  border:1px solid #f0f0f0;
  color:black;
  font-weight:bold;
	font-size:15px;
  
  
}
tfoot {
  background-color:#8c8dff;
  border:1px solid #f0f0f0;
  color:black;
  font-weight:normal;
	font-size:12px;
}
tbody {
  background-color:#f0f0f0;
  border:1px solid #8c8dff;
}
th {
  border:1px solid white;
  padding:5px;
  background-color:#a0a0a0;
/*  width:25%;*/
}
td {
  border:1px solid #8c8dff;
  padding:5px;
  text-align:left;
}
caption {
}

/* colonne portant le numero de Ligne de tableau */
.ligne_tableau{
	border:3px outset #a0a0a0;
	background-color:#a0a0a0;
	color:black;
  	text-align:center;
  	font-style:italic;
}
/* ligne en cours de tri */
.colonne_tableau_tri{
	background-color:green;
}

/**********************************
 Formulaire dans le tableau : pas de label.
**/

/* Input */
table input[type="text"], table select,  table input[type="password"]
{
	margin-left: 5%;
	margin-right: 5%;
	width: 85%;
	border: #8c8dff 1px solid;
}


/* button submit */
table input[type="submit"] {
	border: #8c8dff 1px solid;
/*	width: 27%;*/
}
table label{
	background-color: #f0f0f0;
	display: inline;
	width: 100%;
	padding-right: 1%;
	text-align: left;
	letter-spacing: 0px;
	
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/**********************************************************************
  Les Blocs ID de DIV  
**********************************************************************/

#container { 
	/* top, right, bottom, left*/
	margin-left:150px;
	margin-right:50px;
/*	width:100%;*/
  background:url(picw2/container.png) no-repeat top left !important;
  background:url(picw2/containerie.jpg) no-repeat top left;
  position:relative;
	z-index:10;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*** 
 *Intro : conteneur de l'entete.
 **/ 
#intro{
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/***
 *Entete du menu
 ***/ 
#headmenu {
	padding:100px 0px 0px 92px;
	z-index:500;
}

/*** 
 * Conteneur menu déroulant
 * **/ 
#headmenu ul, #headmenu li{
    margin:0;
    padding:0;
    list-style:none;
}
/****
 *
 * Traitement du  MENU déroulant 
 ****/
 /***
  * menu_head : le bouton je recherche 
  */ 
.menu_head{
    /*border:2px solid black; */
}
/** 
 * Menu_body : le cadre entourant la liste du menu prionciapel
 */ 
.menu_body{
	display:none;
	position:absolute;
	top:130px;
	left:120px;
  width:500px;
/*    height:400px;*/
 border-right:3px outset #2323dc;
 border-bottom:3px outset #2323dc;
 border-left:3px outset #2323dc;
}
.menu_body li{
    background:#FFFFFF;
    margin:0px;
}
.menu_body li a{
    color:#000000;
    text-decoration:none;
    padding:2px;
    margin:0px;
    display:block;
}
.menu_body li.alt{
    background:#F0F0F0;
    margin:0px;
    
}
.menu_body li a:hover{
    padding-left:2px;
    font-weight:bold;
    background-color:yellow;
    
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*********************************************************************
 * zone de donnees contient page et footer
 * **/ 
#texte {
/*	border:1px solid red;*/
	height:100%;
}
/*********************
 * A non visite pour texte normal :  dans le texte normal : italique, souligné, noir
 */
#texte a:link {
  text-decoration:underline;
	font-style:italic;
   font-weight:bold;
	
}
/*******************************************************************
 * A :visite pour texte normal
*/
#texte a:visited {
  color:#555555;
  text-decoration:underline;
  font-style:italic;
}
/*******************************************************************
 * A :hover pour texte
*/
#texte a:hover {
  color:black;
  background-color:yellow;
  font-style:italic;
}
#texte a:active{
  text-decoration:underline;
	font-style:italic;
   font-weight:bold;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/********************************************************************
 * Page : zone des informations et des données.
**/

#page {
	/* padding : top, right, bottom, left */
	padding:10px 5px 10px 5px;
	margin-left:100px;
	margin-top:10px;
	height:100%;
	background-color:#F0F0F0;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/***
 * Footer : pied de page, zone d'information et de contact 
 * **/ 
#footer{
/*	padding:20px 100px 20px 100px;
	margin-left:100px;
	margin-top:20px;*/
	padding:2px;
	margin:10px;
	margin-left:100px;
	text-align:center;
	height:100%;
	background-color:navy;
}
#footer a{
	color:white;
	font-weight:bold;

}
#footer a:visited{
	color:white;
	font-weight:bold;

}
#footer a:hover {
	color:navy;
	background-color:white;
	font-weight:bold;
}
#footer .footertexte {
	color:white;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/**
 * Menu gauche : sous menu lié à l'action en cours
 * 
 *  #linkList 
 *     #compte
 *     #linkList2
 *        #lSelect 
 *     #compteur     
 * */ 
#linkList {
	position:absolute;
	width:200px;
	top:160px;
	z-index:5;
	color: #666666;
	font-size:10px;
	left: -110px;
	height:550px;
	line-height:13px;
	background:white;
}
#linklist2{
	border:3px outset blue;
	
}

#linkList ul{
  padding-left:0px;
}

#linkList li{
	background: url(picw2/fleche.gif) left center no-repeat ;  
  padding-left:12px;
  margin-bottom:5px;
}

#linkList a{
	text-decoration:none;
	color:navy;
}

#linkList a:hover{
	color:red;
/*	font-size:12px; */
	font-style:normal; 
	background-color:yellow;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/****
 * Menu gauche, liste des options
 * **/
 
#lselect{
	margin: 8px 0 0 0;
	width:190px;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

#extra1
{
	position:absolute;
	width:207px;
	top:0px;
	z-index:100;
/*	background: transparent url(picw2/lionw2g.png) top left no-repeat;*/ 
	left: 0px;
	height:154px;
	line-height:13px;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


#compte
{
	border:3px outset blue;
	margin:0px;
	padding:10px;
	background-color:#fefc7f;		/* jaune clair*/
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*** Fenetre pub. ***/
#i_pub {
	border:2px inset #FF9900;
	float: right;
	width: 152px;
	height: 102px;
	margin-right:-15px;
	margin-top:1px;
	z-index: 5;
	text-align: center;
	background-color: #f0f0f0; 
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*****************************************
	Formulaire de connexion
*********/
#ajaxconnexion .label {
	font-style:italic;
	font-size:10px;
	display:inline;
	color:black;
	
}
#ajaxconnexion input[type="text"],#ajaxconnexion input[type="password"]{
	width:70px;
	border:1px solid red;
	background-color:#F0F0F0;
}
#ajaxconnexion #loginfieldset
{
	padding:0px;
	border:1px dotted blue;
	background-color:yellow;
	color:navy;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/******************************************
	jWysiwyg.
***/
div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 4px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px;  background: #ffffff;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { opacity: 0.6; display: block; width: 16px; height: 16px; background: url('jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { opacity: 0.99; }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/**********************************************************************
	Fenetre des statistiques.
		v4.0
	Nombre de connecté.
*/
#compteur{
	border:3px outset blue;
	margin:0px;
	padding:10px;
	background-color:#fefc7f;		/* jaune clair*/
}
#publlc{
	border:1px solid #f0f0f0;
	margin:auto;
	text-align:center;
	
}
#pubcentre{
	border:1px solid #f0f0f0;
	margin:auto;
	text-align:center;
	
}


.cscript {
	border:3px outset blue;
	margin:0px;
	padding:10px;
	background-color:#fefc7f;		/* jaune clair*/

	display: block;
	width: 100px;
	height: 15px;
	margin-left: 10px;
	text-align: right;
}

.cscript a {
	font-size: 0.8em;
	text-decoration: none;
	background-color: #e6e6fa;
	color: black;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


.listeclub, .tableform{
	border:2px outset black;	
}
.listeclub td, .tableform td{
	border:1px solid blue;	
}
.listeclub th, .tableform th{
	background-color:#cccccc;
	border:1px solid black;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/



/****
	Tooltip...
*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border : 5px outset navy;
	background-color: navy;
	/*
	border: 1px solid #8c8dff;
	background-color: yellow;
	*/
	padding: 0px 5px;
	color:black;
	opacity: 0.75;
}
#tooltip h3, #tooltip div { 
  margin: 0;
	font-size:14px;
	color:white;
	
	border-bottom:none;
 
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/****
	 Bloc_Compte : formulaire de connexion.  
****/
	
/*******************************************
 * Formulaire 
 * ***/

/***
 * Label 
 * */
#bloc_compte label
{
	display: inline;
	width: 0%;
	float: none;
	letter-spacing: 0px;
}
#bloc_compte input[type="submit"] {
	width: 100%;
}




/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


/****
	Bouton 
***/
.but_validation{
	background-color:#00ff00;
	color:black;
    font-weight:bold;
}
.but_annulation{
	background-color:#ff1515;
	color:black;
    font-weight:normal;
}
.but_oui{
	background-color:#00ff00;
	color:black;
	border:3px outset blue;
    font-weight:bold;
    margin:5px;
}
.but_non{
	background-color:#fc1212;
	color:white;
	border:3px outset blue;
    font-weight:normal;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/************
 *  Classe pour changement d'aspects . 
 **/

.tr_erreur{
	background-color:yellow;
	color:red;
	font-weight:bold;
}

.oblig{
	color:red;
	text-decoration: underline;	
}
.tip{
	text-decoration:none;
}
.erreur{
	border:2px solid red;
}
.exemple{
	font-style:italic;
	color:blue;
}

/***
	Messageerreur : cadre en rouge et fond jaune pour indiquer l'erreur...
	 
***/
.messageerreur {
	border:3px outset red;
	color:red;
	background-color:yellow;
	padding:10px;
	font-weight:bold;
	
}
/*********
	Champ obligatoire d'un formulaire
***/
.champ_obligatoire:before{
   content: "* ";
   font-weight: bold; 
   font-size:18px;
   color: red; 
	
}


/*****
	Copyright
***/
.copyright{
	font-size:8px;
	color:yellow;
	font-style:italic;
}

/**************************
    Div des TAGS (mots clés)
***************************/
#tagcloud {
     width:195px;
     background-color:#f0f0f0;
     text-align:center;
     padding:0;
     overflow:auto;
     font-size:70%;
     font-family:arial;
	 border:3px outset blue;
}
#tagcloud h2 {
     color:navy;
     font-size:1.5em;
     margin:0 0 5px 0;
     padding:5px 5px 5px 5px;
     background-color:white;
     margin:0;
	 border-bottom:1px solid blue;
}
#taglist {
     margin:0;
     padding:10px 0 0 0;
}
#taglist li {
     list-style-type:none;
     float:left;
     margin:0 10px;
     height:20px;
     background:none;
     padding:0;
}
	
#taglist li a {
     text-decoration:none;
     color:#000000;
}
#taglist li a:hover {
     text-decoration:underline;
}

/*** 
	bloc en relief
	en gras, sous fond jaune et bord rouge 
	**/
.info_relief{
	font-size:1.5em;
	color:navy;
	background-color:yellow;
	border:3px outset red;
	padding:10px;
	margin:20px;
}
/**
	Inline : tres important
	
**/
.tresimportant{
	color:red;
	font-size:1.2em;
	font-weight:bold;
}

/******************************************************************************************************************************************
	 Photoslider : affichage jquery des photos
*********************/

.photoslider { 
}

.photoslider_nav {
	position: relative;
	border: solid navy 1px;
	overflow: hidden;
	height: 90px;
	width: 900px;
	margin: auto;
}

.photoslider_thumbBar {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
}

.photoslider_thumb {
	position: relative;
	border: solid navy 1px;
	width: 50px;
	height: 50px;
	float: left;
	padding: 5px;
	margin: 5px;
	cursor: pointer;
}

.photoslider_clear {
	clear: both;
}

.photoslider_main  {
	position: relative;
	height: 620px;
	padding-bottom: 5px;
/*	border :5px outset black;*/
}

.photoslider_main img {
	position: relative;
	border: 5px outset black;
	display: block;
	margin: auto;
}

.photoslider_caption {
	font-weight: bold;
	text-align: center;
}

.photoslider_control {
	display: none;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin: auto;
	height: 30px;
	width: 52px;
}

.photoslider_play, .photoslider_stop {
	width: 18px;
	height: 19px;
	margin: auto;
	padding: 3px;
	cursor: pointer;
	text-align: center;
	border: solid #fff 1px;
	float: left;
}

.photoslider_play {
	background: url('picw2/play_pause.gif') no-repeat 0px 0px;
}

.photoslider_stop {
	background: url('picw2/play_pause.gif') no-repeat -25px 0px;
}

.slideshow_disabled {
	border-bottom: solid #919191 2px;
}