/* 
Fichier css créé le 26-12-06 par Micster
Pour le site m-euranie
*/

/*
Les balises usuelles
*/

body {
	color: white;
	font-family:Arial, 'Times New Roman', Times, serif;
	background-color: #91a7bd;
	/*background-image: url(images/fond01.jpg);*/
	color: #003366;
	width: 1000px;;
	height: auto;
	margin: auto;
	margin-top: 5px;
	border: 1px solid white;
	}
h1 {
	font-size: 20px;
	font-family:Arial, 'Times New Roman', Times, serif;
	}
h2 {
	color: #cc9933;
	font-size: 18px;
	font-family:Arial, 'Times New Roman', Times, serif;
	}
h3 {
	color: #cc9933;
	font-size: 16px;
	font-family:Arial, 'Times New Roman', Times, serif;
	}
p {
	display: block;
	color: #8A9EBF;
	}
a {
	color: #003366;
	}
form {
	
	}
label {
	
	}
input {
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	}
select {
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	}
option {
	color: #003366;
	}
a {
	color: #8A9EBF;
	text-decoration: underline;
	}
a:hover {
	color: #8A9EBF;
	text-decoration: none;
	}
a img {
	border: none;
	margin: 0px;
   /*
   border: 1px dashed;
   border-color: #8A9EBF;
   */
	}

/*
Bienvenue
*/

#bienvenue {
	text-align: right;
	font-size: 12px;
	background-image: url("images/fond_banniere.jpg");
	background-repeat: repeat-x;
	color: white;
	height: 20px;
	}
#bienvenue .pseudo {
	font-weight: bold;
	}
#bienvenue p {
	margin: 0px;
	margin-right: 200px;
	display: inline;
	color: white;
	}
#bienvenue a {
	color: white;
	}
#bienvenue form {
	margin: 0px;
	margin-right: 90px;
	display: inline;
	}
#bienvenue input {
	margin-left: 5px;
	height: auto;
	width: 120px;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	}

/*
entete
*/

#entete {
	height: 140px;
	width: 100%;
	background-color: white;
	text-align: right;
	display: block;
	margin: 0px;
	}
#entete .logo {
	background-image : url("images/logo.jpg");
	background-repeat: no-repeat;
	background-position: left;
	width: 340px;
	height: 140px;
	float: left;
	}
#entete .banniere {
	background-image : url("images/banniere.jpg");
	background-repeat: no-repeat;
	background-position: right;
	width: 500px;
	height: 140px;
	float: right;
	text-align: left;
	}

/*
Espace
*/

#espace {
	height: 40px;
	width: 100%;
	background-image: url("images/fond_espace.jpg");
	background-repeat: repeat-x;
	margin: 0px;
	text-align: right;
	font-size: 12px;
	color: white;
	}
#espace a {
	margin-top: 15px;
	padding-right: 5px;
	color: white;
	}
#espace .recherche {
	display: inline;
	}
#espace form {
	margin: 0px;
	display: inline;
	}
#espace input {
	margin-left: 5px;
	height: auto;
	width: 120px;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	}
#espace select {
	margin-left: 5px;
	height: auto;
	width: auto;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	}
/*
Menu
*/

.fondblanc {
	background-color: white;
	}
#menu {
	margin: 0px;
	float: left;
	width: 200px;
	background-color: white;
	color: #91a7bd;
	font-size: 12px;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	}
#menu hr {
	height: 1px;
	width: 90px;
	margin: auto;
	margin-top: 3px;
	margin-bottom: 3px;
	}
#menu h1 {
	background-color: #003366;
	height: 20px;
	text-align: left;
	font-size: 14px;
	color: white;
	margin: auto;
	padding-left: 5px;
	}
#menu h1 a {
	color: white;
	}
#menu .puce {
	background-image : url("images/puce.png");
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-right: 15px;
}
#menu ol {
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	display: block;
	}
#menu ul {
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	display: block;
	}
#menu li {
	list-style-type: none;
	height: auto;
	margin-bottom: 3px;
	padding-left: 15px;
	}

/*
Corps
*/

.affiche_profil .liste {
	width: 100%;
	}
.affiche_profil .liste .liste1 {
	width: 30%;
	text-decoration: underline;
	font-weight: bold;
	display: inline;
	color: #cc9933;
	}
.affiche_profil .liste .liste2 {
	width:40%;
	text-decoration: none;
	font-weight: bold;
	display: inline;
	}
#corps {
	padding: 5px;
	background-color: white;
	font-size: 12px;
	}
#accueil {
	width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
#accueil h1{
	background-image: url("images/fond_titre.jpg");
	background-repeat: repeat-x;
	font-size: 14px;
	font-weight: bold;
	color: white;
	height: 30px;
	margin: 0px;
	padding-left: 25px;
	padding-top: 0px;
	border-bottom: 1px solid #003366;
	}
