/*
Theme Name: Inspiration cuisine
Theme URI: http://www.inspiration cuisine.com/
Description: L'essentiel de votre cuisine.
Version: 1.0
Author: horla
Author URI: 
Tags: cuisine, blog, architecture

	Inspiration cuisine
	
*/
/*------------------------------------------------------------*/
/***************  TABLE OF CONTENTS   ***********************/

/*


****/	
/*------------------------------------------------------------*/
/***************          RESET      **************************/
* {
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
ol,ul,li {
	list-style: none;
}
/*------------------------------------------------------------*/
/***************  GENERAL ELEMENTS   **************************/


a{
	color: #000000;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 12px;
	padding: 2px;
}
select{
	padding: 0;
}
li{
	list-style: none;
}

/* Lets Begin */
html, body {
font-size: 12px; /* Resets 1em to 10px */
font-family: Arial, Helvetica, sans-serif;
background: #FFFFFF url(images/fond.jpg) top left repeat-x;
color: #000000;
margin: 0;
padding: 0;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}

h1, h2, h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

h1 {
font-size: 4em;
text-align: justify;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.3em;
margin: 0;
padding: 0;
}

a:link, a:visited {
color: #333333;
text-decoration: none;
}

a:hover {
color: #7c1f24;
text-decoration: none;
}

.clear {
clear: both;
}

p {
margin: 0 0 10px 0;
}
/* And... Moving On */

.wrapper {
width: 1020px;
margin: 0px auto 0px 10px;
/*border: 1px solid red */;
}


/* Begin Page Navigation */



/*******************************/
/* Begin Header */
/*******************************/

#firsthead {
position:absolute;
border-bottom:1px solid #291C16;
display:block;
/*top:5px;*/
height: 22px;
width: 100%;
outline-style:none;
outline-width:0;
*margin-left: -850px; /* IE 7 and below */
_margin-left: -960px; /* IE6 exclusively */

/*border: 1px solid red; */
}

#firsthead ul {
display:block;
height:20px;
margin:0 auto;
/*border: 1px solid red */
background:transparent url(images/headtest.png) no-repeat 0px top;
} 

#firsthead ul li{
float:left;
list-style-type:none;
text-indent:-9999px;
} 

#firsthead ul li#ic a { 
display:block;
height: 22px;
width: 180px;
padding-right: 15px;
list-style-type:none;
text-indent:-9999px;
background:transparent url(images/headtest.png) no-repeat  0px 0;
} 

#firsthead ul li#ic a:hover { 
background:transparent url(images/headtest.png) no-repeat 0 -22px;
} 


#firsthead ul li#ib a { 
display: block;
height: 22px;
width: 180px;
list-style-type:none;
text-indent:-9999px;
background:transparent url(images/headtest.png) no-repeat -180px 0px;
} 

#firsthead ul li#ib a:hover { 
background:transparent url(images/headtest.png) no-repeat -180px -22px;
} 


#masthead {
	width:890px;
	height: 290px;
	padding: 0px 0px 2px;
/*border: 1px solid red;*/
float: left;
}

#logo {
float: left;
width: 530px;
height: 186px;
/*border: 1px solid green;*/
}

#topnav { 
background: url(images/menu_bande.png) no-repeat; 
width: 690px;
height: 36px;
float: left;
margin-top: 8px;
	margin-left: 6px;
/*border: 1px solid green;*/
}

#smoothmenu1{
float:left;
width: 683px;
height:18px;
margin-left: 0px;
background: #000000;
/*border-bottom: 1px solid red;*/
}


.ddsmoothmenu{
font: bold 10px Arial, Verdana, Helvetica, Geneva, sans-serif;
background: #414141; /*background of menu bar (default state)*/
width: 100%;
	top: 15px;
	margin-top: 17px;
	margin-left: 2px;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #000000; /*background of menu items (default state)*/
color: white;
border-right: 1px solid #778;
color: #2d2b2b;
text-transform: uppercase;
text-decoration: none;
text-align: center;
padding: 2px 7px 3px 7px;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
font: bold 10px Arial, Verdana, Helvetica, Geneva, sans-serif;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #424242; 
color: white;

}

