.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

body{
    text-align: center;
    background-color:#FFCC00;
    font-size:12px;
    font-weight:normal;
    margin: 0;
    padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
	
}

.input {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
width:200px;
border:2px solid;
border-left-color:#FFEA01;
border-top-color:#FFEA01;
border-right-color:#ffcc00;
border-bottom-color:#ccaa04;
margin:2px;
padding:3px;
-moz-border-radius: 6px;

}

.input:hover {
background: url("../img/bg_input.png") repeat-x; 
}

.bouton{
width:120px;
height:20px;
color:#333333;
font-family: arial;
font-size:0.9em;
font-weight:bold;
background-color:#ddddcc;

border-right-color:#ffcc00;
border-bottom-color:#ccaa04;
margin:3px;
padding:3px;
margin-bottom:8px;
height:24px;
-moz-border-radius: 6px;
background: url("../img/next.gif") no-repeat 4px  -1px;  
padding-left:6px;
padding-bottom:6px;

}
.bouton:hover{
background: url("../img/next_green.gif") no-repeat 5px  -1px;  
}
.bouton:active{
background: url("../img/next_blue.gif") no-repeat 6px  -1px;  
}
.tableaubordureuser
{
    border-style:solid;
    border-spacing:0px;
    border-width:12px;
    border-color:#FFCC00;
    border-left-color:#fefb00;
     border-top-color:#fefb00;
    border-right-color:#ffcc00;
    border-bottom-color:#ccaa04;
    background-color:#FFEA01;
    font-family:Tahoma, verdana, arial, sans-serif;
    font-size:8pt;
    font-weight:normal;
    padding:6px; 
    width:70%;-moz-border-radius: 12px;
}



#global{
    position: absolute;
    width: 1000px;
    margin-left:-502px;
    margin-right:auto;
    text-align: center;
    left:50%;
    background-color:#FF0000;
    border-style:solid;
    border-width:0px;
    background: url("../img/colonnes.jpg") repeat-y;
}


#entete{
    background: url("../img/haut.jpg") no-repeat;
    height:155px;
    width:1000px;
    border-style:solid;
    border-width:0px;
}



#colonne_gauche{
    position:absolute;
    left:0;
    border-style:solid;
    border-width:0px;
}


#colonne_droite{
    position:absolute;
    right:0;
    border-style:solid;
    border-width:0px;
}

#contenu{

    margin-left:37px;
    margin-right:35px;
    text-align:left;
    padding-left:5px;
    padding-right:20px;
}

#gozogozo {
	background-color:#FFCC00;
}

#menu{
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
padding-top:0px;
float:left;
margin-right:10px;
}


.lignemenu {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #336799;
border-width:1px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
padding-top:0px;
border-style:none;
}


#piedpage{
    background: url("../img/bas.jpg") no-repeat ;
    height:57px;
    width:1000px;
    border-style:solid;
    border-width:0px;
    color:#cccccc;
}

#piedpage a{
color:#B9D5FF;
font-size:10px;
font-family:Arial;
}
#piedpage a:hover{
color:#ffffff;
font-size:10px;
font-family:Arial;
}

#boutique{
width:750px;
background: url("../img/fond_boutique.gif") repeat-y;
}
#fractales{
width:750px;
background: url("../img/fond_fractales.gif") repeat-y;
}
#panier_resume {
width:325px;
background: url("../img/fond_panier_resume.gif") repeat-y;
}
.entetepanierresume {
font-size:12px;
color:#999999;
}
.panierresume {
font-size:12px;
color:#000000;

}
.panierresumetotal {
border-top-width:1px;
border-left-width:0px;
border-bottom-width:0px;
border-right-width:0px;

border-style:solid;
border-color:black;
font-size:12px;
color:#000000;

}

.tableauauthentification
{
    border-style:solid;
    border-spacing:0px;
    border-width:2px;
    border-color:#FFEA01;
    background-color:#FFCC00;
    color:#686667;
    font-family:tahoma, verdana, arial, sans-serif;
    font-size:8pt;
    font-weight:normal;
    margin-left:auto;
    margin-right:auto;
}







.tableaubordure
{
    border-style:solid;
    border-spacing:0px;
    border-width:4px;
    border-color:#FFEA01;
    background-color:#FFffff;
    font-family:tahoma, verdana, arial, sans-serif;
    font-size:9pt;
    font-weight:normal;
    width:85%;
}






