/*  
Theme Name: sadesign
Description: thème développé pour le site/blog stanallain.com
Author: Stan Allain
Author URI: http://stanallain.com
*/

body
{
margin: 0;
padding: 0;
font-size: 62.5%;
text-align: left;
border-width: 0;
font-family: Arial, Helvetica, sans-serif;
background: #2b1a06 url(images/texture2.jpg) top center no-repeat;
width: 100%;
display: table;
}

* {outline:none;margin: 0; padding: 0; }

img{border: 0; margin: 0; padding: 0;}

.auto {width: 960px; padding: 0 20px; margin: 0 auto;}
.clear{clear: both;}
.all{width: 100%; margin: 0; padding: 0;}
.hidden{display: none;}

.wrap12, .wrap11, .wrap10, .wrap9, .wrap8, .wrap7, .wrap6, .wrap5, .wrap4, .wrap3, .wrap2, .wrap1
{float: left; margin: 0; padding: 0;}
.wrap12{width: 960px;}
.wrap11{width: 880px;}
.wrap10{width: 800px;}
.wrap9{width: 720px;}
.wrap8{width: 640px;}
.wrap7{width: 560px;}
.wrap6{width: 480px;}
.wrap5{width: 400px;}
.wrap4{width: 320px;}
.wrap3{width: 240px;}
.wrap2{width: 160px;}
.wrap1{width: 80px;}

ul, form, ol{border: none; margin: 0; padding: 10px 0 10px 0;}

ol li {list-style: outside decimal;}
ul li {list-style: outside square;}

p, li, p a, li a, p a:hover, li a:hover {font-weight: normal; text-decoration: none; font-style: normal; letter-spacing: 0; word-spacing: 0;}

p {line-height: 20px; padding: 10px 20px;}
li {line-height: 20px; padding: 0 20px 10px 0 ; margin-left : 40px;}
label {line-height: 20px; padding: 0 20px;}
h3	{line-height: 20px; padding: 20px 20px 0 20px; }
h2{line-height: 40px; padding: 20px 20px 0 20px; }
h1 	{ line-height: 40px; padding: 0 20px;}

p, li, .norm {font-size: 13px; color: #9f896f; text-decoration: none;}
label {font-size: 12px; color: #9f896f; text-decoration: none;}
p, li, p a:hover, li a:hover, h3 a:hover, h2 a:hover, h1 a:hover, .norm {color: #9f896f; text-decoration: none;}
p a, li a {color: #c1af9a;}
h3, h3 a {font-weight: normal; font-family: "Trebuchet MS", Georgia, serif; font-size: 16px; color: #a46419; text-decoration: none;}
h2, h2 a {font-weight: normal; font-family: "Trebuchet MS", Georgia, serif; font-size: 24px; color: #e8c8a2; text-decoration: none;}
h1, h1 a {font-weight: normal;font-size: 24px;color: #000000; letter-spacing: 0px; margin: 80px 0 40px 0; text-decoration: none;}

h2.accroche
{
font-family: "Trebuchet MS", Georgia, serif;
font-size: 28px;
font-weight: normal;
line-height: 40px;
text-decoration: none;
padding-bottom: 20px;
}

h2.accroche a
{
font-size: 28px;
font-weight: normal;
text-decoration: none;
}

#banner
{
margin: 20px 0;
background: url(images/banner.jpg) repeat-y;
}

.yell
{
color: #967146;
}

.turq, .turq a
{
color: #76ae9f;
}

.topmar
{
margin-top: 20px;
}

.italic, .italic a, .italic a:hover
{
font-style: italic;
font-size: 11px;
}

.edit
{
float: right;
margin: 0;
font-size: 10px;
}
/* //////////////////////////////////////////////////////// */

#topnav
{
background: url(images/black.png) bottom repeat-x ;
border-bottom: solid 1px #000000;
position: absolute;
z-index: 200;
top: 0;
left: 0;
}

body > #topnav{ position: fixed; }

#topnav li
{
float: left;
width: 80px;
text-align: center;
list-style: none;
margin: 0;
padding: 0;
}

#topnav li a
{
display: block;
font-weight: bold;
padding: 10px ;
margin: 0 ;
}

#topnav li a:hover
{
font-weight: bold;
background: url(images/white.png) bottom center no-repeat ;
}

#topnav p a
{
color: #505050;
padding-left: 25px;
background: url(images/mail.jpg) left center no-repeat;
}

#topnav p a:hover
{
color: #888888;
}

#diapos
{
float: left;
margin: -228px 0 0 400px;
width: 560px;
height : 280px ;
background: url(images/bgdiap.png) center no-repeat;
}

.cache
{
position : absolute ;
margin: 40px;
z-index: 10;
overflow : hidden ;
width : 480px ;
height : 200px ;
}

#defilement1 img, #defilement2 img, #defilement3 img, #defilement4 img
{
width : 480px ;
position : absolute ;
z-index: 5;
display : block ;
}

/* FIN DE DIAPORAMA */

.separ
{
height: 0;
line-height: 0;
border-top: solid 1px #0d0802;
border-bottom: solid 1px #422809;
margin-top: 28px;
margin-bottom: 0;
}

.blackbg
{
background: #1f1304 ;
}

.lightbg
{
background: #492c0a ;
margin-right: 10px;
}

.leatherbg
{
background: #2b1a06 url(images/texture.jpg) top left no-repeat;
}

/* formulaire contact */
#reponse.ajax
{
width : 40px ;
height : 40px ;
background : url(images/ajax.gif) top center no-repeat ;
}

#nom, #email, #message, #telef, #s1, #s2, #s3, #s4
{
margin: 0 20px 10px 20px;
padding: 3px;
background: #2b1a06;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
color: #c1af9a;
}

#s1, #s2, #s3, #s4
{
margin: 0 20px 10px 20px;
padding: 3px;
background: #492c0a;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
color: #c1af9a;
}

#nom, #email, #telef {width: 200px; height: 26px;}
#message{width: 360px;max-width: 360px; height: 138px;}

#button, #sbutt
{
width: 60px;
height: 24px;
text-align: center;
margin: 0 20px 10px 320px;
background: url(images/bouton.gif) no-repeat ;
color: #d0d0d0;
border: 0;
margin-bottom: 20px;
}

#button:active, #sbutt:active
{
background: url(images/boutonh.gif) no-repeat ;
outline: none;
}

.footer
{
padding-bottom: 300px;
padding-top: 20px;
}

#contact
{
margin-top: 20px;
}

/* anchors */

p#accueil, p#accueil a, p#blog, p#blog a
{
display: none;
height: 0;
margin: 0;
padding: 0;
}

p.cont a {color: #76ae9f;}
p.cont a:hover {color: #505050;}

.left
{
float: left;
}

.right
{
float: right;
}

.side
{
padding-top: 20px;
}

p.more a
{
display: block;
text-align: center;
background: url(images/bouton.gif) center left no-repeat;
height: 20px;
width: 60px;
color: #2b1a06;
}

p.more a:hover
{
background: url(images/boutonh.gif) center left no-repeat;
color: #9f896f;
}

.portfolio
{
width: 478px;
height: 200px;
overflow: hidden;
margin-top: 18px;
border: solid 1px #a46419;
}

.content
{
padding-bottom: 20px;
}