/*================================================
	HTML
================================================*/

html,body{margin:0;padding:0;font-size:12px;font-family:'Asap';letter-spacing:.1em}
/*body{background: #fff url("../pics/bg/froid.jpg") top center no-repeat}*/
body{background: #fff url("../tel.png")}

img{border:0}
ul{padding:0;padding-left:0;list-style-type:none}
table,tr,th,td{border:0px;vertical-align:middle,padding:0;margin:0;border-spacing:0;border-collapse:collapse}
.cnt{text-align:center}
.js{text-align:justify}


/*================================================
	Header Logo
================================================*/

header.bar{
	width:100%;
	height:45px;
	top:0;
	margin:auto;
	position:fixed;
	z-index:999
}

header.bar #logo{
	width:1000px;
	height:45px;
	margin:0px auto;
	box-shadow: 0px 0px 10px #656565
}

header.bar #logo img{opacity:1}

header.bar #logo img:hover{opacity:0.5}

#ad {position:absolute;display:block;width:10px;height:10px;top:0px;margin:0px;margin-left:990px}
#ad a:hover{background:#f00}




/*================================================
	Header Nav
================================================*/

nav.header{
	width:1000px;
	height:22px;
	margin:0 auto;
	padding-top:3px;
	font-size:13px;
	text-transform:uppercase;
	text-align:center;
	text-shadow: 0.1em 0.1em 0.2em black;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 0px 4px 10px #656565
}

nav.header ul{margin:0;padding:0;list-style:none;padding:2px 0px;overflow:hidden}
nav.header li
{
	display:inline;
	border:1px solid white;
	border-style:none solid none none;
	border-right-color:#fff
}

nav.header li a{
	padding:4px 11px;
	color:#fff;
	text-decoration:none;
	background:transparent;
	transition:background 0.5s
}

nav.header li a:hover{
	color:#fff;
	background:#ed7500;
	transition:background 0
}




/*================================================
	Search bar
================================================*/

#search-bar input[type=text], #search-bar input[type=submit], nav.bar input[type=text], nav.bar input[type=password], nav.bar input[type=submit] {background:transparent url("../pics/layout/control.png") no-repeat}
#search-bar {position:absolute;top:0px;margin-top:10px;margin-left:715px}
#search-bar input[type=text] {
	width:175px;
	height:21px;
	position:relative;
	background-position:0px 0px;
	border:none;
	outline:none;
	padding:1px 6px 0px 28px;
	vertical-align:bottom;
	color:#a4a4a4;
	z-index:2
}
#search-bar input[type=text]:hover {color:#E4E4E4;background-position:0px -22px;}
#search-bar input[type=text]:focus {color:#E4E4E4;background-position:0px -44px;}
#search-bar input[type=submit], nav.bar input[type=submit] {text-indent:-1000em;border:none;background-position:-214px -1px;width:21px;height:21px;box-shadow:none}
#search-bar input[type=submit]:hover, nav.bar input[type=submit]:hover {background-position:-214px -45px;cursor:pointer}



/*================================================
	Login
================================================*/

