/* STRUCTURE DE LA PAGE-TYPE */

#titre_page {
height: 45px;
padding: 0;
margin: 0;
}
#col_texte {
width: 500px;
}
#col_image {
position: absolute;
top: 40px;
left: 526px;
width: 115px;
padding-top: 5px;
}

/* TYPOGRAPHIES */

#titre_page h1 { /* Titre de la page */
font: italic bold 1.5em Arial, Helvetica, sans-serif;
color: #8B8FBC;
text-align: right;
margin: 0;
border: 0;
line-height: 45px; /* pour aligner le texte en pied */
}

#col_texte h2 { /* Titre chapeau */
font: bold 1em Arial, Helvetica, sans-serif;
/*color: #ff6600;*/
text-align: left;
margin: 0;
/*background-image:  url(../commun/pagetype/pucechap.gif);/* pour la puce */
background-repeat: no-repeat;/* pour la puce */
background-position: top left;/* pour la puce */
padding-top: 12px;/* Pour positionner la puce */
padding-left: 50px;/* Pour positionner la puce */
}

#col_texte .chapeau { /* Texte du chapeau */
font: 0.9em Arial, Helvetica, sans-serif;
color: #19217c;
text-align: left;
margin: 0.5em 0 0 0;
padding-left: 50px;
}

#col_texte .titre_paragraphe_puce { /* Titre paragraphe avec puce */
font:  bold 0.9em Arial, Helvetica, sans-serif;
/*color: #ff6600;*/
text-align: left;
margin: 0;
/*background-image:  url(../commun/pagetype/puce.gif);/* pour la puce */
background-repeat: no-repeat;/* pour la puce */
background-position: top left;/* pour la puce */
padding-top: 12px;/* Pour positionner la puce */
padding-left: 50px;/* Pour positionner la puce */
padding-bottom: 10px; /* Pour que la hauteur du paragraphe soit tjrs sup à celle de la puce */
}

#col_texte .titre_paragraphe { /* Titre paragraphe sans puce */
font:  bold 0.9em Arial, Helvetica, sans-serif;
/*color: #ff6600;*/
text-align: left;
margin: 0;
padding-top: 12px;/* Pour positionner la puce */
padding-left: 50px;/* Pour positionner la puce */
padding-bottom: 10px; /* Pour que la hauteur du paragraphe soit tjrs sup à celle de la puce */
}

#col_texte p { /* texte courant */
font: 0.9em Arial, Helvetica, sans-serif;
color: #19217c;
text-align: justify;
margin: 0;
padding-left: 50px;
}
#col_texte p a {
color: #19217c;
}
#col_texte p a:hover {
color: #19217c;
background-color: #d2d2ea;
}

#col_image {
font: bold 12px Arial, Helvetica, sans-serif;
color: #19217c;
}
#col_image a {
color: #19217c;
}
#col_image a:hover {
color: #19217c;
background-color: #d2d2ea;
}

.espace_avant { /* pour aérer les paragraphes */
padding-top: 0.6em;
}

.haut_page {
font: 10px Arial, Helvetica, sans-serif !important;
color: #19217C;
margin-top: 2em !important;
text-align: right !important;
}

.vert { color: #98c000; }

/* IMAGES DE LA COLONNE DE DROITE */

#col_image img {
margin-top: 20px;
border: 1px solid #000;
}

/* PHOTOS DES EXEMPLES (pages Collectivités) */
.photos_exemples {
float: left;
margin-right: 10px !important;
}
.photos_exemples img { border: 1px solid #000; }
.photos_exemples_d {
float: right;
margin-left: 10px !important;
padding-left: 0 !important;
}
.photos_exemples_d img { border: 1px solid #000; }