/*
Theme Name: MarianneTurmel
Theme URI: http://www.marianneturmel.ca
Description: Thème développé pour http://www.marianneturmel.ca
Version: 1.0
Author: Guy Labbé
Author URI: http://www.guylabbe.ca

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

@font-face {
	font-family: 'Archer Thin';
	src: url('http://www.marianneturmel.ca/wp-content/themes/marianneturmel/fonts/Archer-Thin.eot');
	src: local('☺'), url('http://www.marianneturmel.ca/wp-content/themes/marianneturmel/fonts/Archer-Thin.woff') format('woff'), url('http://www.marianneturmel.ca/wp-content/themes/marianneturmel/fonts/Archer-Thin.ttf') format('truetype'), url('http://www.marianneturmel.ca/wp-content/themes/marianneturmel/fonts/Archer-Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Archer Thin Italic';
	src: url('http://www.marianneturmel.ca/wp-content/themes/marianneturmel/fonts/Archer-ThinItalic.eot');
	src: local('☺'), url('http://www.marianneturmel.ca/wp-content/themes/marianneturmel/fonts/Archer-ThinItalic.woff') format('woff'), url('http://www.marianneturmel.ca/wp-content/themes/marianneturmel/fonts/Archer-ThinItalic.ttf') format('truetype'), url('http://www.marianneturmel.ca/wp-content/themes/marianneturmel/fonts/Archer-ThinItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


html, body {
	text-align:				center;
	font-family:			Helvetica, Arial, Sans-serif; 
	font-weight:			100;
	color:					#4D4D4D;
	background:				#fff url(img/bgr.gif) repeat-x;
}

em {
	font-family:			Helvetica, Arial, Sans-serif;
	font-style:				italic;
}

#wrap, #hWrap {
	width:					920px;
	margin:					0 auto;
	text-align:				left;
}

#hWrapOuter {
	border-top:				solid #E6E6E6 6px; 
}

#header {
	height:					141px;
	position:				relative;
}

#logo, #logo_en {
	display:				block;
	width:					412px;
	height:					120px;
	background:				url(img/logo.png);
	position:				absolute;
	bottom:					0;
	left:					-10px;
}

#logo_en {
	background:				url(img/logo_en.png);
}

#stripHolder {
	height:					341px;	
	overflow:				hidden;
}

#strip {
	border:					solid #B3B3B3 1px;
	border-right:			0;
	border-left:			0;
}

#innerstrip {
	border:					solid #FFF 4px;
	border-right:			0;
	border-left:			0;
	height:					274px;
	background:				#1e1e1e url(img/stripbgr.jpg) repeat-x;
	height:					341px;
	position:				relative;
}



#innerstrip div {
	width:					100%;
	height:					341px;
	background-repeat:		no-repeat !important;
}

#prev, #next {
	position:				absolute;
	top:					265px;
	font-size:				8em;
	z-index:				999;
	width:					25px;
	height:					34px;
}

#prev {
	left:					20px;
	background:				url(img/fleches.png) 0 0 no-repeat;
}

#prev:hover {
	background:				url(img/fleches.png) 0 -34px no-repeat;
}

#next {
	right:					20px;
	background:				url(img/fleches.png) -25px 0 no-repeat;
}

#next:hover {
	background:				url(img/fleches.png) -25px -34px no-repeat;
}

.slide_lien {
	width:				320px;
	height:				50px;
	position:			absolute;
	bottom:				12px;
	right:				60px;
}

#contentArea {
	position:				relative;
}

#content {
	padding:				0 20px;
	margin-top:				10px;
	font-size:				2.2em;
}

#footer {
	margin:					120px 0 60px;
	font-size:				0.4em;
}

#footer a#contact {
	color:					#999;
	display:				block;
	float:					right;
	padding:				32px 8px;
}

#footerTop {
	height:					10px;
	background:				#F2F2F2;
}

/* =================================================== */
/* > Navigation ----------------------------------- */
/* =================================================== */

#nav {
	position:				absolute;
	left:					460px;
	bottom:					22px;
}

#nav li {
	display:				inline;
	float:					left;
}

#nav li a {
	display:				block;
	padding:				5px 30px;
	float:					left;
	font-family:			Helvetica, Arial, Sans-Serif;
	color:					#76BA0C;
	font-size:				1.1em;
	font-weight:			100;
}

#nav li a:hover {
	color:					#8BD111;
}

/* Langswitch */
#langswitch {
	position:				absolute;
	top:					5px;
	right:					20px;
	font-size:				0.7em;
	text-transform:			uppercase;
	font-family:			Arial, Helvetica, Sans-serif;
	width:100px;
}

#langswitch li {
	float:					right;
	display:				inline;
}

#langswitch li a {
	color:					#4D4D4D;
	float:					right;
	display:				block;
	padding:				0 5px;
	border-right:			solid 1px #bbb;
}

#langswitch li a:hover {
	color:					#B3B3B3;
}

#langswitch li:first-child a {
	border:					none;
	padding-right:			0;
}

#langswitch li.active_language a {
	color:					#B3B3B3;
	cursor:					default;
}

/* =================================================== */
/* > Mise en page ----------------------------------- */
/* =================================================== */


.col {
	width:					160px;
}

.col2 {
	width:					340px;
}

.col3 {
	width:					520px;
}

.col4 {
	width:					700px;
}

.col, .col2, .col3, .col4 {
	float:					left;
}

.r {
	margin-right:			20px;
}

.element {
	margin:					20px 0;
}

#contactForm {
	padding:				0 0 0 0;
	font-size:				0.5em;
}

#contactForm p {
	clear:					both;
	margin-bottom:			15px;
}

label {
	display:				block;
	float:					left;
	width:					90px;
	margin-right:			10px;
	line-height:			2em;
}

input, textarea {
	border:					solid #bbb 1px;
	padding:				5px 6px;
	font-family:			'Archer Thin';
	font-size:				1em;
}

input,textarea {
	width:					220px;
}

textarea {
	height:					120px;
}

input[type=submit] {
	background:				#1e1e1e;
	border:					none;
	color:					#ccc;
	width:					auto;
	padding:				7px 18px;
}

input[type=submit]:hover {
	color:					#fff;
	cursor:					pointer;
}

.wpcf7-not-valid-tip-no-ajax {
	display:				none;
}

.wpcf7-validation-errors {
	margin:					20px 0;
	color:					#ff0000;
}

.wpcf7-mail-sent-ok {
	color:					#0ba716;
}

.soft {
	position:				absolute;
	display:				block;
	width:					90px;
	height:					100px;
}

#wp {
	top:					70px;
	left:					10px;
}

#mage {
	top:					70px;
	left:					107px;
}

#joom {
	top:					70px;
	left:					190px;
}

#indd {
	top:					330px;
	left:					10px;
}

#word {
	top:					330px;
	left:					107px;
}

#ppt {
	top:					330px;
	left:					190px;
}



/* =================================================== */
/* > Mise en forme ----------------------------------- */
/* =================================================== */

h1 {

}

h2 {
	
}

h1, h2 {
	font-weight:			normal;
}

a {
	text-decoration:		none;
	color:					#F15A24
}

a:hover {
	color:					#EF7C26;
}

p {
	margin-bottom:			0.5em;
}

.dn {
	display:				none;
}

/*fixes */


.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clr { clear:both; display:block;}