/* FOND et CARACTERES PAR DEFAUT */

body {
margin: 0px; 
border: 0px; 
padding: 0px;
background: url("../../template/images/Plan_maison_02.jpg") repeat;
font-family: Verdana, Helvetica, sans-serif;
color: #002C84;
}

html {overflow-y: scroll;} /* Barre de défilement toujours activée */

/* IMAGE PAR DEFAUT */
img { border: 0px; }

/* TOUT LES LIENS PAR DEFAUT */
/* a,a:link,a:active,a:visited { text-decoration: none; color : #445588; } */
a:hover	{ text-decoration: underline; color : #FC7E3E; }

/* TITRE PAGES DE CONTENU */

.titrepage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	letter-spacing: normal;
}

.titre-paragraf {
	font-family: "Comic Sans MS";
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
}

/* TEXTE COURANT */

.textecourant {
	
	font: 11px verdana, sans-serif, arial;
}
.textecourant a:hover {
	text-decoration: underline;
}
.textecourant a, #content a {
	color: #0065b7;
	text-decoration: underline;
}

.entreparentese {
	color: #999999;
	font: 11px verdana, sans-serif, arial;
}

/* MENU HAUT DE PAGE */
.indexhaut {
	color: #009999;
	font-family: Comic Sans MS;
	font-size: 13px;
	list-style : square;
	margin-bottom : 20px;
	font-weight : bold;
	text-align : left;
}
.indexhaut a {
	color: #009999;
	text-decoration: underline;
}
.indexhaut a:hover {
	color: #00C0C0;
	text-decoration: underline;
}
.indexhaut a:visited {
	color: #009999;
}


/* MENU DE GAUCHE */
.titre-menuG {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 16px 0px 8px 2px;
	color:#999999;
	font-weight: bold;
	text-transform: none;
}
.menuG {
	color: #0065b7;
	font-family: verdana, sans-serif, arial;
	font-size: 11px;
}
.menuG a {
	color: #0065b7;
	font-family: verdana, sans-serif, arial;
	font-size: 11px;
	text-decoration: none;
}
.menuG a:hover {
	text-decoration: underline;
}

/* FORMULAIRES .... voir suite avec formulaire par défaut*/

.formulairecelu { 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR:#666666;
	FONT-SIZE:12;
	FONT-STYLE:normal;
	BORDER-WIDTH:1;
	BORDER-COLOR:#bbbbbb;
	BORDER-STYLE:solid;}

.formulairepara {   /* vieux truc pour réseau*/
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #666666;
text-indent: 3pt;
background-color: #ECECEC;
padding: 2px;
border-color: #FFFFFF; 
border-style: solid; 
border-width: 1px 1px 0px 1px; } /* C'est le titre des paragraphe des formulaires */

.formulairedetail {   /* vieux truc pour réseau*/
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
}
.formulaireexplic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FF0000;
}


/* ########### TOUT FORMULAIRE PAR DEFAUT ############# */

/* Formulaires par défaut */
form { 
margin: 0px; 
padding: 0px; 
border: 0px; }  /* TRES BON POUR MIEUX DISPOSER LES FORMULAIRES */

/* Boutons des formulaires */
input { 
color: black; 
font-family: Verdana, serif; 
font-size: 10px; 
font-weight: normal; } 

/* ##### Champs de texte ##### */
textarea {
color: #666666;
background-color: white; 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: normal;
border-color: #bbbbbb; 
border-style: solid; 
border-width: 1px; }

/* ##### SELECTEUR PAR DEFAUT ##### */
select {  
color: #666666; 
background-color: white; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: normal; 
border-color: #bbbbbb; 
border-style: solid; 
border-width: 1px; }

/* ########### FIN FORMULAIRE PAR DEFAUT ############# */


/* ####### ELEMENTS DE TABLEAUX ########## */

/* C'est le contour autour des tables principales */
.forumline	{ background-color: #A9B8C2; border: 0px #006699 solid; }

/* TABLEAUX */
th { height: 25px; color: #444444; border-color: #FFFFFF; border-style: solid; font-size: 10px; background-color: #EAEAEA; white-space: nowrap; border-width: 1px 1px 0px 1px; }
.tablebg { background-color: #A9B8C2; }
.catdiv { height: 25px; border: 0px; background-color: white; background-image: url('images/cellpic2.jpg'); background-repeat: repeat-y; font-size: 10px; }
.cat { height: 25px; border-color: #FFFFFF; border-style: solid; background-color: #EFEFEF; text-indent: 4px; border-width: 1px 1px 0px 1px; }

/* Cellules avec bord blanc */
.row1 { background-color: #F7F7F7; padding: 4px; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.row2 { background-color: #ECECEC; padding: 4px; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.row3 { background-color: #D3D3D3; padding: 4px; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.spacer { background-color: #D1D7DC; }

/* ########## BARRE OMBREE SOUS TABLEAU ########## */
.tbl{border-collapse:collapse;height:4px;width:100%}
.tbll{background: url(images/tb4_l.gif) no-repeat;width:8px}
.tblbot{background: url(images/tb4_m.gif) repeat-x;width:100%}
.tblr{background: url(images/tb4_r.gif) no-repeat;width:8px}
.tbl80{border-collapse:collapse;height:4px;width:80%}

/* ########## BARRE DE TABLEAU ########## */
.tbt{border-collapse:collapse;height:22px;width:100%}
.tbtl{background: url(images/tb2_l.gif) no-repeat;width:22px}
.tbtbot{background: url(images/tb2_m.gif) repeat-x;width:100%;font-size:11px;color:#888888;}
.tbtr{background: url(images/tb2_r.gif) no-repeat;width:124px}

/* ########## BARRE DE NAVIGATION HAUTE ########## */
.tbn{border-collapse:collapse; height:22px; width:700}  /* Largeur de barre de navigation */
.tbnl{background: url(images/tb1_l.gif) no-repeat; width:76px}
.tbnbot{background: url(images/tb1_m.gif) repeat-x; width:100%; font-size:11px; color:#0065B7; text-decoration: none;}
.tbnr{background: url(images/tb1_r.gif) no-repeat; width:39px}