/* 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: black;
	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%;
}


/**** 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:#000000;
}
a {
	color:#EE7F00;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
} 
.input {
	border:1px solid #D8D9DF;
	background-color: #FFFFFF;
	color:#696969;
	padding-left:3px;
}
.input:focus, input.focus {
	background-color:#DCDCDC;
}
.error {
	color:#CD1C3E;
}
.button {
	height:21px;
	min-height:21px;
	color:#FFFFFF;
	text-align:center;
	font-size:8pt;
	margin-right:auto;
	margin-left:auto;
	background:url("../../images/interface/boutonEnvoyer.png") top left no-repeat;
	width:126px;
	border:none;
	margin-top:10px;
	cursor:pointer;
}

/*************** 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;
}


/******************** 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;
}
form.label_cell .formLigne {
	overflow:hidden;
	height:1%;
	margin-bottom:3px;
}
form.label_cell label {
	display:block;
	width:70px;
	float:left;
	margin-right:5px;
	text-align:left;
	white-space:pre;
	font-size:0.9em;
}
form.label_cell strong {
	color:#CCB066;
	font-weight:normal;
}
form.label_cell .champs {
	float:left;
}
form.label_cell .champs input, form.label_cell .champs select {
	margin:0;
	float:left;
}
form.label_cell .champs select optgroup {
	font-style:normal;
	display:block;
	margin-left:10px;
}
form.label_cell .champs .radio {
	overflow:hidden;
	float:left;
	width:100px;
}
form.label_cell .champs .radio input {
	margin-right:8px;
}
form.label_cell .champs a.calendar {
	font-weight:bold;
	text-decoration:underline;
	margin-left:10px;
}
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;
}
form.label_cell .champ_bouton {
	text-align:center;
}
form.label_cell .clear_both {
	margin-bottom:5px;
}
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;
}
form.label_cell .champs a.deleteFile {
	font-size:0.8em;
	color:#CA3948;
	display:block;
}
form.label_cell h4 {
	font-weight:bold;
	color: #01A0A6;
	margin-top:10px;
	margin-bottom:10px;
	color:#25559F;
	font-size:12pt;
}
form.label_cell h4 label {
	float:none;
}
form.label_cell fieldset.hidden {
	display:none;
}
form.label_cell fieldset.hidden legend {
	display:none;
}

/*** 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;
}