nav.bar form{color:#fff;font-weight:bold;padding:3px 0 0 10px}
nav.bar input[type=text], nav.bar input[type=password] {
    width:156px;
    height:21px;
    position:relative;
    background-position:0px -66px;
    border:none;
    outline:none;
    padding:1px 6px 0px 8px;
    vertical-align:bottom;
    color:#A4A4A4;
    z-index:2
}
nav.bar input[type=text]:hover, nav.bar input[type=password]:hover {color:#E4E4E4;background-position:0px -88px;}
nav.bar input[type=text]:focus, nav.bar input[type=password]:focus {color:#E4E4E4;background-position:0px -110px;}




/*================================================
	Content Page
================================================*/

#content{
	width:1000px;
	margin:100px auto 0 auto;
	background-color:#fff;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	box-shadow: 0px 0px 10px #656565
}




/*================================================
	Navbar
================================================*/

nav.bar{
	width:100%;
	height:28px;
	margin:auto;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom:8px solid #e20010
}

nav.bar ul{
	height:28px;
	text-shadow:0.1em 0.1em 0.2em black;
	margin:0 0 0 20px;
	list-style:none;
}

nav.bar li{display:inline;margin:0 5px 0 5px}
nav.bar a{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding:7px 8px;
	outline:0;
}

nav.bar li a{
	height: 28px;
	line-height: 28px;
	text-align: center;
	background:transparent;
	transition:background 0.5s
}

nav.bar li a:hover{
	background:#e20010;
	transition:background 0
}

nav.bar li.current a{padding:12px 8px;background:#e20010}




/*================================================
	Page
================================================*/

section.page{
	float:left;
	width:690px;
	padding:5px 5px 15px 5px;
	background-color:#fff
}

section.page h1{color:#000;text-transform:uppercase;font-size:12px;padding:0;margin:0}
section.page b{color:#338733}
section.page a{color:#1768b1;text-decoration:none}
section.page a:hover{text-decoration:underline}




/*================================================
	Aside
================================================*/

aside.bar{
	width:290px;
	padding:5px;
	margin-left:700px;
	background:#f4f4f4 url('../pics/layout/aside_bg.png');
	border-bottom-left-radius:10px
}

aside.bar a{color:#1768b1;text-decoration:none}
aside.bar a:hover{text-decoration:underline}

aside.bar input[type=text]{
	border:1px solid #d7d7d7;
	border-radius:4px;
	box-shadow: 5px 5px 8px #e1e1e1
}

aside.bar .welcome{
	padding:5px;
	margin:15px 0 15px 0;
	border:1px solid #ddd;
	background-color:#fff;
	border-radius:4px
}

aside.bar .welcome img{
	width:33px;
	height:65px;
	float:right;
	margin:-15px 5px 0 0
}

aside.bar h1{
	color:#295a8c;
	font-size:14px;
	padding:0;
	margin:0;
}

aside.bar .box{
	margin-bottom:15px;
	border:1px solid #ddd;
	background-color:#fff;
	border-radius:4px
}

aside.bar .home{padding:5px 10px 5px 10px}




/*================================================
	Aside -> Shedule
================================================*/

#hor ul{margin:0;padding:5px 0 0 0}
#hor li{
	padding-left:5px;
	list-style-type:none;
	transition:background 200ms linear
}

#hor li:hover{
	color:#7b1808;
	background-color:#e3e3e3
}

#hor b{margin-right:5px}




/*================================================
	Aside -> Follow
================================================*/

#box_follow{
	width:270px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
	margin:auto;
	text-transform:uppercase;
	border-top-left-radius:4px;
	border-top-right-radius:4px
}

#box_connect{
	width:280px;
	margin:0 auto 15px auto;
	padding:10px 0px 5px 0;
	background: white url('../pics/layout/social_bg.png') no-repeat
}



/*================================================
	Slideshow
================================================*/

#slideshow{
	width:690px;
	height:520px;
	margin-bottom:40px
}

#slideshow img{margin-top:6px;max-width:690px}

#slideshow h1{
	color:#000;
	margin:0;
	padding:0;
	font-size:12px;
	text-align:left;
	text-transform:uppercase
}

ul.ppt{position:relative;padding:0;margin:0}
.ppt li{position:absolute;top:0;left:0px;width:690px;text-align:center}




/*================================================
	News
================================================*/

#news{
	width:290px;
	height:200px;
	float:left;
	padding:35px 0 0 65px;
	background: white url('../pics/layout/news_bg.png') no-repeat;
}

#news i{color:#1768b1;font-size:10px}
#news hr{border-style:dashed;border-color:#cdcdcd}




/*================================================
	Home
================================================*/

#homeselect{
	width:95%;
	margin:2px auto 10px auto;
	background-color:#f4f4f4;
	color:#484ba5;
	font-weight:bold
}

#homeselect td{width:25%;padding:10px 0px 10px 0px;text-align:center;vertical-align:top}
#homeselect img{border:1px solid #ddd}
#homeselect img:hover{border:1px solid #000}
#homeselect i{color:#666;font-weight:normal}
#homeselect b{width:90%;color:#900;font-size:16px}
#homeselect .strike{font-weight:none;font-size:12px;color:#000;text-decoration:line-through}




/*================================================
	Render
================================================*/

