body {
     background-image: url("../images-mire/mira-bg.png");
     margin: 0px;
     padding: 0px;
     height: 100%;
     width: 100%;
     font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
     font-weight: 400;
     color: #0D214B;
}
#body_index{
    background-color: #243460;
    background-image: none;
    min-width: 459px;
}
 a{
     color: #0D214B;
}
 #logo_wrapper {
     height: 120px;
     text-align: center;
     padding-top: 30px;
     background-color: white;
     padding-bottom:10px;
}
 #logo_wrapper_index {
     height: 180px;
     text-align: center;
     padding-top: 30px;
     background-color: white;
}
 #depuis {
     background-image: url("../images-mire/depuis_1988_mire.png");
     display: block;
     width: 88px;
     height: 82px;
     position: absolute;
     left: 66%;
     top: 30px;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     color: transparent !important;
}
 #nosservices_wrapper {
    background-color: #e4a835;
    color: #2a3259;
    text-align: center;
    font-weight: 700;
    height: 20px;
    /* border-bottom: 2px solid #ffa700; */
    display: block;
    width: 100%;
    padding-bottom: 6px;
}
 #nosservices_wrapper h2 {
    letter-spacing: 1px;
    padding: 0;
    margin: 0px;
}
 #devient_wrapper {
    background-color: #243460;
    color: white;
    text-align: center;
    font-weight: 700;
    border-bottom: 4px solid white; 
    display: block;
    width: 100%;
    padding-bottom: 6px;
}
 #devient_wrapper h2 {
    letter-spacing: 3px;
    font-size: 40px;
    padding: 0;
    margin: 10px 0 8px;
}
#index_bg_wrapper{
    background-color: #243460;
    background-image: url(../images-mire/index_bg.png);
    display: block;
    /*width: 1600px;*/
    margin: 0 auto;
    height: 649px;
    padding: 0;
    background-position: center top;
    background-repeat: no-repeat;
}
#joindre_le_site_btn {
   padding-top:360px;
}
#joindre_le_site_btn a{
   background-image: url(../images-mire/joindre-le-site.png);
    display: block;
    width: 217px;
    height: 50px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent !important;
    margin: 0 auto;
}
 #joindre_le_site_btn a:hover{
     background-image: url("../images-mire/joindre-le-site-h.png");
}
 #services_wrapper {
     background-color: #242f59;
     height: 100px;
     width: 100%;
     display: block;
     text-align: center;
     /*text-transform: uppercase;
     box-shadow: 0 2px 7px;*/
     font-weight: 700;
}
 #services_box {
     width: 998px;
     margin: auto;
}
 .servicebox {
     width: 194px;
     font-size: 20px;
     line-height: 27px;
     text-align: center;
     display: table-cell;
     vertical-align: middle;
     height: 100px;
     color:white;
     /*border-right: 7px solid white;*/
    background-image: url("../images-mire/menu_btn_bg.png");
}
 #services5_box {
     border: none;
}
 #services2_box, #services4_box, #services6_box {
     word-spacing: 1000px;
}
 /*#services2_box, #services4_box {
     background-color: #ADAFAE;
}*/
 #double_col_wrapper{
     width: 100%;
     /*background-color: #0E214B;*/
     /*overflow: hidden;*/
	/* background: center -221px no-repeat url(../images-mire/right-col-bg.png)*/
}
 #left_col_wrapper{
     float: left;
     width: 63%;
     background-color: #fff;
	 box-shadow: inset 0 1px 5px;
}
 #left_col_box{
}
 #equipe_wrapper {
}
 #equipe_box{
     width:760px;
     float:right;
}
 #equipe_wrapper strong{
     font-weight: 800;
}
 .col{
     float:left;
     width:33%;
}
 .email:link, .email:visited{
     font-weight: 800;
}
 .email:link, .email:visited{
     text-decoration: underline;
}
 .email:hover, .email:active{
     text-decoration: none;
}
 #contact_wrapper {
     background-color: #d3d6df;
     width:100%;
     display: inline-block;
     box-shadow: 0 0px 8px;
	 padding-bottom: 20px;
}
#contact_box{
     width:760px;
     float:right;
}
#contact-title {
     /*display: block;
     width: 33%;
     height: 70px;
     vertical-align: middle;*/
     display: inline-block;
     width: 100%;
}
#telephone, #contact-email, #address1, #address2 {
     float: left;
     display: block;
     width: 33%;
     height: 70px;
     vertical-align: middle;
     background-color: white;
    border-bottom: 1px solid black;
    /*display: table-cell;
    vertical-align: middle;*/
}
 #telephone, #contact-email {
     font-size: larger;
     display: table;
}
 #telephone a, #contact-email a {
     display: table-cell;
     vertical-align: middle;
     font-weight: 800;
     padding-left: 10px;
}
 #telephone a:link, #telephone a:visited {
     text-decoration: none;
}
 #telephone a:hover, #telephone a:active {
     text-decoration: underline;
}
 #telephone {
     width: 28%;
}
 #telephone img, #contact-email img {
     padding-right: 5px;
}
#address2 {
     padding-left: 20px;
}
#address1,  #address2 {
    display: table;
}
#address1 span,  #address2 span {
    display: table-cell;
     vertical-align: middle;
}
 #contact_facebook a:hover,  #contact_facebook a:active {
	 text-decoration:none;
}
 #right_col_wrapper{
     float: right;
     width: 37%;
     padding-top: 15px;
     /*background: no-repeat url(../images-lettragraf/right-col-bg.jpg);*/
     min-height: 556px;
	 /*background-color: #0E214B;*/
}
 #boutons_wrapper {
     float:left;
     width:210px;
}
 #boutons_wrapper a {
     /*color: #909090;*/
     font-weight: 700;
     text-decoration: none;
     font-size: larger;
}
 .order_iris, .commande_iris, .catalogues, .cartes_de_noel {
     display: block;
     height: 44px;
     width: 207px;
     float: left;
     text-align: center;
     padding-top: 16px;
}
 .order_iris, .commande_iris, .catalogues, .cartes_de_noel {
    background-color: white;
    display: block;
    width: 197px;
    height: 46px;
    border-radius: 0px 0px 20px 0px;
    margin-left: 16px;
    margin-bottom: 15px;
}
.cartes_de_noel {
    padding-bottom:17px;
}
.boule_de_noel {
    width: 50px;
    height: 62px;
    position: relative;
    display: block;
    background-image: url(../images-mire/boule_de_noel.png);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent !important;
    background-repeat: no-repeat;
    background-size: 44px;
    float: left;
    margin-left: 7px;
    margin-top: -3px;
}
.catalogues {
    font-size: 14px !important;
    padding-bottom: 18px;
}
 .order_iris:hover, .commande_iris:hover, .catalogues:hover, .cartes_de_noel:hover {
    background-color: #e8ab35;
}
 #boutons_wrapper a:hover{
    /* color:#E4A835;*/
}

 #facebook a {
    background-image: url(../images-mire/site-en-developpement-facebook2.png);
    display: block;
    width: 260px;
    height: 260px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent !important;
    background-size: 150px;
    background-repeat: no-repeat;
    background-position-x: 37px;
    
}
 #facebook a:hover {
     background-image: url("../images-mire/site-en-developpement-facebook-h2.png");
}

