body
{
 padding: 5px;
 /*background-color: #CCCCFF;*/
 background-image:url(./images/motifourson2.jpg);
 font-family: "Times New Roman", Times, serif;
}

td {empty-cells:show;}
.ul1{margin:0px; padding:6px;list-style-type:none;}
.li1{display:inline;}
fieldset {color:#336699;width:100%}
legend {color:#0000FF;}

h1 {font-family:'Arial', 'Helvetica', sans-serif;
color:#CC33FF;
font-style:italic;
font-size:x-large;
text-align:center;

text-decoration:none;}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0099CC;
font-size:medium;
text-align:center;}

.mess, .txt{
font-size:smaller;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
padding:5px;
}

.mess{border-top:dashed 1px #000}
.txtcenter{
font-size:smaller;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:5px 5px 5px 5px;
}

.txtright{
font-size:smaller;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:5px 5px 5px 5px;
}


.principal {
width:100%;
background-color:#CCCCFF;
}

.header {background-image:url(./images/header6.gif);
/*background-color:#CCCCFF;*/
height:85px;
background-repeat:no-repeat;
/*margin-left:30px;*/
}
.headerpro {background-image:url(./images/headerpro.gif);
/*background-color:#CCCCFF;*/
height:85px;
background-repeat:no-repeat;
/*margin-left:30px;*/
}


.menu{text-align:center;
background-color:#CC33FF;
border-right:solid 1px #CC33FF;
border-left:solid 1px #CC33FF;
/*border-top:solid 1px #FFFFFF;*/
/*border-bottom:solid 1px #CCCCFF;*/
}
.menuvierge {background-color:#CC33FF;height:30px;border-right:solid 1px #CC33FF;border-left:solid 1px #CC33FF;}

.boutonmenu1, .boutonmenu2, .boutonmenu3, .boutonmenu4, .boutonmenu5, .boutonmenu6{
font-family:'Verdana', 'Arial', 'Helvetica', sans-serif;
text-decoration:none;
font-weight:bold;
font-size:14px;
padding: 0px 8px 0px 8px;
}
.boutonmenu2 {color:#FFCC33;}
.boutonmenu2:hover{border-bottom:dotted 1px #FFCC33;border-top:dotted 1px #FFCC33;}

.boutonmenu1 {color:#99FFFF}
.boutonmenu1:hover{border-bottom:dotted 1px #99FFFF;border-top:dotted 1px #99FFFF;}

.boutonmenu4 {color:#00FFFF}
.boutonmenu4:hover{border-bottom:dotted 1px #00FFFF;border-top:dotted 1px #00FFFF;}

.boutonmenu3 {color:#66FF00}
.boutonmenu3:hover{border-bottom:dotted 1px #66FF00;border-top:dotted 1px #66FF00;}

.boutonmenu6 {color:#CCFF66}
.boutonmenu6:hover{border-bottom:dotted 1px #CCFF66;border-top:dotted 1px #CCFF66;}

.boutonmenu5 {color:#FFFF00;}
.boutonmenu5:hover{border-bottom:dotted 1px #FFFF00;border-top:dotted 1px #FFFF00;}


.navig{
width:180px;
background-image:url(./images/navig.gif);
background-repeat:no-repeat;
padding:3px 5px 3px 5px;
}

.navig2{
height:45px;
background-image:url(./images/navig2.gif);
background-repeat:no-repeat;
background-position:center;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#6633CC;
font-size:medium;
text-decoration:none;
}
.navig2:hover{
color:#CC33FF;
}

.column{
text-align:center;
float:right;
/*border:solid 1px #FFCC00;*/
width:150px;
background-color:#CCCCFF;
padding:5px 5px 0px 0px;
}

.boutoncolumntop{
background-image:url(./images/boutoncolumntop.jpg);
background-repeat:no-repeat;
background-position:top;
/*background-color:#CC33ff;*/
width:150px;
color:#FFFFFF;
font-weight:bold;
font-size:small;
padding:3px 0px 3px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.boutoncolumn{
background-color:#FFFFFF;
/*background-image:url(images/bg_ours.jpg);
background-repeat:no-repeat;
background-position:center;*/
border-bottom:dashed 1px #CC33FF;
border-left:dashed 1px #CC33FF;
border-right:dashed 1px #CC33FF;
margin-bottom:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:small;
padding:3px;
}

/*.boutoncolumnbottom {
background-image:url(images/boutoncolumnbottom.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:150px;
margin-bottom:30px;
height:15px;
/*background-color:#CC33ff;}*/

.footer {
height:70px;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
background-image:url(./images/footer.gif); background-repeat:no-repeat; background-position:top;
color:#CC33FF;
font-size:smaller;
text-align:center;
padding:5px 5px 5px 5px} 

/*CANEVAS*/ 
.structure { position: absolute; width:750px; left: 50%; margin-left:-375px;} 

.ariane {/*background-image:url(images/fleche.gif);background-position:3px;;background-repeat:no-repeat;*/border-bottom:solid 1px #FFFFFF;border-right:solid 1px #CC33FF;border-left:solid 1px #CC33FF;padding: 3px 0px 3px 12px; font-family:arial, times new roman, verdana;font-size:11px; color:#FFFFFF; text-align:left;background-color:#CC33FF}

.corps {float:left;padding-bottom:15px;border-right:solid 1px #CC33FF;border-left:solid 1px #CC33FF;background-color:#CCCCFF;width:748px}
.contenu {min-height:600px;width:585px;padding-left:5px;/*height:550px;overflow:auto;*/background-image:url(http://www.rireetgrandir.com/images/arpours.gif);background-repeat:no-repeat;background-position:0% 100%;}



/*VISUELS*/

.photocorps {
margin: 0px 15px 0px 15px;
padding:3px;
background-color:#FFFFFF;
border:dashed 2px #CC33FF;
}
.photocorps:hover {
border:dashed 2px #6633CC;
}

.photoprod {
float:left;
margin-right: 10px;
background-color:#FFFFFF;
border:solid 2px #CC33FF;
margin-left:10px;
}


/*PRODUIT*/

.carac{
padding: 10px 0px 0px 0px;
width:558px;
background-color:#FFFFFF;
/*border:dashed 1px #CC33FF;*/

}

.prod {
font-family:'Arial', 'Helvetica', sans-serif;
background-image:url(./images/produittop.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding-left:8px;
padding-bottom:8px;
color:#CC33FF;
font-size:large;
margin-top:20px;
}
.produitbottom {
height:20px;
background-image:url(./images/produitbottom.jpg);
background-repeat:no-repeat;
background-position: bottom;
}

.port{
color:#0000FF;
}
.prix{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:medium;
}

.descr{
font-style:italic
}

.choix{
background-color:#FFFFFF;
margin-right:150px;
padding:3px;
}

.totalpanier {
width:96%;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:right;
font-weight:bold;
color:#0099CC;
padding:15px 0px 15px 0px;
}
.panier{
margin-right:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#0099CC;
font-weight:bold;
}
.panier:hover{
text-decoration:none;
font-weight:bold;
color:#CC33FF;
}

.legal{
color:#CC33FF;
text-decoration:none;}

.legal:hover{
text-decoration:underline;}
.cgv{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
padding:5px;
font-size:smaller;}

label{
font-style:italic;font-size:90%;}

 .cnil {text-align:center;font-size:90%;color:#222;margin-left:15%;margin-right:15%;font-family:times new roman, arial, verdana;background-color:#FFFFFF;border:solid 1px;color:#999999}
.lientexte{color:#CC33FF;text-decoration:none;}
.lientexte:hover{text-decoration:underline;}
.etoile {font-style:italic;color:#FF0000}
.fleche2{background-image:url(http://www.rireetgrandir.com/images/fleche2.gif);
padding-left:22px;
background-repeat:no-repeat;
text-decoration:none;
font-weight:bold;
color:#0099CC;}
.fleche2:hover{
color:#CC33FF;}
.tableau {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
.tableau2 {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.aide{
font-size:smaller;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:5px 5px 5px 5px;
margin: 20px 25% 20px 25%;
border:dashed 1px #CC33FF;}

.aide2 {
font-size:11px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 3px;
margin: 20px 5% 20px 5%;
border:dashed 1px #CC33FF;}

.liengamme{
font-weight:bold;
padding:5px;
font-family:'Arial', 'Helvetica', sans-serif;
color:#CC33FF;
font-size:large;
text-decoration:none;
}

.liengamme:hover{
color:#6633CC;
}