*{
	/* style */
	font-family: Arial, Verdana, sans-serif;
	font-size: 100%;
}

body{

	margin: 0;
	padding: 0;
	font-size: 0.8em;

	/* style */
	color: #fff;
	background: #33070f;
}



.zonemaxwidth{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}



#container{
	margin: 0 auto;
	text-align: center;
}

#pubs{

height: 70px;

/* style */

background-color: #501521;

}

#annonce{
	position: absolute;
	margin: 51px 0 0 730px;
	width: 230px;
	height: 128px;

	/* style */
	background: #501521 url('../image/annonce_bg.gif') no-repeat;
	display:none;
}

#header{

height: 110px;

/* style */

background: #501521 url('../image/header_bg.gif') repeat-x;

}
#header .logo {
top:10px;
left:20px;
position:relative;
width:220px;
height:79px;
}
#header .baseline {
float:left;
margin:0px;
width:320px;
height:20px;
z-index:400;
position:relative;
top:4px;
}

#zonetop{
	clear: both;
	height: 50px;
	margin: 0;

	/* style */
	color: #000;
	
}



#zonecenterleft{
	margin-left: 0; 
	margin-top: 15px;
	width: 730px;
	float: left;
	
	/* style */
	text-align: left;
}

#zoneleft{
	width: 0;
}

#zoneright{
	width: 260px;
	margin: 0;
	float: right;
}
#zoneright .blocRight select {
width:146px;
font-size:11px;

}

#zoneright .blocRight .submitRight {
width:24px;
border:1px solid black;
}
#zoneright .blocRight {
width:260px;
margin:0 0 20px 0;
}
#zoneright .blocRight .top {
font-size:0px;
height:13px;
background:url(http://www.lecoam.eu/image/accesClient_top.gif) no-repeat;
}
#zoneright .blocRight .middle {
background:url(http://www.lecoam.eu/image/accesClient_middle.gif) repeat-y;
}
#zoneright .blocRight .middle form {
padding:0px;
margin:10px 0 0 0;
}
#zoneright .blocRight .bottom {
font-size:0px;
height:12px;
background:url(http://www.lecoam.eu/image/accesClient_bottom.gif) no-repeat;
}
#zoneright .blocRight h2 {
margin:0 0 10px 10px;
color:#f99403;
}
#zoneright .blocRight p {
margin:0 0 0 10px;
}
#zoneright .blocRight a {
color:#FFFFFF;
}


#footer{
clear: both;

height: 52px;

width: 100%;

margin: 20px 0 0 0;

/* style */

color: #000;


}

#footer .newsletterLink {
text-align:right;
width:960px;
height:22px;
line-height:22px;
margin:0 auto;
color:#dddddd;
}
#footer .newsletterLink a {
color:#ffcc00;
text-decoration:none;
}
#footer .newsletterLink a:hover {
text-decoration:underline;
}



/*---------- SPECIFIC STRUCTURE --------*/





/*---------- ELEMENTS TO HIDE ----------*/

/*

#header_impression{

display: none;

}

*/



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

as much as possible...

first redefine HTML elements, then define the other elements

Use CONTAINER as common declaration for the others

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



a{

text-decoration: none;

color: #ffbb00;

}

a:hover{

text-decoration: underline;

color: #ffbb33;

}

img{

border: none;

}

acronym{

/* style */

border-bottom: dotted 1px #ddd;

cursor: help;

}



/*---------- CONTAINER ----------*/

h1{

margin: 2px 0 8px 0;

padding: 0 0 16px 0 ;

font-weight: bold;

font-family: Verdana, Arial, sans-serif;

color: #f5f5f5;

background-image: url('/_commun/img/h1_fd.gif');

background-position: bottom;

background-repeat: repeat-x;

}

.center{

text-align: center;

}

.right{

text-align: right;

}

.clear{

clear: both;

}

.floatleft{

float: left;

}

.floatright{

float: right;

}



/* FORM */

form{

padding: 15px;

margin: 0;

/* style */

}

.formspacer{

margin: 10px;

}

fieldset{

padding: 0;

margin: 0;

/* style */

border: 0;

}

