/* CSS Document */

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

body{background:url(images/top-tail.gif) top repeat-x #242428; text-align:center;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

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

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.417em; color:#5b5b5d;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#5b5b5d; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:17px;}
h4{ font-size:1.167em; padding:4px 0 6px 10px;}

/* ============================= main layout ====================== */
.imgindent {margin:3px 13px 0 0; float:left;}
.phone{ float:right; padding-right:20px;}
.space1{ margin-left:11px;}
.space2{ margin-left:14px;}
.margin1{ margin-top:10px;}
.margin2{ margin-top:15px !important;}
.margin3{ margin-top:30px !important;}
.padding1{ padding-top:6px !important;}
.padding2{ padding-top:3px !important;}

/* ============================= header ====================== */
#header{ background:url(images/header-bg.jpg) no-repeat 0 0;}
#header .top{ height:133px; width:100%; overflow:hidden;}
#header .logo{ padding:46px 0 0 18px;}

#header .menu1{ padding:61px 0 0 17px;}
#header .menu1 li{ float:left; padding-left:15px; color:#3f3f3f;}
#header .menu1 a{ color:#757474; text-decoration:none; font-weight:bold; display:inline-block; margin-right:15px;}
#header .menu1 a:hover, #header .menu1 .active{ color:#fff;}

#header .menu2{ padding:37px 0 0 12px;}
#header .menu2 li{ float:left; padding-left:15px; color:#e1e1e1;}
#header .menu2 a{ color:#e1e1e1; text-decoration:none; font-weight:bold; display:inline-block; margin-right:15px;}
#header .menu2 a:hover, #header .menu2 .active{ color:#ff9000;}

#header .menu{ width:100%; overflow:hidden;}
#header .menu li{ float:left; font-size:1.083em; padding-top:17px;}
#header .menu a{ color:#1e1e21; text-decoration:none; display:inline-block; text-align:center; background:url(images/menu-item-tail.gif) bottom repeat-x; cursor:pointer; margin-top:8px;}
#header .menu a span{ display:inline-block; background:url(images/menu-border.gif) bottom left no-repeat; width:135px; padding:8px 0 9px 0;}
#header .menu a:hover, #header .menu .active{ margin-top:0;}
#header .menu a:hover span, #header .menu .active span{ background:url(images/menu-item-tail-act.gif) top repeat-x; color:#fff; padding:10px 0 15px 0; font-weight:bold;}

#header .menux6{ width:100%; overflow:hidden;}
#header .menux6 li{ float:left; font-size:1.083em; padding-top:17px;}
#header .menux6 a{ color:#1e1e21; text-decoration:none; display:inline-block; text-align:center; background:url(images/menu-item-tail.gif) bottom repeat-x; cursor:pointer; margin-top:8px;}
#header .menux6 a span{ display:inline-block; background:url(images/menu-border.gif) bottom left no-repeat; width:157.5px; padding:8px 0 9px 0;}
#header .menux6 a:hover, #header .menu .active{ margin-top:0;}
#header .menux6 a:hover span, #header .menu .active span{ background:url(images/menu-item-tail-act.gif) top repeat-x; color:#fff; padding:10px 0 15px 0; font-weight:bold;}

#header .menux8{ width:100%; overflow:hidden;}
#header .menux8 li{ float:left; font-size:1.083em; padding-top:17px;}
#header .menux8 a{ color:#1e1e21; text-decoration:none; display:inline-block; text-align:center; background:url(images/menu-item-tail.gif) bottom repeat-x; cursor:pointer; margin-top:8px;}
#header .menux8 a span{ display:inline-block; background:url(images/menu-border.gif) bottom left no-repeat; width:118.12px; padding:8px 0 9px 0;}
#header .menux8 a:hover, #header .menu .active{ margin-top:0;}
#header .menux8 a:hover span, #header .menu .active span{ background:url(images/menu-item-tail-act.gif) top repeat-x; color:#fff; padding:10px 0 15px 0; font-weight:bold;}

/* ============================= content ====================== */
#content{ background:#4c4c4e; padding:13px 15px 8px 14px;}

.box1{ background:#131315; padding:9px 9px 9px 9px;}
.box1 h3{ font-size:1.417em; color:#fff; background:url(images/title-tail.gif) top repeat-x; padding:8px 0 9px 7px;}


.box2{ background:#1f1f22; width:100%;}
.box2 .indent{ padding:8px 0px 12px 7px;}
.box2 .indent1{ padding:8px 5px 12px 7px;}
.box2 strong{ font-weight:normal; color:#fff;}

.box3{ background: bottom repeat-x #fff; padding:15px 17px 24px 18px;}
.box3 h3{ font-size:1.417em; color:#1f1f22; padding-bottom:10px;}

.box4 .indent{ background:url(images/box4-tail.gif) top repeat-x #0d0d0f; font-size:0.917em; color:#727277; padding:9px 5px 11px 12px; line-height:1.727em;}
.box4 a{ color:#fff; font-weight:bold; text-decoration:none;}
.box4 a:hover{ color:#727277;}

.box5{ background:#242428; color:#5f5e61;}
.box5 .indent{ padding:21px 24px 21px 26px;}
.box5 strong{ color:#fff;}

.block{ padding-top:10px; width:100%; overflow:hidden; font-size:0.917em; color:#fff;}
.link1{ display:inline-block; background:url(images/link1-tail.gif) top repeat-x; color:#fff; text-decoration:none; font-weight:bold; float:right;}
.link1 span{ display:block; background:url(images/link1-left-bg.gif) left top no-repeat;}
.link1 span span{ background:url(images/link1-right-bg.gif) right top no-repeat; padding:1px 11px 2px 7px;}
.link1:hover{ background:url(images/link1-tail-act.gif) top repeat-x;}
.link1:hover span{ background:url(images/link1-left-bg-act.gif) left top no-repeat;}
.link1:hover span span{ background:url(images/link1-right-bg-act.gif) right top no-repeat;}

.link2{ display:inline-block; background:url(images/link2-tail.gif) top repeat-x; color:#000; text-decoration:none; font-weight:bold; float:right; font-size:0.917em; margin-top:16px;}
.link2 span{ display:block; background:url(images/link2-left-bg.gif) left top no-repeat;}
.link2 span span{ background:url(images/link2-right-bg.gif) right top no-repeat; padding:1px 7px 2px 7px;}
.link2:hover{ background:url(images/link2-tail-act.gif) top repeat-x;}
.link2:hover span{ background:url(images/link2-left-bg-act.gif) left top no-repeat;}
.link2:hover span span{ background:url(images/link2-right-bg-act.gif) right top no-repeat;}

.link3{ display:inline-block; font-weight:bold; margin-top:22px; font-size:0.917em; color:#858587;}
.unline{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:7px; margin-bottom:5px;}

.rating{ background:url(images/rating-tail.gif) top repeat-x; float:left;}
.rating .left-bg{ background:url(images/rating-left-bg.gif) top left no-repeat;}
.rating .right-bg{ background:url(images/rating-right-bg.gif) top right no-repeat; padding:2px 16px 1px 6px;}
.rating span{ display:inline-block; margin-left:10px;}
.extra{ margin-right:7px;}

.rating2{ width:100%; overflow:hidden; padding-top:29px;}
.rating2 .link2{ float:right; margin:0;}

.title1{ background:url(images/title1-bg.gif) top repeat-x; color:#242428;}
.title2{ background:url(images/title2-bg.gif) top repeat-x; color:#ffffff;}
.title3{ background:url(images/title3-bg.gif) top repeat-x; color:#ffffff;}

.list li{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:8px}
.list .last{ margin-bottom:0;}
.list a{ color:#e6e4e4; background:url(images/list-marker.gif) no-repeat 0 5px; padding-left:12px; text-decoration:none;}
.list a:hover{ color:#ff5d00;}

/* ============================= footer ====================== */
#footer{ background:url(images/footer-tail.gif) top repeat-x; font-size:0.917em;}
#footer .menu{ height:28px; text-align:center; padding-top:10px; padding-left:5px;}
#footer .menu li{ display:inline; color:#1d1d1f; padding-left:13px;}
#footer .menu a{ color:#1d1d1f; text-decoration:none; display:inline-block; margin-right:14px;}
#footer .menu a:hover{ color:#fff;}

#footer p{ text-align:right; padding-top:4px; color:#4c4c4e;}
#footer p a{ color:#e6e5e5; text-decoration:none; display:inline-block; margin-left:10px;}
#footer p a:hover{ color:#4c4c4e;}

/* ============================= forms ============================= */
#SearchForm{ float:right; padding:56px 9px 0 0;}
#SearchForm .input1{ border:solid 0px; background:url(images/search-form-bg.gif) left top no-repeat #343436; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; padding:4px 2px 3px 3px; width:188px; vertical-align:top;}

/* modif pat */
.pages a {display: inline-block;border:1px solid;padding:2px 2px 2px 2px;text-decoration:none;width:15px;}
.pagesActive a {background:#242428;color:#fff;display: inline-block;border:1px solid;padding:2px 2px 2px 2px;text-decoration:none;font-weight:bold;width:15px;}
.pages a:hover {background:#4C4C4E;color:#fff;display: inline-block;border:1px solid;padding:2px 2px 2px 2px;text-decoration:none;width:15px;}
.pagesBig a {display: inline-block;border:1px solid;padding:2px 2px 2px 2px;text-decoration:none;margin-right:10px;margin-left:10px;}
.pagesBig a:hover {background:#4C4C4E;color:#fff;display: inline-block;border:1px solid;padding:2px 2px 2px 2px;text-decoration:none;margin-right:10px;margin-left:10px;}