@media only screen and (max-width: 750px) {
        html, body { width: 100%; height:100%; font-size: 100%; margin:0; padding:0;}

        body { font-size: 0.77em; line-height:1.4em; overflow-y:scroll; overflow-x:hidden; width:100%; height:100%; letter-spacing:0.05em; margin:0; padding:0; }

        #header { z-index:100000; position: absolute; opacity:1; overflow:hidden; height:60px;}

        #navigation {}
        #mobilesp { width:100%; display:block; margin-top:70px; text-align:center; }
        #mobilesp ul { margin:0; padding:0; width:100%; }
        #mobilesp li { display:block;list-style:none; margin:0; padding:7px; padding-bottom:10px; border-top: 1px solid #6a6a6a; }
        #nav a { position:relative;display:block;color:#FFFFFF;font: 1.55em 'patuaone-regular';text-shadow:none;font-weight:normal;}
        #mobilpan { display:block; height:27px; margin:4px; color:white; padding:12px; padding-left:10px; padding-right:10px;text-align:center; float:right; }
        #nav { position:relative; }

        #footer { position: relative; padding:0; margin: 0; top:270px; width:100%;  opacity:0;}
        #footer-cont { min-width:200px; max-width:750px; width:100%; padding: 0; margin-right:auto; margin-left:auto; letter-spacing:0.05em; margin-top:-20px;}
        #footer-bas {  position: relative; width:100%;  padding-top:10px; padding-bottom:25px; text-align:center; }
        .bastxt { padding-top:7px; display:inline-block; }

        #haut-cont { position:relative; width:100%; max-width:750px; overflow:hidden; }
	#logo_centre { position:absolute; }
        #logo { position:absolute; margin-top:-5px; width:112px; height:100px; background-image:url('/themes/images/logo_mobile.png'); z-index:999999; }

        a img {border:0;}
        #centre { position:relative; width:100%; min-height:0px; max-height:900px; z-index:21; top:120px; }
        #rightCol { width:100%; };
        #centretitre { position:relative; width:100%;}
        #sociaux {display:none;}

        .diapo_txt { color:black; text-shadow: 0px 1px 3px white; }

        #sociauxacc { display:none;}
        #cont_sociaux {display:none;}

        #diapo_action, #diapo_txt { display:none;  }

        #content2 { min-height:589px; }

        .barrenav { width:100%; background-color:white;height:35px; border-bottom:2px solid #CCCCCC; }

        .image2 { border: 1px white solid; }

        a { color: #424242; text-decoration: none; }
        a:hover { color: #424242;   }

        #footer-cont a {  text-decoration: none;  color:#424242; text-shadow: 1px 1px 0 rgba(226,226,226,1); }
        #footer-cont a:hover { color:#424242; text-shadow: none; text-decoration: none; }

        #footer-cont .lienbas:link { color:white; text-shadow: 0px 0px 0 rgba(226,226,226,1); }
        #footer-cont .lienbas:hover { color:white; text-shadow: 0px 0px 0 rgba(226,226,226,1); }


        #centre_cont li {margin-left:25px;margin-top:2px; padding-left:5px; margin-bottom:5px; }
        #centre_cont ul { margin-top:10px; }

        #com_img { background-color:#cbc578; width:100%; padding-bottom:3px; text-align:center; color:#474747; font-size:0.7em; height:20px; }

        .pagetxt { letter-spacing:0.073em; text-shadow: 0 1px 0 #f2f2f2;  color:#424242; font-size:1.12em; text-align:left; width:100%; float:left; line-height:1.6em; }
	.pagetxt ul { font-size:1.12em; }
	.pagetxt li { font-size:1.12em; padding-bottom:10px;  }
        .pagephotos { width:100%;float:left; }


        #box3 { overflow:hidden; }
        #box3 img { opacity:0; margin-top:50px !important;}

        .mask{  position:absolute; width:100%; }
        .mask img{ position:absolute;  display:block;  border:none;  width:100%; }

        #backgf {  }

        .photospages {
	        box-shadow: 0px 0px 0px 0px black; 
	        border-radius: 3px; 
	        -moz-border-radius:3px; 
	        -webkit-border-radius: 3px;
	        behavior: url(themes/css/PIE.htc);
         }

        .title_1 { font-size:3.5em; line-height:100%; text-shadow: 2px 2px 5px black; font-weight:normal; padding:0; margin:0; opacity:0; text-transform:uppercase; margin-top:60px;}
        #contenutitre { min-width:100px; height:200px; max-width:750px; width:100%;  margin-top:-230px; text-align:center; position:absolute; pointer-events:none; }
        #contenutitre .title_2 { margin-top:60px; }
        #contenutitre .title_1 { margin-top:20px; }
        #accueiltitre_cont .title_2 { opacity:0;margin-top:0; display:none;}

        .accueiltitre { width:100%; font-size:3em; text-shadow: 2px 2px 5px black; font-weight:normal; line-height:1.1em; background-color:none; margin:0;padding:0; text-transform:uppercase; }

        #accueiltitre_cont { width:100%; margin:0; padding:0; margin-right:auto; margin-left:auto; position:relative; text-align:center;}



        #controle { margin:0;padding:0;opacity:0; width:100px;margin-top:-100px;}
        .fleches { cursor:pointer; font-family: 'Helvetica'; font-size:1.6em; text-shadow: 1px 1px 1px black; color:white; padding:0;margin:0;}
        .fleches:hover { color:#CCCCCC; }
        #nbslide { display:inline-block; width:40px; color:white; font-family: 'arial'; font-size:1.2em; letter-spacing:0.1em; text-shadow: 1px 1px 1px black; text-align:center;}

        .buttons{padding:5px;}
        .buttons span{color:#364170;padding:0 5px;cursor:pointer;font:12px Verdana;font-weight:bold;}
        .buttons span.active, .buttons span:hover{color:#bc0823}

        #sizepolice { position:relative;width:50px;height:15px;background-color:;margin-top:-20px;padding:5px;padding-left:10px;float:right; }

        .swipe { overflow: hidden; visibility: hidden; position: relative; }
        .swipe-wrap { overflow: hidden; position: relative; }
        .swipe-wrap > div { float:left; width:100%; position: relative; }


        .swipe-wrap .souscont_page { margin:0; padding:0; padding-bottom:40px;  vertical-align: top; }
        .swipe-wrap img {border: 1px solid #b8b8b8; padding:0; margin:0; margin-bottom:2px; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; }
        .swipe-wrap .pt_image { border: 1px solid #b8b8b8; display:inline-block;width:105px;height:80px; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px;}


        .page_sc { width:100%; text-align:left; margin-top:50px;}
        .page_sc img { border:none; margin-left:5px; width:22px;}

        .sltpage { display:table;margin:0; padding:0; margin-top:-28px; margin-right:auto; margin-left:auto; padding-left:5px; padding-right:5px;}
        .sltpage li { display:table-cell; margin:0; padding-right:15px; font: 1.2em 'patuaone-regular';text-transform:uppercase; color:#9E9E9E; }
        .sltpage li:hover { cursor:pointer; }

        .cachepage { position:relative;  min-width:200px; max-width:750px;  overflow:hidden; margin:0; padding:0; padding-top:30px; }

        #acc_widget { display:table; list-style:none; position:relative; margin:0; padding:0; margin-top:40px; letter-spacing:0.0775em; font-size: 1em; height:620px; width:320px; }
        #acc_widget li { display:table-cell; list-style:none; margin-top:15px; margin-left:-2px;}

        #progress-bar {
	        position:absolute;
	        width : 200px;
	        height:50px;
	        left : 50%;
	        margin-left : -100px;
	        top: 300px;
	        background-color:rgba(226,226,226,1);
	        box-shadow: 0px 0px 15px -2px black; 
	        border-radius: 5px; 
	        -moz-border-radius:5px; 
	        -webkit-border-radius: 5px;
	        behavior: url(themes/css/PIE.htc);
	        padding:10px;
	        text-align:center;
	        color: white;
	        font-weight: bold;	
	        moz-opacity:0.9;
	        opacity: 0.9; 
	        filter:alpha(opacity=9);
                display:none;
        }

        #backgf {
          moz-opacity:0;
          opacity: 0; 
          filter:alpha(opacity=0);
        }


        #admin a { text-shadow:none; color:white; }
        #admin a:hover { color:white; }

        #administration {
        padding:10px;
        }


        #administration a {
        color:white;
        padding:5px;
        display: block;
        width:100px;
        text-align:center;
        }

        #administration a:visited {
        color:white;
        }

        #administration a:hover {

        }
}