@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('fonts/colabthi-webfont.eot');
    src: url('fonts/colabthi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/colabthi-webfont.woff') format('woff'),
         url('fonts/colabthi-webfont.ttf') format('truetype'),
         url('fonts/colabthi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NeuropolRegular';
    src: url('fonts2/neuropol-webfont.eot');
    src: url('fonts2/neuropol-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts2/neuropol-webfont.woff') format('woff'),
         url('fonts2/neuropol-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html, body {
	height: 100%;
}
body {
	background:#000 url(../images/bgSite.jpg) no-repeat center top;
	padding: 0;
	margin:0;
	font:normal 15px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
#global {
	min-height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	background: none;
}
#navigation {
	background: #222;
}
/*#navigation a {
	color: #FF6533;
}
#navigation a:hover, #navigation a:focus {
	background: #000000;
}*/
#contenu {
	background:none;
}
.contenu404 {
	text-align:center;
	font:normal 20px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.contenu404 h1{
	font:normal 44px 'NeuropolRegular';
	color:#FFF;
	margin:0 auto;
	padding:10px 20px;
	background:#000;
}
.contenu404 .blocInterne {
	font:normal 16px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	width:100%;
	min-height:341px;	
	margin:0 auto;
	padding:0 22px;
	background:url(../images/bgMain.png) repeat;
	float:left;
	color:#FFF;
}

.contenu404 a{
	color:#FFF;
	text-decoration:none;
}
.contenu404 a:hover{
	color:#FFF;
	text-decoration:underline;
}
#entete {
	width:100%;
	height:201px;
	padding: 0;
	margin:0;
	color:#FFF;
}
#entete .contenu {
	width:988px;
	height:201px;
	margin:0 auto;
	padding:0;
	background:none;
}
#entete .logo {
	position:absolute;
	z-index:2;
	margin:0 auto;
	padding:0;
	width:988px;
	height:141px;
}
#entete .menu {
	position:absolute;
	z-index:2;
	margin:0 0 0 137px;
	padding:0;
	top:145px;	
	width:988px;
	height:55px;
}
#navigation {
	width:100%;
	padding: 0;
	margin:0;
}
#navigation .contenu {
	width:100%;
	height:393px;	
	margin:0 auto;
	padding:0;
	background:none;
}
/*#navigation ul {
	margin: 0;
	list-style: none;
	text-align: center;
}
#navigation li {
	display: inline;
}*/
#contenu {
	padding:33px 0;
	margin:0 auto;
	width:100%;
	min-height:100%;
}
#contenu .contenu {
	font:normal 16px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	width:944px;
	min-height:100%;
	margin:0 auto;
	padding:0 22px;
}
.imgDroite {
	float:right;
	background:#FFF;
	padding:4px;
	margin:0 0 0 75px;
	width:220px;
}
#contenu .contenu .blocInterne {
	font:normal 16px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	width:944px;
	min-height:341px;	
	margin:0 auto;
	padding:0 22px;
	background:url(../images/bgMain.png) repeat;
	float:left;
	color:#FFF;
}
#contenu .contenu .blocInterne a{
	color:#b98b00;
	text-decoration:none;
}
#contenu .contenu .blocInterne a:hover{
	color:#FFF;
	text-decoration:undeline;
}
#contenu .listeVideo {
	width:944px;
	margin:20px 0;
	padding:0 15px;
	/*float:right;*/
}
#contenu .listeVideo ul{
	width:944px;
	margin:20px 0;
	padding:0 15px;
}
#contenu .listeVideo li {
	margin: 0;
	padding:0;
	list-style-type:none;
	display:inline;
}
#contenu .listeVideo li img {
	width:170px;
	background:#FFF;
	padding:3px;
}


#contenu .listeatelier {
	width:944px;
	margin:20px 0;
	padding:0 15px;
	/*float:right;*/
}
#contenu .listeatelier ul{
	width:944px;
	margin:20px 0;
	padding:0 15px;
}
#contenu .listeatelier li {
	margin: 0;
	padding:0;
	list-style-type:none;
	display:inline;
}
#contenu .listeatelier li img {
	width:120px;
	background:#FFF;
	padding:3px;
}


