body {
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:62.5%; /* Sets default font size to 10px */
	background: #333;
	margin: 0 auto;
	color: #000;
}

.image-letrine{
	float:left;
	padding: 0 1em 0 0;
}

.alert {
	font-weight:bold;
	color:#FF0000;
}

h1 {
	color: #000;
	text-align: right;
	font-size: .9em;
	text-transform: uppercase;
	margin: 10px 0;
}
h2 a {
	color: #fff;
	text-decoration:none;
}

h2 a:hover {
	color: #FF6600;
	text-decoration:none;
}

h2 a:visited {
	color: #fff;
	text-decoration:none;
}

h2 {
	color: #fff;
	background: #AB1B29;
	text-indent: 0.5em;
	font-size: 1.5em;
	font-variant: small-caps;
	margin-top: 1em;
}

h3 {
	color: #fff;
	background: #AB1B29;
	text-indent: 1em;
	font-size: 1.6em;
	font-weight:400;

	letter-spacing:-1px;
}
h4 {
	font-size: 1.2.em;
	font-weight:bold;
}

a {
	color: #6C111B;
	font-weight: bold;
}

a:hover {
	color: #E03849;
}

a:visited {
	color: #000000;
}

img {
	border: 0;
}

#page {
	width: 960px;
	margin: 0 auto;
	color: #000;
	background: #ffffff;
	text-align: left;
}

#header {
	width: 100%;
	height: 170px;
	background:    url("images/telephone-rose.jpg") #AB1B29 top right no-repeat;
}
	#header ul {	
		margin: 5px 0 0 15px;
		padding: 0;
		list-style: none;
	}
	#header li {
		display: inline;
		padding: 0 3em 0 0;
		line-height: normal;
		font-weight: 100;
	}
	
	#header a {
		color: #fff;
		text-decoration: none;
		border: none;
	}
	#header h1 {
		margin: 0;
		border: none;
	}

#title {
	position: relative;
	top:10px;
	left: 10px;
	font-family:Andalus:  "Bauhaus 93";
	font-size: 3em;
	color: #F4BBC0;
	letter-spacing: -1px;
	margin: 0 0 20px 0;
	}

#menu {
	line-height: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #AB1B29;
	background-color: #C0C0C0;
}
	#menu ul {	
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#menu li {
		display: inline;
		padding: 0 2em 0 1em;
	}
			
	#menu li a {
		font: small/1em Verdana, Arial, Helvetica, sans-serif;
		font-variant: small-caps;
		color: #000000;
		text-decoration: none;
		border: none;
		font-size: 1.1em;
	}
	#menu li a:hover {
		color: #ffffff;
		text-decoration: none;
	}
	#menu ul li#current a {	
		font-weight:bold;
	}

#contenu {
	float: left;
	width: 600px;
	padding: 0 0 0 20px;
	font-size: 1.2em;
}
	#contenu p{
		text-align:justify;
		font-family: Arial, Helvetica, sans-serif;
	}

#contenu-grand {
	float: left;
	width: 700px;
	padding: 0 0 0 20px;
}
	#contenu-grand p{
		text-align:justify;
		font-size: 1.2em;
		font-family: Arial, Helvetica, sans-serif;
	}

#sidebar {
	padding: 5px 5px 0 5px;
	float: right;
	width: 320px;
	min-height:880px;
	border-left: 1px solid #AB1B29;
	background: #ffdbde;/* #F4BBC0;*/
}
	#sidebar li {clear:both;}
	#sidebar ul {	
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#sidebar ul {	
		font-size:1.2em;
	}
	#sidebar p{
		text-align:justify;
		font-size: 1em;
		font-family: Arial, Helvetica, sans-serif;
	}

#footer {
	clear: both;
	text-align: center;
	padding-top: 5px;
	background: #AB1B29;
	font-size: 1em;
	height: 125px;
	}	
 	#footer ul {	
		text-align: left;
		margin-top: -15px;
		margin-left: 530px;
		list-style: none;
	}
	#footer li {
		display: inline;
		padding: 0 3em 0 0;
	}
	#footer a {
		color: #fff;
		text-decoration: none;
		border: none;
	}
	
.numero{
	font-size: 4em;
	text-align: center;
	margin: 10px 0 10px 0;
	color:#FF6600;
	font-weight: bold;
	font-style: italic;
}
.prefixe {
	font-size: .8em;
	color:#000000;
}

.ch-be{
	font-size: 1.6em;
	font-weight:bold;
	text-align: center;
	margin: 0 0 10px 0; 
}

.commentaire {
	font-size: .9em;
	text-align: center;
	margin: 10px 0 10px 0; 
}

.num{
	font-size: 2.5em;
	text-align: center;
	color:#FF6600;
	font-weight: bold;
	font-style: italic;
}
.pref {
	font-size: .8em;
	color:#000000;
}
#mention-legale {  
	float: left; 
	text-align:left;
	margin: 10px 0 0 10px;
	padding:0 0 0 0;
	width: 250px;
}
	#mention-legale a {  margin: 0 0 0 10px;}

#copyright {  
	float: right; 
	text-align:right;
	margin:10px 10px 0 0;
	padding:0 0 0 0;
	width: 250px;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }
.big { font-weight:bold; }
.clear { clear:both; }