/* Auteur : David Mollière */
/* Date : 22/04/2006 */
/* Révision : 3.0 */

/* Définition des eléments de mise en page (structure du gabarit) */

body {margin: 0;
padding: 0;
background-color: #283746;
background-image: url(http://www.michelez-notaires.com/assets/templates/michelez/images/bg_repeat.jpg);
background-repeat: repeat-x;
font-size: 70%;
font-family: Arial, Helvetica, sans-serif;
}

#topmenu {position: relative;
top: 0px;
right: -150px;
margin: 0 auto;
width: 475px;
height: 22px;
padding-top: 8px;
color: white;
font-size: 1em; 
letter-spacing: 1px;
}

#conteneur {margin: 0 auto;
width: 750px;
height: auto;
padding: 5px;
background-color: white;
background-image: url(http://www.michelez-notaires.com/assets/templates/michelez/images/top.jpg);
background-repeat: no-repeat;
}

#entete {position: relative;
top: 0px;
left: 0px;
height: 140px;
padding: 0;
background-color: white;
background-image: url(http://www.michelez-notaires.com/assets/templates/michelez/images/entete_bg.jpg);
background-repeat: no-repeat;
}

#contact {position: absolute;
top: 0px;
right: 5px;
height: 140px;
font-size: 1em;
color: white;
padding: 25px 15px 10px 10px;
text-align: right;
}

#logo {position: relative;
top: 0px;
left: 0px;
width: 500px;
height: 140px;
}

#photo {width: 750px;
height: 230px;
}

#menu {width: 750px;
height: 35px;
font-size: 11px;
background-color: #46617B;
}



#contenus {position: relative;
top: 0px;
left: 0px;
width: 750px;
height: 350px;
margin: 0;
padding: 0;
background-color: #f4f8fb;
background-image: url(http://www.michelez-notaires.com/assets/templates/michelez/images/bg_contenus.jpg);
background-repeat: repeat-y;
}

html>body #contenus { /* opera et moteur gekko */
height: auto;
min-height: 375px;
}

#texte {float: right;
width: 450px;
padding: 10px 35px 30px 35px;
font-size: 1.1em;
letter-spacing: 1px;
line-height: 2ex;
text-align: justify;
}

#submenu {float: left;
width: 230px;
margin: 0;
font-size: 1em;
background-color: #BFCDDB;
}

/* html>body #submenu { 
height: auto;
min-height: 375px;
} */

#piedpage {clear: both;
margin: 0 auto;
width: 760px;
height: 20px;
background-color: white;
background-image: url(http://www.michelez-notaires.com/assets/templates/michelez/images/bottom.jpg);
background-repeat: no-repeat;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
margin-top: -5px;
color: #C2CFDC;
font-size: 1em;
font-weight: bold;
letter-spacing: 1px;
text-align: center;}


#nodeo {margin: 0 auto;
width: 760px;
height: 20px;
margin-bottom: 10px;
color: #9DB3C8;
font-size: 0.9em;
font-weight: normal;
letter-spacing: 2px;
text-align: center;}


div.clear {clear: both;}



/* Définition des styles pour le pied de page */

#piedpage a:link, #piedpage a:visited, #contact a:link, #contact a:visited  {
color: #C5D1DE;
text-decoration: none;}

#nodeo a:link, #nodeo a:visited  {
color: #9DB3C8;
text-decoration: none;}

#piedpage a:active, #piedpage a:hover, #contact a:active, #contact a:hover,#nodeo a:active, #nodeo a:hover  {
color: white;
text-decoration: none;}


/* Définition des styles pour le menu en haut ?auche */

#topmenu a:link, #topmenu a:visited 
{color: #C5D1DE;
text-align: center;
text-decoration: none;
}

#topmenu a:hover, #topmenu a:active
{color: white;
text-align: center;
text-decoration: none;
}

#breadcrumbs {font-size: 0.9em;}


/* Définition des styles pour le menu principal multi-niveau */

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

/* Remise à zéro des styles pour les tableaux */

#menu table {border: none;
border-collapse:collapse;
vertical-align:middle;	
}

#menu td, #menu th { border: none;
}

#menu td {padding: 0;}

/* style the table so that it takes no part in the layout - required for IE to work */
#menu table {position:absolute; z-index: 10; top:0; left:0; border-collapse:collapse;}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {padding:0;margin:0;list-style-type:none; text-align: center;letter-spacing: 2px;}

