html,body {
border:0;
/*overflow:auto;*/
}
body {
background-color:#666;
margin:20px 0;
padding: 0;
font-size: 0.8em;
color: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
a {
/*color: #3c3c3c;*/
color: #3d4556;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h3 a {
/*color: #3c3c3c;*/
color: #fff;
text-decoration: none;
}
h3 a:hover {
text-decoration: underline;
}
img, a img {
border: 0;
}
hr {
/*clear: both;*/
border: none;
border-top: 1px dashed #000;
/*width:50%;*/
/*border-top: 1px dashed #313131;*/
height: 0px;
margin:10px 5px !important;
margin:0px;
}
#centre P:first-letter {
font-weight: bold;
font-size: 120%; 
/*color: #3c3c3c;*/
}
#centre p {
text-indent: 25px;
text-align:justify;
}
#centre p.centrer {
text-align: center;
}
#centre p.droite {
text-align: right;
}
#centre p.gauche {
text-align: left;
}
#centre p.gauche2 {
text-align: left;
height:100px;
}

p:first-letter {
font-weight: bold;
font-size: 150%; 
/*color: #3c3c3c;*/
}
/*h3 {
text-align:right;
}
h1:first-letter {
color: #3c3c3c;
}
h2:first-letter {
color: #3c3c3c;
}
h3:first-letter {
color: #3c3c3c;
}
h4:first-letter {
color: #3c3c3c;
}
h5:first-letter {
color: #3c3c3c;
}
h6:first-letter {
color: #3c3c3c;
}*/
li {
list-style-type: none;
margin:0;
padding:0;
}
td {
font-size: 9pt;
color: #fff;
font-family: tahoma, arial, helvetica;
}
#conteneur {
width:750px;
margin:0 auto;
background-color:#000;
background-image: url(/img/pix_blanc.gif);
background-repeat: repeat-y;
}
#header {
height: 58px;
background-color: #000;
}
#logo {
float:left;
height: 56px;
width: 218px;
background-image: url(/img/logo_visa-art.gif);
background-repeat: no-repeat;
left:0px;
top:0px;
}
#logo_visa-art {    
float: left;
height: 56px;
width : 218px;
}
#logocentre {
margin-left: 218px;
margin-right: 417px;
}
#logo2 {
float:right;
height: 56px;
width: 417px;
background-image: url(/img/bandeau.gif);
background-repeat: no-repeat;
}
#logo2_visa-art {    
float: left;
height: 56px;
width : 417px;
}
#haut {
height: 33px;
background-color:#000;
border-bottom: 2px solid #fff;
}
#logo3 {
float:left;
height: 33px;
width: 150px;
background-color:#282828;
border-right: 2px solid #fff;
}
#hautcentre {
margin-left: 150px;
margin-right:550px;
}
#menu {
float:right;
height: 30px;
padding-top:3px;
padding-right:15px;
}
#centre {
margin-left: 153px;
margin-right: 1px;
padding: 1px 12px;
}
#centre img {
padding: 5px;
}
#centre ul {
margin:0;
padding-bottom:0px;
}
.title {
font-size: 80%;
padding:0px;
}
.title ul, .title li {
margin:0px;
padding:0px;
}
a.fem {
/*color:#f9f;*/
/*color:#b61e3d;*/
/*color:#EF95AA;*/
color:#EF86A0;
font-weight: bold;
}
a.hom {
color:#39f;
/*color:#0cf;/*
/*color:#3c6fac;*/
/*color:#D3E0F4;*/
/*color:#77A8EF;*/
font-weight: bold;
}
#gauche {
float:left;
width: 150px;
text-align:center;
}
#gauche p {
text-align:center;
}
#gauche ul {
margin:0;
padding:0;
}
#gauche li {
text-align:left;
list-style-type:none;
font-size: 70%;
margin:0px 0px 0px 0px;
padding:0;
}
#logo4 {
height: 20px;
width: 150px;
background-color:#3c3c3c;
}
#droite {
float:right;
width: 1px;
}
#pied {
clear:both;
height: 66px;
}
#dom_aym {
float:left;
left:0;
width: 150px;
height: 33px;
background-image: url(/img/dominique_aymeic.gif);
background-repeat: no-repeat;
border-right: 2px solid #fff;
}
#navigation {
height: 33px;
text-align:center;
list-style-type: none;
margin-left: 140px;
font-size: 70%;
color: #999;
}
#navigation ul {
margin:0;
padding-top:15px;
padding-bottom:0px;
}
#navigation li {
display: inline;
margin: 0px;
padding: 0px;
}
#navigation a {
color: #999;
text-decoration: none;
}
#navigation a:hover {
text-decoration: underline;
}
#copyright {
background-color:#000;
height: 33px;
padding-top:10px;
text-align:center;
font-weight: bold; 
font-size: 70%; 
color: #3c3c3c;
border-top: 2px solid #fff;
}
#copyright a {
color: #fff;
}
#logoaccueil {
height: 45px;
width: 150px;
background-image: url(/img/accueil.gif);
background-repeat: no-repeat;
left:0px;
top:20px;
}
#logoagenda {
height: 45px;
width: 150px;
background-image: url(/img/agenda.gif);
background-repeat: no-repeat;
left:0px;
top:20px;
}
#agenda {
/*height: 45px;*/
width: 150px;
}
#agenda p.centrer {
text-align: center;
}
#agenda h3 {
text-align:center;
}
#agenda table.cal {
border-collapse: collapse;
color:#fff;
font-size: 9pt;
width: 149px;
border: 0px #000 solid;
padding:0;
margin:0;
}
#logoarchive {
height: 45px;
width: 150px;
background-image: url(/img/archives.gif);
background-repeat: no-repeat;
left:0px;
top:20px;
}
#archive {
text-align:center;
}
#logoautre {
height: 45px;
width: 150px;
background-image: url(/img/autres.gif);
background-repeat: no-repeat;
left:0px;
top:20px;
}
#logocontact {
height: 45px;
width: 150px;
background-image: url(/img/contact.gif);
background-repeat: no-repeat;
left:0px;
top:20px;
}
#logodesigner {
height: 45px;
width: 150px;
background-image: url(/img/designers.gif);
background-repeat: no-repeat;
left:0px;
top:20px;
}
#langue {
height: 50px;
width: 68px;
margin: 15px 0 0 40px;
/*background-image: url(/img/flag-uk.gif);
background-repeat: no-repeat;*/
left:0px;
top:20px;
}
#logograveur {
height: 45px;
width: 150px;
background-image: url(/img/autres.gif);
background-repeat: no-repeat;
left:0px;
top:20px;
}
#logopeintre {
height: 45px;
width: 150px;
background-image: url(/img/peintres.gif);
background-repeat: no-repeat;
left:0px;
top:20px;
}
#logophotographe {
height: 45px;
width: 150px;
background-image: url(/img/photographes.gif);
background-repeat: no-repeat;
left:0px;
top:20px;
}
#logosculpteur {
height: 45px;
width: 150px;
background-image: url(/img/sculpteurs.gif);
background-repeat: no-repeat;
left:0px;
top:20px;
}
#aleatoire {
text-align:center;
font-size: 80%;
margin-top:15px;
/*border-left: 1px solid #039;
border-right: 1px solid #039;*/
padding:4px;
}
#aleatoire P:first-letter {
font-weight: bold;
font-size: 150%; 
/*color: #3c3c3c;*/
}
#aleatoire P {
font-weight: bold;
font-size: 120%; 
}
.aleatoire {
text-align:center;
margin-left: auto;
margin-right: auto;
}
#aleatoire h3 {
margin:0px 0px 5px 0;
padding:0;
text-align:center;
color: #fff;
}
#diapo {
margin:10px 0 0 0;
padding:0;
text-align:center;
}
#diapo P:first-letter {
font-weight: normal;
font-size: 100%; 
color: #fff;
}
#diapo  p {
text-indent: 0px;
}
#diapo img {
border: 2px solid #3c3c3c;
margin-right: 5px;
margin-bottom: 5px;
}
#photo {
text-align:center;
}
#photo img, #photo a img {
border: 0px;
}
.body{
background-color:#000;
margin:0;
padding:0;
border:0;
}
.iframe {
background-color:#000;
overflow:auto;
text-align:center;
border:0;
/*border: 3px solid #f4a21f;*/
margin:0;
padding:0;
height: 750px;
width: 560px;
}
.iframeb {
background-color:#000;
overflow:hidden;
text-align:center;
border:0;
/*border: 3px solid #f4a21f;*/
margin:0;
padding:0;
height: 480px;
width: 560px;
}
#galerie {
width: 340px;
font-size: 100%;
margin: auto auto;
}
div.spacer {
clear: both;
}
div.float {
float: left;
}
div.float p {
text-align: center;
}
div.floatd {
float: right;
padding: 0 0 0 10px;
}
div.floatd p {
text-align: center;
}
div.floatg {
float: left;
padding: 0 10px 0 0;
}
div.floatg p {
text-align: center;
}
div.floatw {
width: 160px;
float: left;
text-align: center;
}
div.floatw p {
text-align: center;
}
div#boutique {
/*background:#ccc;*/
/*margin-left: 40px;*/
}
div#boutique h3 {
text-align:center;
}
div.floatw2 {
width: 114px;
float: left;
text-align: center;
}
div.floatw2 p {
text-align: center;
}

