/***************************************************************************************************
Balises de mise en page
***************************************************************************************************/
body {
	text-align:left;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans serif;
	background:#e3d9c4 url(../img/bg.jpg) repeat-x 0 0;
	color:#4d483c;
}
.mep2bg {
	/*2 blocs à gauche*/
	width:496px;
	margin-right:50px;
}
.mep1bd {
	/*2 blocs à gauche*/
	width:243px;
}
.mep2bg, .mep1bd {
	float:left;
	margin-bottom:50px;
	position:relative;
	padding-bottom:25px;
}
.lien {
	color:#4eadea;
	text-decoration:underline;
	font-size:1.4em;
	position:absolute;
	bottom:0;
	right:0;
}
.lien:hover{
	text-decoration:none;
}
/***************************************************************************************************
Conteneurs
***************************************************************************************************/
#page {
	width:1000px;
}
#header {
	background:transparent url(../img/header-bg.jpg) no-repeat 0 0;
	height:500px;
	position:relative;
}
#center {
	background:transparent url(../img/center-bg.png) repeat-y 0 0;
	padding-left:180px;
}
#content {
	background:transparent url(../img/content-bg.png) no-repeat 0 0;
	width:805px;
	padding:8px;
	margin-top:-220px;
	position:relative;
	min-height:870px;
}
#footer {
	width:100%;
	min-width:1000px;
	background:transparent url(../img/footer-bg.png) no-repeat 0 0;
	height:auto;/*500*/
	position:relative;
}
/***************************************************************************************************
header
***************************************************************************************************/
h1 {
	position:absolute;
	top:35px;
	left:85px;
}
#header ul {
	width:683px;
	position:absolute;
	top:41px;
	right:17px;
	text-align:right;
}
#header ul li {
	display:inline;
	margin-left:10px;
}
#header ul li h2 {
	display:inline;
}
#header ul li h2 a{
	color:#e3f2fc;
	font-size:2em;
	font-weight:800;
	text-decoration:none;
	background-color:#a0d3f4;
	padding:10px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#header ul li h2 a:hover, #header ul li.selected h2 a{
	background-color:#4eadea;
}
#header ul #menuLienContact h2 a{
	background-color:#a6d527;
}
#header ul #menuLienContact h2 a:hover{
	background-color:#eba644;
}
.bubbleInfo {
    position: relative;
	cursor:pointer;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	color:#fff;
	font-size:1.3em;
	font-weight:800;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:20px 15px 20px 70px;
	line-height:1.3em;
	text-align:left;
}
.popFree {
    width:260px;
	background:#A0D3F4 url(../img/picto-dispo.png) no-repeat 10px 21px;
}
.popCv {
	width:239px;
	background:#A0D3F4 url(../img/picto-dl.png) no-repeat 10px 7px;
}
.popFree strong {
    color:#1473b0;
	font-weight:800;
}
#header ul li .popFree a, #header ul li .popCv a {
    color:#1473b0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background-color:transparent;
	font-size:1em;
	padding:0;
	font-weight:800;
	text-decoration:underline;
}
#header ul li .popFree a:hover, #header ul li .popCv a:hover {
	background-color:transparent;
	text-decoration:none;
	cursor:pointer;
}
/***************************************************************************************************
center
***************************************************************************************************/
#slide {
	background:transparent url(../img/slide-bg.png) no-repeat right 0;
	text-align:right;
	margin-bottom:10px;
	position:relative;
}
#slideBtnG, #slideBtnD, #slideBarre {
	float:left;
	height:25px;
}
#slideBtnG, #slideBtnD {
	width:31px;
}
#slideBtnG {
	background:transparent url(../img/slide-btn-g2.gif) no-repeat 0 0;
	cursor:pointer;
}
#slideBtnG:hover {
	background:transparent url(../img/slide-btn-g2.gif) no-repeat 0 -25px;
	cursor:pointer;
}
#slideBtnD {
	background:transparent url(../img/slide-btn-d2.gif) no-repeat 0 0;
	cursor:pointer;
}
#slideBtnD:hover {
	background:transparent url(../img/slide-btn-d2.gif) no-repeat 0 -25px;
	cursor:pointer;
}
#zoneSlideImg {
	width:794px;
	overflow:hidden;
	height:489px;
}
#slideImg {
	width:3970px;
	height:489px;
}
#slideImg li {
	float:left;
	height:489px;
}
#zoneSlideBarre {
	width:710px;
	overflow:hidden;
	background-color:#a79c84;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:0 8px 10px 9px;
	text-align:left;
	float:left;
}
#slideBarre {
	width:4970px;
}
#slideBarre li {
	float:left;
}
#slideBarre li a {
	color:#fff;
	font-size:1.6em;
	text-decoration:none;
}
#slideBarre li p, #slideBarre li .slideBarreLienVoir {
	float:left;
	line-height:25px;
}
#slideBarre li p {
	width:620px;
	margin-left:20px;
}
#slideBarre li .slideBarreLienVoir {
	background-color:#a6d527;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	width:70px;
	height:25px;
	font-weight:800;
	text-align:center;
}
#slideBarre li .slideBarreLienVoir:hover {
	background-color:#4eadea;
}
#imgPlusSlide {
	display:none;
}
#content h3 {
	background-color:#a79c84;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#fff;
	font-size:1.6em;
	padding:3px 20px;
	margin-bottom:15px;
}
#content #blocCompetences h3 {
	background-color:#8abfdb;
}
#blocArticles ul li {
	font-size:1.4em;
}
#blocArticles ul li p, #blocArticles ul li a {
	height:25px;
	float:left;
	line-height:25px;
}
#blocArticles ul li p {
	width:421px;
	background-color:#c5baa4;
	margin-bottom:1px;
	padding:0 10px;
}
#blocArticles ul li.ligneClaire p {
	background-color:#d1c7b1;
}
#blocArticles ul li p a {
	width:auto;
	color:#4d483c;
	text-decoration:none;
	background-color:transparent;
	text-align:left;
	font-weight:normal;
}
#blocArticles ul li.ligneClaire p a {
	background-color:transparent;
}
#blocArticles ul li p a:hover {
	background-color:transparent;
}
#blocArticles ul li a {
	width:75px;
	text-decoration:none;
	color:#fff;
	background-color:#a79c84;
	text-align:center;
	font-weight:800;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
}
#blocArticles ul li.ligneClaire a {
	background-color:#bcb19a;
}
#blocArticles ul li a:hover {
	background-color:#a6d527;
}
#blocCompetences ul li {
	font-size:1.4em;
}
#blocCompetences ul li p {
	height:25px;
	float:left;
	line-height:25px;
	width:131px;
	background-color:#c5baa4;
	padding:0 10px;
	margin-bottom:1px;
}
#blocCompetences ul li p.blocCompetencesLvl {
	width:112px;
	background-color:#a79c84;
	color:#fff;
	text-align:center;
}
#blocCompetences ul li.ligneClaire p {
	background-color:#d1c7b1;
}
#blocCompetences ul li.ligneClaire p.blocCompetencesLvl {
	background-color:#bcb19a;
}
h4 {
	font-size:1.6em;
	margin-bottom:15px;
	color:#4EADEA;
	border-bottom:1px dashed #4EADEA;
	padding-bottom:7px;
}
.txtCenter {
	font-size:1.3em;
	margin-bottom:70px;
}
.txtCv {
	font-size:1.4em;
	margin-bottom:15px;
	line-height:1.6em;
}
.txtCv a {
	color:#4eadea;
	text-decoration:underline;
	font-size:1em;
}
.txtCv a:hover {
	text-decoration:none;
}
#btnDlCv {
	color:#e3f2fc;
	font-size:1.6em;
	font-weight:800;
	text-decoration:none;
	background-color:#a6d527;
	padding:10px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:40px 0 60px 0;
	display:block;
	width:305px;
}
#btnDlCv:hover {
	background-color:#eba644;
}
/***************************************************************************************************
footer
***************************************************************************************************/
#contact, #footerD {
	float:left;
	margin-top:170px;
}
#contact {
	width:497px;
	margin-left:150px;
	margin-right:50px;
}
#footerD {
	width:285px;
}
#footer h3 {
	margin-bottom:15px;
}
#contact #contactG, #contact #contactD {
	float:left;
}
#contact #contactG {
	width:194px;
}
#contact #contactG #contactNom, #contact #contactG #contactEmail {
	border:10px solid #61AF1C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:0px;
	padding-right:10px;
	border-right:13px solid #61AF1C;
	margin-bottom:0;
}
#contact #contactG #contactNom {
	margin-top:0;
}
#contact #contactG input.focus {
	border:10px solid #305d09 !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	margin-left:0px !important;
	padding-right:10px !important;
	border-right:13px solid #305d09 !important;
}
#contact #contactG input, #contact #contactG select {
	margin-bottom:10px;
	margin-left:10px;
}
#contact #contactG input {
	width:160px;
}
#contact #contactG label {
	font-size:1.4em;
	color:#204004;
	margin-left:10px;
}
#contact #contactG select {
	width:175px;
	cursor:pointer;
	margin-top:5px;
}
#contact #contactG #contactOk {
	border:none;
	background-color:#f27826;
	color:#fff;
	font-weight:800;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	width:175px;
	margin-top:5px;
	font-size:1.4em;
}
#contact #contactG #contactOk:hover {
	background-color:#4EADEA;
}
#contact #contactD {
	width:303px;
	background-color:#305d09;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	text-align:center;
	padding:10px;
}
#contact textarea, #contact input, #contact select {
	padding:5px;
	font-size:1.6em;
	font-family: Arial, Helvetica, sans serif;
}
#contact #contactD textarea {
	width:260px;
	height:165px;
}
#blocApropos {
	margin-bottom:30px;
}
#blocApropos p {
	font-size:1.2em;
	color:#326109;
	line-height:1.4em;
	margin-bottom:10px;
}
#blocApropos a {
	font-size:1.2em;
	color:#fff;
}
#blocApropos a:hover {
	text-decoration:none;
}
#blocSiteMap {
	font-size:1.2em;
	color:#326109;
}
#blocSiteMap a {
	color:#326109;
}
#blocSiteMap a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}
#blocAwards {
	width:825px;
	margin-left:150px;
	clear:both;
	margin-top:50px;
	height:250px;
}
#blocAwards a {
	width:150px;
	float:left;
	display:block;
	height:100px;
	margin-right:15px;
}
#blocAwards a span {
	display:none;
}
#blocAwards #lienRecBestCssVault {
	background:transparent url(../img/best-css-vault2.png) no-repeat 0 -100px;
}
#blocAwards #lienRecBestCssVault:hover {
	background:transparent url(../img/best-css-vault2.png) no-repeat 0 0;
}
#blocAwards #lienRecCssBased {
	background:transparent url(../img/css-based2.jpg) no-repeat 0 -100px;
}
#blocAwards #lienRecCssBased:hover {
	background:transparent url(../img/css-based2.jpg) no-repeat 0 0;
}
#blocAwards #lienRecCssDepot {
	background:transparent url(../img/css-depot2.jpg) no-repeat 0 -100px;
}
#blocAwards #lienRecCssDepot:hover {
	background:transparent url(../img/css-depot2.jpg) no-repeat 0 0;
}
#blocAwards #lienRecCssGarden {
	background:transparent url(../img/css-garden2.jpg) no-repeat 0 -100px;
}
#blocAwards #lienRecCssGarden:hover {
	background:transparent url(../img/css-garden2.jpg) no-repeat 0 0;
}
#blocAwards #lienRecCssIllustrated {
	background:transparent url(../img/css-illustrated2.jpg) no-repeat 0 -100px;
}
#blocAwards #lienRecCssIllustrated:hover {
	background:transparent url(../img/css-illustrated2.jpg) no-repeat 0 0;
}
#blocAwards #lienRecCssMayo {
	background:transparent url(../img/css-mayo2.jpg) no-repeat 0 -100px;
}
#blocAwards #lienRecCssMayo:hover {
	background:transparent url(../img/css-mayo2.jpg) no-repeat 0 0;
}
#blocAwards #lienRecCssStar {
	background:transparent url(../img/css-star2.jpg) no-repeat 0 -100px;
}
#blocAwards #lienRecCssStar:hover {
	background:transparent url(../img/css-star2.jpg) no-repeat 0 0;
}
#blocAwards #lienRecCssWow {
	background:transparent url(../img/css-wow2.jpg) no-repeat 0 -100px;
}
#blocAwards #lienRecCssWow:hover {
	background:transparent url(../img/css-wow2.jpg) no-repeat 0 0;
}
#blocAwards #lienRecDzinemart {
	background:transparent url(../img/dzinemart2.jpg) no-repeat 0 -100px;
}
#blocAwards #lienRecDzinemart:hover {
	background:transparent url(../img/dzinemart2.jpg) no-repeat 0 0;
}
#blocAwards #lienRecWooki {
	background:transparent url(../img/wooki2.jpg) no-repeat 0 -100px;
}
#blocAwards #lienRecWooki:hover {
	background:transparent url(../img/wooki2.jpg) no-repeat 0 0;
}
/***************************************************************************************************
Pop up mail
***************************************************************************************************/
#messMailOverlay{
	display:block;
	height:100%;
	opacity:0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	width:100%;
	background-color:#4EADEA;
	position:fixed;
	z-index:90;
}
#messMail {
	background:#FFFFFF none repeat scroll 0 0;
	left:30%;
	padding:30px 15px;
	position:relative;
	top:40%;
	width:600px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}
#messMail p {
	font-size:1.6em;
	font-weight:800;
	color:#4D483C;
}
#messMail a {
	cursor:pointer;
	font-size:1.2em;
	color:#4EADEA;
	font-weight:800;
}