#menu ul ul, #menu ul ul ul, #menu ul ul ul ul {text-align: center;letter-spacing: 1px;
text-transform: none; font-size: 0.9em;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {float:left;width:187px;position:relative; z-index: 100;}

/* style the links for the top level */
#menu a, #menu a:visited {display:block;text-decoration:none; color:#fff; width:187px; padding: 10px 0 0 0; height:25px; background-color: #46617B;}

/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a, * html #menu a:visited {width:187px; w\idth:186px;}

#menu ul li a:hover, #menu ul li a:active {color: white;
background-color: #73A9CA;}

#menu ul li.item4 a:hover, #menu ul li.item4 a:active {width: 189px;}

#menu ul li.actif a:link, #menu ul li.actif a:visited {color: white;
background-color: #73A9CA;}

#menu ul li.actif ul a:link, #menu ul li.actif ul a:visited {background-color: #46617B;
color: white;}

#menu ul li.actif ul a:hover, #menu ul li.actif ul a:active {background-color: #73A9CA;
color: white;}

#menu ul li.actif ul :hover >a, #menu ul li.actif ul :active >a {background-color: #73A9CA;
color: white;} 

/* style the second level background */
#menu ul ul a, #menu ul ul a:visited {background-color: #46617B;}

#menu ul ul li.actif a:link, #menu ul ul li.actif a:visited {color: white;
background-color: #73A9CA;}

/* style the second level hover */
#menu ul ul a:hover {background-color:#73A9CA; color: white;}

#menu ul ul :hover > a {background-color:#73A9CA; color: white;}


/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {
	background-color:#46617B;}

#menu ul ul li.actif ul a:link, #menu ul ul li.actif ul a:visited {color: white;
background-color:#46617B;}

#menu ul ul li.actif ul li.actif a:link, #menu ul ul li.actif ul li.actif a:visited {color: white;
background-color: #73A9CA;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden;position:absolute; z-index: 20;height:0;top:35px;left:0; width:187px;}

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

/* position the third level flyout menu */

#menu ul ul ul {left:186px; top:0px; width:187px;}

/* another hack for IE5.5 */
* html #menu ul ul ul {top:-9px;t\op:-10px;}


/* position the third level flyout menu for a left flyout */
#menu ul ul ul.level3 {left:-186px;}

/* style the second level links */
#menu ul ul a,  #menu ul ul a:visited  {height: 25px; padding: 5px 0px; width:185px; border: 1px solid #F4F8F8; border-width:0px 1px 1px 1px;}

#menu ul ul li.first a, #menu ul ul li.first a:visited {border-top: 1px solid #F4F8F8;}


/* style the third level links */
#menu ul ul ul a, #menu ul ul ul a:visited {height: 25px; padding: 5px 0px; width:185px;border: 1px solid #F4F8F8; border-width:0px 1px 1px 1px;}

#menu ul ul ul li.first a, #menu ul ul ul li.first a:visited {border-top: 1px solid #F4F8F8; }

/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited {width:184px;w\idth:185px;}

/* style the third level hover */
#menu ul ul ul a:hover {color:white; background:#73A9CA !important; width: 185px !important;}

/* style the top level hover */
#menu a:hover {color:#fff; background:#516F8E;}
#menu :hover > a {color:#fff;background:#516F8E;}

/* style the first level hover */
#menu ul ul a:hover {color:white; background:#73A9CA;}
#menu ul ul :hover > a {color:white;background:#73A9CA;}


/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, ul#menu ul a:hover ul {visibility:visible; }

#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;}









/* Définition des styles pour les éléments en ligne */

#texte p {padding-top: 5px;
}

strong {color: #283746;}


#submenu h1 {padding: 40px 20px 5px 20px;
font-size: 1.4em;
color: #516F8E;
font-variant: small-caps;
letter-spacing: 1px;
line-height: 2ex;
text-align: center;
}


h1 {padding-top: 10px;
padding-bottom: 3px;
font-size: 1.4em;
color: #283746;
font-variant: small-caps;
letter-spacing: 1px;
line-height: 2ex;
text-align: right;
}


h3 {padding-top: 5px;
padding-bottom: 3px;
font-size: 1.2em;
color: #51708F;
letter-spacing: 1px;
line-height: 2ex;
text-align: left;
}

