/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/



/* Just some example content */
body{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
font-size:12px;
}
h2{
	color:#08506D;
	font-size:14px;
	text-transform: uppercase;
}
h3{
	/*color:#08506D;*/
color:#000000;
	font-size:12px;
	margin-bottom:0px;
	
}

#col-page h3{
	/*color:#4f6f19;*/
	font-size:12px;
	margin-bottom:10px;
	
}

a{color:#0083A9;}
a:hover{color:#6BB23E;}
div.skip-link {
position:absolute;
right:1em;
top:1em;
}
#searchform #s {width:200px;}
.widget{margin-bottom:20px;}
.widget ul {margin-left:0px;padding-left:0px;}
.widget ul li  {margin-left:0px;}
.widget_links ul li {
	list-style-position: outside;
	list-style-image: url(images/lien-image.gif);
	line-height:20px;
	margin-left:25px;
	padding-left:5px;
	font-size:11px;
	padding-bottom:2px;
}
.widget_tag_cloud h2 {margin-bottom:0;}
.ask-question, .faq-search{font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
font-size:12px;}
#entete {background:url(images/entete.gif) no-repeat left top;height:142px;margin-bottom:10px;}
#branding{
	text-align:left;
	height:142px;
	cursor: hand;
margin-top:0;
}
#top-menu{padding-top:80px; text-align:right;width:440px;padding-right:20px;}
#top-menu li{background:none; list-style-type:none;display:inline}
#top-menu li a{background:none; text-decoration:none;}
/*#top-menu .grid_5{margin-right:0;padding-top:80px; text-align:right;}*/
div#menu {
height:22px;
/*margin:1em 0;*/
width:100%;
margin-left:10px;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul li a {
display:block;
/*margin-right:1em;
padding:0.2em 0.5em;*/
text-decoration:none;

}

div#menu ul ul ul a {
z-index:999;
}

div#menu ul li ul {
/*left:-999px;*/
display:none;
position:absolute;
}
h4{font-size:12px;}
.page-item-2{background: #0078A9;	background-repeat: no-repeat;
	background-position: right top;}
