.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

p {
    text-align : justify;
}

.tstg {
/*    background: lightgreen;*/
    display: block;
    float: left;
/*    border: 2px solid;*/
}

.tstd {
/*    background: yellow;*/
    display: block;
    float: left;
/*    border: 2px solid;*/
}

/*
#bloc_menu {
    background-color: lightgreen;
}

#bloc_contenu {
    background-color: green;
}

#bloc_entete_page {
    background-color: green;
}

.donnees_occ {
    background-color: yellow;
}

#contenant, #choix_menu_box, #contact_box, #choix_style_box {
    background-color: lightgrey;
}

.donnees_occ {
    background-color: lightblue;
}

.donnees_occ p {
	background-color: #F5F5F5;
}

.separation1 {
	background: red;
}
*/

#contact_box, #choix_style_box {
    margin-top: 1em;
}

/* écrase la valeur dans les .css (mais juste pour les tests, autant l'enlever dans les css)
   car était fixe et pas jolli si agrandissement de la taille des fontes (via le navigateur) */
/*
#bloc_entete_page
{
    height: auto;
}
*/

.separation1 {
    height: 8px;
    width: 100%;
}

.vis1, .vis4 {
    background: #354785;
    text-decoration: none;
    color: white;
}
.vis4 {
    background: #495B98;
}

