@charset "UTF-8";
/* CSS Document */

body {

    background:#595959 url(images/rotate.php) fixed center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #828282;
}

#site {
	width: 813px;
	position: absolute;
	left: 50%;
	margin-left: -406px;
	margin-top: 30px;
}

.clear {
	clear: both;
}

#main {
	background-image: url(images/fond-main.jpg);
	padding-top: 30px;
	padding-bottom: 15px;
}


/*HEADER*/

.header {
	background-color: #FFF;
}

#header-blog {
	border-bottom: solid 2px #9E1861;
}

#titre-site {
	position: absolute;
	top: -400px;
}

.description {
	position: absolute;
	top: -400px;
}

#logo {
	display: block;
	background-image: url(images/logo.jpg);
	width: 188px;
	height: 81px;
	margin: 15px;
	position: relative;
	float: left;
}

#menu {
	position: relative;
	float: right;
	margin-top: 81px;
	margin-right: 15px;	
}

.titre-menu {
	font-size: 18px;
	margin-left: 20px;
	color: #828282;
	text-decoration: none;
	padding-bottom: 10px;
	outline: none;
}

.titre-menu:hover {
	color: #9E1861;
}

#select-menu {
	/*background-image: url(images/menu-fleche.png);*/
	background-position: bottom center;
	background-repeat: no-repeat;
	color: #9E1861; 
}

.banniere {
	height: 221px;
	width: 813px;
}

.banniere h2 {
	margin: 0;
	padding-left: 400px;
	padding-top: 85px;
	font-family:  Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 30px;
	color: white;
	line-height: 35px;
}

#ban-accueil {
	background-image: url(images/ban1.jpg);
}


/*COLONNE GAUCHE*/

#col-gauche {
	position: relative;
	left: -14px;
	float: left;
}

#col-blog {
	position: relative;
	left: -14px;
	float: right;
}

.ban-marketing {
	display: block;
	height: 27px;
	width: 146px;
	margin-left: 30px;
	margin-bottom: 15px;
}

#facebook-marketing {
	background-image: url(images/ban-facebook-marketing.jpg);
}

#twitter-marketing {
	background-image: url(images/ban-twitter-marketing.jpg);
}

#slideshare-marketing {
	background-image: url(images/ban-slideshare-marketing.jpg);
}

.widget {
	padding-bottom: 30px;
	width: 176px;
}

.titre-widget {
	height: 50px;
	width: 176px;
}

#wid-titre-agence {
	background-image: url(images/wid-titre-agence.png);
}

#wid-titre-offres {
	background-image: url(images/wid-titre-offres.png);
}

#wid-titre-references {
	background-image: url(images/wid-titre-references.png);
}

#wid-titre-articles {
	background-image: url(images/wid-titre-articles.png);
}

#wid-titre-categories {
	background-image: url(images/wid-titre-categories.png);
}

#wid-titre-archives {
	background-image: url(images/wid-titre-archives.png);
}

#wid-titre-populaires {
	background-image: url(images/wid-titre-populaires.png);
}

#wid-titre-newsletter {
	background-image: url(images/wid-titre-newsletter.png);
}

#wid-titre-apropos {
	background-image: url(images/wid-titre-apropos.png);
}

#wid-titre-facebook {
	background-image: url(images/wid-titre-facebook.png);
}

#wid-titre-infographies {
	background-image: url(images/wid-titre-infographies.png);
}

#wid-titre-motscles {
	background-image: url(images/wid-titre-motscles.png);
}

#wid-titre-parmail {
	background-image: url(images/wid-titre-parmail.png);
}

#wid-titre-presentations {
	background-image: url(images/wid-titre-presentations.png);
}

#wid-titre-recherche {
	background-image: url(images/wid-titre-recherche.png);
}

#wid-titre-twitter {
	background-image: url(images/wid-titre-twitter.png);
}

#wid-titre-liens {
	background-image: url(images/wid-titre-liens.png);
}

.contenu-widget ul {
	list-style: none;
	padding-left: 30px;
	margin: 0px;
	font-size: 11px;
}

.contenu-widget ul li a {
	color: #676767;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	display: block;
}

.contenu-widget ul li a:hover {
	color: white;
	background-color: #3e3e3e;
}

.contenu-widget p .slideshare {
	background-color: #ebe8df;
	display: block;
	width: 144px;
	height: 109px;
}

.contenu-widget p .slideshare:hover {
	background-color: #676767;
}

.contenu-widget p .slideshare img {
	border: none;
	padding: 2px;
}


.contenu-widget p {
	margin: 0;
	padding-left: 30px;
	font-size: 11px;
	color: #676767;
}

.contenu-widget p a {
	color: #676767;
	text-decoration: none;
}

