body {
background-color: white;
font-size: 12px;
color : black;
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif}

.grand {color: blue; font-size: 35px; font-style: oblique; font-family: Arial, Helvetica, Verdana, sans-serif}                          /* Grenault.net */

h1 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 26px; font-weight: bold; color: blue;                                /* outils */
text-align: right; font-style: oblique; padding: 3px; margin-top: 10px; margin-bottom: 10px;                                            /* outils */
text-transform: lowercase; margin-top: 0.4em; margin-bottom: 0.4em}                                                                     /* outils */

.titre-gras {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 26px; font-weight: bold; color: blue;
text-align: right; font-style: oblique; padding: 3px; margin-top: 10px; margin-bottom: 10px; text-transform: lowercase}

.titre-centre {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 26px; font-weight: bold; color: blue;
text-align: center; font-style: oblique; padding: 3px; margin-top: 10px; margin-bottom: 10px;}

.titre {color: red; font-size: 18px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif}                             /* outils */

.soustitre-rouge {color: red; font-size: 18px; font-family: "arial black", Arial, Helvetica, Verdana, sans-serif;
font-style: normal; font-weight: normal; text-align: center; text-transform: capitalize}                                                /* portail */

.bandeau {width: 100%; background-color: #D3D3D3}

.colonne-menu {background-color: #D3D3D3; width: 102px; margin-top: 0px; vertical-align: top; margin-left: auto;
margin-right: auto}

.blanc {font-size: 20px; color: white; text-align: left}                                                                                /* outils */
.bleu {color: blue; font-size: 20px; font-family: Arial, Helvetica, Verdana, sans-serif}
.bleu-12 {font-size: 12px; font-weight: 100; color: blue; font-family: Verdana, Arial, Helvetica, sans-serif}
.bleu-14 {font-size: 14px; font-weight: 100; color: blue}

.enorme {font-size: 18px; font-weight: 100; color: blue; font-family: Verdana, Arial, Helvetica, sans-serif}

A {font-size: 14px; font-weight: 100; color: blue; font-family: Verdana, Arial, Helvetica, sans-serif}
a:hover {color: red}

a.blue-12 {color: blue; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700}                          /* outils */
a.blue-12:hover {color: red}

a.petit-cadre {color: red; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;                    /* portail */
vertical-align: middle; display: block}                                                                                                 /* portail */

.normal {font-size: 12px; color: black; font-family: Verdana, Arial, Helvetica, sans-serif}
.normal-14 {font-size: 14px; color: black; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif}                          /* outils */
.normal-15 {font-size: 15px; color: black;}                                                                                             /* vigne */

.italic{font-style: italic}

.cadre {background-color: yellow; border: 1px solid red; height: 90px; width : 500px}                                                   /* portail */
.cadre-libre {background-color: #ffffa0}                                                                                                /* portail */
.photo {background-color: #FFEED5}

.interligne {font-family: vrinda; line-height: 5px}                                                                                     /* portail */
.interligne2 {font-size: 10px}
.interligne3 {font-size: 20px}
.interligne4 {font-size: 30px}
.interligne5 {font-size: 40px; line-height: 40px}

a.menu {font-size: 1em;                                                                                                                 /* portail */
		font-family: Arial, Helvetica, Verdana, sans-serif;
		text-align: center;
    font-weight: normal;
		background-color: white;
		color: blue;
		border: 1px solid black;
		width: 7.2em;
    display: block;
		text-decoration: none;
		line-height: 1.3em;
		margin-top: 0;
		margin-bottom: 0.2em;
    margin-left: auto;
    margin-right: auto}

a.menu:hover {color: red;
		border: 1px solid red}

a.menu2 {font-size: 1em;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-weight: 100;
		text-align: center;
		background-color: white;
		color: red;
		border: 1px solid blue;
		width: 7.2em;
		display: block;
		text-decoration: none;
		line-height: 1.3em;
		margin-top: 0;
		margin-bottom: 0.2em;
    margin-left: auto;
    margin-right: auto}

a.menu2:hover {color: blue;
		border: 1px solid black}
		
.center {text-align: center; margin-left: auto; margin-right: auto}
		
.image {border: 0px solid black; text-decoration : none}                                                                                /* gout_liv, tech */

.hr365 {width: 365px; margin-left: 0px}

.t1g {width: 1%; text-align: left}
.t2g {width: 2%; text-align: left}
.t3g {width: 3%; text-align: left}
.t5g {width: 5%; text-align: left}
.t8g {width: 8%; text-align: left; vertical-align: top}
.t10g {width: 10%; text-align: left}
.t12g {width: 12%; text-align: left}
.t12c {width: 12%; text-align: center; margin-left: auto; margin-right: auto}
.t12d {width: 12%; text-align: right}
.t15g {width: 15%; text-align: left}
.t20g {width: 20%; text-align: left}
.t20d {width: 20%; text-align: right}
.t22mobi {width: 22%; text-align: left; background-color: #3399FF}
.t22cmobi {width: 22%; text-align: center; background-color: #3399FF}
.t25g {width: 25%; text-align: left; vertical-align: top}
.t25c {width: 25%; text-align: center; vertical-align: top}
.t26c {width: 26%; text-align: center; margin-left: auto; margin-right: auto; vertical-align: top}
.t30g {width: 30%; text-align: left; vertical-align: top}
.t33g {width: 33%; text-align: left; vertical-align: top}
.t33c {width: 33%; text-align: center; margin-left: auto; margin-right: auto; vertical-align: top}
.t33d {width: 33%; text-align: right; vertical-align: top}
.t36g {width: 36%; text-align: left; vertical-align: top}
.t40g {width: 40%; text-align: left; vertical-align: top}
.t40c {width: 40%; text-align: center; margin-left: auto; margin-right: auto; vertical-align: top}
.t44g {width: 44%; text-align: left; vertical-align: top}
.t44c {width: 44%; text-align: center; vertical-align: top}
.t45g {width: 45%; text-align: left; vertical-align: top}
.t45c {width: 45%; text-align: center; margin-left: auto; margin-right: auto; vertical-align: top}
.t45d {width: 45%; text-align: right; vertical-align: top}
.t48g {width: 48%; text-align: left; vertical-align: top}
.t49g {width: 49%; text-align: left; vertical-align: top}
.t50g {width: 50%; text-align: left; vertical-align: top}
.t50c {width: 50%; text-align: center; margin-left: auto; margin-right: auto; vertical-align: top}
.t50d {width: 50%; text-align: right; vertical-align: top}
.t60g {width: 60%; text-align: left; vertical-align: top}
.t60c {width: 60%; text-align: center; margin-left: auto; margin-right: auto; vertical-align: top}
.t63g {width: 63%; text-align: left; vertical-align: top}
.t70g {width: 70%; text-align: left; vertical-align: top}
.t70c {width: 70%; text-align: center; margin-left: auto; margin-right: auto; vertical-align: top}
.t75g {width: 75%; text-align: left; vertical-align: top}
.t85g {width: 85%; text-align: left; vertical-align: top}
.t90c {width: 90%; text-align: center; margin-left: auto; margin-right: auto; vertical-align: top}
.t100g {width: 100%; text-align: left; vertical-align: top}
.t100d {width: 100%; text-align: right; vertical-align: top}
.tautog {width: auto; text-align: left; vertical-align: top}
.tautoc {width: auto; text-align: center; margin-left: auto; margin-right: auto; vertical-align: top}
.tautod {width: auto; text-align: right; vertical-align: top}
.t100g {width: 100%; text-align: left; vertical-align: top}
.t100c {width: 100%; text-align: center; margin-left: auto; margin-right: auto; vertical-align: top}
.t120pxc {width: 120px; text-align: center}

.trait {width: auto; height: 2px; text-align: left; background-color: #3399FF; font-size: 2px}

.xiti {}












