/*
Interactiva Premium
Created: 05/2010
By: myTheme at ThemeForest.net
http://themeforest.net/user/myTheme
*/


body {
	background:#f2f2f2 url(../img/bg/body.jpg) repeat-x 50% 0;
	font:13px/18px Arial,sans-serif;
	color:#0B2E58;
	text-align:center;
}

* {margin:0;padding:0;}
p, blockquote, ul, ol {
	margin:20px 0;
}
img, form fieldset {border:none;}
ul {list-style:none;}
p a {
	color:#C0A062;
	font-weight:bold;
}
p a:hover {background:#F5F2B5;}
:focus {outline:0;}





/*
01.....LAYOUT
02.....HEADER
03.....FOOTER
04.....CONTENT
05.....SERVICES
06.....PORTFOLIO
07.....BLOG
08.....FORMS
09.....HOMEPAGE
10.....EXTRAS
/*


/*
01. LAYOUT ----------------------------------------*/

#wrapper {margin:0 auto;width:818px;text-align:left;background:url(../img/bg/wrapper.jpg) no-repeat;padding:0 80px;position:relative;z-index:1;}
#header {width:100%;height:200px;position:relative;}

#mainContent {width:460px;float:right;padding-bottom:60px;}
#secondaryContent {width:260px;float:left;padding:40px 40px 60px 0;color:#666;background:url(../img/bg/secondaryContent.png) no-repeat 100% 20px;}

#clear {clear:both;}


/*
02. HEADER  ---------------------------------------*/

#header h1 a {
	position:absolute;
	left:0;
	bottom:77px;
	width:272px;
	height:90px;
	background:url(../img/logo.png);
	text-indent:-9999px;
}

ul#mainNavi {
	position:absolute;
	left:300px;
	bottom:80px;
}
ul#mainNavi li {float:left;margin-left:16px;font-size:12px;}
ul#mainNavi li a {padding:3px 8px;color:#fff;text-decoration:none;text-shadow:#333 0 -1px 2px;background:url(../img/bg/transparentWhite.png);font-weight:bold;}
ul#mainNavi li a:hover {color:#eee;text-shadow:#333 1px -1px 1px;background:url(../img/bg/transparentBlack.png);}
ul#mainNavi li.current a {color:#444;background:url(../img/bg/transparentWhiteSplit.png) 0 50% repeat-x;text-shadow:#fff 0 1px 1px;}

ul#socialMedia {
	position:absolute;
	right:-4px;
	bottom:69px;
	padding:2px 2px;
	background:url(../img/bg/transparentWhite.png);
	width: 37px;
	height: 37px;
}
ul#socialMedia li {float:left;}
ul#socialMedia li a {display:block;text-indent:-9999px;width:30px;height:31px;padding:3px;opacity:.6;background-repeat:no-repeat;background-position:50% 50%;}
ul#socialMedia li a.facebook {background-image:url(../img/icons/fb4.png);}
ul#socialMedia li a.flickr {background-image:url(../img/icons/flickr.png);}
ul#socialMedia li a.twitter {background-image:url(../img/icons/twitter.png);}
ul#socialMedia li a.rss {background-image:url(../img/icons/rss.png);}
ul#socialMedia li a:hover {opacity:1;}


/*
03. FOOTER  ---------------------------------------*/

#footer {padding-top:20px;color:#666;}
#footer-inner {width:818px;padding:160px 80px 0 80px;margin:-160px auto 0 auto;text-align:left;background:url(../img/bg/footer.png) no-repeat;position:relative;}
.footerColumn {float:left;width:360px;}
.footerColumn.contactInfo {float:right;}

