/* CSS Document */

* { 
	margin:0; padding:0;
}

body{ background:#fff;
	 border:0;
	 font:12px Arial, Helvetica, sans-serif; color:#999291;
	 line-height:20px;
}


/* ============================= main layout ====================== */

a{ color:#999291; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font-size:31px; line-height:35px; color:#332623; padding:22px 0 15px 0; letter-spacing:1px}
p{ padding-bottom:20px;}
img{ vertical-align:top}

.box{ background:#fff;}
.box_top{ background:url(images/box_border.jpg) top repeat-x}
.box_bot{ background:url(images/box_border.jpg) bottom repeat-x}
.box_left{ background:url(images/box_border.jpg) left repeat-y}
.box_right{ background:url(images/box_border.jpg) right repeat-y}
.box_top_left{ background:url(images/box_top_left.jpg) top left no-repeat}
.box_top_right{ background:url(images/box_top_right.jpg) top right no-repeat}
.box_bot_left{ background:url(images/box_bot_left.jpg) bottom left no-repeat}
.box_bot_right{ background:url(images/box_bot_right.jpg) bottom right no-repeat} 

/* ============================= header ====================== */

#logo{ margin-top:25px; float:left;}
#top_nav{ padding:80px 24px 50px 0; float:right}
#top_nav li{ float:left; padding-right:13px; margin-right:11px; background:url(images/line_top.jpg) right 7px no-repeat}
#top_nav .last{ padding:0; margin:0; background:none}
#top_nav li a{color:#332623; text-decoration:none}
#top_nav li a:hover{ text-decoration:underline}

#menu { padding:22px 0 0 1px}
#menu li { float:left; padding-right:1px; background:url(images/menu_line.jpg) right 2px  no-repeat}
#menu li a{ display:block; font-size:14px; color:#332623; text-decoration:none; width:132px; line-height:18px; text-align:center}
#menu li a:hover, #menu #menu_active a{ font-weight:bold; font-size:13px}

#search{ float:right; padding:17px 29px 18px 0; font-size:14px; color:#bababa; width:260px; line-height:28px}
#search .bg{ float:right; width:175px; height:28px; background:url(images/search.jpg) no-repeat; margin-left:22px}
#search .submit{ float:right; background:none; width:30px; height:28px; cursor:pointer}
#search .input{ float:right; width:130px; height:14px; background:none; font:11px Arial, Helvetica, sans-serif; color:#999291; color:#bababa; padding:7px;}

#images{ margin-top:24px; margin-bottom:27px; width:100%; overflow:hidden}
#images li{ float:left; padding-right:2px;}
#images .last{ padding:0}

/* ============================= content ====================== */
.pad_bot1{ padding-bottom:30px}
.pad_bot2{ padding-bottom:20px}
.marg_right1{ margin-right:27px;}
.pad_left1{ padding-left:48px;}

.line1{ background:url(images/line_ver.jpg) 321px 0 repeat-y}
.line2{ background:url(images/line_ver.jpg) 642px 0 repeat-y}

.link1{ font-weight:bold; color:#332623; text-decoration:none}
.link1:hover{ text-decoration:underline}

.list1 li{ line-height:24px;}
.list1 li a{ color:#332623; font-style:italic; text-decoration:none; padding-left:11px; background: url(images/marker_1.jpg) 0 6px no-repeat}
.list1 li a:hover{ text-decoration:underline}

.font1{ font-style:italic; color:#332623;}
.font2{ font-weight:bold; color:#332623;}

.under{ border-bottom:1px solid #eae9e9; padding-bottom:21px; margin-bottom:22px}

#banners{ margin-top:30px; width:100%; overflow:hidden;}
#banners li{ float:left; padding-right:2px}
#banners .last{ padding:0}

#glossary{ width:100%; overflow:hidden; padding-top:6px}
#glossary li{ padding-right:7px; padding-bottom:7px; float:left;}
#glossary li a{ background:url(images/box3.jpg) no-repeat; display:block; width:43px; height:43px; line-height:38px;font-size:31px; color:#332623; text-align:center; text-decoration:none}
#glossary li a:hover{ color:#eeeeee; background:url(images/box3_hover.jpg) no-repeat}
/* ============================= footer ====================== */

#footer { padding:21px 0 22px 0; text-align:center; font-size:13px;}
#footer a{ text-decoration:none;}
#footer a:hover{ text-decoration:underline}

/* ============================= forms ============================= */
.box1{ background:#fff; line-height:0; margin-bottom:12px;}
.box1_top{ background:url(images/box_border.jpg) top repeat-x}
.box1_bot{ background:url(images/box_border.jpg) bottom repeat-x}
.box1_left{ background:url(images/box_border.jpg) left repeat-y}
.box1_right{ background:url(images/box_border.jpg) right repeat-y}
.box1_top_left{ background:url(images/box2_top_left.jpg) top left no-repeat}
.box1_top_right{ background:url(images/box2_top_right.jpg) top right no-repeat}
.box1_bot_left{ background:url(images/box2_bot_left.jpg) bottom left no-repeat}
.box1_bot_right{ background:url(images/box2_bot_right.jpg) bottom right no-repeat} 

#form_1 .box1{ width:226px}
#form_1{ color:#2d2d2d; font-size:13px; font-weight:bold; padding-top:6px; line-height:28px}
#form_1 .input{ background:none; width:212px; height:14px; font:11px Arial, Helvetica, sans-serif; color:#999291; padding:7px}
#form_1 a{ float:right; margin-left:18px; margin-top:17px; font-size:12px;}

#ContactForm {padding:5px 0 0 0;}
#ContactForm a{ margin-left:21px; margin-top:20px}
#ContactForm .input { background:none; width:225px; height:14px; font:11px Arial, Helvetica, sans-serif; color:#999291; padding:7px 14px}
#ContactForm textarea {background:none; width:225px; height:215px; font:11px Arial, Helvetica, sans-serif; color:#999291; padding:7px 14px; overflow:auto}










/* les sous menus JS */
#sousMenu1, #sousMenu2 {
	display:none;
	position: absolute;
	z-index: 999;
	background: #5274a8;
}
#sousMenu1 li, #sousMenu2 li {
	padding: 8px 5px 8px 5px;
}
#sousMenu1 li a, #sousMenu2 li a {
	font-family:Arial, Helvetica, sans-serif; font-size:12px;  color:#fff; text-decoration:none; font-weight:bold; display:block;
}
#sousMenu1 li a:hover, #sousMenu2 li a:hover {
	color:#000;
}

#sousMenu1 {
	left: 267px;
	top: 172px;
}
#sousMenu2 {
	left: 134px;
	top: 172px;
}








/****************************************************************************************
BARRE DE PAGINATION
*******************************************************************************************/


/* Les barres de navigation */
div.navig {
	border: 0px solid #6f7642; /* bleu */
	margin-top: 0px;
	margin-bottom: 20px;
	text-align:center;
	height:15px;
}
div.navig ul {
	list-style-type: none;
	margin:0; padding:0;
}
div.navig ul li {
	display: inline;

}


/* Barres de navigation : liens */

div.navig ul li a:link, div.navig ul li a:visited {
	color : #1f4b8a; /* bleu */
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	background:none;
	padding:0;
	font-size:14px;
	font-family: verdana;
}
div.navig ul li a:hover, div.navig ul li a:active {
	color : #1f4b8a; /* bleu */
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	background:none;
	padding:0;
	font-size:14px;
	font-family: verdana;
}

/* Barres de navigation : page en cours */
div.navig ul li span {
	color : #fff; /* bleu */
	font-size:14px;
	background-color: #1f4b8a; /* bleu */
	font-weight: bold;
	font-family: verdana;
}