/*
Theme Name: Carrefour 
Description: Carrefour Theme.
Author: Mike Bailey  
Author URI: http://www.creativehappy.com/
.
Copyright (c) Creative Happy.
.
*/


/* 
	***********
	* GENERIC *
	***********
*/

body 
{
	font: 75% Arial, Helvetica, sans-serif;
	background: #FFF url(images/body-bg.jpg) no-repeat top center;
	margin-bottom: 20px;
}

strong
{
	font-weight: bold;
}

/* 
	********
	* FORM *
	********
*/

.form
{
	
}

.form fieldset
{
	border: none;
}

.form legend
{
	display: none;
}

.form .form-fields
{
	overflow:hidden;
	margin-bottom: 5px;
}

.form .form-buttons
{
	margin-bottom: 20px;
}

.form label
{
	display: block;
	float: left;
}

.form .input-align
{
	margint-op: 5px;
}

.form input
{
	display: block;
	float: left;
}

.form p
{
	color: #464749;
	font-size: 12px;
	margin: 7px 0 7px 0;
}

.form a
{
	color: #000;
}

.form textarea
{
	width: 400px;
	display: block;
	float: left;
}

.form .hide-label
{
	display: none;
}

.form .form-buttons
{
	overflow:hidden;
}

.form .large-button
{
	font: Helvetica, Arial sans-serif;
	width: 141px;
	height: 30px;
	background:url(images/large-button-bg.png) no-repeat 0 0;
	text-transform: uppercase;
	font-weight: normal;
	color: #000;
	border: none;
	display: block;
	float: left;
	cursor: pointer;
	font-size: 11px;
}

.form .large-button:hover
{
	background-position: 0 -30px;
}

form .small-button
{
	font: Helvetica, Arial sans-serif;
	display: block;
	width: 90px;
	height: 30px;
	background: url(images/plus-pink-icon.png) no-repeat 10% 50%;
	font-size: 10px;
	color: #000;
	text-align: center;
	line-height: 30px;
	font-weight: normal;
	padding-left: 5px;
	border: none;
	float: left;
}

form .small-button:hover
{
	background-position: 0 -30px;
}


