/*CADRE DE LA PAGE*/


html, body {
margin: 0;
padding: 0;
height: 100%;
width: 98%
/*overflow-x: hidden;*/
}


body {
margin: 0;
padding: 0;
text-align : center;
font-family : verdana;
font-size : 11px;
color : #9900cc;
background-color : #CCE7EF;
background-image : url(../images/bodybg.gif);
background-repeat : repeat-x;
}

#page {
text-align : left;
width : 813px ; 
margin-left : auto;
margin-right : auto;
padding-top: 0px;
height:100%;
}


#banner {
width : 665px; 
height: 140px;
margin: 0;
padding: 0;
float: right;
background-image : url(../images/banner.png);
}

#menu {
width: 148px;
height: 100%;
margin: 0;
padding: 0;
padding-top: 140px;
float: left;
} 

#content {
float: right;
width : 588px ; 
margin: 0;
padding: 0;
padding-left: 51px;
padding-right: 26px;
background-image : url(../images/body.png);
background-repeat : repeat-y; 
}

#footer {
float: right;
width: 642px;
height: 31px;
background-image : url(../images/footer.png);
}

#partenaires {
padding: 0;
margin: 0;
width: 100%;
text-align: center;
}

#partenaires p{
float: left;
padding: 0;
margin: 0;
padding-left: 15px;
padding-right: 15px;
}

#partenaires p img{
border: 0;
}
/*COMPOSITION DE LA BANNIERE*/

#caddie {
position: relative;
left: 590px;
top: 85px;
float: left;
}

#menuBanniere {
position: relative;
left: 350px;
top: 118px;
font-size:120%;
color: white;
}

#menuBanniere a {
text-decoration: none;
color: white;
}

#menuBanniere a:hover {
text-decoration: underline;
color: white;
}

/*COMPOSITION MENTIONS AU FOOTER*/

#footer ul{
margin: 0;
padding: 0;
padding-left: 175px;
}

#footer ul li {
margin: 0;
padding: 0;
padding-right: 5px;
padding-left: 5px;
margin-top: 17px;
float: left;
list-style-type:none;
border-right:1px solid #13536e;
}

#footer ul li a{
text-decoration: none;
font-family: Arial, Verdana;
font-size:120%;
color: #13536e;
}

#footer ul li a:hover {
text-decoration: underline;
}

.compteur {
font-family: Arial, Verdana;
font-size:120%;
color: #009933;
}


/*COMPOSITION DU MENU*/

#menu dd ul {
margin: 0;
padding: 0;
clear: left;
list-style-type:none;
}

#menu dd{
margin: 0;
padding: 0;
}

#menu dd ul{
margin: 0;
padding: 0;
}

#menu dd ul li {
margin: 0;
padding: 0;
margin-left: 25px;
padding-left: 5px;
margin-top: 5px;
height: 25px;
width: 103px;
list-style-type:none;
border-bottom:1px solid #13536e;
border-bottom-style:dashed;
color: #13536e;
}

#menu dd ul li.souscategorieAdmin {
margin: 0;
padding: 0;
margin-left: 25px;
padding-left: 5px;
margin-top: 5px;
height: 25px;
width: 123px;
list-style-type:none;
border-bottom:1px solid #13536e;
border-bottom-style:dashed;
color: #13536e;
}

#menu dt {
margin: 0;
padding: 0;
padding-left: 40px;
padding-top: 30px;
clear: left;
list-style-type:none;
width: 108px;
height: 40px;
background-image : url(../images/menuoff.png);
color: #13536e;
}

#menu dt:hover {
background-image : url(../images/menuon.png);
}

#menu dt, dt a{
text-decoration: none;
font-family:Verdana;
font-size:18px;
color: white;
}

#menu dd ul li a {
text-decoration: none;
font-family: Arial, Verdana;
font-size:120%;
color: #13536e;
}

#menu dd ul li a:hover {
font-weight: bold;
}

/*COMPOSITION DU CONTENU*/

h1 {
 font-family: Arial, Verdana;
 color: #FFCC33;
 border-bottom:2px groove #FFCC33;
 font-variant: small-caps;
}

