/*
--------------------------------------------------------------------------------
 Zones principales de page
--------------------------------------------------------------------------------
*/

body { font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #333333; background: #317082 url(/images/background_page.gif) top center; margin: 10px; }

#header { width: 800px; margin: 0 auto; background-color: #ffffff; cursor: pointer; }
#titre { margin-bottom: 0 5px -10px 0; background: url(/images/webplaque.gif) no-repeat top left; font: bold 1em Verdana; text-align: right; color: #f08d45; position: relative; top: -5px; padding-top: 30px; }
#section { width: 800px; margin: 0 auto; font: bold 1.2em Tahoma; color: white;  }
#section a { color: white; font-size: .8em; }
#content { width: 800px; margin: 0 auto; background-color: #ffffff; }

#mentions { width: 800px; margin: 0 auto; color: white; font-size: .9em; text-align: center; margin-top: 3px; }
#mentions a { color: #cce0ea; }

#debug { width: 800px; margin: 5px auto 0 auto; padding: 10px; overflow: hidden; }
#debug div.var { width: 800px; overflow: auto; background-color: #f4f4f4; }

#result { width: 100%; border-collapse: collapse; padding: 0; margin: 0; }
#result td { border-bottom: 1px dotted silver; border-collapse: collapse; vertical-align: top; padding: 3px 5px; margin: 0; }

/*
--------------------------------------------------------------------------------
Titres
--------------------------------------------------------------------------------
*/

h1 { color: #005774; margin: 0; padding: 0 0 3px 0; font: bold 2em Tahoma; }
h2 { color: #f08d45; margin: 15px 0 10px 0; font: bold 1.3em Tahoma; }
h3 { color: #0aa; font: bold 1.1em Tahoma; display: inline; margin-right: 10px; }
h3.disabled { color: #ccc; bold 1.1em Tahoma; display: inline; }
h4 { color: #0aa; font: bold 1.5em Tahoma; margin: 10px 0 10px 0; }

/*
--------------------------------------------------------------------------------
 Liens standards
--------------------------------------------------------------------------------
*/
a { font-weight: bold; font-family: Arial,Helvetica,sans-serif; text-decoration: none; color: #006394; }
a:hover { text-decoration: underline; }

/*
--------------------------------------------------------------------------------
 Listes
--------------------------------------------------------------------------------
*/
ul, ol { margin: .5em 0 0 1.5em; padding: 0; }
ul span, ol span { color: #333333; }
ul.halfSpaced li { margin: .5em 0; }
ul.spaced li { margin: 1em 0; }

/*
--------------------------------------------------------------------------------
 Divers
--------------------------------------------------------------------------------
*/

table.layout { border: none; border-collapse: collapse; padding: 0; margin: 0; }
table.layout td { border: none; border-collapse: collapse; vertical-align: top; padding: 0; margin: 0; }

table.formLayout { border: none; border-collapse: collapse; padding: 0; margin: 0; }
table.formLayout td { border: none; border-collapse: collapse; vertical-align: top; padding: 3px; margin: 0; }
table.formLayout td.label { border: none; border-collapse: collapse; text-align: right; vertical-align: top; padding: 6px 3px; margin-top: 0; white-space:nowrap; }

p.firstLine { margin-top: 0; }

.quote { font: normal 1em Courier New; }

input, select, textarea, option, .input { font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
.input { background-color: #f5f8fd; border: 1px solid gray;}

label.required { font-weight: bold; }
label.error { color: red; }
label .sublabel { font-weight: normal; font-size: .8em; line-height: .6em; }

.fixedWidth { width: 200px; }
.fixedWidth2 { width: 346px; }

div.msgBoxStd { background-color: white; margin: 5px 0; border: 1px solid silver; padding: 3px; font-size: .9em; }
div.msgBoxErr { background-color: white; margin: 5px 0; border: 1px solid red; padding: 3px; font-size: .9em; }

div.submit { margin: 10px 0 0 0; text-align: center; }

.button { font-weight: bold; color: #333333; margin: 10px; }

/*
--------------------------------------------------------------------------------
 Couleurs
--------------------------------------------------------------------------------
*/

/* -- texte -- */
.colorTurquoise	{ color: #42bdd0; }
.colorVerts		{ color: #37a777; }
.colorVertp		{ color: #70b223; }
.colorBeige		{ color: #d8d7a9; }
.colorOrange	{ color: #f08d45; }
.colorLiedevin	{ color: #a01d41; }
.colorRouge		{ color: #c7041b; }
.colorBleu		{ color: #006394; }
.colorBleuFonce	{ color: #005774; }
.colorGris		{ color: #c5c7c8; }
.colorGrisMoyen	{ color: ; }
.colorGrisFonce	{ color: ; }
.colorGrisM45   { color: #a7a8aa; }
.colorGrisM50   { color: #9c9d9f; }

.colorBleu2		{ color: #317082; }

.colorBgPage	{ color: #317082; }

.colorBgContent { color: #ffffff; }
.colorBgForm    { color: #f5f8fd; }
.colorText      { color: #333333; }
.colorBorder    { color: #005774; }
.colorAnchor    { color: #006394; }

/* -- fond -- */
.bgcolorTurquoise	{ background-color: #42bdd0; }
.bgcolorVerts		{ background-color: #37a777; }
.bgcolorVertp		{ background-color: #70b223; }
.bgcolorBeige		{ background-color: #d8d7a9; }
.bgcolorOrange		{ background-color: #f08d45; }
.bgcolorLiedevin	{ background-color: #a01d41; }
.bgcolorRouge		{ background-color: #c7041b; }
.bgcolorBleu		{ background-color: #006394; }
.bgcolorBleuFonce	{ background-color: #005774; }
.bgcolorGris		{ background-color: #c5c7c8; }
.bgcolorGrisMoyen	{ background-color: ; }
.bgcolorGrisFonce	{ background-color: ; }
.bgcolorGrisM45   	{ background-color: #a7a8aa; }
.bgcolorGrisM50		{ background-color: #9c9d9f; }

.bgcolorBleu2		{ background-color: #317082; }

.bgcolorBgPage		{ background-color: #317082; }

.bgcolorBgContent	{ background-color: #ffffff; }
.bgcolorBgForm		{ background-color: #f5f8fd; }
.bgcolorText		{ background-color: #333333; }
.bgcolorBorder		{ background-color: #005774; }
.bgcolorAnchor		{ background-color: #006394; }