* { margin:0; padding: 0; }

option { padding-left: 0.4em; } /* LTR */
select { padding: 1px; }


* html body * { overflow:visible; }

html {
	height:100%;
	margin-bottom: 1px;
    background: url(../images/fond.png);
}

body {

font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
font-size: 12px; 
color: #000;
min-height:100%;

margin:0 auto;
padding:0;

width:100%;
}

p { line-height: 1.1em; margin: 0 0 0 0; padding-right:20px;}

.CentreContenu p{
	margin-bottom: 25px;
}

.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
.center { text-align:center; margin: 0.5em auto }


/* Layout Properties | Layout-Eigenschaften */
#Container { 
width:100%;
min-height:100%;
position:absolute;

padding:0;
text-align:center;

}
#page { 
height:auto !important;
min-height:100%;
padding-left:9px;
background: url(../images/Corps.png) repeat-y center;

}
#Wrapper {width:1000px;margin:0 auto;}
#Header {
	width:1000px;
	padding: 0; color: #000; 
	height:87px;margin:0 auto;
}


#Menu { overflow:hidden; }

#Menu{
	margin:0 auto;
	text-align:left;
	padding:0;
	width:1000px;
	padding: 0;
	height:97px;
	background: url(../images/Decoupe_1000accueil_20.png) no-repeat top right;
	position: relative;
	z-index: 1000;
	margin-bottom: 0px;
}


#MenuImagesGrouping{
	height:39px;
	font-size: 13px;
	padding-left: 0px;
}

#MenuImagesGrouping ul li{
	display: inline;
	
}
#MenuImagesGrouping ul{
	margin-left:0;
}


#footer { 

 font-size:10px;color:#FFF;

height:85px;

clear: both;width: 1000px;
text-align:center;
	margin:0 auto;
background: url(../images/Decoupe_1000accueil_39.png) bottom no-repeat;
}

#Gauche { float: left; width:178px; height:663px;
	margin-top:-30px;
	margin-left: 10px;
	padding-top:5px;
}
#Centre { width: 680px; margin: 0;  margin-left:240px; padding-bottom: 85px;}
.GaucheContenu { margin-left: 0px; }
.CentreContenu { padding: 0 20px 0 10px;
width: 680px;
text-align: left;
}
#CentreBis { width: 1000px; margin: 0;   padding-bottom: 85px;}
.CentreContenuBis { padding: 0 20px 0 10px;
width: 1000px;
text-align: left;
}

#FilActu{
	background: #96be12;
	padding: 10px;
	width: 620px;
	text-align: left;
	margin-top: -25px;
	margin-left: 7px;
}

#FilActu a{
	color: #FFF;
}

#FilActu a:hover{
	color: #000;
}


#Citation{
	
	background: url(../images/Citation.png) no-repeat;
	width: 640px;
	height: 83px;
	padding-top: 28px;
	padding-left: 20px;
	text-align: left;
	font-size: 11px;
	
}

#CompteZone{
	
	background: url(../images/Design/Compte.png) no-repeat;
	width:292px;
	height:28px;
	position:absolute;
	top:0;
	margin-left: 700px;
	padding-left: 70px;
	padding-top:3px;
}

h1{
	
	background: url(../images/Design/H1.png) bottom no-repeat;
	font-size: 18px;
	font-family: verdana,sans-serif;
	padding-left: 5px;
	height: 35px;
	padding-top: 13px;
	margin-bottom:10px;

}

img { border: 0 solid; }

ul, ol, dl { margin: 0 0 1em 1em } /* LTR */
li {
	margin-left: 0.8em; /* LTR */
	line-height: 1.5em;
}

dt { font-weight: bold; }
dd { margin: 0 0 1em 0.8em; } /* LTR */

.SetClear:after {
	content: ".";
	display: block;
	font-size:0;
	height: 0;
	clear: both;
	visibility: hidden;
}

.FloatLeft{
	float:left;	
}

.ClearIt:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.SetClear { display: block; }

.floatbox { overflow:hidden; }

#ie_clearing { display: none; }

.NoBot{
	display:none;
	visibility:hidden;
}

.Center{
	text-align:center;
}

a{
	
	text-decoration:none;
	color:#22586b;
}

a:hover{
	
	text-decoration:none;
	color:#8c1c1c;
}


#MonCompte{
	width:250px;
	background:#FFF;
	border:1px solid #017cfe;
	padding:10px;
	position:absolute;
	margin-left:-80px;
	z-index:1000;
}

#Deconnexion{
	width:150px;
	background:#FFF;
	border:1px solid #017cfe;
	padding:10px;
	position:absolute;
	margin-left:10px;
	z-index:1000;
	
}

div#Panier{
	
	position:absolute;
	margin-left:0;
	top:0px;
	margin-left:500px;
	width:424px;
	height:127px;
	text-align:center;
}


.ArianeFil{
	color: #727272;
	padding-left:10px;
}

.ArianeFil a{
	color: #727272;
	font-weight: bold;
}

