/* 
    Document   : styles
    Created on : 23 févr. 2010, 11:57:06
    Author     : julienpate
    Description:
        holosfindMobile
*/


/* must be changed ( dynamic version ) */

/*

generals

*/

body, div, span, p, h4, h5, h6, strong, form, acronym, label, table, td, th, a, code, pre {

    margin: 0px;
    padding: 0px;
    background-repeat: no-repeat;
    list-style-type: none;

}

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

body {
    font-family:Arial, Verdana, Helvetica;
    color:black;
    font-size:9.5pt;
}

ul {
    padding:0;
    margin:0;
    list-style-type:none;
}

li {
    float:left;
}



/* for the bottom footer */

#main {padding-bottom: 126px;}  


.hm_body:after {content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;}
.hm_body {display: inline-block;}


* html .hm_body { height: 1%;}
.hm_body {display: block;}


.container_center {
    width:890px;
    margin:0 auto;
}

.subtitle {
    color:#868686;
    font-size:9pt;
}


.orangetxt {
    color:#ff7b00;
}

.greentxt {
    color:#70A900;
}


/* 

    header

*/


div.header {
    width:100%;    
}

div.header .headerbar{
    height:34px;
}

div.header .headerbar .logo{
}

div.header .headerbar .tagline{
    float:right;
    background-image:url('../images/holosfind_tagline.png');
    width:190px;
    height:34px;
}

div.header .bannerbarhome{
    background-image:url('../images/bannerhome_bg.png');
    background-repeat:repeat-x;
    display:block;
    height:270px;
    width:100%;
}

div.header .bannerbar{
    background-image:url('../images/banner_bg.png');
    background-repeat:repeat-x;
    display:block;
    height:145px;
    width:100%;
}

div.header .tagline{
    background-image:url('../images/tagline.png');
    background-repeat:no-repeat; 
}


/*

    menu

*/


div.menu {
    background-image:url('../images/menu_bg.png');
    background-repeat:repeat-x;
    display:block;
    height:65px;
    width:100%;
    color:#4a4a4a;
    font-size:16pt;
}

div.menu a, div.menu a:visited, div.menu a:hover {
    text-decoration:none;
    color:#4a4a4a;
}

div.menu p.subtitle *, div.menu p.subtitle {
    color:#868686;
    font-size:9pt;
    text-decoration:none;
}

div.menu li {
    cursor:pointer;
}


li.li_menu {
    /*padding:0px 22px 0px 22px;*/ /* must be changed ( dynamic version ) */
    padding:0px 48px 0px 48px;
}

li.li_menufirst {
    padding:0px 48px 0px 0px;
}

div.menu_home {
    padding:7px 0px 0px 0px;
}

div.menu_home .ico {
    background-image:url('../images/home_ico.png');
    height:26px;
    width:26px;
}

div.menu_home .ico .selected {
    background-image:url('../images/home_ico_selected.png');
    height:26px;
    width:26px;
}


div.menu_home .selected {
    background-image:url('../images/home_ico_selected.png');
    height:26px;
    width:26px;
}



div.menu_solutions {
    padding:7px 0px 0px 0px;
}

div.menu_solutions .ico {
    background-image:url('../images/solutions_ico.png');
    height:26px;
    width:26px;
}

div.menu_solutions .ico .selected {
    background-image:url('../images/solutions_ico_selected.png');
    height:26px;
    width:26px;
}

div.menu_solutions .selected {
    background-image:url('../images/solutions_ico_selected.png');
    height:26px;
    width:26px;
}



div.menu_metiers {
    padding:7px 0px 0px 0px;
}

div.menu_metiers .ico {
    background-image:url('../images/metiers_ico.png');
    height:26px;
    width:26px;
}

div.menu_metiers .ico .selected {
    background-image:url('../images/metiers_ico_selected.png');
    height:26px;
    width:26px;
}

div.menu_metiers .selected {
    background-image:url('../images/metiers_ico_selected.png');
    height:26px;
    width:26px;
}

div.menu_clients {
    padding:7px 0px 0px 0px;
}

div.menu_clients .ico {
    background-image:url('../images/clients_ico.png');
    height:26px;
    width:26px;
}

div.menu_clients .ico .selected {
    background-image:url('../images/clients_ico_selected.png');
    height:26px;
    width:26px;
}

div.menu_clients .selected {
    background-image:url('../images/clients_ico_selected.png');
    height:26px;
    width:26px;
}

div.menu_contact {
    padding:7px 0px 0px 0px;
}

div.menu_contact .ico {
    background-image:url('../images/contact_ico.png');
    height:26px;
    width:26px;
}

div.menu_contact .ico .selected {
    background-image:url('../images/contact_ico_selected.png');
    height:26px;
    width:26px;
}

