/* STYLES pour TAGS */

html {
    overflow-y:visible;overflow:scroll;
    }
body {
    background-color:#F5F5F5;     /* E6E6FA couleur fond */
    color: black;
    }
img {
    border: 0px; }
a {
	color: #0000CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	}
a:hover { color: brown; }
a.img {
	border-style:none;
	border:0px;
	outline:0px;
	}


/* STYLE pour ID MAIN PAGES */

#mypage {
	margin-left: auto;
	margin-right: auto;
	width: 1032px;
	}



/* STYLES pour IDs BARRE D'ONGLETS */

#menu {
    text-align:center;
    border-bottom:2px solid orange;
    padding-bottom:25px;
    }
#onglets {
    font-family:'News Gothic MT','LMSans 8 Regular',Helvetica,sans-serif;
    font-size:13px;
    color:#000088;
    position:absolute;
    border:1px solid transparent;
    padding:0;
    list-style-type:none;
    left:50%;
    margin-top:0;
    margin-left:-210px;         /* <<< MAIN paramètre de positionnement */
    }
#onglets li {
    float:left;
    height:21px;
    background-color:#F4F9FD;
    margin:2px 2px 0 2px !important;
    margin:1px 2px 0 2px;
    border:1px solid #9EA0A1;
    }
#onglets li.titrel {
    text-decoration:none;
    font-weight:bold;
    border:none;
    background-color:#fff;
    width:144px;
    text-align:right;
    }
#onglets li.active {
    border-bottom:1px solid #fff;
    background-color:#fff;
    }
#onglets a {
    display:block;
    text-decoration:none;
    padding:4px;
    width:128px;                /* <<< MAIN paramètre de taille */
    text-align:center;
    }




/* STYLES pour TEXTES */

.aRecomDate, .aRecomDate a:visited {											/* only dans le sous-bandeau recommandation-date-drapeaux */
	color: #4444FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
    }
.aLisSuite, .aLisSuite a:visited {
	color: #4444FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
    }
.barreMenuBlack, .barreMenuBlack a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
    color: black;
	}
.BodyText, .BodyText TD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 120%;
	}
.BodyText {
	color: #114477;  /* #225588 */
	text-align: justify;
	}
.BodyText_ff, .BodyText_ff TD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 120%;
	}
.BodyText_ff {
	color: #114477;  /* #225588 */
	text-align: justify;
	}
.comment {
    color:black;
    font-style:italic;
    }


                                                                                /* Titres, toujours associe a un css de taille ci-dessous */
.boldBlack, .boldBlack TD {                                                     /* Sous-Titres index.php et menucontact.??? ONLY */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 120%;
	text-align: justify;
    color: #000000;                                                             /* Titres des pages html */
	}



.bgWhite { background-color:white; }

.chxw a { color: white; font-weight: normal; }									/* choix barre menu */
.chxr a { color: red; font-weight: normal; }
.chxy a { color: yellow; font-weight: normal; }
.chxb a { color: brown; font-weight: normal; }    /* #8A130E */

.txtCenter { text-align:center; }

.txtLight, txtLight TD { color:#CCCCCC; }

.txtMiddle, txtMiddle TD {
    padding-top: 1px;
    padding-bottom: 1px;
    height:24px;
    line-height:24px;
    white-space:nowrap;
    }


.gris, .gris a { color: #888888; }
.buttonred, .buttonred a { color: #FF0000; font-weight:bold; }

.fs90, fs90 a { font-size: 12px; }
.fs120, fs120 a { font-size: 16px; }

.borderDebug,    .borderDebug td	 { border: 1px  none  magenta; }				/* Couleurs borders debug */
.borderDGrey,    .borderDGrey td	 { border: 1px  none  #bbbbbb; }
.borderDMagenta, .borderMagenda td	 { border: 1px  none  magenta; }
.borderDBlue,    .borderDBlue td	 { border: 1px  none  blue; }
.borderDGreen,   .borderDGreen td	 { border: 1px  none  green; }
.borderDYellow,  .borderDYellow td	 { border: 1px  none  yellow; }
.borderDOrange,  .borderDOrange td	 { border: 1px  none  orange; }
.borderDRed,     .borderDRed td		 { border: 1px  none  red; }
.borderPicsHowTo .borderPicsHowTo td { border: 1px  none  #888822; }

.borderPadding1  { border-padding:0px;border-spacing:0px 1px; }
.borderPadding2  { border-padding:0px;border-spacing:0px 8px; }



.displMasque     { display:none; }
.displDemasque   { display:table; }

.retrait {
    position:relative;
    left:50px;
    color:blue;
    }

#ongletUP {
    display: none;
    position: fixed;
    top: 428px;
    right: 10px;
    width: 32px;
    height: 40px;
    z-index: 1;
    }
#ongletDOWN {
    display: none;
    position: fixed;
    top: 484px;
    right: 10px;
    width: 32px;
    height: 40px;
    z-index: 1;
    }

#boite_50 {
    position:fixed;top:412px;right:400px;
    /* position:absolute;top:-150px;right:416px; */      /* (1032-400)/2 */
    width: 224px;
    height: 106px;
    padding: 12px;
    background-color:#F4F9FD;
    border: 2px solid #73AD21;
	border-radius: 3px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	box-shadow:4px 4px 10px gray;
	-moz-box-shadow:4px 4px 10px gray;
	-webkit-box-shadow:4px 4px 10px gray;
    color: black;
    z-index: 2;
    }

#boite_help {
    position:fixed;top:100px;right:200px;
    /* position:absolute;top:-150px;right:416px; */      /* (1032-400)/2 */
    width: 740px;
    height: 510px;
    padding: 12px;
    background-color:#F4F9FD;
    border: 2px solid #73AD21;
	border-radius: 3px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	box-shadow:4px 4px 10px gray;
	-moz-box-shadow:4px 4px 10px gray;
	-webkit-box-shadow:4px 4px 10px gray;
    color: black;
    z-index: 3;
    }