.ddsmoothmenu ul li a:hover{
background: #424242; /*background of menu items during onmouseover (hover state)*/

color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{

position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;

float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
/*font: normal 13px Verdana; */
width: 120px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 4px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}
/************************/
/* End Header */
/************************/



/**********************/
/* Begin Home Page */
/**********************/


#secondarytop {
width: 870px;
float: left;
height: 7px;
background: #FFFFFF;	
/*border: 1px solid green;*/
}

#secondary {
width: 640px;
float: left;
background: none top right repeat-y;
	margin-top: 8px;
	/*padding-bottom: 150px;*/
}

/* Begin Secondary Pages */

/***************************/
/*========= Slide =========*/
/***************************/

#container{
	width: 620px;
	height: 240px;
	/*border: 1px solid #ddd;*/
	
	background:#FFFFFF;}
#container a { 
	color:white;
	text-transform: uppercase;
	font: 12px Arial, Verdana, Helvetica, Geneva, sans-serif;
}
	
#container a:hover {
	color:#7c1f24;
	text-decoration: none;
}

/*.thumbnail-div-featured {
	width: 620px; 
	height: 240px;
	position: relative;
	}*/

.featured-inside {
	position: absolute;
	top : 0px;
	width: 95px; 
	color:white;
	margin-left: 484px;
	background-image: url(images/featured-bg.png);
	overflow: hidden;
	height: 240px;
	padding: 5px;
	font: 11px Arial, Verdana, Helvetica, Geneva, sans-serif;
}
.titles-featured a, .titles-featured, .titles-featured a: visited{
	font-size: 11px; 
	color:white;
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
}



.next-button {
	display: none;
	position: absolute;
}
.prev-button {
	display: none;
	position: absolute;
}
#sections {
	background:#fff;
	overflow:hidden;
	width: 610px;
	height: 240px;
	float: left;
	margin-left: 10px;
	margin-right: 0;
	position: relative;
}
#sections ul {
	height: 240px;
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	width: 4000px;
}
#sections ul li {
	height: 240px;
	width: 610px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.prev {
	display: block;
	width: 13px;
	height: 50px;
	cursor: pointer;
	background-image: url(images/slide_g.png) ;
	position: absolute;
	top: 88px;
	z-index: 1;
	left: -2px;
}
.next {
	display: block;
	background-image: url(images/slide_d.png);
	width: 13px;
	height: 50px;
	cursor: pointer;
	position: absolute;
	top: 88px;
	left: 620px;
	z-index: 2;
}

#suite {

}
/***************************/
/*--------end slide---------*/
/***************************/

.title {
width: 645px;
float: left;
height: 36px;
background: url(images/titlebg.jpg) top left no-repeat;
}

.singletitle {
width: 645px;
float: left;
height: 40px;
background: url(images/titlebg.jpg) top left no-repeat;
}

.commentstitle {
width: 645px;
float: left;
height: 40px;
background: url(images/titlebg.jpg) top left no-repeat;
}

#postcontent {
padding: 0 0 5px 5px;
}

#postcontent li {
padding: 0 0 0 16px;
background: url(images/list.gif) top left no-repeat;
}

#postcontent ul {
margin: 5px 0 15px 0;
padding: 0;
list-style: none;
}

#location {
width: 960px;
height: 65px;
float: left;
color: #FFFFFF;
font-size: 16px;
}

#location p {
margin: 22px 0 0 0;
}

#location a:link, #location a:visited {
color: #FFFFFF;
text-decoration: none;
}

#location a:hover {
color: #C7CBC0;
text-decoration: underline;
}

#selectcatch {
display:block;
float:left;
width: 600px;
margin: 2px 0 2px 12px;
}

