<style type="text/css">

/* definition des polices personnalisées 
Dafont ne propose de télécharger que le .ttf. Par contre, FontSquirrel propose un générateur de polices à utiliser en CSS3 avec @font-face : vous lui envoyez un .ttf, l'outil transforme le fichier dans tous les autres formats nécessaires et vous fournit même le code CSS prêt à l'emploi !*/

@font-face
{
    font-family: 'BallparkWeiner';
    src: url('polices/ballpark.eot');
    src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark.woff') format('woff'),
         url('polices/ballpark.ttf') format('truetype'),
         url('polices/ballpark.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Dayrom';
    src: url('polices/dayrom.eot');
    src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
         url('polices/dayrom.woff') format('woff'),
         url('polices/dayrom.ttf') format('truetype'),
         url('polices/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Definition des parametres Javascript*/

#jsalarmclock{
font-family: Tahoma;
font-weight: bold;
font-size: 20px; /*12px*/
color: white;
}

#jsalarmclock div{
margin-bottom: 1em; /*0.8em*/
}

#jsalarmclock div.leftcolumn{
float: left;
width: 150px;
font-size: 13px;
/*background-color: black; /*lightyellow*/
clear: left;
}

#jsalarmclock span{
margin-right: 30px;
}


/*website structure*/
body {
  Background: black;

/*  border: 8px solid black;
  font-family: sans-serif; /* Police moderne, sans empattements, du type Times New Roman */
  
}

#bloc_page
{
    width: 1100px;
    margin: auto;
}

header {
  margin-bottom: 1px;
/*  Background: black;*/
  width: 1100px;
}

.header {
  float: left; /* Afin que le DIV prenne la largeur de son contenu, et non la largeur de la page, pour des raisons didactiques */
  margin: 1px; /* Espacer les boutons entre eux, rien à voir avec la technique des portes coulissantes */
  vertical-align: top;
	}

.header div {
  background-color: red;
  float: right; /* Afin que le DIV prenne la largeur de son contenu, et non la largeur de la page, pour des raisons didactiques */
  margin: 1px; /* Espacer les boutons entre eux, rien à voir avec la technique des portes coulissantes */
  vertical-align: top;
}

.header  a {
    text-decoration: none;
	color:red;
	}


#logo, header
{
    display: inline-block;
	text-decoration:none;
	border: none; 
}

#slogan_company_name, header
{
    vertical-align: top;
    display: inline-block;
    margin-bottom: 0px;
	color: red;
}

#company_name, header
{
/*    margin-top:30px;*/
    font-size: 2.1em;
    margin-bottom: 0px;
	text-decoration:none;
	border: none;	
}

#slogan, header
{
    font-size: 1.3em;
	margin-bottom: 0px;
}

#google_add_header, header
{
    display: inline-block;
    margin-bottom: 0px;
	float: right;
}

nav
{
 	display: inline-block; 	
	text-decoration:none;
	border: none; 
	width: 1100px;
	
	}


nav ul
{
    text-align: center;
	color: black;
	list-style-type: none;
	background:red;
	height:25px;
	width: 100%;
	}

nav li
{
    display: inline-block;  
    margin-right: 15px;
	color: black;

}

nav a
{
    font-size: 1.3em;
    padding-bottom: 0px;
    text-decoration: none;
	color:black;
    vertical-align: top;
}

nav a:hover
{
    color: black;
    border-bottom: 3px solid red;
}

section
{
    display: inline-block;    
    border: 1px solid black;
    vertical-align: top;
}

/*website font*/

h1{
font-size: 14px; /*12px*/
font-family: Tahoma;
/*background-color: black;*/
color: white;
}

p{
font-size: 12px; /*12px*/
font-family: Tahoma;
/*background-color: black;*/
color: white;
}

footer{
    display: inline-block;
	text-align: center;
	color:white;
	background:black;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
    text-decoration:none;
	border: none;
	list-style-type: none;	
	}	

footer ul 
{
    display: inline-block;
	color: white;
}		

footer li 
{
    display: inline-block;
    margin-right: 15px;
	color: white;
	height:30px;

}		
footer li a
{
  	text-decoration:none;
	border: none;	
	color:white;
}		
</style>