/*
==============================================
Reset général des CSS
==============================================
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
	display: block;
}
body
{
	line-height: 1;
}
ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}


/*
==============================================
HTML tags (alphabetical order)
==============================================
*/
a
{
	font-weight : bold ;
	text-decoration: none ;
	color : #a0a0a0 ;
}

a:visited
{
	color : #a0a0a0 ;
	text-decoration: none ;
	font-weight : bold ;
}

a:hover
{
	text-decoration: none ;
	color: gray ;
}

body
{
	background-image: url(../images/fondtrame.gif) ;
	color : black ;
	font-family :  Kardia,Tahoma,Verdana,Arial,Helvetica,sans-serif ;
	font-size: 11px ;
	margin : 0px 0px 0px 0px;
}

fieldset
{
	border : 1px solid gray ;
	padding : 0px 8px 8px 8px ;
}

h2
{
	font-family :  PenneRigate,Verdana,Arial,Helvetica,sans-serif ;
	font-size: 20px ;
	font-weight : bold ;
	background: yellow none;
	padding: 3px 6px 3px 6px;
	letter-spacing: -1px;
}

hr
{
	color: gray ;
	height: 1px ;
}

img
{
	border: none ;
}

legend
{
	margin-left: 5px ;
	margin-right: 5px ;
	font-weight: bold ;
}

li
{
	margin-bottom: 5px;
    list-style-type: circle;
}

strong
{
	font-weight: bold ;
}

sup
{
	font-size: .7em;
	color: black ;
	vertical-align: super ;
}

table
{
	border: none ;
}

td
{
	font-family :  Kardia,Tahoma,Verdana,Arial,Helvetica,sans-serif ;
	font-size: 11px ;
}

textarea
{
	resize: none ;
	height: 60px ;
}

ul
{
	margin-top: 10px ;
	margin-bottom: 10px ;
	margin-left: 10px ;
	padding-left: 10px ;
}

/*
==============================================
Custom classes (alphabetical order)
==============================================
*/
.aideBouton
{
	vertical-align: top ;
	padding-right: 10px ;
}

.aideSaisie
{
	border: solid 1px #777777 ;
    padding: 5px ;
	width: 480px ;
    color: #000000 ;
    background-color: #f0f0f0 ;
	text-align: left ;
}

.auteur
{
	color: silver ;
	font-size: 9px ;
}

.bandeau
{
	width: 100% ;
	height: 100% ;
	background-color: yellow ;
	position: relative ;
}

.bandeau .image
{
	position: absolute ;
	top: 6px ;
	right:300px ;
}

.bandeau .titre
{
	position: absolute ;
	top: 2px ;
	right: 20px ;
	text-align:right ;
}

.bandeau .soustitre
{
	position: absolute ;
	bottom: 14px ;
	right: 20px ;
	text-align: right ;
}

.body2
{
	font-family :  Kardia,Tahoma,Verdana,Arial,Helvetica,sans-serif ;
	background: #ffffff none;
	color : black ;
	margin : 10px 10px 10px 10px;
	font-size: 12px ;
}

.caseCroggle
{
	font-family : Verdana, Arial,Helvetica,sans-serif ;
	font-size: 18px ;
	font-weight : bold ;
	color : black;
	width : 32px;
	height : 32px;
	text-align : center;
	vertical-align : middle;
	border: 1px solid gray
}

.caseLettre
{
	font-family : Verdana, Arial,Helvetica,sans-serif ;
	font-size: 18px ;
	font-weight : bold ;
	color : black;
	width : 28px;
	height : 32px;
	text-align : center;
	vertical-align : middle;
	border: 1px solid gray
}

.caseNoire
{
	width : 20px;
	height : 20px;
	text-align : center;
	vertical-align : middle;
	background-color : black;
	font-size: 11px ;
	color : black;
	cursor : pointer ;
}

.cellPadding0
{
	padding: 0px;
}

.cellPadding1
{
	padding: 1px;
}

.cellPadding2
{
	padding: 2px;
}

.cellPadding3
{
	padding: 3px;
}

.cellPadding4
{
	padding: 4px;
}

.cellPadding6
{
	padding: 6px;
}

.cellPadding10
{
	padding: 10px;
}

.cellSpacing0
{
    border-spacing: 0 ;
    border-collapse: collapse ;
}

.cellSpacing1
{
    border-spacing: 1px ;
    border-collapse: separate ;
}

.cellSpacing2
{
    border-spacing: 2px ;
    border-collapse: separate ;
}

.cellSpacing3
{
    border-spacing: 3px ;
    border-collapse: separate ;
}

.cellSpacing4
{
    border-spacing: 4px ;
    border-collapse: separate ;
}

.cellSpacing6
{
    border-spacing: 6px ;
    border-collapse: separate ;
}