#homeboxline {
float: left;
width: 624px;
margin: 10px 0 10px 0px;
color: #000000;
/*border: 1px solid blue;*/
font: 12px Arial, Verdana, Helvetica, Geneva, sans-serif;
}

#homeboxline img {
width: 115px;
height: 115px;
float: left;
margin: 0 4px 8px 0;
/*border: 1px solid green;*/
}


#boxpost {
	width: 475px;
	float: left;
	height: 82px;
/*	border: 1px solid blue;*/
}

#homebox {
float: left;
width: 660px;
margin: 10px 0 10px 0;
color: #000000;
/*border: 1px solid blue;*/
}

#homebox img {
width: 117px;
height: 117px;
float: left;
margin: 0 8px 8px 0;
}


.boxitemline {
width: 600px;
height: 115px;
float: left;
border: 1px solid #ECECEC;
margin: 0 0 -1px 7px;
padding: 4px;
/*border: 1px solid red;*/
}

.boxitemline2 {
width: 600px;
height: 115px;
float: left;
border: 1px solid #ECECEC;
margin: 0 0 -1px 7px;
padding: 4px;
/*border: 1px solid red;*/
}

.boxitemline3 {
width: 600px;
height: 132px;
float: left;
border: 1px solid #ECECEC;
margin: 0 0 -1px 7px;
padding: 4px;
/*border: 1px solid red;*/
}

#catline {
width: 340px;
float: left;
font: 12px Arial, Verdana, Helvetica, Geneva, sans-serif;
/*font-weight: bold;*/
/*border: 1px solid red;*/
}

#itemline {
font-size: 11px;
width: 100px;
float: right;
	text-align: right;
/*border: 1px solid blue;*/
}

#boxtitle {
	text-transform: uppercase;
	padding: 2px 0;
	font-weight: bold;
}


.boxitem {
width: 297px;
height: 200px;
float: left;
border: 1px solid #ECECEC;
margin: 0 -8px -1px 6px;
padding: 4px;
/*border: 1px solid blue;*/
}

#homebox h5 {
font-size: 12px;
margin: 0;
padding: 0;
font-weight: bold;
	text-transform: uppercase;
}

.itemdets {
font-size: 11px;
width: 300px;
float: left;
margin: 2px 0 15px 0;
}

.morelink {
width: 150px;
float: none;
margin: 5px 0 0 0;
}

.featuredmorelink {
width: 150px;
float: left;
margin: 10px 0 0 0;
}

.morelink a:visited {
color: #851d33;
text-decoration: none;
}




/***************************/
/* End Home Page */
/***************************/

/***************************/
/* single */
/***************************/

#singlebox {
width: 145px;
height: 155px;
float: left;
border: 1px solid #ECECEC;
padding: 0 4px 4px;
	margin: 0 -8px 0 6px;
}

#stitle {
width: 130px;
float: left;
/*	border: 1px solid red;*/
	height: 34px;
	text-align: left;
	margin-bottom: 0;
	line-height: 10px;
	margin-top: 4px;
	font-size: 10px;
}

/***************************/
/* end single */
/***************************/

/***************************/
/* marques */
/***************************/
#mbox {
}


#minglebox {
width: 140px;
height: 155px;
float: left;
border: 1px solid #ECECEC;
padding: 0 4px 4px;
	margin: 0 -8px 0 6px;
}

#mtitle {
width: 138px;
float: left;
/*	border: 1px solid red;*/
	height: 30px;
	text-align: left;
	margin-bottom: 0;
	line-height: 15px;
	margin-top: 4px;
	font-size: 15px;
	font-variant: small-caps;

	margin-left: 0;
}

/***************************/
/* end marques */
/***************************/






/***************************/
/*-----Sidebar------*/
/***************************/

#sidebar {

/*border: 1px solid green;*/
float: left;
width: 320px;
	margin-left: 15px;
padding: 0px 0px 0px 0px;
}