.contenu-widget p a:hover {
	color: #9e1861;
	text-decoration: underline;
}

.contenu-widget .aktt_tweets li {
	padding-bottom: 10px;
	color: #676767;
}

.contenu-widget .aktt_tweets a {
	display:inline;
	padding:0;
}

.contenu-widget .aktt_tweets a:hover {
	text-decoration: underline;
	background-color: #ebe8df;
	color: #676767;
}

.contenu-widget .aktt_tweets .aktt_more_updates a {
	color:#676767;
	display:block;
	padding:2px 5px;
	text-decoration:none;
}

.contenu-widget .aktt_tweets .aktt_more_updates a:hover {
	background-color:#3E3E3E;
	color:white;
}

.st-tag-cloud {
	margin-left: 30px;
}

#searchform {
	margin-left: 30px;
}

#s {
	width: 140px;
	margin-bottom: 5px;
}

#searchsubmit {
	background:#3e3e3e;
	color: white;
}


.st-tags {
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	padding: 2px;
}

.st-tags:hover {
	text-decoration: underline;
}

#medias {
	height: 27px;
	margin-left: 30px;
	margin-bottom: 30px;
}

.icone-lien {
	display: block;
	float: left;
	position: relative;
	height: 27px;
	width: 27px;
	margin-right: 2px;
}

#lien-rss {
	background-image: url(images/icone-rss.jpg);
}

#lien-facebook {
	background-image: url(images/icone-facebook.jpg);
}

#lien-twitter {
	background-image: url(images/icone-twitter.jpg);
}

#lien-slideshare {
	background-image: url(images/icone-slideshare.jpg);
}

#lien-youtube {
	background-image: url(images/icone-youtube.jpg);
	margin-right: 0px;
}


/*CONTENU*/

.contenu {
	position: relative;
	float: left;
	margin-left: 15px;
	width: 590px;
}

#contenu-accueil {
	width: 385px;
}

#contenu-blog {
	float: right;
	margin-left: 17px;
	margin-right: 30px;
}

.contenu h2 {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #3E3E3E;
	margin-bottom: 15px;
}

.contenu h3  {
	margin: 0px;
	padding: 0px;
	color: #3E3E3E;
	font-size: 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 15px;
	border-bottom: solid 1px #828282;
	padding-bottom: 1px;
	padding-top: 10px;
}

.contenu .article h3 {
	margin: 0px;
	padding: 0px;
	color: #3E3E3E;
	font-size: 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 15px;
	border-bottom: none;
	padding-top: 10px;
}

.contenu h4 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 15px;
	color: #9E1861;
}

.contenu h5 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
	color: #3E3E3E;
}

.contenu h6 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
	color: #3E3E3E;
	font-weight: normal;
}

#plus-ref {
	text-align: right;
	color: #999;}


.contenu blockquote {
	background-color: #dfd8c7;
	padding: 5px 15px;
}

.contenu ul {
	list-style-type: none;
	padding-left: 23px;
}

.contenu ul li {
	background-image: url(images/puce.gif);
	background-repeat: no-repeat;	
        background-position:2px 4px;
	padding-left: 15px;
}

.contenu ul li.listfor1 {
        background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 0px;
        margin-left: -23px;
}

.contenu ul li.listfor2 {
	background-image: url(images/puce2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

.contenu #wp_page_numbers ul li {
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 0px;
}


.contenu blockquote p {
	margin: 0;
}

.contenu a {
	color: #9E1861;
	text-decoration: none;
}

.contenu a:hover {
	text-decoration: underline;
}

#contenu-blog h2 {
	margin-bottom: 5px;
}

.contenu h2 a {
	color: #3E3E3E;
	text-decoration: none;
}

.contenu h2 a:hover {
	color: #9E1861;
	text-decoration: none;
}

.article {
	margin-bottom: 20px; 
}

.meta {
	background-color: #3e3e3e;
	padding: 4px;
	margin-bottom: 12px;
	color: #cccccc;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 10px;
}

.meta a {
	color: white;
	text-decoration: none;
}

.com a {
	color: #9E1861;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-top: 10px;
	background-image: url(images/com-fleche.jpg);
	background-repeat: no-repeat;
	padding-left: 9px;
	position: relative;
	float: right;
}

.com a:hover {
	text-decoration: underline;
}

.contenu h3 a {
	color: #3e3e3e;
}

.contenu h3 a:hover {
	color: #9E1861;
	text-decoration: none;
}

.navigation a {
	color: #9E1861;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background-repeat: no-repeat;
	position: relative;
	height: 40px;
}

.navigation a:hover {
	text-decoration: underline;
}