#accueil h1 a{
	font-weight: bold;
	color: white;
	}
#accueil h3 {
	color: #cc9933;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
	}
#accueil .centrer {
	margin-top: 5px;
	}
#accueil h4 {
	color: #cc9933;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	}
#accueil .section {
	width: 300px;
	height: auto;
	margin-left: 15px;
	margin-bottom: 5px;
	border: 1px solid #003366;
	text-align: left;
	}
#accueil .gauche {
	display: block;
	}
#accueil .droite {
	float: right;
	margin-right: 25px;
	}
#accueil .titresection {
	width: 275px;
	height: 30px;
	margin: 0px;
	padding-left: 25px;
	padding-top: 0px;
	}
#accueil .titresection a {
	color: #003366;
	text-decoration: none;
	}
#accueil .titresection a:hover {
	text-decoration: underline;
	}
.titresectionadmin {
	margin-left: 15px;
	display: inline;
	font-size: 12px;
	color: #003366;
	}
.titresectionadmin a {
	color: #003366;
	text-decoration: underline;
	}
.titresectionadmin a:hover {
	text-decoration: none;
	}
.titresectionadmin a:visited {
	color: #003366;
	text-decoration: underline;
	}
#accueil .contenu {
	height: auto;
	padding: 5px;
	font-size: 12px;
	}
#accueil .contenu img {
	margin-right: 5px;
	}
#accueil .liste_dossiers {
	height: auto;
	border-bottom: 1px dotted #cc9933;
	}
#accueil .categorie {
	height: auto;
	width: auto;
	background-color: #003366;
	text-align: left;
	font-weight: bold;
	color: white;
	margin: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 50%;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px dotted #003366;
	}
#accueil .categoriep {
	height: auto;
	width: 290px;
	background-color: #003366;
	text-align: left;
	font-weight: bold;
	color: white;
	margin: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 50%;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px dotted #003366;
	}
#accueil .date {
	color: #cc9933;
	font-size: 10px;
	margin: auto;
	margin-right: 10px;
	display: inline;
}
#accueil .image_cat {
	display: inline;
	width: 15px;
	height: 15px;
	}
#accueil .titrecontenu {
	margin-bottom: 15px;
}
#accueil .titre {
	margin-top: 0px;
}
#accueil .titre a {
	color: #003366;
	text-decoration: none;
}
#accueil .titre a:hover {
	color: #003366;
	text-decoration: underline;
}
#accueil .suite {
	background-image: url("images/fleche.jpg");
	background-position: left;
	background-repeat: no-repeat;
	margin: 0px;
	margin-top: -30px;
	margin-left: 50px;
	margin-right: -40px;
	margin-bottom: -20px;
	padding: 40px;
	font-size: 12px;
}
#accueil .suitebtop {
	background-image: url("images/fleche.jpg");
	background-position: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	font-size: 12px;
	border-top: 1px dotted #003366;
	border-bottom: 1px dotted #003366;
}
#news {
	width: 640px;
	margin-left: 15px;
}
#news .centrer{
	text-align: center;
}
#dernews {
	height: auto;
	padding: 5px;
	padding-bottom: 15px;
	margin-bottom: 0px;
	border-bottom: 1px dotted #003366;
	}
#dernews img {
	border: 0px;
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	}
#dernews .titredernews {
	color: #003366;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	}
#dernews .titredernews a {
	color: #003366;
	text-decoration: none;
	}
#dernews .titredernews a:hover {
	text-decoration: underline;
	}
#dernews .datedernews {
	color: #003366;
	font-size: 10px;
	margin-top: 0px;
	}
#dertuto {
	height: auto;
	padding: 5px;
	padding-bottom: 15px;
	margin-bottom: 0px;
	border-bottom: 1px dotted #003366;
	}
#dertuto img {
	border: 0px;
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	}
#dertuto .titredernews {
	color: #003366;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	}
#dertuto .titredernews a {
	color: #003366;
	text-decoration: none;
	}
#dernews .titredernews a:hover {
	text-decoration: underline;
	}
#dertuto .datedernews {
	color: #003366;
	font-size: 10px;
	margin-top: 0px;
	}
#forum {
	width: 620px;
	}
#forum h1 {
	font-size: 16px;
	}
#forum .suitebtop {
	background-image: url("images/fleche.jpg");
	background-position: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	font-size: 12px;
	border-top: 1px dotted #003366;
	border-bottom: 1px dotted #003366;
}
#liste_erreurs {
	
	}
#liste_erreurs a {
	text-decoration: none;
	}
#localisation {
	margin: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 10px;
	}