.page-item-2 a{background:#0078A9;	background-repeat: no-repeat;}
.page-item-2 h4{color:#0078A9;}
.page-item-4{background: #232F85 /*url(images/coin-droit.png)*/;	background-repeat: no-repeat;background-position: right top;}
.page-item-4 a{background:#232F85 /*url(images/coin-gauche.png)*/;	background-repeat: no-repeat;background-position: left top; }

.page-item-9{background: #8F228D /*url(images/coin-droit.gif);*/	background-repeat: no-repeat;
	background-position: right top;}
.page-item-9 a{background:#8F228D /*url(images/coin-gauche.png)*/;	background-repeat: no-repeat;background-position: left top; }
.page-item-11 a{background:#4F6F19 /*url(images/coin-gauche.png)*/;	background-repeat: no-repeat;background-position: left top; }
.page-item-11 a{background:#4F6F19 /*url(images/coin-gauche.png)*/;	background-repeat: no-repeat;background-position: left top; }

.page-item-13 a{background:#6DB33F /*url(images/coin-gauche.png)*/;	background-repeat: no-repeat;background-position: left top; }
.page-item-13 a{background:#6DB33F /*url(images/coin-gauche.png)*/;	background-repeat: no-repeat;background-position: left top; }

.page-item-15 a{background:#F8981D;	background-repeat: no-repeat;background-position: left top; }
.page-item-15 a{background:#F8981D;	background-repeat: no-repeat;background-position: left top; }
/*.pageid-15  h3, .parent-pageid-15  h3{color:#F8981D;text-transform: uppercase;}*/
ul.nav{position:relative;max-width:100%;text-align:right;}

.pageid-2 h4, .parent-pageid-2  h4{color:#0078A9;}
.pageid-4 h4, .parent-pageid-4  h4{color:#232F85;}
.pageid-9 h4, .parent-pageid-9  h4{color:#8F228D;}
.pageid-11 h4, .parent-pageid-11  h4{color:#4F6F19;}
.pageid-13 h4, .parent-pageid-13  h4{color:#6DB33F;}
.pageid-15  h4, .parent-pageid-15  h4{color:#F8981D;}
ul.nav{position:relative;max-width:100%;text-align:right;}
/*ul.main{line-height:24px;}*/
div#menu ul li a, div#menu ul li ul li a{color:#ffffff;padding-bottom:5px;padding-left:20px;padding-right:20px; padding-top:5px;font-size:12px;margin-bottom:0;display:block; }
div#menu ul li ul {width:200px;}
div#menu ul li ul li a{
	background-image:none;
border-bottom:1px dotted #eff7ea;
border-top:1px dotted #eff7ea;
display:block;
margin-bottom:-1px;
font-size:11px;
}
div#menu ul li:hover ul{
display:block;
left:auto;
position:absolute;
z-index:999;

}

.entry-title,.entry-meta {
clear:both;

}
.entry-meta {
font-size:11px;
color: #08506d;
}
.entry-date{
font-size:11px;color: #08506d;margin-bottom:5px;margin-top:5px;
}
.entry-content{
margin-bottom:5px;margin-top:5px;

}
#col-page .entry-title, .page-title{
padding-top:20px;
}
#col-page .entry-content, #col-page .entry-title,  .entry-meta, #comments, #nav-below, #nav-above, .entry-date, .page-title{
padding-left:30px;padding-right:30px;/**/
line-height:18px;
}

div#container,div#primary {
margin-top:2em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
border:none;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
border:none;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
border:none;
}

img a , .alignnone ,img.alignnone{

border:none;
}
div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
margin-bottom:20px;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#footer {
	text-align:left;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:50px;
	padding-top:76px;

}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}
#menu-principal{z-index:99999;}

#col-gauche{
	background-image: url(images/back-col1.gif);
	background-repeat: no-repeat;
	border:2px solid #0078AA;
	padding:10px;width:276px;
background-color:#EFEAD0;
}
#col-centre, #col-droite-2{
	background:#D5E6C6;
	border:2px solid #0078AA;
padding:10px;width:276px;
margin-bottom:10px;
}
#col-autre-contenu{
	background:#EFEAD0;
	border:2px solid #0078AA;
padding:10px;width:276px;
margin-bottom:10px;
}
#col-droite{
	background-image: url(images/back-col2b.gif);
	background-repeat: no-repeat;
	/*height:196px;*/
background-color:#D6E8DF;
border:2px solid #0078AA;
padding:10px;width:276px;
margin-bottom:10px;

}
#col-droite h3, #col-centre h3, #col-droite-2 h3, #col-autre-contenu h3{
	color:#08506D;
	font-size:12px;
	text-transform: uppercase;
margin-left:0; padding-left:0;
}
#contact a{
	color:#ffffff;

}
#contact h3{
	color:#ffffff;
	font-size:12px;
	text-transform: uppercase;
margin-left:0; padding-left:0;
}
#col-droite li, #col-centre li, #contact li, #col-droite-2 li{
	list-style-type:none;
}
#diaporama {margin-top:0;height:215px;}
.pageid-2 #diaporama, .parent-pageid-2 #diaporama, #slide-page-2{
	background: #0078A9;
	
}

.page-template-page-topmenu-php #col-droite{margin-top:31px;}
.page .grid_4 {margin-left:10px; 

}
.pageid-2 #col-saviez-vous, .parent-pageid-2 #col-saviez-vous{
	background: #0078A9 url(images/vague-bleu-pale.gif);
	background-repeat: no-repeat;
}
.pageid-4 #diaporama, .parent-pageid-4 #diaporama, #slide-page-4{
	background: #232F84;
	
}
.pageid-4 #col-saviez-vous, .parent-pageid-4 #col-saviez-vous{
	background: #232F84 url(images/vague-bleue.gif);
	background-repeat: no-repeat;
}

.pageid-9 #col-saviez-vous, .parent-pageid-9 #col-saviez-vous{
	background: #91278F url(images/vague-mauve.gif);
	background-repeat: no-repeat;
	
}
.pageid-9 #diaporama, .parent-pageid-9 #diaporama,  #slide-page-9{
	background: #91278F;	
}

