body {
  background-color: #00649a;
  background-image: url(flipo-accueil/reflet-fond01.jpg);
  background-position:  -215px -215px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-align: left;
}

h1 {
font-size: 12px;
line-height: 15px;
font-weight: normal;
font-style: italic;
color: #2D3236;
text-align: center;

margin: 0;
padding: 5px 0 0 0;
	}
	
h2 {
font-size: 15px;
line-height: 17px;
font-weight: bold;
color: #E95A14;
text-align: center;

margin: 0;
padding: 0;
	}


h3 {
position: absolute;
display: block;
margin: -5px 0 0 175px;
padding: 7px 0 0 95px;
height: 53px;

font-size: 19px;
line-height: 22px;
color: #fff;

background-image: url(flipo-commun/grosse-fleche-orange.png);
background-repeat: no-repeat;
	}
	
h3 strong {
font-size: 27px;
color: #ff7b00;

display: block;
margin: 0 0 0 -20px;
	}
	
	img.image-pro-part {
	position: absolute; 
	margin: -22px 0 0 512px;
	}
	
	/* --- NAVIGATION --- */
	
	span.navigation {
	background-color: #2D3236; 
	display: block; 
	margin: 0; 
	padding: 0; 
	height: 50px;
	}
	
 span.navigation a {
 display: block;
 background-position: 0 0;
 background-repeat: no-repeat;
 
 float: left;
 
 text-decoration: none;
 border: none;
	}

 span.navigation a.lien-accueil {
 height: 13px;
 padding: 1px 0 0 21px;
 margin: 17px 0 0 36px;
 color: #3a97c4;
 font-size: 11px;
 background-image: url(flipo-commun/petite-fleche-bleue-g.png);
 }
 span.navigation a.lien-accueil:hover {
 color: #1b8fcf;
 background-position: 0 -20px;
 }
 span.navigation a.lien-accueil:active{
 color: #98c8e2;
 background-position: 0 -40px;
 }
 
 span.navigation a.bouton-nav {
 position: absolute;
 background-image: url(flipo-commun/bouton-nav-pages.png);
 height: 20px;
 width: 134px;
 padding: 7px 0 0 26px;
 margin: 11px 0 0 700px;
 /margin-left: 600px;
 
 font-weight: bold;
 font-size: 12px;
 color: #ff7b00;
 }
 span.navigation a.bouton-nav:hover {
 background-position: 0 -40px;
 }
 span.navigation a.bouton-nav:active {
 background-position: 0 -80px;
 }
 
	/* --- BANDEAU DEFILANT --- */
 .badeau-defilant {
	display: block;
	height: 18px;
	padding: 4px 0 0 0;
	margin: 0;
	background-color: #3a97c4;
	
	font-size: 12px;
	color: #03669c;
	letter-spacing: 2px;
	}
	.badeau-defilant strong {
	color: #ff7b00;
	background-color: #03669c; 
	padding: 0 6px;
	margin-left: 20px;
	}

	/* --- CONTENU PARAGRAPHES --- */
	
	.cellule-contenu {
	padding: 0; 
	background-image: url(flipo-commun/fond-page-L-900.jpg); 
	background-repeat: no-repeat; 
	background-position: 0 -170px;
	background-color: #f5f5f5;
	font-size: 13px; 
	line-height: 16px; 
	color: #2D3236;
	}
	.cellule-contenu a {
	text-decoration: none;
	color: #3a97c4;
	}
	.cellule-contenu a:hover {
	color: #1b8fcf;
	}
	.cellule-contenu a:active {
	color: #98c8e2;
	}

	.cellule-contenu a.annexe {
	font-size: 11px;
	}
	
	.titre-paragraphe {
	color: #fff;
	font-size: 15px;
	font-style: italic;
	padding: 0 20px;
	}
	.titre-paragraphe strong {
	font-size: 20px;
	}

.chapeau {
display: block;
margin-bottom: 10px;
font-size: 15px;
line-height: 20px;
font-style: italic;
font-weight: bold;
}
.chapeau strong {
font-size: 20px;
color: #3a97c4;
}

	/* --- PIED DE PAGE --- */
		#pied {
	height: 75px;
	background-color: #fff;
	
	padding: 25px 0 0 0;
		}

 #pied span, #pied a {
 display: block;
 float: left;
 text-align: left;
 padding: 0 0 0 20px;
 width: 180px;
 height: 75px;
 border-left: 8px solid #ff7b00;
 color: #03669c;
 
 font-size: 16px;
 line-height: 18px;
 text-decoration: none;
 	}
 	
#pied a:hover {
 color: #1b8fcf;
	}
	#pied a:active {
 color: #98c8e2;
	}
	
	#pied a.map {
	background-image: url(flipo-commun/fond-map01.jpg);
	background-repeat: no-repeat;
	background-position: 100px 0;
		}
		
	#pied span.a-bientot {
	width: 200px;
	background-image: url(flipo-commun/logo-flipo29-02.png);
	background-repeat: no-repeat;
	background-position: 40px 4px;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	}
	
		
	p.signature {
	color: #004062;
	text-align: center;
	font-size: 12px;
	}
	p.signature a {
	color: #004C74;
	}
	p.signature a:hover {
	color: #3588B4;
	}