html
{
font-size: 100%;
}
body {
font: 0.8em "Trebuchet MS", verdana, arial, sans-serif ;
background-color: #6a0000;
width: 95%;
max-width: 1200px;
min-width: 700px;
padding: 0 ; /*pour Opera */
text-align: center ; /*  text-align: center pour IE */
margin : auto;
margin-bottom: 0px;
margin-top : 0px;
color: #fff9e6;
}
#page a img
{
border : none;
}
div#conteneur
{
	width: 88% ; 
	margin: 0 auto; 
	text-align: justify ; 
	background: #fff9e6;
	color : black;
	padding-bottom : 30px;
}
div#header
{
width: 100% ; 
margin : auto;
text-align : left;
		}
#header .a1
{
text-align : center;
background: #fff9e6;
margin-left: 30px;
}
#header .a2
{
text-align: center;
background: #fff9e6;
padding-left: 35px;
}
#header .a4
{
text-align: center;
background: #fff9e6;
margin-left: 35px;
}
ul#menu
{
	height: 20px ;
	padding: 0 ;
	margin : 0 ;
	list-style-type: none ;
	text-align: center;
	width : 100%;
	margin-left : 40px;
			}
	
ul#menu li
{
	float: left;
	text-align: center ;
	margin: auto;
	margin-top: 0px ;
	
	}

ul#menu li a 
{
	width: 110px ;
	line-height: 23px ;
	font-size: 1em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff9e6 ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #fff9e6 ;
	background : #990000;
	text-align: center ;
	-moz-border-radius-topright : 30px;
	-moz-border-radius-topleft : 30px;
	}

ul#menu li a:hover 
{
	background: #d20000;
}

#menu li#active
{
background-color: #fe980e ;
color: #ffffff ;
	-moz-border-radius-topright : 30px;
	-moz-border-radius-topleft : 30px;
}

#menu li#active a:link
{
background-color: #fe980e ;
color: #ffffff ;
}

#menu li#active a:visited
{
background-color: #fe980e ;
color: #ffffff ;
} 
div#contenu
{
	padding: 0 15px 0 10px ;
	margin : 0;
	width: 90%;
	margin-left: 45px;

	margin-bottom: 0px;
	 }

div#contenu h1
{
	width : 80%;
	margin-left: 3px ;
	padding-right: 15px ;
	padding-left: 10px ;
	margin-top: 15px;
	margin-bottom: 20px;
	margin-right : 100px;
	padding-top: 15px;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #890110 ;
	border-bottom: 1px solid #890110 ;
}

div#contenu h2
{
	width : 60%;
	margin-left: 170px ;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-left: 5px ;
	border-bottom: 1px solid #890110 ;
	color:  #890110;
	font-size: 1.4em ;
	text-indent : 30px;
	background : #ffffcb;
}
div#contenu h3
{
color : #890110;
font-size : 1,1em;
text-decoration : underline;
text-transform: capitalize;
font-weight : normal;
}
div#contenu p
{
	text-align: justify ;
	line-height: 1.7em ;
	font-size: 1em;
	margin-right: 20px;
	margin-left : 20px;
			}
#contenu q
{
display : block;
font-style: italic;
font-size: 1em;
text-align: center;
}
#contenu q.q2
{
display: block;
font-style: italic;
text-align : justify;
}
#contenu blockquote
{
font-style: italic;
}
div#contenu a		
{
	color: #0000ff ;
}
#contenu a img
{
border: none;
}
#contenu strong
{
font-weight: normal;
}
#contenu em
{
font-weight: normal; 
font-style : normal;
}
#contenu li
{
padding-bottom : 30px;
}

#contenu .filariane
{
margin-top : 18px;
margin-bottom : 15px;
font-size : 0.9em;
}
#contenu .accueil
{
color: #890110;
}
#contenu .accueil2
{
margin-left: 118px;
}
.news
{
width : 16%;
float : right;
text-align : center;
background : #fff9e6;
margin-right : 20px;
margin-left :35px;
padding-bottom : 10px;
}

