/* @override http://www.lesfeesduberceau.com/wp-content/themes/centivio/style.css */

/*  

Theme Name: Centivio
Theme URI: http://www.templatesquare.com/
Description: Centivio is clean web 2.0 style template for business, company and corporate website. This theme comes with 10 color version for you can easily choose the color base on your business brand.
Version: 1.3
Author: templatesquare
Author URI: http://www.templatesquare.com/
Tags: two-columns, fixed-width, threaded-comments, sticky-post, white, blue, black, green
*/

/* Begin Typography & Colors */
.thread-alt{background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1{border: 1px solid #ddd;}
.even, .alt {border-left: 1px solid #ddd;}
#sidebar .email a {color:#9d0031}
small {
	font-family:Tahoma, Arial, Verdana;
	font-size: .9em;
	line-height: 1.5em;
	}


.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
	
.sticky h2 {padding-top: 10px;}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Tahoma, Arial, Verdana;
	}
	
.commentlist li ul li {font-size: 1em;}

.commentlist li {font-weight: bold;}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Tahoma, Arial, Verdana;
	}

.commentmetadata {
	font-weight: normal;
	}


code{
	font-family:Tahoma, Arial, Verdana;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
	}

acronym, abbr, span.caps{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em Tahoma, Arial, Verdana;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */


/*	Begin Headers */
h1, h2, h3, h4, h5 {margin:0px 0px 15px 0px; font-family:Garamond, serif; font-weight:normal;}
h1 {font-size:28px; line-height:30px;}
h2 {font-size:26px; line-height:28px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:16px; line-height:18px;}
h5 {font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	border:solid 1px #d1d1d1;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	/* width: 102px; */
}

/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

.entry li ol,
.entry li ul
{
	margin-bottom:0;
	margin-top:0;
}
.entry li ol{list-style:decimal;}


.entry{padding:10px 0px;
}

.entry ul li:before, #sidebar ul ul li:before {
	}
	

.entry ul{margin:0px 0 30px 30px;}

.entry ol {
	padding: 5px 0 20px 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}
#richtext-6
{	font-family: Garamond, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;}
#richtext-10
{       font-family: Garamond, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;}
#richtext-12
{	
        font-family: Garamond, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;}	


.widgettitle {
	font-style: normal;
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li, .sidebar_footer ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 30px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 0px 0 0px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 0px 0 0 0px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 0px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul li a, #sidebar ul li a:visited{color:#fff; font:16px Garamond, serif;
                font-weight:bold;
                }
 #sidebar ul.actu li a, #sidebar ul.actu li a:visited{color: rgb(68, 68, 68);
                font-weight: normal;
	font-style: normal;
}


#sidebar ul.actu li {
	margin-bottom: 0;
	color: gray;
}
#sidebar ul li a:hover{text-decoration:underline;}
#sidebar ul ul li li, .sidebar_footer ul ul li li{margin:0px; border:none;}	
#sidebar ul ol{margin:0px; padding:0px 0px 0px 0px;}
	
#sidebar ul ol li {
	margin: 0px 0 0;
	padding: 0 0px 8px 10px;
	}
	
#sidebarbox ul, #sidebarbox ul ol {
	margin: 0;
	padding: 0;
	}

#sidebarbox ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 30px;
	}

#sidebarbox ul p, #sidebarbox ul select {
	margin: 0px 0 0px;
	}

#sidebarbox ul ul, #sidebarbox ul ol {
	margin: 0px 0 0 0px;
	}

#sidebarbox ul ul ul, #sidebarbox ul ol {
	margin: 0 0 0 0px;
	}

#sidebarbox ul ol li {
	list-style: decimal outside;
	}

#sidebarbox ul li a, #sidebarbox ul li a:visited{color:#fff; font:12px Garamond, serif;}
#sidebarbox ul li a:hover{text-decoration:underline;}
#sidebarbox ul ul li li{margin:0px; border:none;}	
#sidebarbox ul ol{margin:0px; padding:0px 0px 0px 0px}
	
#sidebarbox ul ol li {
	margin: 0px 0 0;
	padding: 0 0px 8px 10px;
	}

	
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 0px auto;
	padding:0px;
	}
	
#sidebar #searchform{text-align:center;}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	padding:0px 0px 0px 2px;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar{padding:0px 0 0px 0;margin:0px;}
#sidebar form {margin: 0;}
/* End Sidebar */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 100%;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
      	margin: 15px 30px 0 10px;
	padding:0px 0px 10px 30px;
	background-image:url(images/quote_top.png);
	background-position:left top;
	background-repeat:no-repeat;
	}
	
	