section.page img{max-width:690px}
section.page h2 {width:100%;color:#333;margin-top:25px;font-weight:bold;border-bottom:1px solid #333}

section.page input[type=text]{
	padding-left:10px;
	border:1px solid #d7d7d7;
	border-radius:4px;
	box-shadow: 5px 5px 8px #e1e1e1
}

aside.bar textarea, form textarea {
	width:268px;
	height:250px;
	padding:10px;
	border:1px solid #d7d7d7;
	border-radius:4px;
	box-shadow: 5px 5px 8px #e1e1e1
}

aside.bar textarea.print, form textarea.print {height:50px}

aside.bar input[type=text]{
	width:270px;
}

section.page textarea{
	width:668px;
	padding:10px;
	border:1px solid #d7d7d7;
	border-radius:4px;
	box-shadow: 5px 5px 8px #e1e1e1
}

section.page input[type=text]:hover, section.page textarea:hover, aside.bar input[type=text]:hover, aside.bar textarea:hover, form textarea:hover { background-color:#e1e1e1 }




/*================================================
	Aside -> Render
================================================*/

aside.bar .title{
	width:100%;
	margin:auto;
	color:#999;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	text-shadow:0px 1px 0px rgba(255,255,255,0.2)
}

aside.bar .price{
	color:#ff3600;
	font-weight:bold;
	font-size:30px;
	text-align:center;
	text-shadow:0px 1px 0px rgba(255,255,255,0.2)
}

.ecotaxe{
	color:#6085e6;
	font-size:11px;
	text-align:center;
	margin-bottom:5px;
}




/*================================================
	Aside -> Menu
================================================*/

#menu a{color:#515151;text-decoration:none;margin-left:5px}
#menu a:hover{color:#000}
#menu li{border-bottom:1px dashed #9A9A9A;}
#menu li:hover{color:#000;background-color:#f0f0f0}
#menu b, #menu b a{color:#900}
#menu span, #menu span a{color:#900;margin-left:15px}




/*================================================
	Devis
================================================*/

#devis fieldset{
	width:90%;
	margin:20px auto 20px auto;
	border:1px solid #000;
	border-radius:8px
}

#devis legend{font-weight:bold}
#devis fieldset i,#devis fieldset div{color:#c4c4c4}#devis fieldset span{font-style:italic;color:#940000}#devis fieldset{padding-left:20px}
#devis fieldset input[type=text]{
	padding-left:5px;
	border:1px solid #000;
	border-radius:4px
}
#devis fieldset input[type=text]:hover{background-color:#d09a14}
#devis label{margin-right:10px}
#total{
	width:95%;
	margin:auto;
	color:#bd3131;
	font-size:18px;
	font-weight:bold;
	text-align:right;
	padding-top:10px;
	border-top:3px solid #000
}




/*================================================
	Footer
================================================*/

footer{
	width:1000px;
	clear:both;
	margin:auto;
	color:#000;
	font-size:11px;
	text-align:center;
}

footer i{font-size:10px;color:#000}

#footer_ban{
	width:100%;
	height:45px;
	background:url("../pics/layout/footer_bg.png") repeat-x;
	box-shadow: 0px 7px 10px #000
}
#footer_logo{width:168px;height:45px;float:left}
#footer_copyright{color:#666;padding-top:5px; text-align:left}
#footer_copyright a{color:#d09A14;text-decoration:none}
#footer_copyright a:hover{text-decoration:underline}
#footer_product{padding:10px 0 10px 0;color:#fff;font-weight:bold}
#footer_product a, #footer_legal a{color:#6e8f10}
#footer_product a:hover, #footer_legal a:hover{color:#303f08}
#footer_info {
	width:100%;
	padding:10px 0 10px 0;
	line-height:20px;
	background-color:#000;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	box-shadow: 0px 5px 10px #000
}
#footer_text{width:168px;float:left;padding-right:10px;text-align:right;color:#d09A14;font-weight:bold;}
#footer_link{text-align:left;color:#2b2b2b}
#footer_link a{color:#999;text-decoration:none}
#footer_link a:hover{color:#fff;text-decoration:underline}
#footer_legal{color:#fff;padding:10px}




/*================================================
	Addons
================================================*/

.less{width:100%;margin:auto}
.clear{clear:both;}
.strike{color:#000;font-size:10px;font-weight:bold;text-decoration:line-through}

#rowlist{width:100%;margin:20px auto 0 auto}
#rowlist tr:hover{background-color:#e0e0e0;}
.rowovera{height:25px;background-color:#f3f3f3}
#rowlist a{color:#980000;text-decoration:none}
#rowlist a:hover{text-decoration:underline}
#rowlist b{color:#ff5a00}
.rowoverb{height:25px;background-color:#fcfcfc;}
.rowoverc{height:25px;background-color:#ffbe57;}
.row_txt{padding-left:20px;vertical-align:middle;text-align:justify}.row_txt img{width:100px;height:100px}
.row_price{color:#ff5a00;vertical-align:middle;font-weight:bold;text-align:right;padding-right:5px;font-size:14px;border-bottom:1px solid #dedede}

input[type=submit],input[type=button],input[type=file],select{
	border-radius:4px;
	border:1px solid #d7d7d7;
	background-color:#fff;
	box-shadow: 5px 5px 8px #e1e1e1
}

input[type=submit]:hover{background-color:#e1e1e1}

#printlogo img{display:none}

span.bulle{position:relative;z-index:24;cursor: pointer}
span.bulle:hover{z-index:25}
span.bulle span{display: none}
span.bulle:hover span{
	width:300px;
	display:block;
	position:absolute;
	top:40px;
	left:20px;
	border:1px ridge #000;
	color: #fff;
	padding: 10px;
	background-color: #555
}

/*================================================
   W3C Button
================================================*/

#w3c {
	margin:0 auto 10px auto;
	width:108px;
	height:18px
	border: 1px solid #ccc;
	font-weight: bold
}
#w3c a{display:block;width: 100%;text-decoration:none}
#w3c b{color:#0c479d;background-color: #fff;padding:2px}
#w3c span{color:#000;background-color: #fc6;padding:2px}