/**
 *		css/screen
 *		------------------------------------------------------------------------
 *		Last Modif.: 2007-02-10
 *		------------------------------------------------------------------------
 *		(c) Copyright 2007 Mathias Standaert / Sweetspot SARL. 
 *		All rights reserved.
 *		------------------------------------------------------------------------  
 */

/*@import "layout.css";*/
/*
YAHOO RESET
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
/*********************************************************/
/******************* FONT RESET **************************/
/*********************************************************/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}


body {
	font-family: arial, verdana, sans-serif;
	font-size: 78%;
	line-height: 1.2em;
	position:absolute;
	left:50%;
	width:800px;
	background-color:#aaaaaa;
	border: solid 1px #999999;
	margin: 10px 0px 0px -400px;
}
h1 {font-size: 102%;}
h2 {font-size: 102%;}
h3 {font-size: 100%;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

p, a, ul, ol, li, dl, dt, dd, address, blockquote, ins, del, pre, code, th, td, caption {font-size: 1em;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}
strong em, em strong {
	font-weight: bold;
	font-style: italic;
}

img {border: 0 none;}

.hidden {display: none;}
.floatsep{
	width:100%;
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
	height:0;
}
.clear {
	clear:both;
	visibility:hidden;
}
/*Balise generiques*/
* {
padding:0px;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a {
color: white;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color:#FF6600;
}
/* conteneur generale */
#container {
background: url(../img/theme/fond_de_page.png) no-repeat ;
width: 800px;
}
#header img {
	margin: 20px 0px 10px 20px;
}
#header h1 {
	margin: 10px 0px 10px 20px;
	line-height: 22px;
}
#txtIntro {
	float: right;
	font-size: 11px;
	width: 450px;
	margin: 20px 35px 25px 0px;
	border: solid 1px #999999;
}
#txtIntro .lettrine {
	color:#DE843B;
	font-size: 220%;
	font-weight: bold;
	margin-right: 2px;
	margin-bottom: -2px;
	line-height: 24px;
}
#txtIntro p {
	margin: 3px 10px 10px 10px;
	line-height: 15px;
}
#menuLeft {
	float: left;
	width: 200px;
	/*margin-left: -790px;*/
	margin-right: 10px;
}
#breadcrumb {
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 0.8em;
	width: 100%;
}
#mainPart {
	float: right;
	width: 560px;
	/*margin-left:230px;*/
	margin-right: 10px;
}
#mainPart p img {
	margin: 5px;
}

#menuLeft h3 {
	background-color: #999999;
	text-align: center;
	color: white;
	line-height:22px;
}
#menuLeft dl, #menuLeft ul {
	margin: 10px 10px 15px 10px;
	border: solid 1px #999999;
}
#menuLeft dt {
	margin-left: 10px;
}
#menuLeft li {
	padding-left: 10px;
	margin-top: 5px;
}

#menuLeft form {
color: white;
border: solid 1px #999999;
margin: 10px;
padding: 0px 0px 3px 3px;
}
#menuLeft form p {
	border: none;
}
#menuLeft input {
background-color: transparent;
border: solid 1px white;
line-height: 15px;
font-size: 12px;
margin: 5px;
}
#footer {
	border-top: solid 1px #999999;
	color: #666666;
	text-align: center;
	line-height:10px;
	padding: 5px 0px;
	margin-bottom: 5px;
	font-size: 0.8em;
}
.date {
	font-size: 0.8em;
	color: white;
	display: block;
	text-align: right;
	width: 540px;
}
.signature {
	display: block;
	text-align: right;
	font-size: 0.8em;
	width:540px;
}
.vignette {
width: 150px;
height: 100px;
border: solid 1px #999999;
text-align:center;
padding: 5px;
margin: 0px 5px;
margin-bottom: 10px;
float: left;
overflow: hidden;
}
#listeVideo dt {
	font-weight: bold;
}
#listeVideo dd {
	margin-left: 15px;
}
#playerVideo {
padding-top:15px;
text-align: left;
}
#mainPart p.corp a img {
margin: 10px;
}
#mainPart p {
	width: 440px;
	text-align: justify;
}
#artPhoto {
	margin-top: 25px;
	overflow: hidden;
}
.titreCat {
	margin-top: 20px;
	font-size: 15px;
}
.adminMenu dt {
	font-weight: bold;
	text-transform: uppercase;
}
form p {
	margin-bottom: 10px;
	border: dotted 1px #666666;
}
form select {
	width: 510px;
}
.corp img {
	margin:0px 10px;
}
/*#artPhoto img {
	width: 560px;
	height: 420px;
*/