body {
background-color: white;
color: #4f4f4f;
margin : 0px;
padding : 0px;
}

a {
color : #4E7700;
}

#top {
width : 100%;
background : #f6f6f6;
}

#content-top {
margin : 0 auto;
width : 800px;
}

p {
font-family : Arial;
color : #4f4f4f;
font-size : 16px;
}

#main {
margin : 0 auto;
width : 800px;
color: #4f4f4f;
font-size : 16px;
font-family : Arial;
}

.logo {
margin-top : 15px;
margin-bottom : 15px;
}

#clear {
clear : both;
}

/* HOME*/
#pub-home {
float : left;
margin : 15px;
}

/* MENU */

#menu {
height : 127px;
width : 100%;
background : url('images/bg_menu.png') repeat-x;
}

#content_menu {
margin : 0 auto;
height : 127px;
width : 800px;
position : relative;
}

.qr-code {
position : absolute;
bottom : 3px;
right : 0px;
}

.titre-generateur {
font-family : Arial;
color : white;
margin : 0px;
font-size : 36px;
}

.h1-home {
font-weight : bold;
font-family : Arial;
font-size : 26px;
}

.h2-home {
font-weight : bold;
font-family : Arial;
font-size : 26px;
}


ul.menu {
position : absolute;
left : 0px;
bottom : 5px;
padding : 0px;
}

ul.menu li {
display : inline;
list-style-type : none;
text-shadow: 1px 1px 2px #777;
padding : 0px 5px 0px 5px;
}

ul.menu li a {
color : white;
font-family : Arial;
font-size : 20px;
text-decoration : none;
}

ul.menu li a:hover {
color : white;
font-family : Arial;
font-size : 20px;
text-decoration : underline;
}

.separate_menu {
position : relative;
top : 5px;
}

/*******/

/* MENU QR */

ul.menu_qr {
margin : 0px 0px 0px 0px;
padding : 0px;
}

ul.menu_qr ul {
float : left;
height : 105px;
margin : 0px;
margin-right : 20px;
padding : 0px 0px 0px 5px;
width : 174px;
border-left : 1px solid #D7D7D7;
}

ul.menu_qr ul li.titre_menu_qr {
font-weight : bold;
}

ul.menu_qr ul li {
list-style-type : none;
margin-top : 5px;
}

ul.menu_qr ul li a {
color : #4f4f4f;
text-decoration : none;
}

ul.menu_qr ul li a:hover {
color : #4f4f4f;
text-decoration : underline;
}

.ico_menu_qr {
position : relative;
top : 3px;
}

div#main p.lien-aide {
margin : 20px 0px;
float : right;
font-family : Arial;
font-size : 20px;
}

/*******/

/* GENERATEUR */

.h1-generateur {
font-weight : bold;
font-family : Arial;
font-size : 16px;
margin : 0px;
}


#content_generateur {
width : 800px;
padding : 10px;
background : #E5E5E5;
border : 1px solid #606060;
margin-bottom : 20px;
}

input, textarea, select {
 padding:3px;
 border:1px solid #555555;
 border-radius:5px;
 width : 250px;
 box-shadow:1px 1px 2px #C0C0C0 outset;
 }

input[type=submit] {
 padding:3px;
 border:1px solid #950038;
 border-radius:5px;
 width : 250px;
 background : #FF5170;
 color : white;
 box-shadow:1px 2px 2px #C0C0C0 outset;
}

textarea {
height : 80px;
}

#result {
margin-top : 30px;
margin-right : 20px;
text-align : center;
float : right;
width : 500px;
}

/*******/

#footer {
background : #373737;
width : 100%;
border-top : 5px solid #2C2C2C;
}

#content-footer {
margin : 0 auto;
width : 800px;
padding : 15px 0px 15px 0px;
font-size : 16px;
font-family : Arial;
}

#content-footer p {
color : #6B6B6B;
}