a img {
    border: none;
}
iframe {
    border: none;
}

input[type="text"],textarea,select{
    font-family: Trebuchet MS,Tahoma,sans-serif,Verdana;
    font-size: 13px;
    color:#3C3F3B;
}
#pageweb {
    clear: both;
    height: auto !important;
    min-height: 100%;
}

.menurd{
    z-index:500;
    position: relative;
}
.menurd .dl-menuwrapper button {
    background: #F59E17;
}

.menurd .dl-menuwrapper button:hover,.menurd .dl-menuwrapper button.dl-active,.menurd .dl-menuwrapper ul {
    background:rgb(89, 38, 123) none repeat scroll 0% 0%;
}
.menurd a,.menurd a:hover{
    text-decoration: none;
}
#top header #dl-menu{
	background: #F59E17;
    clear:both;
    text-align:left;
    display:none;
}


#topmenu{
    background:url("../images/menu.jpg") top left repeat-x;
    height:25px;
    padding:8px 0px 0px 12px;
    color:#fff;
}
#topmenu ul li,.footer2 ul li{
    display: inline;
}
#topmenu a{
    color:#AB0102;
    text-transform:uppercase;
    font-size:14px;
    text-decoration:none;
    font-weight:bold;
    padding: 0px 7px;
}
section#section1,section#col2G,section#corps2,section#col3G,section#corps3,section#col3D,section#corps4,section#col4D{

}
/*--- GABARIT 1 ---*/
section#section1{
    
}
/*--- GABARIT 2 ---*/
section#col2G{
}
section#corps2{
    
}
/*--- GABARIT 3 ---*/
section#col3G{
    
}
section#corps3{
    
}
section#col3D{
    
}
/*--- GABARIT 4 ---*/
section#corps4{
    
}
section#col4D{
    
}
/*-------------*/

.msgErreurs{
    background-color:#F9ABA2;
    padding:5px;
    color:#BF2413;
    border-radius:5px;
    font-weight:bold;
    border:1px solid #BF2413;
}

.urlPlan{
    margin:10px 0px 0 20px;
    background: url("../images/bg_mnhover.png") no-repeat scroll left center transparent;
    padding-left:30px;
}
.creditsPhotos{
    margin: 0;
    padding-bottom: 10px;
	padding-left: 0;
}
ul.creditsPhotos li{ list-style:none;}
.googleMAP{
    text-align: center;
    margin: 10px 0px;
}
.googleMAP iframe{
    width: 98%;
	margin:0 auto;
    height: 450px;
}
.btSubmit1{
    background:#fff;
    font-size: 23px;
    border: 2px solid #f59e17;
    border-radius: 5px;
    padding:10px;
    color:#6b4387;
    cursor:pointer;
	font-family:'roboto',Arial, Helvetica, sans-serif;
	font-style:italic;
	    text-transform: uppercase;
		}
.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{
	display:none;
}
.rubDiapo{
    float: left;
    margin: 7px;
    width: 190px;
    background: url("../images/bgdiapo.jpg") repeat-x scroll left bottom transparent;
    border: 2px solid grey;
    text-align:center;
    padding: 5px;
    border-radius: 5px;
    height:120px;
}
.rubDiapo .img{
    height:100px;
    border: 1px solid grey;
    width: 100px;
    background-color: white;
    margin: auto;
}
.rubDiapo .lien{
    background-color: #BAC3CD;
    margin: 3px 0px;
}
.rubDiapo .lien a{
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
#box1,#box2{
    float: left;
}
.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;
}
#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: 58%;
    float: right;
    padding: 0 10px;
}
.contactez{
    background: #fff;
    margin: 24px 12px 0 12px;
    position: relative;
    float: left;
	    padding: 10px 58px 14px 25px;}
.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%;
}


/**/

