body {
	background:#fff0d9;

	scrollbar-face-color: #fcae04;
	scrollbar-darkshadow-color: #000000;
	scrollbar-shadow-color: #a87f24;
	scrollbar-highlight-color: #fef8eb;
	scrollbar-3dlight-color: #34373C;
	scrollbar-track-color: #dadada;
	scrollbar-arrow-color: #a87f24;

}

body, table, tr, td {
	margin: 0px;
	padding: 0px;
	color:#CCCCCC;
	font-family: Verdana, sans-serif ;
	font-size: 10pt;

}

table, tr, td {
	border-collapse:collapse;

}

a:link, a:visited {
	color: #999999; 
	text-decoration:none;
}
a:active, a:hover {
	color: #FF9900;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}



/* MAIN CONTAINER */


.interf-mainContainer, .table-interf-mainContainer {
	padding:0px;
	vertical-align:top;
}

.table-interf-mainContainer {
	width:279px;
}



/* BOARD */


#banniere {
	background:url('') left no-repeat;
	height:34px;
	width:913px;
	text-align:center;
	font-size:10px;
}

#board-art {
	background-color:#232323;
	height:433px;
	width:576px;
	font-size:10px;
	overflow:auto;
	text-align:center;
}

#board-accueil {
	background:#232323;
	height:433px;
	width:259px;
	font-size:10px;
	overflow:auto;
}

#board-top {
	background:url('board_top.jpg');
	height:21px;
	width:917px;
	text-align:left;
	font-size:10px;
}

#board-bottom {
	background:url('board_bottom.jpg') left no-repeat;
	height:18px;
	width:917px;
	text-align:left;
	font-size:10px;
}

#board-left {
	background:url('board_left.jpg');
	height:433px;
	width:32px;
	text-align:left;
	font-size:10px;
}

#board-right {
	background:url('board_right.jpg');
	height:433px;
	width:26px;
	text-align:right;
	font-size:10px;
}

#screen {
	background:url('ecran_420x315.jpg') no-repeat;
	height:360px;
	width:450px;

}

#screen169 {
	background:url('ecran_544x306.jpg') no-repeat;
	height:350px;
	width:574px;

}



/* SCROLL MENU */


#scrollart {
	width:283px;
	height:432px;
	text-align:left;
}

#scrollart #scrollart-corps {
	/*border:1px solid #FF9900;*/
	height:433px;
	width:100%;
	overflow:auto;
	background:url('scrollmenu.jpg');
}

#scrollinfo {
	width:859px;
	height:432px;
	text-align:left;
}

#scrollinfo #scrollinfo-corps {
	/*border:1px solid #FF9900;*/
	height:433px;
	width:100%;
	overflow:auto;
	background:url('scrollmenu_cv.jpg');
}

#scrollaccueil {
	width:600px;
	height:432px;
	text-align:left;

}

#scrollaccueil #scrollaccueil-corps {
	/*border:1px solid #FF9900;*/
	height:433px;
	width:100%;
	overflow:auto;
	background:url('scrollmenu_accueil.jpg');

}

.vignette-animation {
	background:url('vignette.jpg') left no-repeat;
	height:82px;
	width:260px;
	text-align:left;
	font-size:10px;
	margin-left:4px;
}

.vignette-accueil {
	background-color:#695926;
	border:1px solid #000000;
	width:575px;
	margin-left:4px;
	text-align:left;
	font-size:10px;
	vertical-align:top;
}

.vignette-cv {
	background-color:#695926;
	border:1px solid #000000;
	width:834px;
	margin-left:4px;
	text-align:left;
	font-size:10px;

}

#vignette-icon {
	height:82px;
	width:82px;
	text-align:center;
	margin-left:4px;
	margin-top:8px;
	font-size:10px;
}

#vignette-image {
	text-align:left;
	margin-left:6px;
	margin-top:6px;
	vertical-align:middle;
	font-size:10px;
}

#vignette-info {
	height:82px;
	width:173px;
	align:left;
	vertical-align:middle;
	margin-top:8px;
	font-size:12px;
}

#vignette-news {
	width:475;
	text-align:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
	font-size:12px;
	vertical-align:top;
}

#vignette-cvinfo {
	width:740;
	text-align:left;
	vertical-align:middle;
	margin-top:8px;
	font-size:12px;
}

#vignette-animinfo {
	width:440px;
	height:75px;
	/*margin-top:-4px;*/
	margin-left:4px;

}

#vignette-animinfo169 {
	width:544px;
	height:75px;
	/*margin-top:-4px;*/
	margin-left:4px;

}

#vignette-gallerie {
	width:440px;
	height:75px;
	margin-top:0px;
	margin-left:7px;
	margin-bottom:10px;

}







/**************************************************************
* STYLE CSS
***************************************************************/

a img {
	border:0px;
}

div.centered {
	text-align: center;
}

div.centered table {
	margin: 0 auto;
	text-align: left;
	border-width : 0px;
}

span.titreNews {
	color:#FF9900;
	font-weight:bold;
	font-size:10pt;
}

span.sousTitreNews {
	color:#FFFFFF;
	font-weight:bold;
	font-size:10pt;
}

span.auteurNewsArt {
	color:#FFFFFF;
	font-weight:bold;
	font-size:10pt;
}

span.titreNewsArt {
	color:#FF9900;
	font-weight:normal;
	font-size:10pt;
}