.entry blockquote{
	background-image:url(images/quote_top.png);
	background-repeat:no-repeat;
	font-size: 15px;
	letter-spacing:0px;
	line-height:25px;
	margin-bottom: 05px;
	color:#333;
	padding: 0 0 0 20px;
}
.entry blockquote.left, .entry blockquote.right  {
	background-image:url(images/quote_top.png);
	background-repeat:no-repeat;
	color:#333;
	float:right;
	font-size: 15px;
	letter-spacing:0px;
	line-height:25px;
	margin-bottom: 0;
	margin-left:20px;
	margin-top:5px;
	padding:5px 0 0 20px;
	width:53%;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
 	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
 	}

.navigation .alignleft a, .navigation2 .alignleft a,
.navigation .alignright a, .navigation2 .alignright a{border:solid 1px #e2e2e2; padding:6px; float:left; }
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.aligncenter{border:solid 1px #ccc; padding:6px; margin-bottom:10px; background-color:#fff}

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

/* WIDGET */
.ctbox{padding:6px;}
.ctbox ul{list-style-type:none; padding:0px; margin:0px;}
.ctbox ul li{list-style-type:none; padding:0px; margin:0px;}

/* ------------------------------------------------------ For Frame ------------------------------------------------*/
html,body{height:100%}
body {
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#4c4c4c;
	height:100%;
	line-height:18px;
}
.clr{clear:both}
.clear{clear:both;
	height: 10px;
}
.space{clear:both;
	height: 20px;
}
a img{border:none}
.imgleft{float:left; padding-right:12px;}
.imgright{float:right; padding-left:12px;}
hr {
	border:0;
	height: 1px;
	margin-bottom: 18px;
	clear:both;
	background-color: #E7E7E7;
}

form{margin:0; padding:0;}

* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
p{margin:0px 0px 12px 0px; text-align: justify;}
/*** CENTERCOLUMN ***/
#centercolumn{width:980px; margin:0px auto 0px auto;}
/*** END OF CENTERCOLUMN ***/

#header{height:320px; width:980px; background-image:url(images/bg_header.gif); background-repeat:no-repeat;
       }
#header_content{padding:14px 0px 0px 0px;}

#header_cu3er{height:320px; width:980px; background-image:url(images/bg_header.gif); background-repeat:no-repeat;}


/*** FRONTPAGE SLIDESHOW ***/
#slides_container{height:303px; width: 399px; background-image:url(images/bg_slides_container.png); background-repeat:no-repeat; background-position: center; float:left;}
.pics { height: 272px; width: 364px; margin:13px 0px 0px 18px; overflow: hidden }
.pics img { height: 272px; width: 364px;}
/*** END OF FRONTPAGE SLIDESHOW ***/


/*** TOP ***/
#top{ height:235px; width:980px; }
#logo{ margin-left:auto; margin-right:auto; }
#logo h1{font-size:44px; line-height:46px; margin-bottom:5px;}
#pad_logo{ padding:10px 0px 0px 20px;}
#logo_image{ padding:20px 0px 0px 0px;}
#contact{background-image:url(images/bg_contact.gif); width:248px; height:98px; float:right; margin-top:18px;}
#contact ul{margin:0px; padding:0px 0px 0px 15px;}
#contact ul li{list-style-type:none; padding:5px 31px;}
#contact ul li a, #contact ul li a:visited{color:#444444; text-decoration:none;}
#contact ul li.url{background-image:url(images/icon_lcd.png); background-repeat:no-repeat; background-position:0 8px;}
#contact ul li.mail{background-image:url(images/icon_email.png); background-repeat:no-repeat; background-position:0 8px;}
#contact ul li.phone{background-image:url(images/icon_phone.png); background-repeat:no-repeat; background-position:5px 4px;}
#topmenu{width:980px; float:left; height:90px;}


/* Top Navigation bar menu styling */

#nav {
		width: 100%;
                float: left;
		margin: 32px 0 0 0;
		padding: 0;
		list-style: none;
		
}
#nav ul {
    list-style: none;
    width: 980px;
    margin: 0 auto;
    padding: 0; }
              
	#nav li {
		float: left; 
		font:18px Garamond, serif;
                font-weight:bold;
                text-transform:uppercase;
	        list-style: none;
		}
	#nav li a {
		display: block;
		padding: 10px 22px;
		text-decoration: none;
		font-weight: bold;
		color: #fff;
		border-right: 1px solid #d91c52; }
	#nav li a:hover {
		color: #fff;
		background-color: #d91c52; }