.pageid-11 #col-saviez-vous, .parent-pageid-11 #col-saviez-vous{
	background: #4F6F19 url(images/vague-verte-fonce.gif);
	background-repeat: no-repeat;
}
.pageid-11 #diaporama, .parent-pageid-11 #diaporama, #slide-page-11{
	background: #4F6F19;
}

.pageid-13 #col-saviez-vous, .parent-pageid-13 #col-saviez-vous{
	background: #6DB33F url(images/vague-vert-pale.gif);
	background-repeat: no-repeat;
}
.pageid-13 #diaporama, .parent-pageid-13 #diaporama, #slide-page-13{
	background: #6DB33F;
}

.pageid-15 #col-saviez-vous, .parent-pageid-15 #col-saviez-vous{
	background: #F8981D url(images/vague-orange.gif);
	background-repeat: no-repeat;
}
.pageid-15 #diaporama, .parent-pageid-15 #diaporama, #slide-page-15{
	background: #F8981D;
}


/*.pageid-3 #col-saviez-vous, .parent-pageid-3 #col-saviez-vous{
	background: #F8981D url(images/vague-orange.gif);
	background-repeat: no-repeat;
	
}
.pageid-3 #diaporama, .parent-pageid-3 #diaporama{
	background: #F8981D;
	
}*/

#col-saviez-vous{
line-height:18px;	
border:none;
width:256px;
padding-left:20px;
padding-right:20px;
padding-top:60px;
padding-bottom:20px;
margin-bottom:10px;
margin-right:0;
margin-top:20px;
color:#ffffff;
}
#col-saviez-vous h2 {color:#ffffff;}

#contact {
border:2px solid #6EB33F;
background-image: url(images/back-col3.gif);
	background-repeat: no-repeat;
	height:124px;
color:#ffffff;
margin-bottom:10px;
padding:10px;width:276px;
font-size:11px;
}
#contact h2{

color:#ffffff;
}

