/*
Theme Name: Maestria
Theme URI: 
Description: theme maestria
Version: 0.1
Author: vitam
*/

/* HTML ELEMENT */
p, form, img, h1, h2, h3, h4, h5, h6, ul, ol, li, html, body {
	margin: 0;
	padding: 0;
}

body {
	font: 62.5% bold Century Gothic, Arial, Helvetica, sans-serif;
	height: 100%;
	background:#3c80a9 url(img/bg-body.png) repeat-x top;
}

html {
	height: 100%;
}

a img {
	border: none;
}


/* GENERAL LAYOUT */ 

#page {
	margin:0 auto;
	width:960px;
	min-height: 100%;
	_height: 100%;
}

.hide {
	position: absolute;
	left: -5000px;
}

h3 {
	font: bold 1.8em Century Gothic;
	color: #81c4d2;
	margin: 0 0 20px;
}

h2 {
	font: bold 1.8em Century Gothic;
	color: #81c4d2;
}

/* HEADER */

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

#header h1#logo {
	background: url(img/bg-h1.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/theme/bg-h1.png', sizingMethod='crop');
	width:131px;
	height:50px;
	position: absolute;
	bottom:5px;
}

#header h1 a {
	display: block;
	width: 131px;
	height: 50px;
}

#header h1 a span {
	position:absolute;
	left: -5000px;
}

#header ul#nav {
	position:absolute;
	right:0px;
	top:42px;
}

#header ul#nav li {
	display:block;
	float:left;
}


#header ul#nav a {
	display:block;
	float:left;
	text-decoration: none;
	font: 1.4em Century Gothic;
	color: #113a53;
	height:30px;
	margin:0 12px;
}

#header ul#nav a:hover, #header ul#nav li.active a {
	color: #6b9cb9;
	border-bottom:4px solid #285b7a;
}

#equipe, #devis, #contact, #blog {
	background: url(img/puce.png) no-repeat 0 7px;
}

#header ul#lang {
	position: absolute;
	right:15px;
	top: 2px;
	font: 1.4em Century Gothic;
	color: #113a53;
}

#header ul#lang li, #header ul#lang a {
	list-style-type: none;
	text-decoration: none;
	display:inline;
	color:#113a53;
}

#header ul#lang a:hover {
	color: #6b9cb9;
} 

#header ul#lang a.active {
	color: #6b9cb9;
}

/*** ACCESSIBILTY ***/

#accessibility-menu {
	position: absolute;
	left: -5000px;
}

/*** SUB-HEADER ***/

#sub-header {
	background: url(img/sub-header-papillon-home.png) no-repeat 0 19px ;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/theme/sub-header-papillon-home-ie.png', sizingMethod='crop');
	height: 322px;
	position: relative;
}

#sub-header h2 {
	color:#103953;
	font-size: 1.8em;
	margin: 0 0 30px;
	position: absolute;
	top: 63px;
	left: 175px;
	width: 325px;
	text-align: right;
}

#sub-header .blue {
	color:#37779f;
}

.box {
	background: url(img/sub-header-box.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/theme/sub-header-box.png', sizingMethod='crop');
	width: 234px;
	height: 214px;
	position: absolute;
	top: 25px;
	right: 10px;
	padding: 25px 65px 35px 20px;
}

.box .devis-gratuit {
	background: url(img/devis-fr.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/theme/devis-ie-fr.png', sizingMethod='crop');
	width: 114px;
	height: 121px;
	position: absolute;
	top:18px;
	right:9px;
}

.box h3.top-filet {
	background: url(img/filet-box.png) no-repeat;
	margin-top: 15px;
	padding: 10px 0 0;
}

.box .inter-ro {
	background: url(img/inter-ro.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/theme/inter-ro.png', sizingMethod='crop');
	width:43px;
	height: 83px;
	position: absolute;
	right: 26px;
	bottom: 20px;
}

.box p {
	font: normal 1.4em Arial,Helvetica,sans-serif;
	color: #ffffff;
	margin: 0 0 12px;
}

.box .sa {
	font-size: 0.7em;
}


/* CONTENT */

#content {
	float: left;
	width: 575px;
	margin-bottom: 20px;
	top:20px;
}


#content a {
	text-decoration:underline;
	color:#81c4d2;
}

#content a:hover {
	text-decoration: none;
}

#content h3 {
	font: bold 1.8em Century Gothic;
	color: #81c4d2;
	margin: 0 0 20px;
}

#content h3 a:hover {
	text-decoration:underline;
}

#content h3 a {
	color: #81c4d2;
	text-decoration:none;
}

#content .blue {
	color:#37779f;
}

#content .png {
	float:left;
	margin-right: 5px;
}

#content p {
	font:1.2em Trebuchet MS;
	color: #ffffff;
	margin:0 0 15px;
	line-height: 1.5em;
}

#content span a {
	float:right;
	font:1.2em Trebuchet MS;
	color:#FFFFFF;
}


/* SIDEBAR */
 
.sidebar {
	float: right;
	width: 305px;
	border-left: 1px solid #608fab;
	padding:0 0 0 20px;
	font:1.2em Trebuchet MS;
	color: #FFF;
	line-height: 1.5em;
}

.sidebar ul, ol, li {
	list-style:none;
}

.sidebar h3 {
	font: bold 1.5em Century Gothic;
	color: #81c4d2;
}

.sidebar a {
	text-decoration:underline;
	color:#FFF;
}

.sidebar a:hover {
	text-decoration: none;
}

#calendar a {
	background:#103953;
	text-decoration:none;
}

#calendar a:hover {
	background:none;
}

.submit {
	width:85px;
	height:23px;
	background:url(img/button_search2.png) no-repeat;
	border:none;
	color:#FFFFFF;
	font-size:1.2em Trebuchet MS;
	padding:0 0 4px 0;
	top:1px;
	
}

#recherche {
	height:15px;
	border:1px solid #133c55;
	color:#133c55;
	padding:3px 2px;
	top:1px;
}

#searchform {
	height:23px;
}

.rss {
	background:url(img/rss_blue.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/theme/rss_blue.png', sizingMethod='crop');
	height:17px;
	display:inline-block;
	padding: 0 0px 0 24px;
	margin:3px 0 0 0;
}

#archives {
	text-transform:capitalize;
}

.post {
	padding: 10px 0;
}

/* COMMENTS */

.comment {
	border:1px solid #133c55;
	color:#133c55;
	font:1.0em Trebuchet MS;
}

.comment_txt {
	border:1px solid #133c55;
	padding:4px;
	color:#133c55;
	font:1.0em Trebuchet MS;
}

.comment_content {
	border-top:1px solid #608fab;
	border-right:1px solid #608fab;
	padding:10px 0;
}

/* FOOTER */

#footer {
	padding: 30px 10px 10px 10px;
	clear: both;
}

#footer p {
	width:960px;
	height:25px;
	font: 1.1em Helvetica;
	color:#FFF;
}

#footer a {
	color:#FFF;
	text-decoration:underline;
}

#footer a:hover {
	text-decoration:none;
}