* {
border:0;
margin:0;
padding:0;
}

/*..............................Polices......................*/
@font-face {
font-family:Papyrus;
url:("file://styles/papyrus.ttf") format("TrueType");
}

/*..............................styles communs......................*/
body{
background-color:#ffffff;
font-family:"Bell MT";
font-size:14px;
}

#general {
margin:10px Auto;
width:984px;
}

#cab{
background-image:url(../images/cab.jpg);
background-repeat:no-repeat;
height:144px;
width:984px;
}

#col1{
float:left;
width:160px;
background-image:url(../images/jaune.jpg);
background-repeat:repeat-x;
}

#col2{
float:left;
width:814px;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
height:100%;
}

#menu{
font-family:papyrus;
font-size:18px;
margin-top:50px;
margin-bottom:50px;
color:#ffffff;
font-weight:bold;
}

#menu li{
list-style-type:none;
margin-bottom:2px;
width:145px;
margin-left:0px;
text-align:center;
}

#image{
position:relative;
background-color:#e40500;
height:170px;
width:130px;
}

.div1{
z-index:1;
position:absolute;
top:-15px;
left:15px;
}

#pie{
background-color:#518fc6;
font-weight:bold;
font-family:papyrus;
font-size:16px;
padding-right:10px;
padding-top:4px;
color:#ffffff;
}

#clear{
clear:both;
background-image:url(../images/bleu.jpg);
background-repeat:no-repeat;
background-position:right bottom;
height:29px;
}

.clear{
clear:both;
}

/*..............................Titres......................*/
h1{
font-family:papyrus;
color:#e40500;
font-weight:bold;
font-size:24px;
letter-spacing:-1px;
}

h2{
font-family:papyrus;
font-size:18px;
color:#055ba8;
font-weight:bold;
margin-top:5px;
}

h3{
color:#ffffff;
background-color:#e40500;
font-style:italic;
font-size:24px;
font-weight:lighter;
text-align:center;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
}

h4{
color:#ffffff;
background-color:#055ba8;
font-style:italic;
font-size:24px;
font-weight:lighter;
text-align:center;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
}

h5{
color:#e40500;
font-size:24px;
text-align:right;
font-style:italic;
font-weight:lighter;
padding-right:10px;
border-bottom:1px solid #e40500;
}

h6 {
color:#e40500;
font-size:18px;
font-weight:bold;
}

/*.........................styles texte et par...................*/
.der {
text-align:right;
}

.border {
border:1px solid #055ba8;
padding:5px;
}

.bordjaune {
border:1px solid #ffff63;
padding:5px;
}

.bordred {
border:1px solid #e40500;
padding:5px;
}

.coups {
position:absolute;
z-index:2;
top:-15px;
left:120px;
}

.par1 {
color:#e40500;
background-color:#ffffff;
}

.par2 {
font-size:12px;
}

.bold {
font-weight:bold;
color:#055ba8;
}

.red {
color:#e40500;
font-weight:bold;
}

.red1 {
color:#e40500;
font-weight:bold;
font-size:16px;
}

.jaune {
color:#fdfa85;
}

.grd {
font-size:18px;
font-weight:bold;
}

.center {
text-align:center;
}

.float {
float:left;
margin-right:15px;
}

.floatr {
float:right;
}

.spec {
padding-left:70px;
}
/*...............................Links....................................*/
.link1{
color:#e40500;
font-style:italic;
}

.link2{
color:#e40500;
}

.link3 {
color:#055ba8;
font-weight:bold;
}

.link4 {
color:#e40500;
font-weight:bold;
}

.link5 {
color:#ffffff;
text-decoration:none;
}

.loupe{
cursor:url(search.png),pointer;
}

#menu li a {
text-decoration:none;
background-image:url(../images/menu.jpg);
background-repeat:repeat-x;
display:block;
color:#ffffff;
width:145px;
height:26px;
}

#menu li a:hover {
background-image:url(../images/menu2.jpg);
background-repeat:repeat-x;
display:block;
color:#ffffff;
width:145px;
height:26px;
}

#genres li a{
display:block;
color:#e40500;
height:20px;
text-decoration:none;
font-weight:bold;
}

#pie a {
text-decoration:none;
color:#ffffff;
}

#pie a:hover {
color:#ffffff;
background-color:#e40500;
}

/*...............................styles tableaux.....................*/
table {
width:100%;
}

#admin td {
background-color:#ffff63;
padding:3px 5px;
}

