/* CSS RESET
/* ---------------------------------------------------------------------------------- */

@font-face {
    font-family: "chinchillaregular";
    src: url(fonts/chinchilla-webfont.eot);
    src: url(fonts/chinchilla-webfont.eot?#iefix) format("embedded-opentype"),
         local("@"),url(fonts/chinchilla-webfont.woff) format("woff"),
         local("@"),url(fonts/chinchilla-webfont.ttf) format("truetype"),
         local("@"),url(fonts/chinchilla-webfont.svg#railwayregular) format("svg");
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: "railwayregular";
    src: url(fonts/railway-webfont.eot);
    src: url(fonts/railway-webfont.eot?#iefix) format("embedded-opentype"),
         local("@"),url(fonts/railway-webfont.woff) format("woff"),
         local("@"),url(fonts/railway-webfont.ttf) format("truetype"),
         local("@"),url(fonts/railway-webfont.svg#railwayregular) format("svg");
    font-weight: normal;
    font-style: normal;}
/* ---------------------------------------------------------------------------------- */
*, html, div, ul, li, h1,h2, h3, h4, h5, h6, form, label, fieldset, input, th, td, hr, p, ol, dl, dt, dd {margin:0; padding:0;}
fieldset, img, hr {border:0;}
ol, ul, li {list-style:none;}
a img {border:0;}
/* DEFAUT ( #a6612f =brun / #ff9f00 =orange / #9f9f9e =gris / #d8c292 =beige / #c8002f =bordeaux)
/* ---------------------------------------------------------------------------------- */
body					{font-family:"railwayregular", sans-serif; color:#d8c292; background-color:white;}
a						{text-decoration:none; color:#c8002f;}
a:hover					{text-decoration:none; color:#000;}
a.one:link 				{text-align:center; font-size:14px; text-decoration:none; color:#c8002f; font-weight:bold; "railwayregular";}
a.one:hover 			{text-align:center; font-size:14px; text-decoration:none; color:#ffffff; font-weight:bold; "railwayregular";}
h2, h3, h4, h5, h6	    {font-weight:bold; color:#c8002f; "railwayregular", sans-serif; text-transform:uppercase;}
hr						{height:1px; background-color:#d8c292; display:block;}
.hr-2					{height:1px; background-color:#9f9f9e; display:block;}
p						{text-align:justify; margin-bottom:14px;}
span                    {font-size:12px;}
h3                      {font-size:14px; }
h1              	    {color:#635d00; font-family:"railwayregular", sans-serif; text-transform:uppercase;}
h7              	    {color:#635d00; font-family:"railwayregular", sans-serif;}
b						{font-family:"railwayregular", text-transform:uppercase; color:#d1026d;}

/* MARGES
/* ---------------------------------------------------------------------------------- */
.mt5					{margin-top:1px;}
.mt10					{margin-top:10px;}
.mt15					{margin-top:15px;}
.mt30					{margin-top:30px;}
.mb5					{margin-bottom:5px;}
.mb10					{margin-bottom:10px;}
.mb15					{margin-bottom:15px;}
.mb30					{margin-bottom:30px;}

/* TITRES
/* ---------------------------------------------------------------------------------- */
#main h1				{font-size:48px;}
#main h7				{font-size:48px;}
#main h2				{font-size:22px; color:#d8c292; padding-left:35px; line-height:30px;}
.fleche					{background:url(img/fleche.png) no-repeat; height:30px; width:auto; margin-top:0px;}

/* PARAGRAPHES
/* ---------------------------------------------------------------------------------- */
#main p					{font-size:16px; line-height:21px; color:#5b5a5a;}


/* COULEURS
/* ---------------------------------------------------------------------------------- */
.gris					{color:#666668;}
.gris2					{color:#9e9e9f;}
.rouge					{color:#ce000a;}
.bordeaux				{color:#9d252b;}
.beige					{color:#d8c292;}

/* MENU
/* ---------------------------------------------------------------------------------- */
#menu_conteneur			{width:268px; height:100%; padding:20px 0; position:fixed; left:0px; top:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; z-index:999; background:url(img/bg_menu.png) repeat;}
#menu					{width:248px; margin:0 auto; text-align:center; color:#770030;}
.LOGO					{text-align:center; max-width: 90%; height: auto;}
.image_accueil          {float:left; max-width: 30%; height: auto;}
#menu li				{width:248px; height:auto; background:url(img/bg-rubriques.png) repeat; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; margin-bottom:15px; padding:12px 0 5px 0; line-height:20px; }
#menu li a				{color:#a6612f; text-transform:uppercase; font-size:20px; font-weight:bold; line-height:22px; font-family:"railwayregular";}
#menu li a:hover		{color:#988462; }
#menu li.active			{font-size:20px; color:#ffffff; background:url(img/bg-rubriques-hover.png) repeat;}
#menu li a.active		{color:#9c9fa0;}

#copyright {position:absolute; bottom:120px; right:90px; color:#000!important; font-size:11px; font-family:Helvetica; cursor:default;}
#copyright p {text-align:center!important; line-height:1.4;}

/* CONTENU
/* ---------------------------------------------------------------------------------- */
#conteneur				{position:relative; width:842px; left:308px; top:40px; z-index:20;}
#main					{position:relative; float:left; width:100%; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; padding:20px 20px 20px 20px; margin-bottom:40px; background:url(img/bg-contenu.png) repeat-x;}
.ariane					{color:#828485; font-size:16px; margin-top:10px; font-family:"railwayregular";}
.ariane a				{color:#88775a; text-decoration:none;}
.ariane a:hover			{color:#a6612f;}

/* filtre */
#filters				{margin-top:5px; margin-bottom:10px; padding:5px; overflow:hidden; font-family:"railwayregular"; text-transform:uppercase; background:url(img/bg-filtres.png) repeat-y;}
#filters li				{float:right;padding-left:5px;}
#filters li a			{padding:2px 8px; font-size:16px; color:#8d715c !important; background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#filters li a:hover		{color:#fff !important; background-color:#c0b6a5;}
#filters li a.allcats	{color:#fff !important; background-color:#be1843;}

/* fiches */
ul#portfolio-list			{padding:0; list-style:none;}
ul#portfolio-list li		{position:relative; list-style:none; width:32%; height:auto; display:block; float:left; margin-right:10px; margin-bottom:10px; 
							overflow:hidden;}
ul#portfolio-list li a		{position:relative; display:block; width:32%; height:auto; overflow:hidden;-webkit-border-radius:0px; -moz-border-radius:0px; 
							border-radius:0px; background:url(img/bg-portfolio.png) repeat;}
ul#portfolio-list li p		{font-size:13px; color:#8d796b; text-align:center; background:url(img/bg-titre-fiche3.png) repeat-y; padding:2px 10px 2px 10px; 
							margin-bottom:3px;}
ul#portfolio-list li img	{position:absolute; top:0; border:0px solid #b1b0b0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; width:32%; height:auto;}
ul#portfolio-list li h3		{font-size:18px; text-align:center; text-transform:none; color:#fffff; font-family:"railwayregular" !important; text-weight:regular!important; padding:30px 5px 5px 0;}

/* fiches images only */
ul#portfolio-list2			{padding:0; list-style:none;}
ul#portfolio-list2 li		{position:relative; list-style:none; width:auto; height:auto; display:block; float:left; margin-right:10px; margin-bottom:10px; 
							overflow:hidden;}
ul#portfolio-list2 li a		{position:relative; display:block; width:auto; height:auto; overflow:hidden;-webkit-border-radius:0px; -moz-border-radius:0px; 
							border-radius:0px; background:url(img/bg-portfolio.png) repeat;}
ul#portfolio-list2 li img	{position:absolute; top:0; border:0px solid #a3a2a0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; width:auto; height:auto;}


/* FOOTER
/* ---------------------------------------------------------------------------------- */
#retour-top				{position:fixed; bottom:5px; margin-left:20px; float:left; margin-top:-10px; font-family:"railwayregular"; font-size:12px; z-index:999;}
#retour-top a			{color:#8b8b8b; text-decoration:none;}
#retour-top a:hover		{text-decoration:underline;}
#retour-top img			{margin-left:5px;}

#reseaux {position:fixed; bottom:10px; display:inline-block; right:90px;}
#jaime {position:fixed; bottom:10px; display:inline-block; right:120px;}
.reseau {display:inline-block; width:24px; height:24px;}
#fb {position:fixed; bottom:10px; background:url(img/fb.png) no-repeat 0px 0px;}

/* DEFAUT ( #a6612f =brun / #ff9f00 =orange / #9f9f9e =gris / #d8c292 =beige / #b39071 =brun2 )

/* ---- CONTENT CONTACT---- */

#form {position:relative; width:30%!important; float:left; background:#c8002f; color:#ffffff; padding:10px; border-top:3px solid #c9c3be;}

#form input[type="text"], #form input[type="email"], textarea {width:95%; border:none; -webkit-transition:0.3s; padding:5px;}

#form input[type="text"]:focus, #form input[type="email"]:focus, textarea:focus {background:#d9eef8;}

#form textarea {height:100px;}

#form2 {position:relative; width:97%!important; float:left; background:#daa003; color:#ffffff; padding:10px; border-top:3px solid #c9c3be;}

#form2 input[type="text"], #form input[type="email"], textarea {width:97%; border:none; -webkit-transition:0.3s; padding:5px;}

#form2 input[type="text"]:focus, #form input[type="email"]:focus, textarea:focus {background:#d9eef8;}

#form2 textarea {height:97%;}


#submit {position:absolute; width:100%; bottom:-26px; left:0; border:none; background:#606f80; color:#9f9fa5; text-transform:uppercase; font-weight:bold; display:block; margin-top:20px; padding:5px; text-align:center; font-size:14px;}
#submit:hover {color:#000}

#googlemap {float:right; padding:5px; background-color:#083569; width:65%;}
#googlemap iframe {width:100%; vertical-align:top;}

.error {background:#d08191!important;}
.error::-webkit-input-placeholder {color:#9f9fa5!important;}

#loading {position:absolute; bottom:40px; right:40px; display:none;}
#success {background:#9f9f9e!important; color:#9f9fa5!important; font-weight:bold; text-align:center; padding:10px; text-transform:uppercase;}

video#bgvid {
  position: fixed; right: 0; bottom: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto; z-index: -100;
  background: url(video/magixl_motion.jpg) no-repeat;
  background-size: cover;
}

@media screen and (max-device-width: 100%) {
html { background: url(video/magixl_motion.jpg) #000 no-repeat center center fixed; }
#bgvid { display: none; }
}

#menu-demo2, #menu-demo2 ul{
padding:0;
margin:0;
list-style:none;
text-align:center;
}
#menu-demo2 li{
display:inline-block;
position:relative;
border-radius: 0 0 8px 8px;
}
#menu-demo2 ul li{
display:inherit;
border-radius:0;
}
#menu-demo2 ul li:hover{
border-radius:0;
}
#menu-demo2 ul li:last-child{
border-radius:0 0 8px 8px;
}
#menu-demo2 ul{
position:absolute;
z-index: 1000;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu-demo2 li:hover ul{
max-height:15em;
}
/* background des liens menus */
#menu-demo2 li:first-child{
background-color: #6699ff;
background-image:-webkit-linear-gradient(top, #0066cc 0%, #333A40 100%);
background-image:linear-gradient(to bottom, #0066cc 0%, #333A40 100%);
}
#menu-demo2 li:last-child{
background-color: #6699ff;
background-image:-webkit-linear-gradient(top, #0066cc 0%, #333A40 100%);
background-image:linear-gradient(to bottom, #0066cc 0%, #333A40 100%);
}
/* background des liens sous menus */
#menu-demo2 li:first-child li{
background:#6699ff;
}
#menu-demo2 li:last-child li{
background:#677F35;
}
/* background des liens menus et sous menus au survol */
#menu-demo2 li:first-child:hover, #menu-demo2 li:first-child li:hover{
background:#2cabe1;
}
#menu-demo2 li:last-child:hover, #menu-demo2 li:last-child li:hover{
background:#2cabe1;
}
/* les a href */
#menu-demo2 a{
text-decoration:none;
display:block;
padding:8px 18px;
color:#fff;
font-family:arial;
font-size:12px;
}
#menu-demo2 ul a{
padding:8px 0;
}
#menu-demo2 li:hover li a{
color:#fff;
text-transform:inherit;
}
#menu-demo2 li:hover a, #menu-demo2 li li:hover a{
color:#000;
}
.img-responsive .centree {
 margin: 0 auto;
}