@charset "utf-8";
body {margin: 0px;padding: 0px;width: 100%;font: 12px "Trebuchet MS", Verdana, Tahoma;color: #000;background: url(images/bg.jpg) repeat-x;}
img {margin: 0px;padding: 0px;border: none;vertical-align: top;}
ul, ol, li {margin: 0px;padding: 0px;list-style:none;}
ul li a {white-space:nowrap;}
a {color: #c03b26;margin: 0px;padding: 0px;text-decoration:underline;}
a:hover {text-decoration:none;color: #F60;}
h1, h2, h3, h4, h5, h6 {margin:0px;padding:0px;}
h1 {font-size: 30px;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
h4 {font-size: 18px;font-weight:normal;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
hr {height:1px;border:none;background:#eee;color:#eee;clear:both;}
p {margin: 0px;padding: 0px;}
table, tr, td, th {margin: 0px;padding: 0px;}
.cleaner {
	line-height: 0px!important;
	height: 0px!important;
	clear: both;
	float:none!important;
}
.hidden {
	display:none!important;
	height:0px!important;
	margin: 0px!important;
	padding: 0px!important;
}
#main {margin: 0px auto;width: 786px;}
h1 a {float: left;width: 310px;display: block;text-indent: -9999px;background: url(images/brioude-internet-referencement.jpg) no-repeat;height: 104px;}
#top {height: 104px;overflow: hidden;}
#top p {float: left;}
#top ul {display: block;text-align: right;float: left;width: 456px;padding: 50px 20px 0px 0px;margin:0;}
#top ul li {display: inline;}
#top ul li a {padding: 0px 5px;font-weight: bold;}
#top span {display:block;font-size:10px;clear:both;/*padding-left:10px;position:absolute;padding-top:95px;width:600px;*/}

#center {clear: both;background: url(images/bg_center.jpg) repeat-y;}
#center-top {background: url(images/bg_center_top.jpg) no-repeat;padding: 22px 0px 0px;}
#center-bottom {background: url(images/bg_center_bottom.jpg) no-repeat left bottom;padding: 0px 20px 20px;}
#menu {width: 170px;float: left;}
#menu ul li {background: url(images/bg_menu_brd.gif) repeat-x left bottom;display: block;padding: 0px 0px 1px;}
#menu ul li a {font-weight: bold;color: #FFF;text-decoration: none;display: block;padding: 6px 10px 4px;}
#menu ul li a:hover {background: url(images/bg_menu.gif) repeat-x!important;}
#menu ul .active a{background: url(images/bg_menu_act.gif) repeat-x!important;}
#menu ul .sub a {background: url(images/bg_menu.gif) repeat-x!important;}
#menu ul li .sub {display:none;}
#menu ul .active .sub {display:block;}
#menu ul .active .sub {margin:0;}
#menu ul .active .sub li a {padding:2px 6px;font-size:10px;background: #aea8a1!important;}
#menu ul .active .sub .active a {background: #fff!important;color:#B93727!important;}

#nlist h4 {clear:both;}
#nlist div em {font-style:normal;}
#nlist div .ditto_page, #nlist div .ditto_currentpage {padding:0 4px;}
#nlist div .ditto_currentpage {font-weight:bold;}

#nlist div .aprev, #nlist div .anext, #nlist div .ditto_page, #nlist div .ditto_currentpage {display:block;float:left;}
#nlist div .aprev, #nlist div .anext {width:18px;text-indent:-9999px;}
#nlist div .aprev {background: url(images/aprev.jpg) no-repeat;}
#nlist div .anext {background: url(images/anext.jpg) no-repeat;}

.retour {clear:both;}
.retour a, .savplus a {display:block;text-indent:-9999px;padding:5px;height:24px;}
.savplus a {background: url(images/savplus.jpg) no-repeat right top;}
.retour a {background: url(images/retour.jpg) no-repeat left top;}

.subl {text-align:center;float:left;width:260px;border:1px solid #eee;margin:3px}

#right {float: left;width: 560px;padding: 0px 0px 0px 7px;}
#right h2 {display: block;height: 70px;font-size: 19px;color: #4f4f4f;padding: 50px 0px 0px;background: url(images/bg_h2.jpg) no-repeat;text-align: right;}
#right1 {float: left;width: 300px;padding: 0px 50px 0px 20px;}
#right2 {float: left;width: 189px;font-size: 11px;}
#right h3 {font-size: 16px;color: #c03b26;background: url(images/bg_right_h3.gif) repeat-x left bottom;display: block;padding: 20px 0px 10px;margin: 0px 0px 10px;}
#right h3 strong {font-size: 22px; font-weight:normal;}
#right p {padding: 0px 0px 10px;}
#right h3 a {text-decoration: none;display: block;background: url(images/plus.jpg) no-repeat right 5px;color: #c03b26;padding: 3px 0px 2px;}
#right h3 a:hover {text-decoration: underline;background: url(images/plus2.jpg) no-repeat right 5px!important;}
#right3 {padding: 0px 0px 0px 20px;}

#bottom {background: url(images/bg_bottom.jpg) repeat-y;}
#bottom1 {width: 379px;float: left;background: url(images/bg_bottom_top.jpg) no-repeat;padding: 15px 8px 0px 12px;}
#bottom1 h3, #bottom1alt h3 {font-size: 13px;color: #c03b26;padding: 0px 0px 25px 30px;}
#flash {float: left;margin: 4px 15px 0px 0px;width: 114px;height: 120px;overflow: hidden;}

#scroll {float: left;width: 250px;display: block;height: 225px;overflow: auto;font-size:11px;}
#bottom1 li {color: #383636;background: url(images/bullet.gif) no-repeat 0px 6px;padding: 0px 0px 0px 10px;}
#bottom1 p {clear: both;padding: 10px 0px 0px 125px;}
.image {padding: 50px 0px 0px!important;text-align: center;}
#bottom2 {width: 387px;float: left;background: url(images/bg_bottom_top2.jpg) no-repeat right top;}
#bottom2 h3 {font-size: 18px;color: #FFF;background: url(images/devis.jpg) no-repeat;padding: 0px 0px 25px 25px;margin: 11px 0px 0px 15px;}
#bottom2 p {font: 11px "Trebuchet MS", Verdana, Tahoma;color: #383636;padding: 0px 20px 10px 20px;}
#bottom2 form {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 29px;
	background: url(images/form.jpg) no-repeat right bottom;
	display: block;
	width: 387px;
}

#bottom1alt {width: 379px;float: left;background: url(images/bg_bottom_top.jpg) no-repeat;height:200px;padding: 15px 8px 0px 12px;}
#bottom1alt h3 {padding:0 0 0 14px;}
#bottom1alt img {padding:60px 0 0 80px;}
#bottom2 form p {font: 11px "Trebuchet MS", Verdana, Tahoma;color: #383636;display: block;width: 166px;padding: 0px 0px 0px 20px;float: left;}
#bottom2 form p label {display: block;margin: 0px;padding: 0px;}
#bottom2 form p input, #bottom2 form p textarea {margin: 0px 0px 4px;padding: 0px 3px 3px;font: 10px "Trebuchet MS", Verdana, Tahoma;display: block;border: 1px inset #EEE;color: #c03b26;background: url(images/input.jpg) repeat-x left bottom;height: 13px;width: 140px;}
#bottom2 form p textarea {width: 330px!important;height: 50px!important;}
#bottom2 form p strong {color: #c03b26;display: block;padding: 10px 0px 0px 0px;}
#envoyer {
	display: block;
	float: none;
	height: 30px;
	width: 105px;
	margin: 10px 0px 0px 20px;
	background: url(images/envoyer.jpg) no-repeat;
	font-weight: bold;
	color: #FFF;
	padding: 0px!important;
	border: none;
}
#footer {clear: both;background: #FFF url(images/bg_footer.jpg) no-repeat;padding: 24px 10px 10px;color: #5e5a56;float: none;}
#footer div {color: #c03b26;padding: 10px 0px 0px;border-top: 1px solid #DDDDDD;margin: 10px 0px 0px;}
#footer p {padding: 0px 10px;}
#footer a {color: #444;}
#footer a:hover {color: #c03b26;text-decoration:underline;}

#right #i-blocks {background: url(images/i-blocks.jpg) no-repeat;height:160px;text-align:center;font-size:18px;}
#right #i-blocks a {display:block;float:left;width:150px;padding:126px 0 0 0;text-decoration:none;}

#nlist span {display:block;}
#nlist span em {background:#F1F1F1;font-size:10px;font-style:normal; padding:0 5px;border-bottom:1px solid #DBDBDB;}
#right3 form {padding:20px;}
#right3 form p {clear:both;}
#right3 form p label, #right3 form p span {display:block;float:left;width:150px;text-align:right;padding:0 5px;}
#right3 form p input, #right3 form p textarea {width:250px;
padding: 0px 3px 3px;font: 11px "Trebuchet MS", Verdana, Tahoma;
border: 1px inset #EEE;color: #c03b26;
background: url(images/input.jpg) repeat-x left bottom;
}
#right3 form p textarea {height:150px;}
#right3 form p #submit {width:80px;color:#fff;font-weight:bold;background:#BE4029;}
#right3 form p strong {color:#f00;}
#right3 p input.required, #bottom2 input.required {border-left:8px solid #BE4029;}
#right3 .errors {color:#f00;padding-left:160px;}
#right3 h4 {ccc;font-size:14px;font-weight:bold;color:#BE4029;padding:15px 0;}

#bottom2 .errors {color:#f00;font-size:10px;padding:2px 15px 20px;}