/*  +++++++++++++++++++++++++++++++++++++++

	Feuille de style créée par
	Benoît Chanaud / Docile.

	(c) 2008-2009, Docile,
	Tous droits réservés.

    +++++++++++++++++++++++++++++++++++++++  */

/*  +++++++++++++++++++++++++++++++++++++++
	
			marron	rouge	cyan
			
	sombre	331		721		677
	normal	663		E42		7BB
			886		E75		9CC
	clair	DDC		FCB		DEE
	
    +++++++++++++++++++++++++++++++++++++++  */

/* @group Général */

body {
	color: #663;
	font: 13px/21px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	word-spacing: -1px;
	margin: 0;
	background-color: #DEE;
}

#conteneur {
	background-color: #FFF;
	width: 760px;
	padding: 25px 25px 0;
	margin: 25px auto;
	border: 1px solid #7BB;
}

#bloc, #bloc_logo {
	width: 100%;
	clear: both;
}

#bloc_logo {
	margin: 0 0 20px;
	padding: 0;
}

#bloc_logo img {
	cursor: help;
}

#bloc {
	width: 100%;
	clear: both;
	border-top: 1px solid #7BB;
	margin-bottom: 23px;
	padding-top: 26px;
}

#bloc.sans_separateur {
	border-top: none;
	padding-top: 7px;
}

#colonne_large {
	width: 100%;
	margin: 0;
	padding: 0;
}

#colonne_1, #colonne_2 {
	width: 360px;
	padding: 0;
}

#colonne_1, #colonne_large {
	color: #663;
	float: left;
}

#colonne_2 {
	color: #E42;
	float: right;
}

.couleur_1 {
	color: #663;
}

.couleur_2 {
	color: #E42;
}

.couleur_3 {
	color: #7BB;
}

strong, em, b, i, a, #message {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
	margin-right: 1px;
	margin-left: -1px;
}

h1, h2, h3, h4, h5, h6,
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-family: Rockwell, "Rockwell Std", "Geometric Slabserif 703", "Rockland", "Geometric Slabserif 712 BT", "American Typewriter", Bookman, "Bookman Old Style", "URW Bookman L", Cambria, "Lucida Bright", Georgia, serif;
	word-spacing: 0;
	margin: 0 0 23px;
	font-weight: normal;
	font-style: normal;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight: bold;
}

h1, h2 {
	font-size: 18px;
}

h1 {
	text-transform: uppercase;
	letter-spacing: 2px;
}

h2 {
	letter-spacing: 1px;
}

#colonne_1 h1,
#colonne_1 h2,
#colonne_large h1,
#colonne_large h2 {
	color: #663;
}

#colonne_2 h1,
#colonne_2 h2 {
	color: #E42;
}

#colonne_large h1,
#colonne_large h2 {
	text-align: center;
}

p {
	text-indent: -21px;
	padding-left: 21px;
}

p.pas_d_alinea {
	text-indent: 0;
	padding-left: 0;
}

sup {
	font-size: 70%;
	vertical-align: 4px;
	line-height: 0;
	/*margin-left: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;*/
}

.pas_de_margin-bottom {
	margin-bottom: 0;
}

.pas_de_retour {
	white-space: nowrap;
}

acronym, .caps {
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-right: -1px;
}

acronym, abbr {
	cursor: help;
}

a:link, a:visited {
	text-decoration: none;
	font-style: normal;
	padding: 1px 6px 3px;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	text-shadow: rgba(0,0,0,0.01) 0 0 0; /* Hack Safari 3 seulement */
}

#colonne_1 a:link, #colonne_1 a:visited,
input.bouton_envoyer {
	color: #663;
	background-color: #DDC;
}

#colonne_1 a:hover,
#colonne_1 a:focus,
input.bouton_envoyer:hover,
input.bouton_envoyer:focus {
	color: #FFF;
	background-color: #663;
}

/*#colonne_1 a:active,
input.bouton_envoyer:active {
	color: #886;
}*/

