@font-face {
  font-family: 'MicrosoftHimalaya';
  src: url('MicrosoftHimalaya.eot?#iefix') format('embedded-opentype'),  url('MicrosoftHimalaya.woff') format('woff'), url('MicrosoftHimalaya.ttf')  format('truetype'), url('MicrosoftHimalaya.svg#MicrosoftHimalaya') format('svg');
  font-weight: normal;
  font-style: normal;
}
input[type="text"],textarea,select{
    font-family: Trebuchet MS,Tahoma,sans-serif,Verdana;
    font-size: 13px;
    color:#3C3F3B;
}
.addthis_sharing_toolbox{
    margin: 5px 0px;
}
#pageweb {
    clear: both;
    height: auto !important;
    min-height: 100%;
}
.menurd{
    z-index:500;
    position: relative;
}
.menurd .dl-menuwrapper button {
    background: #fe4f00;
}

.menurd .dl-menuwrapper button:hover,.menurd .dl-menuwrapper button.dl-active,.menurd .dl-menuwrapper ul {
    background: #000;
}
.menurd a,.menurd a:hover{
    text-decoration: none;
}
#top header #dl-menu{
    clear:both;
    text-align:left;
    display:none;
}

.msgErreurs{
    background-color:#F9ABA2;
    padding:5px;
    color:#BF2413;
    border-radius:5px;
    font-weight:bold;
    border:1px solid #BF2413;
}
.urlPlan{
    background: url("../images/fleche.jpg") no-repeat scroll left center transparent;
    padding-left:20px;
}
.creditsPhotos{
    margin: 20px 0px 20px 20px;
}
.googleMAP{
    text-align: center;
}
.googleMAP iframe{
	margin:0; 
	padding:0;
	border:none;
    width: 100%;
    height: 450px;
}
.btSubmit1{
    background:#505050;
	font-size: 1.5em;
	border: 2px solid #fe4f00;
	border-radius: 30px;
	padding: 5px 40px;
	color: white;
	cursor: pointer;
	text-transform: uppercase;
	box-shadow: 3px 2px 5px #000 inset;
	-webkit-box-shadow: 3px 2px 5px #000 inset;
	-moz-box-shadow: 3px 2px 5px #000 inset;
	text-shadow: 1px 2px 3px #000;
}
.btSubmit2{
    background: url("../images/bgbt.jpg") repeat-x scroll left top transparent;
    border: 2px solid grey;
    border-radius: 5px;
    padding: 5px;
    color:white;
    cursor:pointer;
}
.titreDiapo{
    font-size:25px;
	height:42px;
	line-height:42px;
    padding-left: 5px;
	color:#411A15;
}
.rubDiapo{
    display:inline-block;
    margin:4px;
    background:#7AB300;
    border:2px solid #FE4F00;
    text-align:center;
    padding: 5px;
    border-radius: 10px;
    width: 150px;
	height: 158px;
	overflow: hidden;
	text-shadow: 1px 1px 3px #000; box-shadow:1px 1px 5px #000;-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
}
.rubDiapo .img{
    height:100px;
    width: 100px;
    margin: auto;
}
.rubDiapo img{ height:auto;}
.rubDiapo .lien{
	text-align:center;
}
.rubDiapo .lien a{
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
	font-size:12px;
    text-decoration: none;
	display:block;
}
#box1,#box2{
}
.extraitArt{
    border: 2px solid #aaa;
    box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    border-radius: 10px;
    padding: 5px;
    margin-top: 18px;
}
.extraitArt .intitule a{
    font-size: 20px;
    text-decoration: none;
}
.extraitArt .date{
    text-align: right;
    font-style: italic;
    font-size: 11px;
}
#infoHeader{
    float: right;
}
#infoHeader .info2{
    font-size: 18px;
}
.cOrange{
    color:#F29142;
}
.cCuivre{
    color:#867462;
}
/* realisation */
#pagerealisation ul,#pagerealisation ul li{ 
    margin:0; 
    padding:0; 
    list-style:none;
}
#pagerealisation .menuDiapo{ 
    float:left;
    width:28%; 
    margin-right:2%;
}
#pagerealisation .menuDiapo ul li { 
    border-bottom:1px solid #FFF;
}
#pagerealisation .menuDiapo ul li:first-child{ 
    border-top:1px solid #FFF;
}
#pagerealisation .menuDiapo ul li a{ 
    display:block; 
    padding:10px 0 10px 5px; 
    text-transform:uppercase;
}
#pagerealisation .menuDiapo ul li.play a,#pagerealisation .menuDiapo ul li a:hover{ 
    background:#FFF; 
    color:#000;
}
#galeries{ text-align:center;}
#diapoREA{ 
    margin:auto;
    width:95%;
}
.guillemets{
    text-align:justify;
    padding:5px;
    margin-top:20px;
    clear: both;
}
.search2{
    float:right;
}
.search2 input[type="text"]{
    height: 22px;
}
.search2 .txt1{
    font-size: 18px;
}
.search2 .txt2{
    
}
.search2 .txt3{
    
}
.pcontactf{
    width:100%;
}
.pcontactftxt{
    text-align:center;color:red;
}
.pPlanSite{
    
}
.lecteurVideo{
    width:640px;
    height:360px;
    margin:auto;
}
.formRemerc{
    width:640px;
    margin:auto;
    padding: 8px;
    border: 2px solid #aaa;
    box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    border-radius: 10px;
}
.formRemerc .titre{
    font-size: 18px;
    text-align: center;
}
.formRemerc .libelle{
    font-weight: bold;
    margin-top: 5px;
}
.formRemerc .inputTxt1 input[type="text"]{
    width: 100%;
}
.formRemerc .inputTxt2 textarea{
    width: 100%;
}
body{ margin:0; padding:0; width:100%; background:#282828;}
div,td{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; transition:all linear 0.5s; color:#9d9d9d;}
img{ border:none; vertical-align: middle;}
p{ margin:0; padding:10px 0;}
a{ text-decoration:none; color:#7ab300; transition:all ease 0.5s;}
h1,h2,h3,h4{ margin:0; padding:0; font-weight:normal;}

.clear{ clear:both;}


#wrapper{ margin:0 auto; width:1100px; background:#FFF;}
#header{ clear:both; background:url(../images/header.png) repeat-x;}
#top-header{ margin:0 auto; width:1015px;}
#logo{ width:469px; float:left; height:105px;}
.social{ background:url(../images/social.png) left no-repeat;float:left; text-align:left; padding:40px 0 0 10px; height:65px;}
.social a{ margin:0 7px;}
#menu{ position:relative; z-index:100;}
#menu ul,#menu ul li{ margin:0; padding:0; list-style:none;}
#menu ul li{ float:left; padding:0 42px;}
#menu ul li a{ display:block; font-family:"Arial Bold",Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-transform:uppercase; color:#FFF; text-align:center; line-height:40px;}
#menu ul li a:hover{ color:#fe4f00;}
#middle-header{ background:url(../images/middle-header.png) bottom repeat-x; padding-bottom:5px; position:relative;}
.deco{ position:absolute; z-index:10; width:315px; height:309px; bottom:0; right:44px;}
#flash{ width:100%; height:160px;}
#bottom-header{ margin:0 auto; width:1015px; padding:16px 0;}
#bottom-header h2{font-family:"Arial Bold",Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; line-height:20px; color:#fe4f00; text-transform:uppercase;}
.slog{ font-family:'MicrosoftHimalaya',Arial, Helvetica, sans-serif; font-size:20px; line-height:20px; text-transform:uppercase; padding:5px 0; color:#505050;}
#services{ text-align:center;}
.col{ width:25%; float:left; text-align:center; padding-top:118px;font-family:"Arial Bold",Arial, Helvetica, sans-serif; font-size:14px; color:#505050; font-weight:bold; text-transform:uppercase;}
.col1{ background:url(../images/pict1.png) top center no-repeat;}
.col2{ background:url(../images/pict2.png) top center no-repeat;}
.col3{ background:url(../images/pict3.png) top center no-repeat;}
.col4{ background:url(../images/pict4.png) top center no-repeat;}
#main{ margin:0 auto; width:1015px;}
.nav{ font-size:10px; font-weight:lighter;}
#ttl{ background:url(../images/ttl.png) left bottom no-repeat; padding-left:108px; height:88px}
#ttl h1{font-family:"Arial Bold",Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; line-height:35px; text-transform:uppercase; color:#7ab300;}
#ttl p{font-family:'MicrosoftHimalaya',Arial, Helvetica, sans-serif; font-size:20px; line-height:20px; text-transform:uppercase; color:#505050;}
#content{}
#content h2{font-family:"Arial Bold",Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#505050; text-transform:uppercase; }
#content h3{ text-decoration:underline; font-size:12px; color:#505050;}
#content ul{ margin:10px 0; list-style:inside; padding:0 10px;}
#content ul h3{ display:inline;}
#corps4,#corps2{ float:left; width:644px;}
#col4D,#col2G{ float:right; width:315px;}
.photo{ padding:20px 0; text-align:right;}
#coords{ background:url(../images/coords.png) repeat-x #fe4f00;}
.coords{ margin:0 auto; width:1015px; background:url(../images/coord.png) bottom no-repeat; padding:16px 0; }
.coords-col{ width:50%; float:left;}
.coords-col div{ padding-left:90px; color:#FFF; font-size:14px; min-height:76px;}
.coords-col a{ color:#FFF;}
.coords-col h2{ font-family:"Arial Black",Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; font-weight:bold; text-transform:uppercase;}
.adresse{ background:url(../images/adresse.png) left top no-repeat;}
.phone{ background:url(../images/phone.png) left top no-repeat;}
.tel{ font-family:"Arial Black",Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; font-weight:bold; line-height:25px;}
#footer{ background:#505050;}
.foot{ background:url(../images/foot.jpg) bottom no-repeat; padding-top:99px;}
.link{ background:#505050; background:rgb(80,80,80); background:rgba(80,80,80,0.69); padding:10px 0; text-align:center;}
.link ul,.link ul li{ margin:0; padding:0; list-style:none;}
.link ul li{ display:inline-block; padding:0 30px;}
.link ul li a{ display:block;font-family:"Arial Bold",Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; text-transform:uppercase;}
.link ul li a:hover{ color:#fe4f00;}
.strategie{ padding:20px 0; text-align:center; font-size:11px; color:#FFF;}
.strategie a{ color:#FFF;}

/* --------------------------------------- */
/* ---------- RESPOSNIVES----------------- */
/* --------------------------------------- */
@media only screen and ( max-width:1044px){
	#wrapper{ width:100%;}
	.deco{ width:30%; height:auto;}
	.deco img{ max-width:100%; height:auto;}
	#flash{ height:auto;}
}
@media only screen and (max-width:1000px){
	#top-header,#bottom-header,#main,.coords{ width:98%;}
	#corps4{ width:60%;}
	#col4D,#col2G{ width:30%;}
	#col4D img{ max-width:100%; height:auto;}
	.link ul li{ padding:0 15px;}
}
@media only screen and (max-width:850px){
	.social{ position:relative; z-index:100;}
	.deco{ right:0;}
	#ttl h1{ font-size:25px;}
	.link ul li{ padding:0 10px;}
	.rubDiapo{ width:20%;}
	.rubDiapo img{ max-width:100%;}
}
@media only screen and (max-width:788px){
	.deco{ width:27%;}
	.tel{ font-size:18px;}
}
@media only screen and (max-width:680px){
	#ttl h1{ font-size:20px;}
	.tel{ font-size:20px;}
	.last{ display:block;}
}
@media only screen and (max-width:640px){
	#top header #dl-menu{ display:block; position:relative; z-index:100;}
	#logo{ width:100%; text-align:center; height:auto; float:none;}
	#logo img{ max-width:100%; height:auto;}
	.social{ background:none; float:none; padding:0; height:auto;}
	#menu{ display:none;}
	.deco{ display:none;}
	#ttl{ padding-left:78px;}
	#corps4,#col4D,col2G,#corps2{ width:100%; float:none;}
	.photo{ width:48%; display:inline-block;}
	.foot{ display:none;}
}
@media only screen and (max-width:500px){
	#flash{ display:none;}
	.col{ font-size:12px;}
	#ttl h1{ line-height:20px; font-size:16px;}
	.coords-col{ width:100%; float:none;}
	.last{ display:inline-block;}
	.rubDiapo{ width:28%;}
}
@media only screen and (max-width:400px){
	#bottom-header{ display:none;}
	#ttl h1{ font-size:14px;}
	#ttl p{ font-size:12px;}
	.rubDiapo{ width:33%;}
}
@media only screen and (max-width:340px){
	.coords-col h2{ font-size:16px;}
}



   #divloi {
                    text-align:center; font-style:italic; margin:auto;
                }
                        /*===============*/
                /* JS Cookie Bar */
                /*===============*/
                #cookie-bar {
                  position: fixed;
                  top:initial;
                  bottom: 0;
                  background: #111111;
                  height: auto;
                  line-height: 24px;
                  color: #eeeeee;
                  text-align: center;
                  padding: 3px 0;
                  width: 100%;
                  z-index: 1000000; }
                
                #cookie-bar.fixed {
                  position: fixed;
                  bottom: 0;
                  left: 0;
                  z-index: 999;
                  width: 100%; }
                
                #cookie-bar.fixed.bottom {
                  bottom: 0;
                  top: auto; }
                
                #cookie-bar p {
                  margin: 0;
                  padding: 0; 
                  color: #eeeeee;}
                
                #cookie-bar a {color:#959595; display:inline-block; border-radius:3px; text-decoration:underline; padding:0 6px; margin-left:8px;}
                #cookie-bar .cb-enable {background:#007700; color:#fff;  text-decoration:none;}
                
                #cookie-bar .cb-enable:hover {
                  background: #009900; }
                
                #cookie-bar .cb-disable {
                  background: #990000; }
                
                #cookie-bar .cb-disable:hover {
                  background: #bb0000; }
                
                #cookie-bar .cb-policy {
                  background: #0033bb; }
                
                #cookie-bar .cb-policy:hover {
                  background: #0055dd; }