/* Thomas ANTIER for Nina DIPLA November 2008*/

/* GENERAL */

* {
	margin: 0;
	padding: 0;	
	font-family: verdana, Arial, Helvetica, sans-serif;
}

body {
	text-align:center;
	background: #fff;
	/*background-image: url(../images/Bg/Bg.jpg);
	background-repeat: repeat-x; */
	font-size: 11px
}

li{
	list-style: none
}

img{
	border: 0;
}

/* MACRO STRUCTURE */

#Container {
	margin: 0 auto;
	width: 994px;
	background-image: url(../images/Bg/BgMain.png);
	background-repeat: repeat-y;
}

#ContainerContent {
	float: left;
	overflow: hidden;
	width: 984px;
	padding: 0 0 0 5px;
}

#ShadowBottom {
	clear: both;
	width: 994px;
	height: 7px;
	background-image: url(../images/Bg/ShadowBottom.gif);
	background-repeat: no-repeat;
}

#Footer {
	clear: both;
	width: 100%;
	color:#a1a1a1
}

/* CONTENT MACRO STRUCTURE */

h1 {
	color: #751d1e;
	font-family: Helvetica, sans-serif;
	text-align:left;
	font-size: 	20px;
	padding: 25px 0 20px 30px;
}

h2 {
	color: #751d1e;
	text-align:left;
	font-size: 16px;
	padding: 0px 0 5px 30px;
}

h3 {
	color: #751d1e;
	text-align:left;
	font-size: 14px;
	padding: 24px 0 10px 30px;
}

h4 {
	font-size: 12px;
	font-weight:bold;
	text-transform: uppercase;
	padding: 0px 0 10px 30px;
}

h5 {
	text-align:left;
	font-size: 11px;
	font-weight:bold;
}

.clear{
	clear:both;
	height:1px;
	line-height:0;
	font-size:1px;
}

#Header {
	overflow: hidden;
	width: 984px;
	height: 54px;
	text-align: left;
	background-image: url(../images/FrFr/Header/NinaDiplaHeader.jpg);
	background-repeat: no-repeat;
}

#HomeBG {
	overflow: hidden;
	width: 984px;
	height: 457px;
	background-image: url(../images/FrFr/HomeBg/NinaDiplaHP-02.jpg);
	background-repeat: no-repeat;
}

#HomePush {
	width: 284px;
	padding: 0px 30px 0px 670px;
}

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

#HomePush a:hover{  
	color:#751d1e;
	text-decoration:underline;
}

#HomeBG h2 {
	color: #fff;
	text-align: left;
	font-size: 12px;
	padding: 3px 0 5px 5px;
}

#HomeBG p {
	padding: 0 0px 2px 0px;
	text-align:justify;
}


#HomeBG li {
	list-style-image: url(../images/puces/pucesBG.gif);
	list-style-position: inside;
	padding: 0 0 2px 0;
	text-align:justify;
}

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

#HomeBG li a:hover{  
	color:#751d1e;
	text-decoration:underline;
}

#HomeBGListe2 {
	list-style-image: url(../images/puces/pucesBG2.gif);
}

#HomeBGBtnExtrait {
	float: left;
	width: 121px;
	padding: 0px 0px 0px 50px;
}

#Contact li{
	list-style-image: url(../images/Puces/PuceContact.jpg);
}

.PushActu {
	overflow: hidden;
	width: 984px;
	text-align:left;
	background:#eee;
	padding: 20px 20px;
}

.PushActu1 {
	float : left;
	width: 452px;
}

.PushActu2 {
	float : left;
	width: 452px;;
}

.PushActuTof {
	float : left;
	width: 150px;
}

.PushActuDate {
	float : left;
	width: 300px;
}

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

.PushActuDate a:hover {
	text-decoration:underline;
	color:#000;
}

.PushActuDate h4{
	color:#000;
	font-size:11px;
	padding: 0 0 15px 10px;
}

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

.PushActuDate li{
	padding: 0 20px 15px 10px;
}

#PushBottom {
	overflow: hidden;
	width: 984px;
	text-align:left;
	background-image: url(../images/Bg/BgPush.jpg);
	background-repeat: repeat-x;
	padding: 8px 0 0 0;
}

#PushBottom li{
	list-style-image: url(../images/Puces/PucePush.jpg);
	padding: 5px 0 0 0;
}

#PushBottomLeft {
	float : left;
	width: 450px;
	padding: 0 10px 20px 30px;
	text-align: justify;
}

#PushBottomRight {
	float : right;
	width: 450px;
	padding: 0 10px 0 30px;
	text-align: justify;
}

#Parcours{
	background-color: #751d1e;
}

#Actualite{
	background-color: #92486e;
}

#Actualite li{
	list-style-image: url(../images/Puces/PuceActu.jpg);
}

#Contact{
	background-color: #432465;
}

/* PROJETS */ 

#ProjetsBG {
	overflow: hidden;
	width: 100%;
	text-align: left;
}