#colonne_2 a:link, #colonne_2 a:visited,
input.bouton_effacer {
	color: #E42;
	background-color: #FCB;
}

#colonne_2 a:hover,
#colonne_2 a:focus,
input.bouton_effacer:hover,
input.bouton_effacer:focus {
	color: #FFF;
	background-color: #E42;
}

/*#colonne_2 a:active,
input.bouton_effacer:active {
	color: #E75;
}*/

#colonne_1 a:link.couleur_3,
#colonne_1 a:visited.couleur_3,
#colonne_2 a:link.couleur_3,
#colonne_2 a:visited.couleur_3 {
	color: #7BB;
	background-color: #DEE;
}

#colonne_1 a:hover.couleur_3,
#colonne_2 a:hover.couleur_3 {
	color: #FFF;
	background-color: #7BB;
}

/*#colonne_1 a:active.couleur_3,
#colonne_2 a:active.couleur_3 {
	color: #9CC;
}*/

ul, ol {
	list-style-position: outside;
	margin: 21px 0 21px 21px;
}

#colonne_1 ul span, #colonne_1 ol span {
	color: #663;
}

#colonne_2 ul span, #colonne_2 ol span {
	color: #E42;
}

ul {
	color: #7BB;
	list-style-type: disc;
}

ol {
	color: #7BB;
	list-style-type: decimal;
}

ul ul, ol ul {
	list-style-type: circle;
}

ul ol, ol ol {
	list-style-type: lower-alpha;
}

li {
	text-indent: -21px;
	padding-left: 21px;
}

.logo_gauche, .logo_droite {
	margin-top: 4px;
}

.logo_gauche {
	float: left;
}

.logo_droite {
	float: left;
	margin-left: 50px;
}

/* @end */

/* @group Formulaire */

#message {
	color: #E42;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 31px;
}

/*form {
	width: 760px;
}*/

table {
	width: 760px;
}

#colonne_form_a,
#colonne_form_b,
#colonne_form_c,
#colonne_form_d {
	vertical-align: top;
	padding: 15px 10px;
}

#colonne_form_a {
	text-align: right;
}

#colonne_form_b {
	text-align: center;
	padding-top: 12px;
}

#colonne_form_c {
	text-align: left;
}

#colonne_form_d {
	text-align: left;
}

input, textarea, select, #conteneur_envoi_fichier {
	color: #677;
	background-color: #DEE;

	font: 13px/21px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	word-spacing: -1px;

	border: 1px solid #9CC;
}

input, textarea, #conteneur_envoi_fichier {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input:active, input:focus,
textarea:active, textarea:focus,
select:active, select:focus {
	color: #721;
	background-color: #FCB;
	border-color: #E42;
}

input.facultatif, textarea.facultatif, select.facultatif {
	color: #555;
	background-color: #EEE;
	border-color: #BBB;
}

input.erreur, textarea.erreur, select.erreur {
	color: #FFF;
	background-color: #E42;
	border-color: #E42;
	font-weight: bold;
}

.etoile_erreur {
	color: red;
	text-decoration: blink;
}

#conteneur_envoi_fichier {
	padding: 6px;
}

#envoi_fichier {
	margin: 6px;
}

input, textarea, #date_naissance {
	margin: 0;
	padding: 0;
}

input#fichier1 {
	border: none;
	background: none;
	color: #453;
	padding: 0;
	margin: 0 0 9px;
	width: 400px;
}

select {
	width: 86px;
	height: 23px;
}

input {
	padding: 2px 7px 4px;
}

input, .champ_adresse {
	width: 270px;
}

textarea {
	padding: 4px 6px 7px;
	width: 185px;
}

.champ_texte, #conteneur_envoi_fichier {
	width: 460px;
	margin-right: 0;
}

input.bouton_envoyer, input.bouton_effacer {
	color: #FFF;
	font-weight: bold;
	width: 140px;
	padding: 6px 0;
	border: none;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	cursor: pointer;
	margin-top: 6px;
	margin-right: 30px;
}

/* @end */