/* CSS Document */

body {
margin: 0;
padding: 0;
height: 100%
text-decoration: none;con
}
#conteneur
{
position: relative;
left: 150px;
padding: 0;
width: 1024px;
height: 768px;
background-image: url(media/papier1.jpg);
background-repeat: no-repeat;
z-index: 1;
text-decoration: none;
}
#travail{
position: relative;
top: 289px;
left: 136px;
width: 739px;
height: expression(
                ( document.images["travail"].height >= parseInt(document.getElementById("parent").offsetHeight * 0.99) ) ?
                parseInt(document.getElementById("parent").offsetHeight * 0.99) + "px" :
                "auto"
            );
min-height: 275px;
font-family: Georgia;
font-size: 11px;
background-image: url(media/motif.jpg);
background-repeat: repeat-y;
background-position: 0px 0px;
padding-left: 30px;
padding-bottom: -60px;
}
#tete{
position: relative;
overflow: hidden;
float: middle;
left: 92px;
top: 289px;
width: 842px;
height: 75px;
z-index: 10;
}
#credit
{
top: -120px;
left: 600px;
height: auto;
width: auto;
position: absolute;
background-image: url(media/credit.jpg);
border: none;
text-decoration: none;
z-index: 100;
background-repeat: no-repeat;
}
#acceuilConteneur
{
top: 90px;
left: -196px;
position: absolute;
}
#acceuilConteneur a
{
font-family: georgia;
text-decoration: none;
color: black;
font-size: 0.9em;
}
#acceuilImg 
{
border: 1px #FF70C6 dotted;
}
#newsletterConteneur
{
top: 120px;
left: -196px;
position: absolute;
}
#newsletterConteneur a
{
font-family: georgia;
text-decoration: none;
color: black;
font-size: 0.9em;
}
#newsletterImg 
{
border: 1px #FF70C6 dotted;
}
#conception
{
text-decoration: none;
height: 100px;
width: 251px;
background: url(media/conceptionImg.jpg) no-repeat 0 0;
position: absolute;
left: 528px;
	top : 0px;
font-size: 0.8em;
color: #CCC;
font-family: georgia;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-align: right;
line-height: normal;
text-transform: none;
word-spacing: normal;
letter-spacing: 0.5pt;
white-space: normal;
text-decoration: none;
}
#conception:hover
{
text-decoration: none;
height: expression(
                ( document.images["conception"].height >= parseInt(document.getElementById("parent").offsetHeight * 0.99) ) ?
                parseInt(document.getElementById("parent").offsetHeight * 0.99) + 100+"px" :
                "auto"
            );
width: 251px;
background: url(media/conceptionImg.jpg) no-repeat 0 -31px;
position: absolute;
left: 528px;
	top : 0px;
font-size: 0.8em;
color: #CCC;
font-family: georgia;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-align: right;
line-height: normal;
text-transform: none;
word-spacing: normal;
letter-spacing: 0.5pt;
white-space: normal;
text-decoration: none;
}
#conceptionTexte {
font-size: 0.8em;
color: #CCC;
font-family: georgia;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-align: right;
line-height: normal;
text-transform: none;
word-spacing: normal;
letter-spacing: 0.5pt;
white-space: normal;
text-decoration: none;
position: absolute;
left: 650px;
	top : 65px
}
#conceptionTexte a{
font-size: 0.8em;
color: #CCC;
font-family: georgia;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-align: right;
line-height: normal;
text-transform: none;
word-spacing: normal;
letter-spacing: 0.5pt;
white-space: normal;
text-decoration: none;
}
/*---------------------------------------------------------------*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu
{
position: absolute;
top: 302px;
left: 260px;
z-index: 100;
width: 100%;
font-size: 0.9em;
}
#menu dl {
float: left;
width: 70px;
}
#menu dt {
}
#menu dd {
display: none;
}
#menu li
{
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
font-size: 0.9em;
line-height: 11pt;
background: none;
}
#menu li a, #menu dt a {
font-family: Georgia, "Times New Roman", Times, serif;
color: black;
text-decoration: none;
display: block;
height: 100%;
border: none;
line-height: 11pt;
font-style: normal;
text-decoration: none;
font-size: 0.9em;
background: none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
text-decoration: none;
font-size: 0.9em;
background: #FFFFFF;
}
#menu li a {
background: #FF70C6;
}
#menu1
{
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 9px 0 0 10px;
line-height: normal;
font-size: 0.9em;
}
#menu2
{
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 7px 0 0 18px;
line-height: normal;
font-size: 0.9em;
}
#menu3 {
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 3px 0 0 9px;
line-height: normal;
font-size: 0.9em;
}
#menu4 {
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 2px 0 0 10px;
line-height: normal;
font-size: 0.9em;
z-index: 101;
}
#menu5 {
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 4px 0 0 0px;
line-height: normal;
font-size: 0.9em;
}
#menu6
{
float: left;
height: 24px;
padding: 2px 0 0 0px;
font-size: 0.9em;
}
#menu7
{
float: left;
height: 24px;
padding: 0px 0 0 0;
margin: 2px 18px 0 15px;
font-size: 0.9em;
}
#new
{
background-image: url(media/newmenu.png);
background-repeat: no-repeat;
background-position: left;
text-align: left;
text-decoration: none;
text-indent: 16px;
}
/*---------------------------------------------------------------*/
/*News*/

