﻿/*
Theme Name:		Cutline 3-Column Split fr
Theme URI:		http://pearsonified.com
Description:	A squeaky clean, feature-rich theme for WordPress designed and coded by <a href="http://pearsonified.com">Chris Pearson</a>. Traduction fran?aise par <a href="http://wordpress-tuto.fr">WordPress tuto</a>.
Version:		1.1
Author:			Chris Pearson
Author URI:		http://pearsonified.com/

*/
/*---:[ global elements ]:---*/

* { padding: 0; margin: 0; }
a {
	text-decoration: none;
}
a:link {
	color: #CC2800;
	text-decoration: none;
}
a:visited {
	color: #CC2800;
	text-decoration: none;
}
a:active {
	color: #CC2800;
	text-decoration: none;
}
a:hover {
	color: #888;
	text-decoration: underline;
}
a img { 
border: none; }
blockquote { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }
abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }

code { color: #090; font-family: Courier, monospace; }
pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
p.unstyled { font-size: 12px; font-color: #CC2800;}
p { margin-bottom: 5px;}

/* banniere */
.pub {
float: left;
height: 20px;
}
.ban {
margin-top: 5px;
height: 95px;
width: 930px;
padding: 10px;
text-align: right;
background-image: url("http://blog.espritcabane.com/img/banniere-avec-pub.jpg");
}
.pubban {
padding-left: 200px;
}
.accroche {
margin-right: 5px;
margin-bottom: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
color: #BABA76;
}
.cont2 {
float: left;
width: 950px;
height: 30px;
padding-bottom: 2px;
background: #eeeedc;
}
/*---:[ headlines ]:---*/
h2 { font-size: 16px; color: #999900; padding-top: 25px; }
h2 a { color: #666600; text-decoration: none; }
h2 a:visited { color: #666600; text-decoration: none; }
h2 a:hover { color: #666600; text-decoration: none; }
.posts h2 { margin: 0 0 0.1em 0; line-height: 1.2em; }
.pages h2, h2.page_header { margin: 0 0 0.75em 0; padding: 0 0 0.6em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }
h2.archive_head { font-weight: bold !important; font-size: 16px !important; text-transform: none !important; letter-spacing: normal !important; margin: 0 0 1.8em 0 !important; padding: 0.4em 2px !important;}

h3 { font-size: 1.0em; text-transform: uppercase; }
#masthead h3 { margin: 0 0 0.75em 0; font-weight: normal; font-size: 1.8em; text-transform: none; color: #888; text-align: center; }
.entry h3 { margin: 2.5em 0 0.5em 0; }
.entry h3.top { margin: 1.5em 0 0.5em 0 !important; }
h3.comments_headers { 
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #999900;
text-transform: none;
}

h4 { font-size: 12px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #664400; padding-bottom: 10px; }
h4 a, h4 a:visited { color: #888; text-decoration: none; }
h4 a:hover { color: #888; text-decoration: underline; }
.posts h4 { margin: 0 0 10 0; padding: 0 0 5 0; }

h5 { font-size: 11px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #664400; }

h5bold { font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #664400; }

/*---:[ core layout elements ]:---*/

#container { width: 1000px; margin: 10px auto 0 auto; }
#content_box { width: 950px; margin-top: 5px; float: left;}
#content { 
	width: 645px; 
	float: left; }
#sidebar { width: 320px; margin-left: 650px; margin-top: 60px; float: right; position: absolute; list-style-type:none; font-color: #CC2800; background-position: left top; border-left: 1px solid #E5E5E5;}
#l_sidebar { width: 170px; padding: 0 0 0 0px; float: left; }
#footer { width: 480px; margin: 0 0 0 180px; float: left; }

/*---:[ header styles ]:---*/

#masthead { width: 970px; /*height: 100px; background: url('images/logo.gif') no-repeat;*/ /* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */ }

/* #masthead a { display: block; width: 970px; height: 100px; } */ /* uncomment this line if you use a graphic in the header - make sure the height of your header graphic is equal to the height declared in this line of code! */

#header_img { position: relative; margin: 0 0 0 0; float: left; clear: both; }
#header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */


/*---:[ content styles ]:---*/
.body {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #664400;
font-size: 9px;
font-weight: normal;
font-style: normal;
text-transform: none;
padding: 10px;
text-align: left;
line-height: 170%;
margin-bottom: 5px;
}
.entry { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #664400;
font-size: 13px;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: left;
line-height: 150%;
}
.entry blockquote { font-size: 1.0em; }
.entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }

.entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }

.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }
.entry p { margin: 0 0 0.1em 0; }
.entry ul, .entry ol { margin: 0 0 1.5em 40px; }
.entry li { margin: 0 0 0.5em 0; }
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }
.entry dl { margin: 0 0 1.5em 0; }
.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }	
.entry dd { margin: 0 0 1.5em 20px; }
.entry .ad { margin: 0 0 0.5em 15px; float: right; }
.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }
.entry img { }
.entry img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; border: 3px double #bbb; float: left; clear: left; }	
.entry img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; border: 3px double #bbb; float: right; clear: right; }
.entry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 3px double #bbb; float: none; clear: both; }
.entry img.off { padding: 0 !important; border: none !important; }
.entry img.stack { clear: none !important; }
.tagged { 
padding: 0.4em 0 0 0; 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #664400;
font-size: 9px;
clear: both; }
.add_comment { 
display: block; 
padding: 0 0 0 2px; 
font-weight: normal; 
float: left; }
.navigation { width: 650px; font-size: 1.4em; float: left; padding-top: 5px;}
.previous { 
float: left;
margin-bottom: 5px;
text-align: center;
margin-right: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #999999;
background-color: #cbcbcb;
padding: 7px; }
.next { 
float: right;
text-align: center;
margin-right: 5px;
margin-bottom: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #999999;
background-color: #cbcbcb;
padding: 7px;  }
.clear { width: 480px; height: 1px; margin: 0 0 15 0; clear: both; }
.rule { background: url('images/hr_tag_sep.gif') no-repeat; }
.flat { margin: 0 0 1.5em 0 !important; }
.whitespace { margin: 0 0 15 0 !important; }

/*---:[ sidebar styles ]:---*/

ul.sidebar_list {
margin: 0px;
list-style-type:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
 }
current-cat {
margin: 0px;
list-style-type:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #664400;
font-size: 9px;
font-weight: normal;
font-style: normal;
text-transform: none;
padding: 10px;
text-align: left;
line-height: 170%;
margin-bottom: 5px;
}
cat-item {
margin: 0px;
list-style-type:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #664400;
font-size: 9px;
font-weight: normal;
font-style: normal;
text-transform: none;
padding: 10px;
text-align: left;
line-height: 170%;
margin-bottom: 5px;
}
/*---:[ footer styles ]:---*/

#footer p { margin: 0 0 0.923em 0; font-size: 12px; color: #664400; text-align: right; line-height:200%;}
#footer a, #footer a:visited { font-size: 12px; color: #CC2800; text-decoration: none; line-height: 200%; }	
#footer a:hover { font-size: 12px; color: #888; text-decoration: underline;  }

/*---:[ comment styles ]:---*/

#comments { width: 600px; float: left; }

ul#comment_list { list-style: none; margin: 0 0 15px 0; font-size: 11px; }
ul#comment_list li.comment { width: 600x; padding: 15px 0 0 0; float: left; }
ul#comment_list li.trackback { width: 600px; padding: 15px 15px 0 15px; background: url('images/trackback_bg.gif'); }

.comment_meta { margin: 0 0 5 0; }
.comment_num { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #54AAA8;
float: right; }
.trackback .comment_num { padding: 0 0 0 20px; }

				
.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }		
.comment_num a:hover { color: #df0000; text-decoration: none; }
.comment_meta strong { font-size: 14px; }
.comment_time { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #54AAA8;
font-size: 11px; 
float: left; }
.comment .entry { padding: 0 0px; }
.comment .entry p { margin: 0 0 10 0; }
/*---:[ comment form styles ]:---*/

#comment_form { width: 600px; padding: 1.0em 0 0 0; float: left; }
#comment_form p { padding: 0.6em 0; }
#comment_form label { padding: 0 0 0 8px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
#comment_form .text_area { width: 321px !important; }
#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 1px double #999; border-top-color: #ccc; border-left-color: #ccc; font-size: 12px ; font-family: Verdana, Arial, Helvetica, sans-serif; cursor: pointer; }	
#comment_form p.subscribe-to-comments { font-size: 1.4em; }
#comment_form p.subscribe-to-comments label { font-size: 1.0em; }

/*---:[ search form styles ]:---*/

#search_form { }
#search_form .search_input { width: 201px; padding: 3px; color: #090; font: normal 1.0em Georgia, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }

li.widget .search_input { font-size: 1.1em !important; }

#search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

#wp-admin-bar {align:center; margin:0; padding:5px; background:#f9f9f9; border:1px solid #666; clear:both; text-align:center}

#wp-admin-bar ul {margin:0; padding:0}

#wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 2px; padding:0}


/* structure */
html, body {
height: 100%;
} 
body {
margin: 10px 0 0 0;
padding: 0px;
background-color: #EEEEDC;
}
#global {
Overflow: Hidden;
width: 960px;
margin: 10px auto 10px auto;
padding-left: 10px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
-moz-border-radius:10px;
border-radius:10px;
text-align: left;
}
.cont1 {
float: left;
width: 950px;
margin-top: 5px;
}
.contenu {
float: left;
}
.menu {
width: 950px;
height: 110px;
}
.centre {
width: 645px;
}
.droite { 
float: right;
margin-right: 10px;
width: 300px;
border-left: 1px solid #E5E5E5;
height: 100%;
}
.img { 
padding-right: 2px;
display: block;
clear: none;
}
.stat {
padding: 5px;
display: block;
}
.stat-livre {
width: 160px;
height: 800px;
float: left;
display: inline;
margin-right: 5px;
}
.cadre {
width: 480px;
float: left;
}
.cadre-librairie {
width: 750px;
float: left;
}
/* pub */
.inter {
height: 25px;
background-color: #EEEEDC;
}
.pave {
width: 336px;
height: 280px;
float: left;
display: inline;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
.sky {
width: 160px;
height: 600px;
float: left;
display: inline;
margin-right: 5px;
}
/* banniere */
.pub {
float: left;
height: 20px;
}
.ban {
margin-top: 5px;
height: 95px;
width: 930px;
padding: 10px;
text-align: right;
background-image: url("../img/banniere-avec-pub.jpg");
}
.pubban {
padding-left: 200px;
}
.accroche {
margin-right: 5px;
margin-bottom: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
color: #BABA76;
}
/* themes */
.une {
font-family: Impact, Charcoal, sans-serif;
font-size: xx-large;
color: #D88CB2;
background-color: #EEEEDC;
width: 640px;
padding: 1px;
margin-bottom: 4px;
}
.alaune1 {
float: left;
width: 310px;
margin-right : 5px;
padding : 5px;
display: inline;
background-color: #EEEEDC;
}
.alaune2 {
float: left;
width: 280px;
padding : 6px;
margin-left: 5px;
margin-bottom: 5px;
display: inline;
border: 1px dashed rgb(153, 153, 51);
}
.alaune3 {
float: left;
width: 280px;
margin : 5px;
padding : 5px;
display: inline;
}
.alaune4 {
float: left;
width: 310px;
display: inline;
margin-bottom: 5px;
}
.alaune5 {
float: left;
width: 285px;
padding : 6px;
margin-left: 0px;
margin-bottom: 5px;
display: inline;
border: 1px dashed rgb(153, 153, 51);
}
.alaune6 {
float: left;
padding : 6px;
margin-left: 5px;
margin-bottom: 5px;
display: inline;
border: 1px dashed rgb(153, 153, 51);
}
.suitealaune {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
background-color: #DCEDED;
}
.post-it {
float: right;
width: 294px;
border: 1px solid #BADCDC;
border-top: 4px solid #BADCDC; 
margin-right: 1px; 
padding-top: 3px;
padding-left: 3px;
font-family: Arial, Hevetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#7F7F7F;
}
.post-sujet {
float: left;
width: 240px;
padding-left: 5px;
border: 1px dashed rgb(153, 153, 51);
margin-right: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-style: bold;
}
.baf a {
display : block;
width : 100%; 
margin-right : 2px;
}
.livres {
float: left;
width: 290px;
background-color: #DCEDED;
border: 1px solid #97CCCA;
border-top: 4px solid #97CCCA; 
margin-top: 5px;
padding: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#656532;
}
.roundedcornr_box_302733 {
   background: url("http://www.espritcabane.com/img/actualites/presentation/roundedcornr_302733_tl.png") no-repeat top left; 
}
.roundedcornr_top_302733 {
   background: url("http://www.espritcabane.com/img/actualites/presentation/roundedcornr_302733_r.png") no-repeat top right;
}
.roundedcornr_bottom_302733 {
   background: url("http://www.espritcabane.com/img/actualites/presentation/roundedcornr_302733_bl.png") no-repeat bottom left;
margin-bottom: 7px;
}
.roundedcornr_bottom_302733 div { 
	background: url(roundedcornr_302733_br.png) no-repeat bottom right;
}

.roundedcornr_top_302733 div,.roundedcornr_top_302733,
.roundedcornr_bottom_302733 div, .roundedcornr_bottom_302733 {
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.roundedcornr_content_302733 { 
padding: 0 10px; 
margin: 5px 0 0 0;
zoom:1;
}
.colonn1 {
float: left;
display: inline;
width: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
line-height: 120%;
color: #696969;
margin-top: 5px;
margin-bottom: 5px;
}
.colonn2 {
float: left;
display: inline;
margin-left: 10px;
width: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
line-height: 120%;
color: #696969;
margin-top: 5px;
margin-bottom: 5px;
}
.colonn3 {
float: left;
display: inline;
margin-left: 10px;
width: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
line-height: 120%;
color: #696969;
margin-top: 5px;
margin-bottom: 5px;
}
.titrecolonn {
width: 200px;
height: 18px;
padding: 3px;
background-color: #EEEEDC;
font-family: Impact, Charcoal, sans-serif;
color: #54AAA8;
display: block;
}
/* textes */
h1 {
font-family: Impact, Charcoal, sans-serif;
font-size: xx-large;
color: #BABA76;
padding: 1px;
line-height: 100%;
display: inline;
}
h2 {
font-family: Impact, Charcoal, sans-serif;
font-size: x-large;
color: #75BBB9;
padding: 2px;
line-height: 100%;
display: inline;
}
h3 {
font-family: Impact, Charcoal, sans-serif;
font-size: large;
color: #B2B2B2;
margin-left: 60px;
line-height: 100%;
display: inline;
}
.body {
font-family: Verdana, Geneva, sans-serif;
color: #336633;
font-size: small;
padding-right: 5px;
line-height: 155%;
}
.body2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #696969;
font-size: small;
font-weight: normal;
font-style: normal;
text-transform: none;
margin-left: 60px;
padding-right: 30px;
text-align: left;
line-height: 155%;
display:block;
}
.bodyvert {
font-family: Verdana, Geneva, sans-serif;
color: #666600;
font-size: small;
margin: 0px 20px 35px 0px;
padding-right: 6px;
line-height: 150%;
}
.fleched {
float: right;
margin-right: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
background-color: #DCEDED;
padding: 7px;
}
a {
	text-decoration: none;
}
a:link {
	color: #54AAA8;
	text-decoration: none;
}
a:visited {
	color: #54AAA8;
	text-decoration: none;
}
a:active {
	color: #54AAA8;
	text-decoration: none;
}
a:hover {
	color: #54AAA8;
	background-color: #EEEEDC;
	text-decoration: none;
}
.mentions {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #404040;
font-size: 11px;
line-height: 120%;
display: inline;
}
/* colonnes */
.pres-menu1 {
width: 295px;
height: 18px;
padding-left: 4px;
padding-bottom: 4px;
background-color: #DCEDED;
font-family: Impact, Charcoal, sans-serif;
color: #7F7F7F;
display: block;
}
.affichflux1 {
width: 270px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
padding: 5px;
line-height: 120%;
color: #336633;
}
/* onglets */
/* menu vert */
.roundedcornr_box_907002 {
   background: #eeeedc;
}
.roundedcornr_top_907002 div {
   background: url("http://www.espritcabane.com/menus/roundedcornr_907002_tl.png") no-repeat top left;
}
.roundedcornr_top_907002 {
   background: url("http://www.espritcabane.com/menus/roundedcornr_907002_tr.png") no-repeat top right;
}
.roundedcornr_bottom_907002 div {
   background: url("http://www.espritcabane.com/menus/roundedcornr_907002_bl.png") no-repeat bottom left;
}
.roundedcornr_bottom_907002 {
   background: url("http://www.espritcabane.com/menus/roundedcornr_907002_br.png") no-repeat bottom right;
}

.roundedcornr_top_907002 div, .roundedcornr_top_907002, 
.roundedcornr_bottom_907002 div, .roundedcornr_bottom_907002 {
   width: 100%;
   height: 8px;
   font-size: 1px;
}
.roundedcornr_content_907002 { margin: 0 10px; }
.flechep {
float: left;
text-align: center;
margin-right: 5px;
margin-bottom: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #999999;
background-color: #cbcbcb;
padding: 2px;
}

/* menu gris foncé */
.roundedcornr_box_575116 {
   background: #cbcbcb;
}
.roundedcornr_top_575116 div {
   background: url("http://www.espritcabane.com/menus/roundedcornr_575116_tl.png") no-repeat top left;
}
.roundedcornr_top_575116 {
   background: url("http://www.espritcabane.com/menus/roundedcornr_575116_tr.png") no-repeat top right;
}
.roundedcornr_bottom_575116 div {
   background: url("http://www.espritcabane.com/menus/roundedcornr_575116_bl.png") no-repeat bottom left;
}
.roundedcornr_bottom_575116 {
   background: url("http://www.espritcabane.com/menus/roundedcornr_575116_br.png") no-repeat bottom right;
}

.roundedcornr_top_575116 div, .roundedcornr_top_575116, 
.roundedcornr_bottom_575116 div, .roundedcornr_bottom_575116 {
   width: 100%;
   height: 5px;
   font-size: 1px;
}
.roundedcornr_content_575116 { margin: 0 10px; }
.colmenus1 {
float: left;
margin-left: 0px;
width: 100px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus2 {
float: left;
margin-left: 1px;
width: 105px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus3 {
float: left;
margin-left: 1px;
width: 110px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus4 {
float: left;
margin-left: 1px;
width: 120px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus5 {
float: left;
margin-left: 1px;
width: 110px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus6 {
float: left;
margin-left: 1px;
width: 95px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus7 {
float: left;
margin-left: 1px;
width: 75px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus8 {
float: left;
margin-left: 1px;
width: 75px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus9 {
float: left;
margin-left: 1px;
width: 75px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus9bis {
float: right;
margin-left: 1px;
width: 75px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus10 {
float: left;
margin-left: 687px;
width: 220px;
height: 15px;
}
.colmenus11 {
float: right;
margin-right: 1px;
text-alig: left;
padding-top: 1px;
}
.actif a:hover {
color: #326564;
background-color: #EEEEDC;
}
.inactif a:hover {
color: #DCEDED;
background-color: #CBCBCB;
}
/* Menu taille */
.hmenu {
width: 950px;
height: 110px;
}
/* Menu gris gauche */
#menu /* Ensemble du menu */
{
z-index: 1;
margin: 0;
padding: 0;
list-style: none;
line-height: 100%;
}
#menu ul /* Liste */     
{
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
position: absolute;
z-index:1;
line-height: 90%;
}
#menu li a /* Contenu des listes */
{
text-decoration : none;
color:#7F7F7F;
margin-right : 2px;
}
#menu ul li a /* Contenu des listes */
{
display : block;
text-decoration : none;
width : 150px; 
color:#7F7F7F;
margin : 1px;
}
#menu li /* Éléments des listes */      
{
float : left;
list-style : none;
font-family: Arial, Hevetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#7F7F7F;
}
#menu li ul /* Sous-listes */
{
width: 150px; /* Largeur des sous-listes */
left: -999em;
background-color: #FFFFFF;
padding: 5px;
border: 2px solid #EEEEDC;	
}
#menu li ul li /* Eléments de sous-listes */
{
border-right: 1px #ffffff solid;
width:156px;
left:: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto;
}
/* Menu bleu */
#menu2 /* Ensemble du menu */
{
z-index: 1;
margin: 0;
padding: 0;
list-style: none;
line-height: 100%;
}
#menu2 ul /* Liste */     
{
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
position: absolute;
z-index:1;
line-height: 90%;
}
#menu2 li a /* Contenu des listes */
{
text-decoration : none;
color:#7F7F7F;
margin-right : 2px;
}
#menu2 ul li a /* Contenu des listes */
{
display : block;
text-decoration : none;
width : 150px; 
margin : 1px;
background-color: #FFFFFF;
}
#menu2 ul li a:hover {
background-color: #EEEEDC;
}
#menu2 li /* Éléments des listes */      
{
float : left;
list-style : none;
font-family: Arial, Hevetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#7F7F7F;
}
#menu2 li ul /* Sous-listes */
{
width: 150px; /* Largeur des sous-listes */
left: -999em;
background-color: #FFFFFF;
padding: 5px;
border: 2px solid #EEEEDC;	
}
#menu2 li ul li /* Eléments de sous-listes */
{
border-right: 1px #ffffff solid;
width:156px;
left:: -999em;
}
#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li.sfhover ul, #menu2 li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto;
}
/* Menu gris droite */
#menu3 /* Ensemble du menu */
{
z-index: 1;
margin: 0;
padding: 0;
list-style: none;
line-height: 100%;
}
#menu3 ul /* Liste */     
{
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
position: absolute;
z-index:1;
line-height: 90%;
}
#menu3 li a /* Contenu des listes */
{
text-decoration : none;
color:#7F7F7F;
margin-right : 2px;
}
#menu3 ul li a /* Contenu des listes */
{
display : block;
text-decoration : none;
color:#7F7F7F;
width : 150px; 
margin : 1px;
}
#menu3 li /* Éléments des listes */      
{
float : left;
list-style : none;
font-family: Arial, Hevetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#7F7F7F;
}
#menu3 li ul /* Sous-listes */
{
width: 150px; /* Largeur des sous-listes */
left: -999em;
background-color: #FFFFFF;
padding: 5px;
border: 2px solid #EEEEDC;	
}
#menu3 li ul li /* Eléments de sous-listes */
{
border-right: 1px #ffffff solid;
width:156px;
left:: -999em;
}
#menu3 li:hover ul, #menu3 li li:hover ul, #menu3 li.sfhover ul, #menu3 li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto;
}