#col-page{background:#EBF3E4;/*margin-top:30px;*/}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	margin-top:10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}
.boite{
width:276px;padding:10px;
margin-bottom:10px;
margin-left:0;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .grid_1 {
	width:60px;
}
    .container_12 .grid_2 {
	width:140px;
}
    .container_12 .grid_3 {
	width:220px;
}
    .container_12 .grid_4 {
	/*width:280px;padding:10px;*/
	width:300px;
}
    .container_12 .grid_5 {
	width:380px;
}
    .container_12 .grid_6 {
	width:460px;
}
    .container_12 .grid_7 {
	width:540px;
}
    .container_12 .grid_8 {
	width:620px;
}
    .container_12 .grid_9 {
	width:700px;
}
    .container_12 .grid_10 {
	width:780px;
}
    .container_12 .grid_11 {
	width:860px;
}
    .container_12 .grid_12 {
	width:940px;
}




/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .prefix_1 {
	padding-left:80px;
}
    .container_12 .prefix_2 {
	padding-left:160px;
}
    .container_12 .prefix_3 {
	padding-left:240px;
}
    .container_12 .prefix_4 {
	padding-left:320px;
}
    .container_12 .prefix_5 {
	padding-left:400px;
}
    .container_12 .prefix_6 {
	padding-left:480px;
}
    .container_12 .prefix_7 {
	padding-left:560px;
}
    .container_12 .prefix_8 {
	padding-left:640px;
}
    .container_12 .prefix_9 {
	padding-left:720px;
}
    .container_12 .prefix_10 {
	padding-left:800px;
}
    .container_12 .prefix_11 {
	padding-left:880px;
}


/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .suffix_1 {
	padding-right:80px;
}
    .container_12 .suffix_2 {
	padding-right:160px;
}
    .container_12 .suffix_3 {
	padding-right:240px;
}
    .container_12 .suffix_4 {
	padding-right:320px;
}
    .container_12 .suffix_5 {
	padding-right:400px;
}
    .container_12 .suffix_6 {
	padding-right:480px;
}
    .container_12 .suffix_7 {
	padding-right:560px;
}
    .container_12 .suffix_8 {
	padding-right:640px;
}
    .container_12 .suffix_9 {
	padding-right:720px;
}
    .container_12 .suffix_10 {
	padding-right:800px;
}
    .container_12 .suffix_11 {
	padding-right:880px;
}


/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .push_1 {
	left:80px;
}
    .container_12 .push_2 {
	left:160px;
}
    .container_12 .push_3 {
	left:240px;
}
    .container_12 .push_4 {
	left:320px;
}
    .container_12 .push_5 {
	left:400px;
}
    .container_12 .push_6 {
	left:480px;
}
    .container_12 .push_7 {
	left:560px;
}
    .container_12 .push_8 {
	left:640px;
}
    .container_12 .push_9 {
	left:720px;
}
    .container_12 .push_10 {
	left:800px;
}
    .container_12 .push_11 {
	left:880px;
}




/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .pull_1 {
	right:80px;
}
    .container_12 .pull_2 {
	right:160px;
}
    .container_12 .pull_3 {
	right:240px;
}
    .container_12 .pull_4 {
	right:320px;
}
    .container_12 .pull_5 {
	right:400px;
}
    .container_12 .pull_6 {
	right:480px;
}
    .container_12 .pull_7 {
	right:560px;
}
    .container_12 .pull_8 {
	right:640px;
}
    .container_12 .pull_9 {
	right:720px;
}
    .container_12 .pull_10 {
	right:800px;
}
    .container_12 .pull_11 {
	right:880px;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
#slider{margin-bottom:0;}
#slider h1{color:#fff;padding:20px;font-style:italic;font-family:Georgia,'Times New Roman',serif;font-size:1.8em;}
#slider ul,#slider ul li{margin:0;/*padding:0;*/}
.page_lister{width:570px;background:#4371a3;height:192px;padding-left:30px;float:left;}
.slider_image{/*width:509px;height:175px;padding:0;*/float:left;margin-right:20px; color:#ffffff;}
.graphic,#prevBtn,#nextBtn,#slider1prev,#slider1next{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
#slider ul,#slider li{margin:0;list-style:none;padding:0;}
#slider li, #diaporama ul li,#diaporama ul,  #slider ul li,.ma-slide{width:940px;height:215px;overflow:hidden;margin-left:0px;margin-top:0;}
.slider_image{ padding:10px;}
#prevBtn,#nextBtn,#slider1next,#slider1prev{display:block;width:41px;height:41px;position:relative;left:-20px;top:-120px;z-index:1000;}
#nextBtn,#slider1next{left:920px;top:-158px;}
#prevBtn a,#nextBtn a,#slider1next a,#slider1prev a{display:block;position:relative;width:41px;height:41px;background:0 url(images/fleche-gauche.png) no-repeat;}
#nextBtn a,#slider1next a{background:0 url(images/fleche-droite.png) no-repeat;}
#diaporama .slider_image a img, #slider a img,  #slider .page_mere_description , #slider .ma-slide{ display: none; color:#ffffff;}
.page_mere_description,div.page_mere_description { color:#ffffff; margin-top:20px;margin-right:30px; line-height:18px;z-index:5000;}
.page_mere_description h2{ color:#ffffff;}
#slider ul li div.page_mere_description a, #diaporama ul li div.page_mere_description a, .page_mere_description{ color:#ffffff; }
#diaporama .slider_image img { display: block;margin-left:0px; border:2px solid #ffffff;}
#diaporama ul{margin-left:0px;padding:0;}
.page #diaporama ul{/*margin-left:10px;*/}
#maintenance{padding-left:30px;padding-right:30px;line-height:18px;color:#333333;}

table
{
border-collapse:collapse;
width:560px;
}
table,th, td
{
border: 1px solid #BEE0A7;
/*border:none;*/
padding:10px;
}
th 
{
font-size:11px;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color:#6db33f;
color:#ffffff;
}
tr.alt td 
{
color:#000000;
background-color:#d5e6c6;

}
tr{
/*border:none;*/
}
td{ font-size:11px;}
td ul{ margin-left:0px;padding-left:20px;}
td ul li{ margin-left:5px;margin-bottom:5px;}

/*--Main Image Preview--*/
.main_image {
	width: 598px; height: 456px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;	padding: 10px;
}
.main_image p {
	font-size: 1.2em;
	padding: 10px;	margin: 0;
	line-height: 1.6em;
}
.block small { 
	padding: 0 0 0 20px; 
	background: url(icon_calendar.gif) no-repeat 0 center; 
	font-size: 1em; 
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}
.main_image a.collapse {
	background: url(btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;} 


.image_thumb {
	float: left;
	width: 299px;
	background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
}
.image_thumb img {
	border: 1px solid #ccc; 
	padding: 5px; 
	background: #fff; 
	float: left;
}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0; padding: 12px 10px;
	background: #f0f0f0 url(nav_a.gif) repeat-x;
	width: 279px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
}
.image_thumb ul li.hover {
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #fff;
	cursor: default;
}
html .image_thumb ul li h2 {
	font-size: 1.5em; 
	margin: 5px 0; padding: 0;
}
.image_thumb ul li .block {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 170px;
}	
.image_thumb ul li p{display: none;}

.menu {width:100%;/*height:32px;*/ position:relative; z-index:100; margin-left:10px;}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:100%;w\idth:100%;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;position:relative;width:157px;}

/* style the links for the top level */

.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	border:none;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:12px;
	font-weight:normal;
	text-align:center;
	cursor: default;
}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}



/* style the second level background */


.menu ul ul a.drop, .menu ul ul a.drop:visited {background-image: none;

border-bottom-width: 1px;

border-bottom-style: dotted;

border-bottom-color: #eff7ea;

border-top-width: 1px;

border-top-style: dotted;

border-top-color: #eff7ea;

display: block;

margin-bottom: -1px;

font-size: 11px;}

/* style the second level hover */

.menu ul ul a.drop:hover{background-image: none;

border-bottom-width: 1px;

border-bottom-style: dotted;

border-bottom-color: #eff7ea;

border-top-width: 1px;

border-top-style: dotted;

border-top-color: #eff7ea;

display: block;

margin-bottom: -1px;

font-size: 11px;}

.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#b2ab9b;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:22px;left:0; width:149px;border-top:none;}

/* another hack for IE5.5 */

* html .menu ul ul {top:22px;t\op:22px;}



/* position the third level flyout menu */

.menu ul ul ul{left:149px; top:-1px; width:149px;}



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-149px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}



/* style the second level links 

.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}*/

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}



/* style the top level hover 

.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}

.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}

*/

/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}

