/*

KIT GRAPHIQUE PAR BOZ 

http://www.gorets.com

TELECHARGE SUR KITGRAFIK

http://www.kitgrafik.com

*/

html, body {

padding: 0; 

margin: 3px 0 5px 0;

font-size: 12px;

font-family: "Trebuchet MS", arial, verdana, helvetica, sans-serif;

color: #ffffff;

background-color: #000000;

text-align: center;

line-height: 15px;

}

#container1 {

width: 770px;

text-align: center;

margin: auto;

display: block;

border: 2px solid black;

background-color: #000000;

/* hack pour MSIE qui ne sait pas gérer les bordures ! */

voice-family: "\"}\"";

voice-family: inherit;

width: 770px;

}



#container {

width: 770px;

text-align: center;

margin: auto;

display: block;

border: 2px solid black;

background-color: #EFE7C6;

/* hack pour MSIE qui ne sait pas gérer les bordures ! */

voice-family: "\"}\"";

voice-family: inherit;

width: 770px;

}

html>body #container {

width: 766px;

}

/* colonne gauche */

#gauche {

width: 208px;

display: block;

text-align: left;

vertical-align: middle;

background-image: url('images/top2.jpg');

background-repeat: no-repeat;

background-position:  left top;

float: left;

color: #A50818;

margin-bottom: 10px;

padding-left:10px;

/* hack pour MSIE qui ne sait pas gérer le padding ! */

voice-family: "\"}\"";

voice-family: inherit;

width: 218px

}

html>body #gauche {

width: 208px;

}

/* colonne droite */

#droite {

width: 548px;

display: block;

text-align: center;

vertical-align: middle;

background-repeat: no-repeat;

background-position: top left;

float: right;

}

/* logo */

#logo {

width: 213px;

height: 227px;

background-image: url('images/pizzeria-a-lyon.jpg');

background-repeat: no-repeat;

background-color:#000000;

float: left;

display: block

}



#logo2 {

width: 213px;

height: 227px;

background-image: url('images/logo3.jpg');

background-repeat: no-repeat;

float: left;

display: block

}







/* Image gauche haut */

#gfx {

width: 335px;

height: 227px;

background-image: url('images/gfx.jpg');

background-repeat: no-repeat;

float: left;

display: block

}

/* menu gauche */

#menu {

width: 204px;

min-height: 216px;

display: block;

text-align: center;

background-color: #A64708;

background-image: url('images/bg-menu.jpg');

background-repeat: repeat-y;

padding-bottom: 5px;

color: #ffffff;

float: left; margin-left:0; margin-right:0; margin-top:11px; margin-bottom:0

}

#menu #top {

width: 204px;

height: 52px;

background-image: url('images/top-menu.jpg');

background-repeat: no-repeat;

text-align: center;

background-color: #000000;

}

#foot-menu {

width: 204px;

height: 8px;

background-image: url('images/foot-menu.jpg');

background-repeat: no-repeat;

margin: 0;

float: left

}

/* liens menu gauche */

.am:link, .am:visited {

font-family: Arial, Helvetica, sans-serif, Times New Roman, Trebuchet MS; 

font-size: 12px;

width: 198px;

height: 23px;

background-image: url('images/off.jpg');

background-repeat: no-repeat;

font-weight: bold;

color: #EFE7C6;

text-decoration: none;

display: block;

line-height: 23px;

margin: auto

}

.am:active, .am:hover {

color: #ffffff;

text-decoration: none;

background-image: url('images/on.jpg');

}

/* blocs droite */

.bloc {

width: 524px;

display: block;

text-align: center;

background-color: #E0D19A;

background-image: url('images/bg-bloc.jpg');

background-repeat: repeat-y;

color: #000000;

margin-left: 3px;

clear: both;

text-align: justify;

/* hack pour MSIE qui ne sait pas gérer le margin ! */

voice-family: "\"}\"";

voice-family: inherit;

width: 540px;

margin-left: -2px; padding-left:8px; padding-right:8px; padding-top:0; padding-bottom:5px

}

html>body .bloc {

width: 524px;

margin-left: 3px;

}

.bloc .top {

width: 540px;

background-image: url('images/top-bloc.jpg');

background-repeat: no-repeat;

margin: 0 -8px;

font-family: arial, verdana, helvetica, sans-serif, Times New Roman, Trebuchet MS;

font-size: 18px;

color: #A50818;

font-weight: bold;

text-indent: 8px;

padding-top: 3px;

text-align: left;

line-height: 22px

}

