/*  

Theme Name: ARCH'image Begin 1.3

Theme URI: 

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

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: 145%;
	}

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:3px 10px;}

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

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

a:link {
	color: #990021;
	text-decoration: none;
	}

a:hover {
	color: #d0002e;
	text-decoration: underline;
	}

a:active {
	color: #beca10;
	text-decoration: underline;
	}

a:visited {
	color: #910020;
	text-decoration: none;
	}

blockquote {
	margin: 10px 0;
	padding: 0 50px;
	background: transparent url(images/blockquote.gif) no-repeat 0 0;
	font-weight:bold;
	line-height:150%;
	color: #333;
	}

code {
  background: #f6f9c7;
  cursor: text;
  font-family: "Courier New", Courier, monospace;
 }

small {
	font-size: 0.8em;color:#404137;
	}

img.noborder {
	border: none;
	}

.alert {
	font-weight: bold;
	color: #f00;
	}

.left {
	float: left;
	}
	
.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;}

 dt.interview {font-size:100%;padding:0.6em 0 0 0;font-weight:bold;}

 dd.interview {font-size:100%;padding:0.6em 0 0 0;}
 
 .sticky {
    background: #ccc;

}
 
 /* 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;
	}

#galerie {
width:900px;
}

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

*   Header            *

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

#header {
	width: 100%;
	height: 126px;
	}

#header .blogtitle img {
	float:left;
	border:none;
	position: relative;
	margin-left:-59px;	
	}
	
#header .outils {
	width:339px;
	height:105px;
	position:relative;
	float:right;
	background: transparent url(images/header_outils.gif) no-repeat right top;
	margin:14px -21px 0 0;
	color: #fff;
}	

#header .slogan {
	width:296px;
	height:98px;
	float:left;
	background: transparent url(images/slogan-arch-image.jpg) no-repeat left top;
	}	

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

#header h1 {
	padding: 50px 0 0 50px;
	}

#header h1 {
	color: #fff;
	position:absolute;
	top:-990px;
	}

#header .outils ul{
		float: left;
		margin: 0 0 0 34px;
		padding: 0;
		list-style-type: none;
		}

#header .outils li {
		font-size:110%;
		}

#header .outils li a.focus {font-weight:bold;color: #fff;}

#header .outils li a {
	color: #babca4;
	}

#header .outils li a:hover,

#header .outils li a:active {
	color: #babca4;
	text-decoration: none;
	color:#d0002e;
	}
	
.outils li a.focus {font-weight:bold;color: #fff;}

#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;
	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;
	}
	
#galerie {
  width:900px;
}

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

*   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.3em 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);
	}

#content a {
  text-decoration:underline;
}

.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;}

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

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

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

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

.grille133 {float:left;width:133px;margin:10px 8px 0 0;}

.marginr0 {margin-right:0;}

.clear {clear:both;}

.tableau table,{
  border:2px solid #d0002e;
  caption-side-bottom;
}

.tableau th {
  border:1px solid #ccc;
  font-weight:bold;
}

.tableau td{
  border:1px solid #ccc;
}

ul.btn {float:left;margin:0;padding:0 0 5px 0;list-style-type:none;} 

.btn ul li a{
  display:block;
  height:20px;
  width:80%;
  padding:0 0 0 5px !important;
  padding:0;
  background:transparent url(images/bg_btn.png) no-repeat 0 0;
  color:#fff;
  font-size:1.2em;

}

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

*   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;
	color: #050d24;
	letter-spacing:-2px;
	margin-left:-2px;
	}

.posttitle a:link,.posttitle a:visited,.posttitle a:hover,.posttitle a:active {
	color: #050d24;
  }

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

.post-comment {
	/*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          *

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

#commentlist {
	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;
	position:relative;
	width: 300px;
	height: 100%;
	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;
	}
	
#sidebar p {
  margin:5px;
  clear:both;
  color:#000;
  }

.rssfeeds a.rss  {
	padding: 0 0 0 25px;
	background: transparent url(images/icon_rss.gif) no-repeat 5px 0;
	}

img#sidebar a{	
	border:none;
  }

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

.sponsors 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;
	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:visited, #bottom a {
	color:#ccc;
	}
	
#bottom ul li a:hover, #bottom a:hover {
	color:#d0002e;
	background: #dfe854;
	}



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

*   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 */

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