#contenu .contenu h1{
	font:normal 24px 'NeuropolRegular';
	color:#FFF;
	max-width:513px;
	margin:0 0 15px -22px;
	padding:10px 20px;
	background:#000;
}
#contenu .contenu .titrePage{
	font:normal 24px 'NeuropolRegular';
	color:#FFF;
	max-width:393px;
	margin:20px auto;
	padding:10px 20px;
	background:#000;
	text-align:center;
}

#contenu .contenuGauche {
	float:left;
	margin:0;
	padding:0;
	width:560px;
}
#contenu .contenuDroite {
	margin:0 0 0 560px;
	padding:0;
	width:400px;
}
/*************************************** BEGIN: blocs *****************************************/
#bloc_central {
	margin:25px auto;
	z-index:999;
	position:absolute;
	width:988px;
	height:339px;
}
#bloc_central .bouton {
	/*background:url(../images/bg_bouton_bloc.png) no-repeat;*/
	width:124px;
	height:32px;
	float:left;
	margin:0 0 0 130px;
	padding:17px 0 0 0;
	color:#e00014;
	font:normal 16px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-align:center;
	text-decoration:none;	
}
#bloc_central .bouton a {
	color:#e00014;
	font:normal 16px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-align:center;
	text-decoration:none;	
}
#bloc_central .bouton a:hover {
	color:#e00014;
	font:normal 16px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-align:center;
	text-decoration:none;	
}
#bloc_central .titre_bloc {
	color:#e00014;
	font:normal 24px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-align:center;
	text-decoration:none;
	margin:12px 0 0 0;
	padding:0;
}
#bloc_central .titre_bloc a{
	color:#e00014;
	font:normal 24px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-align:center;
	text-decoration:none;
}
#bloc_central .titre_bloc a:hover{
	color:#e00014;
	font:normal 24px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-align:center;
	text-decoration:none;
}
#bloc_central .sstitre_bloc {
	color:#da2333;
	font:normal 18px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-align:center;
	text-decoration:none;
	margin:3px 0 12px 0;
	padding:0;
}
#bloc_central .description {
	color:#222;
	font:normal 15px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-decoration:none;
	margin:0;
	padding:0 16px;
	float:left;
}
#bloc_central .description a{
	color:#222;
	font:normal 15px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-decoration:none;
}
#bloc_central .description a:hover {
	color:#222;
	font:normal 15px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-decoration:none;
}
#bloc_central .bloc1 {
	background:none;
	width:277px;
	height:339px;
	float:left;
	margin:0 0 0 40px;
	padding:0;
}
#bloc_central .bloc1 img {
	width:242px;
	height:103px;
	margin:0 16px 17px 16px;
	padding:0;
	border:solid 2px #FFF;
}
#bloc_central .bloc2 {
	background:none;
	width:277px;
	height:339px;
	float:left;
	margin:0 23px;
	padding:0;
}
#bloc_central .bloc2 img {
	width:242px;
	height:103px;
	margin:0 16px 17px 16px;
	padding:0;
	border:solid 2px #FFF;
}
#bloc_central .bloc3 {
	background:none;
	width:277px;
	height:339px;
	float:left;
	margin:0 40px 0 0;
	padding:0;
}
#bloc_central .bloc3 img {
	width:242px;
	height:103px;
	margin:0 16px 17px 16px;
	padding:0;
	border:solid 2px #FFF;
}

#footer {
	padding: 0;
	margin:0;
	background:none;
	color:#FFF;
	clear:both;
}
#footer .contenu {
	width:914px;
	min-height:65px;	
	margin:0 auto;
	padding:0 23px;
}
#footer .titre {
	color:#e00014;
	font:normal 24px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-decoration:none;
	margin:0 0 12px 0;
	padding:0;
}
div.hr {
  height: 10px;
  background:url(../images/hr.png) no-repeat scroll center;
  margin:10px 0 5px 0;
}
div.hr hr {
  display: none;
}
#footer_bloc_1 {
	margin:0;
	padding:0 5px;
	width:203px;	
	float:left;
	color:#FFF;
}
#footer_bloc_1 ul {
	list-style-type:none;
	color:#FFF;
	margin:20px 0 0 0;
}
#footer_bloc_1 .signature a {
	color:#FFF;
	text-decoration:none;
}
#footer_bloc_1 .signature a:hover {
	color:#FFF;
	text-decoration:underline;
}
#footer_bloc_2 {
	margin:0 0 0 6px;
	padding:0;
	width:367px;	
	float:left;
}
#footer_bloc_2 a {
	color:#FFF;
	text-decoration:none;
}
#footer_bloc_2 a:hover {
	color:#DDD;
	text-decoration:none;
}
#footer_bloc_2 ul{
	width:367px;
	margin: 0 0 0 10px;
	padding:0;
}
#footer_bloc_2 li {
	margin:0 0 5px 0;
	padding:0 0 0 7px;
	list-style-type:disc;
	display:inline;
}
#footer_bloc_3 {
	margin:0 0 0 9px;
	padding:0;
	width:318px;	
	float:left;
	font:normal 14px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	min-height:25px;
}
#footer_bloc_3 a {
	color:#FFF;
	font:normal 14px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-decoration:none;
	margin:6px 0 0 60px;
	padding:0;
}
#footer_bloc_3 a:hover {
	color:#e00014;
	font:normal 14px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-decoration:none;
	margin:6px 0 0 60px;
	padding:0;
}
/*************************************** BEGIN: contact *****************************************/
#contactFormArea{
	width:519px;
	margin:0 0 50px 0;
	padding:0;
	float:left;
	font:normal 16px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
