/* Propriétés communes */
body {
	color: #888;
	background-color: #fff;
	font-family: verdana, sans-serif;
	font-size: 12px;
	text-align: center;
}
#body {
	width: 700px;
	margin: auto;
}
/* Pour devel
div {
	border: 1px #0f0 dashed;
}
*/
a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.indisponible {
	color: #ccc;
	font-style: italic;
}

.barre {
	text-decoration: line-through;
}

/* Logo haut de page */
.logo {
	font-weight: bold;
	font-size: 500%;
}
.logo-nfrance {
	color: #fe8622;
}
.logo-point {
	color: #888;
}
.logo-info {
	color: #0d729e;
}
.sous-logo {
	margin: auto;
	width: 400px;
	border-top: 1px dashed #ccc;
	font-style: italic;
}
.sous-logo a {
	color: #0d729e;
}
.sous-logo a:hover {
	color: #fe8622;
}

/* Bas de page */
.copyright {
	border-top: 1px dashed #ccc;
}
.copyright a {
	color: #0d729e;
}
.copyright a:hover {
	color: #fe8622;
}

/* Petit texte du bas */
.texte-bas {
	clear: left;
	margin: 1em 0em;
}
.texte-bas a {
	color: #0d729e;
}
.texte-bas a:hover {
	color: #fe8622;
}

/* Description des carrés du milieu */
.carre-1, .carre-2, .carre-3, .carre-4 {
	color: #fff;
	background-color: #fe8622;
	width: 225px;
	height: 225px;
	margin: 25px;
	padding: 25px;
	float: left;
}
.carre-2 {
	background-color: #0d729e;
}
.carre-3 {
	background-color: #808080;
}
.carre-4 {
	background-color: #b5ce29;
}

/* Textes à l'intérieur des carrés */
.sous-titre {
	font-weight: bold;
	font-size: 250%;
}
.sous-titre2 {
	font-weight: bold;
	font-style: italic;
	font-size: 150%;
}
.description {
	margin: 25px;
	font-size: 90%;
	text-align: justify;
}
.description2 {
	margin: 10px 25px;
	font-size: 90%;
	text-align: justify;
}
.mini-description {
	margin: 0px 25px;
	font-size: 90%;
	text-align: justify;
}
.description ul {
	list-style: square;
	padding: 0;
	margin: 0;
	padding-left: 1.5em;
	text-align: left;
}
.description li.separation {
	margin-top: .5em;
	list-style: none;
	color: #6dd2fe;
	font-weight: bold;
	font-size: 120%;
}
.description label {
	text-align: left;
	font-weight: bold;
	font-size: 120%;
}
.description input {
	border: 1px solid #888;
	font-weight: bold;
	width: 150px;
	color: #888;
}

/* Texte important */
.important {
	border: 1px dashed #f88;
	color: #f44;
	font-size: 150%;
	font-weight: bold;
	width: 500px;
	margin: 25px auto;
	padding: 25px;
}

.important a {
	color: #f44;
	text-decoration: underline;
}
.important a:hover {
	color: #f88;
	text-decoration: underline;
}

/* Formulaire de contact */
.carre-contact {
	color: #fff;
	background-color: #888;
	width: 500px;
	margin: 25px auto;
	padding: 25px;
}

.gros {
	font-size: 150%;
	font-weight: bold;
}

.texte {
	width: 400px;
	margin: 1em auto;
	text-align: justify;
}

.carre-contact ul {
	text-align: left;
}

.texte input {
	color: #666;
	background-color: #ddd;
	border: 1px solid #444;
}

.texte textarea {
	width: 400px;
	height: 200px;
	color: #222;
	background-color: #ddd;
	border: 1px solid #444;
}

div.readonly {
	border: 1px #ccc solid;
	background-color: #666;
	font-size: 200%;
	padding-left: .2em;
}

p.readonly {
	padding: 1em;
	border: 1px #ccc solid;
	background-color: #666;
}

.erreur {
	background-color: #666;
        border: 1px dashed #f88;
        color: #f88;
        font-size: 150%;
        font-weight: bold;
	margin: .5em;
	padding: .5em;
}