/*
/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: kubrick

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/wp-content/themes/defaultWithChange/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

*/
/*

Nouvelles couleurs :
orange : #d94901
bleu : #61a4d2
Anciennes couleurs :
orange : #ff4c00
bleu : #004e9a
*/

/* Begin Typography & Colors */
html {
	margin: 0;
	padding: 0;
	background-color: #737373;/*d2ecf9;*/
}
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial , Verdana, Sans-Serif;
	background-color: #737373;/*#d2ecf9;*/
	color: #61a4d2;
	text-align: center;
	}

h1 {
	margin: 0px;
}

#page {
	text-align: left;
}

#header {
}

#content {
	backgroud: #ff0;
}



#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}


#sidebar {
/*	background: green;*/
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

a, h2 a:hover, h3 a:hover {
	color: #61a4d2;
	text-decoration: none;
	}

a:hover {
	color: #61a4d2;
	text-decoration: underline;
}

/* End Typography & Colors */



/* Begin Structure */

#page {
	width: 900px;
	padding: 20px 0px;
	background-color: #b7b7b7;
	margin: 0px auto;
	background-image: url(images/content_bg_01.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#pagelevel1 {
	overflow: hidden;
	background-image: url(images/bande_vert_bg_01.gif);
	background-position: 20px center;
	background-repeat: repeat-y;
	padding: 0;
}

#pagelevel2 {
	padding-left: 50px;
}

#content {
float: left;
	width: 559px;
	overflow: hidden;
}

#content .contentlist h2 {
	font-size: 15px;
	font-weight: normal;
	margin: 0px;
}

#content .contentlist h2.deco {
	background-image: url(images/before_title_01.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 61px;
	height: 71px;
	color: #61a4d2;
	font-size: 18px; 
	font-family: verdana;
	font-weight: bold;
	margin: 0px;
}

.page-id-26 #content .contentlist h2.deco {
	background-image: url(images/before_title_contact_01.gif);
}

#content .contentlist h3 {
	color: #d94901;
	font-size: 18px;
	margin: 0px;
}

#content .contentlistsub {
	position: relative;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/defaultWithChange/images/contentlist_bg_02.png',sizingMethod='scale');*/
	/*background: transparent url(images/contentlist_bg_bottom_02.png) repeat-y;*/
	/* *background: none; */ /* IE */
	width: 559px;
}

#content .contentlistsubsub {
	background: transparent url(images/contentlist_bg_02.png) repeat;
	background-position: center top;
	width: 559px;
	padding: 0px 0px 0px 0px;
}

#content .contentlistsubsubsub {
/*
	background-image: url(images/contentlist_bg_02.png);
	background-repeat: no-repeat;
	background-position: center 597px;
*/
	width: 479px;
	padding: 0px 40px 0px 40px;
}

.category/*-actus*/ #content .contentlist .post h2 {
	color: #d94901;
	font-size: 18px;
	font-family: verdana;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 20px;
}

.post a {
	color: #d94901;
	text-decoration: underline;
}

.post h2 a {
	color: #61a4d2;
	text-decoration: none;
}

#content .contentlist .post .entry {
	width: 480px;
	overflow:hidden;
}

#content .contentlist .post .entry h2 {
	color: #d94901;
	font-size: 16px;
	font-family: verdana;
	font-weight: bold;
	margin: 0px;
	margin: 10px 0px;
}

#content .contentlist .post .entry h3 {
	color: #61a4d2;
	font-size: 14px;
	font-family: verdana;
	font-weight: bold;
	margin: 0px;
	margin: 10px 0px;
}

#content .contentlist .post .entry h4 {
	color: #61a4d2;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	margin: 10px 0px;
}

.category-acceuil #content .contentlistsubsubsub {
	width: 489px;
	padding: 0px 30px 0px 40px;
}
#content .contentlist .cdc .cdctext {
	position: relative;
	height: 208px;
	width: 249px;
	margin-left: 240px;
	background-image: url(images/cdc_more_01.png);
	background-position: right top;
	background-repeat: no-repeat;
	overflow: hidden;
}

#content .contentlist .cdc .cdctext a.more {
	position: absolute;
	top: 0px; 
	right: 0px;
	display: block;
	height: 40px;
	width: 40px;
	z-index: 5000;
}

