/* CSS Document */
body {
background: #FFFFFF url(http://ressacmedia.cl/blog/images/bg.gif);
background-repeat: repeat-x;
margin: 0;
padding: 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
}
img {border: 0;}

.main {width: 971px;margin: auto;text-align: left;}

.header {float:left;width: 961px;height: 80px;background-image: url(http://ressacmedia.cl/blog/images/header-bg.gif);background-repeat: no-repeat;text-align: left;}
.logo {float:left;}

.toplinks {float:left;text-align:right;width: 518px;padding-top:5px;padding-right:5px;background-color: #333333;color: #FFFFFF;}
.toplinks a {color: #FFFFFF;padding:3px;font-size:11px;text-decoration: none;}

.search {float:right;width: 254px;height: 32px;background-color: #484848;}
#searchboxbg {background-image:url(http://ressacmedia.cl/blog/images/search-bg.gif);background-repeat:no-repeat;width:176px;height:19px;margin-top:5px;margin-right:5px;float:left;}
#searchbox {background: none;width:160px;padding:3px;padding-left:5px;border: 0;color:#333;font-size:11px;}
#searchpadding {padding-right:5px;padding-top:5px;float:left;}

#navigation {float:left;width:775px;}
#navigation a {float:left;margin-right:1px;}

#featured {float:left;background-image: url(http://ressacmedia.cl/blog/images/featured-bg.jpg);background-repeat: no-repeat;width: 961px;height: 240px;}

#services {float:left;margin-top:10px;background-image: url(http://ressacmedia.cl/blog/images/nos-servicesbg.gif);background-repeat: no-repeat;width: 960px;height: 254px;text-align: left;}
#services-sec {float:left;width: 215px;margin-left: 20px;margin-top:15px;}
.services-img {float:right;padding-top:10px;padding-left:5px;padding-bottom:10px;}
.services-left {padding-top: 40px;}
.services-link a {font-size: 20px;font-weight: bold;text-decoration: none;color: #000000;}
.services-desc {padding-top:5px;}
.services-plus a {padding-top: 10px;color: #43a6a9;float:left;text-decoration: none;}

#agence {float:left;background-image:url(http://ressacmedia.cl/blog/images/agence-bg.gif);background-repeat:no-repeat;width:960px;height:356px;margin-top:10px;}
#agence-left {float:left;width:460px;text-align:left;padding-top:10px;margin-left:20px;}
.agence-photo {float:left;margin-left:-15px;padding-top:45px;width:185px;}
.agence-desc {float:left;padding-top:55px;padding-left:10px;width:260px;}
.agence-desc a {padding-top: 10px;color: #43a6a9;float:left;text-decoration: none;}
.agence-bottoml {float:left;width:230px;}
.agence-bottomr {float:right;width:220px;}

.reseaux-sociaux {float:left;padding-top:50px;text-align:left;width:230px;color:#333333;}
.icone-sociaux {float:left;padding-top:25px;}

.newsletter {float:left;padding-top:80px;text-align:left;width:230px;color:#333333;}
.newsletter-box {float:left;width: 220px;padding-top:5px;}
.newsletter-bg {background-image:url(http://ressacmedia.cl/blog/images/newsletter-bg.gif);background-repeat:no-repeat;width:173px;height:24px;margin-top:5px;margin-left:5px;margin-right:5px;float:left;}
#newsletterinput {background: none;width:160px;padding:3px;padding-left:8px;border:0;color:#0c8f93;}

#blogue-right {float:left;width:440px;text-align:left;padding-top:50px;margin-left:40px;}
#blogue-right ul {list-style-type: none;margin:0;padding:0;}
#blogue-right li { list-style-type:disc;padding-top:10px;color:#999;}
#blogue-right li a {color:#0d9094;text-decoration:none;font-size:13px;}
.blogue-articles a {float:left;padding-top:15px;text-decoration:none;color:#0d9094;margin-left:-15px;}

#page-header {width:961px;float:left;text-align:left;padding-top:15px;}
#breadcrumb {color: #717171;float:left;width:961px;padding-bottom:5px;}
#breadcrumb a {color: #0d9094;text-decoration:none;}
#page-title {text-transform: uppercase;color:#000;font-size:28px;font-weight:bold;float:left;}
#page-slogan {float:right;width:355px;text-align:right;padding-right:20px;font-style: italic;font-size:16px;color:#666666;font-weight:bold;}

#leftnav {float:left;width:185px;text-align:left;}
.leftnavli {float:left;width:185px;padding-top:10px;padding-bottom:10px;color:#2e2e2e;border-top:1px solid #d5d5d5;text-transform:uppercase;font-size:13px;}
.leftnavli a {color:#2e2e2e;text-decoration:none;}
.leftnavli a.selected {color:#1b969a;text-decoration:none;}

#leftnavblog {float:left;width:185px;text-align:left;}
#leftnavbloglang a {color:#1b969a;text-decoration:none;float:left;width:185px;padding-bottom:5px;}
#leftcategories {float:left;width:190px;background-image: url(http://ressacmedia.cl/blog/images/leftnav/categories-blog.gif);background-repeat:no-repeat;padding-top:40px;}
#leftcategories {float:left;margin-top:10px;width:190px;background-image: url(http://ressacmedia.cl/blog/images/leftnav/categories-blog.gif);background-repeat:no-repeat;padding-top:40px;}
#leftreseaux {float:left;margin-top:10px;width:190px;background-image: url(http://ressacmedia.cl/blog/images/leftnav/reseauxsociaux-blog.gif);background-repeat:no-repeat;padding-top:40px;}
#leftarticles {float:left;margin-top:20px;width:190px;background-image: url(http://ressacmedia.cl/blog/images/leftnav/derniersarticles-blog.gif);background-repeat:no-repeat;padding-top:50px;}
#leftarticles ul {list-style-type: none;margin:0;padding:0;margin-left:15px;width:150px;}
#leftarticles li { list-style-type:disc;padding-top:10px;color:#999;}
#leftarticles li a {color:#0d9094;text-decoration:none;font-size:13px;}
ul.dsq-widget-list {list-style-type: none;margin:0;padding:0;margin-left:15px;width:150px;}
li.dsq-widget-item { list-style-type:disc;padding-top:10px;color:#999;}
li.dsq-widget-item a {color:#0d9094;text-decoration:none;font-size:13px;}
#leftcomments {float:left;margin-top:20px;width:190px;background-image: url(http://ressacmedia.cl/blog/images/leftnav/dernierscommentaires-blog.gif);background-repeat:no-repeat;padding-top:50px;}
#leftcomments ul {list-style-type: none;margin:0;padding:0;margin-left:15px;width:150px;}
#leftcomments li { list-style-type:disc;padding-top:10px;color:#999;}
#leftcomments li a {color:#0d9094;text-decoration:none;font-size:13px;}
#leftarchives {float:left;margin-top:10px;width:190px;background-image: url(http://ressacmedia.cl/blog/images/leftnav/archives-blog.gif);background-repeat:no-repeat;padding-top:40px;}
#lefttags {float:left;margin-top:10px;width:190px;background-image: url(http://ressacmedia.cl/blog/images/leftnav/tags-blogue.gif);background-repeat:no-repeat;padding-top:40px;}
#lefttags a {float:left;padding:5px;color:#0d9094;text-decoration:none;}

#content-div {float:left;margin-left:20px;width:757px;}
.archivehead {float:left;padding-left:25px;font-size:18px;font-weight:bold;}
#topcontent {background-image:url(http://ressacmedia.cl/blog/images/topcontent.gif); width:757px;height: 22px;float:left;margin-top:-10px;}
#bottomcontent {background-image:url(http://ressacmedia.cl/blog/images/bottomcontent.gif); width:757px;height:17px;float:left;}
#content {width:755px;background-color:#efefef;float:left;}

#fiche-personne {width:720px;float:left;margin-left:20px;padding-bottom:20px;border-bottom:1px dotted #666;margin-top:5px;margin-bottom:10px;}
.fiche-titler {float:right;width:250px;text-align:right;font-size:13px;}
.fiche-titlel {font-size:13px;}
.fiche-photo {float:left;width:190px;padding-right:10px;padding-top:10px;}
.fiche-desc {float:left;width:500px;padding-top:20px;}

#footer {background-image: url(http://ressacmedia.cl/blog/images/footer-bg.gif);width:100%;height:35px;margin-top:45px;float:left;}
#footer-inside {width:961px;margin:auto;text-align:left;}
.footer-logo {float:left;width:184px;}
.footer-middle {float:left;width:380px;margin-left:30px;padding-top:10px;color:#666666;}
.footer-middle a {color:#0d9094;text-decoration:none;}
.footer-right {float:left;width:270px;margin-left:90px;font-size:11px;padding-top:10px;}

#entries {margin-left:20px;text-align:left;float:left;width:705px;padding-bottom:10px;margin-bottom:10px;}
#entries a {color:#c62f1e;font-weight:bold;text-decoration:none;}
#entries h2 {margin-bottom:5px;padding-bottom:0;color:#444;}
#entries h2 a {color:#c62f1e;font-size:18px;font-weight:bold;text-decoration:none;}
#entries h2 a:hover {color:#444;}
#entries p {line-height:18px;}
#entries p a {color:#c62f1e;text-decoration:none;font-weight:bold;}
#entries li a {color:#c62f1e;text-decoration:none;font-weight:bold;}
.entries-content {padding-top:10px;padding-bottom:10px;margin-top:10px;border-top:1px dotted #CCC;float:left;width:100%;}
.entryreadmore {float:right;margin-left:10px;padding:5px;background-color:#FFFFFF;color:#333333;border:1px dotted #999999;text-decoration:none;}

.authorimg {float:left;margin-right:10px;margin-top:10px;border:2px solid #FFF;}
.authorinfo {color: #333333;float:left;width:450px;font-size:11px;padding-top:5px;}
.authorinfo a {color:#333333;text-decoration:none;font-weight:bold;}

#authorbox{color:#333; float:left;margin-bottom:10px;margin-top:5px;width:650px;margin-left:50px;}	
#authorbox p{color:#333333;line-height:18px;}
#authorbox p a{color:#0d9094;}

#commentslink {float:right;padding-top:8px;}
#commentslink a {color:#0d9094;text-decoration:none;font-weight:bold;}

.tagdiv {width:600px;margin-left:50px;}
.tags {text-transform:uppercase;font-size:13px;}
.tags a {float:left;padding:5px;margin:5px;background-color:#FFFFFF;}
.tags a:hover {background-color:#efefef;}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
.clear {
	clear: both;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	padding-bottom:5px;
	}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}
hr {
	display: none;
	}
.navigation {
	display: block;
	text-align: center;
	width:590px;
	margin-left:55px;
	font-size:12px;
	margin-top: 10px;
	margin-bottom: 60px;
	}
.navigation a {color:#0d9094;text-decoration:none;}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */