body {
	margin: 0;
	padding: 0;
	/*background-color: #530f19;*/
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 80%;
}

#container {
	width: 800px;
	margin: 16px auto;
	background-color: #fff;
	position: relative;
	border: 1px solid #fff;
}

/* **************************************************
                     STRUCTURE
***************************************************** */
#content {
	padding-bottom: 40px;
}

#mainContent {
	width: 456px;
	float: left;
	margin: 10px 10px 0 10px;
}

#leftContent {
	width: 159px;
	float: left;
	height: auto !important;
	height: 300px;
	min-height: 300px;
}

#rightContent {
	width: 145px;
	float: right;
	margin: 0 10px 0 0;
}

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


/* **************************************************
                       HEADER
***************************************************** */

#header  {
	height: 150px;
	background: url(../images/layout/bkgHeader--o.jpg) no-repeat left top;	
}

#header img {
	position: relative;
	top: 16px;
}

#header ul#menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 100px;
	left: 220px;
}

#header ul#menu li {
	display: inline;
}

/* **************************************************
                    MENU LANGUE
***************************************************** */
#header ul#menulang {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 120px;
	right: 10px;
}

#header ul#menulang li {
	display: inline;
	padding: 0 2px;
	font-size: 85%;
}

#header ul#menulang li a:link, #header ul#menulang li a:visited, #header ul#menulang li a:hover, #header ul#menulang li a:active {
	color: #000;
	text-decoration: none;
}

#header ul#menulang li.act a:link, #header ul#menulang li.act a:visited, #header ul#menulang li.act a:hover, #header ul#menulang li.act a:active {
	font-weight: bold;
}


/* **************************************************
                    SOUS MENU
***************************************************** */

#leftContent ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
}


#leftContent ul li.title_menuniv1, #leftContent ul li.title_menuniv2 {
	font-weight: bold;
	padding: 2px 0 2px 15px;
	background: url(../images/layout/puce--o.gif) no-repeat 0px 6px;
}


/* **************************************************
                    BREADCRUMPS
***************************************************** */
ul#breadcrumps {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	left: 168px;
	top: 12px;
}

ul#breadcrumps li {
	display: inline;
	padding: 0 2px;
}




/* **************************************************
                   MENU ALTERNATIF
***************************************************** */
ul#menuAlt {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 120px;
	left: 595px;
}

ul#menuAlt li {
	display: inline;
	padding: 0 2px;
	font-size: 85%;
}

ul#menuAlt a:link, ul#menuAlt a:visited, ul#menuAlt a:hover, ul#menuAlt a:active {
	color: #000;
	text-decoration: none;
}

ul#menuAlt li.act a:link, ul#menuAlt li.act a:visited, ul#menuAlt li.act a:hover, ul#menuAlt li.act a:active {
	font-weight: bold;
}


/* **************************************************
                    FOOTER
***************************************************** */
#footer {
	height: 30px;
	background: url(../images/layout/bkgFooter--o.jpg) no-repeat left top;
	position: relative;
}

#footer p {
	line-height: 30px;
	height: 30px;
	color: #fff;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 95%;
}


/* **************************************************
             MENU FOOTER (Imprimer et haut de page)
***************************************************** */
#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: -30px;
	right: 180px;
}

#footer ul li {
	display: inline;
	padding: 0 7px 0 0;
	font-size: 95%;
}

#footer ul li.lienHaut {
	padding: 0 0 0 15px;
}

/* **************************************************
                    STYLE GENERAUX
***************************************************** */
h1 {
	margin: 10px 0;
	padding: 0 0 2px 0;
	font-size: 130%;
}


h2 {
	margin: 10px 0;
	padding: 0;
	font-size: 110%;
}

p {
	margin: 10px 0;
	padding: 0;
	text-align: justify;
}

#content div.csc-textpic-border dl dt img {
	border: 1px solid #bfbfbf;
}

#content dd.csc-textpic-caption {
	font-size: 80%;
}

#galerie dd.csc-textpic-caption {
	display: none;
}

#galerie dl.csc-textpic-image {
	padding-bottom: 10px;
}


/* **************************************************
                    CONTENU DROITE
***************************************************** */
#rightContent h2 {
	margin: 0;
	padding: 0 0 0 13px;
	background: url(../images/layout/puceh2--o.gif) no-repeat left 50%;
	font-size: 120%;
}

#rightContent p {
	text-align: left;
	font-size: 85%;
} 



/* **************************************************
                    CONTACTS
***************************************************** */

#contacts #leftContent ul {
	border-top: 1px solid #b5606d;
}

#contacts #leftContent ul li {
	border-bottom: 1px solid #b5606d;
}

#contacts #leftContent ul li a:link, #contacts #leftContent ul li a:visited {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 1px;
}

