/*

# ------------------------------------------------------
# ReedMidem.com - Corporate Web Site
# ------------------------------------------------------
# /style/style.css
# Feuille de style générale
# ------------------------------------------------------

*/


/* ----- Proriété Globales ou générales ----- */

body {
width:770px;
margin:0;
padding:10px 0; /* opera */
}

#content {
padding-left: 9px;
margin-bottom: 20px;
}

a {
color:#FF6600;
text-decoration:none;
cursor:hand;
}

a:hover {
color: #666;
}


/* Hacks */

img {
border:0;
}

.spacer {
float:none !important;
display:block !important;
width:0 !important;
clear:both !important;
height:15px !important;
line-height:0 !important;
border:0 !important;
}


/* Typo redondante */

#menu li a span, #salons li a, #footer {
font-family:Helvetica, Arial, Sans-Serif;
color:#808080;
font-weight:bold;
}

#salons li a, #footer {
font-size:12px;
line-height:1em;
}


/* ----- ----- */



/* ----- HEADER ----- */

#header {
margin-bottom:15px;
}

h1, h2 {
margin:0;
padding:0;
}

#logo {
float:left;
margin:13px 0;
}

h2#baseline {
border-left:108px solid #CCCCCC;
padding-left:15px;
line-height:0px;
height:9px; /* Moz */
}

h2#baseline img {
padding:0;
}


/* ----- ----- */



#menu td a span, #salons td a {
font-size:12px;
font-family:Helvetica, Arial, Sans-serif;
font-weight:bold;
color:#666;
}

/* ----- Menu principal ----- */

#menu {
width:560px;
margin:10px 0 0 0;
}

/*
#menu td {
font-size:11px;
line-height:1.8em;
font-weight:bold;
}
*/

#menu td a {
display:block;
padding-left:15px;
background:transparent url("rect.gif") no-repeat center left ;
}

#menu td a:hover {
background:transparent url("rect2.gif") no-repeat center left ;
}

#menu td a span { /* Version texte (en Back Up) */
display:block;
width:157px;
border:1px solid #FF9900;
text-align:left;
padding-left:5px;

overflow:hidden;
font-size:9px;
line-height:2.2em;
font-weight:bold;
}

#menu td img { /* Version image */
display:block;
border:1px solid #FF9900;
}


/* Propriété des Sous-menus */

#menu ul {
position:absolute;
display:none;
margin:0;
padding:2px 4px;
border: 1px solid #FF9900;
background-color: white;
width:157px; /* plutôt Moz */

list-style-position:outside;
list-style-type:none;

margin-left:15px;
margin-top:4px;
}

#menu ul li {
display:block;
width:157px; /* plutôt IE */
margin:0;
}

#menu ul li a {
padding:0;
font-family: Verdana, Sans-Serif;
font-size: 10px;
line-height: 1.4em;
font-weight: normal;
color: black;
background:none; /* éviter d'avoir le rollover du papa */
}

#menu ul li a:hover {
color:#FF6600;
background:none; /* éviter d'avoir le rollover du papa */
}


/* Positionnement absolu des Sous-menus */

/*

#smenu1, #smenu2, #smenu3	{ top:58px;		}

#smenu4, #smenu5, #smenu6	{ top:83px;		} 

#smenu1, #smenu4			{ left:215px;	}

#smenu2, #smenu5			{ left:401px;	}

#smenu3, #smenu6			{ left:587px;	}

*/


/* ----- ----- */




/* ----- MENU SALONS ----- */

#salons {
clear:both;
background:transparent url("f/bordureA.gif") no-repeat top left ;
height:18px;
z-index: 1;
width: 770px; 
border: 1px solid #CCC;
}

#salons table {
height:18px;
width:567px;
border-collapse:collapse;
margin-left: 25px;
}

#salons td a {
display: block;
padding: 0 12px 0 16px;
white-space: nowrap;
letter-spacing: 1px;
line-height: 1.2em;
text-transform: uppercase;
background: transparent url("carre.gif") no-repeat scroll center left ;
}

#salons td a:hover {
background:transparent url("carre2.gif") no-repeat scroll center left ;
}


/* Sous menus */

#salons ul {
position:absolute;
display: none;
margin:5px 0;
padding:2px 4px;
border:1px solid #FF9900;
background-color:white;
}

/* Hack IE 5 + mac */
#salons ul { width: auto;

}
/* \*/
html*#salons ul{ width :auto;

}
/* */ 	

#salons ul li {
list-style-type:none;
margin:0;
padding:2px 5px 2px 0;

height:1px;
/* IE 5.0 */
voice-family: "\"}\"";voice-family: inherit;
height:auto;
}

