body { background-color: #FFB428; text-align: center}
body,td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}


#tout {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #660000;
	border-bottom-color: #660000;
	border-left-color: #660000;
}
#logo {
	padding: 7px 0px 0px 12px;
	background: url(images/metier.gif) no-repeat;
	height: 60px;
	white-space: nowrap;
	vertical-align: top;
}
#logo h1 {
	font: 14px arial;
	margin: 0px;
	padding: 0px;
	color: #FFF;
	letter-spacing: 0.1em
}
#header {
	background-color: #660000;
	width: 100%;
}
#centre { width: 100%}
p {margin: 0; padding: 0}
a {text-decoration:none; color:#FFFFFF; font-size: 11px}
a:hover { text-decoration: underline; /*background-color: #FFE6BF; */}
/* navigation */
table.nav { border-bottom:1px solid #FF9900;}

.nav{ background-color: #660000; font-weight: bold;}
.nav td{ font-size: 10px; padding: 5px 0px 3px 0px; }
.nav table{ margin-top: 30px; border-bottom: 1px solid #FFFFFF}/* Positionnement du menu horizontal */
.nav2{
	background-color: #660000;
	background-image: url(images/trait1.gif);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	color: #FF9900;
	width: 170px;
}
.nav2 p{ padding: 3px 3px 3px 12px; font-weight: bold; }
p.nav3 { padding: 1px 3px 1px 20px; font-weight: normal; }
p.nav3 a{ font-size: 10px }

/* Accueil */
table.accueil { color: #FFFFFF; margin: 30px 0px 20px 0px; text-align: center }
.accueil td {padding: 6px 0px 6px 0px}
td.text_intro{ text-align: left; padding: 0px 0px 26px 0px}
.rub1, .rub2, .rub3, .rub4 {vertical-align: top}
.rub1{border-top: 8px solid #FFCC33; }
.rub2{border-top: 8px solid #FF6600}
.rub3{border-top: 8px solid #6699CC}
.rub4{border-top: 8px solid #336633}

/*gnral*/
h1,h2,h3,h4 {
	margin:0px 0px 0px 10px;
	padding: 10px 0px 5px 10px;
	color:#000;
	font-weight: bold;
}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;padding: 0px 10px 0px 0px; margin-bottom:3px;}

/* pages texte */
.text{ background-color: #FFFFFF; border-bottom: 4px solid #660000; }
.text p { padding: 0px 10px 10px 10px; color: #660000}
.text a { font-weight: bold;}

td.infos {padding:7px;}
td.infos a{color: #660000}

.centre {background-color: #660000;}
.bord_droit {background-color: #660000;}

.titre { border-bottom: 1px solid #660000; padding: 0px 10px 0px 0px; }
.titre h1, .titre h2 { display:inline;}

/* pages tableaux */
td.angle { border-right: 1px solid #660000; border-bottom: 1px solid #660000;}
td.trait_droite { border-right: 1px solid #660000; }
.tablos td {}
.tablos p { margin: 0px 0px 0px 0px;}
table.sousnav {margin: 0px 0px 10px 0px}
.agauche{text-align: left} .adroite{text-align: right}/* liens précédent/suivant */
table.mini {margin-top: 34px; border-right: 1px solid #000000 }/* Tableau contenant les mini */
td.encours {border: 1px solid #000000; border-right-width: 0px} /*vignette en cours de visualisation */

/* lists */
ul { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 4px; }
li { padding-bottom: 4px;}

.lines td{ border-bottom: 1px solid #FF9900;}
.imgrite {margin-left: 5px; margin-bottom: 5px; border: 1px solid #FF9900;}

/* forms */
form { margin: 0px;}
input,textarea,select { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #787878; background: #fff; }


/* Formulaire de contact */
.formtit {
	font-size: 13px;
	font-weight: bold;
	background-color: #FFBE46;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BF0000;
}
.formtit h4{
	color: #660000;
	font-size: 14px;
	text-align: center;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin: 0px;
}

.submit {
	background-color: #FFBE46;
	font-weight: bold;
	color: #660000;
	font-size: 12px;
	border: 1px solid #999999;
	padding: 2px;

}
.formtext1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFBE46;
}
.formtext2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFBE46;
	background-color: #FFEECE;
}

.formBouton {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #624200;
	background-color: #FFFFFF;
	text-align: center;
}
.form {
	font-size: 11px;
}
input, textarea, select {
	font-size: 11px;
	border: 1px solid #999999;
}

.formtable {
	/*border-top: 1px solid #FFBE46;*/
	border: 1px solid #BF0000;
	margin-bottom: 10px;
}

/* Fin formulaire de contact */
.traitHeader {
	background-image: url(images/trait2.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF
}
.drapeaux {
	margin-right: 10px;
}
.drapeaux img{
	border: none
}
.drapeaux td{
	margin-left: 10px;
}
table.caract {
	border-collapse: collapse;
	margin-bottom: 10px;
	margin-top: 10px;
}
p.caract {
	font-size: 10px}
.caract td {
	border: 1px solid #DBD6B5;
	padding: 2px 6px;
	font-size: 10px;
}
.fond_rouge { vertical-align:top;
	white-space: nowrap}