/* FICHIER: FORMATS.css */

h1 { font-family:balloon,avantgarde,'comic sans ms',Arial,sans-serif; font-size:50px; font-style:italic; margin-top:0px; color:#E33737; 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:#a10b0b; text-align:center; }
h3 { font-size:14px; color:#a10b0b; text-align:center; }
h4 { font-size:13px; text-align:center; }
h5 { 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; }
p.clear { clear: both; }

/* 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:16px; }
a:link { font-size:16px; color:#aaa8e6; text-decoration:none; }
a:link { font-size:16px; color:#D38345; text-decoration:none; }
a:visited { font-size:16px; color:#6495ed; text-decoration:none; }
a:hover { font-size:16px; color:#AC0A0A; text-decoration:none; }
a:active { font-size:16px; color:#ff0000; text-decoration:none; }
a.button {
   border-top: 1px solid darkblue;
   background: dodgerblue;
   background: -webkit-gradient(linear, left top, left bottom, from(#22202B), to(dodgerblue));
   background: -moz-linear-gradient(top, #2220aB, dodgerblue);
   padding: 5px 12px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
 
   color: #ffffff;
   font-size: 16px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   display:block;
   margin-top:5px;
   }
a.button:hover {
   border-top-color: #694a33;
   background: dodgerblue;
   color: #AC0A0A;
   }
a.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
 a:visited { font-size:16px; color:darkblue; }
 
/* DEFINITION DES PROPRIETES DES LIENS preface */
a.buttonp {
   border-top: 1px solid darkblue;
   background: dodgerblue;
   background: -webkit-gradient(linear, left top, left bottom, from(#22202B), to(dodgerblue));
   background: -moz-linear-gradient(top, #2220aB, dodgerblue);
   padding: 4px 8px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
 
   color: #ffffff;
   font-size: 12px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   display:block;
   margin-top:4px;
   }
a.buttonp:hover {
   border-top-color: #694a33;
   background: dodgerblue;
   color: #AC0A0A;
   }
a.buttonp:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
 a:visitedp { font-size:12px; color:darkblue; }

/* DEFINITION DES PROPRIETES DES LIENS CD */
a.buttoncd{
   border-top: 1px solid #E33737;
   background: #red;
   background: -webkit-gradient(linear, left top, left bottom, from(#E33737), to(darkred));
   background: -moz-linear-gradient(top, #E33737, darkred);
   padding: 4px 8px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
 
   color: darkblue;
   font-size: 11px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   display:block;
   margin-top:5px;
   }
a.buttoncd:hover {
   border-top-color: salmon;
   background: red;
   color: darkblue ;
   }
a.buttoncd:active {
   border-top-color: darkred;
   background: darkred;
   }
  
  
   
   

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

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

#cadre     { position:relative; top:5px; left:0px; width:850px; 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;}
#contenulivre { position:absolute; top:95px; left:142px; width:820px; min-height:400px; z-index:4; overflow:auto; }
#colg      { position:absolute; top:0px; left:0px; width:110px; height:500px; z-index:2; background-image:url(images/wall-1.jpg);
             border-bottom:inset 4px #C4B19B; }
#colgcd    { position:absolute; top:250px; left:0px; width:130px; height:600px; z-index:2; background-image:url(images/wall-1.jpg);
             border-bottom:inset 4px #C4B19B; }
#cold      { position:absolute; top:0px; right:0px; width:90px; height:600px; z-index:2; background-image:url(images/wall-1.jpg); border-bottom:inset 4px #C4B19B; }
#entete    { position:absolute; top:0px; left:0px; width:100%; height:85px; z-index:1; background-image:url(images/wall-1.jpg); border-bottom:inset 4px #C4B19B; }
#logo      { position:absolute; top:-6px; left:-6px; width:149px; height:112px; z-index:5; background-image:url(images/2325.jpg); }
#logotexte { position:absolute; top:0px; left:180px; width:500px; height:41px; z-index:5; }
#menu      { position:absolute; top:115px; left:10px; width:120px; height:100px; z-index:5; }
#menup     { position:absolute; top:300px; left:10px; width:120px; height:30px; z-index:5; }
#pos-menucd{ position:absolute; top:140px; left:40px; width:190px; height:s85px; z-index:5; }
#pos-menucd1{ position:relative; top:40px; width:190px; left:00px; height:250px; z-index:5; }
#lecteur   { position:absolute; top:100px; left:150px; z-index:5; }
#piedpage  { position:relative; bottom:-30px; left:0px; width:100%; height:50px; z-index:1; border-top:solid 2px #ffffff; }
#creation  { position:absolute; bottom:0px; left:150px; width:400px; height:35px; z-index:5;}
#email     { position:absolute; top:20px; left:700px; width:150px; height:45px; z-index:5;}
#copyright { position:absolute; top:0px; left:650px; width:200px; height:35px; z-index:5;}