/*  

Theme Name: ARCHImarketing 1.7

Theme URI: 

Description: Designed by <a href="http://www.arch-image.com" title="ARCH'image">ARCH'image - Laurent Brixius</a>
Version: 1.7

Author: Laurent Brixius

Author URI: http://www.arch-image.com

*/

/**********************************************

*   Base                       *

***********************************************/

body {

	margin: 0;

	padding: 0;

	background: #babca4 url(images/bg_site900.jpg) repeat-x top center;

	font: 70% Tahoma, Verdana, Helvetica, Arial, sans-serif;

	color: #000;

	text-align: left;

	}

p,

ol,

ul {

	line-height: 160%;

	}

ol { /* to be styled */ }

ul { /* to be styled */ }

li { /* to be styled */ }

h1, h2, h3, h4, h5, h6 {

	margin: 0;

	font-style: normal;

	font-weight: bold;

	background: transparent;

	color: #404137;

	}



h1 {

	font-size: 150%;

	}

h2 {

	font-size: 140%;

	}

h3, h4, h5, h6 {

	font-size: 100%;

	}

dl {display:block; width:80%; background: #f6f9c7;padding:10px;}

dt {font-size:100%;padding:1em;font-weight:bold;}

dd {color:#404137;padding:0.3em;line-height:130%;}

a:link {

	color: #990021;

	text-decoration: none;

	}

a:visited {

	color: #910020;

	text-decoration: none;

	}

a:hover {

	color: #d0002e;

	text-decoration: underline;

	}

a:active {

	color: #beca10;

	text-decoration: underline;

	}



blockquote {

	margin: 10px 0;

	padding: 0 50px;

	background: transparent url(images/blockquote.gif) no-repeat 0 0;
	
	font-weight:bold;
	
	line-height:150%;

	color: #646657;

	}



code {

  background: #646657;

  cursor: text;

  font-family: "Courier New", Courier, monospace;

 }



small {

	font-size: 0.8em;color:#404137;

	}

input, textarea, select { /* to be styled */ }



form { /* to be styled */ }



img { /* to be styled */ }

img.noborder {

	border: none;

	}



.alert {

	font-weight: bold;

	color: #f00;

	}



.left {

	float: left;

	}
	
a.link {text-decoration:underline;}

.right {

	float: right;

	}

.center {

	text-align: center;

	}
	
.clear {clear:both;}

.alignleft {

	float: left;

	margin-right: 10px;

	}

.alignright {

	float: right;

	margin-left: 10px;

	}

.signature {

	font-size:75%;
	
	}

.metaphore {font-size:90%;font-weight:bold;color:#646657;margin-left:1em;}

table {
  width: 100%;
  border: 2px solid #d0002e;
  caption-side: bottom;
  border-collapse: collapse;
}

th, td {
  border:1px solid #990021;
  padding:0.3em;
  text-align:center;
}

th{
  font-weight:bold;
}

caption {
  padding-top:0.6em;
}

 #content .sticky {
    background: #eee url(images/sticky.png) no-repeat 6px 6px;
    margin:30px;
    border:  2px solid #d0002e;
}

.sticky h2 {margin-top:20px;}
 
/* Info bulles */

/* Rend invisible tout notre bloc span */
.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #f6f9c7;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #d0002e; /* Définition des bordures */
} 

.info_bulle
{				
  color           : #999;
  font-weight     : bold;
  text-decoration : none; 
  padding         : 2px 12px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('images/infobulle.gif') no-repeat right center;
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
.info_bulle:hover span, .info_bulle:focus span, .info_bulle:active span 
{
    top        :  auto;
    left       :  auto;
    width      :  220px;
    padding     :  3px;
    height     :  auto;
    overflow   :  visible;
}               

/* Fin info bulle */

/**********************************************

*   Structure: Content, Sidebar, etc.         *

***********************************************/



#outline {

	width: 900px;

	margin: 0 auto;

	padding: 0;

	background: transparent;

	font-size: 1.2em;

	}


/**********************

*   Header            *

***********************/



#header {

	width: 100%;

	height: 126px;

	}



#header .blogtitle img {

	float:left;
	
	border:none;

	}
	
	
	
#header .blogtitle a:hover {

	display:block;
	
	position:absolute;
	
	width:64px;
	
	height:21px;
	
	z-index:100;
	
	background:#fff url(images/accueil_hover.gif) top left;
}
	

#header .outils {

	width:339px;
	
	height:105px;
	
	float:right;
	
	background: transparent url(images/header_outils.gif) no-repeat right top;
	
	margin-top:15px;
	
	margin-right:-19px;
	
	color: #fff;
}	