.newsletter
{
background : #f6ddc3;
width :100%;
text-align : center;
padding-top : 15px;
padding-bottom : 15px;
margin-bottom : 25px;
padding-left : 3px;
padding-right : 3px;
	-moz-border-radius-topright : 20px;
	-moz-border-radius-topleft : 20px;
	-moz-border-radius-bottomright : 20px;
	-moz-border-radius-bottomleft : 20px;
	}
.nouveautes 
{
width : 100%;
background : #fff3af;
padding-top : 20px;
padding-bottom : 20px;
margin-bottom : 25px;
padding-left : 0px;
padding-right : 1px;
	-moz-border-radius-topright : 20px;
	-moz-border-radius-topleft : 20px;
	-moz-border-radius-bottomright : 20px;
	-moz-border-radius-bottomleft : 20px;
}
.partenaires
{
width : 100%;
background : #f5ddd8;
padding-top : 20px;
padding-bottom : 20px;
margin-bottom : 40px;
padding-left : 0px;
padding-right : 1px;
	-moz-border-radius-topright : 20px;
	-moz-border-radius-topleft : 20px;
	-moz-border-radius-bottomright : 20px;
	-moz-border-radius-bottomleft : 20px;
}
.videos
{
background : #f5ddd8;
padding-top : 20px;
padding-bottom : 20px;
margin-top : 40px;
margin-bottom : 40px;
padding-left : 5px;
padding-right : 5px;
	-moz-border-radius-topright : 20px;
	-moz-border-radius-topleft : 20px;
	-moz-border-radius-bottomright : 20px;
	-moz-border-radius-bottomleft : 20px;
}
.actu
{
background : #e4ffaf;
padding-top : 20px;
padding-bottom : 20px;
margin-top : 40px;
margin-bottom : 40px;
padding-left : 5px;
padding-right : 5px;
	-moz-border-radius-topright : 20px;
	-moz-border-radius-topleft : 20px;
	-moz-border-radius-bottomright : 20px;
	-moz-border-radius-bottomleft : 20px;
}
.propos
{
background : #ffd3af;
padding-top : 20px;
padding-bottom : 20px;
margin-top : 40px;
margin-bottom : 40px;
padding-left : 5px;
padding-right : 5px;
	-moz-border-radius-topright : 20px;
	-moz-border-radius-topleft : 20px;
	-moz-border-radius-bottomright : 20px;
	-moz-border-radius-bottomleft : 20px;
}
.black
{
color : #403d3d;
}
.miniatures
{
text-align : center;
border : 2px solid #890110;
width : 85%;
padding-top: 10px;
padding-bottom: 10px;
margin: auto;
margin-bottom : 50px;
margin-top: 50px;
}
.miniatures2
{
width: 85%;
margin : auto;
text-align: center;
}
.miniatures3
{
width: 95%;
margin : auto;
text-align: center;
margin-bottom : 850px;
margin-top: 50px;
margin-left : 30px;
}
.imgcenter
{
text-align : center;
}
#contenu .mini
{
border-right : 3px solid #fff9e6;
border-bottom : 1px solid #fff9e6;
text-align : center;
}
#contenu .mini2
{
border-right : 25px solid #fff9e6;
border-bottom : 1px solid #fff9e6;
text-align : center;
}
#contenu .mini3
{
border-right : 3px solid #fff9e6;
border-left : 3px solid #fff9e6;
border-bottom : 7px solid #fff9e6;
text-align : center;
}
#contenu.numero
{
color: #890110;
font-size : 1em;
font-weight : bold;
}
#contenu p.leg
{
font-size: 0.9em;
text-align : center;
margin : 0;
padding :0;
}
#contenu p.leg2
{
font-size: 0.8em;
text-align : center;
margin : 0;
padding :0;
}
#contenu p.leg3
{width : 85%;
font-size: 0.9em;
text-align : center;
margin : 0;
padding :0;
}
#contenu div.legende
{
float: right;
margin-left: 30px;
margin-bottom: 25px;
}
#contenu div.legende2
{
float: left;
margin-bottom: 25px;
}