#localisation a {
	font-weight: bold;
	}
#newsliste {
	width: 640px;
	height: auto;
	display: block;
	}
#newsliste h3 {
	color: #cc9933;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 0px;
	}
#newsliste h3 a {
	margin-left: 15px;
	font-size: 15px;
	color: #003366;
	text-decoration: underline;
	}
#newsliste h3 a:hover {
	text-decoration: none;
	}
#newsliste .pages {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	}
#newsliste .rubriques {
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
	}
#newsliste .rubriques a {
	margin-left: 10px;
	margin-right: 2px;
	}
#newsliste .section {
	height: auto;
	margin-left: 15px;
	margin-bottom: 10px;
	padding: 10px;
	border-top: 2px dotted #003366;
	border-bottom: 2px dotted #003366;
	text-align: left;
	}
#newsliste .titre {
	width: 100%;
	margin: 0px;
	}
#newsliste .titre a {
	font-size: 18px;
	}
#newsliste .date {
	font-size: 10px;
	margin-bottom: 10px;
	}
#newsliste .contenu {
	font-size: 12px;
	}
#newsliste .commentaires {
	margin-top: 15px;
	font-weight: bold;
	text-align: right;
	color: #003366;
	}
#newsliste .commentaires a {
	color: #003366;
	}
#newsliste img {
	border: 0px;
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
	}
#newsvoir {
	width: 640px;
	height: auto;
	display: block;
	margin-left: 15px;
	}
#newsvoir h1 {
	color: #003366;
	font-size: 14px;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
	}
#newsvoir h2 {
	color: #cc9933;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	}
#newsvoir h3 {
	color: #cc9933;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 0px;
	}
#newsvoir h3 a {
	margin-left: 15px;
	font-size: 15px;
	color: #003366;
	text-decoration: underline;
	}
#newsvoir h3 a:hover {
	text-decoration: none;
	}
#newsvoir ol {
	margin: 0px;
	padding: 0px;
	padding-left: 35px;
	display: block;
	}
#newsvoir ul {
	margin: 0px;
	padding: 0px;
	padding-left: 35px;
	display: block;
	}
#newsvoir li {
	height: 5px;
	margin: 0px;
	margin-bottom: -3px;
	padding-left: 15px;
	}
#newsvoir .date {
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
#newsvoir .rubrique {
	font-size: 12px;
	font-weight: bold;
	}
#newsvoir .rubrique a {
	font-weight: normal;
	}
#newsvoir .contenu {
	margin-top: 10px;
	font-size: 12px;
	}
#newsvoir .commentaires {
	width: 100%;
	margin-top: 15px;
	}
#newsvoir img {
	border: 0px;
	}
#newsvoir .image img {
	border: 0px;
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
	}
#commentaires {
	text-align: left;
	/*width : auto;
	overflow : auto;
	margin : 0px;
	margin-left : 2px;
	margin-right : 2px;
	clear: both;*/
	}
#commentaires h1{
	background-image: url("images/fond_titre.jpg");
	background-repeat: repeat-x;
	font-size: 14px;
	font-weight: bold;
	color: white;
	height: 30px;
	margin: 0px;
	margin-top: 15px;
	padding-left: 25px;
	padding-top: 0px;
	border: 1px solid #003366;
	}
#commentaires .suite {
	background-image: url("images/fleche.jpg");
	background-position: left;
	background-repeat: no-repeat;
	margin: 0px;
	margin-top: -30px;
	margin-left: 0px;
	margin-bottom: -20px;
	padding: 40px;
	font-size: 12px;
}
#commentaires .section{
	border: 1px solid #003366;
	width: 640px;
	height: auto;
	margin: 0px;
	margin-bottom: 15px;
	text-align: left;
	}
#commentaires .auteur{
	height: 20px;
	font-weight: normal;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #003366;
	}
#commentaires .auteur a {
	font-weight: bold;
	color: #cc9933;
	}
#commentaires .avatar{
	float: left;
	width: 150px;
	height: 150px;
	text-align: center;
	margin: 0px;
	border-right: 1px solid #003366;
	clear: inherit;
	}
#commentaires .avatar img {
	width: auto;
	height: auto;
	margin: 0px;
	display: inline;
	}
#commentaires .gauche {
	float : left;
	height : 100%;
	overflow : auto;
	margin : 0px;
	}
#commentaires .droit {
	float : left;
	height : 100%;
	overflow : auto;
	margin : 0px;
	}
#commentaires .gauche img {
	width: auto;
	height: auto;
	margin: 0px;
	display: inline;
	}
