/* *************************************** */
/* -------- Grafique Design - 2009 ------- */
/* -------- www.grafiquedesign.com ------- */
/* ----------------- START --------------- */
/* *************************************** */
@charset "utf-8";

/* Stabilisation des blocs images et bordures */
img {
	display:block;
	border:none;
	padding:0;
	margin :0;	
}
/*----- Base commune // toutes les pages -----*/
/* Body + center + wrapper + Polices + Liens */
body {
	font-family:"Verdana", Trebuchet MS, Tahoma, Arial;
	font-size: 10px;
	color:#1b1b1b;
	text-align:justify;
	background-color:#4F001C;
	background-image:url(../img/ni_bkg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin:0;
	padding:0;
	border:none;	
}
#center {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height:auto;
	text-align: justify;
}
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height:auto;
	text-align: justify;
}
/* Polices */
strong {
	font-weight:bold;
	color:#e85511;	
}
.capitalise {
	font-variant:small-caps;
}
#title_A {
	font-family:"Verdana", Trebuchet MS, Tahoma, Arial;
	font-size: 24px;
	color:#c10044;
	text-align:left;
	font-weight:normal;
	padding:30px 0 30px 0;
	margin:0;
}
.title_bold {
	font-family:"Verdana", Trebuchet MS, Tahoma, Arial;
	font-size: 24px;
	color:#c10044;
	text-align:left;
	font-weight:bold;
	padding:0 0 0 75px;
	margin:0;	
}
.title_bold_juice {
	font-family:"Verdana", Trebuchet MS, Tahoma, Arial;
	font-size: 24px;
	color:#e85511;
	text-align:left;
	font-weight:bold;
	padding:0;
	margin:0;	
}
.intro {
	font-family:"Verdana", Trebuchet MS, Tahoma, Arial;
	font-size: 14px;
	color:#a0023a;
	text-align:justify;
	font-weight:bold;
	padding:0;
	margin:0;	
}
#intro_anim {
	width:400px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	font-family:"Verdana", Trebuchet MS, Tahoma, Arial;
	font-size: 14px;
	color:#a0023a;
	text-align:justify;
	font-weight:bold;	
}
p {
	font-family:"Verdana", Trebuchet MS, Tahoma, Arial;
	font-size: 12px;
	color:#333333;
	text-align:justify;
	font-weight:normal;
	padding:12px 0 0 0;
	margin:0;	
}
.categorie {
	font-family:"Verdana", Trebuchet MS, Tahoma, Arial;
	font-size: 14px;
	color:#c10044;
	text-align:left;
	font-weight:normal;
	padding:0;
	margin:0;	
}
.know_title,
.fil_title {
	font-family:"Verdana", Trebuchet MS, Tahoma, Arial;
	font-size: 12px;
	color:#e85511;
	text-align:left;
	font-weight:normal;
	line-height:2em;	
	padding:0;
	margin:0;	
}
.know_txt
.fil_txt {
	font-family:"Verdana", Trebuchet MS, Tahoma, Arial;
	font-size: 10px;
	color:#6a2f3e;
	text-align:justify;
	font-weight:normal;
	line-height:1.5em;
	padding:0;
	margin:0;	
}
/* Liens */
a {
	color:#1b1b1b;
	text-decoration:underline;
	padding:0;
	margin:0;
}
a:link {
	color:#1b1b1b;
	text-decoration:underline;
	padding:0;
	margin:0;
}
a:hover {
	color:#c10044;
	text-decoration:underline;
	padding:0;
	margin:0;
}
a:visited {
	color:#666666;
	text-decoration:underline;
	padding:0;
	margin:0;
}
a:active {
	color:#e85511;
	text-decoration:none;
	padding:0;
	margin:0;
}
/*------ Top // Menu + header + border top ------*/
#top {
	width:900px;
	height:auto;
	float:left;
	padding:0;
	margin:0;
}
#top-border {
	width:900px;
	height:34px;
	float:left;
	padding:0;
	margin:0;
}
#header {
	width: 900px;
	height: 173px;
	text-align: left;
	float:left;
	padding:0;
	margin:0;
}
#top-menu {
	width: 900px;
	height: 74px;
	text-align: left;
	float:left;
	padding:0;
	margin:0;
}
/*------ Main // Bloc principal du site + visuels + Titres + plus Sous-titre + Menus latéraux + Articles ------*/
#main {
	width: 900px;
	height:auto;
	text-align: justify;
	float:left;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;		
}
#title_A {
	width: 900px;
	height:auto;
	float:left;
	background-image:url(../img/ni_title_bkg.jpg);
	background-repeat:no-repeat;
	background-position:30px top;
}
#article {
	width:900px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
}
#left {
	width:417px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
}
#photo {
	width:417px;
	height:auto;
	float:left;
	margin:0;
	padding:10px 0 10px 0;
}
#know-it,
#fil-actu {
	width:417px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	-background-image:url(../img/ni_know-it_middle.jpg);
	-background-repeat:repeat-y;
	-background-position:top;		
}
#know-top {
	width:417px;
	height:76px;
	float:left;
	margin:0;
	padding:0;
	background-image:url(../img/ni_know-it_top.jpg);	
	background-repeat:no-repeat;
	background-position:top;
}
#fil-top {
	width:417px;
	height:76px;
	float:left;
	margin:0;
	padding:0;
	background-image:url(../img/ni_fil-actu_top.jpg);	
	background-repeat:no-repeat;
	background-position:top;
}
#know-middle,
#fil-middle {
	width:417px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	background-image:url(../img/ni_know-it_middle.jpg);
	background-repeat:repeat-y;
	background-position:top;	
}
#know-inside,
#fil-inside {
	width:auto;
	height:auto;
	float:right;
	margin:0;
	padding:0 45px 0 66px;
	border:none;
}
#know-bottom,
#fil-bottom {
	width:417px;
	height:42px;
	float:left;
	margin:0;
	padding:0;
	background-image:url(../img/ni_know-it_bottom.jpg);
	background-repeat:no-repeat;
	background-position:top;	
}
#right {
	width:442px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
}
#texte {
	width:400px;
	height:auto;
	float:left;
	margin:0;
	padding:0 0 24px 0;
}
#button {
	width:400px;
	height:103px;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}
