/* FICHIER: FORMATS.css */

h1 { font-family:balloon,avantgarde,'comic sans ms',Arial,sans-serif; font-size:26px; font-style:italic; margin-top:0px; color:#b22222; text-align:center; }
h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i { font-family:Arial,sans-serif; }
p { margin:0.2cm; text-indent:0.4cm; text-align:justify; }
h2 { font-size:18px; margin-bottom:16px; color:#0000cd; text-align:center; }
h3 { font-size:14px; color:#000000; text-align:center; }
h4 { font-size:13px; text-align:center; }
p,ul,ol,li,div,td,th,address,blockquote { font-size:14px; }
li { margin:10px; }
pre { font-family:'Courier New',Courier; font-size:13px; color:#0000C0; }
code,kbd,tt { font-family:'Courier New',Courier; color:#0000C0; }
var { font-style:normal; color:#0000C0; }
blockquote,cite { font-style:italic; color:#000000; }
ins { color:#009900; font-weight:bold; text-decoration:none; }
del { color:#990000; font-weight:bold; text-decoration:line-through; }
hr { width:90%; }
table { margin-left:auto; margin-right:auto; }
img.orange { border:outset 5px #ed9200; }

/* définition des classes */

.center { text-align:center; }
.blue { color:#0000C0; }
.orange { color:#ff6900; }
.blanc { color:#ff00ff; }
div a.link { font-size:12px; }
pre.normal { color:#000000; }

/* DEFINITION DES PROPRIETES DES LIENS */

a { font-size:12px; }
a:link { font-size:12px; color:#003366; text-decoration:none; }
a:visited { font-size:12px; color:#990000; text-decoration:none; }
a:hover { font-size:12px; color:#ff0000; text-decoration:none; }
a:active { font-size:12px; color:#ff0000; text-decoration:none; }

a.menu1 { font-size:12px; display:block ; margin-top:5px ; text-align:center; width:130px ; height:50px ; padding-top:12px;
background-image:url(images/bouton_pied_2.png);background-repeat:no-repeat; text-decoration:none; }
a.menu1:hover { font-size:12px; display:block ; margin-top:5px ; text-align:center; width:130px ; height:50px ; padding-top:12px;
background-image:url(images/bouton_pied_2.png); background-repeat:no-repeat; text-decoration:none; }

a.menu2 { font-size:12px; text-decoration:none; display:block; margin-top:20px;}
a.menu2:hover { font-size:12px; text-decoration:none; }

a.email { font-size:12px; font-weight:bold; width:160px ; height:50px ; text-decoration:none; }
a.email:hover { font-size:12px; font-weight:bold; width:160px ; height:50px ; text-decoration:none; }

body { text-align:center; min-width:800px; background-color:#ffffff; }

#cadre { position:relative; top:5px; left:0px; width:800px; text-align:left; min-height:500px; margin:10px auto; z-index:1; }
#contenu { position:absolute; top:95px; left:142px; width:580px; min-height:400px; z-index:4; overflow:auto; }
#colg { position:absolute; top:0px; left:0px; width:110px; height:380px; z-index:2; background-image:url(images/borderorange.jpg); background-color:#ff6900; border-bottom:inset 4px #dddddd; }
#cold { position:absolute; top:0px; right:0px; width:50px; height:600px; z-index:2; background-image:url(images/borderorange.jpg); background-repeat:repeat-y; color:#ffffff; border-bottom:inset 4px #dddddd; }
#entete { position:absolute; top:0px; left:0px; width:100%; height:85px; z-index:1; background-image:url(images/fond.jpg); border-bottom:inset 4px #dddddd; }
#logo { position:absolute; top:-6px; left:-6px; width:149px; height:112px; z-index:5; background-image:url(images/pied_bebe.png); }
#logotexte { position:absolute; top:0px; left:140px; width:500px; height:41px; z-index:5; }
#menu { position:absolute; top:115px; left:10px; width:130px; height:100px; z-index:5; }
#colliens { position:absolute; top:390px; left:4px; width:150px; height:330px; z-index:5; }
#piedpage { position:relative; bottom:-30px; left:0px; width:100%; height:50px; z-index:1; border-top:solid 2px #000000; }
#creation { position:absolute; bottom:0px; left:150px; width:400px; height:35px; z-index:5;}
#email { position:absolute; top:16px; left:590px; width:220px; height:35px; z-index:5;}
#copyright { position:absolute; top:0px; left:440px; width:200px; height:35px; z-index:5;}
#xmas { position:relative; top:65px; left:-6px; width:750px; height:55px; z-index:1; }
