.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*{outline:none;border:0 none;margin:0px;padding:0px}
html{ overflow-y:scroll;}
img{border:none;vertical-align:middle}
ul{list-style:none}
body{font-size:13px;line-height:14px;font-family:Arial;background:url(images/body.gif) center;color:#9d997d; margin: 0; text-align: center;}
input,select,textarea{font-size:12px;line-height:14px;font-family:Arial;vertical-align:middle}
a{text-decoration:none;color:#9C9A83}
a:hover{text-decoration:none}
h1{font-size:16px;line-height:18px}
h2{font-size:18px;line-height:18px}
h3{font-size:13px;line-height:15px}
h4{font-size:11px;line-height:14px}
h5{font-size:9px;line-height:12px}
.floatleft{float:left;width:auto}
.floatright{float:right;width:auto}

/*---NAVIGATION---*/
#page{width:951px;position:relative;margin-left: auto;margin-right: auto;text-align: left}
#navigation{overflow:hidden;height:21px;background:url(images/blacknav.gif) no-repeat left top}
#localisation{width:540px;float:left;padding:0 0 0 10px;color:#fff;font-size:11px}
#localisation a{color:#fff}
#lien-un{float:left;margin:0 0 0 17px}
#lien-deux{float:left;margin:0 0 0 65px}
#lien-trois{float:left;margin:0 0 0 65px}
a.annexe{display:block;line-height:21px;font-size:12px;color:#c16807;text-align:center;text-transform:uppercase}
a:hover.annexe {color:#FF9933;}

/*---CONTENANT---*/
#corps{width:890px;margin:10px 0 30px 30px}

/*---HAUT---*/
#logo{width:225px;float:left}
#intro{background:url(images/leaf.gif) no-repeat left 100px}
h1#intro{width:280px;float:left;height:146px;padding:10px 0 0 55px}
h1#intro strong{color:#c16807;font-size:19px;line-height:22px}
.shadows-box{width:315px;float:right;padding:11px 0 0 0;background:url(images/achieve.png) no-repeat right 11px}
.shadows{width:315px;clear:both;overflow:hidden;height:47px}
.shadow a{float:left;width:40px;display:block;margin:0 10px 0 0;height:40px;background:url(images/shadow-box-n.png) no-repeat left top}
.shadow a:hover{background:url(images/shadow-box-a.png) no-repeat left top}

/*---MENU---*/
#ambiance{float:left;width:890px;height:320px;background:url(images/fonds/kensei_beige.jpg) no-repeat left top}
#menu{width:144px;float:left;padding:65px 0 0 0;margin:0 0 0 746px}
#menu li{margin:0 0 5px 0}
#menu li a{color:#fff;font-size:17px;font-weight:normal;display:block;padding:0 0 0 24px;line-height:36px;width:143px;height:37px;background:url(images/kensei-n.gif) no-repeat left top}
#menu li a:hover{color:#c16807;font-weight:bold;background:url(images/kensei-a.gif) no-repeat left top}

/*---CONTENU---*/
.contenu{width:890px;float:left}
#ecart {margin-bottom:100px}
.saut {margin-top:20px}
.filet {border-bottom:1px dotted #9d997d;padding-bottom:12px}
.contenu h2{color:#c97016;text-transform:uppercase;}
.contenu ul {border-bottom:1px dotted #9d997d;}
.contenu ul li {list-style-image:url(images/fleur1.gif);margin:20px 0 6px 19px; text-transform:uppercase;color:#c97016;}
li#shogun {list-style-image:url(images/fleur2.gif);color:#9d997d;}
.colonne .shogun { font-size:12px;}
.colonne {width:276px;float:left;}
.colonne p, .demie_colonne p {text-align:justify; font-size:14px; line-height:19px; padding:6px 0 6px 0;}
.colonne .liste, .demie_colonne .liste {text-align:left; font-size:12px; font-weight:bold; line-height:15px; padding:3px 0 3px 20px;}
.expertise p {padding:8px 0 8px 0;}
.beige {background-color:#dcdaca;}
.marge {margin:0 31px 0 0;}
.argu {background:url(images/chapeau.gif) no-repeat left top;background-color:#dcdaca; height:300px;margin-top:20px;}
.argu h2{color:#fff;text-align:center;font-size:18px;margin:16px 0}
.argu p {padding:12px 30px 0 30px;}
.kensei .argu {background-color:#9d997d; color:#FFFFFF}
.creations .argu {height:155px;}
.double {width:583px;float:left;}
.demie_colonne {width:206px;float:left;}
.demie_marge {margin:0 22px 0 0;}
#adresse{height:77px;background:url(images/bloc1.png) no-repeat left top;padding:0 10px;color:#fff}
.adresse{display:block;font-size:11px; line-height:14px}
.block4{height:200px;background:url(images/block4.gif) no-repeat left top;padding:0 12px;color:#fff}
.block9{height:104px;background:url(images/block9.gif) no-repeat left top}
a.more{width:71px;height:14px;background:url(images/more.gif) no-repeat left top;display:block;margin:12px 0;font-size:10px;text-align:center;line-height:13px;color:#fff}
.mac_pc{height:82px;margin-top:12px;background:url(images/bloc2.png) no-repeat left top}
.compatible-1{width:52px;text-align:center;padding:4px 0 0 0;float:left}
.win{padding:5px 0 0 0}
.compatible-2{width:140px;padding:14px 0 0 0;float:left;font-size:9px}
p.inspire{background:url(images/flower.png) no-repeat left; background-position:top 6px; padding:0 0 0 45px;}
p.accueil {padding:0 0 6px 0;}
.etude{padding:5px 0 0 3px}
.etude a{height:60px;background:url(images/etude.png) no-repeat left top;line-height:40px;color:#fff;text-align:center;display:block;font-size:14px;font-weight:bold;padding-top:10px}
#themes{margin:15px 0 0 20px;height:104px;background:url(images/bloc3.png) no-repeat left top}
.change{padding:6px 11px 3px 22px;font-size:15px;color:#9d9b84;line-height:17px; text-align:}
.themes{margin:3px 0 0 7px}
.theme{width:30px;float:left;text-align:center}
.theme a{display:block;margin:0 0 5px 0}
.mascotte{padding:0 0 0 26px}
.devis{padding:17px 0 0 23px;color:#FFFFFF;line-height:17px;font-size:12px;height:104px;background:url(images/block6.gif) no-repeat left top}
.parcours{height:104px; margin:10px 0 0 55px;background:url(images/bloc-parcours.png) no-repeat left top}
.pdf_cv{float:left;padding:9px 0 0 15px}
.cv{padding:10px 0 0 55px;font-size:11px}
.reader{margin:14px 0 0 33px}

/*---TRAVAUX----*/
.double h3 {border-bottom:1px solid #c97016; border-top:1px solid #c97016;margin:0 0 15px 0; padding:4px 0; text-transform:uppercase;color:#c97016;}
ul#categories {margin-top:40px;}
ul#categories li {list-style-image:url(images/fleur2.gif);margin:0 0 0 15px; text-transform:uppercase;color:#c97016;}
.realisations a {height:103px;width:150px;padding-right:20px;float:left}
.realisations {float:left;width:583px;line-height:17px}
.realisations img{border:1px solid #c97016;}

/*---RUBRIQUES---*/
.edito {float:left; width:662px;}
.rubrique {background-color:#FF9933; text-transform:uppercase; color:#FFFFFF; font-weight:bold; padding:0 10px;margin:0 10px 0 0;letter-spacing:3px}
.identite {font-size:16px}
.identite strong{font-size:18px;font-weight:bold}
.date {width:100px;height:35px}
.date strong{float:left;width:50px;font-size:40px;font-weight:bold;color:#c97016;padding-top:7px}
.date span{font-family:Times New Roman, Times, serif ;font-weight:bold;font-size:18px}
.photo {width:140px;height:140px;border: 1px solid;margin:19px 0 14px 30px;}
.accroche {font-size:40px; font-family:Times New Roman, Times, serif ; padding:5px 0 17px 0;}
.synopsis {font-size:16px; font-weight:bold; line-height:18px;margin:0 0 15px 0}
.question { font-style:italic; font-weight:bold;color:#FF9933}

/*---FORMULAIRE CONTACT---*/
.coords{width:200px;padding:10px 0 0 10px;float:left;}
.coords strong {line-height:17px; font-size:13px}
#portable {width:201px; margin-top:10px;}
#contact{padding-top:6px}
.coordonnees{width:280px;float:left}
.coord_label{float:left;width:70px;height:15px;margin:8px 0 0 0}
.coord_field{float:left;width:180px;height:18px;margin-top:7px}
.message{width:290px;float:left}
.mess_field{float:left;width:255px;height:123px;margin-top:7px}
.input{background:url(images/input.gif) repeat-x scroll -3px -3px;border:1px solid #C0C0C0;width:175px}
.input-message{background:url(images/input.gif) repeat-x scroll -3px -3px;border:1px solid #C0C0C0;width:250px}
.obligatoire{float:left;margin:5px 0px 0px 3px}
.joindre{float:left;}
.annuler{margin:4px 0 0 93px}
.envoyer{margin:4px 0 0 0}

/*---ANNEXES---*/
.vente p{font-size:12px;line-height:18px;}
.identifiants{float:left;width:90px;height:15px;margin:8px 0 0 0}

/*---FOOTER---*/
#copyright {text-align:center;font-size:11px;color:#9d997d;height:19px;background:#FFFFFF;padding-top:15px;}
#signature{text-align:center;font-size:11px;color:#9d997d;height:50px;line-height:13px;padding-top:5px;background:#dcdaca;}
#footer {width:950px; height:88px; bottom:0;}
#partenaires{float:right;margin:-40px 20px 0 0;}