/* Remise à zero des styles du navigateur */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
:focus {
	outline: 0;
}
body {
	/*line-height: 1;*/
	color: #66757E;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
textarea {
	font-size:100%;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}


/**** Style généraux ****/
body {
	background-color: #FFFFFF;
	text-align:center;
	font-size:10pt;
	padding-bottom:1em;
}


/****************** STYLE PARTICULIER A CE SITE *************************
	On utilise souvent des classes .input, .button, .warning, etc
	Mise en forme de certains éléments propres à ce design
**************************************************************************/
body, textarea {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color:#58585A;
}
a {
	color:#58585A;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
} 
.input {
	border:1px solid #8AC1D3;
	background-color: #FFFFFF;
	color:#696969;
}
.input:focus, input.focus {
	background-color:#EDEDED;
}
.button {
	border:1px solid #D8D9DF;
	background-color: #FFFFFF;
	color:#5692C9;
}
.error {
	color:#CD1C3E;
}


/*************** CLASSES UTILES ***********************
	Voici quelques classes utilisées réguliérement par des scripts
******************************************************/
/* On force un position:relative pour IE pour les éléments contenant un couche alpha */
.alpha {
	position:relative;
}
/* Bouton */
.button {
	margin:0;
	padding:0;	
	font-weight:bold;	
	padding-right:3px;
	padding-left:3px;
}
/* Message d'alerte */
.warning {
	display:block;
	text-align:center;
	color:red;
	font-weight:bold;
	padding:10px;
	margin-bottom:15px;
	width:450px;
	margin-right:auto;
	margin-left:auto;
}
/* On ajoute du code "inutile" dans une adresse mail pour la rendre inutilisable par un spammeur, mais lisible par un humain
<span class="noSpam">tim<span class="spam">SP</span>@<span class="spam">M</span>banquise.com</span>	 */
.noSpam .spam {
	display:none;
}
/* Rends un texte invisible mais le bloc est toujours activable */
.invisibleText {
	letter-spacing:-1000em;
}
.invisibleTextButton {
	border:0px;
	letter-spacing:-1000em;
	cursor:pointer;
}

/******************** GESTION DES FORMULAIRES ********************
	Nos formulaires class="label_cell".
	Chaque ligne .formLigne contient un label, un champ à remplir et une bulle d'aide
****************************************************************/
	
form.label_cell {
	overflow:hidden;
	height:1%;
	margin-left:10px;
}
/* Chaque ligne */
form.label_cell .formLigne {
	overflow:hidden;
	height:1%;
	margin-bottom:3px;
}
/* Entete */
form.label_cell label {
	display:block;
	width:110px;
	float:left;
	margin-right:5px;
	text-align:left;
	white-space:pre;
	font-size:0.9em;
}
/* Asterisque */
form.label_cell strong {
	color:#CCB066;
	font-weight:normal;
}
/* Champs (input/textarea/etc) */
form.label_cell .champs {
	float:left;
}
form.label_cell .champs input, form.label_cell .champs select {
	margin:0;
	float:left;
}
form.label_cell .champs textarea {
	float:none;
	display:block;
}
form.label_cell .champs select optgroup {
	font-style:normal;
	display:block;
	margin-left:10px;
}
/* Ensemble de boutons radio */
form.label_cell .champs .radio {
	overflow:hidden;
	float:left;
	width:100px;
}
form.label_cell .champs .radio input {
	margin-right:8px;
}
/* Lien de calendrier */
form.label_cell .champs a.calendar {
	width:20px;
	height:20px;
	float:left;
	margin-left:10px;
	background:url("../../images/interface/calendar.jpg") top left no-repeat;
	display:none;
}
/* Espace de tooltip */
form.label_cell .infos {
	float:left;
	margin-left:10px;
}
form.label_cell .infos .texte, #tooltip, #calendar {
	max-width:250px;
	min-width:10px;
	background: #F2F2F2;
	border:1px dashed #D8D9DF;
	padding:5px;
	color:#696969;
	position:absolute;
	display:none;
	text-align:left;
	text-decoration:none;
	z-index:1000;
	-moz-opacity:0.9;
}
/* Bouton de submit */
form.label_cell .champ_bouton {
	text-align:center;
}
/* Suppression d'un fichier */
form.label_cell .champs a.deleteFile {
	font-size:0.8em;
	color:#CA3948;
	display:block;
}
/* Entete de sous rubrique */
form.label_cell h4 {
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	color:#5692C9;
	font-size:12pt;
}
form.label_cell h4 label {
	float:none;
}
form.label_cell h4 label a {
	color:#5692C9;
	text-decoration:none;
}
form.label_cell h4 label a:hover {
	text-decoration:underline;
}
/* Sous-rubrique masquée */
form.label_cell fieldset.hidden {
	display:none;
}
form.label_cell fieldset.hidden legend {
	display:none;
}
/* Lien de suppression de l'élément */
form.label_cell a.delete {
	background:url("../../images/interface/delete.gif") center left no-repeat;
	padding-left:12px;
	text-decoration:none;
	margin-bottom:5px;
}
#contenu form.label_cell a.delete:hover {
	text-decoration:underline;
	
}
/*** Element "plain" ***/
form.label_cell .plain {
	padding-top:2px;
	padding-bottom:2px;
}
/*** Liste de checkbox ***/
form.label_cell .checkbox {
	margin-bottom:1em
}
form.label_cell .checkbox label {
	float:none;
	display:block;
	font-size:8pt;
	margin-top:1em;
	margin-bottom:1em;
}
form.label_cell .checkbox label span {
	/*font-size:8pt;*/
}
form.label_cell .checkbox .champs {
	float:none;
}
form.label_cell .checkbox ul {
	overflow:hidden;
	height:1%;
}
form.label_cell .checkbox ul li {
	display:block;
	float:left;
	display:inline;
	width:160px;
	margin-left:10px;
	margin-bottom:5px;
}
form.label_cell .checkbox ul li span {
	float:left;
	padding-bottom:2px;
}
form.label_cell .checkbox ul li input {
	margin-right:5px;
}
form.label_cell .checkbox-inline ul li {
	float:left;
	display:inline;
}
form.label_cell .checkbox-inline ul li input {
	margin-right:5px;
	margin-left:5px;
}
form.label_cell .checkbox-inline ul li img {
	margin-right:20px;
}

/* Formulaire en mode erreur */
form.label_cell div.error label {
	color: #E20027;
	font-weight:bold;
}
form.label_cell div.error .input {
	background:#DCDCDC;
	border:1px solid #E20027;
	color:#25559F;
}
form.label_cell div.error textarea {
	display:block;
}
form.label_cell div.error .infos .texte {
	background-color: #B0C4DE;
	border: 1px dashed #483D8B;
	font-weight:bold;
	color:#25559F;
}


/* MISE EN FORME BBCODE : on en masque le maxium ici, pas de javascript */
/* Le div des balises */
.div_bbcode ul.balises {
	display:none;
}
/* l'espace d'infos */
.div_bbcode input.readonly {
	display:none;
}