/* Site PizzaToy.com */
/*Sébastien VIMES tél. 0609141064 */
html {
overflow-y: scroll; /*Prévenir le bris de votre disposition (floated layouts) en cas de surdimensionnement du contenu*/
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
img {
	border-style: none;
}
body {
	color: #2a2d2e;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	background: #FFFFFF;
	font: 12px/18px Arial, Helvetica, sans-serif;
}
p {
}
h1 {
	color: #003466;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: normal;
	line-height: 28px;
	font-weight: normal;
	font-variant: normal;
}
h2 {
	color: #30689B;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}
h3 {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	letter-spacing: 0px;
}
h4 {
	color: #003466;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: 28px;
	font-weight: normal;
	font-variant: normal;
}
a, a:link {
	color: #006600;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #3B669B;
	text-decoration: underline;
}
a:focus {
	color: #009900;
	outline: none;
}
a:active {
	color: #339900;
}
li{
	list-style-image: url(../images/puce.png);
}
/* ******* */
/* BUTTONS        voir le site (wufoo) : http://particletree.com/features/rediscovering-the-button-element/ */
/* ******* */
.buttons a, .buttons button{
	background-color:#f5f5f5;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer; /* Links */
	margin-top: 7;
	margin-right: 0px;
	margin-bottom: 7;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 7px;
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* INSCRIPTION */

button.inscription, .buttons a.inscription{
	color:#FFFFFF;
	background-color: #339900;
}
.buttons a.inscription:hover, button.inscription:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.inscription:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
/* ** FIN BUTTON ** */
#outerWrapper {
	margin: 0 auto 20px;
	text-align: left;
	width: 790px;
}
#header {
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
	height: 70px;
	width: 770px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#logo {
	margin-top: 8px;
	float: left;
}
#logoBETA {
	height: 15px;
	width: 80px;
	float: left;
	margin: 5px;
	position: relative;
}
#logoBETA a {
	cursor: help;
}
#header #headlinks {
	width: 400px;
	text-align: right;
	float: right;
	margin-top: 5px;
	letter-spacing: -1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
}
#headlinks a:hover {
	color: #458A00;
}
.login {
	width: 400px;
	text-align: right;
	float: right;
	letter-spacing: -1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: lighter;
	color: #000000;
}
.liens a:link, .liens a:visited, .liens a:active, .liens a:focus{
	color: #386491;
	font-weight: bold;
}
.liens {
	width: 400px;
	text-align: right;
	float: right;
	letter-spacing: -1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	margin-top: 20px;
	color: #02315F;
}
#topinfo {
	height: 162px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#topinfo-noimage {
	height: 25px;
	margin-top: 16px;
	background-image: url(/Templates/images/topinfo-shadow.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#topinfowrap {
	text-align: center;
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	height: 152px;
	background-image: url(/Templates/images/body-bg-example1.png);
	background-repeat: repeat-x;
	background-position: center top;
}
#imageBanner {
	height: 137px;
	width: 755px;
	padding-top: 15px;
	padding-left: 35px;
	background-image: url(images/imageBanner.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#topinfo a {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
#topinfo a:hover {
	color: #CCFF00;
	text-decoration: none;
}
#topinfo p {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}
#topinfo .leftinfo {
	color: #FFFFFF;
	width: 440px;
	float: left;
	height: 90px;
	text-align: left;
}
#playerbox {
	width: 262px;
	float: left;
	background-image: url(/Templates/images/playerbox.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 135px;
	padding-left: 0px;
	margin-left: 30px;
	padding-right: 20px;
}
.point {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	float: right;
	height: 70px;
	width: 75px;
	font-weight: bold;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	letter-spacing: -1px;
	text-align: center;
	line-height: 14px;
}
.title {
	letter-spacing: -1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal;
}
.detail {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
}
.module {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	float: left;
	height: 35px;
	padding-top: 5px;
	margin-top: 0px;
	width: 165px;
}
.loader {
	height: 10px;
	width: 7px;
}
#localiser {
	width: 440px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 0px;
	height: 75px;
	float: left;
	background-image: url(../images/franceCarte.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#lesClicks {
	width: 385px;
	padding-left: 55px;
	padding-top: 5px;
}
.cherche {
	width:275px;
	z-index:2;
	float: right;
	height: 40px;
}
.noScript {
	width:360px;
	z-index:2;
	height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	margin-top: 5px;
	background-color: #CC3300;
}
#outerWrapper #contentWrapper #leftColumn1 {
	float: left;
	padding: 0px;
	width: 170px;
}
#outerWrapper #contentWrapper #rightColumn1 {
	width: 170px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	float: right;
}
#outerWrapper #contentWrapper #content-right {
	margin: 0 0px 0 170px;
	padding: 0px 0px 20px 20px;
}
#outerWrapper #contentWrapper #content-left {
	margin: 0;
	padding: 0px 20px 20px 0px;
	float: left;
	width: 550px;
}
#outerWrapper #contentWrapper #content-fullwidth {
	margin: 0;
	padding: 0px 0px 20px 0px;
	float: left;
	width: 770px;
}
#footer {
	height: 50px;
	color: #999999;
	text-align: center;
	background-position: center top;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#leftColumnContent {
	padding: 0px 0px 10px;
	width: 170px;
}
#outerWrapper #contentWrapper {
	padding-right: 10px;
	padding-left: 10px;
}
#leftColumn1 ul, #rightColumn1 ul {
	margin: 0px;
	padding: 10px 0px 20px;
}
#leftColumn1 ul li, #rightColumn1 ul li {
	list-style: none;
	display: inline;
}
#leftColumn1 ul li a, #rightColumn1 ul li a {
	display: block;
	padding: 4px 4px 6px 20px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(/Templates/images/sidenav-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#leftColumn1 ul li a:hover, #rightColumn1 ul li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(/Templates/images/sidenav-bg-over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#threeboxes {
	width: 769px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 10px;
	background-image: url(/Templates/images/three-box-fill.gif);
	background-repeat: repeat-y;
	background-position: left top;
	height: 300px;
	float: left;
}
#threeboxes .title {
	color: #FFFFFF;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal;
}
#threeboxes .title a {
	color: #FFFFFF;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal;	
}
#threeboxes .title a:hover {
	color: #FFFFFF;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal;	
}