div#footer
{
	margin: 0 ;
	margin-top : 170px;
	padding-right: 10px ;
	line-height: 25px ;
	text-align: left ;
	color: black ;
	font-size: 0.85em;
	padding-top : 5px;
	text-align: center;
	}
	
.imageflottante
{
float: right;
margin-left: 40px;
margin-bottom: 5px;
padding-left : 30px;
}
.imageflottante2
{
float: left;
margin-right: 20px;
margin-bottom: 10px;
padding-right: 25px;
padding-left: 25px;
padding-bottom : 10px;
}
.imageflottante3
{
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.imageflottante4
{
display: block;
text-align : center;
}

/*accueil*/
div#contenu h2#cours, div#contenu h2#cdessin, div#contenu h2#stages, div#contenu h2#pro
{
	margin-left: 170px ;
	margin-top: 50px;
	margin-bottom: 35px;
	padding-left: 5px ;
	border-bottom: 1px solid #890110 ;
	color:  #890110;
	font-size: 1.4em ;
	text-indent : 30px;
	width: 65%;
	background : #ffffcb;
}
h3
{
padding-bottom : 15px;
}
#contenu div.b3
{width : 30 px;
float : left;

margin-left: 0px;
margin-bottom: 40px;
}
#contenu div.b1
{width : 78%;
margin-top: 35px;
margin-bottom: 40px;
}
#contenu div.b2
{width : 95%;
margin-top: 5px;
margin-bottom: 10px;
}
#contenu p.c2
{
text-align: center;
margin : auto;
padding-bottom : 35px;
}
#contenu p.c3
{
text-align: center;
margin : auto;
padding-bottom : 12px;
}
#contenu p.c4
{
text-align: center;
margin : auto;
padding-bottom : 45px;
}
#contenu p.c5
{
text-align: center;
margin : auto;
padding-bottom : 40px;
padding-top: 45px;
}
#contenu p.c6
{
text-align: center;
margin : auto;
padding-bottom : 20px;
padding-top: 20px;
}
#contenu p.c7
{
text-align: center;
margin : auto;
padding-bottom : 20px;
padding-top: 410px;
}
#contenu p.c8
{
text-align: center;
margin : auto;
padding-bottom : 20px;
padding-top: 310px;
}
#contenu p.centrer
{
text-align: center;
margin : auto;
margin-top: 0;
}
#contenu p.up
{
padding-top : 20px;
}
#contenu p.up2
{
padding-top : 35px;
}
#contenu p.up3
{
padding-top : 15px;
}
#contenu p.up4
{
padding-top : 230px;
padding-bottom: 15px;
}
#contenu p.up5
{
padding-top : 300px;
padding-bottom: 15px;
}
#contenu p.l
{
padding-bottom : 35px;
}
#contenu p.l2
{
padding-bottom : 20px;
}
#contenu li.suite
{
padding-bottom : 5px;
}
#contenu li.suite2
{
padding-bottom : 15px;
}
#contenu .st1
{
text-align : center;
text-transform: uppercase;
width :100%;
}
#contenu .st2
{
font-weight: bold;
text-align: center;
padding-bottom: 15px;
}
.honor
{
padding-top: 10px;
padding-bottom: 8px;
font-size : 0.9em;
text-align: left;
font-style: italic;
text-indent : 0;
}
.deco
{
color : #890110;
font-size : 1,4em;
text-decoration : underline;
text-transform: capitalize;
font-weight : bold;
padding-top : 20px;
}
.breves
{
color: #890110;
text-decoration: underline;
font-variant: small-caps;
font-weight: bold;
}
.space
{
line-height: 1.9em;
padding-bottom: 10px;
}
.space2
{
line-height: 1.9em;
padding-top: 20px;
padding-bottom: 10px;
}
.space3
{
line-height: 1.9em;
padding-top: 15px;
padding-bottom: 40px;
}
.back
{
padding-top : 15px;
padding-bottom : 15px;
}
.imgh
{
float: right;
margin-left: 35px;
margin-bottom: 5px;
margin-top: 10px;
padding-left : 25px;
}
.imgb
{
float: left;
margin-right: 20px;
margin-bottom: 10px;
margin-top: 10px;
padding-right: 25px;
padding-left: 25px;
padding-bottom : 10px;
}
.img
{
float: right;
margin-left: 35px;
margin-bottom: 5px;
padding-left : 25px;
}
.img2
{
float: left;
margin-right: 20px;
margin-bottom: 10px;
padding-right: 25px;
padding-left: 25px;
padding-bottom : 10px;
}
.img3
{
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.img4
{
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-bottom: 12px;
}
.img5
{
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-bottom: 35px;
}
.img6
{
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-bottom: 18px;
padding-top: 50px;
}
.img7
{
float: right;
margin-left: 40px;
margin-bottom: 5px;
margin-top: 45px;
padding-left : 30px;
}
.img8
{
float: left;
margin-right: 20px;
margin-bottom: 10px;
margin-top: 18px;
padding-right: 25px;
padding-left: 25px;
padding-bottom : 10px;
}
.img9
{
float: left;
margin-right: 10px;
margin-bottom: 5px;
padding-right: 8px;
padding-left: 8px;
padding-bottom : 10px;
}
.b5
{width : 78%;
margin-top: 35px;
margin-bottom: 40px;
}
.b6
{width : 95%;
margin-top: 5px;
margin-bottom: 10px;
}
.p1
{
float : left;
text-align : center;
margin-top: 25px;
margin-bottom: 30px;
padding-left: 25px;
}
.p2
{
float : right;
text-align : center;
margin-top: 25px;
margin-bottom: 30px;
}
.p3
{
float : center;
text-align : center;
margin-top: 20px;
margin-bottom : 50px;
}
.p6
{
float : center;
text-align : center;
margin-top: 40px;
padding-top: 50px;
padding-bottom: 60px;
}
.l1
{
margin-top: 20px;
}
.l2
{
margin-top: 25px;
margin-left: 162px;
padding-right: 15px;
}
.l3
{
margin-top : 20px;
}
.l4
{
padding-bottom : 30px;
}
.l5
{
padding-bottom : 15px;
}
.l6
{
padding-bottom : 110px;
}
.l7
{
padding-bottom : 67px;
}
.l8
{
padding-bottom : 150px;
}
.l9
{
padding-bottom : 260px;
}
.l10
{
text-align: justify ;
	line-height: 1.7em ;
	font-size: 1em;
	margin-right: 20px;
	margin-left : 20px;
	}
.l11
{
padding-bottom : 360px;
}	
.l12
{
padding-bottom : 460px;
}	
.m1
{
text-align : center;
border : 2px solid #890110;
width : 85%;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom : 50px;
margin: auto;
}


/*Atelier et Artiste*/
.tour
{
display: block;
margin-top : 150px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.tour2
{
display: block;
margin-top : 450px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
/* oeuvre-premices */
#contenu .st3
{
font-weight: bold;
text-align: center;
color : #890110;
font-size : 1.1em;
}
.ligne
{
width: 70%;
text-align: center;
font-size: 1px;
line-height: 0.1px;
}
/*formulaire*/
 input, textarea
 {
font-family: "Trebuchet MS", Verdana, serif;
      }
 input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
   {
background-color: #FFFF99;
  }
 legend 
 {
 color: #890110;
 font-weight: bold;
      }
 fieldset
      {
  margin-bottom: 20px; /* Une marge pour séparer les fieldset */
  width: 35%;
      }
/*Plan du site*/
table
{
   width : 90%;
   border-collapse: collapse;
   margin : auto;
   }
td
{
   text-align: left; 
   padding :  10px; 
   padding-bottom : 15px;
   margin : auto;
   width : 33%;
   }
td.ttableau
{
   margin : auto;
   text-align: left; 
   height : 8px;
}
td.ttableau2
{
   margin : auto;
   text-align: center; 
   height : 8px;
}

div#contenu h2#plan2
{
	width : 100%;
	margin : auto ;
	color:  #890110 ;
	font-size: 1.2em ;
	text-indent : 30px ;
	background : none;
	border-bottom: none ;
	margin-left: 0 px;
	margin-top: 0px ;
	padding-left: 0px ;
	text-indent : 0px;
	text-decoration : underline;
}