﻿@charset "utf-8";
/* CSS Document */

@media print {
img {
display:none;
}
* , .pas_copier { /* toutes les images d'arriere plan, reprendre les class et id si necessaire */
background-image:none;
}
}


@font-face { font-family:"Square721 BT"; src:url(tt0246m_.ttf);}
@font-face { font-family:"isocteur"; src:url(isocteur.ttf);}
@font-face { font-family:Amazone BT; src:url(tt1040m.ttf); }
@font-face { font-family:"ziperhead"; src:url(ziperhea.ttf); }

body, td, th, tr, p, dd, dl {
	font-family: "Square721 BT", arial;
	font-size: 12px;
	color: #FFFFFF;
	cursor: url(../images/iskarrow.cur), pointer;
	line-height: 100%;
	margin-top: 0cm;
	margin-right: 0cm;
	margin-bottom: 10pt;
	margin-left: 0cm;
	}
	
body {
	cursor: url(../images/iskarrow.cur), pointer;
	/*background-image:url(../images/foncarro.jpg);*/
	background-attachment:fixed;
	scrollbar-face-color: #FF0000;
	scrollbar-shadow-color: #FF5500;
	scrollbar-highlight-color: #FF2200;
	scrollbar-3dlight-color: #550000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #550000;
	scrollbar-arrow-color: #000000;
	border:none;
	line-height:115%;
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:10.0pt;
	margin-left:0cm;
	text-shadow: rgba(0, 0, 0, 1) 1px 1px,
	rgba(0, 0, 0, 1) 1px -1px,
    rgba(0, 0, 0, 1) -1px -1px,
	rgba(0, 0, 0, 1) -1px 1px; 
}