#threeboxes ul {
	margin: 0px;
	color: #000000;
	list-style: disc;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#threeboxes a:link, #threeboxes a:visited, #threeboxes a:active, #threeboxes a:focus {
	color: #FFFFFF;
}
#threeboxes a:hover {
	color: #FFFF00;
	text-decoration: none;
}
#threeboxes p {
	margin: 0px;
	padding: 0px;
}
#threeboxtop {
	height: 30px;
	padding-top: 0px;
	width: 769px;
	background-image: url(/Templates/images/three-box-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#threeboxbottom {
	height: 11px;
	width: 769px;
	margin-bottom: 10px;
	background-image: url(/Templates/images/three-box-bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
div.threeboxleft {
	width: 220px;
	float: left;
	margin-right: 15px;
	padding-left: 15px;
	text-align: center;
}
div.threeboxmiddle {
	width: 225px;
	padding-left: 22px;
	margin-right: 15px;
	float: left;
	text-align: center;
}
div.threeboxright {
	width: 225px;
	float: left;
	padding-left: 22px;
	text-align: center;
}
div.pagepro {
	width: 225px;
	float: left;
	height: 235px;
	text-align: left;
	/*background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../PagePizzeria/images/pagePizzeria.png);*/
}
div.pixit {
	width: 225px;
	float: left;
	height: 235px;
	/* background-image: url(../vod/pizzatoyPixit.png); 
	background-repeat: no-repeat;
	background-position: right bottom;*/
	list-style-position: outside;
	list-style-image: url(../images/puce.png);
	text-align: left;
}
#avantages {
	width: 749px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 10px;
	height: 270px;
	background-position: right center;
	/*background-image: url(/Templates/images/mascotte_marche.jpg); */
	background-repeat: no-repeat;
	margin-right: 20px;
	padding-right: 0px;
	float: left;
}
#twoboxes {
	width: 770px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 0px;
	height: 166px;
	background-image: url(/Templates/images/two-box-fill.gif);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	margin-top: 5px;
}
#twoboxes .title, #twoboxes #twoboxtop .twoboxleft .title a, #twoboxes #twoboxtop .twoboxright .title a,#twoboxes .title a:hover {
	color: #FFFFFF;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal;	
}
#twoboxes ul {
	margin: 0px;
	padding: 10px 0px 10px 25px;
	color: #000000;
	list-style: disc;
	font-weight: normal;
}
#twoboxes a:link, #twoboxes a:visited, #twoboxes a:active, #twoboxes a:focus {
	color: #7FBF09;
}
#twoboxes a:hover {
	color: #FFCC00;
	text-decoration: none;
}
#twoboxes p {
	margin: 0px;
	padding: 0px;
}
#twoboxtop {
	height: 30px;
	padding-top: 0px;
	width: 770px;
	background-image: url(/Templates/images/two-box-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#twoboxbottom {
	height: 11px;
	width: 770px;
	background-image: url(/Templates/images/two-box-bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
div.twoboxleft {
	width: 340px;
	float: left;
	margin-right: 37px;
	padding-left: 15px;
	display: inline;
	/* background-image: url(/Templates/images/communaute.jpg); */
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 160px;
}
div.twoboxright {
	width: 340px;
	float: left;
	display: inline;
	padding-left: 22px;
	height: 90px;
}
#Carrousel{
	position:relative;
	cursor:pointer;
	margin-top: 20px;
}
div.communaute {
	width: 320px;
	float: left;
	height: 36px;
}
div.solutions {
	width: 200px;
	float: left;
	height: 100px;
}
div.packs {
	width: 138px;
	float: left;
	height: 126px;
	background-image: url(images/packs.jpg);
	background-repeat: no-repeat;
}
#troisactu {
	width: 769px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 10px;
	height: 230px;
	background-position: left top;
	float: left;
}
#troisactu ul {
	margin: 0px;
	color: #000000;
	list-style: disc;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#troisactu p {
	margin: 0px;
	padding: 0px;
}
div.actugauche {
	width: 220px;
	float: left;
	margin-right: 15px;
	padding-left: 15px;
}
div.actumilieu {
	width: 225px;
	padding-left: 22px;
	margin-right: 15px;
	float: left;
	border-left-style: dotted;
	border-left-width: thin;
	border-left-color: #CCCCCC;
}
div.actudroite {
	width: 225px;
	float: left;
	padding-left: 22px;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
}
#troisactu a:link, #troisactu a:visited, #troisactu a:active, #troisactu a:focus {
	color: #FF9900;
}
#troisactu a:hover {
	color: #FFFF00;
	text-decoration: none;
}
p.readmore {
	text-align: right;
}
.lienbox {
	width: 150px;
	position: fixe;
	margin-top: 5px;
	float: right;
}
.lienboxgauche {
	width: 150px;
	position: fixe;
	margin-top: 5px;
	float: right;
}
.lienboxdroit {
	width: 200px;
	position: fixe;
	margin-top: 10px;
	float: left;
}
.newsletter {
	text-align: center;
	letter-spacing: -1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
.fltlft {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left: 10px;
}
.fltrt {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#content-left ul li, #content-right ul li {
	margin-bottom: 5px;
	list-style-type: none;
}
#content-left p, #content-right p {
	line-height: 18px;
}
.sidebarConnexion {
	padding: 10px;
	border: 1px solid #C7DAC5;
	background: #F1F8F1;
	font-size: 12px;
}
.sidebarConnexion form {
	text-align: center;
}
.sidebarlt {
	padding: 10px;
	border: 1px solid #C7DAC5;
	background: #F1F8F1;
}
.sidebardk {
	color: #FFFFFF;
	background: #366D00;
	border: 1px solid #000000;
	padding: 10px;
}
.sidebardk a, .sidebardk a:hover, .sidebardk a:visited, sidebardk a:active {
	color: #FFFFFF;
}
.sidebarbox {
	margin-top: 15px;
	margin-bottom: 15px;
	background-image: url(/Templates/images/sidebox-fill.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.sidebarbox p {
	margin: 0px;
	padding: 0px;
}
.sidebarboxtop {
	padding: 12px 10px 0px;
	background-image: url(/Templates/images/sidebox-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.sidebarboxbottom {
	height: 13px;
	background-image: url(/Templates/images/sidebox-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#footer {
	margin-right: auto;
	margin-left: auto;
}
#footer p {
	margin: 0px;
	padding: 0px 0px 3px;
}
#credit {
	color: #CCCCCC;
	padding-left: 10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#credit a, #credit a:hover, #credit a:visited, #credit a:active, #credit a:focus {
	color: #CCCCCC;
	font-weight: normal;
}
.clearFloat {
	clear: both;
	display: block;
}
/* ----  Carte de France ----  */
div#carteFr {
	z-index:1;
	text-align: center;
	position:absolute;
	left: 50%;
	top: 15%;
	width: 600px;
	height: 600px;
	margin-left: -300px;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
}
div#loading {
	z-index:2;
	position:absolute;
	top: 30%;
	width: 600px;
	height: 600px;
	margin: auto;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding-left: 30px;
}

/* Formulaire */
.normal { background-color: #E2E4E4; color: #000000; }
.focus  { background-color: #FFFF99; color: #000000; }