/* ########################### */
/* 		Main.css
/* ########################### */

* { padding:0; margin:0; }
html, body { height:100%; }

body { font: 11px Arial; color:#000; background:url('../pictures/design/bg.png') repeat-x; }
a { color:#e72973; text-decoration:none; }
a:hover { text-decoration:underline; }
p { padding-bottom:15px; line-height:16px; }
* html p { padding-bottom:8px; }
form p { margin-bottom:8px; }
img { border:0; }
ul { margin-left:20px; }

.both { clear:both; }
.center { text-align:center; }
.right { text-align:right; }
.middle { vertical-align:middle; }

.color { color:#e72973; }

/* Hx */
h1 { font-size:18px; font-weight:bold; padding: 0 0 20px 0; color:#e62872; width:440px; }
h2 { font-size:12px; margin-bottom: 20px; color:#4c4c4a; }
h3 { font-size:12px; font-weight:bold; margin-bottom: 14px; }
h4 { font-size:12px; font-weight:bold; margin-bottom:8px; text-transform:uppercase; }

/* Form */
fieldset { width:400px; margin:0 auto 10px auto; }
label { display:block; float:left; width:120px; }
input, select, textarea { font:inherit; padding:2px; border:1px solid #ced8e6; }
input, select { vertical-align:middle; }
input[type=image], input[type=checkbox], input[type=radio] { border:0; }
textarea { width:280px; height:100px; overflow:auto; }
input[type=text], input[type=password] { width:280px; padding:3px; }
input[type=text]:focus, input[type=password]:focus { background:#fbf2f6; border-color:#b9c7db; }

/* Hr */
.hr { height:1px; border-top:1px solid #c6a87d; border-bottom:1px solid #FFF; margin-bottom:8px; }
*html .hr { display:none; }

/* Message */
.info { color:green; background:url('../pictures/design/accept.png') no-repeat; height:20px; padding-left: 20px; vertical-align:middle; }
.warning { color:#FB7D28; background: url('../pictures/design/error.png') no-repeat; height:20px; padding-left: 20px; vertical-align:middle; }
.error { color:red; background:url('../pictures/design/exclamation.png') no-repeat; height:20px; padding-left:20px; vertical-align:middle; }

/* Design */
#fond { background:url('../pictures/design/bg_center2.jpg') no-repeat; background-position: top center; }
#site { min-height:100%; margin-bottom:-50px; position:relative; background:url('../pictures/design/bg_repeat_bottom.png') repeat-x; background-position:bottom; }
* html #site { height: 100%; }

#contenu { width:990px; margin:auto; }

#header { position:relative; height:96px; background:url('../pictures/design/header.png'); }
#lang { position:absolute; width:40px; height:16px; margin:4px 0 0 10px; display:none; }
#lang img { margin-right:2px; }
#logo { position:absolute; width:230px; height:90px; float:left; margin:60px 0 0 20px; cursor:pointer; z-index:30; }

#menu { width:558px; float:right; margin-top:53px; }
*html #menu { margin-top:42px; }
#menu ul, #menuTop ul { list-style-type:none; }
#menu li, #menuTop li { display:block; float:left; height:43px; text-align:center; }
#menu li { line-height:54px; }

#menu1 { width:75px; background:url('../pictures/design/menu1.png') no-repeat left top; padding-left:4px; }
#menu1:hover { background:url('../pictures/design/menu1.png') no-repeat left bottom; }
#menu1.active { background:url('../pictures/design/menu1.png') no-repeat left bottom; }
*html #menu1.active { background:url('../pictures/design/menu1.png') no-repeat left top; }

#menu2 { width:84px; background:url('../pictures/design/menu2.png') no-repeat left top; }
#menu2:hover { background:url('../pictures/design/menu2.png') no-repeat left bottom; }
#menu2.active { background:url('../pictures/design/menu2.png') no-repeat left bottom; }
*html #menu2.active { background:url('../pictures/design/menu2.png') no-repeat left top; }

#menu3 { width:91px; background:url('../pictures/design/menu3.png') no-repeat left top; }
#menu3:hover { background:url('../pictures/design/menu3.png') no-repeat left bottom; }
#menu3.active { background:url('../pictures/design/menu3.png') no-repeat left bottom; }
*html #menu3.active { background:url('../pictures/design/menu3.png') no-repeat left top; }

#menu4 { width:66px; background:url('../pictures/design/menu4.png') no-repeat left top; }
#menu4:hover { background:url('../pictures/design/menu4.png') no-repeat left bottom; }
#menu4.active { background:url('../pictures/design/menu4.png') no-repeat left bottom; }
*html #menu4.active { background:url('../pictures/design/menu4.png') no-repeat left top; }

#menu5 { width:73px; background:url('../pictures/design/menu5.png') no-repeat left top; }
#menu5:hover { background:url('../pictures/design/menu5.png') no-repeat left bottom; }
#menu5.active { background:url('../pictures/design/menu5.png') no-repeat left bottom; }
*html #menu5.active { background:url('../pictures/design/menu5.png') no-repeat left top; }

#menu6 { width:62px; background:url('../pictures/design/menu6.png') no-repeat left top; }
#menu6:hover { background:url('../pictures/design/menu6.png') no-repeat left bottom; }
#menu6.active { background:url('../pictures/design/menu6.png') no-repeat left bottom; }
*html #menu6.active { background:url('../pictures/design/menu6.png') no-repeat left top; }

#menu7 { width:79px; background:url('../pictures/design/menu7.png') no-repeat left top; padding-right:4px; }
#menu7:hover { background:url('../pictures/design/menu7.png') no-repeat left bottom; }
#menu7.active { background:url('../pictures/design/menu7.png') no-repeat left bottom; }
*html #menu7.active { background:url('../pictures/design/menu7.png') no-repeat left top; }

#menu a, #menuTop a { display:block; font-size:12px; font-weight:bold; color:#e41366; text-transform:uppercase; text-decoration:none; }
#menu li:hover a, #menu li.active a, #menuTop li:hover a, #menuTop li.active a { color:#000; }

#menuTop { position:absolute; margin:0 0 0 868px; }
#menuTop li { line-height:25px; }

#menu8 { width:107px; height:30px; background:url('../pictures/design/menu8.png') no-repeat left top; }
#menuTop a { font-size:11px; }

#content { background:url('../pictures/design/content2.jpg') no-repeat; min-height:300px; }
#left { position:relative; float:left; width:660px; }
#right { float:right; width:324px; margin-top:12px; }
#right p { padding-bottom:4px; }
#right input[type=text] { width:100px; color:#531134; }

#bottom { background:url('../pictures/design/bg_bottom.png') no-repeat; background-position:bottom; height:450px; }
*html #bottom { background:url('../pictures/design/bg_bottom.gif') no-repeat; background-position:bottom; height:450px; }
#bottom p { padding-bottom:10px; }
#bottom h4 { color:#ffcbe2; margin-bottom:14px; }
#bottom ul { list-style-image:url('../pictures/design/puce.png'); margin-left:12px; }
#bottom a:hover { text-decoration:underline; }

.block1, .block2, .block3, .block4 { float:left; width:195px; height:165px; padding:30px 15px 0 15px; margin-left:18px; }
.block1 { background:url('../pictures/design/bottom1.png') no-repeat; padding-right:40px; width:170px; }
*html .block1 { background:url('../pictures/design/bottom1.gif') no-repeat; }
.block1 p { width:130px; padding:0; }
.block2 { background:url('../pictures/design/bottom2.png') no-repeat; padding-left:100px; width:110px; cursor:pointer; }
*html .block2 { background:url('../pictures/design/bottom2.gif') no-repeat; }
.block3 { background:url('../pictures/design/bottom3.png') no-repeat; }
*html .block3 { background:url('../pictures/design/bottom3.gif') no-repeat; }
.block4 { background:url('../pictures/design/bottom4.png') no-repeat; }
*html .block4 { background:url('../pictures/design/bottom4.gif') no-repeat; }
.block2:hover a, #block3Hover:hover a, #block4Hover:hover a { text-decoration:underline; }

#bottom .block { float:left; width:200px; padding:10px; margin-left:22px; }
#bottom .block h4 { color:#c7a77e; margin-bottom:8px; }

.news { height:45px; margin-bottom:5px; clear:both; }
.dateNews { float:left; width:30px; height:29px; text-align:center; background:url('../pictures/design/date.png') no-repeat; color:#FFF; font-weight:bold; font-size:16px; line-height:28px; }
.dateNews2 { clear:both; text-align:center; width:30px; font-size:10px; color:#c7a77e; }
.textNews { float:left; margin-left:5px; width:150px; }

#footer { background:url('../pictures/design/bg_footer.png') repeat-x; background-position:bottom; position:relative; height:50px; }
#footer2 { position:relative; width:980px; margin:auto; color:#FFF; padding-top:7px; }
#footer2 ul { list-style-type:none; margin:0; }
#footer2 li { display:block; padding:0 5px; float:left; }
#footer2 .left { float:left; padding-bottom:0; }
#footer2 .right { float:right; padding-bottom:0; }
#footer2 a { color:#000; }
#footer2 img { vertical-align:middle; margin-left:4px; }
*html #footer2 img { display:none; }

#credits { position:absolute; margin:-40px 0 0 850px; }
#credits p { margin:0; padding:0; }
#credits a { color:#FFF; }

/* Pagination */
#pagination { margin-top: 10px; float:right; clear:both; padding-bottom:8px; }
#pagination a { display: block; font-weight:bold; float:left; width:25px; height:25px; text-align:center; line-height:24px; margin-left:4px; color:#fb8b05; }
#pagination a:hover { background: url("../pictures/design/pagination.png") no-repeat;}
#pagination .itemPaginationActive { background: url("../pictures/design/pagination.png") no-repeat; }

/* Module pub */
#pub { margin-left:17px; margin-bottom:4px; }