/* ChromoWeb colorset for Seuils - Orcal */
/*
Colorpart   HTML	RVB
Dominante   #003366	0,51,102
Tonique     #ff3300 255,51,0
3rd Color   #ff3300 255,51,0
Font/Border #333333 51,51,51
Background  #ffffff 255,255,255
*/

/*
Elastic Design by Patrick Griffiths
Source: http://www.alistapart.com/issues/167/
*/

/*
1em			= 16px
therefore:
0em			=   0px
0.0625em	=   1px
0.125em		=   2px
0.3125em	=   5px
0.5625em	=   9px
0.625em		=  10px
0.6875em	=  11px
0.75em		=  12px
0.875em		=  14px
0.9375em	=  15px
1em			=  16px
1.125em		=  18px
1.25em		=  20px
1.375em		=  22px
1.5em		=  24px
1.5625em	=  25px
1.625em		=  26px
2.5em		=  40px
2.75em		=  44px
3.75em		=  60px
4.375em		=  70px
5em			=  80px
5.125em		=  82px
5.1875em	=  83px
5.5em		=  88px
5.5625em	=  89px
6.25em		= 100px
6.4375em	= 103px
6.875em		= 110px
7.1875em	= 115px
7.5em		= 120px
8.125em		= 130px
8.75em		= 140px
9.0625em	= 145px
9.1875em	= 147px
9.25		= 148px
9.3125em	= 149px
9.375em		= 150px
10.3125		= 165px
11.875em	= 190px
15em		= 240px
30em		= 480px
55em		= 880px
*/

/* 2004-04-14

Seuils.org preferred color table

Color Name		RVB			CSS		TSL		CMJN
Dark Blue		000/000/128	#000080	240/100/050	098/098/002/000
Dark Blue (SVG)	019/000/124	#13007c	248/100/048	098/099/002/000
Light Blue		204/255/255	#ccffff	179/019/100	019/000/002/000
Light Yellow	255/255/153	#ffff99	059/039/100	003/001/040/000
Form Yellow		255/255/204	#ffffcc	059/019/100	004/001/020/000
Dark Green		064/101/064	#406540	120/036/039	071/031/069/017
Light Green		204/255/204	#ccffcc	120/019/100	020/000/020/000
Red				255/000/000	#ff0000	000/100/100	001/096/091/000
Grey			128/128/128	#808080	059/000/050	043/031/028/013
Light Grey		192/192/192	#c0c0c0	059/000/075	023/016/013/002
*/

/* 2008-02-28

Color Name		RVB			RVB WebOnly CSS WebOnly
Gold hsp		249/220/007	255/204/000	#ffcc00
Red hsp			162/023/030	153/000/051	#990033
Green hsp		099/255/099	102/204/102	#66cc66
Green rst		000/153/000	000/153/000	#009900
Chocolate etwe	126/089/081 n/a			n/a	(CSS #7e5951)
Silver air		221/221/221	221/221/221	#cccccc
Grey air		095/095/095	102/102/102	#666666
Blue air		026/097/169	051/102/153	#336699
Pink air		255/060/120	255/051/102	#ff3366
Gold air		255/158/057	255/153/051	#ff9933
Green air		032/205/060	051/204/051	#33cc33

/* 2005-04-27

orange
color: #ff3300;

blue
color: #003366;

to be blue
a:hover
??? .gros-titre
??? .sous-titre

to be orange
a
??? a:link

blue
a
a:link
a.colgauche
.col-gauche - border-right-color
.bouton - border
.box - border
.ligne-bas-droite - border-bottom-color
.ligne-bas-droite - border-right-color
.ligne-bas-droite - background-color
.ligne-bas - border-bottom-color

orange
a:hover
.gros-titre
.sous-titre
a.colgauche:hover

orange unused:
.table-header - background
.table-header-g - background
*/

body {
/*  background: white; */
/*
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-image: url(images/seuils_oriflamme.gif);
*/
	}

/* kbd style copied from Opera Help CSS */
kbd {
	color: #333333;
	background-color: #efefef;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 80%;
	text-align: center;
	border-top: 2px double #cfcfcf;
	border-left: 3px solid #bababa;
	border-right: 4px solid #aaaaaa;
	border-bottom: 6px solid #909090;
	padding-left: 0.2em;
	padding-top: 0em;
	padding-right: 0.2em;
	padding-bottom: 0em;
	line-height: 1.6em;
	vertical-align: top;
	}