.contactInfo ul {font-size:24px;line-height:40px;font-weight:bold;width:330px;color:#aaa;}
.contactInfo li a {color:#aaa;border-bottom:3px solid #ddd;text-decoration:none;}
.contactInfo li a:hover {border-color:#bbb;}

p#copyright {clear:both;padding-top:40px;color:#aaa;text-align:center;background:url(../img/bg/copyright.png) repeat-x 0 20px;font-size:11px;}
.backToTop {float:left;display:block;position:absolute;right:40px;bottom:20px;width:40px;height:40px;background:url(../img/bg/backToTop.png);text-indent:-9999px;}


/*
04. CONTENT  -----------------------------------*/


h2 {font-size:18px;margin:10px 0 10px;color: #003366; line-height:20px;}
h3 {font-size:17px;margin:30px 0 -10px;color:#555;}
h4 {font-size:14px;margin:30px 0 -10px;color:#777;}
#secondaryContent h3, #footer h3 {font-size:15px;}
#mainContent h3 {margin:30px 0 -10px;clear:both;}

#mainContent ul, #mainContent ol, #secondaryContent ul, #secondaryContent ol {color:#bbb;}
#mainContent ul, #secondaryContent ul {list-style:disc;}
#mainContent ul li p, #mainContent ol li p {color:#222;margin:0;}
#secondaryContent ul li p, #secondaryContent ol li p {color:#444;margin:0;}

blockquote {clear:both;font-style:italic;padding:0 20px;margin-left:-20px;background:url(../img/bg/blockquote.png) no-repeat;}

p#ingress {font-size:15px;}

/* images */
.imgWide {float:left;clear:both;text-align:center;border:1px solid #e5e5e5;background:#fff;margin:20px 0;}
.imgWide a {display:block;padding:9px 9px 3px;font-size:11px;color:#666;text-decoration:none;}
.imgWide a:hover {background:#F5F2B5;}

/* tables */
#mainContent table {margin:20px 0;border-collapse:collapse;width:100%;text-align:center;background:#f6f6f6;}    
#mainContent table thead th {padding:0 6px;background:#ddd;color:#333;line-height:40px;}
#mainContent table thead th h4 {margin:0;}
#mainContent table tbody th, #mainContent table tbody td {padding:0 6px;color:#666;border-top:1px solid #eee;}
#mainContent table tbody td p {line-height:20px;}
#mainContent table tbody tr.alt {background-color:#e9e9e9;}

/* link buttons */
a.button, form button {display:inline-block;color:#fff;text-decoration:none;padding:2px 18px 3px 11px;margin:-2px 0 17px 0;background:#003366 url(../img/bg/button.png) no-repeat 100% 50%;text-shadow:#444 0 -1px 1px;font-weight:bold;}
a.button:hover, form button:hover {background-image:url(../img/bg/button-hover.png);}
a.button:active, form button:active {position:relative;top:1px;}

/* secondary content */
#search {background:url(/img/bg/search.png);padding-bottom:15px;border-bottom:1px dotted #ddd;margin:0;}
#search input {vertical-align:middle;;}
#search input#searchBtn {background:none;border:none;display:inline;}
#search input#searchText {width:200px;color:#999;padding:3px 6px;display:inline;}
#search input#searchText:focus {background:#FFFEDF;border:2px solid #ddd;color:#666;}

ul.secondaryNavi li {list-style-type:none;}
ul.secondaryNavi li a {color:#666;display:block;background:url(../img/bg/secondaryContentNavi.png) no-repeat 98% 50%;text-decoration:none;border-bottom:1px solid #ddd;padding:2px;width:256px;}
ul.secondaryNavi li a span {color:#999;display:block;font-size:11px;}
ul.secondaryNavi li a:hover {color:#111;background-color:#eaeaea;background-position:99% 50%}

p.note {clear:both;background:#fffa8b url(../img/bg/note.png) no-repeat 0 100%;padding:20px 25px 40px 25px;font-size:12px;margin:40px 0;width:210px;}
p.note strong {display:block;}


/*
05. SERVICES --------------------------------*/

table.services {margin:20px 0 20px;border-collapse:collapse;width:100%;text-align:center;color:#333;font-size:13px;}    
table.services thead th {padding-top:10px;background:#37393d url(../img/bg/fade.png) repeat-x;-webkit-border-top-left-radius:18px;-webkit-border-top-right-radius:18px;-moz-border-radius-topleft:18px;-moz-border-radius-topright:18px;border-top-left-radius:18px;border-top-right-radius:18px;width:272px;}
table.services thead th h2 {margin:0 0 10px;color:#fff;line-height:20px;text-shadow:#000 0 1px 2px;font-size:22px;}
table.services tbody td {padding:10px;border-right:1px solid #fff;}
table.services tbody td p {line-height:20px;font-size:14px;}
table.services tbody td strong {font-size:24px;}
table.services tbody td img {margin:0 0 -3px 4px;}
table.services tbody tr {background-color:#EFF5F5;}
table.services tbody tr.alt {background-color:#fff;}
table.services tbody td a.button {margin:10px 0;float:none;}

p.smallPrint {float:left;clear:both;font-size:11px;color:#888;width:450px;margin:0 0 60px;}


/*
06. PORTFOLIO --------------------------------*/

ul.portfolio {clear:both;float:left;}
ul.portfolio li {float:left;list-style-type:none;text-align:center;font-size:11px;border:1px solid #e5e5e5;margin:0 10px 20px 0;background:#fff;position:relative;}
ul.portfolio li a {padding:9px 9px 3px;display:block;text-decoration:none;color:#666;}
ul.portfolio li a span.new {display:block;position:absolute;top:-1px;right:-1px;width:40px;height:40px;background:url(../img/bg/new.png);z-index:99;}
ul.portfolio li a:hover {background:#F5F2B5;color:#666;}
ul.portfolio li img {display:block;}

/* portfolio item */
#mainContent .leftColumn {float:left;width:280px;margin:-30px 0 40px;font-size:12px;}
#mainContent ul.rightColumn {float:right;width:160px;margin:10px 0 40px;}
#mainContent ul.rightColumn li {list-style-type:none;font-size:12px;border-bottom:1px solid #ddd;padding-bottom:9px;margin-bottom:10px;}
#mainContent ul.rightColumn li p {}
#mainContent ul.rightColumn li h4 {margin:0;}

#backTo {float:right;margin-top:-10px;color:#aaa;text-decoration:none;}
#backTo:hover {color:#888;}


/*
07. BLOG --------------------------------*/

p#blogDate {color:#888;}

#comments {padding-top:40px;}
#comments ul {margin:40px 0 80px -50px;}
#comments ul li {margin-bottom:20px;list-style-type:none;color:#999;}
#comments ul li a {color:#719F00;font-weight:bold;}
#comments ul li img {border:5px solid #E8E7E2;width:30px;height:30px;float:left;display:block;margin:0 10px 20px 0;}
#comments ul li em {font-size:11px;}
#comments ul li p {margin-left:50px;font-size:12px;}


/*
08. FORMS ----------------------------------*/

form {margin-top:40px;clear:both;}
form input, form textarea {background:#F1F6F9;border:2px solid #E8E7E2;color:#666;font:13px Arial,sans-serif;padding:3px;margin-bottom:10px;display:block;}

form.contactForm input {padding-left:22px;background-position:5px 50%;background-repeat:no-repeat;width:200px;}
form.contactForm input.name {background-image:url(../img/bg/form-name.png);background-position:8px 50%;}
form.contactForm input.phone {background-image:url(../img/bg/form-phone.png);}
form.contactForm input.email {background-image:url(../img/bg/form-email.png);}
form.contactForm input.web {background-image:url(../img/bg/form-web.png);}

form textarea {width:380px;overflow:auto;padding:9px;height:140px;line-height:20px;}
form input:focus, form textarea:focus {background-color:#FFFEDF;border:2px solid #ddd;}

form label {color:#666;}
.required {color:#C5376D;font-weight:bold;}
form button {cursor:pointer;border:0;font:bold 13px Arial,sans-serif;margin-top:19px;}


/*
09. HOMEPAGE --------------------------------------*/

/* features */
.features {margin:0;}
.features li {width:255px;float:left;margin-right:16px;padding-right:10px;margin-bottom:20px;background:url(../img/bg/features.png) no-repeat 100% 0;}
.features li#last {float:right;margin-right:0;padding-right:0;background:none;}
.features li h3 {float:left;font-size:18px;color:#333;line-height:40px;margin:0;}
.features li p {clear:both;font-size:13px;margin-top:0;color:#444;}
.features li #testimonials {margin-top:0;clear:both;}
.features li p em {display:block;color:#999;}
.features li img {float:left;margin-right:8px;}

/* nivoSlider */
#slider {clear:both;margin:-20px 0 20px -50px;position:relative;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;border:10px solid #ddd;}
#slider img {position:absolute;top:0px;left:0px;}

.nivoSlider {position:relative;float:left;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}

.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}
.nivo-caption {position:absolute;left:0;bottom:0;background:url(../img/bg/transparentBlack2.png);color:#fff;width:100%;z-index:89;}
.nivo-caption p {padding:10px 20px;margin:0;}

.nivo-directionNav a {position:absolute;top:120px;z-index:99;cursor:pointer;background:url(../img/bg/nivo-directionNav.png);width:40px;height:40px;text-indent:-9999px;}
a.nivo-prevNav {left:20px;}
a.nivo-nextNav {right:20px;background-position:right top;}

.nivo-prevNav:hover {background-position:left bottom;}
.nivo-nextNav:hover {background-position:right bottom;}
.nivo-prevNav:active, .nivo-nextNav:active {top:121px;}

.nivo-controlNav {position:absolute;right:20px;bottom:15px;z-index:90;}
.nivo-controlNav a {display:block;width:10px;height:10px;background:url(../img/bg/nivo-controlNav.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;cursor:pointer;}
.nivo-controlNav a.active {background-position:-10px 0;}


/*
10. EXTRAS ----------------------------------*/

/* rounded corners */
#header #socialMedia, .tipsy-inner, .features, ul.portfolio li, .imgWide, ul#comments li img {border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;}
#header ul li a, a.button, form button, #search input#searchText {border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;}

/* tipsy */
.tipsy {padding:5px;font-size:11px;background:url(../img/bg/tipsy.png) no-repeat;}
.tipsy-inner {padding:2px 8px 2px 8px;background:url(../img/bg/transparentBlack.png);color:#eee;max-width:200px;text-align:center;}
.tipsy-south {background-position:bottom center;}

#fbox {

margin-right:10px;
background-color:#FFFFFF;

}
.cadrephoto {
	border: thick solid #CCCCCC;
}

/* tooltip styling */
.tooltip {
    z-index:100;
	display:none;
	background:url(http://eskermedia.com/images/black_arrow_bigyelo-pale.png);
	background-repeat:no-repeat;
	height:163px;
	padding:45px 30px 15px 35px;
	width:310px;
	font-size:11px;
	color:#fff;
}

/* a .label element inside tooltip */
.tooltip .blue {
	color: #484C6F;
	
}

.tooltip a {
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

.tooltip hr{



	border:0;
	

	color:#fff;



	background-color: #fff;



	height: 1px;

	

	margin:3px 8px 3px 0px;



}
#colonne_droite {

margin-right:3px;

}


#madein {
background:transparent url(http://eskermedia.com/images/dynamix.png) no-repeat scroll 0 0;
	display:block;
	height:18px;
	margin-bottom:30px;
	overflow:hidden;
	text-indent:-999em;
	width:90px;
	cursor:pointer;
	
}
.service-titre {
	font-size: 14px;
	font-weight: bold;
}