/* CSS Document */

* {
padding:0;
margin:0;
}

body {
background:url(images/bg_ligne.jpg) no-repeat left 116px;
background-color:black;
color:white;
}

#global {
width:955px;
background:url(images/bg_body.jpg) no-repeat top left;
margin:0 auto;
}

p {
font-size:12px;
text-align:justify;
margin-top:4px;
}

h2 {
height:37px;
padding:2px 0 0 40px;
font-weight:normal;
font-size:26px;
text-align:left;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_h2b.png',sizingMethod='crop');
}

html>body h2 {
filter:none;
background:url(images/bg_h2b.png) no-repeat;
}

#nom {
float:left;
width:755px;
text-align:left;
}

h1 {
padding-top:15px;}

h1 a {
color:#e1320a;
text-decoration:none;
font-weight:normal;
font-size:60px;
padding-left:40px;
}

#menu {
float:left;
}

#bandeau {
height:120px;
}

#bandeau ul {
width:200px;
list-style-type:none;
display:block;
padding-top:5px;
}


#bandeau ul li a {
color:#e1320a;
text-decoration:none;
text-align:right;
padding-right:30px;
font-size:18px;
padding-top:2px;
display:block;
padding-bottom:4px;
}

#bandeau ul li a:hover {
color:#f0e200;
text-decoration:none;
}

#accueil {
background:url(images/menu_1a.jpg) no-repeat right top;
}

#accueil:hover {
background:url(images/menu_1b.jpg) no-repeat right top;
}

#bandeau ul li #accueil2 {
background:url(images/menu_1b.jpg) no-repeat right top;
color:#f0e200;
}


#magie {
background:url(images/menu_3a.jpg) no-repeat right top;
}

#magie:hover {
background:url(images/menu_3b.jpg) no-repeat right top;
}

#bandeau ul li #magie2 {
background:url(images/menu_3b.jpg) no-repeat right top;
color:#f0e200;
}

#savoir {
background:url(images/menu_2a.jpg) no-repeat right top;
}

#savoir:hover {
background:url(images/menu_2b.jpg) no-repeat right top;
}

#bandeau ul li #savoir2 {
background:url(images/menu_2b.jpg) no-repeat right top;
color:#f0e200;
}

#contact {
background:url(images/menu_4a.jpg) no-repeat right top;
}

#contact:hover {
background:url(images/menu_4b.jpg) no-repeat right top;
}

#bandeau ul li #contact2 {
background:url(images/menu_4b.jpg) no-repeat right top;
color:#f0e200;
}

.clear {
clear:both;
}

#milieu {
font-size:14px;
}

#milieu ul {
padding:100px 0 0 310px;
list-style-type:none;
display:block;
text-align:left;
}

#milieu li {
background:url(images/puce.jpg) no-repeat left 7px;
padding-left:25px;
line-height:20px;
}

#contenu {
padding-top:40px;
}

#diapo {
background:url(images/bg_diapo2.gif) no-repeat center top;
width:347px;
height:200px;
float:left;
}

#img1 {
float:left;
margin-right:10px;
}

#presentation {
width:438px;
float:left;
}

#presentation p {
background:url(images/puce2.gif) no-repeat 12px 10px;
padding-left:20px;}

#pieds {
text-align:center;
font-size:11px;
padding-top:20px;
}

#pieds p {
text-align:center;
font-size:11px;
}

#pieds ul li{
display:inline;
border-right:white 1px solid;
margin-right:6px;
padding-right:3px;
}

#pieds ul li a {
color:white;
text-decoration:none;
}

#pieds ul li a:hover {
text-decoration:underline;
}

#pieds ul #noborder {
border:none;
}

#vignettes {
width:30px;
float:left;
padding-left:33px;
padding-right:7px;
}

#diapo #vignettes img {
margin-top:3px;
border:none;
cursor:pointer;
}

#diapo img {
border:black 1px solid;
float:left;
margin-top:6px;
}

#tt{
    text-align:center;
    margin-top:20px;
}

#tt p {
text-align:center;
}

#tt a{
    font-size:9px;
    color:white;
	text-decoration:none;
}

#tt a:hover{
	text-decoration:underline;
}

/* #################################################### PAGE MAGIE ET BALLONS ##################################################### */

#global2 {
width:955px;
background:url(images/bg_body2.jpg) no-repeat top left;
margin:0 auto;
}

#body2 {
background:url(images/bg_ligne.jpg) no-repeat left 79px;
background-color:black;
color:white;
}

.article {
width:430px;
float:left;
padding:0 0 0 25px;
}

.article img {
float:left;
margin-top:6px;
margin-right:5px;
border:white 1px solid;
}

.text_article {
float:left;
width:285px;
}

.article p {
background:url(images/puce2.gif) no-repeat 1px 10px;
padding-left:11px;
}

#milieu2 {
padding:125px 0 0 0;
}

#milieu2 #diapo {
margin-top:20px;
}

#global2 h1 a {
color:#e1320a;
text-decoration:none;
font-weight:normal;
font-size:48px;
padding-left:40px;
}

/* ##################################################### PAGE CONTACT ########################################## */

#global3 {
width:955px;
background:url(images/bg_body3.jpg) no-repeat top left;
margin:0 auto;
}

#global3 h1 a {
color:#e1320a;
text-decoration:none;
font-weight:normal;
font-size:48px;
padding-left:40px;
}

#coord {
background:url(images/bg_coord.gif) no-repeat 230px 15px;
height:73px;
width:438px;
padding:15px 0 0 178px;
}




.coord2 {
width:146px;
float:left;
padding-top:42px;
}

.coord2 p {
text-align:center;
margin-top:0px;
}

#contenu2 {
padding-top:30px;
padding-left:200px;
width:408px;
}

/*------------------formulaire-------------*/

#form{
    padding:10px 0 0 120px;
    margin:0;
}

label{
    display:block;
    float:left;
    width:70px;
}

.input{
    width:210px;
    height:15px;
    border:solid 1px #e1320a;
    padding:0px 0px 0px 3px;
    margin:0px 0px 5px 0px;
}

textarea{
    width:210px;
    height:60px;
    border:solid 1px #e1320a;
    padding:0px 0px 0px 3px;
    margin:0px 0px 5px 0px;
}

#bouton{
    display:block;
    width:53px;
	height:32px;
    padding:0px 0px 0px px;
    margin:0px 0px 0px 230px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/envoyer.png',sizingMethod='crop');
	background-color:black;
	border:none;
    cursor:pointer;
}

html>body #bouton {
filter:none;
background: url(images/envoyer.png) no-repeat;;
}

/* ################################ MENTIONS LEGALES ################################## */

#mentions {
width:500px;
}

.bold {
font-weight:bold;
padding-top:5px;
}

#mentions p {
text-align:center;
}

#milieu3 {
padding:95px 0 0 140px;
}