form .small-button 
{
	width: 90px;
	height: 30px;
	display: block;
	background: url(images/entry-button-bg.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
	font-weight: normal;
}

form .small-button:hover
{
	background-position: 0 -30px;
}

/* 
	********
	* PAGE *
	********
*/

#page
{
	width: 1000px;
	margin: 0 auto;
}

#page .column
{
	float: left;
	display: block;
}

#page .link-to-social
{
	clear: both;
	overflow:hidden;
	display: block;
	padding: 5px;
}

#page .link-to-social a
{
	float: right;
	font-size: 11px;
	color: #000;
}

#page .link-to-social a:hover
{
	color: #00988b;
}

#page .bold a
{
	font-weight: bold!important;
}

/* Comments */

.comment
{
	margin-bottom: 10px;	
}

.comment .form-fields label
{
	width: 100px;
	font-size: 11px;
	color: #464749;
}

.comment .form-fields input
{
	width: 295px;
}

.comment .small-button
{
	margin-top: 7px;
}

.comment .small-button span
{
	display: block;
	width: 90px;
	height: 30px;
	background: url(images/plus-pink-icon.png) no-repeat 13% 50%;
	font-size: 10px;
	color: #000;
	text-align: center;
	line-height: 30px;
	font-weight: normal;
	padding-left: 2px;
}


/* Comment List */

.commentlist
{
	
}

.commentlist .comment-author .fn
{
	font-size: 15px;
	font-weight: bold;
	color: #464749;
}

.commentlist .comment-author .fn .url
{
	color: #464749;
}

.commentlist .comment-author .says
{
	font-size: 12px;
	color: #464749;
}

.commentlist .comment-meta a
{
	font-size: 10px;
	font-style: normal;
	color: #838384;
}

.commentlist .comment-body
{
	padding: 5px 0 5px 0;
	border-bottom: solid 1px #C9CACA;	
	margin-bottom: 5px;
}

.commentlist p
{
	margin: 7px 0 7px 0;
}

/* News Letter */

.newsletter
{
}

.newsletter input
{
	width: 130px;
	margin-top: 5px;
}

.newsletter button
{
	margin-left: 5px;
}
 
.newsletter .small-button span
{
	display: block;
	width: 90px;
	height: 30px;
	background: url(images/plus-pink-icon.png) no-repeat 13% 50%;
	font-size: 10px;
	color: #000;
	text-align: center;
	line-height: 30px;
	font-weight: normal;
	padding-left: 2px;
}

/* Social */

.social
{
	overflow:hidden;
	background: url(images/social-icons.png) no-repeat;
	width: 140px;
	height: 32px;
	display: block;
	margin-bottom: 20px !important;
}

.social li
{
	float: left;
	display: block;
}

.social li a
{
	text-indent: -1000%;
	overflow: hidden;
}

.social .twitter a
{
	display: block;
	width: 32px;
	height: 32px;
	float: left;
}

.social .facebook a
{
	display: block;
	width: 32px;
	height: 32px;	
	float: left;
}

.social .flickr a
{
	display: block;
	width: 32px;
	height: 32px;	
	float: left;
}

.social .rss a
{
	display: block;
	width: 32px;
	height: 32px;	
	float: left;
}

/* 
	**********
	* HEADER *
	**********
*/

#header
{
	position:relative;
	width: 1000px;
	height: 166px;
	background: url(images/header-bg.jpg) no-repeat 0 0;
	margin-top: 6px;
}

#header .site-logo
{
	position:absolute;
	top: 24px;
	left: 0;
}

#header .search
{
	position:absolute;
	top: 18px;
	right: 0;
}

#header .search .form-field button span
{
	display: block;
	float: left;
	background: url(images/search-icon.png) no-repeat 17% 50%;
	width: 141px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding-left: 6px;
	font-size: 11px;
}

#header .search .form-field input
{
	margin: 7px 13px 0 0;
}

/* Header Nav */

#header .nav
{
	position: absolute;
	top: 65px;
	left: 290px;
	width: 710px;
	height: 43px;
	margin-left: 3px;
}

#header .nav li
{
	display: block;
	float: left; 
}

#header .nav li a
{
	display: block;
	height: 43px;
	background: url(images/menu.png) no-repeat 0 0;
	text-indent: -1000%;
	overflow:hidden;
}

/* Menu Items */

#header .nav li .one { width: 78px; background-position: 0 0; }
#header .nav li .two { width: 73px; background-position: -79px 0; }
#header .nav li .three { width: 106px; background-position: -153px 0; }
#header .nav li .four { width: 99px; background-position: -260px 0; }
#header .nav li .five { width: 102px; background-position: -360px 0; }
#header .nav li .six { width: 81px; background-position: -463px 0; }
#header .nav li .seven { width: 99px; background-position: -545px 0; }
#header .nav li .eight { width: 65px; background-position: -644px 0; }

#header .nav li .one:hover { width: 78px; background-position: 0 -32px; }
#header .nav li .two:hover { width: 73px; background-position: -79px -32px; }
#header .nav li .three:hover { width: 106px; background-position: -153px -32px; }
#header .nav li .four:hover { width: 99px; background-position: -260px -32px; }
#header .nav li .five:hover { width: 102px; background-position: -360px -32px; }
#header .nav li .six:hover { width: 81px; background-position: -463px -32px; }
#header .nav li .seven:hover { width: 99px; background-position: -545px -32px; }
#header .nav li .eight:hover { width: 65px; background-position: -644px -32px; }

#header .nav .active .one, #header .nav .active .one:hover { width: 78px; background-position: 0 -32px; }
#header .nav .active .two, #header .nav .active .two:hover { width: 73px; background-position: -79px -32px; }
#header .nav .active .three, #header .nav .active .three:hover { width: 106px; background-position: -153px -32px; }
#header .nav .active .four, #header .nav .active .four:hover { width: 99px; background-position: -260px -32px; }
#header .nav .active .five, #header .nav .active .five:hover { width: 102px; background-position: -360px -32px; }
#header .nav .active .six, #header .nav .active .six:hover { width: 81px; background-position: -463px -32px; }
#header .nav .active .seven, #header .nav .active .seven:hover { width: 99px; background-position: -545px -32px; }
#header .nav .active .eight, #header .nav .active .eight:hover { width: 65px; background-position: -644px -32px; }



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

.60th #content
{
	background-color: #FFF !important;
	background-image: none !important;
	padding-top: 7px !important;
}

.new-wrapper
{
	overflow:hidden;
	background: #CACBCF url(images/content-bg.jpg) repeat-x 0 0;
}

#content
{
	width: 998px;
	min-height: 827px;
	border-right: solid 1px #E9EAEA;
	border-left: solid 1px #E9EAEA;
	background: #CACBCF url(images/content-bg.jpg) repeat-x 0 0;
	overflow: hidden;
	padding-top: 15px;
}

#content h2
{
	color: #464749;
	font-size: 17px;
	margin: 10px 0 10px 0;
}

#content h2 a
{
	color: #464749;
	font-size: 17px;
	margin: 10px 0 10px 0;
	text-decoration: none;
}

#content h3
{
	color: #464749;
	font-size: 17px;
	margin: 10px 0 10px 0;
}

#content h4
{
	color: #464749;
	font-size: 17px;
	margin: 10px 0 10px 0;
}

/* Headers */

#content .header-img
{
	text-indent: -1000%;
	overflow:hidden;
	margin-bottom: 22px;
}

#content .header-spacing
{
	margin-top: 10px;
}

#content .a-propos
{
	width: 143px;
	height: 38px;
	background: url(images/headers/a-propos.jpg) no-repeat;
}

#content .nouvelles
{
	width: 165px;
	height: 38px;
	background: url(images/headers/nouvelles.jpg) no-repeat;
}

#content .sur-le-web
{
	width: 232px;
	height: 38px;
	background: url(images/headers/sur-le-web.jpg) no-repeat;
}

#content .calendrier
{
	display: block;
	width: 143px;
	height: 38px;
	background: url(images/headers/calendrier.png) no-repeat;
	margin: 0 0 10px 0;
}

#content .camps-dete
{
	width: 175px;
	height: 38px;
	background: url(images/headers/campsete.jpg) no-repeat;
}

#content .lequipe
{
	width: 116px;
	height: 38px;
	background: url(images/headers/lequipe.jpg) no-repeat;
}

#content .notre-equipe
{
	width: 168px;
	height: 38px;
	background: url(images/headers/notre-equipe.jpg) no-repeat;
}

#content .les-tremplins
{
	width: 171px;
	height: 38px;
	background: url(images/headers/les-tremplins.jpg) no-repeat;
}

#content .les-garderies
{
	width: 176px;
	height: 38px;
	background: url(images/headers/les-garderies.jpg) no-repeat;
}

#content .la-cle-de-sol
{
	width: 185px;
	height: 38px;
	background: url(images/headers/la-clede-sol.jpg) no-repeat;
}

#content .la-slague
{
	width: 135px;
	height: 38px;
	background: url(images/headers/la-slague.jpg) no-repeat;
}

#content .media
{
	width: 89px;
	height: 38px;
	background: url(images/headers/media.jpg) no-repeat;
}

#content .resultats
{
	width: 135px;
	height: 38px;
	background: url(images/headers/resultats.jpg) no-repeat;
}

/* Left Column */
#content .left
{
	width: 244px;
	padding: 0 15px 0 15px;
}

#content .left .widget-left
{
	margin-bottom: 20px;
	margin-top: -20px;
}

#content .left .cat-desc
{
	font-size: 14px;
	font-style: italic;
	color: #464749;
}

#content .left .cat-desc a
{
	color:#000;
}

#content .left .cat-desc p
{
	margin: 0 0 15px 0;
	line-height: 20px;
}

/* Sub-Navigation */

#content .left .sub-nav
{
	padding-top: 13px;
}

#content .left .sub-nav li
{
	display: block;
	float: left;
}

#content .left .sub-nav li a
{
	font-family: Helvetica, Arial, sans-serif;
	width: 245px;
	height: 29px;
	display: block;
	float: left;
	background: url(images/left-column-button-bg.png) no-repeat 0 0;
	line-height: 29px;
	text-align: center;
	margin-bottom: 8px;
	font-size: 12px;
	color: #464749;
	text-decoration: none;
	font-weight: normal;
}

#content .left .sub-nav li a .green-cross
{
	background: url(images/plus-green-icon.png) no-repeat 5px 2px;
	padding-left: 20px;
}

#content .left .sub-nav li a .pink-cross
{
	background: url(images/plus-pink-icon.png) no-repeat 5px 2px;
	padding-left: 20px;
}

#content .left .sub-nav li a .lime-cross
{
	background: url(images/plus-lime-green-icon.png) no-repeat 5px 2px;
	padding-left: 20px;
}

#content .left .sub-nav li a:hover
{
	background-position: 0 -29px;
}

/* Center Column */
#content .center
{
	width: 417px;
	min-height: 1150px;
	background: #DFE0E2 url(images/center-bg.jpg) no-repeat 0 0;
	padding: 10px 15px 0 15px;
}

#content .pad-top
{
	padding-top: 60px;
}

/* Entry */
#content .center .entry
{
	padding-bottom: 10px;
	border-bottom: solid 1px #C9CACA;
	margin-bottom: 15px;
}

#content .center .entry h2
{
	margin-bottom: 0 !important;
}

#content .center .entry small
{
	color: #838384;
	font-size: 12px;
	font-style: italic;
}

#content .center .entry .entry-content
{
	margin: 5px 0 5px 0;
}

#content .center .entry .entry-content p
{
	margin: 7px 0 7px 0;
	color: #464749;
	font-size: 12px;
	line-height: 20px;
}

#content .center .entry .entry-content a
{
	color: #000;
}

#content .center .entry .entry-content a:hover
{
	color: #00988b;
}

#content .center .entry .postmetadata
{
	overflow: hidden;
	display: block;
}

#content .center .entry .postmetadata .comment 
{
	float: left;
	margin-left: 10px;
}

#content .center .entry .postmetadata .comment a 
{
	width: 90px;
	height: 30px;
	display: block;
	background: url(images/entry-button-bg.png) no-repeat 0 0;
	text-decoration: none;
}

#content .center .entry .postmetadata .comment a:hover
{
	background-position: 0 -30px;
}

#content .center .entry .postmetadata .comment a span
{
	display: block;
	width: 90px;
	height: 30px;
	background: url(images/plus-pink-icon.png) no-repeat 7% 50%;
	font-size: 10px;
	color: #000;
	text-align: center;
	line-height: 30px;
	font-weight: normal;
	padding-left: 6px;
}

#content .center .entry .postmetadata .share
{
	float: left;
}

#content .center .entry .postmetadata .share a 
{
	width: 90px;
	height: 30px;
	display: block;
	background: url(images/entry-button-bg.png) no-repeat 0 0;
	text-decoration: none;
}

#content .center .entry .postmetadata .share a:hover
{
	background-position: 0 -30px;
}

#content .center .entry .postmetadata .share a span
{
	display: block;
	width: 90px;
	height: 30px;
	background: url(images/plus-pink-icon.png) no-repeat 13% 50%;
	font-size: 10px;
	color: #000;
	text-align: center;
	line-height: 30px;
	font-weight: normal;
	padding-left: 6px;
}

#content .center .entry .postmetadata .pdf
{
	float: left;
	margin-right: 10px;
}

#content .center .entry .postmetadata .pdf a 
{
	width: 90px;
	height: 30px;
	display: block;
	background: url(images/entry-button-bg.png) no-repeat 0 0;
	text-decoration: none;
}

#content .center .entry .postmetadata .pdf a:hover
{
	background-position: 0 -30px;
}

#content .center .entry .postmetadata .pdf a span
{
	display: block;
	width: 90px;
	height: 30px;
	background: url(images/plus-pink-icon.png) no-repeat 11% 50%;
	font-size: 10px;
	color: #000;
	text-align: center;
	line-height: 30px;
	font-weight: normal;
	padding-left: 6px;
}

#content .center .entry .postmetadata .post-in
{
	width: 300px;
	float: left;
	font-size: 10px;
	margin-top: 10px;
}

#content .center .entry .postmetadata .long
{
	width: 325px;
	float: left;
	font-size: 10px;
	margin-top: 10px;
}

#content .center .entry .postmetadata .short
{
	width: 125px;
	float: left;
	font-size: 10px;
	margin-top: 10px;
}

#content .center .entry .postmetadata .longish
{
	width: 310px;
	float: left;
	font-size: 10px;
	margin-top: 10px;
}

#content .center .entry .postmetadata .post-in a
{
	color:#000;
	text-decoration: none;
	font-weight: bold;
}

#content .center .entry .postmetadata .post-in a:hover
{
	color: #00988b;
}

/* Paging linkage */

#content .center .navigation
{
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
}

#content .center .navigation .alignleft
{
	display: block;
	float: left;
	color: #333;
}

#content .center .navigation .alignright 
{
	display: block;
	float: right;
	color: #333;
}

#content .center .navigation a
{
	color: #333;
	text-decoration: none;
}


/* User */

#content .center .user
{
	padding-bottom: 10px;
	border-bottom: solid 1px #D3D4D4;
	overflow: hidden;
	margin-bottom: 15px;
}

#content .center .user .user-img
{
	width: 130px;
	float: left;
}

#content .center .user .user-content
{
	width: 262px;
	float: left;
	padding: 0 0 0 18px;
}

#content .center .user .user-content a
{
	color: #000;
}

#content .center .user .user-content h2
{
	margin: 0 0 2px 0;
}

#content .center .user .user-content .position, #content .center .user .user-content .contacts
{
	font-size: 12px;
	color: #838384;
	margin: 0 0 2px 0;
}

#content .center .user .user-content p
{
	color: #464749;
	line-height: 17px;
}

#content .center .user .user-content .contact
{
	overflow: hidden;
}

#content .center .user .user-content .contact a 
{
	width: 90px;
	height: 30px;
	display: block;
	background: url(images/entry-button-bg.png) no-repeat 0 0;
	text-decoration: none;
	float: right;
}

#content .center .user .user-content .contact a:hover
{
	background-position: 0 -30px;
}

#content .center .user .user-content .contact a span
{
	display: block;
	width: 90px;
	height: 30px;
	background: url(images/plus-pink-icon.png) no-repeat 9% 50%;
	font-size: 10px;
	color: #000;
	text-align: center;
	line-height: 31px;
	font-weight: normal;
	padding-left: 6px;
}

/* right Column */
#content .right
{
	width: 247px;
	padding: 0 15px 0 15px;
}

/* 
	**********
	* FOOTER *
	**********
*/

#footer
{
	width: 1000px;
	height: 134px;
	border-top: solid 4px #A9ABAE;
	background: url(images/footer-bg.jpg) no-repeat 0 0;
	overflow: hidden;
}

#footer h4
{
	font-size: 13.77px;
	color: #000;
	margin-bottom: 15px;
}

#footer .column
{
	padding: 10px 20px 20px 20px;
	height: 134px;
}

#footer .plan
{
	width: 235px !important;	
}

#footer .part
{
	width: 250px !important;
	padding: 10px 20px 20px 0 !important;
}

#footer .part h4
{
	text-align: center;
}

#footer .info
{
	width: 385px !important;
	padding-left: 40px !important;
}

#footer .left-spacing
{

}

#footer .left-spacing a
{
	color: #464749;
	font-weight: bold;
	text-decoration: underline !important;
}

#footer .border-left
{
	background: url(images/footer-divider.jpg) no-repeat 100% 50%;
}


#footer .column dl
{
	width: 400px;
	overflow: hidden;
	font-size: 11px;
}

#footer .column .grey a
{
	color: #938D99 !important;
}

#footer .column .small-space
{
	width: 200px;
}

#footer .column .small-space dd
{
	width: 100px;
}

#footer .column dt
{
	width: 70px;
	color: #464749;
	font-weight: bold;
	float: left;
	display: block;
	margin-bottom: 2px
}

#footer .column dd
{
	width: 150px;
	color: #464749;
	float: left;
	display: block;
	margin-bottom: 2px;
}

#footer .column dd address
{
	display: block;
	height: 45px;
}

#footer .column .number
{
	width: 80px;
	margin-left: 10px;
}

#footer .column dd a
{
	color: #464749;
	text-decoration: none;
}

#footer .column .active a
{
	color: #464749;
	font-weight: bold;
	text-decoration: underline;
}

#copy
{
	overflow: hidden;
	padding-top: 10px;
}

#copy .copy-text
{
	float: left;
	line-height: 25px;
	font-size: 10px;
}

#copy .copy-text a
{
	color: #000;
	text-decoration: underline;
}

#copy .badges
{
	float: left;
	margin-left: 5px;
}

#copy .site-by
{
	float: right;
	line-height: 25px;
	font-size: 10px;
}

#copy .site-by a
{
	color: #000;
	text-decoration: underline;
}

#the-logo 
{
	display: block;
	text-align: center;
	margin-top: 6px;
}

/* 
	*************
	* WORDPRESS *
	*************
*/ 

.wp-left-column
{

	margin: 0;
	padding: 30px 0 0 0;
	clear: both;
}

.no-pad
{
	padding: 10px 0 0 0 !important;
}

.widget-right
{
	margin: 20px 0 20px 0;
}

.widget-right h3
{
	color: #464749;
	font-size: 17px;
	margin: 10px 0 10px 0;	
}

.widget-right h3 a
{
	color: #464749;
	font-size: 17px;
	margin: 10px 0 10px 0;
	text-decoration: none;
}

.widget-right ul
{
	
}

.widget-right ul li
{
	margin-bottom: 10px;
}

.widget-right ul li .entry-content, .widget-right ul li .entry-meta
{
	font-size: 11px;
}

.widget-right ul li .entry-content a, .widget-right ul li .entry-meta a
{
	color: #E9014A;
}

.widget-right ul li .entry-content a:hover, .widget-right ul li .entry-meta a:hover
{
	color: #00988b;
}

#events-calendar
{
	padding-left: 10px;
}

.comment-reply-link
{
	display: none;
}

/* 
	**********
	* FLICKR *
	**********
*/ 

#flickr_badge_uber_wrapper
{
	overflow:hidden;
}

#flickr_badge_uber_wrapper .flickr_badge_image
{
	float: left;
	display: block;
	margin: 0 7px 5px 0;
}

.flickr_badge_beacon
{
	display: none;
}

/* 
	********************
	* SOCIAL BOOKMARKS *
	********************
*/ 

.social_bookmark
{
	display: none;
	background: #ececee;
	border: solid 1px #CCC;
	padding: 10px;
}

.social_bookmark em
{
	display: block;
	text-align: left;
	font-size: 16px;
	padding-bottom: 5px;
	border-bottom: solid 1px #E5E5E5;
}

.postmetadata .share
{
	display: none;
}

/* Facebook */

#sfc_comm_share 
{
	margin-right: 5px;
}

.no-facebook .fb-like
{
	display: none !important;
}

.sociable_tagline
{
	display: none;
}

.fbc_loginstate_top
{
	display: none;
}