/* CSS Document */
/* cadre de texte avec bords arrondis qui peut s'élargir dans tous les sens */
#cadre{
margin: 10 0 0 10;
width: 280px;
background-color: #B3CAE0;
}
/* propriétés communes aux quatre coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 10px; width:10px;
background-repeat: no-repeat;
font-size:1px /* correction de IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche{
background-image: url(../images/designhautgauche.gif);
}
#hautdroit{
float: right;
background-image: url(../images/design/hautdroit.gif);
}
#basgauche{
background-image: url(../images/design/basgauche.gif);
}
#basdroit{
float: right;
background-image: url(../images/design/basdroit.gif);
}

#contenu p{
color: #001F60;
margin: 0.5em; /* Gestion des espaces entre les paragraphes */
}

/* code html à copier dans la page 
<div id="cadre">
	<div id="hautdroit"></div><div id="hautgauche"></div>
		<div id="contenu">
			<p>bla bla</p>
		</div>
	<div id="basdroit"></div><div id="basgauche"></div>
</div>
*/


/* pareil mais en blanc */
#cadre_sstaille{
margin: 0 0 0 0;
background-color: #ffffff;
}
#cadre_blanc_g{
margin: 10 0 0 10;
width: 415px;
background-color: #ffffff;
}
#cadre_blanc_contact{
margin: 10 0 0 10;
width: 550px;
background-color: #ffffff;
}
#cadre_blanc_g2{
margin: 10 0 0 10;
width: 435px;
background-color: #ffffff;
}
#cadre_blanc{
margin: 10 0 0 10;
width: 280px;
background-color: #ffffff;
}
#cadre_blanc_g3{/* cadre sans marge à gauche --> pour le texte ss img de fond */
margin: 10 0 0 0;
width: 435px;
background-color: #ffffff;
}
#cadre-tt-la-longueur{
margin: 0 0 5 56;
width: 883px;
background-color: #ffffff;
}
/* propriétés communes aux quatre coins */
#hautgauche_blanc, #hautdroit_blanc, #basgauche_blanc, #basdroit_blanc, #hautgauche_blanc2, #hautdroit_blanc2, #basgauche_blanc2, #basdroit_blanc2 {
height: 10px; width:10px;
background-repeat: no-repeat;
font-size:1px /* correction de IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche_blanc{
background-image: url(../images/design/hautgauche_blanc.gif);
}
#hautdroit_blanc{
float: right;
background-image: url(../images/design/hautdroit_blanc.gif);
}
#basgauche_blanc{
background-image: url(../images/design/basgauche_blanc.gif);
}
#basdroit_blanc{
float: right;
background-image: url(../images/design/basdroit_blanc.gif);
}
/* images avec la couleur de fond */
#hautgauche_blanc2{
background-image: url(../images/design/hautgauche_blanc2.gif);
}
#hautdroit_blanc2{
float: right;
background-image: url(../images/design/hautdroit_blanc2.gif);
}
#basgauche_blanc2{
background-image: url(../images/design/basgauche_blanc2.gif);
}
#basdroit_blanc2{
float: right;
background-image: url(../images/design/basdroit_blanc2.gif);
}

/* ce cadre ne s'élargi que sur la hauteur */
/* ///////////////////////////////////////////////////////////////// */
/* code html a copier dans la page :
<div class="fd-cadre-haut"></div>
<div class="fd-cadre">
  <p>Pour en savoir plus sur les saisies, n’hésitez pas à consulter 
	les sites Internet de nos partenaires de la station des Saisies.</p>
</div>
*/
.fd-cadre {
	font-family: Arial, Helvetica, sans-serif;
	width: 374px;
	font-size: 12px;
	color: #000066;
	background-image: url(../images/design/cadre_fond.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: justify;
	padding-right: 8px;
	padding-bottom: 15px;
	padding-left: 8px;
}
.fd-cadre-haut {
	background-image: url(../images/design/cadre_haut.gif);
	background-repeat: no-repeat;
	width: 374px;
	height: 16;
	padding-left: 8px;
	padding-right: 8px;
	background-position: bottom; /* pour firefox */
}