/*la configuration générale*/
html{font-size:100%}
*{margin:auto;padding:0;text-align:center;font-family:"Verdana",sans-serif;font-size:.95em;line-height:1.2em;color:#585858}
body{background:url('../images/graphisme/fond.png')}
/*les blocs de mise en page*/
div.conteneur{width:800px;border:solid 1px #838383}
div.banniere{width:800px; height:150px; background-color:#838383;border:none;background:url('../images/graphisme/banniere1.png')}
div.contenugrand{width:800px; background-color:#FFFFFF;}
div.boutons{width:800px;background-color:#ffffff;border:none;height:40px;background:url('../images/graphisme/fondboutons.png')}
div.bouton{height:40px; background-color:#ffffff; text-align:center;display:block;float:right;width:95px;}
div.boutons2{width:800px;background-color:#ffffff;border:none;height:40px;background:url('../images/graphisme/fondboutons2.png')}
div.bouton2{height:40px; background-color:#ffffff; text-align:center;display:block;float:left;width:95px;}
div.boutons3{width:800px;background-color:#ffffff;border:none;height:40px;background:url('../images/graphisme/fondboutons3.png')}
div.boutons4{width:800px;background-color:#ffffff;border:none;height:40px;background:url('../images/graphisme/fondboutons4.png')}
div.boutons5{width:800px;background-color:#ffffff;border:none;height:40px;background:url('../images/graphisme/fondboutons5.png')}
div.barre{width:800px; height:20px;background:url('../images/graphisme/barre.png'); }
div.mentions{width:800px; height:100px; background-color :#FFFFFF;
color:#838383; font-size:.90em;
border:none;background:url('../images/graphisme/bannierebas.png');background-repeat:no-repeat}
div.alignement{text-align:left;padding-left:10px;padding-right:10px}
div.datenews{display:block;float:right;padding-right:10px;font-size:.75em}
div.precedent{display:block;float:left;padding-left:10px;font-size:.75em}
/*les liens*/
a{color:#936565;text-decoration:none; font-weight:bold;}
a:hover{color:#A88585}
a.discret{color:#C4A7A7;}
a.discret:hover{color:#A88585}
a.fonce:hover{color:#A88585}
a.foncedroit{display:block;float:right;padding-right:10px}
a.foncedroit:hover{color:#A88585}
a.foncegauche{display:block;float:left;padding-left:10px}
a.foncegauche:hover{color:#A88585}
a.hautbas{display:block;float:right;padding-right:10px;font-size:.75em}
a#accueil{background:url('../images/graphisme/boutonaccr.png');width:95px;height:40px;float:right}
a#accueil:hover{background:url('../images/graphisme/boutonaccs.png');width:95px;height:40px;float:right}
a#illu{background:url('../images/graphisme/boutonillur.png');width:95px;height:40px;float:right}
a#illu:hover{background:url('../images/graphisme/boutonillus.png');width:95px;height:40px;float:right}
a#info{background:url('../images/graphisme/boutoninfor.png');width:95px;height:40px;float:right}
a#info:hover{background:url('../images/graphisme/boutoninfos.png');width:95px;height:40px;float:right}
a#pro{background:url('../images/graphisme/boutontravpror.png');width:95px;height:40px;float:right}
a#pro:hover{background:url('../images/graphisme/boutontravpros.png');width:95px;height:40px;float:right}
a#profil{background:url('../images/graphisme/boutonprofilr.png');width:95px;height:40px;float:right}
a#profil:hover{background:url('../images/graphisme/boutonprofils.png');width:95px;height:40px;float:right}
a#contact{background:url('../images/graphisme/boutoncontr.png');width:95px;height:40px;float:right}
a#contact:hover{background:url('../images/graphisme/boutonconts.png');width:95px;height:40px;float:right}
a#liens{background:url('../images/graphisme/boutonlienr.png');width:95px;height:40px;float:right}
a#liens:hover{background:url('../images/graphisme/boutonliens.png');width:95px;height:40px;float:right}
a#acrylique{background:url('../images/graphisme/boutonacrylr.png');width:95px;height:40px;float:left}
a#acrylique:hover{background:url('../images/graphisme/boutonacryls.png');width:95px;height:40px;float:left}
a#photo{background:url('../images/graphisme/boutonphotor.png');width:95px;height:40px;float:left}
a#photo:hover{background:url('../images/graphisme/boutonphotos.png');width:95px;height:40px;float:left}
a#croquis{background:url('../images/graphisme/boutoncroqr.png');width:95px;height:40px;float:left}
a#croquis:hover{background:url('../images/graphisme/boutoncroqs.png');width:95px;height:40px;float:left}
a#divers{background:url('../images/graphisme/boutondivr.png');width:95px;height:40px;float:left}
a#divers:hover{background:url('../images/graphisme/boutondivs.png');width:95px;height:40px;float:left}
a#pasapas{background:url('../images/graphisme/boutonpasr.png');width:95px;height:40px;float:left}
a#pasapas:hover{background:url('../images/graphisme/boutonpass.png');width:95px;height:40px;float:left}
a#photoshop{background:url('../images/graphisme/boutonphotoshopr.png');width:95px;height:40px;float:left}
a#photoshop:hover{background:url('../images/graphisme/boutonphotoshops.png');width:95px;height:40px;float:left}
a#illustrator{background:url('../images/graphisme/boutonillustratorr.png');width:95px;height:40px;float:left}
a#illustrator:hover{background:url('../images/graphisme/boutonillustrators.png');width:95px;height:40px;float:left}
a#societes{background:url('../images/graphisme/boutonsocr.png');width:95px;height:40px;float:left}
a#societes:hover{background:url('../images/graphisme/boutonsocs.png');width:95px;height:40px;float:left}
a#particuliers{background:url('../images/graphisme/boutonpartr.png');width:95px;height:40px;float:left}
a#particuliers:hover{background:url('../images/graphisme/boutonparts.png');width:95px;height:40px;float:left}
a#cv{background:url('../images/graphisme/boutoncvr.png');width:95px;height:40px;float:left}
a#cv:hover{background:url('../images/graphisme/boutoncvs.png');width:95px;height:40px;float:left}
a#book{background:url('../images/graphisme/boutonbookr.png');width:95px;height:40px;float:left}
a#book:hover{background:url('../images/graphisme/boutonbooks.png');width:95px;height:40px;float:left}
a#cartes{background:url('../images/graphisme/boutoncarter.png');width:95px;height:40px;float:left}
a#cartes:hover{background:url('../images/graphisme/boutoncartes.png');width:95px;height:40px;float:left}
a#philosophie{background:url('../images/graphisme/boutonphilor.png');width:95px;height:40px;float:left}
a#philosophie:hover{background:url('../images/graphisme/boutonphilos.png');width:95px;height:40px;float:left}
/*les formulaires*/
fieldset{text-align:center;color:#585858; border:solid 1px #F1CEDD; background-color:#F2E7EC}
fieldset#ajout, fieldset#modification, fieldset#suppression{text-align:left;padding-left:10px;}
legend{color:#585858;background-color:#E4F2ED;padding:5px; border:solid 1px #F1CEDD}
label{color:#585858}
input{text-align:left;color:#585858;font-weight:bold}
input:focus{background-color:#9B647E;color:#F1E4F3}
input#envoyer, input#effacer, input#confirmer, input#retour{margin-bottom:10px;color:#585858;background-color:#A3C6BC;font-weight:bold}
input#ut_name{text-align:left;color:#585858;font-weight:bold}
input#ut_name:focus{background-color:#9B647E;color:#F2E7EC}
input#ut_passe{text-align:left;color:#585858;font-weight:bold}
input#ut_passe:focus{background-color:#9B647E;color:#F2E7EC}
select{text-align:center;color:#585858;font-weight:bold}
textarea{color:#585858;text-align:left;overflow:auto}
/*les tableaux*/
form{width: 300px; font-weight:bold;}
form#ajout, form#modification, form#recherche, form#mail, form#suppression{width: 600px;}
td.nom{text-align:right; font-weight:bold}
td.encodage{text-align:left; color:#585858; font-weight:bold}
th{color:#585858;text-align:left}
/*le texte*/
p{padding-right:10px}
p.textebread{color:#585858;text-align:left;padding-left:10px;font-size:.75em;float:left;}
p.textebread1{color:#585858;text-align:left;padding-left:10px;font-size:.75em;}
p.message{color:#936565}
p.textegauche{color:#585858;text-align:left;padding-left:10px}
p.textecentre{color:#585858;text-align:center}
p.texteref{font-size:.75em;text-align:right;color:#585858;font-style:italic}
p.legende{text-align:right;padding-right:30px;font-style:italic;color:#585858}
p.resume{text-align:justify;color:#585858;padding-left:10px}
h3{color:#585858;font-family:"Times New Roman",serif;font-size:1.4em}
h4{color:#585858;font-family:"Times New Roman",serif;font-size:1.2em}
h4.titregauche{text-align:left;padding-left:10px;font-family:"Times New Roman",serif;font-size:1.2em}
h3.titregauche{text-align:left;}
h4.erreur{color:#936565;font-family:"Times New Roman",serif;font-size:1.2em}
h2.erreur{color:#936565;font-family:"Times New Roman",serif;font-size:1.6em}
li{color:#936565}
li.gauche1{color:#585858;text-align:left;padding-left:20px;list-style-type:none; font-size:1.2em}
li.gauche2{color:#585858;text-align:left;margin-left:50px;list-style-type:circle; font-size:1.1em}
li.gauche3{color:#585858;text-align:left;margin-left:80px;list-style-type:square; font-size:1em}
span.italique{font-size:.9em;font-style:italic}
span.leger{font-weight:lighter}