@charset "UTF-8";
/* CSS Document */


/*___________________GENERAL__________________*/

* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
}
body {
	color:#000000;
	font-family: Lucida Sans, Helvetica, Verdana, sans;
	font-size: 10px;
}
body a {
	color: #CC0000;
	text-decoration: none;
}
body a:hover {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}

bold {
	font-weight: bold;
}


/*___________________MAIN STRUCTURE__________________*/

#container {
	width:996px;
	padding-left:10px;
	padding-right:10px;
}

#basetop {
	height:110px;
	width:996;
	padding-right:10px;
}

#basebottom {
	height:30px;
	width:100%
}

#basecontent {
	height:auto;
	width:100%;
}

#languages {
	font-size: 9px;
	margin-top: 15px;
	text-align: right;
}

#languagesRed {
	color: #CC0000;
	text-decoration: none;
	font-size: 9px;
	margin-top: 15px;
	text-align: right;
}

#languagesGrey {
	color: #999999;
	text-decoration: none;
	font-size: 9px;
	margin-top: 15px;
	text-align: right;
}

#languages a {
	color:#999999;
	font-size: 9px;
	font-weight: normal;
}

#languages a:hover {
	color:#CC0000;
	font-size: 9px;
	font-weight: normal;
}

table.tablebasecontent {
	width:100%;
	height:100%;
	text-align: left;
}

td.col1 {
	width:140px;
	height:100%;
	text-align: left;
	vertical-align: top;
	padding-right: 7px;
	padding-left: 7px;
}

td.col2 {
	width:140px;
	height:100%;
	text-align: left;
	vertical-align: top;
	padding-right: 7px;
	padding-left: 7px;
}

td.col3 {
	width:230px;
	height:100%;
	text-align: left;
	vertical-align: top;
	padding-right: 7px;
	padding-left: 7px;
}

td.col4 {
	width:430px;
	height:100%;
	text-align: left;
	vertical-align: top;
	padding-right: 7px;
	padding-left: 7px;
}


/*___________________COLONNE 1__________________*/

#col1 {
	height:auto;
	width:100%;
	padding-top:5px;
}


/*___________________COLONNE 2__________________*/

#col2 {
	height:auto;
	width:100%;
	background-image: url(../medias/general/motif_point.gif);
	background-repeat: repeat;
}

#col2header {
	padding-top:5px;
	padding-bottom:10px;
	padding-left:7px;
	padding-right:7px;
	color:#000000;
	font-size: 11px;
	font-weight: bold;
}

#col2menu {
	padding-top:5px;
	padding-bottom:10px;
	padding-left:7px;
	padding-right:7px;
}

#col2menuchapters {
	padding-top:3px;
	padding-bottom:4px;
}

#col2footer {
	background-image: url(../medias/general/motif_point.gif);
	background-repeat: repeat;
	height: 21px;
}


/*___________________COLONNE 3__________________*/

#col3 {
	height:auto;
	width:100%;
}

#col3header {
	padding-top:5px;
	padding-bottom:10px;
	padding-left:7px;
	padding-right:7px;
	color:#000000;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../medias/general/motif_point.gif);
	background-repeat: repeat;
}

#col3bold {
	padding-top:10px;
	padding-bottom:5px;
	font-weight: bold;
}

#col3content {
	padding-top:5px;
	padding-bottom:10px;
	padding-left:7px;
	padding-right:7px;
}

#col3list {
	padding-top:3px;
	padding-bottom:4px;
}

#col3footer {
	background-image: url(../medias/general/motif_point.gif);
	background-repeat: repeat;
	height: 21px;
	margin-top:14px;
}

#col3crossline {
	background-image: url(../medias/general/cross_line.gif);
	background-repeat: no-repeat;
	padding-bottom:12px;
	background-position: center top;
}


/*___________________COLONNE 3 NEWS SNIPPET__________________*/


#col3newslistdate {
	padding-top:5px;
	padding-bottom:3px;
}

#col3newslistdate a:visited {
	color: #666666;	
}

