/*
Theme Name: LesExperts
Theme URI: http://wordpress.org/
Description: Thème principal du site
Author: Les Experts Méditerranée
Version: 1.0
Tags: 
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html{
	width : 100%;
	height : 100%;
	margin: 0;
	padding: 0;
	background:#fff url(images/fond-html.png) repeat-x;
}

body {	
	position:relative;
	width:1024px;
	padding:0;
	margin : 0 auto;
	color : #4d4d4d;
	font: 15px Trebuchet MS, Verdana, Tahoma, Helvetica, Sans-Serif;
}
a {
	color : #4d4d4d;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	font-weight:bold;
	color:#3887c2;
	text-decoration: none;
}

img {border: none;}

strong{
	font-weight:bold;
}
.bleu{
	color:#3887c2;
	font-weight:bold;
}

div#content {
	float:left;
	width:720px;
	padding-left:25px;
	background:transparent url(images/fond-page.png) no-repeat top left;
	margin-bottom:20px;
}

/* =Footer
-------------------------------------------------------------- */
div#footer {
	clear: both;
	width: 1024px;
	height:69px;
	background:transparent url(images/fond-footer.png) no-repeat;
	text-align:left;
	<br/>
	padding-left:20px;
}

div#footer ul{
	margin: 0;
	padding: 0;
}

div#footer ul li{
	display: inline;
	margin-left: 25px;
	vertical-align:middle;
	padding-right:30px;
	padding-top:55px;
	text-transform:uppercase;
}
div#footer ul li a{color:#fff; font-weight:normal;}
div#footer ul li a:hover {color:#fff; font-weight:bold;}
div img {vertical-align : middle; }

div#lien-agence{
	margin-top:10px;
	clear:both;
	width:250px;
	height:30px;
	padding-top:15px;
	margin-left:895px;
}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */

div#global {
	width: 1024px;
	background: #fff;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Text elements */
h1{
	font-size:16px;
	color:#3887c2;
	margin-top:25px;
	margin-bottom:30px;
	text-transform:uppercase;
}

h2{
	font-size:15px;
	color:#3887c2;
}
h3{
	display:block;
	height:32px;
	font-size:15px;
	color:#3887c2;
	background:transparent url(images/fleche.png) no-repeat;
	padding-left:28px;
	padding-top:8px;
	margin-bottom:-10px;
}
.decale{
	padding-left:155px;
}
div.paragraphe{
	padding-left:220px;
	margin-bottom:35px;
}

/* =Header
-------------------------------------------------------------- */

div#header div#banniere{
	width:770px;
	height:290px;
	background:transparent url(images/baniere-top-new.png) no-repeat;
	margin-left:254px;
}
div#header div#logo{
	float:left;
	width:297px;
	height:290px;
	background:transparent url(images/logo.png) no-repeat;
}
/* =Menu
-------------------------------------------------------------- */
div#menu{
	width:257px;
}
#menu-item-659{
	background:transparent url(images/fond-menu-bleu.png) no-repeat top left;
	list-style-type:none;
	width:237px;
	margin-left:-20px;
	font-size: 14px;
}
#menu-item-609{
	background:transparent url(images/fond-menu-gris.png) no-repeat top left;
	list-style-type:none;
	width:237px;
	margin-left:-20px;
	height:27px;
	margin-top:15px;
	margin-bottom:15px;
	font-size: 14px;
}

#menu-item-608{
	background:transparent url(images/fond-menu-gris2.png) no-repeat top left;
	list-style-type:none;
	width:237px;
	margin-left:-20px;
	height:50px;
	font-size: 14px;
}

div#menu ul li a{
	display:block;
	padding-left:30px;
	list-style-type:none;
	text-align:left;
	padding-top:4px;
}
div#menu ul a{
	color:#fff;
}
div#menu ul li{
	list-style-type:none;
	text-align:left;
	margin-right:10px;
}
div#menu ul li ul{
	background:none;
	padding-left:0;
	margin-top:10px;
}
div#menu ul li ul a{
	background:transparent url(images/puce-menu.png) no-repeat left center;
	text-align:left;
	padding-left:20px;
	font-size:14px;
	line-height:26px;
	color:#4d4d4d;
	margin-left:15px;
}
div#menu ul li ul a:hover{
	background:transparent url(images/puce-menu.png) no-repeat left center;
	text-align:left;
	padding-left:20px;
	font-size:14px;
	line-height:26px;
	color:#3887c2;
	margin-left:15px;
}
div#menu ul li a:hover, div#menu ul li.current-menu-item a{
	text-align:left;
	font-weight:bold;
}

/* =Menu-secondaire (horizontal)
-------------------------------------------------------------- */
div#menu-horizontal{
	width:750px;
	color:#4d4d4d;
	margin-bottom:30px;
	margin-left:-35px;
}

div#menu-horizontal ul li{
	display:inline;
	text-align:left;
	padding-right:35px;
	margin-bottom:25px;
}
div#menu-horizontal ul li a{
	text-align:left;
	font-size:14px;
}
div#menu-horizontal ul li a:hover, div#menu-horizontal ul li.current-menu-item a{
	text-align:left;
	font-weight:bold;
}

/*  sidebar
 ------------------------------------ */
div#sidebar {
	float:right;
	width:256px;
	margin-top:12px;
}
div#sidebar p{
	text-align:center;
}

div#qualixpert{
	width:231px;
	height:112px;
	background:transparent url(images/certification-qualixpert.png) no-repeat;
	margin-top:30px;
	margin-left:15px;
}

div#professionnels{
	width:231px;
	height:114px;
	background:transparent url(images/agrees-certifies.png) no-repeat;
	margin-top:25px;
}
div#professionnels p{
	text-align:center;
	padding-top:110px;
	font-weight:bold;
	color:#3887c2;
	font-size:18px;
}
div#missions{
	width:231px;
	height:114px;
	background:transparent url(images/missions-rapports-48h.png) no-repeat;
	margin-top:40px;
}

div#plan{
	margin-top:20px;
	margin-right:25px;
	float:left;
}
 p#adresse{
	margin-top:100px;
 }
 
/* Styles à garder */
/* =Images
-------------------------------------------------------------- */

#content img {
	margin: 0;
	height: auto;
	width: auto;
}
#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
#content .wp-smiley {
	margin: 0;
}
#content .gallery {
	margin: 0 auto 18px;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}
#content .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}
div#wpcf7-f1-p278-o1{
	background:#ececed;
	border:1px solid #3887c2;
	padding-left:15px;
}
div#wpcf7-f1-p278-o1 p{
	color:#3887c2;
	font-weight:bold;
	padding-bottom:8px;
}