#content .contentlist .cdc .cdctext .content {
	color: #fff;
	padding-top: 40px;
	padding-left: 30px;
	padding-right: 25px;
	display: block;
	overflow: hidden;
	height: 158px;
}

#content .contentlist .cdc .linkillustration {
	position: absolute;
	display: block;
	left: 30px;
	height: 208px;
	width: 270px;
}

#content .contentlist .cdc {
	background-repeat: no-repeat;
	background-position: bottom left;
	display: block;
}


#content .contentlist p {
	margin: 0px;
	padding: 5px 0px;
}

#content .contentlist .article_sep{
	padding: 10px 0px;
	display: block;
}

#header {
	margin: 0px 20px;
	padding: 0;
	/*height: 200px;*/
	width: 810px;
	background-image: url(images/bande_horiz_bg_01.gif);
	background-position: center top;
	background-repeat: repeat-x;
}

#footer {
	background-image: url(images/bande_horiz_bottom_bg_01.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	position: relative;
}

#footer ul {
	margin: 0px;
	padding: 0px;
	position:absolute;
	text-align: left;
	bottom: 0px;
	right: 291px;
}

#navfoot li {
	font-size: 12px;
	display:inline;
	margin:0px 5px;
	list-style: circle ;
}

#header .clear {
	clear: both;	
}

#header h1 {
	display: none;
}

#headerform {
	position: relative;
	width: 185px;
	height: 125px;
	padding-top: 50px;
	float: right;
	background-image: url(images/acces_part_bg_02.gif);
	background-repeat: no-repeat;
	background-position: center 50px;
	text-align: center;
}

#headerform .linkdevpart {
	position: absolute;
	text-align:center;
	height: 20px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 185px;
}

#headerform .linkdevpart a{
	color: #d94901;
	font-size: 17px;
}

#headerform h4 {
	display:none;
}

#headerform  input {
	margin: 0px;
}

#headerform  input#user_login, #headerform  input#user_pass {
	border: none;
	background-color: #fff;
	height: 16px;
	padding: 2px;	
}

#headerform  input#user_login {
	margin-top: 16px;
	width: 140px;
}

#headerform  input#user_pass {
	margin-top: 10px;
	width: 120px;
}

#headerflash {
	float: left;
	width: 625px;
	height: 175px;
	background-image: url(images/temp/flash_header_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffff;
}

#headerinfo {
}

ul#headermenu  {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-image: url(images/menu_bg_01.gif);
	background-repeat: no-repeat;
	background-position: top center;
	height: 129px;
	display: block;
	clear: both;
	padding-left: 20px;
}


ul#headermenu li {
	font-size: 17px;
	margin-top: 37px;
	margin-right: 10px;
	display: block;
	float: left;
	height: 57px;
	background-image: url(images/menu_rollout_center_bg_01.gif);
	text-align: center;
	overflow:hidden;
}

ul#headermenu li a {
	text-decoration: none;
}

ul#headermenu li.current_page_item:hover,
ul#headermenu li.current-cat:hover,
ul#headermenu li.current_page_item,
ul#headermenu li.current-cat {
    background-position: top center;
	background-repeat: repeat-x;
	height: 80px;
	background-image: url(images/menu_current_center_bg_01.gif);
}

ul#headermenu li.current_page_item:hover  a,
ul#headermenu li.current-cat:hover a,
ul#headermenu li.current_page_item a,
ul#headermenu li.current-cat a{
    background-position: bottom center;
	background-repeat: no-repeat;
	background-image: url(images/menu_current_bottom_01.gif);
}


ul#headermenu li.current_page_item:hover  .before,
ul#headermenu li.current-cat:hover .before,
ul#headermenu li.current_page_item  .before,
ul#headermenu li.current-cat .before {
	background-image: url(images/menu_current_left_bg_01.gif);
}

ul#headermenu li.current_page_item:hover .after,
ul#headermenu li.current-cat:hover .after,
ul#headermenu li.current_page_item .after,
ul#headermenu li.current-cat .after {
	background-image: url(images/menu_current_right_bg_01.gif);
}

ul#headermenu li:hover,
ul#headermenu li:hover a {
	background-image: url(images/menu_rollover_center_bg_01.gif);
}
ul#headermenu li:hover .before {
	background-image: url(images/menu_rollover_left_bg_01.gif);
}

