body
{
background-color: #963;
margin: 0;
padding: 0;
}

img
{
border: 0;
}

#contenu
{
width: 934px;
}

#headtext
{
height: 108px;

background-image: url(../pict/oreilles.gif);
background-position: left;
background-repeat: no-repeat;
text-align: left;

margin: 0;
padding: 0 0 0 190px;
}

#header
{
width: 934px;
height: 115px;
background-image: url(../pict/header.gif);
}

#bordbg
{
background-image: url(../pict/bordBg.gif);
background-position: left;
background-repeat: repeat-y;
}

#muso
{
height: 74px;
width: 227px;

float: left;

background-image: url(../pict/museau.gif);
background-position: left;
background-repeat: no-repeat;
}

#photohead
{
text-align: left;
float: left;
}

#phototext
{
height: 78px;
}

#invisible
{
width: 100%;
}


/*
-------------------------mise en forme menu----------------------------
*/
#menu
{
padding-left: 79px;
padding-top: 5px;
width: 132px;
}

#menutop
{
height: 54px;
background-image: url(../pict/menuTop.gif);
background-position: top;
background-repeat: no-repeat;
}

#menucontent
{
background-image: url(../pict/menuBg.gif);
background-position: center;
background-repeat: repeat-y;
}

#menucontent ul
{
text-align: left;
list-style-image:url(../pict/puce.png);
margin: 0 0 0 0;
padding: 5px 0 0 21px;
}

#menucontent li
{
font: 14px arial,helvetica,sans-serif;
font-weight: bold;
padding-bottom: 4px;
}

#menucontent li a
{
text-decoration: none;
color: #963;
}

#menucontent li a:hover
{
color: #FFF;
}

#menubottom
{
height: 21px;
background-image: url(../pict/menuBot.gif);
background-position: bottom;
background-repeat: no-repeat;
}
/*
-------------------------fin mise en forme menu----------------------------
*/

/*
------------------------- mise en forme partner----------------------------
*/

#partner
{
padding-left: 79px;
padding-top: 10px;
width: 132px;
}

#partop
{
height: 14px;
background-image: url(../pict/parTop.gif);
background-position: bottom;
background-repeat: no-repeat;

}

#partcontent
{
background-image: url(../pict/partBg.gif);
background-position: center;
background-repeat: repeat-y;
text-align: center;
}

#partbottom
{
height: 14px;
background-image: url(../pict/partBottom.gif);
background-position: top;
background-repeat: no-repeat;
}

/*
-------------------------fin mise en forme partner----------------------------
*/

#corps
{
clear: left;
padding: 5px 15px 5px 5px;
text-align: center;
}

/*
-------------------------mise en forme presentation----------------------------
*/
.prerub
{
width: auto;
margin: 0;
text-align: center;
}

.pretitle
{
width: 317px;
text-align: center;
}

.pretext
{
width: 317px;
text-align: center;
font: 12px arial,helvetica,sans-serif;
color: #333;
padding-bottom: 8px;
}


/*
-------------------------mise en forme presentation----------------------------
*/
#pied
{
height: 15px;
width: 100%;
clear: left;
background-image: url(../pict/pied.gif);
background-position: top;
background-repeat: no-repeat;
}

#footer
{
margin-top: 25px;
text-align: center;
padding-left: 120px;
}

#validation
{
font: 10px arial,helvetica,sans-serif;
font-weight: bold;
color: #FFF;
}

#rub
{
width: 634px;
text-align: justify;
font: 12px arial,helvetica,sans-serif;
color: #333;
margin-left: auto;
margin-right: auto;
padding-left: 35px;
padding-bottom: 8px;
}

#rub table
{
margin-left: 3px;
margin-right: 100%;
border: 1px solid #963;
margin-right: auto;
padding-bottom: 8px;
}

#alertemail
{
width: 85%;
border: 1px solid #963;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
text-align: center;
padding: 8px;
background-color: #FFFF99;
}

#carte
{
width: 536px;
margin-left: auto;
margin-right: auto;
display: block;
}

.left
{
vertical-align: top;
}

#chiots, #chiots table
{
width: 634px;
text-align: left;
margin-left: auto;
margin-right: auto;
border: none;
}

#contactform
{
text-align: center;
width: 80%;
padding: 4px;
margin-top: 14px;
margin-left: auto;
margin-right: auto;
border: 1px solid #963;
}

#rappel
{
width:auto;
font: bold 12px arial,helvetica,sans-serif;
color: #963;
border: 1px solid #963;
padding: 15px;
margin-left: auto;
margin-right: auto;
}

