body,div,form,h1,h2,h3,h4,h5,h6,label,li,img,input,ol,p,select,textarea,ul {
	position: relative; margin: 0; padding: 0; /*text-align: left;
	font-style: normal; font-weight: normal;*/
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none; text-decoration: none;
}
a:hover img {
	border: none; text-decoration: none;
}
body {
	font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 0.8em;
	background: url(../images/1pixel.gif) top left repeat-x;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
table td, table th {
	padding: 0; /*text-align: left;*/
	font-style: normal; font-weight: normal;
}
textarea {
	font-family: Arial, Helvetica, Sans-serif; font-size: 0.9em;
}

input.ordre {
	width: 2em !important; text-align: right !important;
}
input.checkbox {
	width: auto !important; cursor: pointer !important;
}
input.button {
	cursor: pointer !important;
	border: none !important; 
}
input.hidden {
	display: none !important;
}

#Global {
	position: relative; width: 980px; height: 962px; margin: 0 auto 0 auto; padding: 0 0 0 0;
	background: url(../images/background-top.gif) top left no-repeat;
}
#Header{
	display: block; width: 775px; height: 132px; margin: 0 18px 0 187px;
}
#Content{
	width: 705px; min-height: 625px; _height: 625px; _overflow: visible; margin: 0 18px 0 187px; padding: 13px 0 0 0;
	font-family: Arial, Helvetica, Sans-serif;
	/*background: #FFFFFF url(../images/background-content.gif) top left repeat-y; border-bottom: 1px solid #000000;*/
}
#MenuChemin{
	margin: 0 0 5px 20px;
	font-size: 85%;
}
#MenuChemin li {
	display: inline; list-style: none; padding: 0 5px 0 12px;
	background: url(../images/fleches.gif) center left no-repeat;
}
#MenuChemin li a {
	color: #9A0000;
}
#Content #ContentText {
	width: 730px; min-height: 579px; _height: 579px; _overflow: visible; margin: 0 0 20px 20px; /*padding: 0 10px 15px 10px;*/
	/*background: #FFFFFF url(../images/background-content2.gif) top left repeat-y; border: 1px solid #C2C2C2;*/
}
#Content h1 {
	clear: both; margin: 0.8em 0 0.5em 0; padding: 0 0 0.5em 0;
	font-size: 1.2em; font-weight: bold; text-transform: uppercase;
	background: url(../images/content-delimiter.gif) bottom left no-repeat; color: #9A0000;
}
#Content h2 {
	clear: both; padding: 0 0 0.5em 0;
	font-size: 1.2em; font-weight: bold;
	color: #656565;
}
#Content h2 .em {
	color: #9A0000;
}
#Content .texte {
	clear: both; margin: 0 0 1em 0; padding: 0;
	font-size: 0.9em;
	color: #1F1F1F;
}
#Content .texte .em { 
	color: #0C3D9A;
}
#Content .texte a { 
	font-style: normal;
	color: #9A0000;
}
/*#Content .delimiter {
	clear: both; width: 640px; height: 2px; margin: 9px auto 9px auto; font-size: 1px;
	background: url(../images/content-delimiter.gif) bottom center no-repeat;
}*/
#Content #Utilisateur-Connexion input.button {
	display: block; width: 121px; height: 20px; margin: 1em auto 1em auto; padding: 0;
	background: url(../images/bouton-connexion.gif) top left no-repeat; border: none;
}
#Footer {
	width: 795px; height: 36px; line-height: 36px; margin: 0 0px 18px auto;
	font-family: Verdana; font-size: 0.7em; font-weight: bold; text-align: center; letter-spacing: 0.2em;
	/*background: url(../images/background-footer.gif)*/ top left repeat-x; color: #336699;
}
#Footer a {
	color: #336699;
}

#Actus {
	position: absolute; top: -132px; right: 0; width: 228px;
}
#Infos {
	position: absolute; top: 132px; left: 0px; width: 187px; height: 780px; margin: 0;
	background: url(../images/background-menu.jpg) top left repeat-y;
}


