/* ****************************************************

	@file:		  global.css
	@description: Feuille de style globale
	@author:      remi (ixmedia.com)
	@updated:	  12 février 2008

******************************************************/

/*
	@section Basic
*******************************************************************************/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	background: #bbb;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

textarea, input, span {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}

textarea:focus, input:focus {
	background: #fffcdb;
}

.cache {
	display: none;
}

#wrap {
	background: #fff;
	width: 800px;
	margin: 5em auto;
	font-size: 1.1em;
	border: 8px solid #999;
}

#wrap form {
	padding: 5px 20px 20px 20px;
}

#entete img {
	float: left;
	padding: 1em 0 0 1em;
}

#entete div {
	float: right;
	padding: 2em 2em 2em 0;
	text-align: center;
}

#entete h1 {
	font-size: 2.6em;
	font-family: Myriad, "Myriad Pro", Helvetica, Arial, Verdana, sans-serif;
	margin-bottom: 10px;
	line-height: 1.2;

}

#entete h1 strong {
	text-transform: uppercase;
	display: block;
}

li.erreur, span.erreur {
	color: #a00;
	font-size: 0.9em;
	font-weight: bold;
}

span.erreur.bloc {
	display: block;
}

p {
	margin-bottom: 0.7em;
}

p.msg {
	clear: both;
	margin: 0 20px 3em 20px;
	background: #ebffd7;
	padding: 1em;
	border: 1px solid #d8f3bf;
	color: #3d6119;
}

p.erreur {
	clear: both;
	margin: 0 20px 1em 20px;
	background: #a00;
	padding: 1em;
	border: 1px solid #600;
	color: #fff;
}

em.o {
	color: #005ba2;
	font-style: normal;
	font-weight: bold;
	font-family: Tahoma, sans-serif;
}

p.obligatoires {
	clear: both;
	padding-left: 20px;
}

label {
	cursor: pointer;
}

a {
	color: #000;
	text-decoration: none;
}


ul label {
	padding: 3px;
}

fieldset {
	clear: both;
	padding-bottom: 1em;
	width: 100%;
	overflow: hidden;
}

fieldset legend {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.5em;
	margin-bottom: 0.4em;
	font-family: Myriad, "Myriad Pro", Helvetica, Arial, Verdana, sans-serif;
}

.choix, .question {
	margin-bottom: 1em;
}

div.choix.top {
	margin-bottom: 0.2em;
}

div.choix ul {
	width: 100%;
	overflow: hidden;
}

div.choix ul li {
	margin-bottom: 0.5em;
	padding-left: 3px;
}

div.choix.simple ul li {
	float: left;
	margin-right: 1em;
	margin-bottom: 0;
}

div.choix.simple ul {
	margin-bottom: 0.6em;
}

div.choix ul li input, div.choix ul li span {
	float: left;
	padding: 0 !important;
}

/*
	@section Fieldset: Identification
*******************************************************************************/


#f-identification .inner {
	padding: 10px;
	width: 740px;
	overflow: hidden;
	border: 1px solid #999;
}

#f-identification .premiere {
	width: 55%;
	float: left;
}

#f-identification .deuxieme {
	width: 45%;
	float: right;
}

#f-identification p {
	width: 100%;
	overflow: hidden;
	margin-bottom: 0.6em;
}

#f-identification p label {
	float: left;
	width: 120px;
}

#f-identification .premiere span.erreur {
	padding-left: 120px;
}

#f-identification div.deuxieme p label {
	float: left;
	width: 130px;
}


#f-identification .deuxieme span.erreur {
	padding-left: 130px;
}

#f-identification input, #f-identification textarea {

}

#f-identification select {
	width: 190px;
}

/*
	@section Fieldset: Emploi
*******************************************************************************/

#f-emploi h2 {
	margin-bottom: 0.8em;
	font-size: 100%;
}

#f-emploi p label {
	display: block;
}

#f-emploi p input {
	margin: 2px 0 0 0;
}

#f-emploi .choix li.texte label {
	float: left;
	padding: 0;
	margin-right: 3px;
}

#f-emploi .variable {
	padding: 10px;
	border: 1px solid #aaa;
	margin-bottom: 1em;
}

/*
	@section Fieldset: Informations
*******************************************************************************/

#f-informations .question, #f-informations .choix {
	margin-bottom: 0.6em;
}

/*
	@section Fieldset: Autorisation
*******************************************************************************/

#f-autorisation p input {
	float: left;
}

#f-autorisation p label {
	margin-left: 25px;
	display: block;
}