.celluleBordee
{
	font-size: 13px ;
	font-weight: bold ;
	padding: 2px 10px 2px 10px ;
	border: 1px solid gray ;
}

.celluleEntete
{
	background : yellow ;
	background-repeat : no-repeat ;
	height : 74px ;
}

.celluleGrise
{
	padding: 2px 0px 2px 0px ;
	width: 18px ;
	border-top: 1px solid gray ;
	border-left: 1px solid gray ;
	border-bottom: 1px solid gray ;
	background: silver ;
}

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

.clavier
{
	background : white ;
	font-weight: bold ;
	text-align : center ;
	cursor : pointer ;
	vertical-align : middle ;
	height : 20px ;
	width : 20px ;
}

#compteur
{
	color : black;
	font-size: 9px ;
	position: absolute ;
	right: 0px ;
}

#compteur A
{
	font-weight: normal ;
	text-decoration: none ;
	color : #000000 ;
}

#compteur A:visited
{
	font-weight: normal ;
	text-decoration: none ;
	color : #000000 ;
}

#compteur A:hover
{
	font-weight: normal ;
	text-decoration: none ;
	color: #777777 ;
}

.conteneur
{
	position: relative ;
	visibility: visible ;
}

.controle
{
	padding: 2px 0px 2px 0px ;
}

.copyright
{
	background-color : black;
	height : 24px;
	color : silver;
	font-size: 10px ;
	text-align : center;
	vertical-align : middle;
}

.copyrightGrille
{
	color : silver;
	font-size: 9px ;
	position: absolute ;
	left: 0px ;
}

.deficlic
{
	cursor : pointer ;
}

#definition
{
	border: 1px solid #000000;
	padding : 5px 5px 5px 5px ;
	margin : 5px 0px 0px 0px ;
}

.dialogue
{
	border-top: 1px solid #dddddd ;
	border-left: 1px solid #dddddd ;
	border-bottom: 1px solid #777777 ;
	border-right: 1px solid #777777 ;
	position: relative ;
	top: 0px;
	left: 0px;
}

.dialogue .contenu
{
	font-size: 11px ;
	background-color: white ;
	padding : 5px 5px 5px 5px ;
	border-top: 1px solid silver ;
	position: relative ;
}

.dialogue .fermeture
{
	position: absolute ;
	right: 8px ;
	top: 2px ;
	width: 11px ;
	height: 12px ;
	border: 1px solid gray ;
	font-weight: bold ;
	text-align: center ;
	vertical-align: middle ;
	background-color: white ;
	color: black;
}

.dialogue .titre
{
	font-size: 11px ;
	font-weight: bold ;
	background-color: yellow ;
	border-bottom: 1px solid #dddddd ;
	cursor: move ;
	padding : 3px 3px 3px 5px ;
	position: relative ;
	top: 0px;
	left: 0px;
	/*width: 100% ;*/
}

.dialogueCadre
{
	background-color: white ;
	border-top: 1px solid #aaaaaa ;
	border-left: 1px solid #aaaaaa ;
	border-bottom: 1px solid #333333 ;
	border-right: 1px solid #333333 ;
	position: absolute ;
	top: 0px ;
	left: 0px ;
	display: none ;
}

.encadre
{
	border: 1px solid #000000;
	padding : 5px 5px 5px 5px ;
}

.erreur
{
	color: #cc0000 ;
	font-size: 12px ;
	font-weight : bold ;
}

.explication
{
	position: absolute ;
	top: 10px ;
	visibility: hidden ;
}

.faq
{
	background : #f0f0f0 ;
	border: 1px solid #000000;
	padding : 8px 8px 8px 8px ;
}

.iframeNoScroll
{
	border: none ;
	overflow: hidden ;
	display: none ;
}

.iframeScroll
{
	border: 1px solid gray ;
	overflow: auto ;
}

.iframeScrollBorder
{
	border: 1px solid gray ;
	overflow: auto ;
}

.indente
{
	margin-left : 20px ;
}

.input
{
	font-family :  Kardia,Tahoma,Verdana,Arial,Helvetica,sans-serif ;
	font-size: 11px ;
	font-weight: normal ;
	width: 200px ;
	height: 18px ;
	border-width: 1px ;
	border-color: #707070 ;
	background-color: #eeeeee ;
	color: #000000 ;
	text-align : left ;
	vertical-align: middle ;
	padding-left: 2px;
	padding-right: 2px ;
}

.inputPetit
{
	font-family :  Kardia,Tahoma,Verdana,Arial,Helvetica,sans-serif ;
	font-size: 11px ;
	font-weight: normal ;
	width: 80px ;
	height: 18px ;
	border-width: 1px ;
	border-color: #707070 ;
	background-color: #eeeeee ;
	color: #000000 ;
	text-align : left ;
	vertical-align: middle ;
	padding-left: 2px ;
	padding-right: 2px ;
}