#Actus .rubrique-mini {
	width: 196px; height: 320px; margin: 0 auto 30px auto;
	background: url(../images/boite2-bas.gif) bottom left no-repeat;
}
#Actus .rubrique-mini h3 {
	height: 30px; padding: 10px 0 0 5px; white-space: nowrap;
	font-size: 0.95em; font-weight: bold; text-transform: uppercase; word-spacing: 0.2em;
	background: url(../images/boite2-haut.gif) top left no-repeat; color: #9A0000;
}
#Actus .rubrique-mini h1 {
	clear: both; margin: 0; padding: 5px 15px 5px 10px;
	font-size: 0.8em; font-weight: bold;
	color: #990000;
}
#Actus .rubrique-mini h2 {
	margin: 0; padding: 0 0 0 10px;
	font-size: 0.9em; font-style: normal; font-weight: bold;
	color: #990000;
}
#Actus .rubrique-mini .texte {
	clear: both; margin: 0 0 15px 0; padding: 0 15px 0 10px;
	font-size: 0.8em; font-weight: bold;
	color: #666600;
}
#Actus .rubrique-mini .texte .em {
	color: #656831;
}
#Actus .rubrique-mini p.delimiter {
	clear: both; height: 6px; margin: 0 15px 0 10px; padding: 0;
	font-size: 0.1em;
	background: url(../images/actu-delimiter.gif) center center no-repeat;
}

/* Espace membre sur home */
#Infos h4 {
	margin: 87px auto 0 40px;
	font-size: 0.9em; font-weight: bold; 
	color: #333333;
}

/* Espace membre sur home */
#Infos h4 .em {
	display: block; line-height: 1.5em; margin: 0 auto 0 0;
	font-size: 1.2em; font-style: normal; font-weight: bold; text-transform: uppercase;
	color: #666666;
}

/* Block connexion sur home */
#Infos #Utilisateur-Connexion {
	height: 133px; padding: 15px 0 0 0; margin: 17px auto 0 0;
	background: url(../images/background-form.gif) right top no-repeat;
}
/* Block connexion sur home */

#Infos #Utilisateur-Connexion label {
	display: block; line-height: 14px; margin: 0 auto 4px 40px;
	font-size: 85%;
	color: #666666:
}
#Infos #Utilisateur-Connexion input {
	display: none; width: 121px; height: 17px; margin: 0 auto 0 40px;
	font-size: 85%;
	border-top: 1px solid #608498; border-right: 1px solid #608498; border-bottom: 1px solid #d6e0e5; border-left: 1px solid #d6e0e5;
}
#Infos #Utilisateur-Connexion input#utilisateur-login-connect {
	display: block;
}
#Infos #Utilisateur-Connexion input#utilisateur-pass-connect {
	display: block;
}
#Infos #Utilisateur-Connexion input.button {
	display: block; width: 121px; height: 20px; margin: 3px auto 1.2em 40px; padding: 0;
	background: url(../images/bouton-connexion.gif) top left no-repeat; border: none;
}
#Infos #Utilisateur-Connexion input.hidden {
	display: none;
}
#Infos #Utilisateur-Connexion p {
	margin: 0; padding: 0; text-align: center;
	font-size: 0.8em; font-weight: bold; 
	color: #9A0000;
}
#Infos #Utilisateur-Connexion p a {
	color: #404040;
}
#Infos #Utilisateur-Connecte {
	height: 133px; padding: 12px 0 0 0;
	background: url(../images/background-form.gif) right top no-repeat;
}
#Infos #Utilisateur-Connecte li {
	margin: 0 0 0 20px; padding: 0; list-style: none; /*text-align: left;*/
	font-size: 0.8em; font-weight: bold; 
	color: #9A0000;
}
#Infos #Utilisateur-Connecte li a {
	padding: 0 0 0 12px;
	background: url(../images/fleches.gif) center left no-repeat; color: #404040;
}

#MenuRubriqueArticle {
	margin: 45px 0 1em 0;
	font-size: 85%;
}
#MenuRubriqueArticle li {
	display: block; width: 169px; height: 21px; margin: 5px 0 5px 0; padding: 1px 0 0 0; text-align: right;
}
#MenuRubriqueArticle li a {
	display: block; width: 151px; height: 41px; line-height: 12px; padding: 1px 38px 0px 0;
	font-weight: bold; text-transform: uppercase;
	background: url(../images/menu0.gif) right no-repeat; color: #CC0000; line-height: 42px; padding: 1px 35px 0px 0;
}
#MenuRubriqueArticle li a:hover {
	color: #3366CC;
}