#sidebar h2{
	background: #e5e5e5 none repeat scroll 0 0;
	/*border: 1px solid gray;*/
	color: #000000;
	font: bold 11px "Arial", Verdana, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	margin: 0 1px 10px 0;
	padding: 3px 0 3px 7px;
}

.video {
	background: #FFFFFF /*url(images/sidebartop.gif) top no-repeat*/;
	float: left;
	width: 300px;
	/*margin: 10px 0px 10px;*/
	padding: 5px 5px 5px 5px;
	
}
	
.video2 {
	background: #fff;
	float: left;
	width: 310px;
	height:370px;
	margin: 15px 0px 10px 12px;
	padding: 10px;
	
	}	
	

.titleside {
font: bold 12px/20px Verdana;
color:#000;
width: 100%;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
text-align: left;
/*	border: 1px solid #f94b3d;*/
background: url(images/sidebar_bande.gif) no-repeat 0px 4px;
padding-left: 16px;
/*border: 1px solid blue;*/
}

/* Begin Edito */
#edito {
float: left;
height: 180px;
	width: 282px;
	background-image: none;
	color: black;
	text-decoration: none;
	text-align: justify;
    padding: 8px 8px 8px 8px;
	margin-top: 5px;
	font: 12px Arial, Verdana, Helvetica, Geneva, sans-serif;
}



/* End Edito */

/* Begin spub */

.spub {
float: left;
   /* padding: 8px 8px 8px 8px;*/
    height:130px;
	margin-top: 8px;
	position:relative;
	/*border: 1px solid blue;*/	}
	
.spub p {position:relative; 
	width:175px; 
	padding-top: 0px ;
	padding-left:110px; 
	/*padding-right:50px*/
	text-align:justify;
	/*border: 1px solid blue;*/
	
	} 

.spub a img {
	position:absolute; 
	left:0;
	z-index: 1;
	/*border: 1px solid green;*/

	}

/* End spub */


/* Begin nletter */

.nletter {
float: left;
	width: 282px;
    padding: 8px 8px 8px 8px;
	margin-top: 5px;
	position:relative;
	/*border: 1px solid blue;*/
	}



#news-ticker {
background-color:white;
height:40px;
/*margin:20px;*/
overflow:hidden;
width:282px;
/*margin: -10px 0px 0px 0px;*/
}	

/* End Nletter */

/* Begin Flux */
.flux {
float: left;
height: 45px;
	width: 290px;
	background-image: none;
	display: block;
	text-align: left;
	margin-top: 5px;
	padding-top: 5px;
	padding-left: 8px;
}

.flux ul li a{
	color: black;
	vertical-align: top;
}


.flux ul li a:hover{
	color:#7c1f24;
	text-decoration: none;
}


/* End Flux */


/* Begin Search */
#searchwrap {
float: left;
height: 25px;
	padding-left: 0;
	width: 298px;
	margin-top: 2px;
}


#searchwrap input{
	
	vertical-align: middle;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	text-transform: none;
	margin-top: 5px;
	color: black;
}

#searchwrap #s{
width: 175px;
	height: 14px;
	padding-left: 4px;
	margin-left: 8px;
	border-bottom: 1px inset #d2d2d2;
}

#searchsubmit
{
	margin-left: 0;
	border-style: none;
}

#search-form2 #s{
width: 460px;
	height: 15px;
	padding-left: 0;
	margin-left: 76px;
	margin-top: 10px;
	border-bottom: 1px inset #d2d2d2;
}

#search-form2 input{   
font: 12px Arial, Verdana, Helvetica, sans-serif;
	text-transform: none;
	color: black;
	vertical-align: middle;
}

#search-form input{   
font: 12px Arial, Verdana, Helvetica, sans-serif;
	text-transform: none;
	color: black;
	vertical-align: middle;
}

#search-form #s{
width: 460px;
	height: 15px;
	padding-left: 0;
	margin-left: 76px;
	border-bottom: 1px inset #d2d2d2;
}

