/* ---------------------------------------------------------------------- */
/*  Custom Grid
/* ---------------------------------------------------------------------- */

.container.wide {
	margin:0 auto;
	width:980px;
	position:relative;
	background:#FFF;
}

.container_home {
	margin:0 auto;
	width:940px;
	position:relative;
}
.container_menu{
	padding:10px;
	margin:0 auto;
	width:940px;
	position:relative;
}

.container {
	margin:0 auto;
	width:940px;
	position:relative;
	background:#FFF;
}

.container .one-half,
.container .one-third,
.container .one-fourth,
.container .two-thirds,
.container .three-fourths {
	float:left;
}

.container .one-half.last,
.container .one-third.last,
.container .one-fourth.last,
.container .two-thirds.last,
.container .three-fourths.last {
	margin-right:0;
}

.container .one-half       { width:460px; } 
.container .one-third      { width:300px; }  
.container .one-fourth     { width:220px; }    
.container .two-thirds     { width:620px; }   
.container .three-fourths  { width:700px; }


/* ------------------------------------------- */
/*  Responsive Grid - 
/*		1. Tablet 
/*		2. Mobile Portrait
/*		3. Mobile Landscape
/* ------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container.wide            { width:768px; }
	.container                 { width:748px; }
	.container .one-half       { width:364px; } 
	.container .one-third      { width:236px; }  
	.container .one-fourth     { width:172px; }   
	.container .two-thirds     { width:492px; }   
	.container .three-fourths  { width:508px; }
	
}

@media only screen and (max-width: 767px) {
	.container.wide  { width:320px; }
	.container       { width:300px; }
	.container .one-half,  
	.container .one-third, 
	.container .one-fourth,
	.container .two-thirds,
	.container .three-fourths { width:300px; margin-right:0; }
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container.wide  { width:440px; }
	.container       { width:420px; }
	.container .one-half,  
	.container .one-third, 
	.container .one-fourth,
	.container .two-thirds,
	.container .three-fourths { width:420px; margin-right:0; }
	
}

@media only screen and (min-width: 480px) and (max-width: 1800px) {
.container_mobile {display:none;}


 
}
@media screen and (max-width: 480px) {

select.select{
    position:relative;
    z-index:10;
    width:166px !important;
    height:26px !important;
    line-height:26px;
}

/* dynamically created SPAN, placed below the SELECT */
span.select{
    position:absolute;
    bottom:0;
    float:left;
    left:0;
    width:166px;
    height:26px;
    line-height:26px;
    text-indent:10px;
    background:url(images/bg_select.gif) no-repeat 0 0;
    cursor:default;
    z-index:1;
	}

 
}

/*MOBILE*/