h2 {
 font-family: Arial, Verdana;
 color: #844fd4;
 font-variant: small-caps;
 text-decoration: underline;
}

p {
 font-family: Arial, Verdana;
 color: #9900cc;
 font-size:120%;
 text-align: justify;
}

a {
text-decoration: none;
color: #0066CC;
}

a:hover {
text-decoration: underline;
}

hr {
color: #9900cc;
background-color: #9900cc;
height: 1px;
border: 0;
}

.vert {
color: green;
font-weight: bold;
}

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

.bleu {
color: #0070FF;
}

.blanc {
color: #FFFFFF;
}

div.encadre {
padding: 10px;
text-align: center;
vertical-align: middle; 
border:2px dotted #FFCC33;
margin-top: 10px;
margin-bottom: 10px;

}

div.encadre.div {
display: block;
width: 100%;
padding: 0;
margin: 0;
text-align: center;
vertical-align: middle; 
}

div.encadreAction {
clear: left;
margin-top: 20px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
vertical-align: middle; 
border:1px dotted #FFCC33;
}

div.float {
float: left;
padding-left: 20px;
}

div.separateurSimple {
	padding-left: 20px;
	padding-bottom: 30px;
	border-bottom:2px dotted #FF6600;
}

/*COMPOSITION DU CONTENU AVEC FORMULAIRE*/

div.formulaireGauche {
float: left;
width: 150px;
padding-left: 20px;
}

div.formulaireGaucheCaddie {
float: left;
width: 200px;
padding-left: 20px;
}

div.paddingFormulaire {
clear: left;
padding-left: 170px;
}

div.paddingFormulaireCaddie {
clear: left;
padding-left: 220px;
}

input, textarea {
border:1px dotted #844fd4;
background-color : #CCE7EF;
margin-top: 2px;
}

/* AFFICHAGE DANS LA LISTE DES PRODUITS (affiche.php) */

div.photo {
float: left;
width: 125px;

}

div.description{
float: left;
width: 443px;
}

div.article {
	height: 120px; 
	padding-left: 20px;
	padding-bottom: 30px;
	border-bottom:2px dotted #FFCC33;

}

div.articleAdmin {
	height: 170px; 
	padding-left: 20px;
	padding-bottom: 30px;
	border-bottom:2px dotted #FF6600;

}

div.photodetail {
	float: left;
	margin: 5px;
	border: 1px solid #9900cc;
}

div.textedetail {
padding-top: 10px;
clear: left;
}

div.articleDetail {
	padding-left: 20px;
}

/*CADDIE*/

input.AjouterCaddie {
font-size: 32px;
height: 32px;
width: 200px;
}

div.articleCaddie {
	clear: left;
	height: 100px; 
	padding-left: 20px;
	padding-bottom: 30px;
	margin-bottom: 20px;

}

div.photoCaddie {
float: left;
width: 125px;
border-right:1px dashed #FFCC33;
height: 100%;
text-align: center;
}

div.descriptionCaddie{
float: left;
width: 200px;
margin-left: 10px;
margin-right: 10px;
border-right:1px dashed #FFCC33;
height: 100%;

}

div.quantiteCaddie{
float: left;
width: 80px;
height: 100%;
text-align: center;
border-right:1px dashed #FFCC33;
}

div.effaceArticle{
float: left;
width: 20px;
height: 100%;
text-align: center;
}

div.prixCaddie{
float: left;
width: 80px;
border-right:1px dashed #FFCC33;
height: 100%;
text-align: center;
}

/*Style pour la page du plan du site */

li.planli {
margin-bottom: 5px;
}

ul.planul
{
margin-bottom: 10px;
}

/*Page Actu*/

div.newsContainer {
clear: left;
}

div.imgNews {
width: 150px;
float: left;
padding-top: 15px;
text-align: center;
}

div.texteNews {
float: left;
width: 438px;
min-height: 80px;
}

div.separateur {
border-bottom:1px solid #9900cc;
clear: left;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}