#header .slogan {

	width:254px;
	
	height:98px;
	
	float:right;
	
	background: transparent url(images/slogan.png) no-repeat left top;
	
	margin-top:0px;
	
	margin-right:40px;
}	

#header h2 {
	
	color:#fff;
	
	margin-top:-990px;
}

#header h1 {

	padding: 50px 0 0 50px;

	}

#header h1 {

	color: #fff;
	
	position:absolute;
	
	top:-990px;

	}

#logo {margin-left:-40px;}

#header .outils ul{

		float: left;

		margin: 0 0 0 34px;

		padding: 0;

		list-style-type: none;

		}

#header .outils li {

		
		
		}

#header .outils li a {

		color: #babca4;

		}

#header .outils li a:link,

#header .outils li a:visited {

		color: #babca4;

		}
		
#header .outils li a:hover,

#header .outils li a:active {

		color: #babca4;

		text-decoration: none;
		
		color:#d0002e;

		}

#navbar {

		clear: both;

		float: left;

		width: 100%;

		height: 36px;
		
		margin-bottom:20px;

		}



	ul#menu {

		float: left;

		margin: 0;

		padding: 0;

		list-style-type: none;

		}

	ul#menu li {

		float: left;
		
		font-weight:bold;

		}

	ul#menu li a {

		float: left;

		display: block;

		height: 30px;

		padding: 3px 15px 0 15px;

		line-height: 24px;

		color: #fff;

		}

	ul#menu li a:link,

	ul#menu li a:visited {

		color: #fff;

		background: transparent url(images/bg_menu_hover.gif) repeat-x center 2px;

		}

	ul#menu li a:hover,

	ul#menu li a:active {

		color: #fff;

		background: transparent url(images/bg_menu_hover.gif) repeat-x center -31px;

		text-decoration: none;
		
		}

	ul#menu li.current_page_item a:link,

	ul#menu li.current_page_item a:visited,

	ul#menu li.current_page_item a:hover,

	ul#menu li.current_page_item a:active {

		color: #fff;
		
		background:#636458;

		/*background: transparent url(images/nav_active.gif) no-repeat center bottom;*/

		text-decoration: none;

		}

	.searchbar {

		float: right;

		width: 294px;

		height: 31px;

		margin: 1px 0 0 0;
		
		color:#fff;
		
		font-weight: bold;

		}

	.searchform {

		width: 294px;

		height: 20px;

		text-align: left;

		}

	input#s {

		width: 190px;

		height: 18px;

		margin: 3px 0 0 0;

		padding: 2px;

		border: 1px solid #0b236c;

		background: #fff url(images/searchbg.gif) repeat-x 0 0;

		}
		
/***********************

*  Wrapper             *

***********************/

/* */

#wrapper {

	float: left;

	background: transparent url(images/bg_content900.jpg) repeat-y 0 0;

	margin: 0 !important;

	margin: -15px 0 0 0; /* Hack IE */

	padding: 0;
	
	border-top:1px solid #404137;
	
	border-bottom:1px solid #404137;

	}





/**********************

*   Content           *

***********************/



#content {

	float: left;

	width: 600px;

	height: 100%;
	

	}



.pages {

	float: left;

	width: 580px;

	}

.pages-border {

	clear: both;

	width: 100%;

	height: 0px;

	}

.page-previous {

	float: left;

	padding: 10px 0 16px 30px !important;

	padding: 0 0 15px 30px; /* Hack IE */

	}

.page-next {

	float: right;

	padding: 10px 30px 16px 0 !important;

	padding: 0 30px 15px 0; /* Hack IE */

	}



.page-title {

	width: 500px;

	margin: 20px 0 0 0;

	}

.page-title h2.page-title-border {

	padding: 0 0 0 20px;

	font-size: 1.6em;

	line-height: 24px;

	color: #404137;

	}
	
#content h3 {

	padding: 0.6em 0 0 0;

	font-size: 1.2em;

	line-height: 1.2em;

	color: #404137;

	}	
	
#content h4 {

	padding: 0.6em 0 0 0;

	font-size: 1.0em;

	line-height: 1.0em;

	color: #404137;

	}	
	
#content ul li {

	list-style-image: url(images/puce.gif);
	
	}
	
.sommaire {
	width:263px;
	margin:10px 0;
	padding:10px;
	background:#f6f9c7;
	line-height:120%;
	}
	
.sommaire li {

	font-weight:bold;
	margin-bottom:3px;
}