.StyleRed {color: #FF0000;}
.StyleBlood {color: #800000;}
.StyleYellow {color: #FFFF00;}
.StyleBlack {color: #000000;}
.StyleWhite {color: #FFFFFF;}
.StyleGrey {color: #666666;}
.StyleBlue {color: #0000FF;}
.StyleGreen {color: #00CC00;}
.StylePiss {color: #FFCC00;}
.StyleViolet {color: #6633CC;}
.StyleOrange {color: #FF9900;}
.StyleMag {color: #CC00FF;}
.Stylefontiso { font-family:"isocteur", arial;}
.Stylefontama { font-family:Amazone BT, arial;}
.Stylefontzip { font-family:"ziperhead", arial;}
.StyleItalic {font-style: italic;}
.StyleBold {font-weight: bold;}
.StyleStabiloRouge {background-color:#FF0000; }
.Style10 {font-size:10px;}
.Style11 {font-size:11px;}
.Style14 {font-size:14px;}
.Style16 {font-size:16px;}
.Style18 {font-size:18px;}
.Style20 {font-size:20px;}
.Style22 {font-size:22px;}
.Style24 {font-size:24px;}

a {color:#0042FF; text-decoration:none; cursor: url(../images/iskeye.cur), pointer;} /* lien non visité */
a:visited {color:#8080A6; text-decoration:none; cursor: url(../images/iskeye.cur), pointer;} /* lien visité */
a:hover {color:#FF0000; text-decoration:none; cursor: url(../images/iskeye.cur), pointer;} /* lien survolé */
a:active {color:#FF0000; text-decoration:none; cursor: url(../images/iskeye.cur), pointer;} /* lien sélectionné */

a.deco {text-decoration:underline; cursor: url(../images/iskeye.cur), pointer;}
a:visited.deco {color:#884444; text-decoration:underline; cursor: url(../images/iskeye.cur), pointer;}
a:hover.deco {text-decoration:none; cursor: url(../images/iskeye.cur), pointer;}
a:active.deco {text-decoration:none; cursor: url(../images/iskeye.cur), pointer;}


.fonjus { background: url(../images/fonjus.png); background-attachment:fixed;}
.fonbarrejaune { background: url(../images/barrejaune.png);}
.fonbarrerouge { background: url(../images/barrerouge.png);}
.fonbarb { background: url(../images/filbarb.png);}
.fongril { background: url(../images/grillage.png);}
.fonbaro { background: url(../images/barreau.gif);}
.fontrblan { background: url(../images/fontrblan.png);}
.fontrbleu { background: url(../images/fontrbleu.png);}
.fontrnoir { background: url(../images/fontrnoir.png);}
.fontroug { background: url(../images/fontroug.png);}
.fontrjaun { background: url(../images/fontrjaun.png);}
.fontroran { background: url(../images/fontroran.png);}
.fontrvert { background: url(../images/fontrvert.png);}

.bored {border: 2px inset #ff0000;}

h1, h2{
text-align:center;
color: #FF0000;
}

.raimbow {color:#000000; font-size:10px; font-weight: bold; border-radius: 5px 5px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-image: url('../images/raimbow.jpg'); width:600px; margin:0px; padding:0px; border-color:#FF0000; cursor: url(../images/iskeye.cur), pointer;}
.raimbow:hover {border: 2px inset #0000ff; color:#0000ff;  font-weight: bold;}
.raimbow:focus {border: 2px inset #ff0000; color:#ff0000;  font-weight: bold;}

input, select, textarea {background-color:#000000; font-family: "Square721 BT", arial; color: #FF0000; text-align: center; border: 2px inset #FF0000;}
input:hover, select:hover{border: 2px inset #0000ff; color:#0000ff;}
input:focus, select:focus{border: 2px inset #ffffff; color:#ffffff; font-weight: bold;}

.bouton1 {
background:url(../images/bouton_noirb.jpg) repeat;
background-position: right;
font-family: "Square721 BT", arial; 
font-size: 12px; 
font-weight: bold ;
color: #FFC000;
border: 2px outset #FFC000;
	color : #FFC000; /* couleur du texte */
	text-shadow: rgba(92, 78, 50, .5) 1px 1px,
	rgba(185, 163, 92, .5) -1px -1px,
	rgba(185, 163, 92, .5) 1px -1px,
	rgba(92, 78, 50, .5) -1px 1px; 
width: 60;
text-align: center;
position: relative;
cursor: url(../images/iskeye.cur), pointer;
 /* infobulle */
position: relative;/* Indispensable pour le bon positionnement de l'info-bulle */ 
z-index:10; /* on définit une valeur pour l'ordre d'affichage */
text-decoration: none;
/* border-radius: 5px 5px; -moz-border-radius: 8px; -webkit-border-radius: 8px; */
padding: 2px 4px 2px 4px; /*Définition des marges intérieures de notre lien */
} /* bouton lien non visité */
.bouton1:hover {
color: #000000;
background:url(../images/bouton_rougeb.jpg) repeat; /* couleur du font */
border: 2px outset #FFC000;
	text-shadow: rgba(125, 0, 0, .5) 1px 1px,
	rgba(255, 100, 100, .5) -1px -1px,
	rgba(255, 100, 100, .5) 1px -1px,
	rgba(125, 0, 0, .5) -1px 1px; 
text-decoration: none;
cursor: url(../images/iskeye.cur), pointer;
 /* infobulle */
z-index: 100; /* on définit une valeur pour l'ordre d'affichage */
text-decoration: none;
} /* bouton  survolé */
.bouton1:active {
color: #000000;
background:url(../images/bouton_rougeb.jpg) repeat; /* couleur du font */
border: 2px inset #FFC000; 
text-decoration:none;
cursor: url(../images/iskeye.cur), pointer;
} /* bouton lien sélectionné */
.bouton1:visited {color: #FFC000;}
.bouton1:visited:hover {color: #000000;}
.bouton1:focus {color: #FFC000; border: 2px outset #FFC000;}
.bouton1:hover:focus {color: #000000; border: 2px outset #FFC000;}

.bouton2 {
background:url(../images/bouton_noirbleub.gif) repeat;
background-position: right;
font-family: "Square721 BT", arial; 
font-size: 12px; 
font-weight: bold ;
color: #FFC000;
border: 2px outset #FFC000;
	color : #FFC000; /* couleur du texte */
	text-shadow: rgba(92, 78, 50, .5) 1px 1px,
	rgba(185, 163, 92, .5) -1px -1px,
	rgba(185, 163, 92, .5) 1px -1px,
	rgba(92, 78, 50, .5) -1px 1px;
width: 60;
text-align: center;
position: relative;
cursor: url(../images/iskeye.cur), pointer;
 /* infobulle */
position: relative;/* Indispensable pour le bon positionnement de l'info-bulle */ 
z-index:10px; /* on définit une valeur pour l'ordre d'affichage */
text-decoration: none;
/* border-radius: 5px 5px; -moz-border-radius: 8px; -webkit-border-radius: 8px; */
padding: 2px 4px 2px 4px; /*Définition des marges intérieures de notre lien */
} /* bouton lien non visité */
.bouton2:hover {
color: #000000;
background:url(../images/bouton_rougeb.jpg) repeat; /* couleur du font */
border: 2px outset #FFC000; 
	text-shadow: rgba(125, 0, 0, .5) 1px 1px,
	rgba(255, 100, 100, .5) -1px -1px,
	rgba(255, 100, 100, .5) 1px -1px,
	rgba(125, 0, 0, .5) -1px 1px;
text-decoration: none;
cursor: url(../images/iskeye.cur), pointer;
 /* infobulle */
z-index: 100px; /* on définit une valeur pour l'ordre d'affichage */
text-decoration: none;
} /* bouton  survolé */
.bouton2:active {
color: #000000;
background:url(../images/bouton_rougeb.jpg) repeat; /* couleur du font */
border: 2px inset #FFC000; 
text-decoration:none;
cursor: url(../images/iskeye.cur), pointer;
} /* bouton lien sélectionné */
.bouton2:visited {color: #FFC000;}
.bouton2:visited:hover {color: #000000;}
.bouton2:focus {color: #FFC000; border: 2px outset #FFC000;}
.bouton2:hover:focus {color: #000000; border: 2px outset #FFC000;}


a.boutonfb {
color: #FFFFFF;
background-color:#3B5998;
font-family: "Square721 BT", arial; 
font-size: 12px; 
font-weight: bold ;
border: 1px outset #3B5998; 
width: 60;
text-align: center;
position: relative;
cursor: url(../images/iskeye.cur), pointer;
position: relative;/* Indispensable pour le bon positionnement de l'info-bulle */ 
z-index:10; /* on définit une valeur pour l'ordre d'affichage */
text-decoration: none;
border-radius: 5px 5px; -moz-border-radius: 8px; -webkit-border-radius: 8px; */
padding: 2px 8px 2px 8px; /*Définition des marges intérieures de notre lien */ 
text-shadow: none;
} /* bouton lien non visité */
a:hover.boutonfb{
color: #3B5998;
background-color: #FFFFFF;
border: 1px outset #FFFFFF; 
text-decoration: none;
cursor: url(../images/iskeye.cur), pointer;
 /* infobulle */
z-index: 100; /* on définit une valeur pour l'ordre d'affichage */
text-decoration: none;
} /* bouton  survolé */
a.boutonfb span{display: none}
a.boutonfb:hover span {
   display:inline;
   position: absolute;
   white-space: nowrap;
   z-index:500;
   top: 25px;
   left: -100px;
   padding: 2px 2px 2px 2px;
}

a.boutonsmb {
color: #000000;
background-color:#D93F3F;
font-family: "Square721 BT", arial; 
font-size: 12px; 
font-weight: bold ;
border: 1px outset #D93F3F; 
width: 60;
text-align: center;
position: relative;
cursor: url(../images/iskeye.cur), pointer;
position: relative;/* Indispensable pour le bon positionnement de l'info-bulle */ 
z-index:10; /* on définit une valeur pour l'ordre d'affichage */
text-decoration: none;
border-radius: 10px 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
padding: 2px 8px 2px 8px; /*Définition des marges intérieures de notre lien */
text-shadow: none;
} 
a:hover.boutonsmb{
color: #F9B309;
font-weight: bold;
text-decoration: none;
cursor: url(../images/iskeye.cur), pointer;
 /* infobulle */
z-index: 100; /* on définit une valeur pour l'ordre d'affichage */
text-decoration: none;
}

a.boutonrec {
color: #FFFFFF;
background : linear-gradient(to bottom, #B52D2B, #6E0000, #3D0100);
font-family: "Square721 BT", arial; 
font-size: 12px; 
font-weight: bold ;
border: 1px solid #999999; 
width: 60;
text-align: center;
position: relative;
cursor: url(../images/iskeye.cur), pointer;
position: relative;/* Indispensable pour le bon positionnement de l'info-bulle */ 
z-index:10; /* on définit une valeur pour l'ordre d'affichage */
text-decoration: none;
padding: 2px 8px 2px 8px; /*Définition des marges intérieures de notre lien */ 
text-shadow: none;
} 
a:hover.boutonrec{
color: #FFFFFF;
background : linear-gradient(to bottom, #3D0100, #6E0000, #B52D2B);
border: 1px solid #FFFFFF; 
font-weight: bold;
text-decoration: none;
cursor: url(../images/iskeye.cur), pointer;
 /* infobulle */
z-index: 100; /* on définit une valeur pour l'ordre d'affichage */
text-decoration: none;
}

.infobull {
   position: relative;
   font-family: "Square721 BT", arial; 
}
.infobull span {
   display: none;
   position: absolute;
}
.infobull:hover span {
   display: inline;
   position: absolute;
   white-space: nowrap;
   z-index:500;
   top: -30px;
   left: 0px;
   padding: 2px 4px 2px 4px;
}
		.bullred { color: #ff0000; background: #000000; border: 2px solid #FF0000; text-shadow: none;  }
		.redbull { color: #000000; background: #FF0000; border: 2px solid #000000; text-shadow: none; }
		.bullblue { color: #000000; background: #3366FF; border: 2px solid #000099; text-shadow: none; }
		.bullpiss { color: #000000; background: #FFCC33; border: 2px solid #663300; text-shadow: none; }

.bullinfo {
   position: relative;
   font-family: "Square721 BT", arial; 
}
.bullinfo span {
   display: none;
   position: absolute;
}
.bullinfo:hover span {
   display: inline;
   position: absolute;
   white-space: nowrap;
   z-index: 2000;
   top: 25px;
   left: 25px;
   width: 200px;
   padding: 6px 8px 6px 8px;
}	
.bullinfo:hover span img {
			border: 0; margin: -25px 0 0 -105px;
			float: left; position: absolute;
}
.bullali { display: block; text-align:center;}	
		
.ds_box {
	background-color: #000;
	border: 2px inset #F00;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #000;
}

.ds_head {
	background-color: #000;
	color: #F00;
	font-family: "Square721 BT", Arial;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #FF0;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: "Square721 BT", Arial;
	width: 32px;
}

.ds_cell {
	background-color: #F00;
	color: #000;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	font-family: "Square721 BT", Arial;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #FFFF00;
} /* This hover code won't work for IE */

.ombrouge {
	text-shadow: rgba(125, 0, 0, .7) 1px 1px,
	rgba(255, 100, 100, .7) -1px -1px,
	rgba(255, 100, 100, .7) 1px -1px,
	rgba(125, 0, 0, .7) -1px 1px;
}

.ombjaune {
	text-shadow: rgba(92, 78, 50, .7) 1px 1px,
	rgba(185, 163, 92, .7) -1px -1px,
	rgba(185, 163, 92, .7) 1px -1px,
	rgba(92, 78, 50, .7) -1px 1px; 
}

.ombnoir {
	text-shadow: rgba(0, 0, 0, 1) 1px 1px,
	rgba(0, 0, 0, 1) 1px -1px,
    rgba(0, 0, 0, 1) -1px -1px,
	rgba(0, 0, 0, 1) -1px 1px,
	rgba(0, 0, 0, 1) 2px 2px,
	rgba(0, 0, 0, 1) 2px -2px,
    rgba(0, 0, 0, 1) -2px -2px,
	rgba(0, 0, 0, 1) -2px 2px; 
}

.omblanc {
	text-shadow: rgba(255, 255, 255, 1) 1px 1px,
	rgba(255, 255, 255, 1) 1px -1px,
    rgba(255, 255, 255, 1) -1px -1px,
	rgba(255, 255, 255, 1) -1px 1px; 
}

.ombgris {
	text-shadow: rgba(50, 50, 50, 1) 1px 1px/*bas droite*/,
	rgba(150, 150, 150, 1) -1px -1px/*haut gauche*/,
	rgba(150, 150, 150, 1) 1px -1px/*haut droite*/, 
	rgba(50, 50, 50, 1) -1px 1px/*bas gauche*/;
}

.ombnb {
	text-shadow: rgba(0, 0, 0, 1) 1px 1px/*bas droite*/,
	rgba(255, 255, 255, 1) -1px -1px/*haut gauche*/,
	rgba(255, 255, 255, 1) 1px -1px/*haut droite*/, 
	rgba(0, 0, 0, 1) -1px 1px/*bas gauche*/;
}

.ombnone {
	text-shadow: none;
}