/* ================================================================ 
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/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */



/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; }

/* 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;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:102px; height:16px; background:#343055; font-weight:bold;}

/* 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:24px;left:0; width:102px;}

/* another hack for IE5.5 */
* html .menu ul ul {top:23px;t\op:24px;}

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

.menu ul ul a, .menu ul ul a:visited {background:#343055; color:#ffffff; height:auto; line-height:1em; padding:5px 10px 5px 10px; width:96px; }

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffff; background:#6F6C87; }



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


/* ajout Patricia */

body{ margin:0;}

li.modeles a, li.modeles a:visited, li.modeles a:link {
font-size:11px;
width:103px;
height:24px;
display: block ;
background: url(/fr/images/bt_modeles_off.jpg) left top no-repeat ;
}
	
li.modeles a:hover, li.modeles a:active {
background: url(/fr/images/bt_modeles_on.jpg) left top no-repeat ;
visibility:visible;
text-decoration:none;
}

li.projets a, li.projets a:visited, li.projets a:link  {
font-size:11px;
width:93px;
height:24px;
display: block ;
background: url(/fr/images/bt_projets_off.jpg) left top no-repeat ;
}
	
li.projets a:hover, li.projets a:active {
background: url(/fr/images/bt_projets_on.jpg) left top no-repeat ;
}

li.visiter a, li.visiter a:visited, li.visiter a:link  {
font-size:11px;
width:73px;
height:24px;
display: block ;
background: url(/fr/images/bt_avisiter_off.jpg) left top no-repeat ;
}
	
li.visiter a:hover, li.visiter a:active {
background: url(/fr/images/bt_avisiter_on.jpg) left top no-repeat ;
}

li.propos a, li.propos a:visited, li.propos a:link  {
font-size:11px;
width:75px;
height:24px;
display: block ;
background: url(/fr/images/bt_apropos_off.jpg) left top no-repeat ;
}
	
li.propos a:hover, li.propos a:active {
background: url(/fr/images/bt_apropos_on.jpg) left top no-repeat ;
visibility:visible;
text-decoration:none;
}


li.contact a, li.contact a:visited, li.contact a:link  {
font-size:11px;
width:67px;
height:24px;
display: block ;
background: url(/fr/images/bt_contact_off.jpg) left top no-repeat ;
}
	
li.contact a:hover, li.contact a:active {
background: url(/fr/images/bt_contact_on.jpg) left top no-repeat ;
visibility:visible;
text-decoration:none;
}


li.langue a, li.langue a:visited, li.langue a:link  {
font-size:11px;
width:64px;
height:24px;
display: block ;
background: url(/fr/images/bt_english_off.jpg) left top no-repeat ;
}
	
li.langue a:hover, li.langue a:active {
background: url(/fr/images/bt_english_on.jpg) left top no-repeat ;
}

li.none li a, li.none a:visited, li.none a:link{
background:none;
background:#343055; color:#ffffff; height:auto; line-height:1em; padding:5px 10px 5px 10px; width:96px;
}

li.none_fin li a, li.none_fin a:visited, li.none_fin a:link{
background:none;
background:#343055; color:#ffffff; height:auto; line-height:1em; padding:5px 10px 12px 10px; width:96px;

}