legend{

padding: 0;

margin: 0 0 15px 0;

+margin: 0 0 15px -7px; /* hack IE */

/* style */

font-weight: normal;

font-size: 1.3em;

color: #38ade8;

}

label{

padding: 0;

margin: 10px 0 0 0;

/* style */

font-weight: bold;

font-size: 1em;

}

input, select{

/* style */

}

.boutons{

display: block;

text-align: right;

}

.attributename, .required{

font-weight: normal;

font-family: Georgia, Times new roman, serif;

font-size: 1.4em;

text-align: right;

padding: 0 20px;

}

.attributename, .note{

color: #43ACE2;

}

.required, .noterequired{

color: #EC8F29;

}

.messages {

padding: 0;

margin: 15px 0;

}

.messages li{

color: green;

padding: 10px;

border: dotted 1px green;

font-weight: bold;

list-style-type: none;

margin: 0;

}

.messages li.error{

color: red;

border: dotted 1px red;

}



/*----- PUBS -----*/



/*----- ANNONCE -----*/

#annonce h3{

margin: 3px 0 0 12px;

padding: 0;

font-weight: bold;

font-size: 0.8em;

color: #999999;

}

#annonce h4{

margin: 10px 12px 0 12px;

padding: 0;

text-transform: uppercase;

font-weight: bold;

font-size: 0.85em;

color: #b47e89;

}

#annonce img{

float: right;

margin: 4px 15px;

padding: 0 0 5px 20px;

border-left: dashed 1px #cccccc;

}

#annonce p{

font-family: Verdana, Arial, sans-serif;

font-size: 0.8em;

color: #999999;

margin: 0 4px 0 12px;

}

#annonce a{

font-family: Verdana, Arial, sans-serif;

text-decoration: underline;

color: #cccccc;

}

#annonce a:hover{

text-decoration: none;

color: #ffffff;

}

#ebooks img{

border: 0;

margin: 14px 0 0 0;

+margin: 14px 0 0 -20px;

}



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

#header img {

display: block;

}

#header #degrade{

margin: 0 0 0 -70px;

}

#header #logo{

margin: 7px 0 0 10px;

+margin: 25px 0 0 10px; /* hack IE */

}

#header_nav ul{

position: absolute;

top: 0px;

margin: 70px 0 0 250px;

padding: 0;

}

#header_nav li{

display: inline;

margin: 0;

padding: 0;

list-style-type: none;

}

#header_nav li a{

display: block;

float: left;

width: 110px;

height: 17px;

margin: 0 0 0 15px;

/* style */

text-align: center;

background: #501521 url('../image/header_nav_li_bg.gif') no-repeat;

font-family: Verdana, Arial, sans-serif;

font-weight: bold;

font-size: 0.8em;

color: #dddddd;

}

#header_nav li a:hover{

height: 16px;

padding: 1px 0 0 0;

/* style */

color: #ffffff;

text-decoration: none;

}

#zoneheader form.formrecherche{

float: left;

}

#slogan{

position: absolute;

top: 130px;

margin: 0 0 0 230px;

}

#cadeau{

position: absolute;

top: 121px;

margin: 0 0 0 500px;

}

#cadeau img{

float: left;

margin: 0 15px 0 0;

}

#cadeau a{

font-family: Verdana, Arial, sans-serif;

font-weight: bold;

font-size: 0.85em;

color: #e595a4;

}



/*----- ZONETOP -----*/

#zonetop dl{

display: block;

margin: 0;

padding: 0;

}

#zonetop dt{

float: left;

margin: 0;

padding: 0;

}

#zonetop dl{

float: left;

margin: 0;

padding: 8px 40px 8px 0;

}

#zonetop dl a{

font-family: Verdana, Arial, sans-serif;

font-weight: bold;

font-size: .8em;

color: #cccccc;

text-decoration: none;

}

#zonetop dl a img{

margin: 0 8px 0 0;

}

/* hack de commentaire avec un antislash pour ie5 mac \*/

dt { clear: both; }

/* end hack */



/* accesdirect */

#accesdirect{

width: 120px;

height: 28px;

margin: 3px 0 0 0;