/*** END OF TOP ***/

/*** CONTENT ***/
#content{width:980px;}
#padding_content{ padding:60px 0px 30px 0px; float:left}
#maincontent{ padding:0px 0px 0px 0px;}

/* main */
#main{width:640px; float:left;}
#mainfull{width:auto;}
#maintext{padding:0px 30px 20px 20px}
#maintext_portfolio{padding:0px 0px 0px 0px}
.boxtop{ width:270px; float:left; padding:0px 0px 0px 0px;}
.spacer{width:50px; float:left; display:block; height:100px;}
h2.pagetitle{margin:0px 0px 8px 0px; text-transform:capitalize;}
.title h2{margin:0px 0px 8px 0px; font-size:22px;}
.title h3{margin:0px 0px 8px 0px;}
.post{margin-bottom:20px;}
.searchresult .entry{padding:0px 0px 10px 0px;}
.searchresult .post{margin-bottom:8px;}
.portfolio-image{width:286px; height:187px; float:left;}
.portfolio-image img{border:solid 1px #d1d1d1; padding:5px 5px;}
.sidebar_header_home h1{color:#4c4c4c !important;}
/*** PORTFOLIO ***/
.boxite{
	width: 298px;
	height:187px;
	float: left; /*leave this value alone*/
	position:relative;
	margin:12px 12px;
}

* html .boxite{margin:6px 6px;}
.boxmeta{
	height:60px;
	width:288px;
	padding:5px 5px 0px 5px;
	display: none;
	position:absolute;
	top:129px;
	overflow: hidden;
	z-index: 20;
	left:6px;
	background-image:url(images/glow.png);
	background-repeat:repeat;
	margin:0px 0px 0px 0px;
}
* html .boxmeta{background-image:none; background-color:#565656;}
.boxmeta p{color:#ffffff; margin:0px;}
.boxmeta a, .boxmeta a:visited{color:#ededed; text-decoration:underline;}
.boxmeta h4{color:#ffffff; font-size:12px; font-weight:bold; margin:0px !important;}
#sidebar_portfolio ul{margin:0px auto; padding:0px; list-style-type:none;}
#sidebar_portfolio ul ul{margin:0px auto; padding:0px; list-style-type:none; background-image:url(images/bg_shadow.gif); background-repeat:no-repeat; background-position:center bottom; height:60px; width:400px; text-align:center}
#sidebar_portfolio ul li li{margin:0px 8px 0px 0px; padding:0px 0px 0px 10px; list-style-type:none; display:inline;}
/* side */
#side{width:323px; float:left;}
.sidebox{  padding:0px 10px 10px 0px;}
.contentbox{padding:10px 18px 30px 18px;}
.contentbox h2, .contentbox p{color:#fff;}
.side_bg{
	background-image:url(images/bg_sideglow.gif);
	background-repeat:no-repeat;
	background-position:top left;
	min-height:282px;
	padding:0px 0px 0px 27px;
}
* html .side_bg{height:282px;}
.sidebox blockquote{margin:0px !important; padding:20px 0px 15px 0px !important; background-image:url(images/quote_top.png); background-repeat:no-repeat;}
.sidebox blockquote div{background-image:url(images/quote_bottom.gif) ; background-position:right bottom ; background-repeat:no-repeat; padding:0px 8px 30px 20px;}

.sidetext{padding:0px 20px 0px 27px;}
.but{vertical-align:middle;}
* html .but{vertical-align:top; margin-top:2px;}
.inputbox01{width:205px; border:0px; vertical-align:middle; padding:4px 4px 6px 3px; color:#fff; background-image:url(images/bg_input_src.png); background-repeat:no-repeat; margin-right:5px; background-color:transparent;}
#newsletter fieldset{border:0px;}
/*** END OF CONTENT ***/

/*** FOOTER ***/
#footer{ width:980px; margin:0px auto; color:#fff !important;}
#footer a, #footer a:visited{color:#fff; text-decoration:none;}
#foot a:hover{text-decoration:underline;}

/*** CONTENT BOTTOM ***/
#content_bottom{min-height:215px; width:980px; margin:0 auto;}
.box_bottom{width:290px; float:left; padding:20px 0px 0px 0px}
.separator_box{float:left; width:40px; height:100%;}
.box_bottom, .box_bottom p{color:#fff}
.box_bottom ul li a, .box_bottom ul li a:visited{color:#fff; text-decoration:none;}
.box_bottom ul li a:hover{text-decoration:underline !important;}
ul.listimg{list-style-type:none; margin:0px; padding:0px;}
ul.listimg li{background-image:none; padding:0px 8px 4px 0px; border-bottom:none; display:inline; float:left;}
.sidebar_footer ul{list-style-type:none; padding:0px; margin:0px;}
.sidebar_footer h2{color:#fff; font-size:18px;}

.sidebar_footer ul ul li {
list-style-type:none; border-bottom:solid 1px #e6e6e6; padding:8px 10px; margin:0px;
	font-family: Garamond, serif;
}

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

	background-repeat:no-repeat;
	width:303px;
	height:140px;
}

#twitter p{
	padding:5px 23px 10px 10px;
	font-size:11px;
	font-family:Tahoma, Arial, Verdana;
}
#twitter_update_list li {
	list-style-type: none;
	padding:5px 23px 10px 10px;
	margin:0px !important;
	font-size:11px;
	font-family:Tahoma, Arial, Verdana;
	text-align:left !important;
}


/*** END OF CONTENT BOTTOM ***/
#foot_copyright{
	margin:20px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	text-align:center;
	color:#fff;
	font-size: 9px;
	
}
#foot_copyright a, #foot_copyright a:visited{color:#fff;}
#foot_copyright a:hover{text-decoration:underline;}
/*** END OF FOOTER ***/

/*****Forms*****/
form{margin:0; padding:0; font-family:Tahoma, Arial !important;}
fieldset{border:0px;}
.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { background: #F2F3F6; border: 1px solid #7E8AA2; padding:10px; }

#contactForm{}
#contactForm ol.forms { float: left; list-style: none; margin: 0; width: 100%; }
#contactForm ol.forms li { 
	clear: both; 
	float: left; 
	margin-bottom: 18px; 
	position: relative;
	width: 100%;
	list-style-type:none;
}
ol.forms label {
	cursor: pointer;
	display: block;
	font-weight:normal;
	padding:0px 20px 3px 0px;
	width: 100px;
}
ol.forms input{
background-image:url(images/inputbox.gif); width:280px; background-repeat:no-repeat; padding:5px 5px 11px 5px; margin:0px; border:0px;}
ol.forms textarea {background-image:url(images/bg_textarea.gif); background-repeat:no-repeat; border:0px; width:388px; height:111px; margin:0px; padding:8px;  font-family:Tahoma, Arial !important; font-size:12px;}
ol.forms li.buttons button {
background-image:url(images/but_submit.png); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:69px; height:26px; cursor:pointer; float:right; margin-right:190px;}

ol.forms input:focus, ol.forms textarea:focus {border-color: #ff9800; border:0px; }
.error { color: #f00; }
ol.forms li .error { font-size: 10px; margin-left:0px; }
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top:80px;
	width:auto;
}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button:hover { color: #222; }
ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ol.forms li.buttons, ol.forms li.inline { float: right; width: 460px; }
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: auto; }

/*** DRAPEAUX ***/

	#nav li.flag {
	float: left;
	width: 75px;
	margin-left: 0;
}
	#nav li.flag a {
		display: block;
		border-right: none;
	padding-top: 0;
	padding-left: 0;
	margin-left: 0;
}
	#nav li.flag a:hover {
		color: #fff;
		background-color: #d91c52;
	height: 30px;
}

/*** PRESENTATION ***/

#maincontent a {
	text-decoration: underline;
}


/*** LIEN FACEBOOK TWITTER ***/

#bubble2 {
	list-style: none;
	margin: 20px 0px 0px;
	padding: 0px;
}
#sidebar #bubble2 li {
	display: inline-block;
	margin: 0px 5px;
	padding: 0px;
	width: 72px;
	height: 72px;
}

#bubble2 li a img {
	position: relative;
	border: none;
}

#bubble2 li a img.large {
	display: none;
}