div.espace {
 clear: both;
}
table.cal {
border-collapse: collapse;
color:#fff;
font-size: 9pt;
width: 149px;
border: 0px #000 solid;
padding:0;
margin:0;
}
table.cal td {
text-align: center; 
color:#fff;
font-size: 9pt;
padding:0;
margin:0;
}
table.cal p {
font-size: 8pt;
text-align:center;
margin:5px 0px;
}
table.cal ul {
text-align:left;
list-style-type:none;
font-size: 8pt;
margin:5px 0px 5px 5px;
padding:0;
}
table.cal h2 {
margin:5px 5px;
}
table.cadre p {
font-size: 8pt;
text-align:left;
margin:5px 0px;
}
th {
color: #fff;
border-bottom: 1px #eee solid;
}
.g {
text-align:left;
}
.menucal:link {
color: #39f; background-color:#c5e1ff; text-decoration: none;
}
.menucal:visited {
color: #f90; background-color:#c5e1ff; text-decoration: none;
}
.menucal:hover {
color: #f00; 
/*padding-bottom: 0px; border-bottom: #f4a21f 1px solid;*/
}
/**/
option {
font-size: 90%;
color: #fff;
border-bottom:1px solid #ccc;
background-color: #3c3c3c;
}
select {
color: #cc0000; 
background-color: #3c3c3c;
font-size: 90%; 
}
input {
font-size: 90%;  
color: #fff; 
border:1px solid #ccc;
background-color:#000;
}
textarea {
color: #fff; 
border:1px solid #ccc;
background-color:#000;
}
/*Formulaire*/
form
{
margin: 0;
padding: 0;
}
#form1 {
background: #282828;
text-align:center;
padding: 10px 10px;
margin: 0 100px;
}
#formname {
/*width: 550px;*/
border: 1px solid #282828;
margin: 0px;
padding: 0px;
}
#titreform, #piedform {
font: bold 1.1em arial, hevetica, sans-serif;
color: #fff;
/*border: 1px solid #FBAF4D;*/
border: 0;
background: #282828;
margin: 0;
padding: 1em;
}
#piedform {
text-align: center;
}
#piedform input {
margin: 5px 5px 10px 5px;
}
#piedform fieldset {/*** Mise en forme des cadres ***/
/*border: 1px solid #FFF4DF;*/
border: 1px solid #282828;
}
#corpsform {
color: #fff;
/*background: #FFF4DF;*/
margin: 0;
padding: 1em;
}
#corpsform fieldset {
margin: 0;
/*border: 1px solid #FBAF4D;*/
border: 1px solid #ccc;
font-style: normal;
padding: 0 1em 1em;
}
#corpsform legend, #piedform legend  {
font-weight: bold;
color: #fff;
background: transparent;
}
#corpsform p {
padding: .2em 0;
margin: 0 0 .1em 0;
}
/**/
#corpsform fieldset#coordonnees label, #destination label {
float: left;
width: 50%;
text-align: right;
margin: 0;
padding: 0 .5em 0px 0;
line-height: 1.8;
}
#corpsform fieldset#commentaires label {
float: left;
width: 45%;
text-align: right;
margin: 0;
padding: 0 5px 0px 0;
line-height: 1.8;
}
#corpsform fieldset#Parcourir label {
text-align:center;
margin: 0;
padding: 0 .5em 0 0;
line-height: 1.8;
}
#corpsform label:hover, #piedform input {
cursor: pointer;
}
#piedformparcourir {
text-align: center;
}
#piedformparcourir p {
text-align: center;
}
#corpsform .focus {
background: #999;
color: #fff; 
}
#corpsform .normal {
background: #666;
color: #fff; 
}
.alerte {
color:#c00;
font-size:100%;
font-weight: bold;
}
.asterisque {
font-weight: bold;
font-style: normal;
color: #c00;
}
/*Fin formulaire*/
#merci {
height: 300px;
border:0px;
text-align:center;
}
#merci p{
text-align:center;
margin:50px 0;
}
#merci h2{
text-align:center;
margin:50px 0;
}
.fluxgauche {
float : left; margin: 0px 10px 10px 0 ; 
}
.fluxdroite {
float : right ; margin: 5px 0 10px 10px ; 
}
/*debut Galerie*/
.imagegalerie a:hover img {
top: 8px;
left: 8px;
}
           