#commentaires .com {
	padding: 5px;
	/*
	position: relative;
	right: 0;
	width: 479px;
	padding: 5px;
	border-left: 1px solid #003366;
	
	float: left;
	margin-left: -1px;
	padding: 5px;
	height: auto;
	border-left: 1px solid #003366;
	clear: inherit;
	*/
	}
#commentaires .commentaire{
	height: auto;
	}
#menu_droit {
	width: 300px;
	height: auto;
	float: right;
	margin-top: 42px;
	margin-right: 15px;
	margin-bottom: 15px;
	}
.profil {
	margin-bottom: 15px;
	border: 1px solid #003366;
	background-color: white;
	}
.profil h1{
	background-image: url("images/fond_titre.jpg");
	background-repeat: repeat-x;
	font-size: 14px;
	font-weight: bold;
	color: white;
	height: 30px;
	margin: 0px;
	padding-left: 25px;
	padding-top: 0px;
	border-bottom: 1px solid #003366;
	}
.profil h1 a {
	margin-left: 15px;
	font-size: 12px;
	color: #003366;
	}
.profil ol {
	font-size: 12px;
	color: #003366;
	}
.profil li {
	margin-left: 15px;
	font-size: 12px;
	color: #003366;
	}
.profil li a {
	font-size: 12px;
	color: #003366;
	text-decoration: none;
	}
.profil form {
	margin: 0px;
	margin-top: 5px;
	padding-top: 5px;
	margin-right: 12px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	display: block;
	border-top: 1px dotted #003366;
	border-bottom: 1px dotted #003366;
	}
.profil label {
	margin: 0px;
	display: inline;
	}
.profil input {
	margin: auto;
	height: auto;
	width: 120px;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	display: block;
	}
.profil .liste {
	width: 100%;
	}
.profil .liste .liste1 {
	width: 30%;
	text-decoration: underline;
	font-weight: bold;
	display: inline;
	color: #cc9933;
	}
.profil .liste .liste2 {
	width:40%;
	text-decoration: none;
	font-weight: bold;
	display: inline;
	}
.profil .modifier label{
	display: block;
	font-weight: bold;
	text-align: left;
	width: 100%;
	color: #cc9933;
	}
.profil .modifier input{
	display: inline;
	width: 50%;
	}
.profil .modifier textarea{
	width: 280px;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	display: inline;
	}
.profil .modifier select{
	display: inline;
	width: 50%;
	}
.profil .modifier .naissance select{
	display: inline;
	width: 25%;
	}
.profil .section {
	width: 100%;
	padding: 5px;
	}
.profil .spacer {
	clear: both;
	}
.profil .suitebtop {
	background-image: url("images/fleche.jpg");
	background-position: left;
	background-repeat: no-repeat;
	margin: 0px;
	margin-left: -5px;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	font-size: 12px;
	border-top: 1px dotted #003366;
	border-bottom: 1px dotted #003366;
	}
.table_tuto table {
	margin-top: 0px;
	}
#admin {
	color: #003366;
	}
#admin .bleu{
	color: #003366;
	}
#admin form {
	display: block;
	}
#admin label{
	display: block;
	margin-top: 5px;
	}
#admin input {
	display: block;
	margin-bottom: 5px;
	}
#admin option {
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	}
#admin textarea {
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	}

/*
Regex
*/

.alerte {
	padding-right: 35px;
	background-position: 10px 10px;
	padding-left: 50px;
	padding-bottom: 30px;
	padding-top: 8px;
	background-repeat: no-repeat;
	}
.attention {
	background-image: url("images/attention.png");
	text-align: left;
	color: #E1A634;
	}
.question {
	background-image: url("images/question.png");
	text-align: left;
	color: #1C378B;
	}
.erreur {
	background-image: url("images/erreur.png");
	text-align: left;
	color: #DE4646;
	}
.info {
	background-image: url("images/info.png");
	text-align: left;
	color: #1CB459;
	}
.image {
	padding-bottom: 10px;
	padding-top: 10px;
	}
.code {
	background-color: #EEEEEE;
	font-family:"Courier New",Courier,monospace;
	font-size: 12px;
	color:#000000;
	border-right: #8A9EBF 1px dashed;
	border-top: #8A9EBF 1px dashed;
	padding-right: 8px;
	padding-top: 2px;
	padding-left: 8px;
	padding-bottom: 2px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left: #8A9EBF 1px dashed;
	width: 95%; 
	border-bottom: #8A9EBF 1px dashed;
	text-align: left;
	}
.tabulation {
	display: inline;
	margin-left: 20px;
	}

/*
Copyright
*/

#copyright {
	margin: auto;
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 0px;
	font-size: 9px;
	text-align: center;
	background-color: #003366;
	color: white;
	clear: both;
	}
#copyright p {
	margin: 0px;;
	}
#copyright a {
	color: white;
	}