#bubble2 li a:hover img.small {
	display: none;
	z-index: 0;
}

#bubble2 li a:hover img.large {
	display: block;
	margin-top: -28px;
	margin-left: -28px;
	z-index: 1000;
}


.sidebar_footer ul ul.expert li {
	background: url(http://www.lesfeesduberceau.com/wp-content/themes/centivio/style/black/arrow_large.gif) no-repeat 0 11px;
	padding-left: 20px;
	border-bottom-style: none;
	font-size: 130%;
}

div.youtube {
	padding-left: 90px;
}

.rss h2.widgettitle {
	background: url(images/rss.png) no-repeat 0 center;
	padding-left: 25px;
	margin-left: -25px;
}


span.gris {
	font-family: Garamond, serif;
}

bouton::-moz-focus-inner { border: 0pt none; }
a.bouton { font-size: 11px; padding: 2px 10px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; background-position: left top; background-image: url('images/bg_tab_span3.png');
	text-decoration: none !important;
}
a.bouton { border: 1px solid rgb(204, 204, 204); color: rgb(25, 25, 25); background-color: rgb(236, 236, 236); }
a.bouton:hover { border: 1px solid rgb(119, 119, 119); }


/* column */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.one_fourth{width:22%; }
.one_half,.one_third,.one_fourth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }

