﻿body {margin:0;padding:0;background:url('../images/bg_papierFonce.jpg') repeat center top;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.8em;color:#2c0405;}


h1{font-size:1.8em;font-family:Georgia, "Times New Roman", Times, serif;color:#642425;}
h2{font-size:1.5em;font-family:Georgia, "Times New Roman", Times, serif;color:#642425;}



a:link, a:visited {color: #174c04;}
a:hover, a:active {color: #634252;}

li{}
dt{font-weight:bold;margin-top:15px;}

dl.spect{font-size:0.8em;}
dl.spect dt {clear:left; float:left; font-weight:bold;margin-top:0;}
dl.spect dd{display:block;}

img.img{border:1px solid #642425;margin-right:10px;padding:2px;}

div.colDemi{width:45%;float:left;margin:2%;}
div.colUnTier{width:35%;float:left;}
div.colDeuxTiers{width:62%;float:left;margin:1%;}
div.colTiers{width:33%;float:left;}

blockquote{}
blockquote cite{font-weight:bold;}

.txtremarque{font-style:italic;font-size:0.8em;}

hr{border:1px solid #642425;width:50%;}

/*-------------------------------------------
MASTER PAGE
---------------------------------------------*/
#pagePrincipale {border:1px solid #642425;width:973px; min-height:600px; display:block; margin:auto; background:url('../images/bg_papierPale.jpg') repeat-y;}

/*Menu*/
#menu{background:url('../images/bg_menu.jpg') repeat-y; min-height:500px;padding:10px;width:220px;float:left;}
ul#menuPrincipal {margin:30px 0 0 0; padding: 10px;}
#menuPrincipal li{ list-style:none;padding-bottom:5px;}
ul#menuSecondaire{ padding:0 0 0 40px; margin:-5px 0 0 0;}
#menuSecondaire li{ list-style:circle; padding:0;}
#menu ul a{color:#6b2d28; text-decoration:none; font-weight:bold;}
#menu ul a:hover, #menu ul a:active{color:#174c04; text-decoration:underline; font-weight:bold;}

a#menuAuteur{ background: url('../images/bt_auteur.gif') no-repeat left top; width:103px; height: 17px; text-indent: -9999px; display:block;  } 
a:hover#menuAuteur{ background-position: -103px 0; }  

a#menuDemarche{ background: url('../images/bt_demarche-litteraire.gif') no-repeat left top; width:118px; height: 35px; text-indent:-9999px; display:block; }
a:hover#menuDemarche{ background-position: -118px 0; }  
       
a#menuAppelCygnes { background: url('../images/bt_appel-des-cygnes.gif') no-repeat left top; width:186px; height: 17px; text-indent:-9999px; display:block; } 
a:hover#menuAppelCygnes{ background-position: -186px 0; } 

a#menuMallaig{background: url('../images/bt_mallaig.gif') no-repeat left top; width:97px; height: 17px; text-indent:-9999px; display:block;}
a:hover#menuMallaig{ background-position: -97px 0; } 

a#menuPierreEtRenee{background: url('../images/bt_pierre-et-renee.gif') no-repeat left top; width:158px; height: 17px; text-indent:-9999px; display:block;}
a:hover#menuPierreEtRenee{ background-position: -158px 0; }

a#menuActivites{background: url('../images/bt_activites.gif') no-repeat left top; width:138px; height: 17px; text-indent:-9999px; display:block;}
a:hover#menuActivites{ background-position: -138px 0; }

a#menuLiens{background: url('../images/bt_liens.gif') no-repeat left top; width:99px; height: 17px; text-indent:-9999px; display:block;}
a:hover#menuLiens{ background-position: -99px 0; }

a#menuContact{background: url('../images/bt_contact.gif') no-repeat left top; width:112px; height: 17px; text-indent:-9999px; display:block;}
a:hover#menuContact{ background-position: -112px 0; }

a#menuAbout{background: url('../images/bt_anglais.gif') no-repeat left top; width:196px; height: 33px; text-indent:-9999px; display:block;}
a:hover#menuAbout{ background-position: -196px 0; }


#content{width:700px;float:left;padding:10px;}

/*footer*/
div#footer{width:973px;margin:auto;font-size:0.8em;color:#642425;text-align:center;padding:10px;}

div#footer a:link, div#footer a:visited {color: #642425;}
div#footer a:hover, div#footer a:active {color: #174c04;}



/*------------------------------------------------
MISC
------------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {display: inline-block;}  /* for IE/Mac */
.clearAll{clear: both;}