.bloc-foot {

width: 540px;

height: 10px;

display: block;

margin-left: 3px;

clear: both;

background-image: url('images/foot-bloc.jpg');

background-repeat: no-repeat;

/* hack pour MSIE qui ne sait pas gérer le margin ! */

voice-family: "\"}\"";

voice-family: inherit;

margin-left: -2px

}

html>body .bloc-foot {

margin-left: 3px;

}

/* liens normaux */

a:link, a:visited{

color: #000000;

text-decoration: underline;

}

a:active, a:hover{

color: #CE871D;

text-decoration: none;

}

/* Titres */

h1 {

font-size: 14px;

color: #A64708;

font-weight: bold;

text-align: left;

margin-top: 0;

margin-bottom: 3px;

display: block;

}

#gauche h1 {

color: #A50818;

text-decoration: underline;

}

/* Mini titre */

.minititre {

font-weight: bold;

border-bottom: 1px solid #000000;

}

/* lignes */

hr {

border-top: 1px dotted black;

width: 100%;

clear: both;

margin-top: 10px;

/* hack pour MSIE qui ne sait pas gérer le margin ! */

voice-family: "\"}\"";

voice-family: inherit;

margin-top: 0;

}

html>body hr {

margin-top: 10px;

}

#gauche hr {

border-bottom: 1px solid #EFE7C6;

border-left: 1px solid #EFE7C6;

border-right: 1px solid #EFE7C6;

}

#droite hr {

border-bottom: 1px solid #E0D19A;

border-left: 1px solid #E0D19A;

border-right: 1px solid #E0D19A;

}

/* footer pied de page */

#footer {

width: 770px;

text-align: center;

font-size: 10px;

color: #CE871D;

margin: auto;

}

/* liens footer */

.af:link, .af:visited{

font-size: 10px;

color: #CE871D;

text-decoration: underline;

}

.af:active, .af:hover{

color: #EFE7C6;

}

/* Eléments de formulaire */

form {

width: auto;

text-align: center;

margin: 0;

font-weight: bold;

}

input {

margin: 1px;

font-size: 10px;

vertical-align: middle;

}

.inpt {

background-image: url('images/input.jpg');

background-repeat: no-repeat;

border: 2px inset black

}

.sub {

border: 2px solid #CE871D;

background-color: #A50818;

color: #EFE7C6;

font-weight: bold;

}

/* Image flottante a gauche */

.pic-left {

float: left;

border: 1px solid #A64708;

margin-right: 5px;

}

/* Image flottante a droite */

.pic-right {

float: right;

border: 1px solid #A64708;

margin-left: 5px;

}

/* Eléments divers */

img {

border: 0px none;

vertical-align: middle

}

p {

margin: 5px 0 0px 0;

clear: left;

}

.myp {

margin: 0;

}

.end {

clear: both;

height: 0;

line-height: 0;

}



#pizzas {

width: 335px;

height: 227px;

background-image: url('images/pizzas-lyon.jpg');

background-repeat: no-repeat;

float: left;

display: block

}







#sandwichs {

width: 335px;

height: 227px;

background-image: url('images/sandwichs-lyon.jpg');

background-repeat: no-repeat;

float: left;

display: block

}



#formules {

width: 335px;

height: 227px;

background-image: url('images/formules.jpg');

background-repeat: no-repeat;

float: left;

display: block

}





#kebabs {

width: 335px;

height: 227px;

background-image: url('images/kebabs-lyon.jpg');

background-repeat: no-repeat;

float: left;

display: block

}





#accueil {

width: 335px;

height: 227px;

background-image: url('images/pizzeria_lyon.jpg');

background-repeat: no-repeat;

float: left;

display: block

}





#clio {

width: 335px;

height: 227px;

background-image: url('images/clio-occasion.jpg');

background-repeat: no-repeat;

float: left;

display: block

}



#recettes{

width: 335px;

height: 227px;

background-image: url('images/recettes.jpg');

background-repeat: no-repeat;

float: left;

display: block

}



#ol{

width: 335px;

height: 227px;

background-image: url('images/foot_pizza.jpg');

background-repeat: no-repeat;

float: left;

display: block

}



#ecran{

width: 335px;

height: 227px;

background-image: url('images/coupe-monde.jpg');

background-repeat: no-repeat;

float: left;

display: block

}



#yugioh{

width: 335px;

height: 227px;

background-image: url('images/cartes-yugioh.jpg');

background-repeat: no-repeat;

float: left;

display: block

}







#recettepizza{

width: 335px;

height: 227px;

background-image: url('images/recette-pizza.jpg');

background-repeat: no-repeat;

float: left;

display: block

}