#searchsubmit2 {
	margin-left: 0;
	border: none;
}

#nosearch {
float: left;
width: 660px;
margin: 10px 0 10px 0;
color: #000000;
}


/* End Search */



/*----tag---*/

.tagcloud {
font: 12px Verdana;
color:#000;
width: 284px;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
/*	border: 1px solid #f94b3d;*/

padding:10px;

}


/*---video sidebar---*/

#container2{
width: 295px;
height: 260px;
float: left;
/*background-image: url(images/sidebar_video.gif);*/
margin-top: 2px;
margin-right: 0;
margin-left: 1px;
border: 1px solid #000000;
	background-color: #000000;
}
#container2 a {
font-size: 12px; 
color:white;
}
#container2 a:hover {
color:#7c1f24;
text-decoration: none;

}

/*.thumbnail-div-featured2 {
	width: 295px; 
	height: 230px;
	position: relative;
	border: 1px solid green;
}*/

.featured-inside2 {
width: 76px; 
color:white;
background-image: url(images/slide_bg.gif);
overflow: hidden;
height: 230px;
margin-left: 186px;
padding-left: 8px;
padding-right: 8px;
font: 9px Verdana, Arial, Helvetica, Geneva, sans-serif;
}

.titles-featured2 a, .titles-featured2 a:hover, .titles-featured2, .titles-featured2 a: visited
{
font-size: 10px;
color:white;
font-weight: bold;
text-decoration: none;

}


/*
.next-button2 {
display: none;
position: absolute;
}
.prev-button2 {
display: none;
position: absolute;
}
*/
#sections2 {
overflow:hidden;
width: 295px;
height: 230px;
float: left;
background-color: #FFFFFF;
	margin-top: 14px;
}
#sections2 ul {
height: 230px;

list-style-image: none;
list-style-type: none;
padding: 0px;height: 4000px;
}
#sections2 ul li {
height: 230px;
width: 296px;
float: left;
}

/*
.prev2 {
display: block;
width: 30px;
height: 16px;
cursor: pointer;
background-image: url(images/slide-button-left2.png);
position: absolute;
top: 80px;
z-index: 1;left: -17px;
	border: 1px solid green;
}
.next2 {
display: block;
background-image: url(images/slide-button-right2.png);
width: 30px;
height: 16px;
cursor: pointer;
position: absolute;
top: 80px;
left: 280px;
z-index: 2;
	border: 1px solid green;
}
*/

#suite2 {
float:right;
}



/*---end video sidebar---*/

/*------- menu down-------*/

.urbangreymenu{
width: 300px;
padding: 0px 0px 0px 0px;
/*background: url(images/bg_sidebar_separator.gif) repeat-x 0px bottom;*/

}

.urbangreymenu .headerbar{
font: bold 12px/20px Verdana;
color:#000;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;

padding: 0px 0px 0px 15px;
/*	border: 1px solid #f94b3d;*/
	background: url(images/sidebar_bande.gif) no-repeat 0px 4px;
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: #666;
display: block;
}