.menu ul li  ul li a.menu_item_link
{
cursor: pointer;
width:170px;
background-image: none;

border-bottom-width: 1px;

border-bottom-style: dotted;

border-bottom-color: #eff7ea;

border-top-width: 1px;

border-top-style: dotted;

border-top-color: #eff7ea;

display: block;

margin-bottom: -1px;

font-size: 11px;
text-align:left;
}





/* ================================================================ 

   This CSS is further CSS I have created specifically for Wordpress

   so that the current page is highlighted in two levels.

   If you want it in three levels let me know.



   Author: Isaac Rowntree

   Website: www.zackdesign.biz

=================================================================== */





/*.menu ul ul .current_page a {

  color: red;

  background: white;

  border-left: 1px solid black;

}



.menu .current_page a {

  color: red;

  font-weight: bold;

  background: white;

}



.menu ul .current_page ul a {

  color: white;

  font-weight: normal;

  background: black;

}



.menu ul .current_page ul a:hover {

  background: gray;

}



.menu .current_page a:hover {

  background: white;

}*/



/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http.menu_right {

z-index:1000;

font-size:90%;

float:right;

margin:0 25px 50px 0; /* this page only */

}



/* remove all the bullets, borders and padding from the default list styling */

.menu_right ul {

padding:0;

margin:0;

list-style-type:none;

width:150px;

}

/* hack for IE5.5 */

* html .menu_right ul {margin-left:-16px; ma\rgin-left:0;}

/* position relative so that you can position the sub levels */

.menu_right li {

position:relative;

background:#d4d8bd;

height:26px;

}



/* get rid of the table */

.menu_right table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}



/* style the links */

