body{
    color: #339;
	background-color:#fff;
	margin: 0;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

h1, h2, h3, h4, h5, h6 {
	color:#000;
}

a img { border: none; }

/*p { margin: 0 0 1.5em; }*/

/*img { margin: 0 0 1em 0; }*/

/*p img { margin: 0.5em; }*/

.titre_actu {
    background: none;
    color: #F44;
    font-style: normal;
    font-weight: bold;
    text-decoration:none;

}

.titre_accueil {
    color: #F44;
    font-weight: bold;
    text-align:center;
    font-size:13px;
}

.titre_actu_suite {
	color: #48d;
       text-decoration: underline;
}

#menu_vertical ul { padding: 0; }

label {
	font-size: 85%;
	font-weight: bold;
}

/* ############### banniere ##################### */

.logo {
	background: #fff url(pics/logo_ceveolia.png) no-repeat top right;
	height: 152px;
}

.logo a {
	text-decoration: none;
	color:#fff;
}

.logo h1 {
	margin:0 ;
	padding: 130px 0px 0px 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold; 
	color:#fff;
	letter-spacing:1px;
}

.logo a:hover {
	 color:#48d;
}

.banniere {
	background: #fff url(pics/banniere_index.png) no-repeat top left;
	height: 100px;
}

/* ############### haut de page côté menu horizontal ##################### */

.separateur {
    background: #fff url(pics/breadcrumb.png) no-repeat top left;
	height: 52px;
}

.breadcrumb {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    background: #fff url(pics/fond_breadcrumb.png) top left repeat-x;
    /*font-size: 11px;
    margin: 0;*/
	/*height: 52px; ########################## */
	height: 27px;
}
.breadcrumb_texte {
	/*position:relative;*/
	background: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 25px;
}

.breadcrumb_texte p{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	font-weight:normal;
	letter-spacing: 1px;
}

/* ############### haut de page interieure ##################### */

.interieure_logo {
	background: #fff url(pics/banniere_interieure.png) no-repeat top left;
	height: 100px;
}

.interieure_logo p{
	color: #f00;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	margin: 20px 0px 0px 12px;
}

.interieure_banniere {
	background: #fff;
	height: 100px;
}

.interieure_banniere img { margin: 0; }

/* ################## Menu deroulant horizontal ##################### */

#nav, #nav ul {
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	list-style: none;
	margin: 0;
	width: 100%;

}

#nav a {
 	color: #38c;
 	display: block;
 	padding: 0.25em 0.4em;
 	text-decoration: none;
 	width: 9em;
 	w\idth: 10em;
}

#nav li {
 	float: left;
 	width: 10em; 
	z-index:6000;
}

#nav li ul {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	padding: 10px 0 6px 0;
 	font-size: 12px;
 	font-weight: normal;
 	height: auto;
 	left: -999em;
 	margin: 0;
 	position: absolute;
 	width: 14.4em;
 	w\idth: 13.9em;
 	background: #FFF;
 	border: solid #e0ecf7 1px;
}

#nav li li {
 	width: 13.9em;
}

#nav li ul a {
	z-index: 0;
 	width: 13em;
 	w\idth: 13.9em;
}

#nav li ul ul {
 	margin: -1.75em 0 0 14em;
}

#nav li:hover, #nav li.sfhover {
 	background: #FF7800 url(pics/menu.png) top left repeat;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
 	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
 	left: auto;
}

/* ############### menu vertical gauche partie fixe ##################### */

.menu_vertical_index{
    background: #fff url(pics/menu_vertical.png) no-repeat;
    font-size: 11px;
    margin: 0;
    min-height: 300px;
    clear:left;
}
	
#nom_entreprise {
	display: none;
}

#editorial, #espace_prive, #coordonnees {
	margin: 40px 5px 0px 30px;
}

#menu_vertical {
	margin: 40px 5px 0px 23px;
}

#editorial img{
	padding-left: 36px;
}

#espace_prive img {
	padding-left: 25px;
}
#espace_prive form {
	padding-left: 13px;
}

#coordonnees {
    font-size: 13px;
    font-weight: normal;
    text-align: left;
	line-height: 16px;
	letter-spacing: 1px;
	margin-left: 30px;
	text-align: center;	
}

/* ############### menu vertical partie déroulante ##################### */
#menu_vertical h3 {
	padding: 4px 0 0 3px;
	margin: 0;
	background-image: url("pics/puce_menu.png");
	/*position: relative;##############################################*/
	width: 164px;
	height: 20px;
	display: block;
	background-position: 0 0;
}

#menu_vertical h3.display a {
	color: #fff;
	font-size: 13px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 0;
}

#menu_vertical li a {
	color: #009;
}

#menu_vertical h3.display a:hover {
	color:#48d;
}

#menu_vertical ul {
	margin: 0px 0px 0px 15px;
	/*margin-left: -23px;########################################################## */
}

#menu_vertical li {
	padding: 0px 0px 3px -40px;
		/*padding: 0 0 3px 0;*/
	font-size: 12px;
	list-style: none;
}

#menu_vertical ul li a {
	text-decoration: none;
}

#menu_vertical ul li a:hover {
	color: #48d;
}

/* ########################################################################################### */


/* ############### contenu de pages index et interieure ##################### */

.maincolumn_index {
    font-size: 12px;
    margin: 0;
	padding: 20px 15px;
	background: #FFF url(pics/bord_droit.png) repeat-y top right;
	min-height: 450px;
}

.breves {
	background-color: #fff;
	color: #48d;
	font-weight: bold;
	font-size: 11px;
    text-decoration: none;
	padding: 0 0 0 10px;
	letter-spacing: 1px;
	line-height: 1.4em;
}

.maincolumn_interieure {
	background-color: #fff;
    font-size: 11px;
    margin: 0;
	padding: 0px 15px;
	min-height: 300px;
}


/* ######################### Divers ################## */

.demi{
    float: left;
    width: 49%;
}

.puce{
    margin: 0;
    float: none;
}

/* ############### pied de page ##################### */

.footer{
    text-align: center;
	font-size: 13px;
	letter-spacing: 2px;
}

.footer a{
    color: #339;
    text-decoration: none;
}

.footer a:hover{
    color: #666;
    background: #e0ecf7;
}

.footer2 {
	font-size:10px;
	color: #666;
	letter-spacing: 1px;
}

.footer2 a {
	font-size:10px;
	color: #666;
}

.navigation {
	font-size: 12px;
	font-weight:normal;
	color: #333399;
	letter-spacing: 1px;
}

.navigation a {
	font-size: 12px;
	font-weight:normal;
	color: #333399;
	letter-spacing: 1px;
}

.navigation a:hover {
	color: #4488DD;
}