.inputTexte
{
	font-family :  Kardia,Tahoma,Verdana,Arial,Helvetica,sans-serif ;
	font-size: 11px ;
	font-weight: normal ;
	width: 100% ;
	border-width: 1px ;
	border-color: #707070 ;
	background-color: #eeeeee ;
	color: #000000 ;
	text-align : left ;
}

.invisible
{
	position: absolute ;
	visibility: hidden ;
}

.italique
{
	font-style: italic ;
}

.lettre
{
	width : 20px;
	height : 20px;
	text-align : center;
	vertical-align : middle;
	background-color : white;
	font-size: 11px ;
	color : black;
	cursor : pointer ;
}

.lienNoir
{
	font-weight : bold ;
	text-decoration: none ;
	color : #000000 ;
}

.lienNoir:visited
{
	color : #000000 ;
}

.lienNoir:hover
{
	color: #777777 ;
}

.ligneImpaire
{
	background-color : #ffffff ;
	padding-top: 2px ;
	padding-bottom: 2px ;
	vertical-align: middle ;
}

.lignePaire
{
	background-color : #f0f0f0 ;
	padding-top: 2px ;
	padding-bottom: 2px ;
	vertical-align: middle ;
}

.ligneTitre
{
	background-color : #e0e0e0 ;
	font-weight : bold ;
	cursor : pointer ;
}

.menu
{
	font-weight : normal ;
	text-decoration: none ;
	color : #000000 ;
}

.menu:visited
{
	font-weight : normal ;
	color : #000000 ;
}

.menu:hover
{
	color: #777777 ;
}

.ombre
{
	background: url(../images/shadowlight.gif) repeat ;
	position: absolute ;
	visibility: hidden ;
}

.pageAide
{
	position: absolute ;
	visibility: hidden ;
}

.panels
{
	/* position: float ; */
}

.panels .onglet
{
	font-size: 11px ;
	border: 1px solid gray ;
	background: #dddddd ;
	width: 40px ;
	padding: 4px 8px 4px 8px ;
	cursor: pointer ;
	margin-left: 2px ;
}

.panels .onglet_vide
{
	font-size: 11px ;
	border-bottom: 1px solid gray ;
	background: white ;
}

.panels .page
{
	position: absolute ;
	visibility: hidden ;
}

.panels .panel
{
	font-size: 11px ;
	border-bottom: 1px solid gray ;
	border-left: 1px solid gray ;
	border-right: 1px solid gray ;
	background: white ;
	height: 340px ;
	padding: 10px ;
}

.lignePaire
{
	font-size: 11px ;
}

.lignePaireGris
{
	color: #777777 ;
	font-size: 11px ;
}

.pseudoBouton
{
	background: #e0e0e0 ;
	width: 100px ;
	height : 18px ;
	vertical-align: middle;
	font-weight : bold ;
	text-align : center ;
	border: 1px solid #969696 ;
	cursor: pointer ;
}

/*
.pseudoBouton :hover
{
	border: 1px solid #404040 ;
	color: #606060;
}
*/

#splash
{
    position:absolute;
    z-index:100;
    visibility:hidden;
	width : 250px ;
	cursor : pointer ;
}

.stabilo
{
	background: #ffff00;
	padding: 3px 3px 3px 3px;
}

.stabiloGris
{
	background: #dddddd;
	padding: 3px 3px 3px 3px;
}

#texteAide
{
	position: absolute ;
	visibility: hidden ;
}

.texteGris
{
	color: #777777 ;
}

.texteGrisPetit
{
	font-size: 110% ;
	font-weight : bold ;
	color : #777777 ;
}

.texteGrisTresPetit
{
	font-size: 90% ;
	color : #777777 ;
}

.titreGris
{
	font-family :  PenneRigate,Verdana,Arial,Helvetica,sans-serif ;
	font-size: 150% ;
	letter-spacing: -1px;
	font-weight : bold ;
	color : #777777 ;
}

.titreGrisPetit
{
	font-family :  PenneRigate,Verdana,Arial,Helvetica,sans-serif ;
	font-size: 130% ;
	letter-spacing: -1px;
	font-weight : bold ;
	color : #777777 ;
}

.tooltip
{
	font-size: 11px ;
	text-align : left ;
	border: solid 1px #777777 ;
	width: 250px ;
    padding: 4px ;
    position: absolute ;
    z-index: 100 ;
    visibility: hidden ;
    color: #333333 ;
    top: 20px ;
    left: 90px ;
    background-color: #ffffcc ;
}

.width50
{
	width: 50% ;
}

.width90
{
	width: 90% ;
}

.width100
{
	width: 100% ;
}