#Infos .rubrique-mini {
	width: 159px; margin: 0 auto 0 auto;
	background: url(../images/boite1-bas.png) bottom left no-repeat;
}
#Infos .rubrique-mini h3 {
	height: 30px; line-height: 30px; padding: 0 15px 0 10px;
	font-size: 1.2em; font-weight: bold; text-transform: uppercase;
	background: url(../images/boite1-haut.png) top left no-repeat; color: #9A0000;
}
#Infos .rubrique-mini h1 {
	margin: 0; padding: 5px 15px 5px 10px;
	font-size: 0.8em; font-weight: bold;
	color: #1F1F1F;
}
#Infos .rubrique-mini h2 {
	margin: 0; padding: 0 0 0 10px;
	font-size: 0.9em; font-style: normal; font-weight: bold;
	color: #9A0000;
}
#Infos .rubrique-mini .texte {
	margin: 0 0 5px 0; padding: 0 15px 0 10px;
	font-size: 0.8em; font-weight: bold;
	color: #9A0000;
}
#Infos .rubrique-mini .texte .em {
	color: #656831;
}
#Infos .rubrique-mini p.delimiter {
	clear: both; height: 6px; margin: 0 15px 0 10px; padding: 0;
	font-size: 0.1em;
	background: url(../images/actu-delimiter.gif) center center no-repeat;
}
#Infos .separation {
	clear: both; width: 158px; height: 2px; margin: 9px auto 9px auto; font-size: 1px;
	background: url(../images/content-delimiter.gif) top center no-repeat;
}

#Content .rubrique-mini h1,.rubrique-mini h1 {
	background: none;
}
#Content .rubrique-mini a,.rubrique-mini a {
	display: block; padding: 4px 0 0 10px;
	font-size: 0.8em; font-weight: bold;
	color: #6E6E3C;
}
#Rubrique9 {
	height: 240px;
}
#Rubrique10 {
	height: 310px; 
}
#Rubrique7 {
	height: 212px; 
}
#Rubrique8 {
	height: 169px; margin: 0 auto 40px auto; 
}
#Rubrique9 .scrollable {
	width: 183px; height: 245px; overflow: auto;
}
#Rubrique10 .scrollable {
	width: 183px; height: 245px; overflow: auto;
}
#Rubrique7 .scrollable {
	width: 150px; height: 163px; overflow: auto;
}
#Rubrique8 .scrollable {
	width: 150px; height: 127px; overflow: auto;
}

/* LISTES */
#Content table.liste {
	margin: 5px auto 5px auto;
	background: #FFFFFF; border: 1px solid #D1DBB1;
}
#Content table.liste th {
	padding: 2px 5px 2px 5px;
	font-size: 0.9em; font-weight: bold;
	background: #F1F5D7; border-bottom: 3px double #D1DBB1;
}
#Content table.liste td {
	padding: 2px 5px 2px 5px;
	border-right: 1px dashed #D1DBB1; border-bottom: 1px solid #D1DBB1;
}
#Content table.liste-element {
	margin: 5px auto 5px auto;
	background: #FFFFFF; border: 1px solid #D1DBB1;
}
/* FORMULAIRES */
#Content form {
	margin: 10px 15px 10px 15px;  padding: 10px; text-align: center;
	background: #F1F5D7; border: 1px solid #D1DBB1;
}
#Content form input {
}
#Content form label {
	display: block; line-height: 2em; margin: 0 auto 0 auto; text-align: center;
	font-size: 90%;
	color: #666666;
}
#Content form p {
	clear: both;
	text-align: center;
	font-size: 85%;
}
#Content form table {
	margin: 0 auto 0 auto;
}
#Content form table th {
	padding: 0 10px 0 10px; text-align: right;
	font-size: 85%; font-weight: bold;
	background: #D1DBB1; color:#646464;
}
#Content form table td {
	padding: 2px 10px 2px 15px; 
}
#Content form table td input {
	width: 10em; margin: 0;
	font-size: 90%; font-weight: bold;
	color: #A01210;
}
#Content form table td select {
	font-size: 90%; font-weight: bold;
	color: #A01210;
}
/* UTILISATEUR */
#Content form input.utilisateur-adresse,
#Content form input.utilisateur-adresse2,
#Content form input.utilisateur-adresse3,
#Content form input.utilisateur-email {
	width: 15em;
}
#Content form input.utilisateur-codepostal {
	width: 5em;
}
#Content form input.utilisateur-telephone {
	width: 8em;
}
#Content form input.utilisateur-inscription-submit {
	display: block; width: 121px; height: 19px; margin: 3px auto 3px auto; cursor: pointer;
	background: url(../images/bouton-valider.gif) top left no-repeat; border: none;
}
#Content form input.utilisateur-profil-submit {
	display: block; width: 65px; height: 18px; margin: 3px auto 3px auto; cursor: pointer;
	background: url(../images/bouton-modifier.gif) top left no-repeat;
}
#Content form input.utilisateur-login-submit {
	display: block; width: 65px; height: 18px; margin: 3px auto 3px auto; cursor: pointer;
	background: url(../images/bouton-modifier.gif) top left no-repeat;
}
#Content form input.utilisateur-pass-submit {
	display: block; width: 65px; height: 18px; margin: 3px auto 3px auto; cursor: pointer;
	background: url(../images/bouton-modifier.gif) top left no-repeat;
}
#Content form input.utilisateur-passperdu-submit {
	display: block; width: 141px; height: 18px; margin: 3px auto 3px auto; cursor: pointer;
	background: url(../images/bouton-valider-formulaire.gif) top left no-repeat;
}