label{
	width:190px;
	margin:0;
	padding:0;
	float:left;
}
.label-form-inline{
	width:210px;
	margin:0;
	padding:0 40px 0 0;
	float:left;
}
.label-form-inline-last{
	width:190px;

	margin:0;
	float:left;
	background:#F0F;
}
fieldset{
	border:solid 0px #fff;
	padding:0;
	margin:0;
}
.label-form-inline input{	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	background:#999;
	width:190px; 
	padding:8px 5px; 
	margin:5px 0px 10px 0px; 
	color:#000;	
	font:normal 16px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.label-form-inline select{	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	background:#999;
	width:190px; 
	padding:8px 5px; 
	margin:5px 0px 10px 0px; 
	color:#000;	
	font:normal 16px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.label-form-inline textarea{	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	background:#999;
	font-size:14px;
	overflow:hidden;
	width:439px;
	height:80px;
	padding:8px 5px; 
	margin:5px 0px 13px 0px; 
	color:#000;	
	font:normal 16px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

.input-submit{
	width:178px;
	height:52px;
	border:none;
	cursor:pointer;
	font:normal 21px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	background:url(../images/bg_bouton_form.png) no-repeat;
	color:#FFF !important;
	padding:0;
	margin:0;
	display: inline-block;
	float:left;
	clear:both;
	text-align:center;
}
.textarea{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	font-size:14px;
	overflow:hidden;
	width:399px; 
	padding:8px 5px; 
	margin:0px 0px 13px 0px; 
	color:#000;	font:normal 15px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.alerte {
	float:right;
	position:absolute;
	color:#b98b00;
	font:normal 17px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	margin:0 0 0 25px;
	padding:0;
}
.texte_alerte {
	color:#b98b00;
	font:normal 17px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	margin:7px 0 7px 245px;
	padding:0;
}

.texte_alerte span{
	color:#b98b00;
	font:normal 17px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	margin:0;
	padding:0;
}
/*************************************** END: contact *****************************************/
.boutonRetour {
	width:178px;
	height:40px;
	border:none;
	cursor:pointer;
	font:normal 21px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	background:url(../images/bg_bouton_form.png) no-repeat;
	color:#FFF !important;
	padding:12px 0 0 0;
	margin:0;
	display: inline-block;
	float:left;
	clear:both;
	text-align:center;
	text-decoration:none;
}
.boutonRetour a{
	font:normal 21px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color:#FFF !important;
	text-decoration:none;
}
.boutonRetour a:hover{
	font:normal 21px "ColaborateThinRegular","Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color:#FFF !important;
	text-decoration:none;
}
.contenuProduits {
	float:left;
	width:940px;
	min-height:305px;
	background:none;
	padding:0;
	margin:0 0 10px 0;
}
.contenuProduits .GrandeImage{
	float:left;
	width:175px;
	padding:0;
	margin:0 15px 0 0;
	border:solid 5px #3b3b3b;
}
.contenuProduits .titre{
	font:normal 24px 'NeuropolRegular';
	color:#FFF;
	max-width:463px;
	margin:10px 0;
	padding:10px 20px;
	background:#000;
	text-align:center;
}
.navlist {
	margin:15px;
	padding:0;
	list-style-type:none;
}