/*
Theme Name: Awesome Theme
Theme URI: http://wordpress.org/
Description: My kick-ass portfolio theme!
Version: 1.0
Author: David Thériault
Author URI: http://davidtherio.com/
Tags: marketing, e-marketing, web, blog, advertisements, motion, 3d, design

Awesome Theme v1.0
http://davidtherio.com/

This theme was designed and built by David Thériault
whose blog you will find at http://davidtherio.com/


*/
@import url(assets/css/reset.css); 
body {font-family: Arial;}
/* Texte */
@font-face {
 font-family: "Fely";
 src: url(assets/css/Fely.eot); /* EOT file for IE */
}

@font-face {
 font-family: "Rock";
 src: url(assets/css/Sketch.eot); /* EOT file for IE */
}


@font-face { font-family: "Fely"; src: url(assets/css/Fely.otf); }
@font-face { font-family: "Rock"; src: url(assets/css/Sketch.otf); }
@font-face { font-family: "Fel"; src: url(assets/css/Fel.otf); }
	

h1 { font-family: "Rockwell", "Rock", serif; font-size: 23px; font-weight: bold; color: #6c6f68; letter-spacing:-1px;}
h2 { font-family: "Arial", serif; font-size: 20px; font-weight: bold; color: #7e8178; letter-spacing:-0.5px;}
h3 { font-family: "Arial", serif; font-size: 20px; font-weight: bold; color: #fff; letter-spacing:-0.5px;}
h4 { font-family: "Rockwell", "Rock", serif; font-size: 30px; font-weight: bold; color: #fff; letter-spacing:-1px;}

p.friends {padding: 10px 0 0 10px; }
p.friends:hover {padding-left: 14px;}
p { font-family: "Arial", serif; font-size: 12px;  line-height: 15px; text-align: justify; color: #3e3e3e;}

a { font-family: "Arial", serif; font-size: 12px;  color:#666;}

p.internPanel { font-family: "Arial", serif; font-size: 12px;  line-height: 14px;  color: #ebf1e6;  padding: 3px 0 0 10px;}

p.internPanel2 a { font-family: "Arial", serif; font-size: 12px; line-height: 14px; color: #bdbdb2; text-decoration: none; font-style: italic; }

p.internPanel2 a:hover { text-decoration: underline;}

p.internPanel2 { font-family: "Arial", serif; font-size: 12px; line-height: 14px; color: #ebf1e6; padding-left: 10px; padding-bottom: 5px; width: 650px; text-align: left;}
p.dateNom { font-family: "Arial", serif; font-size: 12px; font-weight: bolder; color: #3e3e3e;}
p.date { font-family: "Arial", serif; font-size: 12px; font-weight: bolder; color: #3e3e3e;}
p span.dateNom { font-family: "Arial", serif; font-size: 15px; font-weight: bolder; color: #3e3e3e;}
a.link { font-family: "Arial", serif; font-size: 11px; font-weight: lighter; color: #bab2a8; font-style: italic; text-decoration: none;} 
a.link:hover { text-decoration: underline;} 
p span.prenom { font-family: "Arial", serif; font-size: 16px; color: #3e3e3e;}
p span.field { font-family: "Arial", serif; font-size: 16px; font-weight: bold; color: #c06303;}
p.felyMedia { font-family: "Fely", "Fel", serif; font-size: 15px; font-weight: lighter; color: #fff; letter-spacing:1px; margin-top: 10px;}
p.felyTwitter { font-family: "Fely", "Fel", serif; font-size: 11px; color: #3e3e3e; letter-spacing:1px; height: 60px; text-align: center; line-height: 18px;}
p.menuFoot { font-family: "Arial", serif; font-size: 16px; font-weight: bold; color: #fff; padding:2px 0 15px 0; margin-left: 15px;}
p.menuFoot2 { font-family: "Arial", serif; font-size: 16px; font-weight: bold; color: #fff; padding:2px 0 15px 0; margin-left: 15px; float: left; margin-top: 10px;}

p.menuFoot2 img {padding-right: 3px; width:15px; height:15px;}
p.menuFootLegal { font-family: "Arial", serif; font-size: 11px; color: #fff;}
div.clear {clear: both;}
div.clearr {clear: right;}
div.clearl {clear: left;}
div.sec_text p.date { padding: 10px 0 5px 0;}
div.sec_text2 p.date { padding: 0px 0 5px 0;}
div.sec_text2 p {height: auto; margin-bottom:10px;}
div#ssec_3 a {text-decoration: none; }

/* Panel */

#panel {background-color: #343434; height: 180px; display: none;}

.btn-slide {background: url(assets/images/panel.png) no-repeat;width: 30px;height: 30px;display: block;
}

/* Header */
div#header {width:auto;height:444px;background: #fff url(assets/images/bc_head.jpg) repeat-x;}

div#head {width:980px;height:444px;margin: 0 auto;background-image:url(assets/images/design_head.png)}

div#head_up {width:980px;height:67px;margin: 0 auto;}

div#tweetable {width:375px;height:70px;margin: 82px 0 0 205px;}

div#tweetable a {font-family: "Fely", serif; font-size: 11px; font-weight: lighter; color: #3d3e3a; letter-spacing:1px; height: 60px; text-align: center; line-height: 18px; text-decoration: none;}

div#tweetable a:hover {text-decoration: underline;} 

ul#media {list-style-type: none;float:left;  margin-top: 8px;}

li.media {display: inline;float:left;width: auto; padding: 0 15px 0 15px;}

a#title {background: url(assets/images/title.png) no-repeat;width: 419px;height: 67px;display: block;float: left;margin-right: 18px;}

a#twitter {background: url(assets/images/twitter.png) center no-repeat;width: auto;height: 33px;display: block;}

a#facebook {background: url(assets/images/facebook.png) center no-repeat;width: auto;height: 33px;display: block;}

a#flickr {background: url(assets/images/flickr.png) center no-repeat;width: auto;height: 33px;display: block;}

a#linkedin {background: url(assets/images/linkedin.png) center no-repeat;width: auto;height: 33px;display: block;}

a#facebook:hover {height: 36px;}

a#twitter:hover {height: 36px;}

a#linkedin:hover {height: 36px;}

a#flickr:hover {height: 36px;}

/* Footer */

div#footer {width:auto;height:448px;background-image:url(assets/images/bc_foot.jpg);background-repeat:repeat-x;}

div#footer2 {width:980px;height:117px;margin: 0 auto;background-image:url(assets/images/design_foot.png);background-position:top;background-repeat: no-repeat;}

div#content_sec {width:auto;height:auto;padding-top: 150px;}

div.secFoot {width:245px;height:280px; float: left;}



ul.ulFoot {margin: 15px 0 0 15px;}

div#secHeadMenu ul.ulFoot {margin: -8px 0px 0px 0px;}

ul.ulFoot p {padding-top:6px;}

div#secHeadMenu ul.ulFoot p {padding-top:2px;}

div.secFoot img.secFoot4 { margin-top: 16px; }

ul.ulFoot li.imgFoot { font-family: "Arial", serif; font-size: 13px; background-image:none; padding-bottom: 5px; margin-left: -5px;}

ul.ulFoot li.imgFoot img { float: left; padding-right: 6px; }

ul.ulFoot li {background-image: url(assets/images/sep_foot.png); background-position: left bottom; background-repeat: no-repeat; height: 24px; margin-left: 5px;}

ul.ulFoot li a {color: #fff; text-decoration: none; padding-left: 5px; font-size: 12px;}

ul.ulFoot li a:hover {color: #fff; text-decoration: none; padding-left: 7px;}

/* Main box */

div#content {width:980px;height:auto;margin: 0 auto;}

div#content_1 {width:710px;height:auto; float: left;padding: 10px 10px 10px 10px;}

div#content_2 {width:230px;height:auto;float: left;padding: 10px 10px 10px 10px;}

div#internPanel {width:960px;height:120px;margin: 0 auto; padding: 10px 10px 10px 10px;}

div#internPanelFloat {width:750px;height:auto; float: left;}

div#secHeadMenu {width:auto;height:auto; float: left; }

div#psec_1 {width:710px;height:auto; margin-bottom: 10px;}

div#psec_2 {width:710px;height:auto; margin-bottom: 10px;}

div#psec_3 {width:710px;height:auto; }

div#ssec_1 {width:230px;height:auto; margin-bottom: 10px; }

div#ssec_1 div#cloud { text-align: center; }

div#ssec_2 {width:230px;height:auto; margin-bottom: 10px;}

div#ssec_3 {width:235px;height:auto;}

div.title_sec {width:710px;height:30px; border-bottom: #cccccc solid 2px;}

div.title_sec2 {width:230px;height:30px; border-bottom: #cccccc solid 2px;}

div.title_sec img { float: left; padding-right: 6px; padding-top: 6px; }

div.title_sec2 img { float: left; padding-right: 6px; padding-top: 6px; }

/* Box's content */

div.sec_text {width:220px;height:auto;float: left;padding: 10px 10px 10px 10px;}

div.sec_text2 {width:220px;height:auto;float: left;padding: 10px 10px 10px 10px;}

div.sec_pic {width:434px;height:220px;float: left;padding: 8px 8px 8px 8px;background-color: #cbcbcb;margin:10px 0 0 0px;}

div.sec_pic:hover {background-color: #95bc6c;}

div.sec_pic_hidden {overflow: hidden;height: 220px; width: 434px;}

div.over_sec_pic {position:relative;background: #000; height: 40px; width: 100%; opacity: .8; 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
top:3px;					
}

div.sec_pic2 {width:202px;height:120px;float: left;padding: 8px 8px 8px 8px;background-color: #cbcbcb;margin:10px 0 0 10px; }

div.sec_pic2:hover {background-color: #e2c153;}

div.sec_pic3 {width:202px;height:120px;float: left;padding: 8px 8px 8px 8px;background-color: #cbcbcb;margin:10px 0 0 10px; }

div.sec_pic3:hover {background-color: #c06303;}

div.sec_pic4 {width:202px;height:120px;float: left;padding: 8px 8px 8px 8px;background-color: #cbcbcb;margin:10px 0 0 10px; }

div.sec_pic4:hover {background-color: #95bc6c;}

div.sec_pic_hidden2 {overflow: hidden;height: 120px; width: 202px;}

div.over_sec_pic2 {position: relative;background: #000; height: 40px; width: 100%; opacity: .8; 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
top:3px;				
}

div#spsec {width:230px;height:auto; float: left;}
div#spsec2 {width:230px; height: 280px; float: left;}

/* Sidebar */

div#searchField {width:194px; height: 50px; background-image: url(assets/images/searchfield.jpg); background-repeat:no-repeat; margin: 15px 0 0 7px;}

input#searchsubmit {background: url(assets/images/go.png) center no-repeat;width: 48px;height: 50px;border: none;cursor: pointer;display: block;float: left;margin-right: 7px;}

div#searchField input[type=text]{	width: 122px;height: 13px;border: none;margin-top: 18px;}

div#ssec_1 a { font-family: Arial; text-decoration: none;}
div#ssec_1 a:hover { text-decoration: underline; }

/* Single */

div#psec_single {width:690px;height:auto; margin-bottom: 10px; }

div#psec_single p { margin-left: 10px; }

div#sec_picsingle {width:434px;height:320px;float: right; padding: 8px 8px 8px 8px; margin: 3px 0 10px 15px;}

.sec_textsingle { margin-left:10px;  }
.sec_comsingle { font-size:14px; margin-top: 12px;  }

.sec_comsingle span{ font-family: "Arial", serif; font-size: 13px; font-weight: lighter; color: #3e3e3e; text-decoration: none; margin: 0 3px 0 3px; font-weight: bolder; color:#4d4d4d;  }

div.sec_pic_hiddensingle {overflow: hidden;height: 320px; width: 434px;}

div.over_sec_picsingle {position: relative;background: #000; height: 40px; width: 100%; opacity: .8; 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
top:3px;
z-index: 9;					
}

div.slide {font-family: "Arial", serif; font-size: 16px; font-weight: bold; letter-spacing:-0.5px; text-align: center; padding-top: 5px;}
div.slide a {color: #fff; text-decoration: none; padding:0 5px 0 5px;}
div.slide a:hover {text-decoration: underline;}

div.title_secsingle {width:710px;height:30px; border-bottom: #cccccc solid 2px; margin-bottom: 10px;}

div.title_secsingle img { float: left; padding-right: 6px; padding-top: 6px; }

.brown {color:#3e3e3e;}

#pad_comm {margin-left: 10px; }

.content_single { width: 690px; height: auto; margin-left:10px;}

.content_single a {letter-spacing: -0.4px; font-family: "Arial", serif; font-size: 13px; font-weight: lighter; color: #3e3e3e; text-decoration: none; margin: 0 3px 0 3px; font-weight: bolder; color:#4d4d4d; }
.content_single a:hover {font-weight: bolder; color:#c06303; }


#arrow {height:30px; width:9px; background-image:url(assets/images/arrow.png); background-position: center; background-repeat: no-repeat; float: left;}
#comments{background-color: #ebebeb; width: 631px; height: auto;; float: left; padding: 15px 15px 15px 15px; margin-bottom: 10px;}

#comments p{color: #4d4d4d; }

/* Formulaire */

div#psec_single input.text  {width: 225px;height: 15px;border: none; background-color:#ebebeb; padding: 10px 10px 10px 10px; color: #4d4d4d; margin-bottom: 10px;}
div#psec_single input.send  {width: 70px;height: 21px;border: none; background-color:#626262; color: #fff; font-weight: bolder; text-align: center; letter-spacing:-0.5px; }

div#psec_single p.spanT span { color:gray; }

div#psec_single img  { float: left;}


div#psec_single p.retweet  {width: 60px;height: 15px;border: none; background-color:#a7bf73; text-align: center; padding-top: 2px; letter-spacing:-0.5px; float: left; margin-top: 4px; }

div#psec_single p.retweet a  {color: #fff; font-weight: bolder;  text-decoration: none; }

div#psec_single textarea  {width: 480px;height: 110px;border: none; background-color:#ebebeb; margin: 0 0 10px 0; padding: 10px 10px 10px 10px; font-family: "Arial", serif; font-size: 12px; color: #4d4d4d;}

div#psec_single label {font-family: "Arial", serif; font-size: 12px; letter-spacing:-0.5px; color: #4d4d4d;}

div#psec_single form { margin-left: 10px; }

div.vote { margin-left: 25px; margin-top: 5px; }

div.voteTweet { margin-left: 4px; margin-top: 5px; background-image:url(assets/images/retweet.jpg); background-position: center left; background-repeat: no-repeat; padding:0 0 0 16px;}

/* Contact about */

div#infoAbout {width:250px;height:400px;float: left; padding: 10px 0px 10px 10px;}

div#formAbout2 {width:380px;height:auto;float: left; padding: 10px 10px 10px 10px; margin-left: 10px;}

div#formAbout {width:370px;height:auto; background-color:#eff2eb; padding: 10px 10px 10px 10px; margin-left: 10px; }

div#contentAbout {width:690px;height:auto; margin-bottom: 10px; padding: 10px 10px 10px 10px;}

div#infoAbout p {font-family: "Arial", serif; font-size: 12px; font-weight: bolder; color: #3e3e3e; margin-left: 5px;}

div#infoAbout p a {font-family: "Arial", serif; font-size: 12px; font-weight: bolder; color: #3e3e3e; text-decoration: none;}

div#infoAbout p a:hover {font-family: "Arial", serif; font-size: 12px; font-weight: bolder; color: #c06303; text-decoration: none;}

div#formAbout input[type=text]  {width: 225px;height: 15px;border: none; background-color:#cad2c2; padding: 10px 10px 10px 10px; letter-spacing:-0.5px; color: #4d4d4d; margin-bottom: 10px;}
div#formAbout input[type=submit]  {width: 70px;height: 21px;border: none; background-color:#626262; color: #fff; font-weight: bolder; text-align: center; letter-spacing:-0.5px; }
div#formAbout textarea  {width: 95%;height: 110px;border: none; background-color:#cad2c2; margin: 0 0 10px 0; padding: 10px 10px 10px 10px; font-family: "Arial", serif; font-size: 12px; letter-spacing:-0.5px; color: #4d4d4d;}