.navigation .alignleft a {
	float: left;
	padding-right: 9px;
	background-position: right top;
	background-image: url(images/com-fleche2.jpg);
}

.navigation .alignright a {
	float: right;
	padding-left: 9px;
	background-image: url(images/com-fleche.jpg);
}

.contenu p {
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 15px;
}

#respond {
	padding-top: 15px;
}

#com-afficher {
	padding-top: 15px;
}

textarea {
	width: 590px;
}

td {
	padding: 3px;
}

#info-contact {
	position: relative;
	float: left;
	width: 180px;
}

#calque_carte {
	position:relative;
	float: left;
}

.icones-sociable {
	float: left;
	position: relative;
	margin-top:10px;
}
	
	
/*COLONNE DROITE*/

#col-droite {
	position: relative;
	float: left;
	margin-left: 30px;
	margin-right: 15px;
}

#contact {
	background-image: url(images/encart-contact.jpg);
	width: 190px;
	height: 73px;
	display: block;
}

.encart-droite {
	margin-top: 30px;
	width: 190px;
}

.encart-droite h3 {
	color: black;
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
	margin-left: 15px;
}

.contenu-encart {
	background-color: white;
	padding: 15px;
	margin-top: 10px;
	font-size: 11px;
}

.contenu-encart p {
	margin: 0;
}

.icone {
	height: 32px;
	width: 32px;
	background-image: url(images/icone1.jpg);
	position: relative;
	float: left;
	margin-right: 10px;
}

.icone3 {
	height: 32px;
	width: 32px;
	background-image: url(images/icone3.jpg);
	position: relative;
	float: left;
	margin-right: 10px;
}

.savoir-plus {
	color: #9E1861;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-top: 10px;
	background-image: url(images/lien-fleche.jpg);
	background-repeat: no-repeat;
	padding-left: 9px;
	margin-left: 0px;
}

.savoir-plus:hover {
	text-decoration: underline;
}

/*FOOTER*/

#footer {
	background-image: url(images/fond-footer.jpg);
	background-repeat: repeat-x;
	background-color: #1d1d1c;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.encart-footer {
	margin-right: 8px;
	position: relative;
	float: left;
	width: 188px;
}

.titre-footer {
	width: 142px;
	height: 25px;
	margin-bottom: 10px;
	display: block;
}

#titre-twitter {
	background-image: url(images/titre-twitter.jpg);
}

#titre-blog {
	background-image: url(images/titre-blog.jpg);
}

#titre-thumb {
	background-image: url(images/titre-thumb.jpg);
}

#titre-infographie {
	background-image: url(images/titre-infographie.jpg);
}

#titre-tags {
	background-image: url(images/titre-tags.jpg);
}

#titre-facebook {
	background-image: url(images/titre-facebook.jpg);
}

#titre-agenda {
	background-image: url(images/titre-agenda.jpg);
}


#contenu-encart-twitter {
	padding-left: 15px;
}

#contenu-encart-texte {
	font-size: 11px;
	color: white;
}

#contenu-encart-twitter li {
	margin-bottom: 15px;
	color: white;
}

#contenu-encart-twitter .aktt_more_updates a{
	position: relative;
	left: -15px;
	width: 160px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-top: 2px;
	display: block;
}

#contenu-encart-twitter .aktt_more_updates a:hover {
	background-color:  #9E1861;
	text-decoration: none;
}

#contenu-encart-twitter a {
	display: inline;
	padding: 0;
}

#contenu-encart-twitter a:hover {
	background-color: #333;
	text-decoration: underline;
}

.aktt_credit {
	display: none;
}

.contenu-encart-infographie {
	padding-left: 13px;
}

.contenu-encart-footer ul {
	list-style: none;
	margin: 0px;
	font-size: 11px;
	padding: 0px;
	color: white;
}

.contenu-encart-footer ul li a {
	color: white;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-top: 2px;
	display: block;
	margin-bottom: 5px;
}

.contenu-encart-footer ul li a:hover {
	background-color:  #9E1861;
}

.contenu-encart-footer ul li .lien_info {
	padding: 0px;
	width: 168px;
	height: 126px;
	padding: 2px;
}

.contenu-encart-footer ul li .lien_info:hover {
	background-color:#FFF;
}

.contenu-encart-footer ul li .lien_info img {
	border: 0px;
}

.contenu-encart-footer ul li p {
	color: white;
	padding-left: 0px;
}


/*MENU-FOOTER*/

#footer-menu {
	height: 50px;
	padding-top: 5px;
	color: black;
	text-align: right;
}

#footer-menu a {
	font-size: 11px;
	text-decoration: none;
	color: black;
}

#footer-menu a:hover {
	color: white;
}