/* CSS Document */

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 30px;
font-weight:300;
letter-spacing: 10px;
color:#666666;
margin-bottom: -20px;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight:100;
color:#666666;
}
.titre { /* pour parties interactives*/
width : 880px;
color: #666666;
padding-left: 5px;
float: left;
font-weight: 600;
}	

.titre1 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 25px;
font-weight: 100;
letter-spacing: 5px;
color:#666666;
}
/* links */
a {
color: #666666;
text-decoration: none;
}
a:hover {
color: #ac0606;
}

body {
background-color:#f2ecec;
}

/* ID Styles */
#body {
width: 950px;
padding: 2px;
margin: auto;
}
#body p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
letter-spacing: 1px;
color:#666666;
font-weight: normal;
}
#footer {
width: 550;
margin: auto;
margin-top: 15px;
padding-right: 20px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #003366;
}
div.containeraccueil {/*photo page accueil*/
float:right;
width: 210px;
text-align:justify;
margin-top: 15px;
padding: 5px;
padding-bottom: 10px;
}

div.containeratelier {
float:left;
margin-left: 10px;
width: 900px;
padding: 5px;
text-align:left;
}
div.containerartiste {
float:left;
margin-left: 20px;
width: 900px;
padding: 5px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
letter-spacing: 1px;
}
div.containercent {
float:left;
width: 760px;
padding-left: 185px;
padding-top: 20px;
}
div.containergalerie {
float:left;
margin-left: 10px;
width: 880px;
padding: 10px 30px 10px 30px;
text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}
div.containertextl { /*texte sculptures*/
float:right;
width: 200px;
text-align:left;
margin-top: 170px;
padding-left: 30px;
padding-bottom: 10px;
}
div.containertextr { /*texte sculptures*/
float:left;
width: 200px;
text-align:left;
margin-top: 170px;
padding: 5px;
padding-bottom: 10px;
}
div.containerphotl {
float:left;
margin-left: 10px;
width: 600px;
padding: 5px;
text-align:left;
}
div.containerphotr {
float:right;
margin-left: 10px;
width: 600px;
padding: 5px;
text-align:right;
}
div.containersymbioz {
float:left;
margin-left: 10px;
margin-top: -35px;
width: 890px;
padding: 30px;
text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

div.fenetre {
float:left;
width: 900px;
padding-left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
letter-spacing: 1px;
color: #666666;
}
div.vignet {
width: 140px;
float:left;
}
div.boite {/*pour les liens*/
float: left;
width: 140px;
margin-top: 5px;
margin-bottom: 10px;
padding: 3px 10px 2px 0px;
}

#nav {
width: 145px;
float: left;
margin-top: -2px;
}

#nav_photo {/*pour la navigation vignettes*/
width: 940px;
float: left;
list-style : none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight:500;
}
#nav_photo li {
display: inline;
}
#nav_photo a:link, #nav_photo a:visited {
color:#666666;
text-decoration: none;
}
#nav_photo a:hover {
color: #ac0606;
}
#suite {/*boite suite page sculpture*/
float: left;
width: 145x;
margin-top: 5px;
margin-bottom: 5px;
padding: 3px 10px 2px 10px;
border : 3px solid #ff0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight:500;

}

/* Class Styles */
.clear {
clear: both;
}
.float {
float: left;
}
.floatr {
float: right;
}