ul#headermenu li:hover .after {
	background-image: url(images/menu_rollover_right_bg_01.gif);
}


ul#headermenu li a {
	background-image: url(images/menu_rollout_center_bg_01.gif);
	padding: 10px 0px;
	margin: 0px;
	display: block;
	height: 37px;
	font-weight: bold;
	color: #fff;
	height: 60px;
}

ul#headermenu li .before {
	display: block;
	width: 6px;
	height: 57px;
	background-image: url(images/menu_rollout_left_bg_01.gif);
	float: left;
}

ul#headermenu li .after {
	display: block;
	width: 7px;
	height: 57px;
	background-image: url(images/menu_rollout_right_bg_01.gif);
	float: right;
}

/* sur une ligne */
ul#headermenu li.page-item-18 a,
ul#headermenu li.page-item-26 a,
ul#headermenu li.cat-item-1 a{
	padding-top: 20px;
	height: 50px;
}
ul#headermenu li.page-item-26 {
	width: 85px;
}
ul#headermenu li.cat-item-1  {
	width: 85px;
}
ul#headermenu li.cat-item-4 {
	width: 125px;
}

.page-item-18 {
	width: 140px;
}
.page-item-20 {
	width: 110px;
}
.page-item-24	 {
	width: 135px;
}
.page-item-35 {
	width: 140px;
}

.narrowcolumn {
	padding: 0px;
	margin: 0px;
}
	
.narrowcolumn .intro  {
	padding: 0px 20px;
}
.narrowcolumn .intro  h4 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #d94901;
}

.narrowcolumn .intro  p {
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	text-align: justify;
}

.narrowcolumn .intro  a.more {
	display: block;
	text-align: right;
	padding-bottom: 4px;
}

.widecolumn {
	padding: 0px;
	margin: 0px;
}

.post {
	text-align: justify;
}

.post hr {
	display: block;
	}
	
.clear {
	clear: both;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 810px;
	clear: both;
	margin-left: 70px;
}

/* End Structure */



.actus h3 {
	margin:0px;
	padding: 0px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(images/titre_actu_01.gif);
	height: 38px;
}

.actus h3 span {
	display: none;
}

.actus .link {
	padding-top: 10px;
	text-align: right;
}

.actus .link  a{
	color: #fff;
}

.actus  p {
	padding: 0px;
	margin: 0px;
}

.actus  h4 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	color: #fff;
	padding: 0px 0px 7px 0px;
}

#sidebar .newsletter h4 {
	display: none;
}

#sidebar .newsletter .content {
		padding-top: 18px;
	text-align: center;
}

#sidebar .newsletter .content .textfield {
	background-color: #eceded;
	border: none;
	height: 16px;
	padding: 2px;	
	width: 140px;
}
/*
.newslettercontainer {
	display: none;
}
*/
.category-accueil .newslettercontainer {
	display: block;
}

.page-id-24 .newslettercontainer {
	display: block;
}

.page-id-20 .webcallbackcontainer {
	display: none;
}

/* le WCB n'est pas près on ne l'affiche pas */
/*
.webcallbackcontainer {
	display: none;
}
*/

#sidebar .newsletter {
	background-image: url(images/sidebar_newsletter_01.png);
	width: 270px;
	height: 132px;
}

#sidebar div.orange {
	height: 1px;
	background-color: #d94901;
	margin-top: 15px;
	margin-bottom: 20px;
	overflow: hidden;
}

#sidebar div.blue {
	height: 1px;
	background-color: #61a4d2;
	margin-top: 15px;
	margin-bottom: 20px;
	overflow: hidden;
}

.actus  .content {
	padding: 20px 20px 0px 20px;
	color: #fff;
	margin: 0px;
	background-color: #76a7d0;
	background-image: url(images/actu_bg_01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 11px;
	line-height: 16px;
}

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

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

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

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}
	
body .entry ul {
	list-style-position: inside;
}
html>body .entry li {
	margin: 7px 0 8px 10px;
	}
	
.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

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

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

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

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

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

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

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

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

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	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;
	}

/* End Form Elements */




/* Begin Sidebar */
#sidebar
{
	padding: 0px 0px 10px 0px;
	margin-left: 559px;
	width: 271px;
}

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



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

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

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

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

.center {
	text-align: center;
	}

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

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	padding-right: 10px;
}
/* End Various Tags & Classes*/



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


.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 */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */