@charset "ISO-8859-1";
/* CSS Document */

*	 { margin: 0; padding: 0; }

body {
	background-color: #0d0731;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FCF9FF;
	margin: 0 40px 0 40px;
}


/* --- POSITIONNEMENT --- */
#global { width: 1050px; margin-left: auto; margin-right: auto; position: relative;}

/* En-tête */
#logo { height: 400px; width: 500px; position: absolute; top: -30px; left: -70px;}
	
#entete { height: 270px; margin-top: 20px;}

#entete img {
	float: left;
	margin: 0 20px 10px 0;
}


/* Bloc central */
#centre {
	position: relative; 
}

/* Colonnne de gauche - */
#colonne_gauche {
	position: absolute; 
	top: 0; left: 0; 
	width: 240px;
}
#colonne_gauche .bloc_info {
	margin: 0 30px 20px 0;	
	padding: 20px 10px 40px 10px;
	background-color: #32a4dc;
	color: #0d0731;
}

.bloc_news {
	margin: 0 30px 20px 0;	
	padding: 20px 10px 40px 10px;
	background-color: #f57f24;
	color: #250701;
}

/* Contenu principal */
#principal {
	margin-left: 220px; 
	margin-right: 250px; 
	padding: 0 30px 20px 20px;
}

/* Contenu colonnne_droite */
#colonne_droite {
	position: absolute; 
	top: 0;
	right: 0;
	width: 240px;
}
#colonne_droite .bloc_info {
	margin: 0 0 20px 0;
	padding: 20px 10px 40px 10px;
	background-color: #4cb958;
	color: #005300;
}

#colonne_droite .bloc_admin {
	margin: 0 0 20px 0;
	padding: 20px 10px 40px 10px;
	color: #5B739D;
	font-size: 0.7em;
}
#colonne_droite .bloc_admin a, a:hover, a:visited {
	color: #2E3A4F;
	text-decoration: none;
}


#colonne_droite .tremplin { background-color: #ffdf1a; margin: 0 0 20px 0;}
#colonne_droite .tremplin .plinplin { padding: 20px 10px 40px 10px; color: #533c4c;}

textarea {
	display: block;
	width: 530px;
	height: 120px;
	padding: 8px;
	border: 1px solid #cccccc;
	line-height: 130%;
	font-size: 13px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #250701;
}

input {
	display: block;
	width: 300px;
	height: 14px;
	padding: 3px;
	border: 1px solid #cccccc;
	line-height: 130%;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #250701;
}
.titre { width: 540px; height: 14px; }
.crypto { width: 114px; height: 30px; padding: 3px 0 3px 16px; color: #b8cc4c; font-weight: bold; font-size: 1.4em; text-transform: uppercase; letter-spacing: 7px;}
.envoyer { width: 130px; height: 40px; background-color: #b8cc4c;}

/* Formatage */

a {color: #32a4dc;}
#colonne_gauche .bloc_info a, a:hover, a:visited {color: #0d0731;}
#colonne_droite .bloc_info a, a:hover, a:visited {
	color: #060;
}
#colonne_gauche .bloc_news a, a:hover, a:visited {color: #250701;}
#colonne_droite .tremplin .plinplin a, a:hover, a:visited {color: #f57f24;}

.bold { font-weight: bold;}

#principal ul { list-style-type: disc;}
#principal p { margin-bottom: 1em;}
#principal h2 { margin-bottom: 0.7em;}
#principal h3 { margin-bottom: 0.6em;}
#principal h4 { margin-bottom: 0.5em;}

#menu ul { margin-left: 4px; list-style-image:none;}
#menu ul li { list-style-image:none; list-style-type: none;}
#menu a, a:hover, a:visited {text-decoration: none;color: #224263;}
.bloc_news h1 { font-size: 1em; font-weight: normal; text-transform: uppercase;}
.bloc_news h2 { font-size: 1em; font-weight: normal; text-transform: uppercase;}
.bloc_news h3 { font-size: 1em; font-weight: normal; text-transform: uppercase;}
.bloc_news h4 { font-size: 1em; font-weight: normal; text-transform: uppercase;}
.bloc_news h5 { font-size: 1em; font-weight: normal; text-transform: uppercase;}
.bloc_news h6 { font-size: 1em; font-weight: normal; text-transform: uppercase;}

.erreur { background-color: #f57f24; padding: 25px; width: 490px;}
.legende { font-size: 0.85em;}
.affiche { background-color: #32a4dc; padding: 15px; font-size: 1.3em;}
.affiche ul{ margin-left: 15px; line-height: 1.5em;}
.affiche a, a:hover, a:visited {color: #fff;}

h2, h4 { color: #f57f24;}

a .gallery {
	margin: 13px 0px 0px 13px;
	margin-bottom: 30px;
	height: 150px; width: 150px;
}

/* Couleurs */

.ocre { color: #250701;}
.brun { color: #6D4320;}
.beige { color: #B0925F;}
.chamois { color: #E7DEC0;}
.ciel { color: #82ABB8;}
.bleu { color: #32a4dc;}
.ocean { color: #0d0731;}

.pelouse {color: #4cb958;   /* b8cc4c; */} 
.foret { color: #090;}
.violet { color: #533c4c;}
.orange { color: #f57f24;}
.jaune { color: #ffdf1a;}