div.menu_contact .selected {
    background-image:url('../images/contact_ico_selected.png');
    height:26px;
    width:26px;
}



/*

    holosfind mobile body

*/



div.hm_container {
    background-image:url('../images/body_bg.png');
    background-repeat:repeat-x;
    min-height:240px;
}


/*

    footer

*/


div.footer {
    background-image:url('../images/footer_bg.png');
    background-repeat:repeat-x;
    display:block;
    height:126px;
    position: relative;
    margin-top: -126px; /* negative value of footer height */
    clear:both;
}


div.footer li.logo {
    background-image:url('../images/holosfindfooter_ico.png');
    background-repeat:no-repeat;
    width:17px;
    height:17px;
    display:block;
}


div.footer ul {
    padding-top:7px;
}


div.footer div.title {
    font-weight:bold;
    color:#424a4f;
    font-size:11pt;
}


div.footer div.rub a, div.footer div.rub a:visited {
    text-decoration:none;
    color:#424a4f;
    font-size:9.5pt;
}


div.footer div.rub a:hover {
    text-decoration:underline;
}



/*

    home

*/



div.home {
    padding:30px 0px 70px 0px;
}

div.home li.leftpart .cadre_communication {
    margin-top:30px;
    width:610px;
    height:180px;
    border:1px solid #7c7c7c;
    display:block;
}

div.home li.leftpart ul {
    padding-top:25px;
}


div.home li.leftpart .blocktext {
    width:290px;
    min-height:200px;
}

div.home li.leftpart .blocktext .title {
    padding:15px 0px 0px 0px;
    color:#424a4f;
    font-size:18px;
    font-weight:bold;
    text-transform:uppercase;
}

div.home li.leftpart .blocktext .ico {
    padding:0px 0px 0px 0px;
}

div.home li.leftpart .blocktext .text{
    clear:both;
    text-align:justify;
    padding:5px 0px 0px 15px;
}

div.home li.leftpart .blocktext p.plist {
    font-weight:bold;
    text-indent:10px;
    font-size:10.5pt;
    padding-bottom:5px;
}

div.home li.leftpart .blocktext p.link {
    color:#ff7b00;
}

div.home li.leftpart .blocktext p.link a, div.home li.leftpart .blocktext p.link a:visited{
    color:#ff7b00;
    text-decoration:none;
}

div.home li.leftpart .blocktext p.link a:hover{
    text-decoration:underline;
}

div.home li.leftpart .blocktext .logothumb_block .logothumb {
    position:relative;
    width:70px;
    height:50px;
    background-image:url(../images/logothumb_bg.png);
}

div.home li.leftpart .blocktext .logothumb_block .logothumb .container{
    width:68px;
    height:48px;
    margin:1px;
    position:absolute;
    background-color:white;
}

div.home li.leftpart .blocktext .logothumb_block ul {
    padding:0px;
    margin:0px;
}

div.home li.leftpart .blocktext .logothumb_block ul li.logothumbpadd {
    padding-left:30px; /* must be changed ( dynamic version ) */
}


/*

    widgets

*/


li.rightpart div.block_widget {
    position:relative;
    border:1px solid #c2c6ca;
    background-color:white;
    width:225px;
    display:block;
    margin:30px 0px 0px 50px;
}

div.message_ico {
    position:absolute;
    margin:5px 0px 0px 25px;
    background-image:url('../images/message_ico.png');
    width:46px;
    height:46px;
    z-index:3;
}

div.twitt_ico {
    position:absolute;
    margin:5px 0px 0px 25px;
    background-image:url('../images/twitt_ico.png');
    width:46px;
    height:46px;
    z-index:3;
}

li.rightpart div.block_widget hr{
    color:#e5e5e5;
    background-color:#e5e5e5;
    margin:0px 25px 0px 25px;
    height: 1px;
    border: 0px;
    clear:both;
}

li.rightpart div.block_widget ul {
    margin:10px 0px 0px 10px;
    height:1%;
    display:block;
    cursor:pointer;
}

li.rightpart div.block_widget div.text {
    color:#4a4a4a;
    font-size:14pt;
    padding:0px 0px 0px 20px;
    display:block;
}

li.rightpart div.block_widget div.twitterfeed {
    margin:15pt 10pt 10pt 10pt;
    color:#35bde4;
    font-size:11.5pt;
}

li.rightpart div.block_widget div.twitterfeed p {
    color:black;
    font-size:9pt;
    text-align:justify;
}

li.rightpart div.block_widget div.twitterfeed p span {
    color:#35bde4;
}

li.rightpart div.block_widget div.twitterfeed a, li.rightpart div.block_widget div.twitterfeed a:visited {
    color:#35bde4;
    text-decoration:none;
}

