/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    Osmoze
    Author: Kinologik
	Website: www.kinologik.com 
    Filename: splash.css
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body {margin:0; padding:0; background:#fff url(../images/splash/bg.jpg) center top; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px}
html, body {height:100%;}
img {border:none}
a  {outline:none}
.white {color:#fff}
p {color:#5a5f5b; font-size:12px; margin:10px 0 0 14px; padding:0;}
.center {margin:0 auto; width:960px; text-align:center;}
.shadow {text-shadow:2px 2px 4px #333;}
p span.hour {display:block; width:110px; float:right; margin-right:15px; font-weight:bold; font-size:14px;}
.date {display:block; width:70px; float:left; height:26px; font-weight:bold; font-size:14px;}
.openHour p {margin:0 0 0 14px; padding:0 0 10px 0; line-height:18px; clear:both}
#container {margin:0 auto; width:960px; text-align:left; position:relative; min-height:100%;}
#col-left .boxInt a.more, #col-right .boxInt a.more {text-decoration:underline; color:#2BA749; font-size:11px; display:block; position:absolute; right:5px; bottom:5px; width:72px; height:19px;}
#content a.more:hover {text-decoration:none; color:#077417;}
#header {height:197px; width:100%}
#header h1 {width:367px; height:105px; background:url(../images/splash/logo_osmoze.jpg) no-repeat; display:block; text-indent:-9999em; overflow:hidden; margin:0 auto; padding:0; position:absolute; left:0px; top:46px;}

#col-left {position:relative; float:left; width:260px; clear:left;}
#col-left .boxTop {width:260px; height:397px; clear:left; border:1px solid #bac8b6;}
#col-left .boxBottom {width:260px; height:397px; clear:left; border:1px solid #bac8b6; margin-top:17px;}
#col-left .boxInt {background:url(../images/splash/bg_box.jpg) repeat-x; width:246px; height:383px; clear:left; margin:7px; position:relative}
#col-left a, #col-right a {text-decoration:underline; color:#fd9d04}
#col-left a:hover, #col-right a:hover {text-decoration:none; color:#f38e17}

#col-left .boxTop p, #col-right .boxTop p {line-height:18px; width:222px; text-align:justify;}
#col-left .boxBottom p, #col-right .boxBottoom p {line-height:18px; width:222px; text-align:justify;}
#col-left ol {color:#5a5f5b;}
#col-left li {line-height:17px; padding-right:8px}
#col-left h2, #col-right h2 {color:#5a5f5b; margin:0; padding-top:10px; padding-left:14px; font-size:22px; font-weight:bold}

#col-center {float:left; position:relative; width:400px; width:432px;}
#col-center h1 { background:url(../images/splash/osmoze-developpement.jpg) no-repeat; width:400px; height:543px; margin:0 0 0 20px; padding:0;}
#col-center h1 span {display:block; height:16px; text-indent:-9999em; overflow:hidden}
#col-center a, #col-center a:visited {color:fff; text-decoration:underline}
#col-center a:hover {text-decoration:none}

#col-right {float:right; width:280px; width:260px; display:block}
#col-right .boxTop {width:260px; height:250px; margin-right:0; float:right; border:1px solid #bac8b6;}
#col-right .boxBottom {width:260px; height:250px; margin-right:0; float:right; border:1px solid #bac8b6; margin-top:17px;}
#col-right .boxInt {background:url(../images/splash/bg_box.jpg) repeat-x; width:246px; height:235px; clear:left; margin:7px; position:relative}
#col-right ul {color:#5a5f5b;}

#footer {position:relative; clear:both; margin:24px auto 0 auto; text-align:center; font-size:12px; padding-bottom:10px; padding-top:34px}
#footer p {font-size:11px; margin-top:0; padding-top:0; color:#fff}
#footer a:link, #footer a:visited {color:#EE691A; text-decoration:none}
#footer a:hover{text-decoration:underline}

#col-center #getintouch {margin:15px 0 0 27px; padding:15px; width:355px; background-color:#EFEFEF; }
#col-center #getintouch p {color:#05385b; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif}
#col-center #getintouch a, #col-center #getintouch a:visited {text-decoration:none; color:#05385b;}
#col-center #getintouch a:hover {text-decoration:none; color:#061824;}
#col-center #slider-quotes {margin:50px 0 0 19px;}
#col-center #slider-quotes img {width:407px; height:175px; overflow:hidden}

#col-center p.email {clear:both; /*float:right; margin:200px 14px 0 0*/ margin:254px auto 0 auto; width:240px}
#col-center p.email span {display:block; text-indent:-9999em; overflow:hidden;}
#col-center p.email a {display:block; background:url(../images/splash/email-jacques.jpg) top left no-repeat; width:240px; height:21px;}
#col-center p.email a:hover {background-position:bottom left}