.titre
{
font-weight: bold;
font-size: 21px;
color: black ;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
text-decoration: none;
text-align: left;
line-height: 0pt;
}
.date
{
line-height: 9pt;
color: D91D13;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
}
.texte
{
line-height: 12pt;
color: black;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
}
.image
{
float: right;
text-align: right;
}
.lien
{
font-family: georgia;
line-height: 13pt;
color: #000;
font-size: 12pt;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
.lien a, a:focus 
{
font-family: georgia;
line-height: 13pt;
color: #000;
font-size: 12pt;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
.lien a:hover
{
font-family: georgia;
line-height: 13pt;
color: #FFF;
font-size: 12pt;
font-style: italic;
font-weight: normal;
background: #FF70C6;
}
.separateur
{
line-height: 9pt;
color: #FF70C6;
font-size: 7pt;
font-style: normal;
font-weight: normal;
font-family: Times, serif;
}
#separateurPeinture
{
line-height: 9pt;
color: #FF70C6;
font-size: 7pt;
font-style: normal;
font-weight: normal;
font-family: Times, serif;
margin: 0 0 0 25em;
}
/*---------------------------------------------------------------*/
/*Demarche*/
#genre
{
font-weight: bold;
font-size: 14px;
color: WHITE;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
text-decoration: none;
text-align: left;
line-height: 0pt;
background: #FF70C6;
float: left;
}
#annee
{
font-weight: bold;
font-size: 14px;
color: black;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
text-decoration: none;
text-align: left;
line-height: 0pt;
background: #FFD7EA;
float: left;
display: inline;
clear: left;
}
#texteExpo
{
line-height: 12pt;
color: black;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
padding-left: 40px;
}
/*---------------------------------------------------------------*/
/*Peinture*/
/* separate the list from surrounding elements */
.multiList ol
{
margin: 1em 0 0 0em;
padding: 0;
}
.multiList ol li
{
	/* Stipulate the height of each item so that 
  vertical return = items * height */
	line-height: 1.6em;
	/* Clear the default margins & padding 
  so we can style the list from scratch */
	color: #000;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 0;
}
/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

/* horizontal position of each column */

.multiList ol li.column1 {
margin-left: 0em;
}
.multiList ol li.column2 {
margin-left: 15em;
}
.multiList ol li.column3 {
margin-left: 30em;
}  
.multiList ol li.column4 {
margin-left: 45em;
}
/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

.multiList li.reset{
margin-top: -16em;
}

/* anchor styling */
.multiList ol li a:link, ol li a:visited
{
color: #000;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
display: block;
width: 15em;
text-decoration: none;
line-height: 1.6em;
}
.multiList ol li.column4 a:link, ol li.column4 a:visited {  
  width: 7em; 
}

.multiList ol li a:hover
{
background-color: #FF70C6; /* brown */
  color: #FFF;
text-decoration: none;
line-height: 1.6em;
} 
.multiList a.new
{
background-image: url(media/new.png);
background-repeat: no-repeat;
background-position: left;
text-align: left;
text-decoration: none;
text-indent: 16px;
}
/*---------------------------------------------------------------*/
/*Lien*/
/* separate the list from surrounding elements */

.lienList ol
{
margin: 1em 0 0 2em;
padding: 0;
}
.lienList ol li
{
	/* Stipulate the height of each item so that 
  vertical return = items * height */
	line-height: 1.6em;
	/* Clear the default margins & padding 
  so we can style the list from scratch */
	color: #000;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 0;
}
/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

/* horizontal position of each column */

.lienList ol li.Liencolumn1 {
margin-left: 0em;
}
.lienList ol li.Liencolumn2 {
margin-left: 15em;
}
.lienList ol li.Liencolumn3 {
margin-left: 30em;
}
/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

.lienList li.resetL{
margin-top: -16em;
}
/* anchor styling */
.lienList ol li a:link, ol li a:visited
{
color: #000;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
display: block;
width: 15em;
text-decoration: none;
line-height: 1.6em;
}
.lienList ol li a:hover
{
background-color: #FF70C6;
color: #FFF;
text-decoration: none;
line-height: 1.6em;
}
/*---------------------------------------------------------------*/
/*conteneurPopup*/

.conteneurPopup
{
font-family: Georgia, "Times New Roman", Times, serif;
border: none;
text-decoration: none;
margin: 0;
padding: 20px 0 0px 0;
color: #000;
font-size: 11pt;
font-weight: bold;
background-color: #c0c0c0;
}
.conteneurPopup caption
{
font-family: Georgia, "Times New Roman", Times, serif;
border: none;
text-decoration: none;
margin: 0;
color: #000;
font-size: 11pt;
font-weight: bold;
}
.conteneurPopup th
{
font-family: Georgia, "Times New Roman", Times, serif;
border: none;
text-align: right;
text-decoration: none;
width: 80px;
line-height: normal;
margin: 0px;
padding: 0px;
font-size: 9pt;
font-weight: bold;
}
.conteneurPopup td
{
font-family: Georgia, "Times New Roman", Times, serif;
border: none;
text-align: left;
text-decoration: none;
color: white;
line-height: normal;
margin: 0px;
padding: 0 0 0 9px;
font-size: 9pt;
font-weight: normal;
}
.conteneurPopup #image
{
border-color: #FF70C6;
border-width: 1px;
border-style: none none dotted none;
width: 100%;
margin: 0 0 20px 0;
padding: 0;
}
/*---------------------------------------------------------------*/
/*video*/
#rubriqueVideoDescriptif
{
line-height: normal;
color: black;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
padding: 10px 0 0 40px;
}
/*---------------------------------------------------------------*/
/*serigraphie*/

.serigraphie
{
line-height: 12pt;
color: black;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
}
.serigraphie #titre
{
font-weight: bold;
font-size: 12pt;
color: black;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
text-decoration: none;
text-align: left;
line-height: normal;
}
.serigraphie #date
{
line-height: 9pt;
color: #D91D13;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
}
.serigraphie #texte
{
line-height: normal;
color: black;
font-size: 12pt;
font-style: normal;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
}
.serigraphie #image
{
text-align: center;
margin: 0 0px 0px 0px;
padding: 10px 0px 10px 0px;
}
.serigraphie #legende
{
font-family: Georgia, "Times New Roman", Times, serif;
border: none;
color: #000;
text-align: right;
text-decoration: none;
width: 80px;
line-height: normal;
font-size: 9pt;
font-weight: bold;
}
.serigraphie td
{
font-family: Georgia, "Times New Roman", Times, serif;
border: none;
text-align: left;
text-decoration: none;
color: #999;
line-height: normal;
margin: 0px;
padding: 0 0 0 9px;
font-size: 9pt;
font-weight: normal;
}
.serigraphie #rubriqueSerigraphieDescriptif
{
line-height: normal;
color: black;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
border-bottom: #FF70C6;
border-width: 0 0 1px 0;
border-style: none none dotted none;
margin: 0px;
padding: 0 0 0 5px;
}
/*---------------------------------------------------------------*/
/*Projet*/

.projet
{
line-height: 12pt;
color: black;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
}
.projet #titre
{
font-weight: bold;
font-size: 21px;
color: black;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
text-decoration: none;
text-align: left;
line-height: normal;
}
.projet #date
{
line-height: 9pt;
color: D91D13;
font-size: 13;
font-style: normal;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
}
.projet #texte
{
line-height: normal;
color: black;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
}
.projet #image
{
text-align: center;
margin: 0 0px 0px 0px;
padding: 10px 0px 10px 0px;
}
.projet #legende
{
font-family: Georgia, "Times New Roman", Times, serif;
border: none;
color: #000;
text-align: right;
text-decoration: none;
width: 80px;
line-height: normal;
font-size: 9pt;
font-weight: bold;
}
.projet td
{
font-family: Georgia, "Times New Roman", Times, serif;
border: none;
text-align: left;
text-decoration: none;
color: #999;
line-height: normal;
margin: 0px;
padding: 0 0 0 9px;
font-size: 9pt;
font-weight: normal;
}
//---------------------------------------------------------//
/*formulaire*/
.coordonnee {
margin: 0px;
padding: 0px;
}
form.PrettyForm
{
font-family: "Helvetica", Verdana, Arial;
font-size: 1em;
color: #333;
margin: 0px;
padding: 0 0 0 30px;
text-decoration: none;
border: none;
width: 400px;
}
form.PrettyForm fieldset {
border-top: 1px solid #FF70C6;
border: none;
margin: 0  0 0 30px;
padding: 0;
width: 400px;
}
form.PrettyForm legend {
font-family: "Helvetica", Verdana, Arial;
padding-left: 0;
font-weight: bold;
}
form.PrettyForm label
{
font-family: "Helvetica", Verdana, Arial;
display: inline;
line-height: 1.8;
vertical-align: middle;
width: 75px;
margin: 0 10px 0 0;
text-align: right;
float: left;
}
form.PrettyForm fieldset ol {
margin: 0;
padding: 0;
}
form.PrettyForm fieldset li {
font-family: "Helvetica", Verdana, Arial;
list-style: none;
padding: 5px;
margin: 0;
border: none;
border-top: 1px solid #FF70C6;
}
form.PrettyForm fieldset input
{
font-family: "Helvetica", Verdana, Arial;
width: 200px;
padding: 1px;
color: #666;
border-color: #555 #CCC #CCC #555;
border-width: 1px;
border-style: solid;
vertical-align: middle;
font-size: 1em;
}
form.PrettyForm fieldset textarea
{
font-family: "Helvetica", Verdana, Arial;
width: 300px;
padding: 1px;
color: #666;
border-color: #555 #CCC #CCC #555;
border-width: 1px;
border-style: solid;
vertical-align: middle;
font-size: 1em;
}
form.PrettyForm fieldset input:focus {
font-family: "Helvetica", Verdana, Arial;
width: 200px;
background: #efefef;
color: #666;
vertical-align: middle;
font-size: 1em;
}
form.PrettyForm fieldset textarea:focus  {
font-family: "Helvetica", Verdana, Arial;
width: 300px;
background: #efefef;
color: #666;
vertical-align: middle;
font-size: 1em;
}
#ok
{
clear: left;
text-align: left;
padding: 0 1em 0 1em;
}
#ok input
{
font-family: "Helvetica", Verdana, Arial;
width: 75px;
border: 1px solid #333;
padding: 0 1em 0 1em;
background: #555;
color: FF70C6;
font-size: 0.9em;
}
#ok input:hover, input:focus
{
font-family: "Helvetica", Verdana, Arial;
width: 75px;
border: 1px solid #333;
padding: 0 1em 0 1em;
color: #FFF;
font-size: 0.9em;
background-color: FF70C6;
}
//---------------------------------------------------------//
/*formulaire*/