/* ------------- Styles appliqués aux pages de la rubrique Vivre ------------- */

.menus_int /* Style appliqué aux menus des pages internes */ { font-family: Arial; padding-left: 12px; background-image: url(../images/003366_4x4.gif); background-position:4px 5px; background-repeat:no-repeat; line-height: 20px }
.menu_int_av /* Style appliqué aux liens à mettre en avant des pages internes */ { background-image: url(../images/003366_4x4.gif); background-position:4px 5px; background-repeat:no-repeat; font-family: Arial; padding-left: 12px; line-height: 20px; font-weight: bold }
.menu_bas /* Style appliqué au menu de bas de page */ {
	font-family: Arial;
	color: #003366;
	text-align: center;
	font-size: 0.75em;
	background-color: #FFFFFF;
	width: 720px;
}
.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 }
.titre /* Style appliqué aux titres n'appartenant pas à une rubrique */ { font-family: Arial; color: #003366; font-weight: bold }
.suivant /* Style appliqué aux liens "page suivante" */ { font-family: Arial; color: #003366; font-weight: bold; text-align: right }
.precedent /* Style appliqué aux liens "page précédente" */ { font-family: Arial; color: #003366; font-weight: bold; text-align: left }
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 }
.recherche /* Style appliqué au champ de recherche */ { background-color: #FFFFFF; border:1px solid #003366; font-family: Arial; color: #003366; font-weight: bold; font-size: 0.70em }
.t_menu /* Style définissant la mise en forme des menus internes de chaque rubrique */ {
	vertical-align: top;
	width: 125px;
	height: 500px;
	font-family: Arial;
	color: #000000;
	font-size: 0.75em;
	background-color: #CCE0EB;
}
.t_menu_div /* Style définissant la la mise en forme des menus internes du menu divers */ { vertical-align: top; width: 123px; height: 500px; font-family: Arial; color: #000000; font-size: 0.75em }
.t_menu_cal /* Style définissant la la mise en forme des menus internes des calques */ { vertical-align: top; width: 125px; height: 100px; font-family: Arial; color: #000000; font-size: 0.75em; border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	border:0px;  }
.t_content /* Style définissant le tableau de contenu général dans index.php */ { width: 631px; height: 500px; vertical-align: top; background-color: #FFFFFF; text-align: center }
.t_content_div /* Style définissant le tableau de contenu général dans l'index.php de la page divers */ { width: 628px; height: 500px; vertical-align: top; background-color: #FFFFFF }
.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;
	background-color: #FFFFFF;
}
.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: 1em; width: 500px }
.t_new3 /* Style utilisé pour créer un tableau dans les pages dont la largeur = 400px */ { font-family: Arial; color: #000000; font-size: 1em; width: 400px }
.t_page {
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	width: 757px;
	margin-right: auto;
	margin-left: auto;
}
.txt_left { text-align: left }
.txt_middle { text-align: center }
.txt_right { text-align: right }
.sp { margin-top: 10px }
.lsp { margin-top: 3px }
.lspn {
	margin-top: 3px;
	text-align: left;
}
.ap { margin-left: 4px }
.colonne1px {
	background-color: #FFFFFF;
	width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.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 }

a.viv:visited /* Style appliqué aux liens du contenu */ { color: #006699; text-decoration: none }
a.viv:link /* Style appliqué aux liens du contenu */ { color: #006699; text-decoration: none }
a.viv:hover /* Style appliqué aux liens du contenu */ { color: #006699; text-decoration: underline }
.viv1 { border:1px solid #006699; background-color: #FFFFFF; color: #006699; font-weight: bold; font-size: 0.75em }
.viv2 { border:1px solid #006699; background-color: #FFFFFF; color: #006699; font-weight: bold; font-size: 1em }
.viv_s { color: #006699; font-weight: bold }
.viv_t { background-image: url(../images/006699_4x4.gif); background-position:1px 5px; background-repeat:no-repeat; padding-left: 9px; color: #006699; font-weight: bold; line-height: 20px }
.menu_viv1 { BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 1; LEFT: 127px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 125px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 109px; HEIGHT: 100px }
.menu_viv2 { BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 2; LEFT: 253px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 125px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 109px; HEIGHT: 100px }
.menu_viv3 { BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 3; LEFT: 379px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 118px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 109px; HEIGHT: 100px }
.menu_viv4 { BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 4; LEFT: 505px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 125px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 109px; HEIGHT: 100px }
.menu_viv5 { BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 5; LEFT: 505px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 125px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 109px; HEIGHT: 100px }
.menu_viv6 { BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; Z-INDEX: 6; LEFT: 631px; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 125px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; TOP: 109px; HEIGHT: 100px }
.erreur { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FF0000; }
.table_fond_orange {
	background-color: #f5e0cc;
	text-align: left;
	vertical-align: top;
}
.table_fond_rouge {
	background-color: #F5D6D6;
	text-align: left;
	vertical-align: top;
}
.table_fond_gris {
	background-color: #dfe7ea;
	text-align: left;
	vertical-align: top;
}
.table_fond_bleu {

	background-color: #cce0eb;
	text-align: left;
	vertical-align: top;
}
.table_fond_vert {


	background-color: #dbebd4;
	text-align: left;
	vertical-align: top;
}
.table_fond_violet {

	background-color: #E3DFEE;
	text-align: left;
	vertical-align: top;
}
.espaceur_blanc {
	background-color: #FFFFFF;
}
body {
	background-color: #003300;
	margin: 0px;
	text-align: center;
}
.RSS {
	width: 28px;
	vertical-align: middle;
	margin: auto;
	height: 16px;
	background-color: #FFFFFF;
	color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.fond_titre /* Style définissant les fonds de titres*/ {

	background-color: #CCE0EB;
}
.table_cel_nom {
	background-color: #FFFFFF;
	width: 39%;
	text-align: left;
	vertical-align: top;
}
.table_cel_tel {

	background-color: #FFFFFF;
	width: 22%;
	text-align: left;
	vertical-align: top;
}
.bordure {
	background-color: #D4D0C8;
	color: #FFFFFF;
	vertical-align: top;
	background-position: top;
}
.txt_left { text-align: left }
.txt_middle { text-align: center }
.txt_right { text-align: right }
.txt_down {
	vertical-align: bottom;
}
.t_menu_top /* Style définissant les colonnes des sommaires 50%*/ {
	background-color: #FFFFFF;
	width: 50%;
	background-position: top;
	vertical-align: top;
}
.t_menu_top2 /* Style définissant les colonnes des sommaires 33% */ {
	background-color: #FFFFFF;
	width: 33%;
	background-position: top;
	vertical-align: top;
}.couleur_rouge {
	color: #ff0000;
}
.txt_top {
	vertical-align: top;
	text-align: center;
}
.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;
}
.t_new4/* Style définissant un tableau centrer*/ {
	font-family: Arial;
	color: #000000;
	font-size: 1em;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
}
.soulignement  /* Style définissant le soulignement d'un texte*/{
	text-decoration: underline;
}
.t_haut /*Style pour le tableau du haut(arborescence et taille des caractères)*/
{
	margin: 0px;
	padding: 0px;
}
.valign_top 
{
	vertical-align: top;
}
.t_donnees /*style pour le contour des tableaux de données, exemple : associations de parents d'élèves*/{
	margin: auto;
	padding: 0px;
	vertical-align: middle;
	background-position: center;
	border:1px solid #006699;
	width: 600px;
	border-spacing:1px;
}
.t_donnees2 /* style pour les séparation de cases dans les tableaux de données, exemple : associations de parents d'élèves*/{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	background-position: center;
	border:1px solid #006699;
}
.t_center /* style pour les séparation de cases dans les tableaux de données, exemple : associations de parents d'élèves*/{
	margin: auto;
	padding: 0px;
	vertical-align: middle;
	background-position: center;
	border:0px;
	width:100%;
}
.sansmarge /* style pour un tableau ou une ligne ou une colonne sans marge ni pading*/{
	border:0;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
}
.t_pages /*style pour le tableau d'ensemble, grand tableau du index*/{
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	width: 757px;
	margin: auto;
	padding: 0px;
	border:0;
	border-collapse: collapse;
	border-spacing: 0px;
}
.t_espace /* Style utilisé pour éviter que la page de notre site colle au haut de la page internet */ {
	font-family: Arial;
	color: #000000;
	font-size: 1em;
	width: 400px;
	margin: auto;
}
.t_contenu /* style pour un tableau ou une ligne ou une colonne sans marge ni pading*/{
	border:0;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	width:100%;
}
.t_texte /* Style définissant le tableau de contenu général dans index.php */ {
	width: 83.4%;
	height: 500px;
	vertical-align: top;
	text-align: center;
	background-color: #FFFFFF;
	padding-left: 6px;
}
.t_header_menus /* style pour un tableau ou une ligne ou une colonne sans marge ni pading*/{
	border:0;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	width:757px;
}
.c_header_menus /* style pour une ligne alignée en haut, le texte à gauche et sans marge*/{
	border:0;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	text-align:left;
	vertical-align:top
}
.t_menub /* Style définissant la mise en forme des menus internes de chaque rubrique avec indexbis */ {
	vertical-align: top;
	width: 16.6%;
	height: 500px;
	font-family: Arial;
	color: #000000;
	font-size: 0.75em;
	background-color: #CCE0EB;
}