.ArianeFil a:hover{
	color: #727272;
}

div#Panier a{
	
	color: #000;
}

div#Panier a:hover{
	
	color: #017cfe;
}


.Welcome{
	color: #06597c;
	margin-bottom: 10px;
}

.ChiffreNbProduitInPanier{
	color: #1bc0fd;
	font-size: 12px;
}

#HeaderUL {
}
#HeaderUL li{
	font-size:10px;
	display:inline;
	height:127px;
}


.Style4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.Style5 {
	color: #2BF9FF;
	font-size: 18px;
}
.Style6 {font-size: 12px}

 
/*SPECIFIQUE*/
p.NoMargin{
	margin:0;
	padding:0;
	margin-left:-10px;	
}


button { 
  background: url(../images/Bouton-Droite.png) right no-repeat;
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 10px 0 0; 
  text-align:center; 
  color:#000;
}


button .FinButton{
	height:38px;
	line-height:38px;
	background: url(../images/Bouton-Gauche.png) no-repeat top left;
	border:0;
	position:relative; 
	display:block; 
  	white-space:nowrap; 
  	padding: 0px 5px 0 35px;
}

button:hover .FinButton{
	color:#8e0e0e;
}


button.Petit { 
  background: url(../images/Bouton-DroitePetit.png) right no-repeat;
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 10px 0 0; 
  text-align:center; 
}


button.Petit .FinButton{
	height:28px;
	line-height:28px;
	background: url(../images/Bouton-GauchePetit.png) no-repeat top left;
	border:0;
	position:relative; 
	display:block; 
  	white-space:nowrap; 
  	padding: 0 10px 0 15px;
  	
}

button.Petit:hover .FinButton{
	color:#8e0e0e;
}

/* Commentaires */
.TexteZone{
	width:450px;
	border:1px solid silver;
	height:150px;
}

/*=============================================================

	FIN ::: CSS GENERAL DE MISE EN PAGE DE LA STRUCTURE DU SITE
	
=============================================================*/

.BonVoisinage{
	padding-top: 45px;
	padding-left:20px;
	height: 492px;
	width: 667px;
	background: url(../images/code-bon-voisinage.jpg) no-repeat top left;
}

.BonVoisinage input.NoRadio, .FicheBonVoisi input.NoRadio {
	
	width: 100px;
	border: 1px solid #e1007a;
}

.BonVoisinage input.NoRadioBig{
	
	width: 240px;
	border: 1px solid #e1007a;
}


.FicheBonVoisi input.NoRadio {
	width: 240px;
	border: 1px solid #e1007a;
		
}

.InfoItaSmall{
	font-style: italic;
	font-size: 10px;
}

.Red{
color: red;
font-weight: bold;
}

input.ButtonVoisi{
	height: 20px;
	border: 1px solid #e1007a;
	background: url(../images/Btn-BonVoisi.png) repeat-x;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFF;
	cursor: pointer;
	font-weight: bold;
	padding-bottom: 5px;
}

form.Newsletters{
	
	background: url(../images/Newsletters.png);
	height: 192px;
	width: 172px;
}

form.Newsletters div{
	height: 140px;
	width: 172px;
	padding-top: 120px;
	text-align: center;
}

form.Newsletters input.NoRadio{
	
	width: 130px;
	border:1px solid #3b9230;
}

input.ButtonNews{
	height: 30px;
	width:63px;
	border:none;
	background: url(../images/Btn-News.png) repeat-x;
	padding-left: 0px;
	padding-right: 5px;
	color: #3e3e40;
	cursor: pointer;
	font-weight: bold;
	padding-bottom: 5px;
	margin-top: 2px;
	font-size: 12px;
}


.Good, .Bad, .Info{
	margin-left: 10px;
	width: 600px;
	padding: 12px;
	margin-bottom: 10px;
	padding-left: 55px;
	margin-top: 5px;
	font-weight:bold;
}

.Bad{
	border: 1px solid #E06802;
	background: #FCD9BB url('../images/error.png') center left no-repeat;
	background-position:8px;
}

.Good{
	border: 1px solid #85C69A;
	background: #BDE1C9 url('../images/ok.png') left center no-repeat;
	background-position:8px;
}

.GabaritsForm{
	padding-top: 45px;
	padding-left:20px;
	height: 496px;
	width: 665px;
	background: url(../images/Gabarits/FondGaba.jpg) no-repeat top left;
}

form.GabaritsForm input.NoRadio{
	
	width: 140px;
	border:1px solid #009de0;
}

#Ephemeride{
	
	
	color:#FFF;
	height:65px;
	width:291px;
	padding-top:10px;
	position:absolute;
	margin-left:640px;
	background: url(../images/grenouillebulle.png) no-repeat;
}

.FlashACC *{
	
	margin-top: -57px;
	z-index:0;
	position: relative;
	margin-left: 7px;
	background: none;
}

.ZoneInAccueil{
	margin-left: 16px;
	margin-top: -14px;
}