.urbangreymenu ul{list-style-type:none;margin:0 0 8px;padding:0;}
.urbangreymenu ul li{padding-bottom:2px;}
.urbangreymenu ul li a{background: none no-repeat center left;display:block;text-decoration:none;font-weight:700;border-bottom:1px solid #dadada;font-size:90%;padding:2px 0 2px 19px;}
.urbangreymenu ul li a:visited{color: #651414;}
.urbangreymenu ul li a:hover{background-color:#F3F3F3;}

/*.submenu2  /*{ DIV that contains each sub menu*/
/*background: white;
padding: 5px;
height: 300px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
/*}
*/


/***************************/
/* End Sidebar */
/***************************/


#content {
width: 600px;
float: left;
padding: 3px 18px 12px 0px;
margin: 0px 12px 0px 2px;
	text-decoration: none;
/*	border: 1px solid red;*/
}


#content h3 {
font-size: 15px;
font-weight: bold;
margin: 8px 0 0 10px;
}

.narrowcolumn {
/*	border: 1px solid red;	*/
	width: 625px;
	float: left;
	
}

.widecolumn {
width: 985px;
	margin: 0 auto 0px 40px;
}

.post{
float: left;
/*border: 1px solid green;*/
	width: 625px;
	color: #000000;

font: 12px Arial, Verdana, Helvetica, Geneva, sans-serif;
	
}


.entry{
width: 615px;
float: left;
line-height: 17px;
/*border: 1px solid red;*/
margin-top: 10px;
}



.postmetadata{
width: 615px;
float: left;
	background-color: #e8e8e8;
	margin-top: 20px;
}


.navigation{
font: bold 10px Arial, Verdana, Helvetica, Geneva, sans-serif;
background: white; /*background of menu bar (default state)*/
/*width: 100%;*/
	top: 15px;
	margin-top: 20px;
	margin-left: 240px;
}

.navigation ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.navigation ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.navigation ul li a{
display: block;
background: white; /*background of menu items (default state)*/
color: #000000;
/*border-right: 1px solid #778;*/
border: 1px solid #000000;
color: #2d2b2b;
text-transform: uppercase;
text-decoration: none;
text-align: center;
padding: 2px 7px 3px 7px;
}

* html .navigation ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.navigation ul li a:link, .navigation2 ul li a:visited{
color: black;
font: bold 10px Arial, Verdana, Helvetica, Geneva, sans-serif;
}

.navigation ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #000000; 
color: white;

}

.navigation ul li a:hover{
background: #000000; /*background of menu items during onmouseover (hover state)*/

color: white;
}



.navigation3{
/*width: 713px;*/
height: 10px;
font: 11px "Arial", Verdana, Helvetica, Geneva, sans-serif;
float:right;
/*border: 1px solid red; */
margin-top: 20px;
margin-left: 10px;

}

.navigation3 ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
font: bold 10px Arial, Verdana, Helvetica, Geneva, sans-serif;
}


#navmenu {
float:left;
width: 150px;
height:18px;
margin-left: 255px;
background: white;
/*border-bottom: 1px solid red;*/
}

.navigation2{
font: bold 10px Arial, Verdana, Helvetica, Geneva, sans-serif;
background: white; /*background of menu bar (default state)*/
width: 100%;
	top: 15px;
	margin-top: 20px;
	margin-left: 2px;
}

.navigation2 ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.navigation2 ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.navigation2 ul li a{
display: block;
background: white; /*background of menu items (default state)*/
color: #000000;
/*border-right: 1px solid #778;*/
border: 1px solid #000000;
color: #2d2b2b;
text-transform: uppercase;
text-decoration: none;
text-align: center;
padding: 2px 7px 3px 7px;
}

* html .navigation2 ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.navigation2 ul li a:link {
color: #333333;
font: bold 10px Arial, Verdana, Helvetica, Geneva, sans-serif;
}

.navigation2 ul li a:visited{
color: #333333;
font: bold 10px Arial, Verdana, Helvetica, Geneva, sans-serif;
}

.navigation2 ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #000000; 
color: white;

}

.navigation2 ul li a:hover{
background: #000000; /*background of menu items during onmouseover (hover state)*/

color: white;
}




.comment{
width: 624px;
float: left;
margin-top: 20px;
/*border: 1px solid blue;*/
}



#postimage {
float: left;
width: 621px;
border: 1px solid #ECECEC;
padding: 4px;
margin: 0 0 15px 0;
text-align: center;
overflow: hidden;
}

* + html #postimage {
padding: 4px 4px 1px 4px;
}

#postimage img {
width: 621px;
}

#postvideo {
float: left;
width: 621px;
border: 1px solid #ECECEC;
padding: 4px;
margin: 0 0 15px 0;
text-align: center;
overflow: hidden;
}

* + html #postvideo {
float: left;
width: auto;
border: 0;
text-align: center;
margin: 0 0 15px 0;
}
/* End Secondary Pages */
/* End Page Navigation */