* Page Réalisations *

***************************************/
a#img01 {
display:block;float:left;margin: 8px 8px 0 0;width:133px;height:133px;background:url(http://www.arch-image.com/wordpress/wp-content/uploads/2008/09/th_public.jpg) -133px 0%;
}
a#img02 {
display:block;float:left;margin: 8px 8px 0 0;width:133px;height:133px;background:url(http://www.arch-image.com/wordpress/wp-content/uploads/2008/09/th_residentiel.jpg) -133px 0%;
}
a#img03 {
display:block;float:left;margin: 8px 8px 0 0;width:133px;height:133px;background:url(http://www.arch-image.com/wordpress/wp-content/uploads/2008/09/th_interieur.jpg) -133px 0%;
}
a#img04 {
display:block;float:left;margin: 8px 0 0 0;width:133px;height:133px;background:url(http://www.arch-image.com/wordpress/wp-content/uploads/2008/09/th_animations.jpg) -133px 0%;
}
a#img05 {
display:block;float:left;margin: 8px 8px 0 0;width:133px;height:133px;background:url(http://www.arch-image.com/wordpress/wp-content/uploads/2008/09/th_industriel.jpg) -133px 0%;
}
a#img06 {
display:block;float:left;margin: 8px 8px 0 0;width:133px;height:133px;background:url(http://www.arch-image.com/wordpress/wp-content/uploads/2008/09/th_commercial.jpg) -133px 0%;
}
a#img07 {
display:block;float:left;margin: 8px 8px 0 0;width:133px;height:133px;background:url(http://www.arch-image.com/wordpress/wp-content/uploads/2008/09/th_design.jpg) -133px 0%;
}
a#img08 {
display:block;float:left;margin: 8px 0 0 0;width:133px;height:133px;background:url(http://www.arch-image.com/wordpress/wp-content/uploads/2008/09/th_marketing.jpg) -133px 0%;
}
a#img09 {
display:block;float:left;margin: 8px 8px 0 0;width:133px;height:133px;background:url(http://www.arch-image.com/wordpress/wp-content/uploads/2008/09/th_retouche.jpg) -133px 0%;
}
a#img10 {
display:block;float:left;margin: 8px 8px 0 0;width:133px;height:133px;background:url(http://www.arch-image.com/wordpress/wp-content/uploads/2008/09/th_web.jpg) -133px 0%;
}
a#img11 {
display:block;float:left;margin: 8px 8px 0 0;width:133px;height:133px;background:url(http://www.arch-image.com/wordpress/wp-content/uploads/2008/09/th_vr.jpg) -133px 0%;
}
a#img12 {
display:block;float:left;margin: 8px 0 0 0;width:133px;height:133px;background:url(http://www.arch-image.com/wordpress/wp-content/uploads/2008/09/th_urbanisme.jpg) -133px 0%;
}

a#img01:hover,a#img02:hover,a#img03:hover,a#img04:hover,a#img05:hover,a#img06:hover,a#img07:hover,a#img08:hover,a#img09:hover,a#img10:hover,a#img11:hover,a#img12:hover {background-position:0% 0%;}

/* 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;
  }
  
.buttonsb ul{
  position:relative;
  height:40px;
  width:271px;
  text-align:center;
  
  }

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

.buttonsl li a{ 
  text-decoration:none;
  display:block;
  height:40px;
  line-height:34px;
  padding:0 20px;
  width:500px;
  color:#fff;
  font-size:18px;
  font-weight:bold;
	letter-spacing:-1px;
  }

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

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

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

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

.large {width:564px;}

    /* ———— legendes ————*/
    .aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .alignleft {
    float: left;
    }
    .alignright {
    float: right;
    }

    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    /*background-color: #f3f3f3;*/
    padding-top: 4px;
    margin: 10px;
    
    .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;
    }
    /* —————– fin legendes—————–*/