/* Computer */
.grid_1 {width:6.5%;} 
.grid_2 {width:15%;} 
.grid_3 {width:23.5%;} 
.grid_4 {width:32%;} 
.grid_5 {width:40.5%;}
.grid_6 {width:49%;} 
.grid_7 {width:57.5%;} 
.grid_8 {width:66%;} 
.grid_9 {width:74.5%;} 
.grid_10 {width:83%;} 
.grid_11 {width:91.5%;} 
.grid_12 {width:100%;} 

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {margin: 0 20px 20px 0;float:left;display:block;}

.alpha {margin-left:0;}
.omega {margin-right:0;}
.gallery-list {margin:0;padding:0;}
.little_respond {display:none;}

.container{width:1000px;max-width:1000px;margin:auto;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{position:relative;z-index:99;clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

@media all and (max-width:479px){
 .filtr_bg {margin-top:65px !important;left:50%}
 h2 {font-size:25px;line-height:50px;margin:0;}
 h4 {font-size:22px;line-height:28px;}
 #slide1 p img {width:80%;}
 .padding_slide1 {padding:188px 0 100px;}
 .filtr_bg {width:300px;margin-left:-150px;padding-top:5px;}
 .center_bord {margin:16px auto 14px;height:1px;}
 #slide1 span {font-size:18px;line-height:30px;padding-left:0px;letter-spacing:0px;margin-left:0px;}
 #slide1 h1 {font-size:35px;line-height:45px;padding-left:0;font-weight:bold;}
 #slide1 h2 {font-size:18px;line-height:25px;padding-left:0;}
 #slide1 p {font-size:14px;line-height:15px;padding-left:0;letter-spacing:0;margin-left:0px;}
 #slide1 .p_adresse {float:none;}
 #slide1 .p_adresse_espace {display:block;}
 #slide1 .button {margin:auto;margin-top:0px;}
 #slide2 h3 {font-size:15px;}
 #slide4 h2 {line-height:30px;}
 .ca-menu li {min-height:300px;}
 .educ_block p {font-size:16px;}
 .pers_inf li {font-size:12px;}
 .pers_inf li span {width:110px;}
 /*.boutonAchat {display:none;}*/
 /* _____________ menu ______________ */
 .menu {position:fixed;top:0;height:40px !important;padding-bottom:0px !important;margin-top:0 !important;}
 .btn_dropdown, .btn_dropdown1, .btn_dropdown2 {display:block;}
 ul.navigation li, ul.navigation1 li, ul.navigation2 li {float:none;width:100%;text-align:left;padding:9px 0 7px 20px;margin:0;color:#343434;font-size:18px;}
 .navigation li:hover, .navigation .active, .navigation1 li:hover, .navigation1 .active, .navigation2 li:hover, .navigation2 .active {color:#fff;background:#F90;border-bottom:1px solid #616161;}
 .navigation, .navigation1, .navigation2 {display:none;left:0;top:7px;width:160px;background:#fff;border-radius:5px;box-shadow:0 0 4px #000;}
 ul.navigation {width:200px;padding:0;margin:0;}
 ul.navigation1 {width:200px;padding:0;margin-left:50px;}
 ul.navigation2 {width:200px;padding:0;margin-right:0;}
 ul.navigation1, ul.navigation2 a img {vertical-align:middle;}
 .navigation1 img {vertical-align:middle;}
 #nav {margin:0;}
 /* ____________ //menu _____________ */	
 .container { width: 300px; }
 .grid_1,
 .grid_2,
 .grid_3,
 .grid_4,
 .grid_5,
 .grid_6,
 .grid_7,
 .grid_8,
 .grid_9,
 .grid_10,
 .grid_11,
 .grid_12 {width:300px;}
 .fright{float:none;}
 .fleft{float:none;}
}

@media only screen and (min-width: 480px) and (max-width: 766px) {
 h1 {font-size:46px;line-height:115px;padding-bottom:0;}
 #logo {text-align:center;}
 .padding_slide1 {padding:188px 0 100px;}
 .filtr_bg {width:420px;margin-left:-210px;padding-top:5px;}
 .center_bord {margin:16px auto 14px;height:1px;}
 #slide1 span {font-size:18px;line-height:30px;padding-left:0px;letter-spacing:0px;margin-left:0px;}
 #slide1 h1 {font-size:50px;line-height:60px;padding-left:0;}
 #slide1 h3 {font-size:18px;line-height:35px;padding-left:0;}
 #slide1 p {font-size:18px;line-height:35px;padding-left:0;letter-spacing:0;margin-left:0px;}
 #slide1 .p_adresse {float:none;}
 #slide1 .p_adresse_espace {display:block;}
 #slide1 .button {margin:auto;margin-top:-10px}
 .contact_form textarea {width:93%;}
 .boutonAchat {display:none;}
 /* _____________ menu ______________ */	
 #nav {margin:0;}
 /* ____________ //menu _____________ */	
 .container { width: 420px; }
 .grid_1,
 .grid_2,
 .grid_3,
 .grid_4,
 .grid_5,
 .grid_6,
 .grid_7,
 .grid_8,
 .grid_9,
 .grid_10,
 .grid_11,
 .grid_12 {width:420px;}
 .fright{float:none;}
 .fleft{float:none;}
}

@media only screen and (min-width: 767px) and (max-width: 1400px) {	
 .gallery-list .omega {margin-right:10px;}
 .filtr_bg {width:600px;margin-left:-300px;padding-top:15px;padding-bottom:10px;margin-top:5% !important;}
 .center_bord {margin:16px auto 14px;height:1px;}
 #slide1 span {font-size:25px;line-height:30px;padding-left:10px;letter-spacing:12px;margin-left:-8px;}
 #slide1 h1 {font-size:50px;line-height:70px;padding-left:0;}
 #slide1 h2 {font-size:20px;line-height:40px;padding-left:0;}
 #slide1 p {font-size:18px;line-height:20px;padding-left:8px;letter-spacing:4px;margin-left:0px;}
 #slide1 .button {margin:auto;margin-top:10px;width:45px;height:45px;background-position:center;}
 #slide1 p img {width:40%;}
 #slide1 .p_adresse {float:none;}
 #slide1 .p_adresse_espace {display:block;}
 #slide2 h2 {font-size:45px;padding-left:5px;}
 #slide2 h3 {font-size:13px;margin:1%;padding:1%;padding-left:0;margin-left:0;}
 #slide4 h2 {font-size:40px;padding-left:5px;line-height:40px;}
 #slide4 h3 {font-size:15px;}
 #slide4 h4 {font-size:15px;}
 .left_bord2, .right_bord2 {display:none;}
 /* _____________ menu ______________ */
 .menu {height:50px;}
 ul.navigation {width:100%;margin:auto;text-align:center;}
 .navigation li {width:auto;margin-left:3%;margin-top:2%;}
 .navigation li:hover, .navigation .active {border-bottom:3px solid #c84942;}
 .ph-line-nav .effect {display:none;}
 /* ____________ //menu _____________ */
 .container { width: 724px; }
 .container .alpha { margin-left: 0; margin-right: 5px; }
 .container .omega { margin-right: 0; }
 .gallery-list .omega {margin-right:10px;}
 .container .respond_pad {padding-right:20px;}
 .grid_3 {width:166px;}
 .grid_4 {width:228px;}
 .grid_5 {width:290px;}
 .grid_6 {width:352px;}
 .grid_7 {width:414px;}
 .grid_8 {width:475px;}
 .grid_9 {width:538px;}
 .grid_12 {width:724px;}
}

@media only screen and (max-width: 599px) {
 #slide1 {background-image:url(../img/fond/calanque-marseille-S.jpg);height:auto !important;}
 #slide2 {background-image:url(../img/fond/souvenirs-marseille-S.jpg);background-size:auto !important;height:auto !important;}
 #slide4 {background-image:url(../img/fond/fabrication-artisanale-marseille-chocolaterie-S.jpg);background-size:auto !important;}
 #slide6 {background-image:url(../img/fond/chocolaterie-marseille-vieux-port-S.jpg);background-size:auto !important;}
 .slide{background-attachment: scroll;background-position:0 0 !important;}
}

@media only screen and (min-width:600px) and (max-width: 1024px) {
 #slide1 {background-image:url(../img/fond/calanque-marseille-T.jpg);}
 #slide2 {background-image:url(../img/fond/souvenirs-marseille-T.jpg);}
 #slide4 {background-image:url(../img/fond/fabrication-artisanale-marseille-chocolaterie-T.jpg);}
 #slide6 {background-image:url(../img/fond/chocolaterie-marseille-vieux-port-T.jpg);}
 .slide{background-attachment: scroll;background-position:0 0 !important;}
}

@media only screen and (min-width: 1025px) {
 #slide1 {background-image:url(../img/fond/calanque-marseille.jpg);}
 #slide2 {background-image:url(../img/fond/souvenirs-marseille.jpg);}
 #slide4 {background-image:url(../img/fond/fabrication-artisanale-marseille-chocolaterie.jpg);}
 #slide6 {background-image:url(../img/fond/chocolaterie-marseille-vieux-port.jpg);}
 #slide12 h5 {padding-left:340px;}
}