@charset "utf-8";
/*
Theme Name: Acapela for iPhone & iPad
Theme URI: http://www.acapela-for-iphone.com
Description: Acapela for iPhone & iPad wordpress theme
Version: 1.0
Author: Renaud Forestié

*/
#temp {
width: 960px;
margin: 0 auto;
background-color: #ffb400;
color: #FFF;
font-size: 24px;
text-align: center;
padding: 10px;
margin-top: 15px;
font-weight:bold;
}

body {
	color: #6b6b6b;
	background-color: #FFF;
	background-position: center top;
	background-repeat: no-repeat;	
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 0.8em;
	 margin:0;
   padding:0;
   height:100%;

}

html, body 
{
	height: 100%;
	margin: 0;
}

.clearer { clear: both; }

a.puce {
	background: url(http://www.acapela-for-iphone.com/Elements/linkpuce.jpg) 0 3px no-repeat; 
	padding-left: 20px;
	display: block;
	padding-bottom: 10px;
}



a, a:link, a:visited
{
	color: #0c8ad3;
	text-decoration:none;
}
a:hover
{
	color: #003e62;
}

strong {
	color: #444;
}
	
a img { border: none; }	


/*a.css3button  {
     background: url(../../../../Elements/background.gif) bottom repeat-x #85bfdd;
     padding: 5px 10px 5px 10px;
     text-align: center;
     font-weight: bold;
     color: #fff;
     text-decoration: none; border: 1px inset #aaa;
     -webkit-border-radius: 8px; width: auto; -moz-border-radius: 8px;  -khtml-border-radius: 8px;  border-radius: 8px;
     -moz-box-shadow: 1px 1px 1px #155c8f;  -webkit-box-shadow: 1px 1px 1px #155c8f;  box-shadow: 1px 1px 1px #155c8f;
     text-shadow: rgba(0,0,0, .5) 0px -1px 0px;
      border-top: inset 1px #155c8f; border-left: inset 1px #155c8f; border-bottom: inset 1px #155c8f; border-right: 1px solid #155c8f;
}

a.css3button:hover  {
     background: #4c87b2;
     text-shadow: rgba(0,0,0, .5) 0px 1px 0px;
}*/

.floatleft { float: left; }


#fullcontainer
{
   min-height:100%;
   position:relative;
}

/* Mise en forme -------------------------------------------------------------------------------------------------------------------------------- Mise en forme */

h1 {
	color: #000;
	font-weight: bold;
	font-size: 35px;
}

h2 { 
	color: #888; 
	font-size: 25px;
}

h3 {
	color: #618b11;
	font-size: 18px;
	font-weight: normal;
}

strong {
	color: #000;
}



/* HEADER ---------------------------------------------------------------------------------------------------------------------------------------- HEADER */	
	
#header {
	background-color: #2e89be; 	
        height: 78px;   padding:10px;

}

#header_content {
	width: 980px;
	margin: 0 auto;
	
}

#login_container{
margin: 0 auto;
position: absolute;
width: 100%;
top: 20px;
}
#login_container #alogin{
display: block;
width: 980px;
margin: 0 auto;
text-align: right;
	
}

#login_container #alogin a.login{
color: #FFF;
font-weight: bold;
font-size: 20px;
}

#login_container div.loggedin{
display: block;
width: 980px;
margin: 0 auto;
color: #FFF;
text-align: right;
font-weight: bold;
font-size: 20px;
}

#login_container div.loggedinsmall a{
display: block;
width: 980px;
margin: 0 auto;
color: #FFF;
text-align: right;
font-size: 10px;
}

#header_content a #logo {
left: 0px;	
float: left;
width: 253px;
z-index:20;
}

#header_content ul.menu {
float: right;
display: block;
margin: 0px 0px 0px 0px;
margin-top: 67px;
z-index: 25;
}

#header_content ul.menu li {
margin-bottom: 0px;
float: left;
list-style: none;
margin-left: 15px;
}

#header_content ul.menu li a {
color: #FFF;
padding: 3px;
}


#header_content ul.menu li a:hover {
color: #000;
background-color: #FFFFFF;
}

#header_content ul.menu li.current_page_item a {
color: #000;
background-color: #FFFFFF;
}

/* FORMS ----------------------------------------------------------------------------------------------------------------------------------------------- FORMS */

input[type="text"], textarea { 
	padding: 9px;
	border: solid 1px #bbb;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 450px;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

textarea { 
	width: 450px;
	max-width: 450px;
	height: 150px;
	line-height: 150%;
	}

input[type="text"]:hover, textarea:hover,
input[type="text"]:focus, textarea:focus { 
	border-color: #111; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}

form p {
clear: both;
padding-top: 5px;
border-bottom: 1px dashed #ddd;
}

form p span {
position: absolute;
right: 0px;
top: -25px;
float: right;
}



input[type="submit"],a.css3button{
background:url("http://www.acapela-for-iphone.com/wp-admin/images/button-grad.png") repeat-x scroll left top #21759B;
color:#FFFFFF;
font-weight:bold;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);
-moz-border-radius:11px 11px 11px 11px;
border:none;
cursor:pointer;
font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
font-size:12px;
margin-top:-3px;
padding:3px 10px;
text-decoration:none;
}

input[type="submit"]:active,input[type="submit"]:hover,a.css3button:hover{
	background:url("http://www.acapela-for-iphone.com/wp-admin/images/button-grad-active.png") repeat-x scroll left top #21759B;
}


/* Conteneur Home Page---------------------------------------------------------------------------------------------------------------------------------- Conteneur */
#container {
	width: 980px;
	margin: 0 auto;	
	text-align: left;
	padding: 0px;
	border:0;
	background-image: url(http://www.acapela-for-iphone.com/Elements/bg_3cols.jpg);
	background-position:center;
	background-repeat: repeat;
	overflow: auto;	
	padding-bottom:135px; 
}

#container #left {
	float: left;
	width: 235px;
	text-align: justify;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 50px;
}