@import url(https://fonts.googleapis.com/css?family=Roboto);

body{ margin:0; padding:0; background:#e3dcd0;}
div, td{ margin:0; padding:0; color:#3c3c3b; font-size:14px; line-height:22px; font-family:'roboto',Arial, Helvetica, sans-serif; font-weight:normal;}
a{ text-decoration:none; color:#f59e17;}
h1, h2, h3{ margin:0;}
h2{ padding:6px 0;}
h3{ color:#6B4387; font-size:17px; line-height:22px;}
.clear{ clear:both;}
p{ margin:0; padding:6px 0;}
.clear p{ display:none; padding:0; height:0;}
.bx-wrapper .nivo-directionNav{ display:block !important;}
.nivo-directionNav{ display:block !important;}

#wrapper{ width:1024px; margin:0 auto;}
#top{ padding-bottom:22px; background:#fff;}
#adresse1, #adresse{ background:url(../images/photo_top_l.jpg) no-repeat; float:left; width:388px;}
#adresse1.adresse-resp{ display:none;}
.adresse{ margin:0 auto; background:rgba(234,141,57,0.7); width:285px; margin-top:156px; text-align:center; color:#fff;    padding-bottom: 10px; font-size:14px;}
.adresse p{ color:#59267b;padding: 6px 0; font-size:18px;}
#logo{ background:#fff; float:left; text-align:center; padding:18px 9px 17px 8px; height:231px;}
#contact{ background:url(../images/photo_top_r.jpg) no-repeat; float:left; width:388px; height:266px;}
.contact{ margin:0 auto; background:rgba(234,141,57,0.7); width:285px; margin-top:156px; text-align:center; color:#59267b;padding-bottom: 8px; font-size:20px;}
.contact p{ color:#59267b;padding: 6px 0; font-size:18px;}
.contact a{ color:#fff;}
.contact a:last-of-type{ font-size:14px; line-height:22px;}
#menu{ background:#575756; padding:12px 0;}
#menu ul{ text-align:center; margin:0; padding:0;}
#menu ul li{ display:inline-block; background:url(../images/bg_mn.png) left center no-repeat;}
#menu ul li a{ text-transform:uppercase; color:#fff; font-size:15px; line-height:22px; display:block; padding:0 46px 0 20px; font-weight:bold;}
#menu ul li a:hover{ background:url(../images/bg_mnhover.png) left center no-repeat;}
.ttl{ text-align:center; background:#f59e17; padding:9px 0;}
.ttl h1{ font-size:18px; line-height:22px; margin:0; color:#fff;text-transform: uppercase;}


#central{ position:relative; background:url(../images/bg_central.jpg) no-repeat;}
.pagew1 #corps, .pagewcontact #corps{ background:url(../images/bg_col3G.png) right repeat-y,url(../images/bg_corps3.png) left repeat-y; padding:0; margin-bottom:0;}
#corps{ background:#fff;background: #fff; margin-bottom: 12px;padding: 0 10px;}
.divPW3{ min-height:250px;}
.navigation{ font-size:11px;}
.pagew1 p.navigation{ padding:0 0 0 436px; background:none;}
pagewcontact, .navigation{ background:#fff; padding-left:11px;}
.sociaux{ position:absolute; top:0; right:11px; height:32px;}
.addthis_sharing_toolbox{ height:32px;}
.pagewplan #section1 article{ padding-bottom:20px;}
.pagewmentions-legales h2{ padding:6px 24px;font-style:italic;color:#EE7D19;}


/*col3G*/
#col3G{ width:667px; float:right; background:url(../images/bg_col3G.png) repeat-y; margin-top: -22px;}
#col3G article{ padding:0 12px;}
.divPW1-colG6{padding: 48px 0 0 70px;}
.diapo{ height:266px; margin-top:10px;}
.divPW1-colG9{ padding:24px 0 33px 70px;}

/*corps3*/
#corps3{ float:left; margin-top: -22px; background: url(../images/bg_corps3.png) left repeat-y;}
.engagement{ width:292px; height:266px; background:#fff; margin:24px 0 0 22px; position:relative;}
.zone{width:292px; background:#fff; margin:24px 0 24px 22px; position:relative; padding-bottom:10px;}
.contactez img, .zone img, .engagement img{ position:absolute; top:-4px; left:-10px;}
.contactez p img{ padding:0 !important;}
.zone p:first-of-type{ padding:0;}

.engagement h2{ padding:6px 24px; text-align:center; font-style:italic;color:#EE7D19;}
.divPW1-colG6 h2, .contactez h2{ padding:6px 24px;font-style:italic;color:#EE7D19;}
.engagement ul{ margin:0; padding:0 0 0 31px;}
.engagement ul li{ background:url(../images/picto_li1.png) left center no-repeat; list-style:none; font-size:15px; padding:4px 0 4px 22px;}

.divPW7{ padding:0 10px;background: #fff;}
.zone h3:first-of-type{ font-style:italic; padding-top:13px; text-align:center;font-size:20px; text-align:center;}
.zone h3{ font-style:italic; padding-top:13px; text-align:center;font-size:15px; text-align:left;padding-left: 12px;}
.zone h2{padding: 6px 24px;text-align: center; font-style: italic;color: #EE7D19;}
.zone p{ padding:14px; text-align:justify;}
.zone ul li{ background:url(../images/picto_li.jpg) left center no-repeat; list-style:none; font-size:15px; padding:4px 0 4px 22px;}
.zone ul{ margin:0; padding:0 0 0 31px;}

/*col3D*/
#col3D{ background:#fff;padding: 6px 0;clear: both;}
.flex-pause, .flex-play, .flex-control-nav{ display:none !important;}
.flexslider{ margin-bottom:0 !important; width:854px; margin:0 auto !important;}
ul.slides li{ margin:0 6px;}

/*FOOTER*/
#footer{ min-height:128px; background:url(../images/bg_footer.jpg) no-repeat;}
.link-foot{ padding-top:24px;}
.link-foot ul{ text-align:center; margin:0; padding:0;}
.link-foot ul li{ display:inline-block; background:url(../images/trait.jpg) left center no-repeat;}
.link-foot ul li:last-child{ background:url(../images/trait.jpg) right center no-repeat,url(../images/trait.jpg) left center no-repeat; padding-right:10px;}
.link-foot ul li a{ color:#fff; font-size:12px; line-height:18px; padding:0 10px 0 13px; display:block; text-transform:uppercase; font-weight:bold;}
.signature{ text-align:center; color:#fff; font-size:11px; padding-top:40px;}
.signature a{ color:#fff; font-size:11px; padding-left:4px;}
.signatureSC{ display:inline-flex;}

@media only screen and (max-width: 1044px){
	#wrapper{ width:100%;}
}
@media only screen and (max-width: 1024px){
	
}
@media only screen and (max-width: 980px){
	.sociaux{ top:0;}
	#logo{ text-align:center; padding:10px 14px;}
	#logo img{ width:100%; height:auto;}
	.diapo img{ width:100%; height:auto;}
	#col3G {width: 612px;}
	.divPW1-colG6 {padding: 26px 0 0 0px;}
	.divPW1-colG9 {padding:14px 0 0 0px;}
	p.navigation {padding: 0 0 0 360px;}
	#adresse{ width: 350px; background-size:contain;}
	#contact{ float:right;width: 350px; background-size:contain;}
	.adresse, .contact{margin-top: 130px;}
}
@media only screen and (max-width: 850px){
	#top{ padding-bottom:10px;}
	#logo, #contact, #adresse{width: 285px; height:auto;}
	#logo{    width: 25%;}
	.bx-wrapper .bx-next{ right:0 !important;}
	.bx-wrapper .bx-prev{ left:0 !important;}
	#central, #corps{ background:#fff !important;}
	#corps3, #col3G {width: 98%; margin: 0 auto; float:none; background:none;}
	p.navigation{ padding-left:10px !important; background:#fff !important;}
	.zone, .engagement{ float:none; width:auto; height:auto;}
	.zone h3:first-of-type, .engagement h2, .zone h2{ text-align:left; padding-left:20px;}
	.diapo{ height:auto; width:84%; margin:0 auto;}
	.divPW1-colG8 img{ width:100%; height:auto;}
	#col3D{ width:78%; margin:0 auto;}
	.contactez{ padding:10px;    margin: 10px;background: #ddd7cf;border: 1px solid #C6C6C5;}
	.contactez img{ display:none;}
	.contactez h2{ padding-left:0;}
	.pcontactf { width: 66%;}
	.sociaux{ position:relative;top:0;}
	.divPW1-colG6{ padding-top:0;}
}
@media only screen and (max-width: 788px){
	.pcontactf {width: 64%;}
	#logo{width: 23%; padding: 0px 22px;}
	#contact, #adresse {width: 273px; height:auto;}
	.adresse, .contact{ width:100%;margin-top: 77px;}
	
}
@media only screen and (max-width: 680px){
	#top header #dl-menu{display:block;}
	#contact, #adresse1.adresse-resp{ display:block; width:49%; background-size:cover;}
	#adresse{ display:none;}
	#logo { margin:0 auto; float:none;width: 32%;}
	.link-foot, #menu ul{ display:none;}
	#col3D { width: 98%;}
	.contactez{ float:none; width:217px; margin:0 auto;}
	.pcontactf{ width:96%; float:none; padding:0; margin:0 auto;clear: both;}
	
}
@media only screen and (max-width: 550px){
	h2{ padding-left:0 !important;}
	.zone img, .engagement img{ display:none;}
	.zone, .engagement{ margin:0;}
	#col3D {width: 78%;}
	.contactez{ float:none; margin:0 auto;}
	#corps3{    width: 94%;}
}
@media only screen and (max-width: 500px){
}

@media only screen and (max-width: 400px){
	#central{ background:#fff;}
	#contact, #adresse1.adresse-resp{ width:100%; margin:auto;}
	.sociaux {position: relative;padding-bottom:10px; top:0;}
	.pcontactf p{ font-size:12px;}
	h2{font-size: 16px !important;}
	h3{font-size:15px !important;}
	#logo{width: 52%;}
	.divPW2 p{ font-size:13px;}
	.zone, .engagement{ text-align:left;}
	.zone p { padding: 13px;}
	.pcontactf {width: 97%;}
	div, td{ font-size:13px;}
}
@media only screen and (max-width: 350px){
} #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; }