.visites_box {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.centrer {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.tableau_partie td {
    text-align: center;
}

.tableau img {
	border: 0px; 
}

/*------------------------------------------
   BBCodes
------------------------------------------*/

ol.puce {
	list-style-type : square;
    background-color: whitesmoke;
}

ol.num {
	list-style-type : decimal;
    background-color: whitesmoke;
}

ol.alph {
	list-style-type : upper-roman;
    background-color: whitesmoke;
}

.codesrc {
	background-color : white;
	border : 1px solid blue;
}

.codesrc span {
    font-weight: bold;
	font-size: 0.9em;
}

.citation {
	background-color : white;
	border : 1px solid blue;
}

.citation span {
    font-weight: bold;
	font-size: 0.9em;
}

.gras {
    font-weight: bold;
}

.italique {
    font-style: italic;
}

.souligne {
    text-decoration : underline;
}



.centrer_vertic {
    vertical-align: middle;
    display: table-cell;
    margin: 0;
    padding: 0; 
}

.bloc_menu_contenu {
    width: 100%;
}

.commentpost form {
    margin: 0; /* bien à mettre, sinon, il y a comme une marge en bas des "form" (ex: recherche_fichier.php) */
}

.table_form {
    /*border : 1px solid black;*/
	border-collapse : collapse;
	width : 99.8%; // ne pas mettre 100%, car bizarrement, ça fait un décalage sur la droite pour certains champs dans un formulaire (décalage entre les champs dans "table" et ceux qui ne sont pas dans une "table")
}

.table_form td, .table_form th {
    /*border : 1px solid black;*/
	margin : 0;
	padding : 0;
}

.commentpost {
	background-color: #354785;
	border: 1px solid #D8D5D1;
	padding: 5px;
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 1em;
	color: white;
}

.commentpost fieldset, .commentpost span {
	background-color: #1F6381;
	border: 1px solid #D8D5D1;
	display: block;
	margin: 0 0 2px 0;
	padding: 4px 5px;
	color: inherit;
}

.commentpost input, .commentpost textarea {
	border: 1px solid #D8D5D1;
    width: 77%; /*\*/ width: 99.8%;/**/ /* 1ère valeur pour IE5/Mac */
}

.commentpost input {
	margin : 0;
	padding : 0;
}

/* il faut bien préciser .commentpost input.helpline et non pas juste input.helpline
   car sinon, border 0 n'est pas pris en compte car, c'est la border définie pour .commentpost qui est utilisée (car définie en dernier)
*/
.commentpost input.helpline {
    font-size: 0.8em;
    border: 0;
}

.commentpost select {
	border: 0px solid #D8D5D1;
    border-style:dotted;
    color: black;
}

/*
// pfff je n'arrive pas à faire fonctionner ça (une taille + petite pour input si saisie d'un entier)
// ouf, j'ai trouvé:
// .commentpost input .entier  => pas ok
// .commentpost input.entier  => ok
// .commentpost .entier   => ok
// .entier   => pas ok (mais fonctionne pour input en dehors de .commentpost)
*/
.commentpost input.entier {
	width: 2em;
}

.commentpost input.date {
	width: 10em;
}

.commentpost input:focus, .commentpost textarea:focus, .commentpost select:focus {
	background: #fff;
}

.commentpost label {
	display: block;
	float: left;
    margin-right: 2px;
	padding: 2px 0 0 0;
	width : auto;
}

.commentpost input.bouton3 {
    margin: 0;
    padding: 0;
    width: auto;
    border: 4px ridge #D8D5D1;
    font-size: inherit;
	/*
	border : groove; //    La bordure donne l'impression qu'elle est gravée dans le canevas
	border : outset; //    À l'opposé de 'inset', la bordure donne l'impression que la boîte entière est extrudée du canevas
	border : ridge; //    À l'opposé de 'groove', la bordure semble sortir du canevas
	border : inset; //    La bordure donne l'impression que la boîte entière est incrustée dans le canevas
	*/
	cursor : pointer;
}

#contenant a.bouton3 {
    margin: 0px;
    padding: 0px 2px;
    width: auto;
	color : inherit;
	border: 1px solid blue;
    font-size: inherit;
	background-color : #D8D5D1;
	cursor : pointer;
}

.commentpost input.radio, .commentpost input.check {
    width: auto;
}

.commentpost input.file {
    width: auto;
}

.commentpost td.donnee {
	width: 100%;
}

/***.erreur {
    background-color : maroon;
    width : 100%;
}

.commentpost a.erreur {
    background-color : green;
    width : 100%;
}***/

.commentpost .infosup {
    font-style : italic;
    font-size : 0.9em;
}

.commentpost h2 {
	margin : 0;
	color : inherit;
}

.bouton2:link, .bouton2:visited, .bouton2 {
    text-decoration:none;
    color:white;
    text-align:center;
    font-weight:bold;
    background-color:#000080;
    padding:5px;
    border-style:outset;
    border-width:2px;
    border-color:silver;
    cursor: default;
  }

.bouton2:hover {
    text-decoration:none;
    color:white;
    text-align:center;
    font-weight:bold;
    background-color:#0000FF;
    background-image:url(aqua.jpg);
    padding:5px;
    border-style:inset;
    border-width:2px;
    border-color:silver;
    cursor: pointer;
  }

/* ---
tooltip
--- */

span.adresse { /* si utilisation de balise "title" et non d'un tooltip en css (ftn ou info) */
	border-width: 0 0 1px 0;
	border-style: dashed; /*copy gecko's behaviour to IE*/
	cursor: help;
}

a.ftn {
    text-decoration:none;
    color:#44AA44;
}

a.ftn span {
    text-decoration:none;
    text-align:center;
    font-style: normal;
    position:absolute;
    display:block;
    width:12em;
    background:#ddffdd;
    border-left:0.2em solid #88ff88;
    visibility:hidden;
    padding:0.2em;
    color:black;
}

a.ftn:hover  span,
a.ftn:active span,
a.ftn:focus  span {
    visibility: visible;
}

a.info { 
    position: relative;
    z-index:24;
    color:#000;
    text-decoration:none;
}

a.info:hover {
    z-index:25;
    text-decoration:none;
}

a.info span {
    display: none;
    text-decoration:none;
}

a.info:hover span {
    display:block;
    position:absolute;
    width:15em;
    border:1px solid #0cf;
    background-color:#cff;
    color:#000;
    text-align: center;
    text-decoration:none;
}

.msg_info {
	background-color : #FFFFCC;
	color : #008000;
	border : 1px solid blue;
	padding : 3px;
}

#contenant a.msg_info {
	border : none;
}

#contenant .msg_info {
    font-style: italic;
    color: blue;
    font-weight: bold;
    background: whitesmoke;
    text-align: center;
    padding: 2px 0;
}

.msg_erreur {
    font-style: italic;
    color: #FFFFFF;
    font-weight: bold;
    background: #ED1015;
    text-align: center;
    padding: 2px 0;
}

/*table.bottom {
    width:100%;
    padding-top: 4px;
    padding-bottom: 5px;
}

table.bottom #left, table.bottom #right {
    width: 100px;
}*/

/*------------------------------------------
    Images (icônes)
    :before n'étant pas reconnu par IE, les images (ci-dessous) ne seront pas affichées
    j'ai essayé "	background: transparent url(../images/suivb.gif) no-repeat top left;"
    mais certains navigateurs tronquent les images, ce qui n'est pas mieux
------------------------------------------*/
.fleche_droite:before {
	content: url(../images/suivb.gif);
    padding: 0 4px 0 0;
}

