* { margin: 0 ; padding: 0 ; }
 
body { color: #fcfcfc; background-color: #030303; margin-top: 10px; }

a { color: #A72312; text-decoration: none; outline: none; }

a:hover { text-decoration: underline; color : #fcfcfc; }

p { margin-bottom: 10px; font-family: Arial; font-size: 10pt; }

li { font-family: Arial; }

#global { margin: 0 auto; min-height: 600px; width: 837px; }

/* Logo
=======================================*/

#logo { background: url(../images/logo_pointcomm.gif) no-repeat ; width: 223px; height: 65px; }

#logo h1 { margin: 0; z-index: 3; width: 223px; height: 65px; text-indent: -9000px; border: none; }

#logo h1 a { display: block; height: 65px; }


/* Menu du haut
===================================================*/

#menu_haut { 
background: #212121 url(../images/menu_haut_deco.gif) repeat-y left;
width: 596px;
position: relative;
left: 241px;
top: -30px
}

#menu_haut ul {
margin-left: 215px;
}

#menu_haut li {
display: inline;
list-style: none;
text-transform: uppercase;
margin: 0px 0px 0px 25px;
font-size: 11pt;
font-weight: bold;
letter-spacing: 0px;
font-family: arial;
font-size: 10pt;
}

a.currentlink { color:#fcfcfc; }

/* Menu de droite
============================================*/

#menu_droite { float: right; margin-top:15px; }

#menu_droite ul { list-style-type: none; }

#menu_droite ul li { margin-top: 5px; }

#lien_identite{ display:block; height:44px; width:117px; background: url(../images/btn_identite.gif) no-repeat top; padding:0; text-indent:-5000px; }

#lien_identite:hover{ background-position: bottom; }

#lien_services{ display:block; height:44px; width:117px; background: url(../images/btn_services.gif) no-repeat top; padding:0; text-indent:-5000px; }

#lien_services:hover{ background-position: bottom; }

#lien_portfolio{ display:block; height:44px; width:117px; background: url(../images/btn_portfolio.gif) no-repeat top; padding:0; text-indent:-5000px; }

#lien_portfolio:hover{ background-position: bottom; }

#lien_nouvelles{ display:block; height:44px; width:117px; background: url(../images/btn_nouvelles.gif) no-repeat top; padding:0; text-indent:-5000px; }

#lien_nouvelles:hover{ background-position: bottom; }

#lien_diffusion{ display:block; height:44px; width:117px; background: url(../images/btn_diffusion.gif) no-repeat top; padding:0; text-indent:-5000px; }

#lien_diffusion:hover{ background-position: bottom; }

#lien_contact{ display:block; height:44px; width:117px; background: url(../images/btn_contact.gif) no-repeat top; padding:0; text-indent:-5000px; }

#lien_contact:hover{ background-position: bottom; }

#menu_droite ul li .current { background-position: bottom; }


/* Bloc de nouvelle
================================*/
#bloc_nouvelle { width: 646px; height: 25px; background: url(../images/title_box.gif); margin: 22px 0px; float: left; }

#texte_defilant { width:612px; margin:0 auto; }

/* Boîte de la page d'accueil
====================================================*/

.box {
width: 204px;
height: 205px;
background: url(../images/box.gif) no-repeat;
float: left;
margin-right:17px; 
}

.box h2 {
font-family: impact;
text-transform: uppercase;
font-weight: lighter;
font-size: 15pt;
position: relative;
top: 15px;
left: 15px; 
}

.box p {
font-size: 10pt;
position: relative;
top: 30px;
margin: 0px 10px 0px 18px;
}

/* Pied de page
=========================================*/

#pied_de_page{
text-transform: uppercase;
font-size: 9pt;
margin: 0px 0px 25px 50px;
}

#pied_de_page p, #pied_de_page a{
color: #424242;
}

/* Typographie
==============================================================*/

#title_box{ width: 646px; height: 25px; background: url(../images/title_box.gif); margin: 22px 0px; }
#title_box h1 { color: #a72312; font-family: impact; text-transform: uppercase; font-weight: lighter; letter-spacing: 1px; font-size: 15pt; position:relative; left: 35px; } 

.pointcomm_text { font-family: impact; text-transform: uppercase; font-weight: lighter; font-size: 10pt; color: #a72312; }

.texte_espace { font-weight: bold; letter-spacing: 3px; font-size: 11pt; text-transform: uppercase; color: rgb(150,150,150); }

.gauche50px { position: relative; left: 50px; }

.date { font-size: 13pt; margin-bottom:3px; }

.separateur { border-color:#4C4C4C; border-style:dashed none none; border-width:1px medium medium; height:1px; margin: 20px 50px 20px 0px; }

.warning { color:#A72312; }

.gris { color: rgb(150,150,150); }

.texte_grandgris { color: rgb(150,150,150); font-size: 15pt; font-family: Arial;}

/* Système à deux colonnes Système à une seule colonne utilisé l'id deux_colonnes
===========================================*/
#deux_colonnes { width: 646px; }

#colonne_un { float: left; width: 180px; }

#colonne_un ul {
list-style: none;
}

#colonne_un ul li{
margin-bottom : 10px;
text-transform: uppercase;
font-size: 11px;
}

#colonne_deux { float: right; width: 425px; }

#listplansite { list-style-type: square; }
#listplansite li { margin-bottom: 10px; }