li.rightpart div.block_widget div.twitterfeed a:hover {
    color:#35bde4;
    text-decoration:underline;
}


li.rightpart div.block_widget li.ico_hg {
    background-image:url('../images/holosfind_ico.png');
    background-repeat:no-repeat;
    width:32px;
    height:32px;
    padding-bottom:15px;
    display:block;
}


li.rightpart div.block_widget li.ico_press {
    background-image:url('../images/presse_ico.png');
    background-repeat:no-repeat;
    width:32px;
    height:32px;
    padding-bottom:15px;
    display:block;
}

li.rightpart div.block_widget li.ico_rss {
    background-image:url('../images/rss_ico.png');
    background-repeat:no-repeat;
    width:32px;
    height:32px;
    padding-bottom:15px;
    display:block;
}

li.rightpart div.block_widget li.ico_facebook {
    background-image:url('../images/facebook_ico.png');
    background-repeat:no-repeat;
    width:32px;
    height:32px;
    padding-bottom:15px;
    display:block;
}

li.rightpart div.block_widget li.ico_twitter {
    background-image:url('../images/twitter_ico.png');
    background-repeat:no-repeat;
    width:32px;
    height:32px;
    padding-bottom:15px;
    display:block;
}

li.rightpart div.block_widget li.ico_newsletter {
    background-image:url('../images/newsletter_ico.png');
    background-repeat:no-repeat;
    width:32px;
    height:32px;
    padding-bottom:15px;
    display:block;
}

li.rightpart div.block_widget ul.firstul{
    margin:15px 0px 0px 10px;
}

li.rightpart div.block_widget a {
    text-decoration:none;
}

li.rightpart div.block_widget p.subtitle *, li.rightpart div.block_widget p.subtitle {

    text-decoration:none;
}

/*

    Contact

*/


div.contact {
    padding:30px 0px 70px 0px;
}

div.contact li.leftpart .cadre_communication {
    margin-top:30px;
    width:610px;
    height:150px;
    border:1px solid #72aa00;
    display:block;
    background-image:url('../images/mapbg.png');
    background-repeat:no-repeat;
}


div.contact li.leftpart .holosfind_mobile {
    color:black;
    font-size:15pt;
    margin:15px 0px 0px 20px;
}

div.contact li.leftpart .holosfind_mobile span{
    color:#70a900;

}

div.contact li.leftpart .holosfind_mobile p{
    color:black;
    font-size:12pt;
}

div.contact li.leftpart .holosfind_coord {
    color:black;
    font-size:11pt;
    margin:15px 0px 0px 20px;
}