.imagegalerie {
float: left;
margin: 12px;
background-color: #D2DCE1;
}
#evenement {
border-bottom: 2px dashed #3c3c3c;
}
#plus{
margin-left:50px;
font-size:110%;
}
.plus{
padding-left:30px;
font-size:110%;
}
#pop{ /* fenêtre */
position:absolute; cursor:move; left:3px; top:3px; display:none; z-index:200; background-color:#fff; border:3px outset;}
#tet{ /* titre */
font:12px/18px "Comic Sans MS", "Times New Roman", Times, serif; color:#fff; background-color:#0465F1; padding:0 20px 0 .5em;
white-space:nowrap; text-align:left;
}
#croix{ /* croix pour fermer */
position:absolute; margin:0; border:0; right:1px; top:1px; padding:0; height:16px; width:15px; background: #0465F1 url(/img/croix.gif) no-repeat; cursor:pointer;}
#msg{ /*message "chargement" */
position:absolute; font-size:1.5em; z-index:500; color:#c00; background:#fff; padding:5px; display:none}
/*liens avec vignette*/
a:hover img,a img:focus, a.vig:hover,a.vig:focus{background:transparent;moz-opacity:.7;opacity:.7;}
/**/
/*Fin galerie*/

#actu {font-size:75%; /*border:1px solid #fff;margin:10px;padding:5px;*/}
#actu h3 {text-align:right;}
.article {border:1px solid #fff;margin:10px;padding:5px;}
#datecom p {text-align:right}