/*
Theme Name: sat v2.0
Theme URI: http://www.vooshthemes.com
Description: A Free Portfolio Theme Developed By Voosh Themes. Please look at the <a href="../wp-content/themes/sat/instructions/instructions.html">instructions</a> that are included with the file you downloaded <a href="../wp-content/themes/sat/instructions/instructions.html">(sat/instructions/instructions.html)</a> for details about how to configure this theme. 
Author: Voosh Themes
Author URI: http://www.vooshthemes.com
*/

/* -- Color: Red - #9e1c1c -- */

@import "styles/reset.css";

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#wrap { width: 100%; margin: 0 auto; }
@media screen and (min-width: 960px){
    #wrap { width: 960px; margin: 0 auto; }
}
body { font-family: arial, sans-serif; background: url(images/main-bg.png) repeat-x; color: #000; }
h1, h2, h3, h4, h5 { color: #222; }
h1 { font-size: 38px; margin: 0 0 30px 0; }
h2 { font-size: 20px; margin: 0 0 30px 0; }
h3 { font-size: 20px; margin: 15px 0 10px 0; }
h4 { font-size: 20px; margin: 30px 0 15px 0; }
h5 { font-size: 18px; margin: 30px 0 5px 0;}
p { font-size: 14px; line-height: 22px; margin: 0 0 15px 0; }
a { color: #73C026; }
a:hover { color: #222; }

a img{ border: none; } 

/* ------------ */
/* -- Header -- */
/* ------------ */
#header { width: 100%; margin: 15px 0 0 0; text-align:center;}
#header a {width:100%;display:block;text-align:center;}
#header img {  }
#header h1 { font-size: 80px; margin: 2px 0 0 0; color: #1B9BBE;}
#header h1 a { color: #1B9BBE; }
#header img.description { float: right; margin: 15px 0 0 0; }

#argu { font-family: arial, sans-serif; font-size:14px; margin:0 auto; width:100%; text-align:center; }
#argu p{ margin-top:10px; }
#argu ul li { color: #27A9CD; padding-top:2px }

#subForm {margin-left:15px;text-align:center;width:100%;}
#subForm label {display:block;margin-right:20px;margin-bottom:5px;}

#header a#mobile-button {margin:20px 0 0;}

@media screen and (min-width: 960px){
    #header {  width: 100%; margin: 15px 0 0 0; }
    #header img { margin: 0 0 5px; 0; }
    #header h1 {  font-size: 80px; margin: 5px 0 0 0; color: #1B9BBE;}
    #header h1 a { color: #222; }
    #header img.description { float: right; margin: 15px 0 0 0; }
    
    #argu { margin-left:600px; font-family: arial, sans-serif; font-size:14px; margin-bottom:0;text-align:left;width:300px; }
    #argu p{ margin-top:10px; }
    #argu ul li { color: #27A9CD; padding-top:2px }
    
    #subForm {margin-left:0;text-align:left;}
    #subForm label {display:inline;}
    
    #header a#mobile-button {display:none;}
}
/* --------- */
/* -- Nav -- */
/* --------- */
#nav { /*display:none;*/float: left; margin: 15px -15px 0 0; border-top: 2px #eee solid; border-bottom: 2px #eee solid; width: 100%; }
.menu li { padding: 11px 0 10px 0; float: left; position: relative; }
.menu a { display: block; padding:  10px 18px 8px 0; margin: 0; color: #222; text-decoration: none; font-size: 14px; text-transform: uppercase; font-weight: bold; }
.menu .current a, .menu li:hover > a { color: #73C026; }
.menu ul { background: #eee; display: none; margin: 0; padding: 0; width: 260px; position: absolute; top: 42px; left: 0px; border: solid 1px #ddd; }
.menu ul li { float: none; margin: 0; padding: 0; }
.menu ul li:hover a, .menu li:hover li a { color: #555; }
.menu ul a:hover { background: #73C026!important; color: #fff !important; }

.menu li:hover > ul { display: block; }
.menu ul a { font-size: 16px; padding-left: 10px; text-transform: none; font-weight: normal; }
.menu ul ul { left: 250px; top: -3px; }
.menu li.current_page_item a { color: #73C026; }
@media screen and (min-width: 960px){
    #nav { display:block; float: left; margin: 15px -15px 0 0; border-top: 2px #eee solid; border-bottom: 2px #eee solid; width: 100%; }
    .menu li { padding: 11px 0 10px 0; float: left; position: relative; }
    .menu a { display: block; padding:  10px 45px 8px 0; margin: 0; color: #222; text-decoration: none; font-size: 18px; text-transform: uppercase; font-weight: bold; }
    .menu .current a, .menu li:hover > a { color: #73C026; }
    .menu ul { background: #eee; display: none; margin: 0; padding: 0; width: 260px; position: absolute; top: 42px; left: 0px; border: solid 1px #ddd; }
    .menu ul li { float: none; margin: 0; padding: 0; }
    .menu ul li:hover a, .menu li:hover li a { color: #555; }
    .menu ul a:hover { background: #73C026!important; color: #fff !important; }
    .menu li:hover > ul { display: block; }
    .menu ul a { font-size: 16px; padding-left: 10px; text-transform: none; font-weight: normal; }
    .menu ul ul { left: 250px; top: -3px; }
    .menu li.current_page_item a { color: #73C026; }
    .menu .sub-menu li.current_page_item a { color: #73C026; }
}

/* ---------------- */
/* -- Front Page -- */
/* ---------------- */

#frontpage-content { width:calc(100% - 40px);  padding: 10px;}
#headline { margin: 10px 0 0 0; padding-bottom: 2px; width: 100%; }
#headline img { margin-left: -4px; }
#headline h1 { font-size: 40px; line-height: 42px; margin-bottom: 0; color: #1B9BBE; }
#headline p { font-size: 24px; color: grey; line-height: 24px; }
#featured-section { clear: both; float: left; margin: 65px 0 0 0; padding-bottom: 60px; width: 100%; border-bottom: 2px #eee solid; }
#featured-section-image { float: left; background: url(images/featured-img-bg.png) no-repeat; width: 460px; height: 285px; }
#featured-section-image img { margin: 1px 0 0 1px; }
#featured-section-details { float: right; width: 450px; margin: -4px 0 0 0; }
#featured-section-details h2 { font-size: 30px; color: #222; margin-bottom: 20px; }
#featured-section-details p { font-size: 16px; line-height: 26px; }
.more-details-button { float: left; background: url(images/portfolio-button.png) no-repeat; width: 175px; height: 40px; text-indent: -9999px; margin: 0 0 0 -7px; }
.more-details-button:hover { float: left; background: url(images/portfolio-button-hover.png) no-repeat; }
#recent-work { clear: both; float: left; margin: 20px 0 0 0; padding-bottom: 30px; width: 100%; }
#recent-work h2 { font-size: 22px; color: #222; }
.recent-project { width: 100%; }
.recent-project img { border: 1px #ddd solid; }
/*.first { margin-left: 0; }*/
.recent-project h3 { font-size: 14px; font-weight: bold; color: #222; margin: 15px 0 5px 0; }
.recent-project p { font-size: 12px; }
.recent-project a img{ border: none; } 

@media screen and (min-width: 960px){
    #frontpage-content { width:100%; padding:0;}
    
    #headline h1 { text-align: center; font-size: 40px; line-height: 45px; margin-bottom: 0; color: #1B9BBE !important;}
    #headline p { font-size: 36px; color: grey; line-height:36px; }
    
    #recent-work { clear: both; float: left; margin: 20px 0 0 0; padding-bottom: 30px; width: 100%; }
    #recent-work h2 { font-size: 22px; color: #222; }
    .recent-project { width: calc(100% / 3); float:left; }
    .recent-project img { border: 1px #ddd solid; }
    /*.first { margin-left: 0; }*/
    .recent-project h3 { font-size: 14px; font-weight: bold; color: #222; margin: 15px 0 5px 0; }
    .recent-project p { font-size: 12px; }
    .recent-project a img{ border: none; } 
}

/* ------------- */
/* -- Content -- */
/* ------------- */
#main { clear: both; float: left; margin: 50px 0 0 0; width: 100%; }
.title { margin-top: 0; font-size: 28px; color: #222; margin-bottom: 20px; color: #1B9BBE; }
#content { width:calc(100% - 30px);padding:0 15px; }
#content ul { font-size: 14px; padding: 5px 0 20px 0; font-family: times; }
#content li { font-family: arial, sans-serif; font-size: 13px; padding: 15px 0 0 0; margin-left: 50px; list-style-type: circle; list-style-image:url("/img/puce.jpg"); }
#content a { text-decoration: underline; }

@media screen and (min-width: 960px){
    #content { float: right; width: 500px; }
}

/* --------------- */
/* -- Portfolio -- */
/* --------------- */
#portfolio-content { float: left; margin: 20px 0 0 0; }
.portfolio-item { float: left; margin-left: 56px; margin-bottom: 40px; }
.portfolio-item p { margin-bottom: 2px; }
.portfolio-item img { border: 1px #ddd solid; }
.first { margin-left: 0; }
#project-content { float: left; width: 450px; }
#project-image-large { float: right; }
#project-image-large img { border: 1px #ddd solid; }

/* ----------- */
/* -- Posts -- */
/* ----------- */
h1.post-title { color: #1B9BBE; font-size: 26px; }
h3.post-title { color: #1B9BBE; font-size: 22px; }
h3.post-meta { margin: -8px 0 20px 0; padding: 0; color: #888; font-size: 12px; }
p.post-meta { margin: -8px 0 20px 0; padding: 0; color: #888; font-size: 12px; }
.post { padding: 0 0 40px 0; }
.post h2 { color: #1B9BBE; font-size: 22px;}
h3.post { color: #1B9BBE; font-size: 20px; }
.post-title { margin-top: 0; line-height: 28px;}
.post-title a, .archive-title { color: #1B9BBE; font-size: 22px; }
.post-title a:hover, .archive-title a:hover { color: #73C026; }
.more-link { display: block; margin: 10px 0 0 0; }
.archive-title a { margin-bottom: 30px; }
.post-navigation { font-size: 14px; }

/* ------------- */
/* -- Sidebar -- */
/* ------------- */
#sidebar { margin: 0 20px; padding: 20px 0 5px 20px; background-color: #E9F7F7; border: 1px #ccc solid; width:calc(100% - 60px); }
.sidebar-title { margin-top: 0; }
.sidebar-contact-title { color: #222; margin-bottom: 0; }

@media screen and (min-width: 960px){
    #sidebar { margin: 0; float: left; padding: 20px 0 5px 20px; background-color: #E9F7F7; border: 1px #ccc solid; width: 300px; }
}

/* -------------- */
/* -- Comments -- */
/* -------------- */
#comments { clear: both; float: left; width: 480px; border-top: 2px #eee solid; margin-top: -20px; }
#comments h3 { padding-bottom: 0; }
.commentlist { margin: 25px 0 30px 0; }
.commentlist .comment { border: 1px solid #dddddd; padding: 15px; margin: 15px 0 0 0; background: url(images/input-bg.png) repeat-x; }
.commentlist .fn { color: #555555; font-size: 18px; margin-bottom: 15px; display: block; }
.commentlist .url { color: #73C026; font-size: 18px; }
.commentlist .comment-meta { color: #888888; text-transform: uppercase; font-size: 10px; margin: -4px 0 0 0; }
.commentlist img { float: right; width: 25px; height: 25px; margin: 0 0 0 7px; padding: 2px; border: 1px solid #cccccc; }
.commentlist p { margin: 10px 0 10px 0; }
.commentlist .comment-reply-link { margin: 5px 0 0 -7px; display: block; }
.commentlist em { font-style: italic; font-size: 12px; }

/* respond form */
#respond h3 { margin-bottom: 10px; }
#respond .cancel-comment-reply { padding: 0 0 10px 0; }
#commentform { width: 480px; margin: 0 0 0 0; }
#commentform input { background: url(images/input-bg.png) repeat-x; float: left; color: #555555; width: 255px; font-size: 14px; padding: 12px 12px 12px 12px; margin-bottom: 20px; font-family: arial, sans-serif; border: 1px #ddd solid; }
#commentform textarea { background: url(images/input-bg.png) repeat-x; color: #555555; width: 456px; height: 238px;  margin: 5px 0 0 0; font-size: 14px; padding: 12px 12px; font-family: arial, sans-serif; border: 1px #ddd solid; line-height: 20px; }
#commentform .submit { background: url(images/comment-button.png) no-repeat; cursor: pointer; margin: 25px 0 0 -7px; color: #fff; width: 175px; height: 40px; border: none; padding: 8px 0; text-indent: -9999px; }
#commentform .submit:hover { background: url(images/comment-button-hover.png) no-repeat; color: #fff; }
#commentform label { float: left; padding: 8px 0 0 20px; text-transform: uppercase; color: #888888; font-size: 10px; }
#commentform .logged { margin: 0; }
.commentlist .comment-reply-link { margin: 10px 0 0 0; color: #73C026; font-size: 12px; }
.commentlist .comment-reply-link:hover { color: #555; }

/* ------------------ */
/* -- Contact Form -- */
/* ------------------ */
#contact-form { width: 300px; }
#contact-form input { border: 1px #ddd solid; padding: 15px; width: 250px; margin: 0 0 15px 0; font-family: arial; color: #555; font-size: 12px; background: url(images/input-bg.png) repeat-x; }
#contact-form textarea { border: 1px #ddd solid; padding: 15px; width: 375px; margin: 0 0 15px 0; font-family: arial; color: #555; font-size: 12px; background: url(images/textarea-bg.png) repeat-x; line-height: 18px; }
#contact-form .submit { background: url(images/submit-button.png) no-repeat; cursor: pointer; margin: 0 0 0 -7px; color: #fff; width: 175px; height: 40px; border: none; padding: 8px 0; text-indent: -9999px; }
#contact-form .submit:hover { background: url(images/submit-button-hover.png) no-repeat; }
#response { border: 1px #ddd solid; padding: 15px; color: #73C026; background-color: #eee; }
.hide { display: none; }

/* ------------ */
/* -- Footer -- */
/* ------------ */
#footer { clear: both; float:left; padding: 10px 0 10px 0; border-top: 2px #eee solid; margin: 10px 20px 0 20px; width: calc(100% - 40px); text-align:center; }
#footer p { font-size: 12px; color: #888;  }
#footer .copyright { margin:0 auto; }
#footer .copyright ul li { font-size: 12px; padding-top: 5px; }
#footer .copyright ul li a { color: #27A9CD; text-decoration: underline; }
#footer .copyright ul li a:hover { color: #73C026; }
#footer .design { float: right; }
#footer .design p a { color: #888; text-decoration: underline }
#footer .colonnes { float: left; padding: 0 5px 0 5px; width: 200px; }
#footer .colonnesmentions { float: left; padding: 0 5px 0 5px; width: 300px; }
#footer .colonnesmentions p a { color: #888; text-decoration: underline }

@media screen and (min-width: 960px){
    #footer { clear: both; float: left; padding: 10px 0 10px 0; border-top: 2px #eee solid; margin: 10px 0 0 0; width: 100%; }
    #footer .copyright { float: left; }
}

/* ------------ */
/* -- Clear Both -- */
/* ------------ */
.clear { clear: both; }




#wpcf7-f1-p77-o1 p
{
	margin:0px;
}
.wpcf7-submit
{
	border:none;     
	background: url('images/bt-envoyer.png') no-repeat top left;
	width:89px;
	height:30px;
	cursor:pointer;
}

.post tbody tr:first-child { 
    background-color:#136586;
    color:white;
}

.post table td { 
    padding: 10px !important;
    border:1px solid #D5D5D5;
}

#sidebar li {
    list-style: none;;
}

.rpwe-block li {
    padding:0;
}

#contact-details {
    margin-top:30px;
}

body.home table{
	max-width:100%;
}

.inline2{
display:inline;
font-weight: 300;
}