div.contact li.leftpart div.cadre_form {
    margin-top:30px;
    width:610px;
    border:1px solid #eee;
    display:block;
    -moz-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div.contact li.leftpart div.cadre_form .headerform {
    padding:10px;
}

div.contact li.leftpart div.cadre_form .headerform .title {
    padding-top:15px;
    font-weight:bold;
    color:#424a4f;
    font-size:12pt;
}

div.contact li.leftpart div.cadre_form .bodyform {

}

div.contact li.leftpart div.cadre_form .bodyform fieldset {
    border:1px solid #c7dd99;
    margin:15px;
    color:#6e6e6e;
    font-size:9pt;
}

div.contact li.leftpart div.cadre_form .bodyform fieldset legend {
    color:#2f2f2f;
    font-weight:bold;
    font-size:9.5pt;
}

div.contact li.leftpart div.cadre_form .bodyform fieldset .containerfieldset {
    padding:10px;
}

div.contact li.leftpart div.cadre_form .bodyform fieldset .containerfieldset input{

}

div.contact li.leftpart div.cadre_form .bodyform fieldset .containerfieldset .text{
    padding:3px 0px 0px 5px;
}

div.contact li.leftpart div.cadre_form .bodyform fieldset .containerfieldset textarea{
    border:1px solid #aaa;
    padding:5px;
    width:530px;
    height:100px;
}

div.contact li.leftpart div.cadre_form .bodyform fieldset.informations .text{
    width:200px;
    padding-right:5px;
}

div.contact li.leftpart div.cadre_form .bodyform .informations ul{
    padding-bottom:10px;
}

div.contact li.leftpart div.cadre_form .bodyform .informations input{
    border:1px solid #aaa;
    padding:2px;
    width:150px;
    margin:0px 0px 10px 0px;
}

div.contact li.leftpart div.cadre_form .bodyform .informations span {
    font-size:9.5pt;
    font-weight:bold;
}

div.contact li.leftpart div.cadre_form .required {
    padding:5px 0px 0px 20px;
}

div.contact li.leftpart div.cadre_form .submit {
    padding:10px;
}

div.contact li.leftpart .legal {
    width:610px;
    text-align:justify;
    color:#666666;
    font-size:8pt;
    padding-top:15px;
}

/*

Clients

*/

div.clients {
    padding:30px 0px 70px 0px;
}

div.clients li.leftpart {
    margin-top:30px;
    width:610px;
    display:block;
}

div.clients li.leftpart div.cadre_clients {
    width:610px;
    border:1px solid #eee;
    display:block;
    background-color:white;

    -moz-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div.clients li.leftpart div.cadre_clients .container{
    margin:5px;
}

div.clients li.leftpart div.cadre_clients .container .title {
    padding-top:15px;
    font-weight:bold;
    color:#424a4f;
    font-size:12pt;
}

div.clients li.leftpart div.cadre_clients .container .logos {


}

div.clients li.leftpart div.cadre_clients .container .logos .logothumb {
    float:left;
}

div.clients li.leftpart div.cadre_clients .container .padd_title {
    padding:20px 0px 40px 0px;
}


/*

Metiers

*/

div.metiers {
    padding:30px 0px 70px 0px;
}

div.metiers li.leftpart div.cadre_metiers {
    margin-top:30px;
    width:610px;
    border:1px solid #eee;
    display:block;
    background-color:white;

    -moz-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;

}

div.metiers li.leftpart div.cadre_metiers  div.container {
    margin:10px;
}

div.metiers li.leftpart div.cadre_metiers .container .title {
    padding-top:15px;
    font-weight:bold;
    color:#424a4f;
    font-size:12pt;
    text-transform:uppercase;
}

div.metiers li.leftpart div.cadre_metiers .container .padd_title {
    padding:20px 0px 30px 0px;
}

div.metiers li.leftpart div.cadre_metiers .container .blocktext {
    padding:20px 0px 20px 0px;
    font-size:13pt;
    margin:10px;
    /*color:#70A900;*/
    color:black;
    text-transform:uppercase;
    font-weight:bold;
}

div.metiers li.leftpart div.cadre_metiers .container .blocktext p {
    text-transform:none;
    font-size:9.5pt;
    text-align:justify;
    padding:10px 0px 10px 0px;
    color:#343434;
    font-weight:normal;
}

div.metiers li.leftpart div.cadre_metiers .container .blocktext .titleblock {
    padding-top:3px;
}

div.metiers li.leftpart div.cadre_metiers .container .blocktext span.link {
    font-size:9pt;
    color:#ff7b00;
    text-transform:none;
    font-weight:normal;
}

div.metiers li.leftpart div.cadre_metiers .container .blocktext span.link a, div.metiers li.leftpart div.cadre_metiers .container .blocktext span.link a:visited{
    color:#ff7b00;
    text-decoration:none;
}

div.metiers li.leftpart div.cadre_metiers .container .blocktext span.link a:hover {
    text-decoration:underline;
}

div.backtothetop {
    padding:0px 10px 0px 0px;
}

div.metiers li.leftpart div.cadre_metiers .container fieldset .backtothetop a, div.metiers li.leftpart div.cadre_metiers .container fieldset .backtothetop {
    float:right;
    font-weight:bold;
}

div.metiers li.leftpart div.cadre_metiers .container fieldset .backtothetop a, div.metiers li.leftpart div.cadre_metiers .container fieldset .backtothetop a:visited{
    color:black;
    text-decoration:none;
}

div.metiers li.leftpart div.cadre_metiers .container fieldset .backtothetop a:hover {
    text-decoration:underline;
}

div.metiers li.leftpart div.cadre_metiers .container fieldset {
    border:1px solid #c7dd99;
    margin-bottom:40px;
}

div.metiers li.leftpart div.cadre_metiers .container fieldset legend {
    color:#7cb305;
    font-weight:bold;
    font-size:14pt;
    padding:5px;
}


div.metiers li.leftpart div.cadre_metiers .container fieldset .ico {
    padding-right:10px;
    background-image:url(../images/hpuce.jpg);
    width:20px;
    height:20px;
    float:left;
}

div.metiers li.leftpart div.cadre_metiers .container .rub_selection {
    padding:10px 0px 40px 100px;
    font-size:11pt;
    color:#7cb305;
}

div.metiers li.leftpart div.cadre_metiers .container .rub_selection .separator {
    padding: 0px 5px 0px 5px;
}

div.metiers li.leftpart div.cadre_metiers .container .rub_selection a, div.metiers li.leftpart div.cadre_metiers .container .rub_selection a:visited{
    color:#7cb305;
    text-decoration:none;
}

div.metiers li.leftpart div.cadre_metiers .container .rub_selection a:hover {
    color:#7cb305;
    text-decoration:underline;
}