/* - Couleurs ------------------------------------------------- */
/*
	Vert clair TDM : #e8ffe8
	Vert intermédiaire: #d1e6d1
	Vert foncé : #00ff00
*/

/* - Généralités --------------------------------------------- */

* {Margin:0px; Padding:0px;}

BODY {
	Background-Image:url('fond.jpg');
	Font-Family:Arial,"sans-Serif";
	Font-Size:10pt;
	Margin:140px 0px 0px 0px;
}
A {Text-Decoration:None;}
A:Hover {Outline:Solid 1pt red;}

H1 {
	Font-Size:24pt;
	Color:#98af98;
}
H2 {
	Background-Color:#d1e6d1;
	Font-Size:12pt;
	Padding:4px 10px;
	Margin:20px 0px 10px 0px;
}
IMG {Border:None;Vertical-Align:Middle;}
IMG.Btn {Margin-Right:5px;}

P {
	Font-Size:10pt;
	Margin:2pt 0pt 2pt 0pt;
}
TD {
	Vertical-Align:Top;
	Font-Size:10pt;
}
UL {
	Margin:2pt 0pt 2pt 15pt;
}
/* - Disposition générale de la page ------------------------ */

DIV.Contenu {
	Margin:0px 10px 0px 180px;
	Width:650px;
}
DIV.Tete {
	Background-Color:#d1e6d1;
	Font-Size:18pt;
	Position:Absolute; 
	Left:0px; Top:0px;
	Padding:10px 180px;
	Text-Align:Left;
	Width:100%; Height:100px;
}
DIV.Pied {
	Border-Top:Solid 1pt #d1e6d1;
	Font-Size:8pt;
	Margin:200px 0px; Padding:2px;
	Text-Align:Center;
}
DIV.Statistiques {
	Font-Size:10pt;
	Margin:100px 0px;
	Text-Align:Center;
}

/* - Menus --------------------------------------------------- */

DIV.Menu {
	Border:Solid 1pt #d1e6d1;
	Background:#e8ffe8 url('menu-fond.jpg') Center Repeat-Y;
	Text-Align:Center;
	Position:Absolute;
	Left:10px;Top:30px;
	Margin:0px;Padding:0px;
	Width:150px;
}
DIV.SousMenu {
	Overflow:Hidden;
}
A.Menu {
	Display:Block;
	Font-Size:10pt;
	font-Weight:Bold;
	Text-Decoration:None;
	Margin:10px Auto;Padding:0px;
	Width:140px;
}
A.Menu:Hover {
	Color:Red;
	Outline:None;
}
A.Menu:Visited {
	Color:Blue;
}
/* - Cours ---------------------------------------------------- */

H2.CoursListe {
	Background-Color:#d1e6d1;
	Font-Size:12pt;
	Padding:4px;
	Margin:10px 0px 0px 0px;
}
H3.CoursListe {
	Font-Size:10pt;
	Padding:4px;
	Margin:0px 0px 0px 30px;
}
H4.CoursListe {
	Font-Size:10pt;
	Padding:4px;
	Margin:0px 0px 0px 60px;
}
P.CoursListe {
	Margin:0px 0px 0px 50px;
}

DIV.CoursCaracteristiques {
	Background-Color:#e8ffe8;
	Text-Align:Center;
	Float:Left;
	Margin:0px 20px 10px 0px;Padding:10px;
	Width:180px;
}
DIV.CoursContenu {
	Margin:0px 0px 0px 200px;Padding:0px;
}
H1.Cours {
}
H2.Cours {
}
H3.Cours {
	Font-Size:12pt;
	Background-Repeat:Repeat-X;
	Text-Indent:-18px;
	Margin:10px 0px 0px 18px;
}
H4.Cours {
	Font-Size:10pt;
	Font-Weight:Normal;
	Background-Repeat:Repeat-X;
	Text-Indent:-18px;
	Margin:10px 0px 0px 18px;
}
P.Cours {
	Margin:0px 0px 0px 18px;
}
IMG.Cours {
	Vertical-Align:Middle;
}

/* - Freelances ---------------------------------------------- */

IMG.Freelance {
	Float:Left;
	Margin:5px 10px 10px 0px;
	Width:120px;
}

IMG.FreelancesListe {
	Width:100px;
}
/* - Adsense ------------------------------------------------- */

DIV.Adsense {
	Border:1pt Solid red;
	Text-Align:Center;
	Padding:2px;
	Position:Absolute;
	Left:830px;Top:30px;
	Width:164px;Height:604px;
	Z-Index:1;
}
/* - Annuaire des loueurs ----------------------------------- */

IMG.LocaImage {
	Width:100px;
}
TD.LocaImage {
	Border-Bottom:Solid 1pt #d1e6d1;
	Margin:0px; Padding:10px;
	Width:120px;
}
TD.LocaCoord {
	Background-Color:#e8ffe8;
	Border-Bottom:Solid 1pt #d1e6d1;
	Margin:0px; Padding:10px;
	Width:200px;
}
TD.LocaTexte {
	Border-Bottom:Solid 1pt #d1e6d1;
	Margin:0px; Padding:10px;
}
DIV.LocaAdsense {
	Margin-Left:120px;
	Width:336px; Height:280px;
}
/* -Login ----------------------------------------------------- */

DIV.Login {
	Border:Solid 1pt #d1e6d1;
	Text-Align:Left;
	Margin-Left:Auto;Margin-Right:Auto;
	Padding:20px;
	Width:320px;
}

/* - Formulaires --------------------------------------------- */

INPUT,SELECT,TEXTAREA {
	Border:Solid 1pt #d1e6d1;
	Border-Bottom:Solid 1pt Gray;
	Margin:2px 0px;
}
INPUT:Hover {Outline:Solid 1pt Gray;}
INPUT:Focus {Outline:Solid 1pt Black;}

LABEL.FrmLabel {
	Float:Left;
	Width:150px;
	Margin:2px 0px;
}
INPUT.FrmButton{
	Margin:10px 5px 10px 5px;
	Width:120px;
}