/* FICHIER: style2.css */

h1 { font:bold 22px verdana,sans-serif,helvetica,Arial,serif; color:#ffffff; text-align:center; margin-top:16px; }
h2 { font:bold italic 20px verdana,sans-serif,helvetica,Arial; color:#000000; text-align:justify; margin:12px 6px; text-indent:50px; border-bottom:ridge #0000ff 3px; }
h2:first-letter { font-size:30px; }
h3 { font-size:16px; color:#000000; }
h4 { font-size:14px; text-align:center; }
h5 { font:bold italic 15px verdana,sans-serif,helvetica,Arial; color:red; }
p,ul,ol,li,div,table,td,th,address,blockquote,input { font-size:14px; font-family:verdana,sans-serif,helvetica,Arial,serif; }
p { margin:6px; text-indent:0px; text-align:justify; }
li { clear:both; margin:3px 6px; padding-left:16px; text-align:justify; }
cite { font-size:12px; margin-left:50px; color:#006600; }
img { border:0px; }
hr { color:#0000ff; width:70%; text-align:center; border-top:3px ridge blue;}

/* DEFINITION DES CLASSES */

.soustitreentete { font:bold 16px verdana,sans-serif,helvetica,Arial,serif; text-align:center; }
.textedefil { font:bold italic 16px verdana,sans-serif,helvetica,Arial,serif; text-align:center; }
.specialentete { font:bold 50pt Goudy Old Style,verdana,serif; text-align:center; color:#0000ff; }
.copyright { font:bold italic 12px verdana,sans-serif,helvetica,Arial,serif; color:#000000; text-align:center; margin:12px 6px; text-indent:24px; border-top:ridge #0000ff 3px; }
.contact { font:bold italic 14px verdana,sans-serif,helvetica,Arial,serif; color:#000000; text-align:center; text-indent:0px; }
.center { text-align:center; text-indent:0px; }
.question { font:bold 14px verdana,sans-serif,helvetica,Arial,serif; color:#000000; text-align:left; text-indent:0px; }
.reponse { font:normal 14px verdana,sans-serif,helvetica,Arial,serif; color:#000000; text-align:justify; text-indent:24px; }

/* CLASSES SPECIFIQUES AUX IMAGES */

.imgleft { float:left; margin:8px 12px 8px 0px; }
.imgright { float:right; margin:8px 0px 8px 12px; }
.flag { float:left; margin:8px 0px 8px 50px; }
.legend { text-align:center; font-family:verdana,sans-serif,helvetica,Arial,serif; font-size:12px; margin:3px 15px 15px 6px; text-indent:0px; }

/* PROPRIETES DES LIENS */

a { text-decoration:none; }
a:link { font:normal 14px verdana,sans-serif,helvetica,Arial,serif; color:#758ec4; }
a:visited { font:normal 14px verdana,sans-serif,helvetica,Arial,serif; color:#042460; }
a:hover { font:normal 14px verdana,sans-serif,helvetica,Arial,serif; color:#ffa03a; }
a.email { font:bold italic 14px verdana,sans-serif,helvetica,Arial,serif; color:#012e92; }
a.email:hover { font:bold italic 14px verdana,sans-serif,helvetica,Arial,serif; color:#ff0000; }
a img { border:2px solid #ffffff; }
a:hover img { border:2px solid #ffa03a; }

/* PROPRIETES DU MENU */

#menu { position:absolute; top:315px; left:240px; width:610px; height:20px; z-index:4; background-color:#1F00CA; background:url(img/barrebleue.gif); }
#menu ul { font:bold 14px verdana,sans-serif,helvetica,Arial,serif; text-align:center; margin:1px; padding-top:2px; }
#menu ul li { display:inline; }
#menu ul li a { font:bold 14px verdana,sans-serif,helvetica,Arial,serif; color:#ffffff; }
#menu ul li a:hover { font:bold 14px verdana,sans-serif,helvetica,Arial,serif; background-color:#16008D; color:#ffffff; background:url(img/barreverte.gif); }
#active a { font:bold 14px verdana,sans-serif,helvetica,Arial,serif; background-color:#16008D; color:white; background:url(img/barreverte.gif); }           

.item { width:145px; padding:1px 7px 1px 1px; text-align:left; }
.itemOff { background-color:#325BAD; background:url(img/barrebleue.gif); }
.itemOn { background-color:#A7CD32; background:url(img/barreverte.gif); }
.font { font:bold 14px verdana,sans-serif,helvetica,Arial,serif; color:#ffffff; line-height:18px; text-align:left; }
.fontOff { color:#ffffff; }
.fontOn { color:#ffffff; }

/* PROPRIETES DU SOUS-MENU */

#sousmenu { position:absolute; top:340px; left:240px; width:610px; height:20px; z-index:4; }
#sousmenu ul { text-align:center; margin:0px; }
#sousmenu ul li { display:inline; padding-right:0px; }
#sousmenu ul li a { font:bold 12px verdana,sans-serif,helvetica,Arial,serif; color:#000000; }
#sousmenu ul li a:hover { font:bold 12px verdana,sans-serif,helvetica,Arial,serif; color:#bb2222; }

/* DISPOSITION GRAPHIQUE */

body { text-align:center; min-width:860px; }
#cadre { position:relative; top:0px; left:0px; width:850px; text-align:left; min-height:700px; z-index:1; margin:5px auto; background:url(img/barrebleuesup.gif); background-repeat:repeat-x;}
#entete { position:absolute; top:40px; left:210px; width:660px; min-height:12px; z-index:1; overflow:auto; text-align:center; }
#titre { position:absolute; top:365px; left:0px; width:235px; height:80px; background-color:#0000ff; z-index:4; overflow:auto; background:url(img/titre.jpg); }
#contenu { position:absolute; top:365px; left:260px; width:560px; min-height:400px; z-index:4; overflow:auto; }
#contact { position:absolute; top:213px; left:0px; width:227px; min-height:100px; z-index:4; overflow:auto; border-top:4px groove #0000ff; border-left:4px groove #0000ff; border-right:4px ridge #0000ff; border-bottom:4px ridge #0000ff; }
#pub { position:absolute; top:440px; left:-10px; width:260px; min-height:100px; z-index:4; overflow:hidden; }
#logo { position:absolute; top:16px; left:0px; width:236px; height:166px; z-index:5; }

/* DECORATION D'EVENEMENTS*/

#xmas { position:absolute; top:192px; left:45px; height:55px; width:750px; z-index:4; }