#contact-form{
    clear: both;
    font-size: 17px;
    color: #0D214B;
}
.contactform_inputblock{
    display: inline-block;
    width: 49%;
}
.contactform_rcol {
    float:right;
}
.text-input__label, .dropdown__label, .message__label {
    padding:5px 0;
    display: block;
}
.dropdown__input, .contactform_input, .contactform_message_input{
    font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
    font-weight: 400;
    min-height: 24px;
    display: block;
    border: none;
    border-bottom: 1px solid#242f59;
    box-shadow: none;
    font-size: 17px;
    padding: 3px 3px 3px 10px;
}
.dropdown__input{
    -webkit-appearance: none;
    appearance: none;
    width: 346px;
    border-radius: 0;
}
.contactform_input, .contactform_message_input {
    margin: 0;
    width: 333px;
}
.contactform_message_input {
    min-height:100px;
}
#contactform_btn button {
    background-color: white;
    display: block;
    width: 197px;
    height: 46px;
    border-radius: 0px 0px 20px 0px;
    /*margin-left: 16px;
    margin-bottom: 15px;*/
    margin-top: 22px;
    font-weight: 700;
    text-decoration: none;
    font-size: larger;
}
#contactform_btn button:hover {
    background-color: #e8ab35;
}
.messages, .output_message{
    /*background-color: #e4a835;*/
    color: white;
    padding: 5px 10px;
}


 @media only screen and (max-width: 1500px) and (min-width: 1230px) {
     #depuis {
         left: 70%;
    }
}

 @media only screen and (max-width: 1230px) and (min-width: 998px) {
     #equipe_box, #contact_box {
         width: 592px;
    }
	#right_col_wrapper {
         /*background-color: #0E214B;*/
    }
     #telephone, #contact-email {
         clear:both;
    }
     #telephone, #contact-email, #address1, #address2 {
         float: none;
         width: auto;
         height: auto;
         padding:0;
         padding-bottom: 10px;
        background: none;
        border: none;
    }
     #depuis {
         left: 75%;
    }
	#facebook a {
        left: 128px;
        top: -423px;
    }
    .contactform_inputblock {
        display: block;
    }
    .contactform_rcol {
        float: none;
    }
}




 @media only screen and (max-width: 997px) {
    body{
        background-image: none;
    }
     #logo_wrapper {
        height: auto;
		padding-bottom: 467px;
    }
     #logo_wrapper imgr {
        width: 100% !important;
    	height: auto !important;
    }
     #depuis {
        display: block;
        position: relative;
        left: auto;
        top: 0px;
        margin: auto;
    }
     #services_wrapper {
        height: auto;
        text-transform: none;
    }
     #services_box {
        width: 100%;
        padding: 10px 0px;
    }
     #services2_box, #services4_box, #services5_box {
        word-spacing: 0px;
        background-color: transparent;
    }
     .servicebox {
        width: auto;
        display: block;
        height: auto;
        border-right: none;
        background-image: none;
    }
     #left_col_wrapper, #right_col_wrapper {
        float: none;
        width: 100%;
        padding-left: 0px;
        box-shadow: none;
    }
     #right_col_wrapper {
        float: none;
        width: 100%;
        background-color: #0E214B;
        min-height: auto;
        position: absolute;
        top: 259px;
        padding-bottom: 15px;
    }
    #equipe_box, #contact_box {
        width: 100%;
        float: none;
        text-align: center;
    }
     #telephone, #contact-email {
        clear:both;
    }
     #telephone, #contact-email, #address1, #address2{
        float: none;
        width: auto;
        height: auto;
        padding:0;
        padding-bottom:0px;
        display:block;
    }
     #contact-title, #telephone, #contact-email, #address1, #address2 {
        float: none;
        display: block;
        width: 100%;
        height: auto;
        padding-bottom:5px;
        background: none;
        border: none;
    }
    #address1 span, #address2 span {
        display: block;
    }
     #telephone a, #contact-email a {
        display: initial;
    }
     .col{
        float: none;
        width: auto;
        height: auto;
        padding:0;
    }
     #boutons_wrapper {
        float: none;
        margin:auto;
    }
     #facebook a {
        float: none;
        left: auto;
        top: 0px;
        margin: auto;
        height:150px;
    }
    .contactform_inputblock {
        display: block;
        width: 100%;
    }
    #contact-form{
        margin: 0 auto;
        width: 36%;
    }
    .contactform_rcol {
        float: none;
    }
    .contactform_input, .contactform_message_input, .dropdown__input {
        width: 100%;
    }
}

@media only screen and (max-width: 830px){
    #index_bg_wrapper {
        background-size: 750px;
    }
    #joindre_le_site_btn {
        padding-top: 155px;
    }
    #contact-form{
        width: 50%;
    }
}


@media only screen and (max-width: 500px){
    #logo_wrapper_index img {
        width: 95% !important;
        height: auto;
    }
    #logo_wrapper img {
        width: 95% !important;
        height: auto;
    }
    #right_col_wrapper {
        top: 220px;
    }
    #contact-form{
        width: 80%;
    }
}




 @media print {
     #left_col_wrapper {
        width:100% 
    }
     #right_col_wrapper {
        display:none;
    }
     #equipe_box, #contact_box {
        width: 95%;
    }
     #telephone, #contact-email {
        clear:both;
    }
     #telephone, #contact-email, #address1, #address2 {
        float: none;
        width: auto;
        height: auto;
        padding:0;
        padding-bottom:10px 
    }
     #facebook, #depuis {
        display:none;
    }
}