/*
**  @author : wimake
*/

/****
* Librairies (CSS reset...)
****/

html,body,span, applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dd,dl,dt,li,ol,ul, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1.3em;font-family:inherit;text-align:inherit;}
a img,:link img,:visited img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ul{list-style:none;}
ol{list-style: decimal inside};
q:before,q:after, blockquote:before,blockquote:after{content:"";}
strong,h1,h2,h3,h4,h5,h6 {font-weight:bold;}
em{font-style:italic;}
input, textarea, select  {font-size:99%}
* {outline:none;margin: 0; padding: 0}


/****
* Styles generaux
****/

body {font: 10px Arial, Helvetica, sans-serif;background: #FFFFFF;margin: 0;padding: 0;color: #333;}

a {text-decoration:none; color:#333;}
a:hover {text-decoration:none; color:#990000;}

/* alignement (vertical-align, text-align */
.txtL{text-align:left !important;}
.txtC{text-align:center !important;}
.txtR{text-align:right !important;}
.txtT{vertical-align:top !important;}
.txtM{vertical-align:middle !important;}
.txtB{vertical-align:bottom !important;}
.txt12{font-size: 12px;}

.colorV   {color: #0066ff;}
.colorE   {color: #ff9900;}
.colorD   {color: #cc3333;}
.colorECO {color: #00cc00;}

/* positionnement flottant */
.floatL, .float_l {float:left;}
.floatR, .float_r {float:right;}
.clearfl {clear: both;}

/* largeurs des blocs */
.size1on1{float:none !important;margin-right:0; width:auto}
.size1on2{width:497px !important;}
.size1on3{width:32.3% !important;}
.size2on3{width:66% !important;}
.size1on4{width:23.8% !important;}
.size3on4{width:74.8% !important;}
.size1on5{width:18.8% !important;}
.size2on5{width:39% !important;}
.size3on5{width:58% !important;}
.size4on5{width:78% !important;}

.minH3 {min-height: 280px;}
.minH1 {min-height: 120px;}
.spacer{min-height: 15px;}

#message-box {color: #cc0000;text-align: center;}

/****
* Structure principale
****/
#global {margin:1.5em auto;width:1000px;}

#main {float:left;width:1000px; min-height: 400px; padding-top: 3px;}
#header {}
#footer {background: #eee;border: 1px dashed #C8C8C8; padding:1px 0 1px; margin-top:3px; text-align:center;}
#footer-content {padding:1px 0 1px; margin-top:3px; text-align:center;}

#nav {float: right; margin-top:15px;}
#nav ul li {background: url(skin/box_inactive.png) no-repeat left center; display:inline; padding: 6px 10px 6px 25px; font-weight: bold;}
#nav ul span {min-height: 30px;}
#nav ul li.current a {color:#990000;}
#nav ul li.current {background: url(skin/box_active.png) no-repeat left center; color: #990000;}
#nav ul li.current a {color:#990000;}

/****
* Composants principaux
****/
.railway {background: #fff;padding-left: 3px; padding-top: 3px; min-height: 16px; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; border-right: 1px dotted #ccc}
.railway ul li {display:inline; background:url(skin/arrow.png) no-repeat left center; padding:0.2em 0 0.2em 8px; font-size: 9px; font-weight: bold}

.media {float: left; border: 0}

.arrow {background:url(skin/arrow.png) no-repeat left center; padding:0 0 0.2em 8px; font-size: 9px; font-weight: bold}
.arrow-big {background:url(skin/arrow_big.png) no-repeat left center; padding:5px 5px 5px 28px; font-size: 9px; font-weight: bold;}

#title {min-height: 55px; margin-top: 5px;}
#title h1 {font-size: 16px; font-style: italic; background: #eee; padding-left: 5px;}
#title .content {margin-left: 55px;}
#title span {font-size: 10px}

/****
* Header
****/
h1 a {float:left; background:url(skin/wimake_logo.png) no-repeat; display:block;width:256px;height:25px;padding-top: 53px;text-align: right; color: #000;}

/****
* Box
****/
.box {}
.box h2 {background: #ccc;padding-left: 3px; min-height: 16px;}
.box h2 span {display:block; background:url(skin/grip.png) no-repeat left center; padding:0.3em 0 0.2em 12px; font-size: 9px; font-weight: bold}

.box-content{border-left: 1px dashed #ccc; border-right: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding: 5px 10px 5px;}

/* Search */
#search {margin-bottom: 15px; text-align: right;}
#search input{border: 1px solid #666;}


/****
* Specific
****/

/* Home */
#banner {background: url(/img/banner7.jpg) no-repeat; border: 1px solid #ccc;min-height: 70px; margin-top: 3px;}
#gallery {min-height: 150px; margin-top: 3px;}
.engagement {list-style:square;padding-left: 20px; font-size: 12px;}

/* Offer */
.offer {background: url(skin/offer.png) no-repeat; padding: 20px 0 60px 60px;}
#pack {border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 10px;}
#pack.last {margin: 0; border-bottom: 0; padding-bottom: 5px;}
#pack-content {padding-left: 100px;}
#pack-content ul {list-style:square;}

#pack-content-big {padding-left: 300px; font-size: 11px;}
#pack-content-big h3 {font-size: 14px;}
#pack-content-big ul {list-style:square;}

/* Contact */
.offer {background: url(skin/contact.png) no-repeat; padding: 20px 0 60px 60px;}
#contact {}
#contact ul li {border-bottom: 1px solid #eee; margin-bottom: 5px; padding-bottom: 5px;}

/* Creation */
#creation-content-big {padding-left: 160px; font-size: 11px;}