.two-col1{float:left; width:47%;}
.two-col2{float:left; width:47%; margin-left:6%}
.three-col1{float:left; width:30%;}
.three-col2{float:left; width:31%; margin-left:4%}
.three-col3{float:left; width:31%; margin-left:4%}
* html .three-col2{float:left; width:30%; margin-left:3%} 
* html .three-col3{float:left; width:30%; margin-left:3%} 

.col1{width:47%; float:left; }
.col2{width:47%; float:left; margin-left:6%}

/* Dropcaps */

.letercap{
	color:#333333;
	display:block;
	float:left;
	font-size:40px;
	line-height:40px;
	margin:0 8px 0 0;}


.bk-right{ float:right; width:30%; margin-left:20px;}
.bk-left{ float:left; width:30%;}

/* Highlight */

.highlight1{padding:1px 4px;background-color:yellow;color:#111;}	
.highlight2{padding:1px 4px;background-color:#111;color:#eee;}



.caption {
border:1px solid #222;
margin:18px 0;
padding:15px;
color: #333;
font-size: .9em;
line-height: 125%;
-webkit-border-radius:4px;
-moz-border-radius:4px
}
span.caption-title {
background:#fff none repeat scroll 0 0;
display:block;
font-weight: bold;
margin-top:-24px;
padding:0 8px;
position:absolute;
color: #9d0132;
	font-size: 1.4em;
}
.caption a {
	text-decoration: underline;
}
.caption.red {
border: 1px solid #9d0132;
color: #333;
	margin-top: 30px;
}

div.caption.red ul li {
	list-style-type: none;
	list-style-image: url(images/play.png);
	margin-bottom: 30px;
}

div.caption.red h3 {
	margin-bottom: 10px;
}

#maincontent div.caption.red a {
	text-decoration: none;
}

#available_spaces-1 {
	float: right;
}

div.enregistrer {
	width: 450px;
}

.entry form#registration_form {
	text-align: left;
}

h3.event_title {
	color: #9d0132;
	font-weight: bold;
}

div.detail { background: none repeat scroll 0% 0% rgb(255, 255, 221); border-left: 5px solid rgb(204, 204, 204); font: 1em/1.5; margin: 15px 0pt; padding: 10px 15px ! important; }



	
/* Start Button Styles --------------------------------------------- */
input[type="button"], button {
border:0 none;
font:inherit;
}
*:focus{outline:0 none;}
input[type="submit"] {border:1px solid rgba(0, 0, 0, 0.25);}
input[type="button"], button {-moz-box-sizing: content-box;}
input[type="button"]::-moz-focus-inner, button::-moz-focus-inner { padding:0;border:0 none; }/*fixes mozilla button padding */
.clearfix:after {
clear: both;
content: '.';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
/* General Button Styles, Cascades Down To Every Button ------------- */
.button {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
background:#222222 url(button-images/button-overlay.png) repeat-x;
border:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF !important;
cursor:pointer;
display:inline-block;
font-size:13px;
font-weight:bold;
line-height:1;
overflow:visible;
padding:5px 15px 6px;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
width:auto;
text-align:center;
}
#maincontent a.button {
	text-decoration: none;
}

#sidebarbox ul li#richtext-8 div.textwidget p {
	margin-top: 10px;
}

#sidebarbox ul li#richtext-8 div.textwidget p a {
	font-size: 14px;
	font-weight: bold;
}