div.dateNews {
	width:220px;
	height:20px;
	background:url('/images/interface/barre_date.gif') top left no-repeat;
	padding-left:10px;
	padding-top:2px;
	margin-top:0px;
	margin-left:4px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:7.5pt;
}

p.texteNews3ds {
	margin-top:0px;
	font-size:7.5pt;
}

p.uneNews {
	margin-top:0px;
	margin-left:12px;
}

.table-main {
	border-collapse: collapse;
}

.table-main td {
	border:solid #000000 1px;
	padding : 5px;
}

.table-main a:link {
	font-weight : bold;
	font-size : 9pt;
}

.table-main a:visited {
	font-weight : bold;
	font-size : 9pt;
}

.table-color1 {
	background-color : #3B3D40;
	text-align : center;
	height : 23px;
}

.table-color1-left {
	background-color : #3B3D40;
	text-align : left;
	vertical-align : top;
	height : 23px;
}

.table-color2 {
	background-color : #2f2f2f;
	text-align : center;
	height : 23px;
}

.table-color2-left {
	background-color : #2f2f2f;
	text-align : left;
	vertical-align : top;
	height : 23px;
}

.table-color3 {
	background-color : #494B4F;
	text-align : center;
	height : 23px;
}

.table-color3-left {
	background-color : #494B4F;
	text-align : left;
	vertical-align : top;
	height : 23px;
}

.table-color3-titre {
	background-color : #494B4F;
	text-align : center;
	vertical-align : middle;
	height : 23px;
	color : #FF9900;
	font-weight : bold;
}

.table-titre, .table-titre-left {
	color : #000000;
	font-weight : bold;
	background-color : #FF9900;
	text-align : center;
	height : 23px;
}

.table-titre-left {
	text-align : left;
}

.table-titre a:link, .table-titre-left a:link, .table-titre a:visited, .table-titre-left a:visited {
	color: #000000;
	font-size:10pt;
}

.table-titre a:hover, .table-titre-left a:hover {
	color: #FFFFFF;
	font-size:10pt;
}

.table-titre2, .table-titre2-left, .table-titre2-right {
	color : #999999;
	font-weight : bold;
	background-color : #4b4f56;
	text-align : center;
	height : 23px;
}

.table-titre2-left {
	text-align : left;
}

.table-titre2-right {
	text-align : right;
}

.message-erreur, .important {
	color:#FF9900;
	font-weight:bold;;
}

input, select, textarea {
	background-color : #CCCCCC;
	border-color : #CCCCCC;
}

input.check {
	background-color : transparent;
}

input.bouton {
	color: #442200;
	background-color: #FF9900;
	border-color : #FF9900 ;
}

/*
* Articles, Reviews, Interviews et Tutoriaux.
*/

#headerArticle, #footerArticle {
	width:100%;
	border:1px solid black;
	background:#5B5D60;
	margin-bottom : 10px;
	height:72px;
}

#headerArticle img {
	border:1px solid black;
}

#headerArticle h1 {
	font-size:18pt;
	margin:0px;
	padding:0px;
}

#headerArticle td, #footerArticle td {
	padding:4px;
	vertical-align:middle;
	text-indent:0px;
	margin:0px;
}

ul {
	margin:0px 0px 0px 15px;
}

.menuArticle {
	color : white;
}

.menuArticle img {
	margin-right:4px;
}

.menuArticle a.titre {
 	font-weight:bold;
	font-size:10pt;
}

.menuArticle ul {
	margin-left:0px;
	padding-left:0px;
}

.menuArticle li {
	text-align:left;
 	list-style-image: url('/images/interface/space01-s.gif');
 	margin : 0px 0px 15px -8px;
 	display: list-item;
 	list-style: inside;
 	
}

/*
* Pages
*/

#article {
	text-align:justify;
}

#article p, #article p.bordure {
	width:100%;
	text-align:justify;
	margin:0px 0px 0px 0px;
	
	clear:both;
}

#article p.bordure {
	text-align:justify;
	border:1px solid black;
	background:#5B5D60;
	padding:4px;
	clear:both;
	float:left;
	margin-bottom:10px
}

#article .imageArticle {
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	text-decoration:italic;
}

#article img {
	border:1px solid black;
}

#article .left {
	float:left;
	margin:4px;
}

#article .right {
	float:right;
	margin:4px;
}

#article h1 {
	clear:both;
}

#article h2, #article h3, #article h4 {
	font-weight:bold;
	width:100%;
}

#article h2 {
	height:30px;
	color:#FF9900;
	font-size:12pt;
	text-align:center;
	margin:30px 0px 20px 0px;
	border:1px solid black;
	background:#5B5D60;
}

#article h3 {
	color:#FF9900;
	font-size:10pt;
	text-align:left;
	margin:10px 0px 20px 0px;
	border-bottom:1px solid black;
}

#article h4 {
	color:#DDDDDD;
	font-size:10pt;
	text-align:left;
	margin:10px 0px 20px 15px;
}

#article em {
	font-weight:bold;
	color:#E6E6E6;
}

#article ul {
	text-align:left;
	
}

#article .question {
	display:block;
	margin-bottom:15px;
	margin-top:20px;
	color:#FF9900;
}

.titreImageGalerie {
	color:#FF9900;
	font-weight:bold;
	font-size:10pt;
	text-align:center;
}

a.alwaysOn:link, a.alwaysOn:visited {
	color : #FF9900 ;
	font-weight : 600;
	text-decoration : none ;
}

a.alwaysOn:hover {
	color : #FFFFFF ;
}
