/* Ressac Media CSS Document */

/* CSS Document */
body {
background: #FFFFFF url(../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(../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(../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;}
#searchicon {float:left;padding-top:3px;padding-left:5px;}

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

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

#services {float:left;margin-top:10px;background-image: url(../images/nosservices.gif);background-repeat: no-repeat;width: 957px;height: 254px;text-align: left;}
#services-en {float:left;margin-top:10px;background-image: url(../images/ourservices.gif);background-repeat: no-repeat;width: 957px;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: 30px;}
.services-link {font-size: 20px;}
.services-link a {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;margin-top:10px;}
#agence-left {float:left;background-image:url(../images/agence-left.gif);background-repeat:no-repeat;width:507px;height:356px;text-align:left;padding-top:10px;}
#agence-left-en {float:left;background-image:url(../images/agence-left-en.gif);background-repeat:no-repeat;width:507px;height:356px;text-align:left;padding-top:10px;}
.agence-photo {float:left;margin-left:5px;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:200px;padding-left:20px;}
.agence-bottomr {float:right;width:220px;padding-right:20px;}

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

.newsletter {float:left;padding-top:50px;text-align:left;width:230px;color:#333333;}
.newsletter-box {float:left;width: 220px;padding-top:5px;}
.newsletter-bg {background-image:url(../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;background-image:url(../images/blogue-right.gif);background-repeat:no-repeat;width:440px;height:356px;text-align:left;padding-top:40px;margin-left:10px;}
#blogue-right ul {list-style-type: none;margin: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;}
#blog-right {float:left;background-image:url(../images/blog-right.gif);background-repeat:no-repeat;width:440px;height:356px;text-align:left;padding-top:40px;margin-left:10px;}
#blog-right ul {list-style-type: none;margin:0;}
#blog-right li { list-style-type:disc;padding-top:10px;color:#999;}
#blog-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;}

.fright-links {float:left;padding-left:30px;}

#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;padding-bottom:25px;}
#page-slogan {float:right;width:385px;text-align:right;padding-right:20px;font-style: italic;font-size:16px;color:#666666;font-weight:bold;}
#page-slogan a {font-size:16px;color:#333;text-decoration:none;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;}

#lcontent-small {float:left;width:190px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #DDD;background-image:url(../images/contactnous-bg.jpg);background-repeat:no-repeat;padding-top:10px;}
#lcontent-small h2 {font-size:15px;text-transform:uppercase;margin:0;padding-left:10px;float:left;font-weight:bold;color:#000;}
#lcontent-small h3 {color:#f02f19;margin:0;float:left;padding-left:10px;padding-top:5px;font-weight:bold;font-size:14px;font-style:normal;}
#lcontent-small p {float:left;width:160px;text-align:left;margin:0;margin-left:10px;margin-bottom:10px;}
#lcontent-small a {color:#0c8f93;float:left;font-size:15px;margin-left:10px;text-decoration:none;}

#lsolutions-small {float:left;width:190px;margin-bottom:15px;padding-bottom:15px;margin-top:10px;background-image:url(../images/contactnous-bg.jpg);background-repeat:no-repeat;padding-top:10px;color:#333333;}
#lsolutions-small h3 {color:#c7351d;margin:0;float:left;padding-left:10px;text-transform:uppercase;padding-bottom:5px;padding-top:5px;font-size:15px;font-style:normal;}
#lsolutions-small p {float:left;width:160px;text-align:left;margin-left:10px;margin-top:10px;}
#lsolutions-small a {color:#0c8f93;float:left;font-size:15px;margin-left:10px;text-decoration:none;}

#lcontentbuzz {padding-left:20px;padding-top:25px;height:120px;margin-bottom:20px;width:190px;}
#lcontentbuzz h2 {font-size:15px;text-transform:uppercase;margin:0;margin-bottom:5px;padding-left:10px;float:left;font-weight:bold;color:#000;}
#lcontentbuzz h3 {float:left;margin-left:10px;font-style:normal;padding:5px;text-align:center;width:145px;height:40px;background-image:url(../images/buzzbg.jpg);background-repeat:no-repeat;font-size:18px;text-transform:uppercase;color:#f02f19;padding-bottom:0;margin-bottom:0;margin-top:5px;font-weight:bold;}
#lcontentbuzz p {float:left;width:160px;text-align:left;margin:0;padding:0;margin-left:10px;}


#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(../images/leftnav/categories-blog.gif);background-repeat:no-repeat;padding-top:40px;}
#leftcategories {float:left;margin-top:10px;width:190px;background-image: url(../images/leftnav/categories-blog.gif);background-repeat:no-repeat;padding-top:40px;}
#leftreseaux {float:left;margin-top:10px;width:190px;background-image: url(../images/leftnav/reseauxsociaux-blog.gif);background-repeat:no-repeat;padding-top:40px;}
#leftarticles {float:left;margin-top:20px;width:190px;background-image: url(../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;}
#leftarticles li { list-style-type:disc;padding-top:10px;color:#999;}
#leftarticles li a {color:#0d9094;text-decoration:none;font-size:13px;}
#leftcomments {float:left;margin-top:20px;width:190px;background-image: url(../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;}
#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(../images/leftnav/archives-blog.gif);background-repeat:no-repeat;padding-top:40px;}
#lefttags {float:left;margin-top:10px;width:190px;background-image: url(../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;}
#topcontent {background-image:url(../images/topcontent.gif); width:757px;height: 22px;float:left;margin-top:-10px;}
#bottomcontent {background-image:url(../images/bottomcontent.gif); width:757px;height:17px;float:left;}
#content {width:755px;background-color:#efefef;float:left;color:#333333;}
#content ul {float:left;margin-left:10px;}
#content div {padding-left:5px;}
#content p {float:left;padding-left:10px;}
#content p a {color:#0d9094;text-decoration:none;font-weight:bold;}
#topcontent-small {background-image:url(../images/topcontent-small.gif); width:513px;height: 17px;float:left;margin-top:-10px;}
#bottomcontent-small {background-image:url(../images/bottomcontent-small.gif); width:513px;height:17px;float:left;}
#content-small {margin-left:9px;width:475px;padding-left:10px;padding-right:10px;background-color:#efefef;float:left;}
#rcontent-small {float:right;width:240px;}
#rcontent-small a {font-size:16px;font-weight:bold;width:200px;color:#f02f19;text-decoration:none;}

#creditfooter {display:none;}

#pageclients {}
#client-div {float:left;width:753px;margin-top:-20px;padding-right:20px;padding-left:20px;text-align:center;}
#client-logo {padding-right:45px;float:right;margin-bottom:10px;}
#client-logo img {width:160px;border:3px solid #DDD;}
#client-media {float:right;width:260px;}
#quote-bg {float:left;margin-left:25px;margin-bottom:-5px;background-image: url(../images/quote-bg.gif);background-repeat:no-repeat;width:450px;height:148px;text-align:left;padding-left:20px;padding-top:15px;}
#quote {font-size:15px;color:#666;width:340px;line-height:20px;}
#quote-author {font-size:14px;font-weight:bold;padding-top:5px;}
#quote-company {font-size:11px;}
#client-tagline {float:left;width:100%;}
#client-desc {float:left;width:455px;padding-left:10px;text-align:left;}
#client-desc a {color:#0d9094;text-decoration:none;font-weight:bold;}
#client-desc h2 {width:100%;font-size:20px;font-weight:normal;text-transform:uppercase;padding-left:5px;float:left;}
#client-desc h3 {width:100%;font-size:18px;font-weight:normal;text-transform:uppercase;padding-left:5px;float:left;}

#clients-intro {float:left;width:720px;margin-bottom:10px;}
#clients-intro h2 {width:100%;font-size:20px;color:#333333;font-weight:normal;text-transform:uppercase;padding-left:5px;float:left;}
.clientshead {float:left;font-weight:bold;width:210px;padding:5px;}
.clients-item {float:left;width:200px;padding:5px;padding-left:10px;border-bottom:1px solid #ddd;margin-right:10px;}
.clients-item a {color:#f02f19;text-decoration:none;font-weight:bold;background:url(../fr/images/news_icon.gif) no-repeat;background-position:right;padding-right:60px;width:130px;}
.clients-featured {float:left;width:240px;text-align:center;padding-bottom:10px;}
.clients-featured img {float:left;margin-left:10px;}
.clients-featured-title a {font-size:17px;text-align:left;padding-left:10px;float:left;font-weight:bold;width:240px;color:#f02f19;text-decoration:none;margin-top:-15px;}
.clients-featured-title a:hover {text-decoration:underline;}
.clients-featured p {float:left;width:220px;text-align:left;font-size:11px;padding-left:10px;}


.fiche-personne {width:700px;float:left;padding-bottom:20px;border-bottom:1px dotted #CCC;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;}

.sdp {width:700px;float:left;padding-bottom:10px;padding-top:10px;border-bottom:1px dotted #CCC;margin-top:5px;margin-bottom:5px;}
.sdpimage {float:left;width:160px;}
.sdptitle {float:left;width:170px;margin-right:10px;text-align:left;}
.sdpdesc {float:left;width:200px;text-align:left;font-size:11px;}
.sdpdate {float:left;width:140px;text-align:center;font-size:11px;}

#solutions-head {float:left;border-bottom:1px dotted #CCC;margin-left:5px;padding-bottom:10px;margin-bottom:10px;}
#solutions-head h2 {font-size:18px;font-weight:bold;padding-top:10px;float:left;margin:0;padding-bottom:10px;width:100%;}
#solutions-icon {float:left;padding:5px;width:110px;}
#solutions-intro {float:left;width:600px;font-size:13px;}
#solutions-intro h2 {font-size:20px;text-transform:uppercase;padding-left:5px;float:left;width:100%;color:#333333;}
#solutions-intro a {color:#0d9094;text-decoration:none;font-weight:bold;}
.solutions-lihead {font-weight:bold;color:#c7351d;text-transform:uppercase;}

#joindre-intro {float:left;font-size:13px;}
#joindre-intro h2 {font-size:18px;font-weight:bold;float:left;margin:0;padding-bottom:10px;color:#000000;width:100%;}
#joindre-intro a {color:#0d9094;text-decoration:none;font-weight:bold;}
#joindre-requis {text-align:right;width:90%;color:#c62f1e;padding-bottom:10px;}
#joindre-div {float:left;width:700px;margin-left:20px;}
.joindre-fieldname {float:left;width:170px;text-align:right;font-weight:bold;color:#000000;margin-right:10px;padding-top:5px;padding-bottom:10px;}
.joindre-field {float:left;margin-right:10px;padding-bottom:10px;}
.joindre-fieldbox {background-image:url(../images/champs-form-bg.gif);background-repeat:no-repeat;width:487px;height:20px;border:0;padding-top:4px;}
.joindre-fieldsmall {float:left;margin-right:10px;width:200px;}
.joindre-fieldcheck {background-image:url(../images/champs-check-bg.gif);background-repeat:no-repeat;width:15px;height:15px;border:0;}
.comment-field {background-image:url(../images/champs-comments-bg.gif);background-repeat:no-repeat;width:486px;height:125px;border:0;padding-top:4px;font-family: Arial,Helvetica,sans-serif; font-size: 1em;}
.star {color:#c62f1e;font-weight:bold;}

#equipe-title {font-weight:bold;font-size:20px;padding-top:20px;}
.equipe-photo {float:left;width:180px;text-align:center;}
.equipe-name {width:300px;font-size:20px;text-transform:uppercase;padding-left:5px;float:left;}
.equipe-position {width:300px;font-size:12px;padding-bottom:5px;padding-left:5px;float:left;text-transform:uppercase;}
.equipe-phone {font-weight:bold;padding:8px;float:right;background-color:#DDD;}
.equipe-desc {float:left;width:460px;padding:5px;}
.equipe-desc a {color:#000000;text-decoration:none;font-weight:bold;font-size:11px;}
.hidden { display: none; }
.unhidden { display: block; }

.service-square {float:left;margin-left:10px;width:300px;border-right:1px dotted #CCC;padding-right:20px;padding-top:15px;padding-bottom:15px;}

#footer {background-image: url(../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;}

/* DIV ID'S */

.forms{
	width: 452px;
	font-weight: bold;
	background-color: #F0F0F0;
	padding: 10px;
	border: 1px solid #DFE4E3;
	margin-bottom: 10px;
}
form{
	margin: 0px;
	padding: 0px;
}
.form{
	border: 1px solid #DFE4E3;
	width: 200px;
	background: #FFF;
	margin: 5px;
}
#solutionlist ul {
	margin:0;
	padding:0;
}
.contentdiv {float:left;margin-left:10px;width:700px;}
.contentdiv p {width:100%;float:left;}
#solutionlist li {
	color: #333;
	padding-bottom:10px;
	padding-left:16px;
	margin:0;
	list-style-type: none;
	float:left;
	width:600px;
	background:url(../images/dot.gif) 4px 6px no-repeat;	
}
#solutionlist ul li a {color:#0d9094;text-decoration:none;font-weight:bold;}
li.submenulist {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	list-style-type: none;
	list-style-position:outside;
}
a.submenulink {
	color: #4B6467;
	background:url(../fr/images/bullet_black.gif) no-repeat;
	padding-left: 11px;
	padding-bottom: 5px;
	text-decoration: none;
	border-bottom: 1px solid #C9D0CE;
	display: block;
	font-weight: bold;
}
a.submenulink:hover{
	color: #DB0000;
	background:url(../fr/images/bullet_black.gif) no-repeat;
	padding-left: 11px;
	padding-bottom: 5px;
	text-decoration: none;
	border-bottom: 1px solid #C9D0CE;
	display: block;
	font-weight: bold;
}
/*ACCES CLIENT*/
#accesclient{
	width: 100px;
	height: 22px;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	padding-top: 8px;
	float: right;
	background: #DB0000;
	text-align: center;
	margin-right: 0px;
	display: inline;
}
a.accesclient {
	color: #FFF;
	background:url(../fr/images/bullet_white.gif) no-repeat;
	padding-left: 11px;
	padding-bottom: 3px;
	text-decoration: none;
}
a.accesclient:hover {
	color: #FFF;
	background:url(../fr/images/bullet_white.gif) no-repeat;
	padding-left: 11px;
	padding-bottom: 3px;
	text-decoration: underline;
}

.red {
	color:#db0000;
}
/* HTML TAGS */
p {
	line-height: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
p.news {
	line-height: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #C9D0CE;
}
a.news {
	color: #5C6E6A;
	text-decoration: none;
	font-weight:bold;
}
a.news:hover {
	color: #DB0000;
	text-decoration: none;
	font-weight:bold;
}
a.home {
	background:url(../fr/images/bullet_black.gif) no-repeat;
	padding-left: 11px;
	padding-bottom: 5px;
	color: #DB0000;
	text-decoration: none	;
	font-weight:bold;
}
a.home:hover {
	color: #5C6E6A;
	text-decoration: underline;
	font-weight:bold;
}
a.casestudies {
	color: #000;
	text-decoration: none;
	font-weight:normal;
	background:url(../fr/images/news_icon.gif) no-repeat;
	background-position:right;
	padding-right: 20px;
	padding-top: 2px;
}
a.casestudies:hover {
	color: #DB0000;
	text-decoration: none;
	font-weight:normal;
	background:url(../fr/images/news_icon.gif) no-repeat;
	background-position:right;
	padding-right: 20px;
	padding-top: 2px;
}
a.greenlinks {
	color: #FFF;
	background: #DB0000;
	padding: 1px 3px 3px 3px;
	text-decoration: none;
}
a.greenlinks:hover {
	color: #FFF;
	background: #4B6467;
	padding: 1px 3px 3px 3px;
	text-decoration: none;
}
.greenborder {
	border: 1px solid #DFE4E3;
}

.admin-l{
	padding-right: 15px;
	padding-bottom: 10px;
}

.admin{
	padding-bottom: 10px;
}