.menu_right a, .menu_right a:visited {

font-family:verdana, sans-serif;

display:block; 

text-decoration:none;

height:25px;

line-height:25px;

width:149px;

color:#000;

text-indent:5px;

border:1px solid #fff;

border-width:0 1px 1px 0;

}

/* hack for IE5.5 */

* html .menu_right a, * html .menu_right a:visited {background:#d4d8bd; width:150px; w\idth:149px;}

/* style the link hover */

* html .menu_right a:hover {color:#fff; background:#949e7c;}



.menu_right :hover > a{

color:#fff; 

background:#949e7c;

}



/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu_right ul ul {

visibility:hidden;

position:absolute;

top:0;

left:-150px; 

}

/* make the second level visible when hover on first level list OR link */

.menu_right ul li:hover ul,

.menu_right ul a:hover ul {

visibility:visible;

}

/* keep the third level hidden when you hover on first level list OR link */

.menu_right ul :hover ul ul{

visibility:hidden;

}

/* keep the fourth level hidden when you hover on second level list OR link */

.menu_right ul :hover ul :hover ul ul{

visibility:hidden;

}

/* make the third level visible when you hover over second level list OR link */

.menu_right ul :hover ul :hover ul{ 

visibility:visible;

}

/* make the fourth level visible when you hover over third level list OR link */

.menu_right ul :hover ul :hover ul :hover ul { 

visibility:visible;

}

/*

<!--[if IE 7]>

<style type="text/css">

.menu_right li {float:left;}

</style>

<![endif]-->

*/



/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/latest-flyout.html

Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

.menu_left {height:132px; width:132px; position:relative;}



.menu_left ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; background:#fff;}



.menu_left li {margin:0; padding:0; list-style:none;}

.menu_left li {display:inline;}

.menu_left ul ul {position:absolute; left:-9999px;}

.menu_left ul#toplevel {position:absolute; left:0; top:0;}



.menu_left a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:22px; text-decoration:none;padding:0 20px 0 10px;} 

.menu_left li a.fly {background: url(anywidth/arrow.gif) no-repeat right top;}



.menu_left li a:hover {background-color:#09c; color:#fff;} 

.menu_left li:hover > a {background-color:#09c; color:#fff;}



.menu_left ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}



.menu_left a:hover ul,

.menu_left a:hover a:hover ul, 

.menu_left a:hover a:hover a:hover ul {left:100%;}

.menu_left a:hover ul ul, 

.menu_left a:hover a:hover ul ul {left:-9999px;}



.menu_left table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}



.menu_item_2{background: #0078A9;	background-repeat: no-repeat;

	background-position: right top;}

.menu_item_2 a{background:#0078A9;	background-repeat: no-repeat;}

.menu_item_2 h4{color:#0078A9;}

.menu_item_4{background: #232F85 /*url(images/coin-droit.png)*/;	background-repeat: no-repeat;background-position: right top;}

.menu_item_4 a{background:#232F85 /*url(images/coin-gauche.png)*/;	background-repeat: no-repeat;background-position: left top; }



.menu_item_9{background: #8F228D /*url(images/coin-droit.gif);*/	background-repeat: no-repeat;

	background-position: right top;}

.menu_item_9 a{background:#8F228D /*url(images/coin-gauche.png)*/;	background-repeat: no-repeat;background-position: left top; }

.menu_item_11 a{background:#4F6F19 /*url(images/coin-gauche.png)*/;	background-repeat: no-repeat;background-position: left top; }

.menu_item_11 a{background:#4F6F19 /*url(images/coin-gauche.png)*/;	background-repeat: no-repeat;background-position: left top; }



.menu_item_13 a{background:#6DB33F /*url(images/coin-gauche.png)*/;	background-repeat: no-repeat;background-position: left top; }

.menu_item_13 a{background:#6DB33F /*url(images/coin-gauche.png)*/;	background-repeat: no-repeat;background-position: left top; }



.menu_item_15 a{background:#F8981D;	background-repeat: no-repeat;background-position: left top; width:135px;}

.menu_item_15 a{background:#F8981D;	background-repeat: no-repeat;background-position: left top; }

/*.pageid-15  h3, .parent-pageid-15  h3{color:#F8981D;text-transform: uppercase;}*/