/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{ background:#000; text-align:center; min-width:1000px;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

.wrapper {width:100%; overflow:hidden;}

html { font-family:Tahoma, Geneva, sans-serif; font-size:0.75em; line-height:1.5em; color:#979694;}

a {color:#e81805; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:12px;}

/* ============================= main layout ====================== */
.bg-body { background:url(images/bg-body.jpg) center top no-repeat;}
.bg-body-top { background:url(images/bg-body-top.gif) left top repeat-x;}

.indent {padding:25px 25px 0 28px;}
.indent1 {padding:26px 25px 25px 28px;}
.indent-header {padding:44px 630px 0px 52px;}
.indent-header2 {padding:44px 130px 0px 52px;}
.indent-content {padding:24px 27px 26px 28px;}
.indent-row-2 {padding:26px 20px 55px 28px;}

.row-2 { background:url(images/bg-row-2.gif) repeat; margin-top:-26px; padding-top:26px;}
.row-3 { background:url(images/bg-row-2.gif) repeat; margin-top:-246px; padding-top:246px;}

.logo {margin:29px 0 17px 27px;}
.slogan {margin-top:43px; margin-left:-4px;}

h3 {font-size:23px; line-height:24px; color:#FFF; text-transform:uppercase; padding-bottom:16px;}
h4 {font-size:33px; line-height:33px; text-transform:uppercase; color:#FFF;}
h5 {font-size:44px; line-height:44px; text-transform:uppercase; color:#FFF;}

li { background:url(images/marker1.gif) no-repeat 0 7px; line-height:1.5em;}
li a {color:#B6BDC3;}

.tahoma {font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:18px; color:#FFF;}

.imgindent {margin:0 32px 0 0; float:left;}

.box {background:#000; position:relative;}
.box .indent {padding:28px 27px 0px 27px;}
.box .bottom-tail {background:url(images/box-bottom-tail.gif) left bottom repeat-x;}
.box .top-tail {background:url(images/box-top-tail.gif) left top repeat-x;}
.box .left-tail {background:url(images/box-left-tail.gif) top left repeat-y;}
.box .right-tail {background:url(images/box-right-tail.gif) top right repeat-y;}
.box .bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .top-left {background:url(images/box-corner-top-left.gif) top left no-repeat; width:100%;}
/* ============================= header ====================== */
.menu {background:url(images/menu-tail-bg.gif) left top repeat-x; margin-top:-10px;}
.menu-left {background:url(images/menu-left-bg.gif) left top no-repeat;}
.menu-right {background:url(images/menu-right-bg.gif) right top no-repeat; width:100%; height:52px;}

.menu ul {float:left;}
.menu li { float:left; background:url(images/menu-li-bg.gif) right 28px no-repeat; padding:0px 9px 0 9px; text-transform:uppercase; font-size:18px; line-height:1.2em;}
.menu li a { text-decoration:none; color:#2f2624; display:inline-block; cursor:pointer; padding:20px 4px 10px 4px; text-align:center;}
.menu li a:hover, .menu a.active { color:#fff;}

.menu .m1 a { background:url(images/m1.gif) no-repeat 0 0; width:82px;}
.menu .m2 a { background:url(images/m2.gif) no-repeat 0 0; width:108px;}
.menu .m3 a { background:url(images/m3.gif) no-repeat 0 0; width:102px;}
.menu .m4 a { background:url(images/m4.gif) no-repeat 0 0; width:93px;}
.menu .m5 a { background:url(images/m5.gif) no-repeat 0 0; width:111px;}
.menu .m6 a { background:url(images/m6.gif) no-repeat 0 0; width:106px; padding-right:0;}

.menu .m1 a:hover { background:url(images/m1-hov.gif) no-repeat 0 0;}
.menu .m2 a:hover { background:url(images/m2-hov.gif) no-repeat 0 0;}
.menu .m3 a:hover { background:url(images/m3-hov.gif) no-repeat 0 0;}
.menu .m4 a:hover { background:url(images/m4-hov.gif) no-repeat 0 0;}
.menu .m5 a:hover { background:url(images/m5-hov.gif) no-repeat 0 0;}
.menu .m6 a:hover { background:url(images/m6-hov.gif) no-repeat 0 0;}

.menu .m1 .active { background:url(images/m1-hov.gif) no-repeat 0 0 !important;}
.menu .m2 .active { background:url(images/m2-hov.gif) no-repeat 0 0 !important;}
.menu .m3 .active { background:url(images/m3-hov.gif) no-repeat 0 0 !important;}
.menu .m4 .active { background:url(images/m4-hov.gif) no-repeat 0 0 !important;}
.menu .m5 .active { background:url(images/m5-hov.gif) no-repeat 0 0 !important;}
.menu .m6 .active { background:url(images/m6-hov.gif) no-repeat 0 0 !important;}

.menu-1 li {float:left; background:url(images/menu-1-bg.gif) right 10px no-repeat; padding:0px 5px 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.2em;}
.menu-1 li a {text-decoration:none; color:#b2b2b1; display:inline-block; cursor:pointer; padding:7px 3px 10px 4px; text-align:center;}
.menu-1 li a:hover, .menu .active { color:#fff;}
.menu-1 .last {background:none;}

.data {background:url(images/header-1.jpg) no-repeat 0 0; height:333px;}
.data1 {background:url(images/header-2.jpg) no-repeat 0 0; height:333px;}
.data2 {background:url(images/header-3.jpg) no-repeat 0 0; height:333px;}
.data3 {background:url(images/header-4.jpg) no-repeat 0 0; height:333px;}

.list li {background:url(images/bg-list.gif) no-repeat 0 10px; padding-left:17px; line-height:26px; }
.list li a {color:#a6c616; text-decoration:none;}
.list a:hover {color:#787774;}

.list1 li {background:url(images/bg-list1-li-a.gif) repeat-x left bottom;}
.list1 li a {background:url(images/bg-list1-li.gif) no-repeat 0 4px; padding-left:12px; color:#787774; text-decoration:none; font-size:11px; line-height:28px; font-weight:bold;}
.list1 a:hover {color:#a6c616;}
.list1 .last {background:none;}

.pad-col1 {padding-right:106px;}
.pad-col2 {padding-right:104px;}
.pad-col3 {padding-right:102px;}
.pad-img {padding-right:20px;}

.pad-r1 {padding-right:55px}
.pad-r2 {padding-right:59px}
.pad-r3 {padding-right:10px;}

.pad-t {padding-top:14px;}
.pad-t1 {padding-top:22px;}
.pad-t2 {padding-top:21px;}
.pad-t3 {padding-top:26px;}
.pad-t4 {padding-top:25px;}
.pad-t5 {padding-top:7px;}
.pad-t6 {padding-top:4px;}
.pad-t7 {padding-top:33px;}
.pad-t8 {padding-top:10px;}
.pad-t9 {padding-top:17px;}

.pad-b {padding-bottom:7px;}
.pad-b1 {padding-bottom:11px;}
.pad-b2 {padding-bottom:25px;}
.pad-b3 {padding-bottom:15px;}

.pad-l {padding-left:2px;}

.mar-t {margin-top:-4px;}
.mar-t1 {margin-top:25px;}
.mar-t2 {margin-top:-18px;}
.mar-t3 {margin-top:-8px;}

em {font-style:normal;}

.mar-l {margin-left:100px;}

.title-bg-1 {background:url(images/title-1.gif) no-repeat 0 0; height:44px; padding:10px 0 0 23px; margin-bottom:16px;}
.title-bg-2 {background:url(images/title-2.gif) no-repeat 0 0; height:44px; padding:10px 0 0 23px; margin-bottom:16px;}
.title-bg-3 {background:url(images/title-3.gif) no-repeat 0 0; height:44px; padding:10px 0 0 23px; margin-bottom:16px;}
.title-bg-4 {background:url(images/title-4.gif) no-repeat 0 0; height:44px; padding:10px 0 0 23px; margin-bottom:16px;}
.title-bg-5 {background:url(images/title-5.gif) no-repeat 0 0; height:44px; padding:10px 0 0 23px; margin-bottom:16px;}
.title-bg-6 {background:url(images/title-6.gif) no-repeat 0 0; height:44px; padding:10px 0 0 23px; margin-bottom:16px;}
.title-bg-7 {background:url(images/title-7.gif) no-repeat 0 0; height:44px; padding:10px 0 0 23px; margin-bottom:16px;}
.title-bg-8 {background:url(images/title-8.gif) no-repeat 0 0; height:44px; padding:10px 0 0 23px; margin-bottom:16px;}
.title-bg-9 {background:url(images/title-9.gif) no-repeat 0 0; height:44px; padding:10px 0 0 23px; margin-bottom:16px;}
.title-bg-10 {background:url(images/title-10.gif) no-repeat 0 0; height:44px; padding:10px 0 0 23px; margin-bottom:16px;}
.title-bg-11 {background:url(images/title-11.gif) no-repeat 0 0; height:44px; padding:10px 0 0 23px; margin-bottom:16px;}
.title-bg-12 {background:url(images/title-12.gif) no-repeat 0 0; height:44px; padding:10px 0 0 23px; margin-bottom:16px;}
.title-bg-13 {background:url(images/title-13.gif) no-repeat 0 0; height:44px; padding:10px 0 0 23px; margin-bottom:16px;}
.title-bg-14 {background:url(images/title-14.gif) no-repeat 0 0; height:44px; padding:10px 0 0 23px; margin-bottom:16px;}
.title-bg-15 {background:url(images/title-15.gif) no-repeat 0 0; height:44px; padding:10px 0 0 23px; margin-bottom:16px;}
.title-bg-16 {background:url(images/title-16.gif) no-repeat 0 0; height:44px; padding:10px 0 0 23px; margin-bottom:16px;}

.button { color:#2f2624; background:url(images/button-left.gif) no-repeat left top;  display:inline-block; font-size:30px; line-height:36px; text-decoration:none; text-transform:uppercase;}
.button span { display:inline-block; background:url(images/button-right.gif) no-repeat right top; padding: 0px 4px 0 4px;  cursor:pointer;}
.button span span { background:url(images/button-tail.gif) repeat-x left top; padding:2px 7px 4px 5px}
.button:hover {color:#000000}

/* ============================= content ====================== */
.color-1 {color:#FFF;}
.color-2 {color:#e4e4e4;}
.color-3 {color:#bfbfbf;}
.color-4 {color:#787774;}
.color-5 {color:#e81805;}

.link-read { background:url(images/link-read.gif) no-repeat 0 0; height:28px; padding:4px 0 0 12px; width:85px; color:#fff; text-decoration:none; display:inline-block}
.link-read:hover {color:#2f2624;}

.button1 { color:#fff; background:url(images/button1-left.gif) no-repeat left top;  display:inline-block; font-size:12px; line-height:12px; text-decoration:none; height:24px;}
.button1 span { display:inline-block; background:url(images/button1-right.gif) no-repeat right top; padding: 0px 7px 0 7px;  cursor:pointer;}
.button1 span span { background:url(images/button1-tail.gif) repeat-x left top; padding:5px 4px 7px 4px}

.button1:hover { color:#fff; background:url(images/button1-left-hov.gif) no-repeat left top;  display:inline-block; font-size:12px; line-height:12px; text-decoration:none; height:24px;}
.button1:hover span { display:inline-block; background:url(images/button1-right-hov.gif) no-repeat right top; padding: 0px 7px 0 7px;  cursor:pointer;}
.button1:hover span span { background:url(images/button1-tail-hov.gif) repeat-x left top; padding:5px 4px 7px 4px}


.phone {width:85px; display:inline-block;}
/* ============================= footer ====================== */
.policy { font-family:Arial, Helvetica, sans-serif; color:#c0b9b2; font-size:12px; line-height:12px;}
.policy span {color:#f4f2f0;}
.policy a {text-decoration:none; color:#c0b9b2;}
.policy a:hover {text-decoration:underline;}

/* ============================= forms ============================= */
#SearchForm {text-align:right !important;  padding:17px 15px 0 0px; float:right;}
#SearchForm label {background:url(images/input-bg.gif) right top no-repeat; display:inline-block; vertical-align:top; margin-right:-3px;}
#SearchForm .input {width:145px; border:none; padding:7px 0px 9px 15px; font-size:0.91em;  vertical-align:top; color:#fff;  background:none; line-height:1.2em}
#SearchForm input {vertical-align:top;}

#SignUpForm {padding:11px 0px 0px 0px; color:#767676; width:253px;}
#SignUpForm label {background:url(images/input-bg1.gif) right top no-repeat; height:28px; display:inline-block; vertical-align:top; padding-left:0px;}
#SignUpForm .input {width:247px; border:none; padding:5px 0px 5px 5px; font-size:12px;  vertical-align:top; color:#545454; line-height:1.2307em; background:none;}
#SignUpForm input {vertical-align:top; padding-top:3px;}
#SignUpForm a {color:#fb2833; font-weight:bold;}
#SignUpForm a.sub { color:#a1a0a0; display:inline-block; font-weight:normal;}

#ContactForm {padding-top:20px;}
#ContactForm label {height:49px; display:block; font-size:12px; line-height:20px;}
#ContactForm .button1 {margin:25px 0 0 15px;}
#ContactForm .column1 {float:left; width:292px; margin-right:27px; margin-left:5px}
#ContactForm .column2 {float:left; width:290px;}
#ContactForm .input { background:url(images/bg-contact.gif) no-repeat 0 0; width:284px; border:1px solid #cbcac6; padding:5px 0 2px 3px; font-size:12px; line-height:14px;}











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


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


/* Barres de navigation : liens */

div.navig ul li a:link, div.navig ul li a:visited {
	color : #fef900; /* 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 : #fef900; /* 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 : #000 !important; /* bleu */ 
	font-size:14px;
	background-color: #fef900; /* bleu */
	font-weight: bold;
	font-family: verdana;
}