#contacts #leftContent ul li a:hover, #contacts #leftContent ul li a:active, #contacts #leftContent ul li.act a:link, #contacts #leftContent ul li.act a:visited, #contacts #leftContent ul li.act a:hover, #contacts #leftContent ul li.act a:active {
	background-color: #d5a4ab;
}

#contacts ul#breadcrumps li, #contacts ul#breadcrumps li a:link, #contacts ul#breadcrumps li a:visited, #contacts ul#breadcrumps li a:hover, #contacts ul#breadcrumps li a:active {
	color: #951c2e;
	text-decoration: none;
	font-weight: bold;
}

#contacts .csc-frame-frame1 {
	padding: 10px;
	border: 1px solid #951c2e;
	width: 125px;	
}

#contacts #footer ul li a:link, #contacts #footer ul li a:visited, #contacts #footer ul li a:hover, #contacts #footer ul li a:active, #contacts #footer ul li {
	color: #951c2e;
}

#contacts #footer ul li.lienHaut {
	background: url(../images/layout/puceTop_contacts--o.gif) no-repeat left 50%;
}

#contacts h1 {
	border-bottom: 1px solid #951c2e;
}

#contacts a:link, #contacts a:visited, #contacts a:hover, #contacts a:active {
	color: #951c2e;
}

/* **************************************************
                    PRODUCTIONS
***************************************************** */
#productions #leftContent ul {
	border-top: 1px solid #ffe780;
}

#productions #leftContent ul li {
	border-bottom: 1px solid #ffe780;
}


#productions #leftContent ul li a:link, #productions #leftContent ul li a:visited {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 1px;
}

#productions #leftContent ul li a:hover, #productions #leftContent ul li a:active, #productions #leftContent ul li.act a:link, #productions #leftContent ul li.act a:visited, #productions #leftContent ul li.act a:hover, #productions #leftContent ul li.act a:active {
	background-color: #ffec99;
}

#productions #leftContent ul li.title_menuniv1 {
	display: none;
}

#productions #leftContent ul li.title_menuniv2 a:hover, #productions #leftContent ul li.title_menuniv2 a:active {
	background: none;
}

#productions ul#breadcrumps li, #productions ul#breadcrumps li a:link, #productions ul#breadcrumps li a:visited, #productions ul#breadcrumps li a:hover, #productions ul#breadcrumps li a:active {
	color: #ffcf00;
	text-decoration: none;
	font-weight: bold;
}

#productions .csc-frame-frame1 {
	padding: 10px;
	border: 1px solid #ffcf00;
	width: 125px;
}

#productions #footer ul li a:link, #productions #footer ul li a:visited, #productions #footer ul li a:hover, #productions #footer ul li a:active, #productions #footer ul li {
	color: #ffcf00;
}

#productions #footer ul li.lienHaut {
	background: url(../images/layout/puceTop_productions--o.gif) no-repeat left 50%;
}

#productions h1 {
	border-bottom: 1px solid #ffcf00;
}

#productions a:link, #productions a:visited, #productions a:hover, #productions a:active {
	color: #ffcf00;
}


/* **************************************************
                    GALERIE
***************************************************** */
#galerie #leftContent ul {
	border-top: 1px solid #ffa685;
}

#galerie #leftContent ul li {
	border-bottom: 1px solid #ff946d;
}

#galerie #leftContent ul li a:link, #galerie #leftContent ul li a:visited {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 1px;
}

#galerie #leftContent ul li a:hover, #galerie #leftContent ul li a:active, #galerie #leftContent ul li.act a:link, #galerie #leftContent ul li.act a:visited, #galerie #leftContent ul li.act a:hover, #galerie #leftContent ul li.act a:active {
	background-color: #ffb79d;
}

#galerie ul#breadcrumps li, #galerie ul#breadcrumps li a:link, #galerie ul#breadcrumps li a:visited, #galerie ul#breadcrumps li a:hover, #galerie ul#breadcrumps li a:active {
	color: #ff4c0b;
	text-decoration: none;
	font-weight: bold;
}

#galerie .csc-frame-frame1 {
	padding: 10px;
	border: 1px solid #ff4c0b;
	width: 125px;	
}

#galerie #footer ul li a:link, #galerie #footer ul li a:visited, #galerie #footer ul li a:hover, #galerie #footer ul li a:active, #galerie #footer ul li {
	color: #ff4c0b;
}

#galerie #footer ul li.lienHaut {
	background: url(../images/layout/puceTop_galerie--o.gif) no-repeat left 50%;
}

#galerie h1 {
	border-bottom: 1px solid #ff4c0b;
}

#galerie a:link, #galerie a:visited, #galerie a:hover, #galerie a:active {
	color: #ff4c0b;
}