html*#salons ul li {
height:auto;
}

#salons ul li a {
padding:0;
font-family: Verdana, Sans-Serif;
font-size:10px;
line-height: 1.2em;
font-weight: normal;
text-transform:none;
letter-spacing:0;
color: #000000; 
background:none; /* éviter d'avoir le rollover du papa */
}

#salons ul li a:hover {
color:#FF6600;
background:none; /* éviter d'avoir le rollover du papa */
}



/* Hack Konqueror + MSIE MAC */

/* \*/
#menusalons1, #menusalons2, #menusalons3,
#menusalons4, #menusalons5, #menusalons6 {
top:107px;
}
/* */


/* ----- ----- */



/* ----- FOOTER -----  */

#footer {
clear:both;
background:white url("f/bordureB.gif") no-repeat center left ;
padding:0px 30px;
}


#footer .last {
background-color:white;
}

#logoReed {
margin-bottom:5px;
}

#footer strong {
color:#666;
}


#footer span {
position:relative;
top:3px;

}

#footer span a {
color:#666;
background:transparent url("carre.gif") no-repeat center left ;
padding:4px 5px 0px 15px;
margin:0px 0 0 10px;
}

#footer span a:hover {
color:#FF6600;
background:transparent url("carre2.gif") no-repeat center left ;
}


/* ----- ----- */



/* ----- CONTENU ----- */


/* Propriétés globales des titres */

h3  {
padding:0;
margin:0;
font-size:13px;
font-family:Helvetica, Arial, Sans-Serif;
font-weight:bold;
color:#FF6600;
line-height: 12px;
}

h3 strong, h3 b {
display:block;
color:#000066;
font-size:14px;
letter-spacing: 1pt;
line-height: 14px;
text-transform:uppercase;
}

h4 {
font-size:11px;
font-weight:bold;
margin-bottom:10px;
}

/* Propriétés globales du contenu */

#content {
text-align: justify;
font-family: Verdana, Sans-Serif;
font-size: 11px;
}

#content ul {
margin:5px 0;
padding-left:15px;
list-style-position:outside;
list-style-type: none;
list-style-image:url("li_black.gif");
}

#content ul li {
padding:1px 0;
margin:0 0 0 3px;
}

#content p {
margin: 5px 0;
padding: 0 0 0 15px;
}

#bar { 
width: 770px;  
background: url("border_770x32.gif") repeat left;
height: 32px;
}

/* Bloc "What" */

#what {
/* border-left:10px solid #FF9900; */
/* padding-left:10px; */
float:left;
}

#what89 {
/*background-color: #CCCCCC;*/
border-left: 10px solid #FF6600;
padding-left: 8px;
margin: 20px 0 20px 0;
width: 400px;
float: left;
}

#what h1 {
border-left: 0px solid #000066;
background-color: #FFFFFF;
padding : 0 10px 0 10px;
margin: 2px 0 0 18px; 
font-size: 15px;
color: #000066;
}

#what h2 {
border-left: 0px solid #FF9900;
background-color: #FFFFFF;
padding : 0 10px 0 10px;
margin: 0 0 0 18px; 
font-size:14px;
color:#FF6600;

}

#what p {
margin:0;
padding:0;
font-family:Helvetica, Arial, Sans-Serif;
font-size:13px;
color:#000066;
font-weight:bold;
}

#what89 h1 {
font-size:15px;
color:#000066;
}

#what89 h2 {
font-size:14px;
color:#FF6600;
}

#what89 p {
margin:0;
padding:0;
font-family:Helvetica, Arial, Sans-Serif;
font-size:13px;
color:#000066;
font-weight:bold;
}

/* Bloc "Chapo" */

#chapo {
width:730px;
padding-bottom:20px;
clear:both;
}

#chapo h1 {
font-size:14px;
}

#chapo ul {
list-style-image:url("puceC.gif");
}

/* Autres */

#what h2, #what h1,
#chapo h1, #chapo h2,
#content h1, #content h2 {
font-family:Helvetica, Arial, Sans-Serif;
text-transform:uppercase;
letter-spacing: 0pt; 
line-height: 14px;
background-color: #FFFFFF;
}

#tools {
padding: 0 18px 0 0;
margin: 4px 0 0 0;
text-align: right;
width: 65px;
float: right;
height: 28px;
}

#closethispage {
clear: both;
text-align: center;
display: none;
}

#closethispage p {
padding: 2px 5px;
margin: 0 auto;
border: 1px solid #FF9900;
font-size: 9px;
font-family: Verdana, Sans-serif;
width: 95px;
}

#closethispage p img {
display:inline !important;
}

/* ----- ----- */