#button2 {
	width:417px;
	height:115px;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}
#img_in_txt {
	width:400px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}
/*------ Bottom // barre de séparation + menu bas + border bottom + footer ------*/
#bottom {
	width: 900px;
	height: 141px;
	text-align: left;
	float:left;
	padding:0;
	margin:0;
}
#curve {
	width: 900px;
	height: 55px;
	text-align: left;
	float:left;
	padding:0;
	margin:0;
}
#bottom-menu {
	width: 900px;
	height: 56px;
	text-align: left;
	float:left;
	padding:0;
	margin:0;
}
#bottom-border {
	width:900px;
	height:30px;
	float:left;
	padding:0;
	margin:0;
}
/* Footer */
#footer {
	width:900px;
	height:auto;
	float:left;
	margin:0;
	padding:0 0 25px 0;
	text-align:center;
	color:#c2a6b0;
}
#footer a {
	color:#c2a6b0;
	text-decoration:none;
	font-weight:bold;
	padding:0;
	margin:0;
}
#footer a:link {
	color:#c2a6b0;
	text-decoration:none;
	font-weight:bold;
	padding:0;
	margin:0;
}
#footer a:hover {
	color:#e85511;
	text-decoration:none;
	font-weight:bold;	
	padding:0;
	margin:0;
}
#footer a:visited {
	color:#c2a6b0;
	text-decoration:underline;
	font-weight:bold;
	padding:0;
	margin:0;
}
#footer a:active {
	color:#c2a6b0;
	text-decoration:none;
	font-weight:bold;		
	padding:0;
	margin:0;
}
/*------ Formulaire // Formulaire de contact + thanks ------*/
#spec_formulaire {
	width:410px;
	height:auto;
	float:left;
	margin:0;
	padding:0 0 24px 0;
	overflow: hidden;
}
#form {
	width: 410px;
	height: 740px;
	float: left;		
	margin: 0;
	padding: 0;	
}
#form 
.h_green, 
a,
a:hover {
	text-decoration:none;
	font-weight:bold;		
}
.cale_form {
	width:410px;
	height:15px;
	float:left;
}
.cale_form2 {
	width:410px;
	height:27px;
	float:left;
}
.cell_00 {
	width:400px;
	float: left;
	margin:0;
	padding: 0 ;
	text-align: left;
}
.champaremplir {
	margin: 0 ;
	padding: 0;
	text-align: left;
}
.champaremplir2 {
	width:400px;
	float: left;
	padding: 0 ;
	margin: 0;
}
.champaremplir3 {
	width:230px;
	float: left;
	padding: 0 ;
	margin: 0;
	text-align:right;
}
.textesimple {
	margin: 0;
	padding: 0;
	text-align: left;
}
#message {
	width:400px;
	-width: auto;
}
/* *************************************** */
/* -------- Grafique Design - 2009 ------- */
/* -------- www.grafiquedesign.com ------- */
/* ------------------ END ---------------- */
/* *************************************** */