/* The CSS */
option .p_plan_1 {text-align:center;padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px;border: px #002c52 solid ;text-decoration:none; }
option.p_plan_2 {text-align:center;padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px ;border: px #002c52 solid ;text-decoration:none; }
option.p_plan_3 {text-align:center;padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px ;border: px #002c52 solid ;text-decoration:none; }
option.p_plan_4 {text-align:center;padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px ;border: px #002c52 solid ;text-decoration:none; }
option.p_plan_5 {text-align:center;padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px ;border: px #002c52 solid ;text-decoration:none; }


option.p_plan_2_fin {padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px ;border:px #002c52 solid ;text-align: left;text-decoration:none;}
option.p_plan_3_fin {padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px ;border:px #002c52 solid ;text-align: left;text-decoration:none;}
option.p_plan_4_fin {padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px ;border:px #002c52 solid ;text-align: left;text-decoration:none;}
option.p_plan_5_fin {padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px ;border:px #002c52 solid ;text-align: left;text-decoration:none;}



option.texte_plan
{font-size:30px;padding:5px;width:60px;background: #ccc ;color: #002c52 ;font-style:  ;font-size:13px ;border:px #002c52 solid ;text-align: left;text-decoration:none}



option.texte_defaut
{padding:50px;width: 30px;background:#50f564 ;color: #002c52 ;font-style:  ;font-size:13px ;border:px #002c52 solid ;text-decoration:none}

texte_plan_titre {text-transform: uppercase; font-weight:bold;}

select {
    padding:3px;
    margin: 0;
    border-radius:4px;
    -webkit-box-shadow: 
        0 3px 0 #ccc,
        0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none; 
    cursor:pointer;
    width:100%;
    max-width:600px
}

option {
text-transform:uppercase;
color:#FFF;
font-size:15px;
background:#002cc52;

}
© { 
    select {padding-right:18px}
    label {position:relative}
    label:after {
        content:'<>';
        font:11px "Consolas", monospace;
        color:#aaa;
        -webkit-transform:rotate(90deg);
        position:absolute;
        right:4px;
        top:2px;
        padding:0 0 2px;
        pointer-events:none;
        border-bottom:1px solid #ddd;
    }
}


/* ---------------------------------------------------------------------- */
/*  Custom Grid
/* ---------------------------------------------------------------------- */

.container.wide {
	margin:0 auto;
	width:980px;
	position:relative;
}

.container_home {
	margin:0 auto;
	width:940px;
	position:relative;
}
.container_menu{
	padding:10px;
	margin:0 auto;
	width:940px;
	position:relative;
}

.container {
	margin:0 auto;
	width:940px;
	position:relative;
}

.container .one-half,
.container .one-third,
.container .one-fourth,
.container .two-thirds,
.container .three-fourths {
	float:left;
}

.container .one-half.last,
.container .one-third.last,
.container .one-fourth.last,
.container .two-thirds.last,
.container .three-fourths.last {
	margin-right:0;
}

.container .one-half       { width:460px; } 
.container .one-third      { width:300px; }  
.container .one-fourth     { width:220px; }    
.container .two-thirds     { width:620px; }   
.container .three-fourths  { width:700px; }


/* ------------------------------------------- */
/*  Responsive Grid - 
/*		1. Tablet 
/*		2. Mobile Portrait
/*		3. Mobile Landscape
/* ------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container.wide            { width:768px; }
	.container                 { width:748px; }
	.container .one-half       { width:364px; } 
	.container .one-third      { width:236px; }  
	.container .one-fourth     { width:172px; }   
	.container .two-thirds     { width:492px; }   
	.container .three-fourths  { width:508px; }
	
}

@media only screen and (max-width: 767px) {
	.container.wide  { width:320px; }
	.container       { width:300px; }
	.container .one-half,  
	.container .one-third, 
	.container .one-fourth,
	.container .two-thirds,
	.container .three-fourths { width:300px; margin-right:0; }
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container.wide  { width:440px; }
	.container       { width:420px; }
	.container .one-half,  
	.container .one-third, 
	.container .one-fourth,
	.container .two-thirds,
	.container .three-fourths { width:420px; margin-right:0; }
	
}

@media only screen and (min-width: 480px) and (max-width: 1800px) {
.container_mobile {display:none;}

 
}
@media screen and (max-width: 480px) {

select.select{
    position:relative;
    z-index:10;
    width:166px !important;
    height:26px !important;
    line-height:26px;
}

/* dynamically created SPAN, placed below the SELECT */
span.select{
    position:absolute;
    bottom:0;
    float:left;
    left:0;
    width:166px;
    height:26px;
    line-height:26px;
    text-indent:10px;
    background:url(images/bg_select.gif) no-repeat 0 0;
    cursor:default;
    z-index:1;
	}

 
}

/*MOBILE*/


/* The CSS */
option .p_plan_1 {text-align:left;padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px;border: px #002c52 solid ;text-decoration:none; }
option.p_plan_2 {text-align:left;padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px ;border: px #002c52 solid ;text-decoration:none; }
option.p_plan_3 {text-align:left;padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px ;border: px #002c52 solid ;text-decoration:none; }
option.p_plan_4 {text-align:left;padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px ;border: px #002c52 solid ;text-decoration:none; }
option.p_plan_5 {text-align:left;padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px ;border: px #002c52 solid ;text-decoration:none; }


option.p_plan_2_fin {padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px ;border-bottom:1px #002c52 solid ;text-align: left;text-decoration:none;}
option.p_plan_3_fin {padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px ;border-bottom:1px #002c52 solid ;text-align: left;text-decoration:none;}
option.p_plan_4_fin {padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px ;border-bottom:1px #002c52 solid ;text-align: left;text-decoration:none;}
option.p_plan_5_fin {padding:5px;background: #FFF ;color: #002c52 ;font-style:  ;font-size:13px ;border-bottom:1px #002c52 solid ;text-align: left;text-decoration:none;}



option.texte_plan
{font-size:30px;padding:5px;width:60px;background: #ccc ;color: #002c52 ;font-style:  ;font-size:13px ;border:px #002c52 solid ;text-align: left;text-decoration:none}



option.texte_defaut
{padding:50px;width: 30px;background:#50f564 ;color: #002c52 ;font-style:  ;font-size:13px ;border:px #002c52 solid ;text-decoration:none}

texte_plan_titre {text-transform: uppercase; font-weight:bold;}

select {
    padding:3px;
    margin: 0;
    border-radius:4px;
    -webkit-box-shadow: 
        0 3px 0 #ccc,
        0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none; 
    cursor:pointer;
    width:100%;
    max-width:600px
}

option {
text-transform:uppercase;
color:#FFF;
font-size:15px;
background:#002cc52;

}
@media screen (min-width: 320px){ 
    select {padding-right:18px}
    label {position:relative}
    label:after {
        content:'<>';
        font:11px "Consolas", monospace;
        color:#aaa;
        -webkit-transform:rotate(90deg);
        position:absolute;
        right:4px;
        top:2px;
        padding:0 0 2px;
        pointer-events:none;
        border-bottom:1px solid #ddd;
    }
}


@media screen (min-width:300px){ 
    select {display:none;}
    label:after {display:none;}
    }