/* 
    Document   : accueil.css
    Author     : Ploggmedia - www.ploggmedia.com
	Project	   : 
*/

#wrapper {
        background:url(../images/bg-body-accueil.png) no-repeat top left;
}

#wrapper1 {
    padding: 21px 0 0 20px;
    width:982px;
}

/* Pour le script de slider */
#clearfix {
    height: 219px;
}

.slider {
    width: 735px;
    /*position: relative;*/
    height:219px;

}

.slider ul {
    padding:0px;
    margin:0px;
}

.slider ul li {
    width: 735px;
    overflow: hidden;
    display: none;
    overflow: hidden;
}

.pp_pic_holder {
    display: none;
}

div.slider-title {
    position:absolute;
    top:20px;
    left:20px;
}

div.slider-title h2 {
    margin-bottom:10px;
}

div.slider-title h2 a {
    color:#343434;
    font-size:28px;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    text-decoration: none;
}

div.slider-title p {
    color:#343434;
    font-size:14px;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    height:80px;
    width:100%;
    overflow:hidden;
}

.slider img {

    border:none;
}
/* Fin du script de slider */

#boxes {
    height:240px;
}

.box {
    float:left;
    height:173px;
    width:227px;
    padding:9px 8px 8px 10px;
}

#box2 {
    padding-left:11px;
}

.img-border {
    border:1px solid #969696;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    height:76px;
    width:225px;
}

.img-border img {
    border:4px solid #ffffff;
}

.box h2 {
    margin:8px 0px 5px 0px;
    font-size:15px;
}

.box h2 a {
    color:#86231a;
    text-transform: uppercase;
    text-decoration: none;
    padding-left:5px;
}

.box p {
    margin:5px 0px 5px 0px;
    color:#181818;
    padding-left:5px;
}

.btn-savoir {
    background: url(../images/btn-savoir.png) no-repeat top right transparent;
    text-align: right;
    height:30px;
    padding:8px 0px 0px 0px;
}

div.btn-savoir a
{
	display:block;
	padding-right:35px;
}

.box-button a {
    color:#373330;
    text-decoration: none;
}

#section-content {
    padding:0px 20px;
    margin:20px 0px;
    border-right:0px solid #d2cfcf;
}

#section-content h2 {
    margin:0px 0px 12px 0px;
    font-size:14px;
    color:#4d443b;
    text-transform: uppercase;
}

#section-content h3 {
    margin:0px 0px 5px 0px;
    font-size:13px;
    color:#22211f;
}

#section-content h3 a {
    color:#22211f;
    text-decoration: none;
}

.link-suite {
    text-align:right !important;
}

.link-suite a {
    color:#8b3423;
}

#btn-chronique {
    background: url(../images/btn-chronique.png) no-repeat top right transparent;
    text-align: right;
    height:30px;
    padding:8px 35px 0px 0px;
}

.chronique-button {
    margin-top: 15px;
}

.chronique-button a {
    color:#373330;
    text-decoration: none;
}

.blog-post
{
	margin-bottom:15px;	
	margin-top:15px;	
}

#top-menu #form-div {
    width:170px;
	float:right;
	margin:-20px 216px 0px 0px;
}

#f
{
	width:103%;
	margin:0 auto;
	border:0px black solid;
	margin:0px 0px 10px 0px;
	clear:both;
}

#f #f-bottom
{
	width:975px;
	min-height:325px;
	background-image:url(../images/3boxes_back.jpg);	
}

#f #f-top
{
	width:965px;
	margin-top:10px;
	padding-left:10px;
	min-height:50px;
	background:url(../images/box_bck.png) ;
}


#f .widget { float: left; height:350px; width: 262px; margin: 0px 2px 17px 10px; border:0px solid #4D443B; padding:10px 33px 10px 10px; border-right: 1px solid white;}
	#f .widget.last { clear: right; margin-right: 0px; border-right:0px; }
		#f h3.widgettitle {font-size: 22px; color: #86231A; text-shadow: 1px 1px 2px #CCC; padding: 0px 0px 15px 0px; margin: 0px 0px 17px 0px; }
		#f .widget ul { margin: 0px 0px 0px 9px; list-style:none; color:#FFFFFF;}
		#f .widget a { color:#FFFFFF; }
		 #f .widgtitle { height:50px; margin-bottom:15px;}
			#f .widget ul li { background: url(../images/footer-bullet.png) no-repeat 0px 10px; padding: 7px 0px 7px 18px; }
				#f .widget ul li ul { padding:5px 0px 0px 7px; margin: 0px 0px -12px; }
		#f .icon{float:left; margin-right:8px; height:25px;}
		
#aktt_tweet_text
{
	margin-left:25px;
	margin-bottom:15px;	
}
		
#f.container.clearfix div#twitter-tools.widget div.aktt_tweets ul li
{
	background:none;
}

#recent-posts-3
{
	background-image:url(../images/box_bck.png);
	border: 1px red;
}


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


#facebook-like-box
{
	
}


#accueil_photo_div
{
	height:350px;
	width:245px;
	margin:-367px 0px 20px -20px;
	background-position:right;
	background-repeat:no-repeat;
}

#telephone_index
{
	background:url(../images/telephone_bck.png) no-repeat;
	width:198px;
	height:30px;
	margin-top:15px;
	padding:7px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	padding-top:14px;
	
}