/* ------------------------------------------------------------------------
	structure
------------------------------------------------------------------------- */

.colLeft {float:left; width:760px;padding:10px 0;}
.colRight{float:right; width:180px; padding:10px 0;}
.colFull {float:left; width:940px;padding:10px 0;}
.halfCol {float:left; width:49%;padding:80px 0 0 0;}
.lesspadding {padding:60px 0 0;}
.col3 {float:left; width:33%;padding:10px 0;}
.col4 {float:right; width:245px;}

a { color:#fff; outline:medium none; text-decoration:underline; }
a:focus,
a:hover { color:#849e2c; }
.wrapRel {position:relative;}
.header{background:url(../img/header.png) no-repeat center top; position:fixed; width: 100%; height:123px; z-index:100;}
.header ul {float:right; padding:0; margin:45px  0 0;}
.header ul li{float:left; list-style-type: none; margin-right:20px;}
.header ul li a {text-decoration:none; font-size:22px; color:#FFF;}
.header ul li a:hover {/*text-decoration:underligne;*/ color:#607943;}

#SEOtext {font-size:18px; color:#FFF; text-align:center; text-transform:none; line-height: 23px; }

#SEOtext2 { color: #FFFFFF;     font-size: 60px;     height: 117px;     line-height: 67px;     margin: 0;     text-align: center;}
.wrapper { margin:0 auto;  width:1000px; /*height:3000px;*/ }
#pageContent { float:left; width:780px; min-height:1000px; height:auto !important; height:1000px ;}

.fbBtn {  float: right; background: url("../img/facebook_icon.png") no-repeat scroll left top transparent; display: block; height: 30px; margin: 40px 15px 0 0; text-indent: -9999px; width: 30px;}
.twBtn {  float: right; background: url("../img/twitter.jpg") no-repeat scroll left top transparent; display: block; height: 30px; margin: 40px 15px 0 0; text-indent: -9999px; width: 30px;}


#Accueil {padding-top:125px;}
#Portfolio {padding-top:75px;}
#Soumission,
#Contact {padding-top:90px;}

hr {margin:10px 0;}
body{ background:url("../img/bgWrap.jpg") repeat center top; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:14px; margin:0; padding:0; }


h3 {color:#fff; font-size:24px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:0;  display:block; margin:12px 0;border-bottom:none;}
h4 {color:#fff; font-size:16px; font-weight:bold; text-transform:uppercase; text-decoration:none;  display:block; margin:0;}

.inner {padding:0 10px;}
.halfCol .inner {padding:0 15px;}

/* ------------------------------------------------------------------------
	Accueil
------------------------------------------------------------------------- */

.bande1 {background:url(../img/bgBande.jpg) no-repeat left top; height:303px; margin: 45px 0 0; position:relative;}
.banniere { background: url("../img/aide.jpg") no-repeat scroll left top transparent; height: 226px; left: 51px; position: absolute; top: 2px; width: 205px;}
.subBan {font-size:18px; color:#FFF;}
.col4 .inner {padding:60px 10px 0;}
.col4 .inner p {text-align:justify;}

/* ------------------------------------------------------------------------
	Portfolio
------------------------------------------------------------------------- */

.titlePortfolio {background:url(../img/titlePort.png) no-repeat left top; width:154px; height:57px; display:block; text-indent:-9999px;}
.portfolioTop { }
#portfolioBox {width:990px; overflow:hidden;}
.portfolioTitle  {float:left; width:150px;}
.portfolioMenu  {float:right; width:600px;}
.portfolioMenu ul {float:right; padding:0; margin:45px  0 0;}
.portfolioMenu ul li{float:left; list-style-type: none; margin-right:10px;}
.portfolioMenu ul li a {background: none repeat scroll 0 0 transparent; color: #FFFFFF; display: block; font-size: 16px; height: 39px; padding: 10px 7px 0; text-decoration: none;}
.portfolioMenu ul li a.selected,
.portfolioMenu ul li a:hover { color:#24201e; background:url(../img/underPortMenu.jpg) repeat-x left top; }

.thumb {float:left; height:332px; padding:10px 0px; background:url(../img/thumbBG.jpg) no-repeat left top;}
.thumb img {padding:0 30px 0 15px;}
.info {width:330px;}
.info .titlethumb a{text-decoration:underline; margin:5px 0;}
.info a.link {color: #7A9334; font-style: italic; font-weight: bold; text-decoration: underline; text-shadow: 2px 2px 5px #000000; filter: dropshadow(color=#000000, offx=2, offy=2);}

.info p {margin-bottom:10px;}
.info .titlethumb a,
.info p,
.info a.link  {display: block; padding: 0 15px;  width: 285px;}


/* ------------------------------------------------------------------------
	Soumiission & Contact
------------------------------------------------------------------------- */
#Soumission {background:url(../img/bgBandeSoumission.jpg) no-repeat left 90px; height:525px; }
#Contact {background:url(../img/bgBandeContact.jpg) no-repeat left 90px; height:490px; padding-bottom: 900px;}

.textCatch {padding:0 24px 30px 195px}
.myname {margin-top:35px;}
.adresse {font-size:18px; margin:10px 0; }
.mail {font-size:16px; font-style:italic;}
.mail a {text-decoration:none;}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

.cssda {background:url(../img/css-design-award-nominee-duo2.png) no-repeat left top; width:164px; height:69px; position:absolute; display:block; text-indent:-9999px; top:0px; right:542px;}

.nojs {background: none repeat scroll 0 0 #FFEDCF;  border: 2px solid #FF0000; color: #FF0000; font-size: 13px; font-weight: bold;  margin: 10px 76px 20px; padding: 30px;  text-align: center; display:none}
.green {color:#607943;}
.brown {color:#24201e;}

.monChampSpecial { display: none; }

.messageenvoyer {padding:36px 15px; text-align:center; background:#FFF;}

.centered {text-align:center;}

.contactForm h4 {margin-bottom:4px;}
.contactForm p {margin:0 0 10px 0;}
.contactForm input,
.contactForm textarea{border:2px solid #849e2c; padding:5px; color:#fff; width:99%; background:url(../img/grey.png) repeat; resize: none;}
.contactForm .btnContact {cursor:pointer; width:70px; background:#849e2c; color:#fff;}

.formBox {background:url("../img/form.png") no-repeat scroll left top transparent; height:100px; position:relative; width:270px; margin-top:5px;}
.formBox .nom { left:6px; position:absolute; top:2px; }
.formBox .courriel {left:6px; position:absolute; top:38px; }
.formBox input {background:none repeat scroll 0 0 transparent; border:medium none; width:240px ; height:22px; color:#d51482; }
.formBox .btn {cursor:pointer; display:block; left:3px; position:absolute; text-indent:-9999px; top:70px; width:80px;}

.back {background:url("../img/back.png") no-repeat scroll left top transparent; clear:both; display:block; float:right; height:19px; text-indent:-9999px; width:59px;}

.separator {background:url("../img/separator.png") no-repeat scroll center top transparent; display:block; height:8px; margin:10px 0; width:270px;}

.clearer, .clearfix, .clear { clear:both; display:block; font-size:0.01em; height:0.01em; line-height:0.01em; margin:0; padding:0; }