.td1 {
padding-left:10px;
text-align:justify;
}

#selec td, #selection td {
padding-top:10px;
}

/*.......................styles formulaires.....................*/
#contact input {
font-family:"bell MT";
margin-left:5px;
margin-right: 5px;
}

label {
color:#055ba8;
font-weight:bold;
display:block;
margin-top:5px;
text-align:left;
}

.button {
color:#ffffff;
background-color:#e40500;
font-weight:bold;
font-size:14px;
margin-top:10px;
margin-left:10px;
cursor:pointer;
}

#contact textarea {
width:282px;
height:100px;
}

#contact form, #login form {
background-color:#ffff63;
width:310px;
margin:0px Auto;
text-align:center;
padding:10px;
}

#admin form {
background-color:#ffff63;
margin:20px 160px;
padding:10px;
}


/*.........................styles index.........*/
#horaires {
width:802px;
background-color:#ffffda;
text-align:center;
}

#lv{
float:right;
margin:0px 8px;
width:288px;
display:inline;
padding-bottom:5px;
margin-top:5px;
font-size:16px;
}

#direct{
float:left;
width:288px;
background-repeat:no-repeat;
background-position:center;
color:#000000;
margin-top:5px;
display:inline;
font-size:16px;
}

#logo {
float:left;
width:200px;
color:#000000;
font-weight:bold;
padding:3px;
display:inline;
}

#accueil {
width:814px;
position:relative;
margin-top:25px;
}

#selec {
width:486px;
float:left;
display:inline;
padding-top:20px;
background-color:#eeeeee;
}

#droite {
width:300px;
float:right;
}

#agenda {
padding:5px;
margin-bottom:10px;
margin-top:10px;
background-color:#ffff63;
}

#agenda p {
margin-top:10px;
}

/*.........styles selection.php.........*/
#selection {
position:relative;
margin-top:20px;
margin-bottom:5px;
padding-top:20px;
}

#list1 {
width:390px;
float:left;
}

#list2 {
width:390px;
float:right;
}

#indice {
clear:both;
text-align:right;
}

#genres {
padding-bottom:20px;
padding-top:5px;
}

#genres li {
background-color:#ffff63;
float:left;
text-align:center;
width:100px;
margin-right:5px;
list-style-type:none;
font-size:16px;
}

/*.........styles contact.php.........*/

#contact {
position:relative;
width:802px;
margin-top:20px;
padding-top:20px;
}

#coord {
width:390px;
float:left;
margin-left:10px;
display:inline;
}

#plan {
width:380px;
float:right;
margin-right:10px;
display:inline;
}

/*.........styles credits.php.........*/
#mentions {
position:relative;
margin-top:20px;
text-align:justify;
}

#mentions p {
margin-bottom:10px;
}

#mentions h2 {
margin-top:20px;
}

/*.........styles agenda.php.........*/
#date {
position:relative;
margin-top:15px;
}

#date td {
padding-top:15px;
}

#right {
position:relative;
margin-top:15px;
float:right;
width:350px;
background-color:#ffff63;
padding:5px;
}

#right td {
padding-top:15px;
}

#left {
margin-top:15px;
float:left;
width:430px;
text-align:justify;
}

#pub {
width:300px;
margin:0px Auto;
}

/*.........styles menu2.php.........*/
#menu2 {
background-color:#e40500;
height:30px;
}

#menu2 li{
float:right;
list-style-type:none;
margin-left:20px;
margin-right:5px;
padding-top:3px;
}

#menu2 li a {
text-decoration:none;
font-size:18px;
font-weight:bold;
font-family:papyrus;
color:#ffffff;
}

#menu2 li a:hover {
background-color:#ffffff;
color:#e40500;
}

/*.................styles librairie.php, collectivites.php.........*/
#librairie, #collectivites, #prix {
text-align:justify;
position:relative;
margin-top:20px;
padding-top:30px;
padding-left:13px;
padding-right:13px;
}

#librairie p, #collectivites p, #prix p {
margin-bottom:10px;
}

#librairie li, #collectivites li{
list-style-type:square;
margin-left:100px;
}

/*.........styles admin.........*/
#admin {
margin-top:30px;
margin-bottom:10px;
position:relative;
}

#photo {
width:540px;
margin-bottom:10px;
}

/*.........styles prix.php.........*/
#info1{
width:500px;
}

#info1 p{
font-size:12px;
}

#info2{
width:250px;
}

#prix li{
list-style-type:square;
margin-left:20px;
}