#ProjetsBG p {
	padding: 5px 30px 5px 30px;
}

#ProjetsIllus {
	padding: 10px 0 0 125px;
}

#ProjetsBG li {
	list-style-image: url(../images/puces/pucesBG.gif);
	list-style-position: inside;
	padding: 0 0 2px 30px;
	text-align:justify;
}

#ProjetsBG li a { 
	color:#751d1e;
	text-decoration: none;
}

#ProjetsBG li a:hover{  
	color:#751d1e;
	text-decoration:underline;
}

/* BIOGRAPHIE */

#BiographieBGHeader {
	overflow: hidden;
	width: 100%;
	background-color: #fff;
}

#BiographieBG {
	overflow: hidden;
	width: 100%;
	text-align: justify;
	line-height: 18px;
	Color: #fff;
	background-color: #000;
	background-image: url(../images/Bg/BgBiographie.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#BiographieBG p {
	padding: 10px 354px 0px 30px;
}

#BiographieBG li{
	list-style-image: url(../images/Puces/PucePush.jpg);
	margin: 0 0 0 50px;
}

/* EXPERIENCE */ 

#ExperiencesBG {
	overflow: hidden;
	width: 100%;
	text-align: justify;
	line-height: 16px;
	Color: #fff;
	background-color: #000;
	background-image: url(../images/Bg/BgExperiences.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#ExperiencesBG h4 {
	padding: 10px 354px 5px 30px;
}

#ExperiencesBG p {
	padding: 0 354px 0 30px;
}

#ExperiencesBG li{
	list-style-image: url(../images/Puces/PuceCV.jpg);
	list-style-position: inside;
	padding: 0 0 0 30px;
}

#ExperiencesBG a { 
	color:#fff;
	text-decoration: none;
}

#ExperiencesBG a:hover{  
	color:#751d1e;
	text-decoration:underline;
}

#ExperiencesBG2 {
	overflow: hidden;
	width: 100%;
	text-align: justify;
	line-height: 16px;
	Color: #fff;
	background-color: #000;
	background-image: url(../images/Bg/BgExperiences02.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#ExperiencesBG2 h4 {
	padding: 10px 354px 5px 30px;
}

#ExperiencesBG2 p {
	padding: 0 354px 0 30px;
}

#ExperiencesBG2 li{
	list-style-image: url(../images/Puces/PuceCV.jpg);
	list-style-position: inside;
	padding: 0 0 0 30px;
}

#ExperiencesBG2 a { 
	color:#fff;
	text-decoration: none;
}

#ExperiencesBG2 a:hover{  
	color:#751d1e;
	text-decoration:underline;
}

/* CREATIONS*/ 

#CreationsBG {
	overflow: hidden;
	width: 100%;
	text-align: justify;
	line-height: 16px;
	Color: #fff;
	background-color: #000;
	background-image: url(../images/Bg/BgCreations.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#CreationsBG h4 {
	padding: 10px 354px 5px 30px;
}

#CreationsBG p {
	padding: 10px 354px 0 30px;
}

#CreationsBG li{
	list-style-image: url(../images/Puces/PuceCV.jpg);
	list-style-position: inside;
	padding: 0 0 0 30px;
}

#CreationsBG a { 
	color:#fff;
	text-decoration: none;
}

#CreationsBG a:hover{  
	color:#751d1e;
	text-decoration:underline;
}

#CreationsBG2 {
	overflow: hidden;
	width: 100%;
	text-align: justify;
	line-height: 16px;
	Color: #fff;
	background-color: #000;
	background-image: url(../images/Bg/BgCreations02.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#CreationsBG2 h4 {
	padding: 10px 354px 5px 30px;
}

#CreationsBG2 p {
	padding: 10px 354px 0 30px;
}

#CreationsBG2 li{
	list-style-image: url(../images/Puces/PuceCV.jpg);
	list-style-position: inside;
	padding: 0 0 0 30px;
}

#CreationsBG2 a { 
	color:#fff;
	text-decoration: none;
}

#CreationsBG2 a:hover{  
	color:#751d1e;
	text-decoration:underline;
}

/* TOOLS */

#ToolTitle {
	float: left;
	width: 500px;
	text-align: left;
}


#Tools {
	float: right;
	width: 300px;
	text-align: right;
	padding: 0 15px 0 0;
}

#Tools a { 
	font-size: 10px;
	color:#6d393a;
	text-decoration: none;
}

#Tools a:hover{  
	color:#751d1e;
	text-decoration:underline;
}

#PageJump {

	text-align: left;
	padding: 20px 0;

}

#PageJump a { 
	font-size: 10px;
	color:#000;
	text-decoration: none;
	background-color: #fff;
	padding: 5px 10px;
}

#PageJump a:hover{  
	color:#fff;
	text-decoration: none;
	background-color: #751d1e;
}

/* AGENDA */

