/* 
    Document   : style
    Created on : Sep 19, 2013, 9:18:00 PM
    Author     : Patrick RANDRIA
    Description:
        Purpose of the stylesheet follows.
*/

@font-face {
    font-family: OpenSans;
    src: url('../fonts/OpenSans-Light-webfont.eot');
}
@font-face {
    font-family: OpenSans;
    src: url('../fonts/OpenSans-Light-webfont.ttf');
}
/*Content centered*/
*{margin: 0;padding: 0; font-family: OpenSans; }
body a{text-decoration: none; color: #ff6600;}
body p a {text-decoration: none; color: #ff6600;}
body a:hover { color: #3d7901; }
body, html{ min-height: 100%;}
.inner{margin:0 auto;width: 80%;}
.inlineblock{ display: inline-block; vertical-align: top;}
#content h1,
#content h2,
#content h3{
    margin-bottom: 20px;
}
body { overflow-x: hidden; }
#content ul,
#content ol {
    margin-left: 20px;
}
.panel { border: none !important; margin-bottom: 0px !important;  }
.contact-table input.submit { color: #000; }

#left-panel { 
    background: url("../img/content.jpg") repeat-y; 
    /*background: url("../img/leftpanel.jpg") repeat-y;*/ 
              background-size: 100%;
              padding: 30px 0; 
              position: absolute;
              width: 100%; 
}
.copyright { margin-top: 20px; }
.copyright p { color: #fff; }
#left-panel .logo { margin-bottom: 40px; }
#left-panel #navigation { display: inline-block; }
#left-panel #navigation > li { border-top: 1px solid #57595b;  }
#left-panel #navigation li a { color: #fff; text-transform: uppercase; }
#left-panel #navigation ul { background: #292c2d; margin-right: 20px; }
#left-panel ul#navigation > li.open:nth-child(2) > a { pointer-events: none; }
.mean-nav ul#navigation > li.open:nth-child(2) > a.sf-with-ul { pointer-events: none; }
#left-panel .socials a { background: #ed382c; display: inline-block;
            text-align: center; width: 40px; height: 40px; 
            line-height: 40px; border-radius: 50%; }
#left-panel .socials a i { color: #fff; font-size: 20px; transition: all .5s; }
#left-panel .socials a:hover i { color: #ff3300; }
#left-panel .socials {  }
#left-panel {  }
#left-panel {  }



/*#content, #left-panel { min-height: 700px;; }*/

#content { 
            background: url("../img/content.jpg") repeat-y; 
            background-size: 100%;
            padding:  0; color: #fff;
            width: 46%; 
            position: absolute;
            margin-left: 20px;
}
#content h2{ color: #3d7901; }
#content h1{ color: #ed382c; text-transform: uppercase; }
#content p a.blocvert { background: url("../img/more.png") no-repeat center top; background-size: 100% 100%; padding: 10px 15px; text-transform: uppercase; color: #fff; }

/*Contact page*/
.contact-table tr td:first-child{vertical-align: top; padding-top: 16px; width: 300px;}
.contact-table h3{margin-bottom: 20px; font-weight: normal; }
#contact-form{text-align: justify;}
#contact-title{}
#contact-form .label{width: 170px;}
.notTextArea{display: inline-block;}
#contact-form .field textarea{width: 300px;}

/*Content details*/
#content h1 {font-size:40px;font-family:arial;line-height:40px;letter-spacing:-2px;margin:0 0 20px; padding-top: 20px; }
#content h2 {font-size:28px;font-family:arial;line-height:32px;letter-spacing:-2px;margin:25px 0 20px 0;}
#content h3 {font-size:28px;font-family:arial;line-height:28px;letter-spacing:-2px;margin:25px 0 20px 0;}
#content .page-text {font-size:14px;line-height:22px;margin-bottom:50px;}
#content .page-text p, #content .page-text ul, #content .page-text ol {margin:0 0 22px 0;}
#content .page-text ul, #content .page-text ol {margin-left:25px;}
#content .page-text ul ul, #content .page-text ol ul, #content .page-text ul ol, #content .page-text ol ol {
	margin:0 0 0 25px;
}
#content .page-text blockquote {
	margin:0 0 22px 20px;
	line-height: 19px;
	font-size:13px;
	color:#666;
	font-style:italic;
	border-left:2px solid #ccc;
	padding:0 0 0 15px;
	}

/* Footer */

/*Hide slider play/pause button*/
div.orbit-timer{
	display: none;
}

/*responsive layout*/
@media screen and (min-width:8s00px){
	#wrapper{
		width:1100px;
	}  
}
@media screen and (max-width:800px){
    .inlineblock { display: block; text-align: center; }
    table.contact-table tr td { display: block; width: 100%; }
    .floatright{ float: none; }
    .orbit-container .orbit-slides-container > * .orbit-caption { width: 90%; }
    .orbit-caption h2 { font-size: 30px; }
    #slider-div { display: none; }
    #content, #left-panel { min-height: 10px;; }
    #content { max-width: 100%; }
    #left-panel { 
            background: url("../img/content.jpg") repeat-y; 
            background-size: 100%;}
    body { overflow-x: auto; }
    #content { 
                width: 100%; 
                position: relative;
                margin-left: 0px;
    }
    #left-panel {
        padding: 30px 0;
        position: relative;
        width: 100%;
        height: auto !important;
    }
}

/* -- page contact -- */
/*#contact-form label { color: #000 !important; }*/
#contact-form input[type="text"],
#contact-form input[type="password"],
#contact-form input[type="date"],
#contact-form input[type="datetime"],
#contact-form input[type="email"],
#contact-form input[type="number"],
#contact-form input[type="search"],
#contact-form input[type="tel"],
#contact-form input[type="time"],
#contact-form input[type="url"] {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 14px;
    height: 30px;
    margin: 0 0 12px;
    padding: 6px;
    transition: all 0.15s linear 0s;
	font-family: Arial;
}
#contact-form textarea {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 14px;
    height: 80px;
    margin: 0 0 12px;
    padding: 6px;
    transition: all 0.15s linear 0s;
    width: 50%;
	font-family: Arial;
}