@charset "UTF-8";
/* CSS Document */

body, form, input, textarea, field {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#fff;
}
body {	
	background-repeat:no-repeat;
	background-color:#000000;
	min-width:1010px;
	font-size:12px;
}

.centrage {
	width:1010px;
	margin:auto;
}

nav a {
	text-decoration:none;
	display:block;
}

.clear {
	clear:both;
}

/*.color1 {
	color:#COULEUR;
}

.color2 {
	color:#COULEUR2;
}*/

p {
	text-align:justify;
	margin-top:10px;
	margin-bottom:10px;
	font-size:14px;
}
a {
	color:#000000;
}

h1{
	font-size:18px;
	text-transform: uppercase;
}

/* On définit ici les images flottantes */

.imgleft {
	float:left;
	padding:10px;
	margin-right:20px;
	margin-bottom:20px;
}

.imgright {
	float:right;
	padding:10px;
	margin-left:10px;
	margin-bottom:10px;
}

.imgleft + p, .imgright + p {
	margin-top:0px;
}


/* On définit ici les ombres appliquées aux box */
.boxshadow {
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
}


/* On définit ici les ombres appliquées aux textes */
.textshadow {
	text-shadow: 2px 2px 2px #000000;
	filter: dropshadow(color=#000000, offx=2, offy=2);
}


/* On définit ici les arrondis appliqués aux box */
.borderradius {
	-webkit-border-radius: 6px!important;
	-moz-border-radius: 6px!important;
	border-radius: 6px!important;
}

/* On définit ici le style du bouton général et les spécifiques */
.bouton {
	font-size: 14px;
	color: #ffffff;
	padding: 10px 15px;
	background:#b41e8c;
	background: -moz-linear-gradient(
		top,
		#b41e8c 0%,
		#40032d);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b41e8c),
		to(#40032d));
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	text-shadow: 0px 3px 3px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=3);
	text-decoration: none;
	float: right;
}

.bouton:hover{
	-webkit-box-shadow:  0px 0px 5px 2px #D99AC5;
    box-shadow:  0px 0px 5px 2px #D99AC5;
}

/*.boutondeco {
	background-color:#COULEUR;
}

.boutondeco2 {
	background-color:#COULEUR2;
}*/


/* On définit ici le style des formulaires */

.succes {
	background-color:#7A7A7A;
	padding:5px 10px;
	color:#fff;
	margin-left:120px;
	width:265px!important;
	display: block;
}
	
.erreur {
	background-color:#B41E8C;
	padding:5px 10px;
	color:#fff;
	margin-left:120px;
	width:265px!important;
	display: block;
}

.erreurchamp {
	background-color:#B41E8C;
}

label{
	float:left;
	width:120px;
}

.formulaire select{
	margin:0;
	padding:0;
}

.formulaire input[type=text],
.formulaire textarea,
.formulaire select{
	border:1px solid #2b2e37;
	padding:2px;
	outline:0;
	margin-top:5px;
	background-color: #7b7a7b;
}


.formulaire input[type=submit]{
	padding:4px;
	padding-left:10px;
	padding-right:20px;
	cursor: pointer;
}/*(0, 144, 212, 0.5)*/

.formulaire input:focus,.formulaire textarea:focus{
	-webkit-box-shadow: 0px 0px 6px 3px rgba(180, 30, 140, 0.5);
	-moz-box-shadow: 0px 0px 6px 3px rgba(180, 30, 140, 0.5);
	box-shadow: 0px 0px 6px 3px rgba(180, 30, 140, 0.5);
}

/* On définit ici le style des paginations */

/* On définit ici le style du message pour internet explorer */
.antiie{
	background-color:#fff;
	width:950px;
	margin:auto;
}

.navigie{
	float:left;
	width:219px;
	height:66px;
	background-image:url(../images/navig.jpg);
	background-repeat:no-repeat;
}

.messageie{
	float:left;
	padding-top:15px;
	width:500px;
}

textarea:invalid, input:invalid {
	border:1px solid #2b2e37;
	padding:2px;
	outline:0;
	margin-top:5px;
	box-shadow: none;
}