/* Begin Comment Styles */
h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color:#333 !important;
}

ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 20px;
}

ol.commentlist p {
margin-bottom:10px;
line-height: 20px;
}

.commentmetadata a {
font-size:11px;
color:#333333;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
}

ol.commentlist li {
padding: 20px 10px 10px 10px;
width: 592px;
}

ol.commentlist li.alt {
padding: 18px 18px 5px 18px !important;
background:#F8F8F4;
border:1px solid #DEDBD1;	
}

#commentform input {
background: #FFFFFF;
border: 1px solid #E7E7E7;
	margin-top: 5px;
}

#commentform textarea {
background: #FFFFFF;
border: 1px solid #E7E7E7;
width: 610px;
	height: 100px;
}

input#submit {
color:#000000;
padding: 2px;
margin: 0;
text-align: center;
border: 1px solid #E7E7E7;
background:#FFFFFF;
	width: 111px;
}
/* End Comment Styles */

/***************************/
/****** début Footer ********/
/***************************/

#footer {
background: none no-repeat;
float: left;
	height: 18px;
		margin-top: 19px;
	display: block;
	width: 100%;
	margin-bottom: 12px;
}

#footermenu {
background: black no-repeat;
float: left;
	height: 18px;
	width: 100%;
}


#footertext {
width: 100%;
float: left;
/*border: 1px solid green; */
text-align: center;
color: #000000;
font: bold 10px "Arial", Verdana, Helvetica, Geneva, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*-------------------------DDSmothMenu 2------------------------------------------------------*/
.ddsmoothmenu2{
font: bold 10px "Arial", Verdana, Helvetica, Geneva, sans-serif;
background: #000000; /*background of menu bar (default state)*/
width: 450px;
margin-left: 350px;
}

.ddsmoothmenu2 ul{
z-index:100;
margin: 0px;
padding: 0px;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu2 ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu2 ul li a{
display: block;
background: #000; /*background of menu items (default state)*/
color: white;
border-right: 1px solid #778;

text-transform: uppercase;
text-decoration: none;
text-align: center;
padding: 2px 8px;
}

* html .ddsmoothmenu2 ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu2 ul li a:link, .ddsmoothmenu2 ul li a:visited{
color: white;
font: bold 10px Arial, verdana, Helvetica, Geneva, sans-serif;
}

.ddsmoothmenu2 ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #424242; 
color: white;

}

.ddsmoothmenu2 ul li a:hover{
background: #424242; /*background of menu items during onmouseover (hover state)*/

color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu2 ul li ul{

position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu2 ul li ul li{
display: list-item;

float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu2 ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu2 ul li ul li a{
/*font: normal 13px Verdana; */
width: 120px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/***************************/
/*-------end footer ------*/
/***************************/


/*-----Pagination-------*/

#linkage {
color: #666666;
font-size: 10px;
margin: 5px 0 0 0;
float: left;
}

#linkage  a:link, #linkage  a:visited {
color: #666666;
text-decoration: none;
}

#linkage  a:hover {
color: #333333;
text-decoration: underline;
}

#pagination{
float: right;
width: 100%;
/*border: 1px solid black;*/
margin-left: 18px;
text-align: right;
}

.navback{
width:105px;
height:20px;
display:block;
float:right;
background:url(images/next.jpg) top right no-repeat;
cursor:pointer;
}

.navforward{
width:105px;
height:20px;
display:block;
float:left;
background:url(images/back.jpg) top right no-repeat;
cursor:pointer;
}


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

p img {
padding: 0;
max-width: 100%;
}

a img {
border: none;
}

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

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

img.alignleft {
padding: 4px;
margin: 0 8px 8px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

.center {
text-align: center;
}

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

.hidden {
display: none;
}

blockquote {
margin: 15px 30px 0 0;
padding-left: 30px;
background: url(images/blockquote.jpg) top left no-repeat;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

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




/*---populaire----*/

#populaire .block {
	width: 260px;
	padding: 21px 25px 21px 22px;
	
}

#populaire .block .inside {
	border: #D5D4D4 5px solid;
	background: #EDEDED;
	padding-bottom: 5px;
}

