﻿@charset "utf-8";
/* CSS Document */

/* ---------- PARAMETRE BASE -------------------------------------*/

body {
	background:#f2f2f2;
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:auto;
}
@font-face {
    font-family: 'DroidSansRegular';
    src: url('DroidSansRegular/droidsans.eot');
    src: url('DroidSansRegular/droidsans.eot?#iefix') format('embedded-opentype'),
         url('DroidSansRegular/droidsans.woff') format('woff'),
         url('DroidSansRegular/droidsans.ttf') format('truetype'),
         url('DroidSansRegular/droidsans.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'BebasNeueRegular';
    src: url('bebasNeue/bebasneue-webfont.eot');
    src: url('bebasNeue/bebasneue-webfont.eot?#iefix') format('eot'),
         url('bebasNeue/bebasneue-webfont.woff') format('woff'),
         url('bebasNeue/bebasneue-webfont.ttf') format('truetype'),
         url('bebasNeue/bebasneue-webfont.svg#webfontDhade9AV') format('svg');
    font-weight: normal;
    font-style: normal;

}
#home
{
	background:#2B3739;
}
.contenu{
	margin-left: auto;
	margin-right: auto;
	/*border-bottom:dashed #858585 2px;*/
}
.lastContenu{
	margin-left: auto;
	margin-right: auto;
	border-bottom:none;
}
.header{
	width:100%;
	background:#f2f2f2;
	height:74px;
	border-bottom:#B1BE2B solid 4px;
	position:fixed;
	z-index:100;
	top:0;
}

.header .grid_4 img
{
	margin-top:2px;
}


.menu{line-height: 74px;}

ul{margin:0;}
ul li{float:left;}
.header ul li a{
	font-family: 'DroidSansRegular';
	font-size:14px;
	color:#333;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	padding:0 16px;
}
.header ul li a:hover{
	background:#B1BE2B;
}
.active{
	background:#B1BE2B;
}
h1{
	font-family: 'BebasNeueRegular';
	font-size: 60px;
	font-weight: normal;
	color:#424242;
	line-height: 50px;
}
h2{
	font-family: 'BebasNeueRegular';
	font-size: 40px;
	font-weight: normal;
	color:#FFF;
	line-height: 34px;
	margin: 30px 0 65px 0;
}
p{
	font-family: 'DroidSansRegular';
	color:#333;
	font-size:15px;
	margin-top: 15px;
	text-align: justify;
	line-height: 18px;
}
.page{
	margin-top:70px;
	/*border-bottom:dashed #666;*/
}
.texte{
	padding-top:27px
}
.action{
	
}
.boutonFournisseur{
	background:url(images/bouton_codeFournisseur.png) no-repeat top;
	height:53px;
	width:337px;
	display:block;
	text-decoration:none;
	color:#FFF;
	font-family: 'DroidSansRegular';
	text-shadow: 1px 1px 2px #494949;
	font-weight:bold;
	font-size: 17px;
	text-align:center;
	line-height:50px;
	margin-top:15px;
	margin-left: auto;
	margin-right: auto;
}
.boutonFournisseur:hover{
	background:url(images/bouton_codeFournisseur.png) no-repeat bottom;
}
.boutonConnexion{
	background:url(images/bouton_gris.png) repeat-x top;
	height:32px;
	width:189px;
	display:block;
	text-decoration:none;
	color:#FFF;
	font-family: 'DroidSansRegular';
	text-shadow: 1px 1px 2px #494949;
	font-weight:bold;
	font-size: 17px;
	text-align:center;
	line-height:33px;
	border: solid 1px #999;
	border-radius: 3px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
.boutonConnexion:hover{
	background:url(images/bouton_gris.png) repeat-x bottom;
}
.alert{
	background:#fff;
	border: solid 1px #000;
	color:#000;
	padding: 20px;
	width:350px;
	min-height:70px;
	position:fixed;
	top:170px;
	left:50%;
	right:50%;
	z-index:1000;
	display:none;
	margin-left:-195px;
	text-shadow: 1px 1px 1px #EAEAEA;
}
.alert p{
	text-align:center;
}
.contact{
	background:url(images/dark-pattern.jpg) repeat;
	width:100%;
	height:518px;
	border-top:2px solid #000;
	border-bottom:2px solid #333;
}
img{
border:0;
}
form p{
	margin-top:9px;
}
form p label{
	float: left;
	color: white;
}
.col2{
	padding-top: 110px;
}

input.champ{
	font-family: 'DroidSansRegular';
	background:#1A1A1A;
	border:none;
	width:309px;
	height:31px;
	color:#FFF;
	font-size:15px;
	border-radius: 5px;
	border: 1px solid #1A1A1A;
	border-bottom-color:#4D4D4D;
	border-right-color:#4D4D4D;
	border-top-color:#141414;
	border-left-color:#141414;
	padding-left: 5px;
}
textarea{
	font-family: 'DroidSansRegular';
	background:#1A1A1A;
	border:none;
	width:303px;
	height:95px;
	color:#FFF;
	font-size:15px;
	border-radius: 5px;
	border: 1px solid #1A1A1A;
	border-bottom-color:#4D4D4D;
	border-right-color:#4D4D4D;
	border-top-color:#141414;
	border-left-color:#141414;
}
.envoie{
	background:url(images/bg_bouton.png) repeat-x top;
	height:38px;
	width:189px;
	border:1px solid #0561B4;
	border-radius:3px;
	font-family: 'DroidSansRegular';
	font-size:16px;
	text-shadow: 1px 1px 2px #494949;
	color:#FFF;
	font-weight:bold;
	margin-top:50px;
	cursor:pointer;
}
.envoie:hover{
	background:url(images/bg_bouton.png) repeat-x bottom;
}
select{
	font-family: 'DroidSansRegular';
	width:310px;
	height:31px;
	border-radius: 5px;
	border: 1px solid #1A1A1A;
	border-bottom-color:#4D4D4D;
	border-right-color:#4D4D4D;
	border-top-color:#141414;
	border-left-color:#141414;
	margin-bottom:13px;
	background:#1A1A1A;
	color:white;
}
.footer{
	background:#1A1A1A;
	height:52px;
	font-family: 'DroidSansRegular';
	font-size:13px;
	line-height:52px;
}
.footer a{
	text-decoration:none;
	color:#666;
	margin-right:22px;
}
.footer a:hover{
	color:#ccc;
}
.footer ul{
	margin-left:185px;
}
.footer ul li{float:right;}