.button:hover {
background:#111111;
color:#FFFFFF;
}
.button:active {
background:#242424;
}
.green.button {
background-color:#91BD09;
}
.green.button:hover {
background-color:#749A02;
}
.green.button:active {
background-color:#a4d50b;
}
.blue.button {
background-color:#0E59AE;
}
.blue.button:hover {
background-color:#063468;
}
.blue.button:active {
background-color:#1169cc;
}
.purple.button {
background-color:#660099;
}
.purple.button:hover {
background-color:#330066;
}
.purple.button:active {
background-color:#7f02bd;
}
.breen.button {
background-color:#2DAEBF;
}
.breen.button:hover {
background-color:#007D9A;
}
.breen.button:active {
background-color:#36cbdf;
}
.red.button {
background-color:#CC0000;
}
.red.button:hover {
background-color:#990000;
}
.red.button:active {
background-color:#ea0202;
}
.magenta.button {
background-color:#A9014B;
}
.magenta.button:hover {
background-color:#630030;
}
.magenta.button:active {
background-color:#ce025c;
}
.orange.button {
background-color:#FF5C00;
}
.orange.button:hover {
background-color:#D45500;
}
.orange.button:active {
background-color:#fd762a;
}
.yellow.button {
background-color:#FFE115;
}
.yellow.button:hover {
background-color:#E4C913;
}
.yellow.button:active {
background-color:#fee539;
}
.white.button {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color:#666666 !important;
font-weight:normal;
text-shadow:0 1px 1px #FFFFFF;
}
.white.button:hover {
background-color:#EEEEEE;
}
.white.button:active {
background-color:#ffffff;
}
.gray.button {
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
background: #FFFFFF url(button-images/button-overlay-black.png) repeat-x 0 bottom;
border:1px solid #BBBBBB;
color:#555555 !important;
text-shadow:0 1px 1px rgba(255, 255, 255, 0.5);
}
.gray.button:hover {
background-color:#EEEEEE;
border-color:#999999;
color:#444444 !important;
}
.gray.button:active {
background-color:#ffffff;
}
/* Small Buttons -------------------------------------------------- */
.small.button {
font-size:11px;
padding:5px 15px 6px;
background-image:url(button-images/small-button-overlay.png);
}
input[type="submit"].small.button, .small.button.input {
padding:3px 15px 4px;
}
input[type="button"].small.button, button.small.button {
padding:4px 15px;
}
/* Large Buttons ------------------------------------------------- */
.large.button {
font-size:14px;
padding:8px 19px 9px;
background-image:url(button-images/large-button-overlay.png);
}
input[type="submit"].large.button, .large.button.input, input.btn_event_form_submit {
padding:6px 16px 6px;
}
input[type="button"].large.button, button.large.button {
padding:7px 16px;
}
/* Tall Buttons ------------------------------------------------- */
.tall.button {
font-size:14px;
padding:8px 19px 9px;
background-image:url(button-images/tall-button-overlay.png);
}
.tall.gray.button {
background-color:#FFFFFF;
background-image: url(button-images/tall-black.png);
background-repeat:repeat-x;
}
.tall.gray.button:hover {
background-color:#EEEEEE!important;
border-color:#999999;
color:#444444 !important;
}
.tall.gray.button:active {
background-color:#FFFFFF!important;
}
.tall.button em {
font-size:11.5px;
font-style:normal;
display:block;
margin-top:5px;
}
/* Round Buttons ------------------------------------------------ */
.round.button {
-moz-border-radius:15px 15px 15px 15px;
-webkit-border-radius:15px 15px 15px 15px;
border-radius:15px 15px 15px 15px;
background-image:url(button-images/round-button-overlay.png);
border:1px solid rgba(0, 0, 0, 0.25);
font-size:13px;
padding:0;
}
.round.button span {
-moz-border-radius:14px 14px 14px 14px;
-webkit-border-radius:14px 14px 14px 14px;
border-radius:14px 14px 14px 14px;
display:block;
line-height:1;
padding:4px 15px 6px;
}
.round.button.input {
padding:3px 13px 4px;
}
.small.round.button {
-moz-border-radius:12px 12px 12px 12px;
font-size:11px;
}
input[type="button"].round.small.button, button.round.small.button {
padding:0;
}
.small.round.button span {
-moz-border-radius:11px 11px 11px 11px;
padding:6px 15px 6px;
}
.large.round.button {
-moz-border-radius:18px 18px 18px 18px;
background-position:left bottom;
}
.large.round.button span {
-moz-border-radius:17px 17px 17px 17px;
font-size:14px;
padding:7px 20px 9px;
}
.large.tall.round.button small {
display:block;
margin-top:5px;
}