#col3newslistheader {
	padding-bottom:3px;
}

#col3newslistfooter {
	background-image: url(../medias/general/dotted_line_221.png);
	background-repeat: no-repeat;
	background-position: center;
	padding-bottom:10px;
}




/*___________________COLONNE 3 WORKS DISPLAY__________________*/

#col3workstitle {
	padding-top:5px;
	padding-bottom:3px;
}

#col3worksdesc {
	padding-bottom:3px;
}

#col3worksfooter {
	background-image: url(../medias/general/dotted_line_221.png);
	background-repeat: no-repeat;
	background-position: center;
	padding-bottom:10px;
}




/*___________________COLONNE 4__________________*/

#col4 {
	height:auto;
	width:100%;
}

#col4list {
	padding-bottom:14px;
}

#col4picheader {
	padding-bottom:21px;
	background-image: url(../medias/general/motif_point.gif);
	background-repeat: repeat;
	vertical-align: top;
}

#col4date {
	width: 100%;
	padding-left:7px;
	padding-right:7px;
	color: #666666;
	font-size: 9px;
}


#col4header {
	padding-top:5px;
	padding-bottom:10px;
	padding-left:7px;
	padding-right:7px;
	color:#000000;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../medias/general/motif_point.gif);
	background-repeat: repeat;
}

#col4bold {
	padding-top:14px;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:5px;
	font-weight: bold;
}

#col4content {
	padding-top:14px;
	padding-bottom:10px;
	padding-left:7px;
	padding-right:7px;
}

#col4picspace {
	padding-bottom:7px;
	padding-top:21px;
}

#col4piclegend {
	padding-left:7px;
	padding-right:7px;
	color: #666666;
	font-size: 9px;
	text-align: left;
}

#col4picspacer {
	height: 5px;
	margin-top:7px;
	margin-bottom:20px;
}

#col4legend {
	padding-left:7px;
	padding-right:7px;
	color: #666666;
	font-size: 9px;
	text-align: left;
}

#col4spacer {
	background-image: url(../medias/general/motif_point.gif);
	background-repeat: repeat-x;
	height: 5px;
	margin-top:7px;
	margin-bottom:14px;
	background-position: center;
}

#col4footer {
	background-image: url(../medias/general/motif_point.gif);
	background-repeat: repeat;
	height: 21px;
	margin-top:14px;
}

#col4lines {
	background-image: url(../medias/general/dotted_line_221.png);
	background-repeat: repeat-x;
	background-position: center;
	padding-bottom:10px;
}



/*___________________BUTTONS__________________*/

#buttonsquares {
	color: #666666;
	border: 1px solid #333333;
	background-color: #ededed;
	height: 17px;
	width: 17px;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin-right: 10px;
	display: block;
}

#buttonsquares a {
	color: #CC0000;
	background-color: #ededed;
	display: block;
}

#buttonsquares a:hover {
	color: #fff;
	background-color: #bebebe;
	height: 17px;
	width: 17px;
	display: block;
}

table.buttonssquare {
	width:430px;
	height:auto;
	text-align: left;
	vertical-align: top;
}

td.buttonssquare {
	width:14px;
	height:14px;
	text-align: left;
	vertical-align: top;
	margin-right: 7px;
	margin-left: 7px;
}

#buttonlong {
	color: #666666;
	border: 1px solid #333333;
	background-color: #ededed;
	height: 17px;
	width: 60px;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin-right: 10px;
	display: block;
}

#buttonlong a {
	color: #CC0000;
	background-color: #ededed;
	display: block;
}

#buttonlong a:hover {
	color: #fff;
	background-color: #bebebe;
	height: 17px;
	width: 60px;
	display: block;
}

table.buttonlong {
	width:430px;
	height:auto;
	text-align: left;
	vertical-align: top;
}

td.buttonlong {
	width:60px;
	height:14px;
	text-align: left;
	vertical-align: top;
	margin-right: 7px;
	margin-left: 7px;
}