#populaire .block .inside ul {
	padding: 0;
}

#populaire .block .inside li {
	padding: 8px 15px 8px 10px;
	line-height: 18px;
	background: url(images/bg_footer_list.gif) repeat-x 0 bottom;
}

#populaire .block .inside li img.thumbnail {
	border: #A4A4A4 2px solid;
	float: left;
	
} 


/*---guide----*/

.guideb{
display:block;
float:left;
	margin-top: 16px;
	width: 68px;
	margin-bottom: 30px;
}


#guidetext {
	width: 605px;
	margin-top: 5px;
	margin-bottom: 15px;
	color: black;
	font-family: "Arial", Verdana, Lucida Grande, Lucida, sans-serif;
}


#homeboxguide {
float: left;
width: 624px;
margin: 10px 0 10px 4px;
color: #000000;
/*border: 1px solid blue;*/
font: 12px Arial, Verdana, Helvetica, Geneva, sans-serif;
}


/*----select----*/
#catitle {

	color: black;
	text-transform: uppercase;
	text-align: center;
	font: 10px "Arial", Verdana, Lucida;
}

#selectcatch {
text-transform: none;
	color: black;
	font: 12px "Arial", Verdana, Lucida;
}

/*----pub---*/

#homeboxpub {
float: left;
width: 660px;
margin-top: 30px;
color: #000000;
}

#expub {
float: left;
width: 624px;
/*border: 1px solid blue;*/
}


#tableau {
	top: 20px;
float: left;
width: 350px;
/*border: 1px solid green;*/
	position: relative;
}

#Tableau_pub {

border: 1px solid black;

}

#faq {
width: 220px;
/*border: 1px solid red;*/
	float: right;
	top: 20px;
	position: relative;
}

#megat {
width: 220px;
/*border: 1px solid green;*/
	float: right;
	top: 456px;
	position: relative;
}

#bannet {
width: 220px;
/*border: 1px solid green;*/
	float: right;
	top: 230px;
	position: relative;
}

#pavet {
width: 220px;
/*border: 1px solid green;*/
	float: right;
	top: 90px;
	position: relative;
}


/*---le m@g----*/
.upload {
width: 450px;
height: 15px;
float: left;
/*border: 1px solid #ECECEC;*/
margin: 6px 0px 0px 0px;
font: 12px "Arial", Verdana, Helvetica, Geneva, sans-serif;
text-align: left;
/*padding: 4px;*/
/*border: 1px solid red;*/
}

/*-----pub--------*/

#headpub {
width: 110px;
height: 90px;
/*border: 1px solid green;*/
	margin-top: 35px;
	float: right;
	margin-right: -96px;
}

#headpub2 {
width: 90px;
height: 90px;
/*border: 1px solid green;*/
	margin-top: 165px;
	float: right;
	margin-right: -96px;
}

#headban {
color: #d7d7d7;
width: 728px;
height: 90px;
border: 1px solid #FFFFFF; /*#d7d7d7;*/
/*background-color: #dfdfdf;*/
float: left;
margin-top: 40px;
margin-left: 115px;
font: 10px "Arial", Verdana, Helvetica, Geneva, sans-serif;
text-transform: uppercase;
font-weight: bold;
}

.pubcontent {
/*background-color: #dfdfdf;*/
margin-left: 170px;
margin-bottom: 10px;
margin-right: 0;
margin-top: 10px;
float: left;
width: 300px;
height: 55px;
color: #d7d7d7;
font: 10px "Arial", Verdana, Helvetica, Geneva, sans-serif;
text-transform: uppercase;
font-weight: bold;
text-align: left;
/*border: 1px solid #d7d7d7;*/
/*border: 1px solid black;*/
}