#container #middle{
	float: left;
	width: 430px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 50px;
}

#container #right {
	float: left;
	width: 275px;
	text-align: justify;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 50px;
}

#middle .keybenefit img {
float: left;
margin-right: 5px;
}

#middle .keybenefit {
float: left;
width: 195px;
padding: 10px;
margin-bottom: 10px;
}

#middle .keybenefit h3 {
margin: 0px;
line-height: 32px;
}

#right .date { color: #82b739; font-size: 10px; border-bottom: 1px dotted #c6c5ba; padding-bottom: 10px; }
#right h2 {
	background-image: url(http://www.acapela-for-iphone.com/Elements/twitter-bird.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 51px;
}

#right li, #right ul {
list-style: none;
margin-left: 0px;
padding-left: 0px;
}

#right a.aktt_tweet_time {
display: block;
 color: #82b739; font-size: 10px; border-bottom: 1px dotted #c6c5ba; padding-bottom: 10px; 
margin-bottom: 10px;}


#carousel { margin-top: 1px; border-bottom: 1px solid #000; height: 317px; }

/* Default Page -------------------------------------------------------------------------------------------------------------------------------- Default Page */

#containerdefault {
	width: 980px;
	margin: 0 auto;	
	text-align: left;
	padding: 0px;
	border:0;
	background-image: url(http://www.acapela-for-iphone.com/Elements/bg_2cols.jpg);
	background-position:center;
	background-repeat: repeat;
	overflow: auto;	
	padding-bottom:135px; 

}

#containerdefaultclean {
	width: 980px;
	margin: 0 auto;	
	text-align: left;
	padding: 0px;
	border:0;
	background-color: #FFFFFF;
	overflow: auto;	
	padding-bottom:135px; 

}

#containerdefault #leftcolumn 
{
float: left;
width: 650px;
text-align: justify;
}

#containerdefault #rightcolumn 
{
float: left;
width: 295px;
padding-left: 35px;
text-align: left;
padding-top: 15px;
}


input#s {
width: 200px;
font-size: 12px;
padding: 3px;
}


/* AnchorList ------------------------------------------------------------------------------------------------------------------------------------------ AnchorList */

ul.anchorlist {
padding-left: 0px;
margin-left: 0px;
}

ul.anchorlist li {
list-style: none;
}

ul.anchorlist li a { display: block; }

ul.anchorlist li.linkh1 a {
color: #000;
font-weight: bold;
margin-top: 20px;
}

ul.anchorlist li.linkh2 a {
color: #000;
padding-left: 10px;
margin-top: 10px;
}

ul.anchorlist li.linkh3 a {
color: #618b11;
padding-left: 20px;
}

ul.anchorlist li.linkh4 a {
padding-left: 30px;
}

ul.anchorlist li.linkh5 a {
padding-left: 40px;
}

ul.anchorlist li a:hover { color: #2e89be; }


/* Footer ---------------------------------------------------------------------------------------------------------------------------------------------- Footer */

#footer {
	height: 135px;
	background-color: #000;
	position:absolute;
   bottom:0;
   width: 100%;

}

#footer1 {
clear: both;	
background-color: #111;	
text-align: right;
padding-top: 10px;
padding-bottom: 10px;
height: 40px;
}

#footer2 {
clear: both;	
background-color: #000;	
padding-top: 10px;
padding-bottom: 5px;
height: 60px;
}

#footer2 .footercontent img {
float: left;
margin-right: 20px;
}

#footer2 .footercontent ul { padding: 0; margin: 0; }
#footer2 .footercontent ul li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#footer2 .footercontent ul li a {
color: #AAA; margin-right: 10px; }
#footer2 .footercontent ul li a:hover {
color: #FFF;
}


.footercontent {
width: 980px;
margin: 0 auto;
}

.share {
	float: left;	
	color: #333;
	font-weight: bold;
	font-size: 30px;
}

.addthis_toolbox .custom_images a
{
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
	cursor: pointer;
	margin-left: 5px;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}

ul#output li .feature h2 { color: #000;  }	


/* GALLERY -------------------------------------------------------------------------------------------------------------------- */

.image-grid {
  margin: 0px 0 0 -10px;
  padding-left: 0px;
  width: 980px;
}

.image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.image-grid li {
  width: 102px;
  margin: 20px 0 0 20px;
  float: left;
  text-align: center;
  height: 200px;
  overflow: hidden;
  list-style: none;
}

.image-grid li img,
.image-grid li strong {
  display: block;
}

.image-grid li strong {
  color: #777;
}

.image-grid li p.description { font-size: 10px; }

fieldset { border: none; }

img.alignright {
float: right;
clear: both;
}

form#commentform textarea {
width: 630px;
max-width: 630px;
}