.message
{

    color:#FFEA01;
    font-family:tahoma, verdana, arial, sans-serif;
    font-size:12pt;
    font-weight:bold;
    text-align:center;
}



.titre
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}


 

a{
color:#0000FF;
text-decoration:none;
}
a:hover{
color:#0000DD;
text-decoration:none;
}
a:visited{
color:#0000FF;
text-decoration:none;
}

.lienbleu a{
color:#336799;
text-decoration:none;
}
.lienbleu a:hover{
color:#FFEA01;
text-decoration:none;
}

.liengris a{
color:#EEEEEE;
text-decoration:none;
}
.liengris a:hover{
color:#BBBBBB;
text-decoration:none;
}



.ul{
    border-style:none;
    padding-left:25px;
    padding-top:5px;
    list-style-type:none;
    /*list-style-image:url(../img/ping.gif);*/
    text-decoration:none;
}

.ul li{
    border-style:none;
}

.ul li a{
    font-weight:bold;
    text-decoration:none;
}

.ul li a:hover{
    color: #FFCC00;
}



.paniervide{
height:200px;
}

.texterouge{
color:#FF0000;
font-family:tahoma, verdana, arial, sans-serif;
font-size:8pt;
font-weight:normal;
}
.textevert{
color:green;
font-family:tahoma, verdana, arial, sans-serif;
font-size:8pt;
font-weight:normal;
}



.textejaune{
color:#FFEA01;
font-size:16px;
font-weight:bold;
}


.article{
color:#000000;
font-size:11px;
padding:4px;
border-style:solid;
border-width:1px;
background-color:#fff;
border-color:#FFCC00; 
width:96%;
}
.article a:hover{
color:#3344FF;
font-size:12px;

}
.article a{
color:#0000AA;
font-size:12px;text-decoration:none;
}

.fichearticle{
color:#FFEA01;
font-size:16px;
font-weight:bold;
}

.fichearticle a {
color:#0000FF;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
.fichearticle a:hover {
color:#0000FF;
font-size:14px;
font-weight:bold;
text-decoration:underline;
}

.titrearticle {
 color:#006600;
font-size:1.5em;
font-weight:bold;
}
.descarticle {
color:#003300;
font-size:14px;
font-family: georgia ;
}
.desclonguearticle {
color:#000000;
font-size:12px;
font-family: georgia ;
}
.infotech{
color:#C12600;
font-size:11px;
 
}
.prix{
color:#0000FF;
font-size:14px;
text-align:center;
background: url("/img/prix.gif") no-repeat 0px  14px;  
width:100px;
padding-top:40px;
padding-bottom:20px;
} 
.stock{
color:#666666;
line-height:80%;
font-size:11px;
}
.menucategories {
color:#670101;
font-size:16px;
font-weight:bold;
}
a.menucategories {
color:#0000FF;
font-size:16px;
font-weight:bold;
}
a.menucategories:hover{
color:#3344FF;
font-size:16px;
font-weight:bold;
}
 

#breadcrumbs{
margin-left:30px;
font-size:12px;
}
#breadcrumbs a{
font-weight:bold;
}
#breadcrumbs a:hover{
text-decoration:underline;
}



.utilisateur{
color:#FFCC00;
font-size:13px;
font-weight:bold;
text-decoration:none;
font-family:Arial, helvetica, sans-serif;
margin-bottom:10px;
}


.accueil a{
color:#FFCC00;
font-family:arial;
font-size:1.5em;
font-weight:bold;
text-decoration:none;
font-family:Arial, helvetica, sans-serif;
}

.accueil a:active{
color:#FFCC00;
font-family:arial;
font-size:1.5em;
font-weight:bold;
text-decoration:none;
font-family:Arial, helvetica, sans-serif;
}

.accueil a:hover{
color:#FFEA00;
font-family:Arial, helvetica, sans-serif;
font-size:1.5em;
font-weight:bold;
text-decoration:none;
font-family:Arial, helvetica, sans-serif;
}

.titremenu{
color:#FFCC00;
font-family:Arial, helvetica, sans-serif;
font-size:1.5em;
font-weight:bold;
text-decoration:none;
font-family:Arial, helvetica, sans-serif;
}










.espace{
border-style:none;
padding-left:6px;
}









.messageok {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height :20px;
    color: #000000;
    background-image: url(../img/smileyok.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    display:block;
}

.messageko
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height :20px;
    color: #FF0000;
    background-image: url(../img/smileyko.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    display:block;
}