body{ color: #646464; font-size: 11px; font-family: Helvetica, Geneva, sans-serif; margin: 0; padding: 0; }
td { font-size: 11px; margin: 8px; }
th { font-size: 12px; margin: 8px; color: white; padding: 1px 0px; }
th a { color: white; }
a {color: #646464}
a:hover {color: black}
table { border-width: 0; }
img { border-width: 0; }
h1 { font-size: 22px; font-weight: 100; text-align:center; clear:both;}
h1 span { font-weight: 400; }
h2 {font-size: 18px; }

.menugauche {  background-image: url(medias/menu/fondmenu.jpg); background-repeat: repeat-y; margin:0; position:relative}
div.cartouche{ background-color: white; text-align: center; font-size: 12px; margin: 0 2px; padding:0 ; width:150px; }
.ht { background-image: url(medias/menu/cartouchehaut.gif); height: 12px; width: 150px; margin: 0 2px; padding:0 ;font-size: 8px;}
.bas { background-image: url(medias/menu/cartouchebas.gif); height: 12px; width: 150px; margin: 0 2px 20px 2px ; padding:0;font-size: 8px; }
.cartouche p{ margin: 0; padding: 4px; }
p.cartouche { text-align:center; clear:both }
.cartouche p.sep{ border-top: 2px dotted silver; margin-top: 4px; }
.cartouche form{border-top: 2px dotted silver; padding: 4px ; margin: 0 ; font-size: 9px; text-align: right;}
.cartouche input{ font-size: 10px;}
.cartouche ul{ border-top: 2px dotted silver; list-style-type: none; margin: 4px 0px 0px 0px; padding: 4px; }
.cartouche ul.blanc {border-top: none; margin: 0; }
.cartouche a { text-decoration: none; }
.cartouche ul a { display: block; color: white; line-height: 12px; width: 142px; margin: 4px 0px 0px 0px ;font-size: 12px; padding: 3px 0px}
address { font-size: 9px; font-style: normal; }
address a, address a:hover  { font-style: normal; }
#recherche p{padding: 0px 40px 0px 0px}
.contenu { background-color: white; padding: 0px 20px 10px 0px; text-align:center; }
#menu { width: 760px; height: 32px; line-height: 10px; margin: 8px auto ;}
#menu a { color: #424242; text-decoration: none; float: left; width: 100px; text-align: right; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; padding: 6px 4px 6px 0 ; border: dashed 1px silver; border-collapse: collapse ;  }
a#menuschool { width: 110px; }
a#menutchat { width: 100px; }
#menu span {font-size: 12px;}
#menuaccueil b, #menuaccueil span {color: #009ee0}
#menumail b, #menumail span {color: #7a95bf}
#menutroc b, #menutroc span {color: #b2463e}
#menutchat b, #menutchat span {color: #96ac2b}
#menustore b, #menustore span {color: #EF8747}
#menusurf b, #menusurf span {color: #CB0066}
#menuschool b, #menuschool span {color: #14737A}
a#menuaccueil:hover, a#menuaccueil:hover b {color: #324a97}
a#menumail:hover, a#menumail:hover b {color: #465A80}
a#menutroc:hover, a#menutroc:hover b {color: #800000}
a#menutchat:hover, a#menutchat:hover b {color: #6a8724}
a#menustore:hover, a#menustore:hover b {color: #DB5914}
a#menusurf:hover, a#menusurf:hover b {color: #9A0F48}
a#menuschool:hover, a#menuschool:hover b {color: #0C4D56}

.pub { background-image: url(medias/bandeaux/pub.png); background-repeat: no-repeat; background-position: center 11px; padding: 20px 80px 20px; text-align:center}

.encadre { position: relative; width: 250px; float: left ; height: 250px; margin-top: 12px; margin-right: 8px; padding: 2px; border: dotted 2px silver; }
.encadre .prixnormal { color: #FFFFFF; font-size: 12px; line-height: 24px; background-image: url(boutique/medias/fondprixnormal.gif); background-repeat: no-repeat; text-align: center; position:absolute; left: 25%; bottom: 10px; width: 60px; margin: 10px 0 0 -30px ; }
.encadre .prix { color: white; font-size: 14px; font-weight: bold; line-height: 24px; background-image: url(boutique/medias/fondprix.gif); background-repeat: no-repeat; text-align: center; position:absolute; left: 75%; bottom: 10px; width: 60px; margin: 10px 0 0 -30px ; }
.encadre .prix a:hover {color:#000000 }
.encadre img { float: right; }
.encadre h2 { color: #999999; background-color:#DDDDDD; font-size: 12px; font-weight: bold; margin: 0 ; }
.encadre a {text-decoration:none; }
.prix a{ color: white; }
.objet { color: gray; font-size: 1.2em; font-weight:bold ; line-height: 1em; margin: 4px 0 0 0; }

.liste { width: 100%; border: dotted 2px silver; margin: 20px 0px; text-align: left; min-height: 110px; padding: 4px; }
.liste h2 { color:#FFFFFF; font-size: 14px; padding: 2px ; margin: 0px ; position: relative; height: 16px }
.liste h2 a { color:#FFFFFF; }
.liste h2 span {  color:#FFFFFF; font-size: 12px; font-weight: normal; padding: 0; position: absolute; right: 20px}
.liste embed {float: right; margin: 8px}
.liste img {float: left; margin: 8px; clear:both}
.liste p {width:100%}
.listemav a { color:#000000}
.titre0, h2.titre0, h2.titre0 a {color: #324a97; }
.titre4, h2.titre4 {color: #db5914; }
.titre7, h2.titre7 {color: #4c04b9; }

.bandeauimages { border-color:#324a97; border-style:solid; border-width:thin; text-align:center }


ul#pages { position:relative; margin: 0 -290px 0 0; padding: 0 ; left: 50%; list-style-type: none; clear:both; }
#pages li { float:left; width: 20px; }
#pages a, #pages span { float:left; color: white; line-height: 14px; text-decoration: none; border-collapse: collapse; width: 20px; height: 14px; text-align: center; }

h2.titre{ margin-bottom: 12px; text-align:center }

.editer a, .supprimer a { padding: 2px 4px;  ; margin-right: 60px ; text-align: center; color: white ; text-decoration:none}
.editer a#del { margin-right: 0px ;  }
.editer span a { margin-right: 0px ;}
p.supprimer { float:left; }
.aucun { position: relative;  width: 500px; margin: 20px auto; border: dotted 2px silver; text-align: center; height: 140px; font-size:24px; color:#CCCCCC; padding-top:100px; }

p.erreur{color: red; padding: 0px; line-height: 12px; font-size: 9px; margin: 0px 0px -16px 120px ; text-align: left;  }

.edition { position:relative; width: 580px ; margin: 10px auto ; padding: 4px; border: dotted 2px silver; clear:both}
.edition h2 { color: white; margin: 0 ;padding: 0 4px ;}
.edition h3 { color: white; font-size: 14px; }
.edition h2 span, .edition h3 span { font-size: 12px; font-weight: normal; padding: 2px ; position: absolute; right: 20px; ; line-height: 16px }
.edition p{ margin: 0; clear: both; text-align:left ; line-height: 28px ; padding: 0; }
.edition span{ float:left; text-align: right; width: 120px;  margin: 0px 6px ;}
.edition span.line{ float:left; width: 420px; text-align: left; margin: 0px ; }
.edition input, .edition textarea { float: left; } 
.edition span.checkbox{ float:left; text-align: left; width: 180px;  margin: 0px ;  }
.edition p.valider { float: none;text-align: center; padding: 10px 0px 0px 0px; clear:both ;}
.edition ul { text-align: left; }
.edition a { text-decoration:underline; }
.valider input{ float: none; text-align:center;clear:both ;}