.sommaire li a {color:#d0002e;}

.relief {
	margin:10px;
	padding:5px;
	background:#f6f9c7;
	border:2px #d0002e solid;
	}

.illustration {
	float:right;
	padding:0 0 10px 10px;
	border:none;
}

.illugauche {
	float:left;
	padding:0 10px 10px 0;
	border:none;
}

strong.sociable {padding-bottom:10px;}

/**********************

*   Blog Entries      *

***********************/



.post, .page {

	padding: 10px 20px 5px 20px;

	background: transparent;

	}

.postentry span.alert {

	font-weight: bold;

	color: #f00;

	}
.postentry li a, .postentry a {text-decoration:underline;color:#d0002e;}	

.posttitle { /* to be styled */ }

h2.posttitle {

	font-size:32px;
	
	letter-spacing:-2px;
	
	margin-left:-2px;
	
	}

.posttitle a:link,

.posttitle a:visited,

.posttitle a:hover,

.posttitle a:active {

	color: #050d24;

	}

.post-date {

	padding: 0 0 0 0px;

	/*background: url(images/icon_date.gif) no-repeat 0 0;*/

	}

.post-comment {

	padding: 0 0 0 0px;

	/*background: url(images/icon_comments.gif) no-repeat 0 0;*/

	}

.post-filed {

	padding: 0 0 0 20px;

	background: url(images/icon_filed.gif) no-repeat 0 0;

	}
	
.post-footer {

	clear:both;
	
	padding: 6px 20px;

	border-bottom: 1px solid #beca10;

	background: #dfe854 url(images/comment_bg.gif) repeat-y 0 0;

	}
	
.post-related{

	clear:both;
	
	padding: 20px 20px;

	border-bottom: 1px solid #beca10;
	
	background: #990021 repeat-y 0 0;

	}

p.post-related {

	font-size:120%;
	
	font-weight:bold;

	color:#fff;
	
	padding:6px;
}

/**********************

*   Comments          *

***********************/


.commentpage {

	margin: 0;

	padding: 0;

	}



#comments {

	margin: 0;

	padding: 0;

	}



.comments-num {

	}

#commentlist {

	margin: 0;

	padding: 0;

	list-style-type: none;

	}

#commentlist li {

	padding: 10px 20px 0 0;

	border-bottom: 1px solid #beca10;

	background: #dfe854 url(images/comment_bg.gif) repeat-y 0 0;
	
	list-style-image:none;

	}

	.alt {

		background-color: transparent !important;

		background-image: none !important;

		}



.comment-gravatar {

	float: left;

	width: 62px;

	height: 62px;

	background: transparent url(images/gravatar.gif) no-repeat;

	}

	img.gravatar {

		margin: 7px 0 0 7px;

		border: none;

		}



.comment-title,

.comment-meta,

.comment-text {

	margin: 0 0 0 10px;

	}

.comment-title,

.comment-title a,

.comment-title a:hover{

	color: #d0002e;

	}

.comment-meta,

.comment-meta a,

.comment-meta a:hover {

	color: #d0002e;

	}



h2#postcomment {

	display:block;
	
	margin-left:-19px;
	
	margin-right:-19px;
	
	padding: 5px;
	
	background:#beca10;
	
	color:#fff;

	}



.postcomment {

	clear: both;

	margin: 0 0 0 0;

	padding: 10px 20px;

	}



.postcomment input,

.postcomment textarea {

	border: 1px solid #beca10;

	}

.postcomment input:hover,

.postcomment textarea:hover {

	border: 1px solid #d0002e;

	}

.postcomment input#author,

.postcomment input#email,

.postcomment input#url {

	width: 100% !important;

	width: 435px; /* Hack IE */

	height: 18px;

	}

.postcomment textarea#comment {

	width: 100% !important;

	width: 435px; /* Hack IE */

	height: 200px;

	}



.postcomment input#submit {

	width: auto;

	height: 25px;

	padding: 2px 10px 3px 10px;

	background: #beca10;

	}

.postcomment input#submit:hover {

	background: #dfe854;

	}	


/**********************

*   Sidebar           *

***********************/



#sidebar {

	float: right;

	width: 300px;

	height: 100%;

	margin: 0;

	padding: 0;

	background: transparent;

	}



#sidebar .rssfeeds {

		

		}
		
#sidebar h2 {
	
	display: block;
	
	height:36px;

	width:299px;

	padding: 0 0 0 5px !important;
	
	padding:0;
	
	background:transparent url(images/bg_titre_sidebar.jpg) no-repeat 0 0;

	color:#404137;

	font-size: 1.2em;
}

