@charset "utf-8";
/* CSS Document */

* {margin: 0;border: 0;padding: 0;}
html {height:auto; background-color: #161F28;}
body {height:100%;margin:0;padding:0;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:100%;font-weight: lighter;color: white;background-color: #161F28;}
html, body{-webkit-text-size-adjust:none;}
body a {list-style:none;text-decoration:none;border:0;color:#FFF;}
body a:hover, body a:focus, body a:active {color:white;text-decoration: none;}
body img {border:0;}
a:focus  {outline: none;}
h1 {font-size:1.7em;line-height:1.2em;}
h1 a{color: #FFF;text-decoration: none;} h1 a:hover{color:#F8B707;text-decoration: none;}
h2 {font-size:1.3em;line-height:1.3em;font-weight:lighter;padding:0; margin:0;}
h2 a{color: white;text-decoration: none;}
h3 {font-size:1.2em;font-weight:lighter;line-height:1.2em;padding:0;}

.both{clear: both;}
.bothleft {clear:left;}
.center {text-align:center;}
.left {text-align:left;}
.justify {text-align:justify;}
.flex-height{max-height:100%; width:auto; margin:0; padding:0;}
.flex-width{max-width:100%; height:auto; margin:0; padding:0;}
.bold {font-weight:bold;}
.blu {color:#86C8E0;} .blu a{color:#86C8E0;}
.blu a:hover, .blu a:focus, .blu a:active {color:white;text-decoration: none;}
.red {color:red;}
.green {color: #0C0;}
.jaune {color: #FFFF00;}
.jaune a{color: #FFFF00;}
.orange {color: #fe4e27;}
.white {color: white;}
.border {border:1px solid white;}
.padding50 {padding:0 7%;}
.50p {width:50%; height:auto; background-color:red;}
#conteneur-site {width:100%;height:auto;margin:0 auto ;padding:0;text-align:center;}
#conteneur_mobile {width:100%;height:45px;margin:0 auto 0 auto;border-bottom:2px solid red;margin-top:5px;display:none;}
#conteneur-navigation {width:100%;height: 30px;line-height:30px;margin:0 auto ;font-size:1em;font-weight:lighter;text-align:center;background-color:#313041;border-bottom:1px red solid;}
#navigation {margin: 0 auto;width:80%;padding: 0 ;list-style: none ;}
#navigation li {display: inline ;margin:0 2.1%;float:none;padding:0;}
#navigation ul.navigation {margin:0; width:auto;padding:0;}
#navigation li a {color:#fff;text-decoration:none;text-align:center;}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {color:#86C8E0;}

#header {width:80%;height:110px;margin:0 auto;padding:0;}
#header_logo {width:35%;height:40px;margin: 0 auto;padding: 35px 0 35px 22px ;float:left;text-align:left;}
#header_social {width:50%;height:24px;margin: 0 auto;padding: 43px 22px 43px 0 ;float:right;text-align:right;}
#header_social img{margin-left:20px;}

#contenu {width:80%;height:auto;margin: 0 auto;padding: 0 ;background-color:black;}
#slider {width:100%;height:auto;margin: 0 auto;padding: 0 ;}
#home {width:95%;height:400px;margin: 0 auto;padding:2.5%;text-align:justify;font-size:80%;}
#home_left {width:32%;height:auto;margin:0 auto;padding:0;float:left;background-color:black;}
#home_right {width:65%;height:auto;margin: 0 auto;padding: 0 ;float:right;background-color:black;}
#icone {text-align:left;height:auto;}
.icone-magic {width:95%;height:auto;margin: 10px auto;padding: 2.5% ;font-size:12px;}
.magics {max-width:10.79%; height:auto;margin:5px;border:1px solid white;}
.box_home_right {width:21%;height:auto;margin: 0 2% 4% 2%;float:left;}
.box_home_right img{border:1px solid white;}
.separation{width:100%;padding:0;margin:3% auto; border-top:1px red solid;text-align:center;}

#footer1 {width:100%;height:auto;margin: 0 auto;padding: 0 ;text-align:center;}
.box_footer1 {width:29.3%;height:80px;margin: 0 2% 3% 2%;padding:0;float:left;text-align:justify;font-size:0.8em;}
.box_footer1_left {width:25%;height:25%;margin: 0;padding: 0 ;float:left;}
.box_footer1_left img{border:1px solid white;}
.box_footer1_right {width:70%;height:auto;line-height:1em;margin: 0;padding: 0 ;float:right;}
.box_footer1_right h3{text-align:left;}
.box_footer1_right h3 a{ text-decoration:underline;}

.footer2 {width:100%;height:40px;line-height:40px;margin: 0 auto;padding: 0 ;text-align:center;background-color:#313041;border-top:1px red solid;font-size:13px;} .footer2m {display: none;}

#pagina {width:95%;height:auto;margin: 0 auto;padding:2.5% 2.5% 0.5% 2.5%;text-align:justify;font-size:80%;}
#pagina iframe {max-width:100%; height:auto; margin: 0 auto;}
#pagina_left {width:32%;height:auto;margin:0 auto;padding:0;float:left;}
#pagina_left iframe {max-width:100%; height:auto; margin: 0 auto;}
#pagina_right {width:65%;height:auto;margin: 0 auto;padding: 0 ;float:right;}
.box_spectacles {width:10%;height:auto;margin: 1.25% 1.25% 1.25% 1.25%;float:left;}
.box_spectacles img{border:1px solid white;}

.presse {width:14%; height:150px;margin:1%;padding:0;float:left; overflow:hidden;}
.presse img {max-width:100%; height:auto;margin:0;padding:0;}

#contacts {width:95%;height:auto;margin: 0 auto;padding:2.5% 2.5% 0.5% 2.5%;text-align:left;font-size:80%;}
#contacts_left {width:32%;height:auto;margin:0 auto;padding:0;float:left;background-color:black;}
#contacts_right {width:65%;height:auto;margin: 0 auto;padding: 0 ;float:right;background-color:black;}
#contatti_right form {margin-left:0; text-align:left;}
.newsletter {margin:0;width:100%;color: white;text-align:left;}
.corpo {margin:0 auto;width:200px;float:left;color: white;}
.corpo p {margin:0; padding-top:10px;width:200px;}
.corpo2 {margin:0 auto;width:400px;float:left;color: white;}
.corpo2 p {margin:0; padding-top:10px;}
.contactform{width:190px;color: white;font-size:1.3em;line-height:1.3em;font-weight:lighter;}
.contactform2{width:400px;color: white;}
.red{color:#F00;}.invia{width:80px;height:20px;background-color:#F54717;color: #FFF;}
.btn {width:100px;}
.input{width:60%;}

.box_iconemagicien{width:100%;height:90px;margin:10px auto;padding: 0;text-align:center;}
.box_iconemagicien img{padding:0 1.4%;}

#contenu_ventriloquie {width:95%;height:auto;margin: 0 auto;padding:2.5% 2.5% 0.5% 2.5%;text-align:center;font-size:80%;}
#contenu_ventriloquie table{width:70%;height:auto;margin: 0 auto;text-align:left;}
.box-ventriloquie-temoins {border: 1px solid #d5a63c;color: white;margin: 10px auto;padding: 2%;text-align: justify;width: 95%;}
.box-ventriloquie-left {float: left;width: 25%;}
.box-ventriloquie-right {float: right;width: 70%;}
#navi {margin: 0 ;padding: 0 ;list-style: none ;text-align: center ;}
#navi li {display: inline ;margin-right: 1px ;color: #fff ;background: #fe4e27;}

#navi li a {padding: 4px 20px ;background: #fe4e27 ;color: #fff ;border: 1px solid #600 ;font: 1.3em "Trebuchet MS",Arial,sans-serif ;line-height: 1.3em ;text-align: center ;text-decoration: none ;}
#navi li a:hover, #navi li a:focus, #navi li a:active {background: #888;text-decoration: none ;}
#navi_mobile {width:100%;height:45px;margin:5px auto 5px auto;display:none;}


@media only screen and (max-width: 320px) {
h1 {font-size:1.5em;}
#conteneur_mobile {}
.box_home_right {width:45.8%;}
#footer1 {width:94%;height:auto;padding: 0 3% ;}
.box_footer1 {width:96%;height:120px;font-size:1em;}
.box_footer1_right {line-height:1.1em;}
.box_footer1_right h3{font-size:1em;}
.box_spectacles {width:47.5%;}
.footer2m {font-size:0.8em;}
.presse {width:48%; }
.input{width:100%;}
.box_iconemagicien img{max-width:40%;}
.magics {max-width:40%;}
#pagina_left {width:50%;float:none;text-align:center;padding:0; margin:0 auto;}
#pagina_left iframe {width:300px; height:auto; margin: 0 auto;}
#pagina_right {width:50%;height:auto;float:none;padding:0; margin:0 auto;}
#contenu_ventriloquie table{width:98%;}



}

@media only screen and (min-width: 321px) and (max-width: 480px) {
#conteneur_mobile {}
.box_home_right {width:46%;}
#footer1 {width:94%;height:auto;padding: 0 3% ;}
.box_footer1 {width:96%;height:120px;font-size:1.05em;}
.box_footer1_right {line-height:1.2em;}
.box_footer1_right h3{font-size:1.1em;}
.box_spectacles {width:47.5%;}
.footer2m {font-size:0.8em;}
.presse {width:48%; }
.input{width:100%;}
.box_iconemagicien img{max-width:25%;}
.magics {max-width:25%;}
#contenu_ventriloquie table{width:98%;}
	

}


@media only screen and (min-width: 481px) and (max-width: 600px) {
/* Tablet */
#conteneur_mobile {}
.box_home_right {width:29.3%;}
#footer1 {width:94%;height:auto;padding: 0 3% ;}
.box_footer1 {width:96%;height:110px;font-size:1.1em;}
.box_footer1_right {line-height:1.3em;}
.box_footer1_right h3{font-size:1.2em;}
.box_spectacles {width:30.8%;}
.presse {width:31.3%; }
.input{width:100%;}
.box_iconemagicien img{max-width:25%;}
.magics {max-width:25%;}
}

@media only screen and (min-width: 601px) and (max-width: 768px) {
/* Tablet */
#conteneur_mobile {}
.box_home_right {width:29.3%;}
.box_footer1 {width:46%;height:95px;font-size:1em;}
.box_footer1_right h3{font-size:1.1em;}
.box_spectacles {width:30.8%;}
.presse {width:23%; }
.input{width:80%;}
.box_iconemagicien img{max-width:25%;}
.magics {max-width:25%;}


}

@media screen and (max-width: 768px) {
body {font-size:85%;}
.padding50 {padding:0;}
#conteneur_mobile {display:inherit;width:96%;height:auto;margin:0;padding:1% 2%;}
.menu {position:relative;display:inline-block;float:left;}
.menu ul.active {display:none;}
.menu ul {width:150px;position:absolute;top:120%;left:0px;padding:10px 5px;
box-shadow:0px 1px 1px rgba(0,0,0,0.15);border-radius:3px;background:#3A5269;display:inline-block; }
.menu ul:after {width:0px;height:0px;position:absolute;top:0%; left:12px;content:'';
transform:translate(0%, -100%);border-left:7px solid transparent;border-right:7px solid transparent;
border-bottom:7px solid #3A5269;}
.menu li {margin:10px 0px 10px 0px;padding: 2px 3px;list-style:none;font-size:14px;text-align:left;float:none;
display:block; font-weight:bold;}
.menu li:last-child {margin-right:0px;}
.menu a {display:block;text-decoration:none;text-shadow:0px 1px 0px rgba(0,0,0,0.5);
color: white;transition:color linear 0.15s;}
.menu a:hover, .menu .current-item a {text-decoration:none;color:red;}
.toggle-nav {padding:4px 13px 7px 13px;float:left;display:inline-block; box-shadow:0px 1px 1px rgba(0,0,0,0.15);
border-radius:3px;background:#3A5269;text-shadow:0px 1px 0px rgba(0,0,0,0.5);color:#777;font-size:20px;
transition:color linear 0.15s; text-decoration:none;}
.toggle-nav:hover, .toggle-nav:focus, .toggle-nav.active {text-decoration:none;color:#aabb8d;}
#networks {width:auto;float:right;height:40px;margin:0;text-align:right;} #networks img{margin-left:10px;}
#conteneur-navigation {display:none;}
#header {width:100%;height:auto;} #header_logo {width:100%;height:auto;padding: 30px 0 ;float:none;text-align:center;} #header_social {display:none;}
#contenu {width:100%;}
#home {font-size:100%;height:auto;} #home_left {width:96%;padding:2%;float:none;}
#home_right {width:96%;height:auto;padding:2%;float:none;}
#icone {text-align:center;}
.footer2 {display: none;}
.footer2m {display: inherit;width:100%;height:30px;line-height:30px;margin: 0 auto;padding: 0 ;text-align:center;background-color:#313041;border-top:1px red solid;}
#home_left {width:96%;padding:2%;float:none;}
#pagina {width:95%;font-size:100%;height:auto;} 
#pagina_left {width:96%;float:none;text-align:center;padding:0; margin:0 auto;}
#pagina_left iframe {width:300px; height:auto; margin: 0 auto;}
#pagina_right {width:96%;height:auto;float:none;padding:0; margin:0 auto;}

#contacts {font-size:100%;height:auto;} 
#contacts_left {padding:0 2% 0 0;text-align:center;}
#contacts_right h1{text-align:center;}
#contacts_right {width:96%;height:auto;padding:2%;float:none;}
#contacts_left {width:96%;height:auto;padding:2%;float:none;}
#contacts_right {width:96%;height:auto;padding:2%;float:none;}
.box_iconemagicien{height:auto;}

#navi{display:none;}
#navi_mobile {display:inherit;width:96%;height:auto;margin:0 0 2% 0;padding:1% 2%;}
.menu2 {position:relative;display:inline-block;width:200px;}
.menu2 ul.active {display:none;}
.menu2 ul {width:214px;position:absolute;top:120%;left:0px;padding:10px 5px;
box-shadow:0px 1px 1px rgba(0,0,0,0.15);border-radius:3px;background:#3A5269;display:inline-block; }
.menu2 ul:after {width:0px;height:0px;position:absolute;top:0%; left:0;content:'';
transform:translate(0%, -100%);border-left:0px solid transparent;border-right:0px solid transparent;
border-bottom:0px solid #3A5269;width:214px;}
.menu2 li {margin:10px 0px 10px 0px;padding: 2px 3px;list-style:none;font-size:14px;text-align:center;float:none;
display:block; font-weight:bold;}
.menu2 li:last-child {margin-right:0px;}
.menu2 a {display:block;text-decoration:none;text-shadow:0px 1px 0px rgba(0,0,0,0.5);
color: white;transition:color linear 0.15s;width:200px;margin:0 auto;}
.menu2 a:hover, .menu .current-item a {text-decoration:none;color:red;}
.toggle-nav2 {padding:4px 13px 7px 13px;float:left;display:inline-block; box-shadow:0px 1px 1px rgba(0,0,0,0.15);
border-radius:3px;background:#3A5269;text-shadow:0px 1px 0px rgba(0,0,0,0.5);color:#777;font-size:20px;
transition:color linear 0.15s; text-decoration:none;}
.toggle-nav2:hover, .toggle-nav2:focus, .toggle-nav2.active {text-decoration:none;color:red;}
}


@media only screen and (min-width: 769px) and (max-width: 900px) {
body {font-size:85%;}
#navigation {width:100%;} #navigation li {margin:0 1.7%;}	
#header {width:100%;}
#contenu {width:100%;}
#home {height:390px;}
.box_footer1 {font-size:0.9em;}
.box_footer1_right h3{font-size:1.1em;}
.input{width:80%;}
.box_iconemagicien{height:70px;}
	
}


@media only screen and (min-width: 901px) and (max-width: 1024px) {
#navigation {}
body {font-size:85%;}
#navigation {width:90%;} #navigation li {margin:0 2%;}
#header {width:90%;}
#contenu {width:90%;}
#home {height:360px;}
.box_footer1 {font-size:0.9em;}
.box_footer1_right h3{font-size:1.1em;}
.box_iconemagicien{height:80px;}


}


@media only screen and (min-width: 1025px) and (max-width: 1200px) {
#navigation {}
body {font-size:92%;}
#navigation {width:85%;} #navigation li {margin:0 1.9%;}
#header {width:85%;}
#contenu {width:85%;}
#home {height:430px;}
.box_footer1_right h3{font-size:1.1em;}
.box_iconemagicien{height:80px;}
	
}