#AgendaBanner {
	width: 984px;
	height: 151px;
	background-image: url(../images/Bg/BgAgenda.jpg);
	background-position:top;
	background-repeat: no-repeat;
}

#AgendaBG {
	overflow: hidden;
	width: 100%;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}

#AgendaBG p {
	padding:  0 0 20px 30px;
}

#AgendaPart1 {
	float: left;
	width: 290px;
	text-align: left;
	padding:  0 0 5px 30px;
}

#AgendaPart1 p {
	padding:  8px 0 0 0;
}

#AgendaPart1 li{
	list-style-image: url(../images/puces/pucesLiens.gif);
	list-style-position: inside;
}

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

#AgendaPart1 a:hover{  
	color:#751d1e;
	text-decoration:underline;
}

#AgendaBG hr{  
	color: #e5e5e5;
	background: #e5e5e5;
	height: 1px;
	border: 0;
}

/* GALERIE */

#GalerieBG {
	overflow: hidden;
	width: 100%;
	height: 558px;
	text-align: left;
	Color: #fff;
	background-color: #000;
}

/* VIDEO */

#VideoBG {
	overflow: hidden;
	width: 100%;
	text-align: left;
}

#VideoBG p {
	padding: 0px 0 10px 30px;
}

#VideoLink {
	font-size: 12px;
	text-align: center;
	padding: 0 0 20px 0;
}

#Video01 {
	padding: 0px 0 50px 278px;
}


/* LIENS */
 
#LiensBG {
	overflow: hidden;
	width: 100%;
	height: 457px;
	text-align: left;
	background-image: url(../images/Bg/LiensBg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#LiensDiv1 {
	float: left;
	width: 300px;
}

#LiensDiv2 {
	float: left;
	width: 300px;
}

#LiensBG li {
	color: #643435;
	list-style-image: url(../images/puces/pucesLiens.gif);
	list-style-position: inside;
	padding: 0px 0 10px 30px;
}

#LiensBG li a { 
	color:#000;
	font-size: 10px;
	text-decoration:none;
}

#LiensBG li a:hover{  
	color:#000;
	text-decoration:underline;
}

/* CREDITS */
 
#CreditsBG {
	overflow: hidden;
	width: 100%;
	height: 457px;
	text-align: justify;
	background-image: url(../images/Bg/MentionsBG.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#CreditsBG p {
	padding: 10px 420px 5px 30px;
	font-size: 12px;
	font-weight:bold;
}

#CreditsBG li {
	color: #000;
	list-style-image: url(../images/puces/pucesLiens.gif);
	list-style-position: inside;
	padding: 0 0 0 30px;
}

#CreditsBG li a { 
	color:#643435;
	text-decoration:none;
}

#CreditsBG li a:hover{  
	color:#643435;
	text-decoration:underline;
}

#CreditsBG p a { 
	color:#643435;
	font-size: 11px;
	text-decoration:none;
}

#CreditsBG p a:hover{  
	color:#643435;
	text-decoration:underline;
}

/* MENTIONS */

#MentionsBG {
	overflow: hidden;
	width: 100%;
	height: 457px;
	text-align: justify;
	background-image: url(../images/Bg/MentionsBG.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#MentionsBG p {
	padding: 0 420px 10px 30px;
}

/* NAVBAR FIRST LEVEL */

#Navbar {
	float: left;
	overflow: hidden;
	width: 100%;
	background-color: #000;
	color: White;
}

#Navbar li {
	display: inline;
}

#Navbar li a { 
	padding: 2px 5px 3px 5px;
	float: left;
	text-align: center;
	text-decoration: none; 
	color:#fff;
	width: 80px;
}

#Navbar li a:hover{  
	color:#fff;
	background-color: #565656;
}

#Navbar li a#current {
	color:#000;
	background-color: #fff;
}

/* NAVBAR SECOND LEVEL*/

#NavbarSL {
	float: left;
	width: 100%;
	padding: 10px 0 0px 25px;
}

#NavbarSL li {
	display: inline;
}

#NavbarSL li a { 
	padding: 2px 5px 3px 5px;
	float: left;
	text-align: center;
	text-decoration: none; 
	color:#808080;
}

#NavbarSL li a:hover{  
	color:#808080;
	text-decoration: underline;
}

#NavbarSL li a#current {
	color:#000;
}

/* NAVBAR PUSH BOTTOM */

#PushBottom li a { 
	text-decoration: none; 
	color:#757575;
}

#PushBottom li a:hover{  
	text-decoration: underline; 
}

/* NAVBAR FOOTER */

#NavbarFooter { 
	padding: 10px 0;
}

#NavbarFooter a { 
	text-decoration: none; 
	color:#a1a1a1;
}

#NavbarFooter a:hover{  
	text-decoration: underline; 
	color: #844b4c;
}

#NavbarFooter a#current {
	color:#844b4c;
	text-decoration: underline;
}

/* ASTUCE */

#AstuceBlack {
	background: #000
}