.help {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
	}

.box {
	border: 1px solid #003366;
	}

.ligne-bas-droite {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	border-right-style: solid;
	border-right-color: #003366;
/*	background-color: #003366; */
	background-color: #ffffff;
	}

.ligne-bas {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	}

.search {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	text-decoration: none;
	background-image: none;
	background-color: #f0f0f0;
	}

.quote {
	font-style: italic;
	}

a {		
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
/*	color: #003366; */
	color: #ff3300;
/*	background-color: #ffffff; */
	font-weight: bold; 
	text-decoration: none; 
	}

a:link {
	text-decoration: none;
/*	color: #ff3300; */
	color: #003366;
	}

a:visited {
	text-decoration: none;
	}

a:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
/*	font-size: 100%; */
	font-weight: bold; 
	text-decoration: underline; 
/*	color: #ff3300; */
	color: #003366;
	}

.link-menu {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%; 
	padding-right: 4px;
	padding-left: 4px;
	}

.accessibility {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 150%; 
	font-weight: bold; 
	padding-right: 4px;
	padding-left: 4px;
	}

.logo {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 200%;
/*	color: #ffffff; */
/*	color: #003366; */
/*	color: #0a5785; */
/*	color: #666666; */
/*	color: #444444; */
/*	color: #333333; */
	color: #777777;
	font-weight: bold; 
	padding-right: 4px;
	padding-left: 4px;
	}

.logo_title {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 150%;
	color: #ffffff;
	font-weight: bold;
	padding-right: 4px;
	padding-left: 4px;
	}

/* Elastic Image */
#logotype {

	}
.logotype {
/*	width: 5.1875em; */
/*	height: 5.1875em; */
	width: 82px;
	height: 82px;
	margin: 0em 0em 0em 0.5em;
	border: 0px solid #ccc;
	}
#photoboxh {

	}
.photoboxh {
	width: 13em;
	height: 10em;
	margin: 0em 0em 0em 0em;
	border: 1px solid #ccc;
	}
#photoboxv {

	}
.photoboxv {
	width: 10em;
	height: 13em;
	margin: 0em 0em 0em 0em;
	border: 1px solid #ccc;
	}

#banner {

	}
.banner {
	width: 30em;
	height: 5.5625em;
	margin: 0em;
	border: 0px solid #ccc;
	}

#portrait {

	}
.portrait {
	width: 7.1875em;
	height: 9.25em;
	margin: 0em;
	border: 0px solid #ccc;
	}

.menu-barv {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	vertical-align: middle;
	color: #000000;
	background-color: #ffffff;
	}

.body-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	padding: 5px;
	background-color: #ffffff;
	vertical-align: top;
	}

.gros-titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
	color: #ff3300;
/*	color: #003366; */
	background-color: #ffffff;
	}

.sous-titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #ff3300;
/*	color: #003366; */
	background-color: #ffffff;
	}

.formulaire-col-gauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	padding-right: 11px;
	text-align: right;
	vertical-align: top;
	background-color: #ffffff;
	}

.formulaire-champ {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	padding-right: 11px;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	}

.input { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	border: 2px;
	border-style: inset;
	background-color: #ffffcc;
	}

.bouton {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	font-weight: bold;
	border: 1px solid #003366;
	}

a.colgauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight: bold;
	text-decoration: none;
	}

a.colgauche:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	text-decoration: underline; 
	color: #ff3300;
	background-color: #ffffff;
	}

.col-gauche {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #003366;
	}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	text-align: center;
	}

.but {
	vertical-align: bottom;
	}

.table-box {
	padding: 8px;
	border: 1px solid #000000;
	}

.table-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	background-color: #ff3300;
	color: #ffffff;
	padding-right: 5px;
	padding-left: 5px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	}

.table-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	background-color: #ffffff;
	}

.table-header-g {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	background-color: #ff3300;
	color: #ffffff;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #cccccc;
	text-align: center;
	}

.table-content-g {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	text-align: center;
	background-color: #ffffff;
	}