padding: 5px 0 0 35px;

font-family: Verdana, Arial, sans-serif;

font-weight: bold;

font-size: 0.85em;

color: #ffffff;

border: 0;

background: transparent url('../image/header_accesdirect_bg.gif') no-repeat !important;

}



/* this is the css for the horizontal version */

.horizontal ul{

margin: 3px 0 0 0;

+margin: 4px 0 0 0;

padding: 0;

list-style-type: none;

/* background: green; */

}

.horizontal li{

float: left;

margin: 0;

+margin: -1px 0 0 0; /* hack IE */

padding: 0;

}

.horizontal li a{

display: block;

text-decoration: none;

width: 200px;

padding: 5px 2px 5px 5px;

font-family: Verdana, Arial, sans-serif;

font-size: .8em;

font-weight: bold;

}

.horizontal li a img{

vertical-align: middle;

margin: 0 10px 0 0

}

.horizontal li li a{

}

.horizontal li ul{

display: block;

position: absolute;

margin: -5px 0 0 1px !important;

+margin: -4px 0 0 1px !important;

width: 170px;

border: none;

/* background: orange; */

}

.horizontal li li ul{

position: absolute;

margin: -25px 0 0 169px !important;

padding: 0;

}

a.single{

background: #000000;

}

a.multiple{

background: transparent url('../image/accesdirect_li_bg.gif') !important;

font-size: .85em !important;

}

/* This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap */

/* Not sure if I recommend this or not */

.inaccesible li ul{

display: none;

}

/* Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class */

.plus a span{

font-weight: bold;

padding-left: .5em;

font-size: 1.1em;

color: #dddddd; 

}

.plus a:hover span{

padding-left: 1em;

}

.plus a span.noshow{

visibility: hidden;

}

/* colors for menu */

.blackwhite li a{

color: #ffffff;

}

.blackwhite a:hover{

background: #cccccc !important;

color: #666666;

text-decoration: none;

}



/*----- ZONECENTER -----*/





/*----- ZONELEFT -----*/





/*----- ZONERIGHT -----*/





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

#footer{

padding-top: 40px;

}

#footer .zonemaxwidth{

background: #33070f url('../image/footer_bg.gif') no-repeat;

}

#footer ul{

position: absolute;

padding: 12px 0 0 0;

margin: 0;

}

#footer li img{

vertical-align: middle;

padding: 0 0 0 10px;

}

#footer li{

display: inline;

margin: 0;

padding: 0 12px;

border-right: dashed 1px #999999;

}

#footer li a{

color: #999999;

font-size: .9em;

font-weight: normal;

font-family: Verdana, Arial, sans-serif;

}

#footer li a:hover{

color: #ffffff;

}

#copyright{

text-align: right;

color: #999999;

font-size: .9em;

font-weight: normal;

font-family: Verdana, Arial, sans-serif;

padding: 12px 15px 0 0;

margin: 0;

}

#copyright a{

color: #cccccc;

font-weight: normal;

font-family: Verdana, Arial, sans-serif;

padding: 0 0 0 30px;

}

#copyright a img{

vertical-align: middle;

margin: 0 0 0 10px;

}

#pourvotresante{

text-align: right;

color: #000000;

font-size: 1.15em;

font-weight: bold;

font-family:  Times new roman, Georgia, serif;

padding: 6px 15px 10px 0;

margin: 0;

}

#ariane {
	margin: 0px 0px 10px;
	font-size: 10px !important;
}
#ariane a {
	font-size: 10px !important;
}

.inscriptionNewsletter {
width:454px;
height:86px;
padding:10px;
background:url(/v2/image/inscriptionNewsletter_bg.gif) no-repeat;
}
.inscriptionNewsletter h2 {
color:#ff9900;
}

p.temoignage {
margin:15px 0 0 0;
padding:0px;
font-style:italic;
}
p.signatureTemoignage {
margin:0px;
padding:0px;
}
p.faqQ {
margin:15px 0 0 0;
font-size:18px;
}
p.faqR {
margin:0px;
text-align:justify;
}
ul.classic {
list-style-position:inside;
}
ul.classic li {
list-style-type:disc;
}