#printer
{
text-align: center;
font: 12px arial,helvetica,sans-serif;
padding: 15px;
margin-left: 35px;
}

#notfound ul
{
text-align: left;
list-style-image:url(../pict/webIcon.gif);
margin: 0 0 0 0;
padding: 5px 0 0 81px;
}

#notfound li
{
font: 12px arial,helvetica,sans-serif;
font-weight: normal;
padding-bottom: 4px;
color: #333;
}

#notfound li a
{
text-decoration: none;
font-weight: bold;
color: #963;
}

#notfound li a:hover
{
color: #CCC;
}

#formresa
{
width: 95%;
padding: 8px;
margin-left: auto;
margin-right: auto;
border: 1px solid #CCC;
text-align: center;
}

.fleft
{
width: 40%;
text-align: left;
float: left;
padding: 4px;
}

.fright
{
text-align: left;
padding: 4px;
vertical-align: top;
}

.formright
{
width: 60%;
text-align: right;
}
/*
-------------------------mise en forme texte----------------------------
*/
a
{
text-decoration: none;
}

#headtext h1
{
padding-top: 88px;
font: 16px arial,helvetica,sans-serif;
font-weight: bold;
color: #FFF;
margin: 0 0 0 0;
}

#phototext h1
{
padding-top: 30px;
font: 14px arial,helvetica,sans-serif;
font-weight: bold;
color: #963;
margin: 0 0 0 0;
}

#chiots table a
{
text-decoration: none;
}

#phototext h1 a:hover, .pretext h2 a:hover, #footer h2 a:hover, #validation a, #printer a:hover, #pagelink a:hover
{
text-decoration: none;
color: #CCC;
}

#notfound h2 a, #rappel a, #rub a, #chiots table a:hover, #alertemail h1 a:hover
{
text-decoration: underline;
color: #333;
}

#phototext h1 a, .pretext h2 a, #footer h2 a, #printer a, #rub a:hover, #pagelink a, #alertemail h1 a
{
text-decoration: none;
color: #963;
}

#partner h2
{
font: 12px arial,helvetica,sans-serif;
font-weight: bold;
color: #963;
margin: 0 0 0 0;
}

.pretext h2 a
{
padding-left: 12px;
background-image: url(../pict/puce.png);
background-position: left;
background-repeat: no-repeat;
}

#chiots h2 a, #rub h2
{
font: 12px arial,helvetica,sans-serif;
font-weight: normal;
color: #333;
margin: 0 0 0 0;
}

#pagelink
{
width: 100%;
padding: 5px;
text-align: center;
font: 12px arial,helvetica,sans-serif;
font-weight: normal;
color: #333;
}

.titrelivre
{
width: 80%;
margin-left: auto;
margin-right: auto;
font: 12px arial,helvetica,sans-serif;
color: #963;
background-color: #CCC;
border: 1px solid #963;
padding: 4px;
}

.textelivre
{
width: 80%;
margin-left: auto;
margin-right: auto;
padding: 4px;
margin-bottom: 8px;
border-left: 1px solid #963;
border-right: 1px solid #963;
border-bottom: 1px solid #963;
}

#livreform
{
width: 80%;
padding: 4px;
margin-top: 14px;
margin-left: auto;
margin-right: auto;
border: 1px solid #963;
}

.line
{
height: 1px;
border-top: 1px solid #963;
}

#mailform
{
width: 65%;
text-align: left;
padding: 8px;
border: 1px solid #CCC;
margin-left: auto;
margin-right: auto;
}

#footer h2
{
font: 12px arial,helvetica,sans-serif;
font-weight: normal;
color: #963;
margin: 0 0 0 0;
}

#notfound h1
{
font: 18px arial,helvetica,sans-serif;
font-weight: bold;
color: #F00;
}

#notfound h2
{
font-size: 14px;
}
/*
-------------------------mise en forme générale texte----------------------------
*/

.floatleft
{
float: left;
margin: 5px;
}

.floatright
{
float: right;
margin: 5px;
}

h1
{
font: 14px arial,helvetica,sans-serif;
font-weight: bold;
color: #963;
margin: 0 0 0 0;
}

h2
{
font: 12px arial,helvetica,sans-serif;
font-weight: bold;
color: #963;
margin: 0 0 0 0;
}

h3
{
font: 10px arial,helvetica,sans-serif;
font-weight: bold;
color: #CCC;
margin: 0 0 0 0;
}