/* General */

body{
	font-family: Comic sans MS, Script, Arial;
	line-height: 1.166;
	padding: 0px;
	background-color: #000000;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-origin: content-box;
  }

body.sanslogo{
	font-family: Comic sans MS, Script, Arial;
	line-height: 1.166;
	margin-left: 10%;
	margin-right: 10%;
	padding: 0px;
	background-color: #0000FF;
	background-image: linear-gradient(red, blue);
	background-origin: content-box;
  }

body.page{
	font-family: Comic sans MS, Script, Arial;
	line-height: 1.166;
	padding: 0px;
	background-color: #FFCC33;
	margin:0%;
	background-image:url("logo_2.jpg");
	background-repeat:no-repeat;
}

h1 {
	font-family: Script, Comic sans MS, Arial;
	color: #FFCC33;
	text-shadow: 3px 3px 3px #8800FF;
	text-align: center;
	padding: 10px;
	margin: auto;
}

h2 {
	font-family: Script, Comic sans MS, Arial;
	color: #FFCC33;
/*	font-size: 2em;*/
	text-align: center;
	text-shadow: 3px 3px 3px #8800FF;
	padding: 10px;
	margin: auto auto;
/*	color: white;*/
}

h3 {
	font-size: 1.2em;
	text-align: center;
	padding: 10px;
	margin:auto;
/*	color:white;*/
}

p {
	padding:10px;
	color:#FFCC66;
	text-align: justify;
}

p.anglais {
	color: #FF3300;
	text-align:center;
}

.obligatoire {
	color:red;
	font-style:normal;
}

address {
    margin-top: 1em;
    padding-top: 1em;
    border-top: thin dotted;
	color:inherit;
	align:center;
}

.bandeau {
	position:relative;
	top:10px;
	margin:auto;
	border:3px, #003399;
	background-color: #000000;
	width:80%;
	color: #FFCC33;
	border-width: 4px;
	border-right: solid #003366;
	border-bottom: solid #003366;
	border-top: solid #FFFFFF;
	border-left: solid #FFFFFF;
	border-radius: 15px;
    animation-name: apparition;
    animation-duration: 7s;
}

@keyframes apparition {
    from {background-color: #FFCC33;}
    to {background-color: #000000;}
}

.contenu {
	position: relative;
	margin-left: 180px;
}

.center {
	text-align:center;
/*	margin:auto;*/
}
.left {text-align: left;}
.right {text-align: right;}
.justify {text-align: justify;}
.milieu {vertical-align: middle;}

.gros1 {
	font-weight:bold;
	font-size: 2em;
	text-align: center;
	margin:auto;
}

.gros2 {
	font-weight:bold;
	font-size: 1.5em;
	text-align: center;
/*	color: #FFFFFF;*/
	margin: auto;
}

.gros3 {
	font-weight:bold;
	font-size: 1.2em;
	text-align: center;
/*	color: #FFFFFF;*/
	margin:auto;
}

h1 a:link, h1 a:visited, h1 a:hover {
	color: inherit;
}

.hidden{
	visibility:hidden
}

a {
	text-decoration: none;
}
a:link, a:visited {
/*	color: #CCCCCC;*/
	color:inherit;
}

a:hover {
	color: #FFFF99;
}

#menu{
	position:fixed;
	left: 0px;
	top: 269px;
	width: 180px;
	background-color: #dddddd;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#menu a:link, #menu a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	text-decoration: none;
	color: #000000;
	background-color: #AAAAAA;
}

#menu a:hover{
	color: #AA8800;
	border-top: 1px solid #cccccc;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

em {
	font-style: italic;
	font-weight: bolder;
	font-size: large;
}

em.boutonchoix {
	font-size: inherit;
	font-style: normal;
	padding: 2px 15px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #6699FF;
	border-width: 7px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-radius: 7px 7px 7px 7px;
}

em.boutonchoix:hover {
	color: #000000;
	background-color: #DDEEFF;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

ul {
	color: #FFFFFF;
}
li {
	color: #FFFFFF;	
}

table.technique tr:nth-child(odd){
	background-color:#0000FF;
} 
table.technique tr:nth-child(even){
	background-color:#000099;
} 

table.comptes th.center {
	text-align:center;
}

table.comptes td {
	text-align:right;
	color: #FFFFFF;
}

table.comptes td.center {
	text-align:center;
	color: #FFFFFF;
}

td {
	color: #FFFFFF;
}

td.ligne {
	background-color:#FFFFFF;
}

td.we {
	background-color:#CC0000;
}

td.fif {
	background-color: #FFFF00;
	color:#000000;
}

td.loc {
	background-color:#66FF00;
	color:#000000;
}

th {
	color: #FFFFFF;
}