.fleche_droite_ld:before {
	content: url(../images/suivb.gif) url(../images/suivb.gif);
    padding: 0 4px 0 0;
}

.h2_fleche_haut:before, .fleche_haut:before {
    content: url(../images/up.gif);
    padding: 0 4px 0 0;
}

.fleche_lien:before {
	content: url(../images/next-on.gif);
    padding: 0 4px 0 0;
}

.ico_osx:before {
    content: url(../images/osx_20x20.png);
    padding: 0 2px;
}
/* ok, même si mis dans communs.css, on peut ne rien afficher
.ico_osx:before {
    display: none;
}*/

.ico_winxp:before {
    content: url(../images/winXP_22_20.png);
    padding: 0 2px;
}

.ico_linux:before {
    content: url(../images/os-linux_20x20.gif);
    padding: 0 2px;
}

.ico_pdf:before {
    content: url(../images/pdf_20x20.png);
    padding: 0 2px;
}

.ico_txt:before {
    content: url(../images/txt_20x20.png);
    padding: 0 2px;
}

.ico_gratuit:before {
/*    content: url(../images/osx_20x20.png);*/
    padding: 0 2px;
}

/***
.fleche_droite {
	background: transparent url(../images/suivb.gif) no-repeat top left;
    padding: 0 0 0 8px;
}

.fleche_droite_ld2 {
	background: transparent url(../images/suivb.gif) repeat-x top left;
    padding: 0 0 0 0px;
    width: 20px;
    xheight: 5;
}

.fleche_droite_ld {
	background: transparent url(../images/suivb.gif) no-repeat top left;
    padding: 0 0 0 8px;
}

.h2_fleche_haut, .fleche_haut {
    background: transparent url(../images/up.gif) no-repeat top left;
    padding: 0 0 0 8px;
}

.fleche_lien {
	background: transparent url(../images/next-on.gif) no-repeat top left;
    padding: 0 0 0 16px;
}

.ico_osx {
    background: transparent url(../images/osx_20x20.png) no-repeat top left;
    padding: 0 0 0 20px;
    height: 25;
}

.ico_winxp {
    background: transparent url(../images/winXP_22_20.png) no-repeat top left;
    padding: 0 0 0 20px;
}

.ico_linux {
    background: transparent url(../images/os-linux_20x20.gif) no-repeat top left;
    padding: 0 0 0 20px;
}

.ico_gratuit {
    background: transparent url(../images/osx_20x20.png) no-repeat top left;
    padding: 0 0 0 20px;
}
***/

.fleche_haut_ascii {
    visibility: visible; /*\*/ display: none;/**/ /*visible pour IE5/Mac (car :before non compris)*/
    font-style: normal;
    width: auto; /*\*/ width: 0;/**/ /*visible pour IE5/Mac (car :before non compris)*/
}

.fleche_droite_ascii {
    visibility: visible; /*\*/ display: none;/**/ /*visible pour IE5/Mac (car :before non compris)*/
    font-style: normal;
    width: auto; /*\*/ width: 0;/**/ /*visible pour IE5/Mac (car :before non compris)*/
}

img {
    border : none ;
}

.mondiv {
    padding: 4px;
    border: 1px solid black;
    background-color: whitesmoke;
    margin-bottom: 2px;
}

.cachediv {
	visibility: hidden;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	position: absolute;
}

.navig1:link, .navig1:visited {
    text-decoration:none;
    font-weight:normal;
    font-style: normal;
    background-color: transparent;
//	border : 0;
}

.navig1:hover {
    text-decoration:none;
    font-weight:normal;
    font-style: normal;
    background-color: whitesmoke;
//	border : 1px solid blue;
}

.navig1 {
    text-decoration:none;
    font-weight:normal;
    font-style: normal;
    background-color: whitesmoke;
	border : 1px solid blue;
}

ol.puce {
	list-style-type : square;
    xbackground-color: whitesmoke;
}

ol.num {
	list-style-type : decimal;
    xbackground-color: whitesmoke;
}

ol.alph {
	list-style-type : upper-roman;
    xbackground-color: whitesmoke;
}

.backwards {
	unicode-bidi:bidi-override;
	direction: rtl;
}
.emailcodee {
	text-decoration:none;
    font-style: italic;
    color: #0e0fa6;
    font-weight: bold;
}