a:link {text-decoration: none;
color: #0066CC;}

a:visited {text-decoration: none;
color: #006699;}

a:hover {text-decoration: none;
color: #0033CC;}

#texte p {padding-bottom: 8px;
	line-height: 1.2em;}

#texte ul {text-align: left;
	margin-left: 25px;
	margin-top: 12px;}

#texte ul ul {padding-top: 5px;
	margin-left: 12px;
	margin-top: 6px;}

#texte li {line-height: 2ex;
padding-bottom: 6px;}

div.infocontact {width: 400px; 
text-align: center; 
font-size: 0.9em;
margin-top: -12px;
padding: 5px 0px; 
background-color: #333; 
color: white;}


/* Définition des styles pour les formulaires */

#EmailForm {width: 440px;
margin-top: 20px;
padding: 0px 10px 0px 20px;
}

form#EmailForm {border: none;
padding: 10px 15px 10px 10px;
background-color: transparent;}

fieldset {border: none;}

input.submit {background-color: white;
font-family: Arial, Helvetica, sans-serif;}

input {background-color: white;
border: 1px solid #cccccc;
padding: 2px;
margin-left: 4px;
font: 10px "Lucida Sans", Tahoma, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 1px;}

input:hover{background-color: #f4f4f4;}

input:focus {background-color: #25496D;
color: white;}

/* Définition des styles pour les fiches de l'annuaire */

.fiche {background-color: white;
padding: 15px;
margin: 15px 0px 15px 0px;
border: 1px solid #cccccc;}

.fiche a:link {text-decoration: none;
color: #0066CC;}

.fiche a:visited {text-decoration: none;
color: #006699;}

.fiche a:hover {text-decoration: none;
color: #0033CC;}

#detail table {background-color: white;
color: #666666;
margin-left: 30px;
padding-top: 15px;
}

#detail th {text-align: left;
padding: 2px 2px 2px 2px;
color: #516f8e;}

#detail td {text-align: left;
padding: 2px 6px 2px 6px;
color: #666666;}

.fiche h3 {margin: 0 0 10px 0;
padding: 0;
font-size: 16px;
color: #283746;
font-variant: small-caps;
letter-spacing: 1px;}



/* Définition des styles pour la liste alphabétique */

div#liste_alpha {margin: 10px 0 0 30px;
padding: 10px;
height: 15px;
width: 370px;
background-color: white;
border: 1px solid #cccccc;}

#liste_alpha ul {display: inline;
padding:0;
}

#liste_alpha ul li
{float: left;
display: inline;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
background-color: transparent;}

#liste_alpha ul li a:link, #liste_alpha ul li a:visited 
{display: block;
color: #283746;
text-align: center;
text-decoration: none;
padding: 2px;}

#liste_alpha ul li a:hover, #liste_alpha ul li a:active
{display: block;
background-color: #516f8e;
color: white;
text-align: center;
text-decoration: none;
padding: 2px;}


p.succes {color: #009900;
font-weight: bold;}

p.echec {color: #CC0000;
font-weight: bold;}

#texte p.publication {padding-top: 20px;}

table {margin : 10px 0px 10px 0px;
}

#contenus div.resumeannonce {margin: 5px 0px 20px 20px; 
padding: 4px 12px 16px 12px; 
border: 1px solid #ccc; 
background-color: white;}

h1.titreannonce {padding-top: 0px; margin-bottom: 3px; text-align: right;}


table#liste_conf_form {width: 440px;}

table#liste_conf_form tr.normal {background-color: white;}

table#liste_conf_form tr.alt {background-color: transparent;}

table#liste_conf_form td.titre {width: 45%; text-align: left;}
table#liste_conf_form td.date {width: 30%; text-align: center;}
table#liste_conf_form td.lieu {width: 35%; text-align: center;}

div.item_cf_even, div.item_cf_odd {width: 90%; padding: 8px 16px 8px 16px; margin-top: 12px; border: 1px solid #ccc;}

div.item_cf_even p, div.item_cf_odd p {padding-top: 0px !important;}


div.item_cf_even {background-color: white;
}

div.item_cf_odd {background-color: #CFFFD1;
;
}

span.lien_cf {display: block;
	margin-top: 6px;
	text-align: right;}