/* Start of CMSMS style sheet 'akte_layout' */
/*  
@Dominic Fortin (akte.ca)
*/
body {
	font: normal 0.8em  Georgia , serif;
	/*color: #564b47;*/

	background:url(uploads/akte/bg_page.jpg) left top repeat;
}

div.item_thumbnails{

}

/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, hr {
/* absolute lets us put it outside the viewport with the indents, the rest is to clear all defaults */
	position: absolute;
	top: -9999em;
	left: -9999em;
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	border: none;
}
/* ------------ Standard  HTML elements and their default settings ------------ */
b, strong{font-weight: bold;}i, em{	font-style: italic;}
p {
	padding: 0;
	margin-top: 0.5em;
    margin-bottom: 1em;
   text-align:left;
}
h1, h2, h3, h4, h5 {
	line-height: 1.6em;
	font-weight: normal;
	width: auto;
}


/*---------   link styles  -----------*/

/* DEFAULT*/

a {
             color: #ffffff;
	text-decoration: none;
	text-align: left;
}
a:hover {
	color: #858520;;
}
a:active {
	color: #ffffff;
}
a:visited {
	color: #ffffff;
}


/* EXTERNAL */

a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}
a.external {
  color:#b92d15;
  padding: 0 12px 0 0
}
a.external:link{
  color:#b92d15;
  background: url(/images/External.gif) no-repeat 100% 0;
}

a.external:visited {
  color: #b92d15;
  background-position: 100% -100px;
}

a.external:hover {
  color: #858520;
  background-position:100% -200px;
}



/* INTERNAL */
a.internal{
       text-decoration:none;
       border-bottom: 2px dotted #b92d15;
      color:#b92d15;

}

a.internal:link  {
  color:#b92d15;

}

a.internal:visited {
  color: #b92d15;
 }

a.internal:hover {
  color: #858520;
border-bottom: 2px dotted #858520;


}

input, textarea, select {
	font-size: 0.95em;
}
.left{
	float:left;
}

.right{
	float:right;
}
.copyright{
	text-align:center;
}


/* ----------top bar -------------- */
#top_bar_container {
	width: 100%;
	height:20px;
	background-color: #3e4f4f;
	text-align:center;
	
}
#top_bar {
	font-size: 90%;
	width: 865px;
	height:20px;
	color:#f6f5f5;
	font-weight:bold;
	margin-left:-437px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding:3px 20px 0 20px;
	
}
.green{

	color:#c3bf30;
}

/* ----------container to center the layout-------------- */
#container {
	width: 875px;
	margin:0;
	padding:0;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

/* ----------header-------------- */
#header{
	height:130px;
	padding:0;
	margin:0;
	}
/* ----------- menu ------- */

#menu{
	text-align:left;
	height:30px;
	margin:0;
	padding:0;
float:right;
width:50%;
	
}

#menu ul{
	height:30px;

	padding:0;
	margin:0;

}


#menu ul li{
	display:inline;
	height:30px;
	margin:0;
	padding:0;
	border:0;
              text-align:center;
  
	

}

#menu ul li a{
	height:30px;
	margin:0;
	padding:0;
	font-size:18px;

}


#menu ul li.menuactive  {
	color:#a50000;
} 
#menu ul li.separator{
    margin:0;
	padding:0;
    width:8px;
	padding-left:8px;
	padding-right:8px;
	
}


/* ----------- logo ---------- */
div#logo {
	float:left;
	text-align: right;
	padding: 0;
	margin: 0;
	/*width:250px;
                height:90px;
	background:url(uploads/akte/akte_logo.png) left top no-repeat;*/
 width:47%;


}
div#logo  a{
	padding: 0;
	margin: 0;
	width:335px;
                height:130px;

}

div#logo  img{
	padding: 0;
	margin: 0;
	width:335px;
                height:130px;
	/*padding-left:10px;*/
}




/* ----------- slogan ---------- */

div#sticker_jmeel{
	float:right;
	text-align: left;
	padding: 0px;
	margin: 0px;
	width:50%;
	height:90px;
               padding-top:10px;
              background:url(uploads/akte/sticker_jmeel-page.png) -10px bottom  no-repeat;

  }


div#sticker_jmeel h2{

  text-indent: -9999em;
     margin:0;
     padding:0;
     height:90px;
   
}


/*

div#slogan {
	float:left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	margin-left:40 px;
	margin-top:14px;
	width:610px;
               background:url(uploads/akte/sticker_jmeel-page.png) left top no-repeat;


}
div#slogan_top{
	float:left;
	margin-left:40px;
}
div#slogan_btm{
	float:right;
               padding: 0px;
	margin: 0px;
             margin-top:-5px;


}

*/

/* -----------------content--------------------- */
#middle_container{
		width:875px;
	height:446px;
	
}

.bg_accueil{
  background:url(uploads/akte/bg_accueil.png) left top no-repeat;


}
.bg_services{
  background:url(uploads/akte/bg_services.png) left top no-repeat;


}
.bg_portfolio{
  background:url(uploads/akte/bg_portfolio.png) left top no-repeat;


}

.bg_contact{
  background:url(uploads/akte/bg_contact.png) left top no-repeat;


}
.bg_va-te-faire-voir{
  background:url(uploads/akte/bg_vtfv.png) left top no-repeat;


}


div#middle_container{
	min-height:446px;
}

#container_contenu {
	padding: 0px;
	margin:0px;
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	height:400px;
}
/* 404 */
.bg_{
  background:url(uploads/akte/bg_projets.png) left top no-repeat;


}


div#container_contenu { 

}

div.contenu_100,
div.contenu_50{
	margin:0;
	padding:0;
	float:left;
	font-size:1.2em;

font-weight:600;
	/*color:#3e4f4f;*/
color:#3e4f4f;

}
div.contenu_50{
	width:50%;

}
div.contenu_100{
	width:100%;

}

/* titre*/
h2.title_page{
     text-indent: -9999em;
     margin:0;
     padding:0;
     height:45px;
    padding-bottom:10px;

}

/* -----------footer--------------------------- */
div#footer {
	height:20px;
	clear: both;
	margin: 0px;
	padding: 0px;
	text-align: center; 
}
div#footer div#copyright {
	margin: 0px;
	padding: 0px;
}
div#footer span.capital{
	color: #3e4f4f; 
	font-size:.9em;
	font-weight:bold;
	text-transform:uppercase;
}
div#footer span.smallcap{
	color: #3e4f4f; 
	font-size:1.6em;
}
div#footer div.ligne_bottom{
font-size:.8em;

}


/* ------------ END LAYOUT ---------------*/
/* End of 'akte_layout' */