#ContentAdmin {
	width: 650px; min-height: 579px; _height: 579px; _overflow: visible; margin: 0 0 20px 20px; padding: 0 10px 15px 10px;
	background: #FFFFFF url(../images/background-content2.gif) top left repeat-y; border: 1px solid #C2C2C2;
}
#ContentAdmin .admin-mini {
	float: left; width: 45%; margin: 15px 0 15px 15px;
}
#ContentAdmin .admin-mini ul {
	
}
#ContentAdmin .admin-mini li {
	list-style: none;
}
#ContentAdmin .admin-mini li a {
	font-weight: bold;
	color: #4A9C74;
}
#ContentAdmin form {
	margin: 5px auto 5px auto; text-align: center;
}
#ContentAdmin table {
	margin: 5px auto 5px auto;
	background: #FFFFFF; border: 1px solid #000000;
}
#ContentAdmin table th {
	padding: 2px 5px 2px 5px;
	font-size: 0.9em; font-weight: bold;
	background: #F4F4EC; border-bottom: 3px double #000000;
}
#ContentAdmin table td {
	padding: 2px 5px 2px 5px;
	border-right: 1px dashed #000000; border-bottom: 1px solid #000000;
}
#ContentAdmin form table th {
	text-align: right;
	background: #FFFFFF; border-right: 1px dashed #000000; border-bottom: 1px solid #000000;
}
#ContentAdmin form table td {
	background: #FFFFFF; border-bottom: 1px solid #000000;
}
#ContentAdmin form table td input {
	width: 35em;
}
#ContentAdmin form table td input.checkbox {
	width: auto;
}
#ContentAdmin form table td textarea {
	width: 40em; height: 25em;
}

img.border {
	padding: 0.1em;
	border: 1px groove #506487;
}
img.left {
	clear: both; float: left; display: block; margin: 0 1em 1em 0;
}
img.center {
	clear: both; display: block; margin: 1em auto 0 auto; 
}
img.right {
	clear: both; float: right; display: block; margin: 0 0 1em 1em; 
}

div.sommaire
{
	background-color: #F7F585;
	text-align: left;
	margin-left: 5px;
	padding: 12px;
	line-height: 25px;
	font-size: 11px;
	color: 336699;
	font-weight: bold;
}

div.sommaire a
{
	color: 336699;
	text-decoration: none;
}

div.sommaire a:hover
{
	text-decoration: underline;
}

div.sommaire span.title
{
	color: #990000;
	text-transform: uppercase;
}

#Content form.contact {
	margin: 10px 15px 10px 15px;  padding: 10px; text-align: center;
	background: #CADCEE; border: 1px solid #000066;
}

#Content form.contact table th {
	vertical-align: top;
	background-color: transparent;
	padding-top: 4px;
}

#Content form.contact table td {
	text-align: left;
}

#Content form.contact input {
	width: 300px;
}

#Content form.contact textarea {
	width: 300px;
	height: 100px;
}

#Content form.contact input.submit {
	width: 121px;
	height: 19px;
	margin: 3px auto 3px auto;
	cursor: pointer;
	background-image: url(../images/bouton-valider.gif);
	background-position: middle center;
	background-repeat: no-repeat;
	border: none;
}

#Content form.contact input.reset {
	width: 121px;
	height: 19px;
	margin: 3px auto 3px auto;
	cursor: pointer;
	background-image: url(../images/bouton-effacer.gif);
	background-position: middle center;
	background-repeat: no-repeat;
	border: none;
}

#Content form.contact p.buttons
{
	padding-top: 10px;
}

.error {
	text-align: center;
	color : red;
	font-weight: bold;
}