#sidebar h2.feed-title {

		margin: 0;

		padding: 0 0 0 3px !important;
		
		padding:0;

		background: none !important;

		font-size: 1.4em;

		}

	.rssfeeds a.rss  {

		padding: 0 0 0 25px;

		background: transparent url(images/icon_rss.gif) no-repeat 5px 0;

		}
		
#sidebar p {
  margin:5px;
  clear:both;
  color:#000;
}

img#sidebar a{
	
	border:none;
	
	}

.latestactivity {
	
	display:block;
	margin:0 0 0 10px;
	font-size:94%;
	
	}
	
.alternate ul {
	list-style-image:none;
	list-style-type:square;
	}

.mark img {

	
	
	}

.mark a {
	display:block;	
	width:289px;
	height:82px;
	margin:5px;
	}

.mark a:hover {
	margin:0;
	border:5px #d0002e solid;
	}

#sidebar ul {

	margin: 0;

	padding: 0;

	list-style-type: none;
	
	color: #bbb;

	}

#sidebar ul ul li {

	padding:3px 0;
	
	margin-right:1px;
	
	border-bottom:1px #ccc solid;
	
	line-height:120%;
	
	}

#sidebar ul ul li a {

	margin-left:30px;
	
	padding-right:5px;

	display:list-item;

	list-style-image: url(images/puce.gif);
	
	list-style-position:outside;
	
	text-decoration:none;
	
	}
	
#reseaux-links  {margin:5px;}

img#reseaux-links a  {border:none;}
	
#blc p {margin:5px;}

table#MBL_COMM td.mbl_fo_hidden, table#MBL_COMM td.mbl_join, table#MBL_COMM td.mbl_join_img {display:none;}
/**********************

*   Bottom            *

***********************/



#bottom {

	clear: both;

	float: left !important;

	float: none;

	width: 900px;

	height: 100%;

	margin: 0;

	padding: 0;
	
	background: #404137 url(images/bg_bottom.jpg) repeat-x 0 0;
	
	text-align: left;

	color: #beca10;

	}



#bottom-left,

#bottom-mid,

#bottom-right {

	width: 30%;

	padding: 20px 5px 20px 15px;

	float: left;

	}

#bottom h2 {

	margin: 0 0 10px 0;

	padding: 0 8px;

	font-size: 1.6em;

	color: #beca10;

	}

#bottom h2 span {

	color: #dfe854;

	}

#bottom ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

	border-top: 1px solid #404137;

	}

#bottom ul li {

	line-height: 1.2em;
	
	padding:5px 0;

	border-bottom: 1px solid #404137;
	
	}

#bottom ul li a {

	display: block;

	padding: 0 10px;

	color: #dfe854;

	text-decoration: none;

	}

#bottom ul li a:hover {

	color:#d0002e;

	background: #dfe854;

	}

#bottom ul li a:visited {

	color:#a2aa2f;

	}

/**********************

*   Footer            *

***********************/



#footer {

	width: 100%;

	height: 34px;

	clear: both;

	background: #404137;

	border-top: 1px solid #000;

	color: #beca10;

	}

#footer img, #footer img a {border:none;}

#footer p {

	margin: 0;

	padding: 8px 25px;

	line-height: 200%;

	}

#footer p a:link,

#footer p a:visited {

	color: #dfe854;

	}

#footer p a:hover {

	color: #d0002e;

	}

#footer p a:active {

	color: #fff;

	}

.print {display:none;} /* Cache les éléments qui ne doivent apparaître qu'à l'impression */

.haut {float:right;margin:1em;
}

.large {width:564px;}

/* Bouton Contactez-nous sidebar */

.buttonsb ul{
  position:relative;
  height:52px;
  width:271px;
  text-align:center;
  
  }

.buttonsb li{
  display:block;
  margin:10px 0 10px 14px;
  background: transparent url(images/button-sidebar.png) 0% 0% no-repeat;
  }

.buttonsb li a{ 
  text-decoration:none;
  display:block;
  height:52px;
  line-height:46px;
  padding:0 20px;
  width:271px;
  color:#fff;
  font-size:26px;
  font-weight:bold;
	letter-spacing:-1px;
  }

#content .buttonsb li a, #content h2 a:link{
  text-decoration:none;
}

#content .buttonsb li a:hover, #content h2 a:hover{
  text-decoration:underline;
}

.buttonsb li a:hover{
  background: transparent url(images/button-sidebar.png) 0% -52px no-repeat;
  color:#990000;
  }