/* -------------------------------------
Initialisation des styles par defaut
---------------------------------------- */
h1, h2, h3, h4, h5, h6, p, form, table, tr, td { margin: 0px }
a img, :link img, :visited img { border: 0 }
table { border-collapse: collapse }
tr, td { margin: 0; padding: 0 }
ul, li { margin: 0; padding: 0; list-style-type: none }


/* COMMON */
a { color: #9E2F2C; text-decoration: none }
a:hover { color: #9E2F2C; text-decoration: underline }
p, ul  { margin: 0 0 1em 0 }
h1, h2, h3 { clear: both; font-family: "Georgia", "Times New Roman" }
h1 { margin: 0 0 15px; padding: 0 0 3px; font-size: 1.3em; color: #B62E21; border-bottom: 1px solid #B62E21 }
h2 { margin: 20px 0 5px; padding: 0 0 3px 0; font-size: 1.2em; font-weight: bold; color: #444; border-bottom: 1px dotted #444 }
h3 { font-size: 1.17em; font-weight: bold }
.fl-l { float: left }
.fl-r { float: right }
.clear { clear: both }
.mention { font-size: .9em; font-style: italic; text-align: right }
.sign { padding: 1px 0 5px 22px; background: url(http://ipika.fr/signature/favicon.png) no-repeat 0 0 }

/* ------ STRUCTURE ------ */
.center { position: relative; width: 890px; height: auto; margin: 0 auto }
#header { height: 254px; overflow: hidden }
#content { overflow: hidden; background: #FFF url(img/body_bkg.gif) repeat-y 0 0 }
#main-column { float: left; width: 570px; padding: 20px 40px }
#main-column img { margin: 10px 0 0 10px; border: 10px solid #E3E4E3 }
#main-column a { font-weight: bold }
#right-column { float: right; width: 210px; padding: 20px 15px }
#right-column img { border: 2px solid #FFF; }
#right-column h1 { }

/* ------ MENU ------ */
#menu .center { width: 886px; height: 50px; border: 2px solid #FFF; background-color: #E3E5E4; overflow: hidden }
#menu li { float: left; height: 50px; margin: 0; padding: 0 }
#menu a { display: block; padding: 15px 17px; font-size: 1em; color: #555; text-transform: uppercase; text-decoration: none }
#menu li.selected { background: url(img/menu_select.gif) center bottom no-repeat }
#menu li.selected a { color: #B62E21; background: url(img/) right top no-repeat; cursor: default }
#menu a:hover { color: #B62E21 }


/* ------ PRODUITS ------ */
#right-column .navigation li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #555; text-transform: uppercase; }

.product { overflow: hidden; border-bottom: 1px dotted #444; margin-bottom: 10px; padding-bottom: 10px }
.product-img { float: left; width: 110px; margin-right: 10px; text-align: center }
.product-img a { text-decoration: none }
#main-column .product-img img { margin: 0; padding: 5px; background: #E3E5E4; border: 0 }
.product-description { float: left; width: 450px; }
.product-name { font-weight: bold; }
.product-author { font-style: italic; }
.zoom { position: relative; bottom: 25px; left: 30px; padding: 10px 18px; background: transparent url(img/zoom.png) no-repeat scroll right bottom; }
#portfolio li { width: 210px; text-align: center }

/* ------ ACTUS ------ */
.news { border-bottom: 1px dotted #444; margin-bottom: 10px; padding-bottom: 10px }
.news-description { display: block }
.news-link { display: block }
.news-source, .news-date { color: #909090; font-size: .95em }


/* ------ FORMULAIRE ------ */
.required { color: #BF0B35 }
label { display: block; clear: left; float: left; padding: 3px 10px 0 0; width: 150px; text-align: right }
input[type=text], textarea { padding: 3px 4px 0 4px; width: 195px; font-size: 12px; font-family: "Georgia", "Times New Roman"; border: 1px solid #5E5E5E; color: #444; background: #FFF url(img/input_bkg.gif) repeat-x scroll left top; }
input[type=text] { height: 18px }
input[type=file] { height: 25px }
input[type=submit] { width: 205px; height: 24px; margin-left: 160px; padding: 0 0 1px; font-size: .85em; border: 1px solid #9B9B9B; background: #212121; color: #FFF; text-transform: uppercase; cursor: pointer }
input[type=submit]:hover { color: #FFF; background-color: #B62E21 }
#accepted { padding: 1.5em 15px 1.5em 40px; color:#444; background: #CFC url(img/accept.png) 15px center no-repeat; border: 2px solid #9C9; text-align: center }
#error { padding: 1.5em 15px 1.5em 40px; color:#444; background: #F99 url(img/exclamation.png) 15px center no-repeat; border: 2px solid #F66; text-align: center }


/* ------ FOOTER ------ */
#footer { padding-bottom: 20px; font-size: .85em; color: #555; font-weight: bold; }
#footer .center { width: 886px; padding: 10px 0; border: 2px solid #FFF; background-color: #E3E5E4; overflow: hidden; text-align: center }
#footer p { margin: 0; padding: 0 }
#footer a.admin { color: #555; text-decoration: none }
#footer a.admin:hover { text-decoration: none }
#footer a.sitemap { color: #5E5E5E; text-decoration: none }