/*
BORA design
*/

/*
CONTENTS
*/

*{padding:0; margin:0;}

html {background-color:#FFF;}

#wrapper {height:auto; width:960px; margin:auto;}


/*
TOP
*/

#top {background:url(images/top.png); background-repeat:no-repeat; background-position: 0px 17px; height:160px; width:940px; margin:auto;}

#nav {height:22px; width:340px; position:relative; top:20px; left:606px}


/*
MIDDLE
*/
#middle {height:auto; width:940px; position:relative; top:10px; bottom:10px; margin:auto;}

#acceuil {height:252px; width:500px; margin-top:40px; margin-left:50px; margin-bottom:100px;}

#gch {height:auto; width:440px; float:left;}

#drt {height:auto; width:434px; float:right;}


/*
BOTTOM
*/
#bottom{height:20px; width:940px; position:relative; top:20px; margin:auto; clear:both;}

#contact {height:16px; width:430px; position:absolute; right:4px; padding-top:6px; padding-right:5px; padding-bottom:10px; font: 12px Helvetica, Arial, sans-serif; color:#555; font-weight:lighter; text-align:right; border-top-style:dotted; border-color:#888; border-width:1px;}


/*
PROFIL
*/

#profil{background:url(images/bora-design-profil.jpg); background-repeat:no-repeat;height:217px; width:434px;}

#nouveautes{height:auto; width:440px; font: 11px/14px Verdana; color:#777; font-weight:lighter; text-align:left; margin-left:48px; padding-top:60px;}

#col1 {background:url(images/polyvalence.png); background-repeat:no-repeat; background-position: 0px 30px; height:auto; width:380px; margin-left:48px; padding-top:110px;}

#col2 {height:auto; width:420px;}

#louischarles {background:url(images/louischarles.png); background-repeat:no-repeat; height:180px; width:420px; margin-left:0px; margin-top:20px; margin-bottom:110px;}

#bio {height:200px; width:260px; padding:30px 0px 0px 0px;}


/*
SERVICES
*/
#D2 {height:auto; width:199px; float:left; margin-left:6px;}

#D1 {height:auto; width:199px; float:right; margin-bottom:30px;}

#services {background:url(images/publicites.png); background-repeat:no-repeat; background-position: 0px 30px; height:auto; width:380px; margin-left:48px; padding-top:110px;}

#biscuit {background:url(images/bora-design-services.jpg); background-repeat:no-repeat;height:200px; width:434px;}


/*
PORTFOLIO
*/
#presentation {background:url(images/bora-design-portfolio.jpg); background-repeat:no-repeat; background-position: 0px 180px; height:380px; width:320px; margin-left:48px; float:left;}

#portfolio {font: 12px/18px 'Helvetica', Arial, sans-serif; color:#777; font-weight:lighter; height:auto; width:444px; margin-top:10px; float:right;}

ul.styleslimbox {border: none; list-style: none; margin: 0px 0px 0px 0px; padding: 0px;}

ul.styleslimbox li {padding-left: 24px; padding-right: 24px; padding-bottom: 36px; margin: 0px; border-style:none; display:inline; float:left;}

#logoetcartes {background:url(images/Logos_CartesAffaires.png); background-repeat:no-repeat; background-position: 20px 0px; height:320px; width:444px; margin-top:0px; padding-top:36px; border-bottom-style:dotted; border-color:#888; border-width:1px;}

#depetfeuillets {background:url(images/Depliants_FeuilletsPromo.png); background-repeat:no-repeat; background-position: 20px 0px; height:320px; width:444px; margin-top:0px; padding-top:36px; border-bottom-style:dotted; border-color:#888; border-width:1px;}

#affichesKiosques {background:url(images/Affiches-presentoirs-kiosques.png); background-repeat:no-repeat; background-position: 20px 0px; height:320px; width:444px; margin-top:0px; padding-top:36px; border-bottom-style:dotted; border-color:#888; border-width:1px;}

#pochettesetbroch {background:url(images/Pochettes-Brochures.png); background-repeat:no-repeat; background-position: 20px 0px; height:320px; width:444px; margin-top:0px; padding-top:36px; border-bottom-style:dotted; border-color:#888; border-width:1px;}

#sitesInternet {background:url(images/SitesInternet.png); background-repeat:no-repeat; background-position: 20px 0px; height:420px; width:444px; margin-top:0px; padding-top:36px ;border-bottom-style:dotted; border-color:#888; border-width:1px;}

#autres {background:url(images/Autres.png); background-repeat:no-repeat; background-position: 20px 0px; height:320px; width:444px; margin-top:0px; padding-top:36px; }

/*
FONTS
*/

.texteA {font: 12px/18px 'Helvetica', Arial, sans-serif; color:#777; font-weight:lighter;}
.texteB {font: 14px/18px 'Verdana', Arial, sans-serif; color:#514100; font-weight:normal;}
.c {font:9px Arial, sans-serif; color:#963; font-weight:lighter;}

h1, h2, h3, h4, h5, h6 {font-family:"Trebuchet MS", Verdana, sans-serif;}

h1 {font: 30px/36px 'OrbitronLight', Arial, sans-serif; color:#FFF; font-weight:lighter; display:inline;}
h2 {font:28px/46px 'OrbitronLight', Arial, sans-serif; color:#E19725; font-weight:lighter;}
h3 {font:20px/44px 'OrbitronLight', Arial, sans-serif; color:#FFF; font-weight:lighter}
h4 {font-size:12px;}
h5 {font-size:10px;}
h6 {font-size:6pt;color:#EEEEEE;}

.a {color:#555;text-decoration:none;}
.a:visited {color:#555;}
.a:active {color:#555;}
.a:hover {color:#CE935b;}

.b {color:#666;text-decoration:none;}
.b:visited {color:#666;}
.b:active {color:#666;}
.b:hover {color:#CE935b;}