/* ------------- Styles appliqués aux pop-ups ------------- */

.titre /* Style appliqué aux titres n'appartenant pas à une rubrique */ { font-family: Arial; color: #003366; font-weight: bold }
.pop /* Style appliqué aux liens de bas de page des popups du type [ Fermer la fenêtre ] */ { font-family: Arial; color: #003366; text-align: center }
.menu_bas /* Style appliqué au menu de bas de page */ { font-family: Arial; color: #003366; text-align: center; font-size: 0.75em; }
a:visited /* Liens hypertextes généraux */ { color: #003366; text-decoration: none }
a:link /* Liens hypertextes généraux */ { color: #003366; text-decoration: none }
a:hover /* Liens hypertextes généraux */ { color: #003366; text-decoration: underline }
.t_form  /* Style définissant le tableau des popups et des tableaux internes à t_content */ { font-family: Arial; color: #000000; width: 95%; border: 0; padding: 5px; font-size: 0.75em; margin-top: 3px; margin-bottom: 3px; text-align:justify }
.t_new /* Style utilisé pour créer un tableau dans les pages dont la largeur = 100% */ { font-family: Arial; color: #000000; font-size: 1em; width: 100% }
.t_new2 /* Style utilisé pour créer un tableau dans les pages dont la largeur = 500px */ { font-family: Arial; color: #000000; font-size: 0.75em; width: 500px }
.t_bordure /*style pour un tableau avec des bordures fines noires*/{
	margin: 0px;
	padding:0px;
	border-spacing:1px;
	background-color: #000000;
}
.t_new3 /* Style utilisé pour créer un tableau dans les pages dont la largeur = 400px */ { font-family: Arial; color: #000000; font-size: 0.75em; width: 400px }

.txt_left { text-align: left }
.txt_middle { text-align: center }
.txt_right { text-align: right }

.texte { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000000 ; text-align: justify } 
.titre_blanc { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #FFFFFF ; text-align: center } 

.sp { margin-top: 10px }
.lsp { margin-top: 3px }
.ap { margin-left: 4px }
.img /* Style définissant les paramètres des images à gauche du texte */ { border:1px solid #003366; margin-right:10px; margin-top:3px; margin-bottom: 3px; float: left }
.img_r /* Style définissant les paramètres des imagesà droite du texte */ { border:1px solid #003366; margin-left:10px; margin-right:5px; margin-top:3px; margin-bottom: 3px; float: right }
.img_sc /* Style définissant les images Sans Contours */{ border:1px solid #FFFFFF; margin-right:10px; margin-top:3px; margin-bottom: 3px; float: left }
.img_s /* Style définissant les Simples images */ { border:1px solid #003366 }
.aut1 { border:1px solid #003366; background-color: #FFFFFF; color: #003366; font-weight: bold; font-size: 0.75em }
.aut2 { border:1px solid #003366; background-color: #FFFFFF; color: #003366; font-weight: bold; font-size: 1em }
.erreur { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FF0000; }
.gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.titre2 {
	font-family: Arial;
	color: #003366;
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
}
.titre3 {
	font-family: Arial;
	color: #003366;
	font-weight: bold;
	background-color: #F0F0FF;
	height: 25px;
}
.plan_accueil  /* Style définissant la rubrique accueil du plan du site de la ville */{
	font-size: 14px;
	font-weight: bold;
	background-color: #FFFFFF;
	font-size: 14px;
	font-size: 14px;
}
.plan_decouvrir /* Style définissant la rubrique découvrir du plan du site de la ville */{
	font-size: 16px;
	background-color: #f5e0cc;
	color: #cc6600;
	background-position: center;
}
.plan_informer /* Style définissant la rubrique informer du plan du site de la ville */{
	font-size: 16px;
	background-color: #f5d6d6;
	color: #cc3333;
}
.plan_participer /* Style définissant la rubrique participer du plan du site de la ville */{
	font-size: 16px;
	background-color: #dfe7ea;
	color: #5e8594;
}
.plan_vivre/* Style définissant la rubrique vivre du plan du site de la ville */ {
	font-size: 16px;
	background-color: #cce0eb;
	color: #006699;
}
.plan_divertir /* Style définissant la rubrique divertir du plan du site de la ville */{
	font-size: 16px;
	background-color: #dbebd4;
	color: #669933;
}
.plan_entreprendre /* Style définissant la rubrique entreprendre du plan du site de la ville */{
	font-size: 16px;
	background-color: #e3dfee;
	color: #755daa;
}
.colonne_tableau28/* Style définissant la largeur de la colonne 28 pourcent*/{

	background-color: #FFFFFF;
	width: 28%;
	background-position: center top;
	vertical-align: middle;
	text-align: center;
}
.colonne_tableau32/* Style définissant la largeur de la colonne 32 pourcent*/ {


	background-color: #FFFFFF;
	width: 32%;
	background-position: center top;
	vertical-align: middle;
	text-align: center;
}
.colonne_tableau20 /* Style définissant la largeur de la colonne 20 pourcent*/{



	background-color: #FFFFFF;
	width: 20%;
	background-position: center top;
	vertical-align: middle;
	text-align: center;
}
.soulignement  /* Style définissant le soulignement d'un texte*/{
	text-decoration: underline;
}
.bordure  /* Style définissant la bordure en largeur de 10 pixels*/{
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
}
.par1 { border:1px solid #5E8594; background-color: #FFFFFF; color: #5E8594; font-weight: bold; font-size: 0.75em }
.par2 { border:1px solid #5E8594; background-color: #FFFFFF; color: #5E8594; font-weight: bold; font-size: 1em }
.par_s { color: #5E8594; font-weight: bold }
.par_t { background-image: url(../images/5E8594_4x4.gif); background-position:1px 5px; background-repeat:no-repeat; padding-left: 9px; color: #5E8594; font-weight: bold; line-height: 20px; }
.t_centre /*style pour centrer un tableau, exemple : calendrier des manif*/
{
	margin: auto;
	width: 95%;
}
.c_bleu /*style pour les cases de couleur de fond bleu*/
{
background-color:#003366;
}
/*.c_couleur /*style pour les cases de couleurs, soit blanc, soit gris*/
/*{
background-color:$color;
}*/
.valigne_middle /*style pour centrer le texte verticalement*/
{
vertical-align:middle
}
.fond_gris /* style pour les fonds gris, exemple:manif*/{
	background-color:#E9E9E9;
}
.fond_blanc /* style pour les fonds blanc, exemple:manif*/{
	background-color: #FFFFFF;
}
.valign_top 
{
	vertical-align: top;
}
.valign_bottom 
{
	vertical-align: bottom;
}
.t_rubrique /* style pour les tableaux de chaque rubrique dans le plan du site*/{
	margin: auto;
	padding: 0px;
	border:1px solid #000000;
	width:500px;
}