/* 
    Document   : styles
    Created on : 15 juin 2013, 15:53:52
    Author     : Zon
    Description:
        Purpose of the stylesheet follows.
*/

body { 
   background:transparent url('../img/bg.png') fixed repeat-x top center;  
}

.header.panel { background: none;
       display: table;
  
    padding: 20px;
    width: 100%;
}
.panel {margin-bottom:12px;}
ul.smartphones-links {margin-left:0px}
.header.panel {-moz-box-shadow:none;-webkit-box-shadow:none;;box-shadow:none;border:none;text-align: center; padding:0px}
@media screen and (min-width: 905px){
.header.panel .logo {float:left; margin-top: 10px}
.header.panel .logo2 {float:right;   margin-top: 24px;}
.header.panel h5 {float:left;color:#fff; font-size:51px;text-align:center;font-weight:normal; margin:40px 0 0 9px }

}
form input[type=text] { border: 1px solid #88c7ca}
form input[type=submit] { background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    color: #086B6C;
    font-weight: bold;
    height: 35px;cursor:pointer;
    text-transform: uppercase;
    width: 100%;-moz-box-shadow:0px 0px 6px -3px rgba(8, 107, 108, 0.49);
-webkit-box-shadow:0px 0px 6px -3px rgba(8, 107, 108, 0.49);
box-shadow:0px 0px 6px -3px rgba(8, 107, 108, 0.49);}
form input[type=submit]:hover{-moz-box-shadow:0px 0px 6px -1px rgba(8, 107, 108, 0.49);
-webkit-box-shadow:0px 0px 6px -1px rgba(8, 107, 108, 0.49);
box-shadow:0px 0px 6px -1px rgba(8, 107, 108, 0.49);}
.panel {-moz-box-shadow:0px 0px 6px 2px rgba(0, 0, 0, 0.49);
-webkit-box-shadow:0px 0px 6px 2px rgba(0, 0, 0, 0.49);
box-shadow:0px 0px 6px 2px rgba(0, 0, 0, 0.49); background-color: #e7e6e6;
background-image: url('../img/bg_panel.png');
background-repeat:repeat-x;
background-position:bottom left;
}
#main.panel {background:#ffffff url('../img/bg_main_panel.png') repeat-x top left; }
#main.panel ul {margin-left:20px; display:table;} 
.column, .columns { padding: 0 8px}
#main {line-height:1.22em}
/* font surcharge */

body, h1, h2, h3, h4, h5, h6 {font-family: 'Signika', sans-serif;}
h5 {color:#009aa2}
/* menu */

header nav {background-color:#e5e4e4; -moz-box-shadow:0px 0px 6px 2px rgba(0, 0, 0, 0.49);
-webkit-box-shadow:0px 0px 6px 2px rgba(0, 0, 0, 0.49);
box-shadow:0px 0px 6px 2px rgba(0, 0, 0, 0.49); background-color: #e7e6e6; }
nav ul{padding: 0;position: relative;margin:0px; z-index: 99;} /*On spécifie le z-index*/
nav ul li{width: 10.7em;display:inline-block;text-align:center;}
nav ul li a {text-transform: uppercase; display:block; text-align:center; color:#58585a; line-height: 42px}

/* - page resultat */

.column1 h1, .column2 h1 {color:#086b6c; font-size:17px;text-transform: uppercase}
.column1 h2 {color:#009aa2; font-size:34px}

.column1 ul, .column2 ul {list-style-type: none; }
.column1 > ul {margin:0;padding:0px; }
.column1 > ul > li {margin:0 0 20px 0; text-align:left;}
.column1 ul li.nom span{font-weight:bold; font-size: 13px;color:#009aa2}
/*.column1 ul li.nom ul {padding-left:35px}*/
.column1 img {margin-right:10px;vertical-align: bottom}
.column2 {border-left:solid 2px #039ba3; }
.column1 sup {font-size:12px;}
.column1 {padding:0 10px}
.column2 {float:right;padding-left:38px; padding-bottom:60px}

.column1 h1.inf5 {font-size:15px;}
 /* les autres menus */
 
.menu ul {list-style-type: none;width: 100%}
.menu ul li {text-align:center;}
.menu ul li a {text-transform:uppercase; color:#5b6570; text-decoration:underline}
.menu ul li.active a { color:#009aa2; text-decoration:none}
.menu ul li a:hover {text-decoration:none}
.menu ul li.active a:hover {text-decoration:underline}

h5 {text-align:center;; text-transform: uppercase}
.footer {text-align: center;color: #707173;font-size: 11px;margin-bottom:55px; margin-top:20px;}
.footer .lastmenu a {color: #707173;    font-weight: bold;font-size: 16px;    margin: 5px 15px;}
.footer .ultimateMenu a {color: #707173;    font-weight: bold;font-size: 11px;    margin: 5px 10px;}
.footer .ultimateMenu h5 {font-size: 15px; }
.footer .panel {height:166px;}
body.trouver-un-huissier a.ville {text-transform :uppercase}
#alertPanel {width:100%; height:100%; z-index: 100; position: absolute; top:0; left:0; background: rgba(255, 255, 255, 0.6);visibility:hidden}
.alertPosition { background-color: #FFFFFF;
    border: 1px solid #CECECE;
  
    left: 37%;
    padding: 30px;
    position: relative;
    top: 191px;
    width: 400px;text-align:center;-moz-box-shadow:0px 0px 6px 2px rgba(0, 0, 0, 0.49);
-webkit-box-shadow:0px 0px 6px 2px rgba(0, 0, 0, 0.49);
box-shadow:0px 0px 6px 2px rgba(0, 0, 0, 0.49); font-size:15px; color:#5b6570}
.alertPosition input {margin-top: 10px}
/* habillages */
#main h1 {font-size:30px; color:#3F565E; text-transform: uppercase}
#main h2 {font-size:25px; color:#009AA2; }
#main h3 {font-size:20px; color:#000000; }
body.home #main h1 {font-size:20px; color:#086b6c; text-transform: uppercase;  margin-top: 0;margin-bottom: 0;}
body.home #main h2 {font-size: 25px; color:#009aa2; text-transform: lowercase; margin-top:0px;}
#main h1.recherche { color:#009AA2; text-transform: none;font-size:25px;}
#main h2.recherche { color:#009AA2; text-transform: none;font-size:25px;}
img.home {float:left; margin-right:20px; margin-bottom:14px;}
/*@media et autres .......... */
p.nomargin {margin:0px; padding:0px;}
 /*AFFICHAGE 906 PIXELS*/
@media screen and (max-width: 905px){
    .header.panel .logo {float:left;}
    .header.panel .logo2 {float:right;margin-top:20px }
    .header.panel h5 { color: #FFFFFF;    float: left;    font-size: 44px;    margin: 44px 0 0 15px;}
    nav{max-width: 44em;margin: auto;}
    nav ul li{max-width: 8.35em;}
}

div.clear {clear:both;display:block}


.footer .row {margin-top:20px;}
.footer  h6 a {display:block}

.nopadding {padding:0 15px}

/*FIN AFFICHAGE 906 PIXELS*/ 

/*AFFICHAGE <800 PIXELS*/
@media screen and (max-width: 800px){
    nav {max-width:800px;}
    img.logo2{display:none}    
    .header.panel h5 { color: #FFFFFF;
        float: left; 
        font-size: 43px;
        margin: 44px 0 0 15px;}
    body.home #main ul {clear:both;padding-top:15px;display: block}
    body.home #main h1 {text-align:center; margin-bottom: 20px;font-size:20px;}
body.home #main h2 {text-align:center;font-size:25px;}
    nav ul li{display:inline;font-size:18px;}
#main h1.recherche { color:#009AA2; text-transform: none;font-size:20px;}
#main h2.recherche { color:#009AA2; text-transform: none;font-size:20px;}
    .smartphones-links{
    height: 40px;
    margin-top: 1px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    line-height:40px
    }
}
 /*AFFICHAGE 906 PIXELS*/
@media screen and (max-width: 905px){
nav{margin: auto;}
nav ul li{max-width: 8.35em;}
.sous-titre{display: none;}}
/*FIN AFFICHAGE 906 PIXELS*/ 

/*AFFICHAGE <800 PIXELS*/
@media screen and (max-width: 800px){
 .logo2{display:none;}   
  .header.panel h5 { color: #FFFFFF;
        float: left; 
        font-size: 23px;
        margin: 40px 0 0 15px;}
 .logo {width:84px; margin-top:20px}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Your Styles */
.header.panel h5 {display:none}
.logo {margin-left:40%}
  .smartphones-links{
    height: 40px;
    margin-top: 1px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    line-height:40px
    }
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Your Styles */


}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    .header.panel h5 {display:none}
  .smartphones-links{
    height: 40px;
    margin-top: 1px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    line-height:40px
    }
/* Your Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Your Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* Your Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Your Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Your Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Your Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-pixel-ratio : 1.5),
only screen and (min-pixel-ratio : 1.5) {
    
/* Your Styles */
}