/* oTravaux Accueil espace des professionnels */

* { margin: 0pt; padding: 0pt; }
body {
    color: rgb(127, 127, 127);
    min-width: 1000px;
    font: 13px/15px Arial,Helvetica,sans-serif;
    background:rgb(214, 232, 240) url('../images/bg-body.png') repeat-x scroll 0% 0%;
}
hr { color: rgb(235, 239, 243); background-color: rgb(235, 239, 243); height: 1px; margin: 5px auto; clear: both; width: 80%; text-align: center; border: medium none; }
a { color: rgb(12, 73, 118); text-decoration: none; outline: medium none; }
a:hover { text-decoration: underline; }
img { border: medium none; }
p { margin: 10px 0pt; }
ul, ol { list-style: none outside none; }
.wrap { width: 100%; overflow: hidden; }
.inner { width: 1000px; margin: 0pt auto; overflow: hidden; }

h3 { color: rgb(255, 98, 13); font: 21px/25px Arial,Helvetica,sans-serif; }


#header {
    height: 74px;
    overflow: hidden;
    background: transparent url('../images/bg-header.jpg') no-repeat scroll 50% 0pt ;
    }
#header .inner { width: 962px; }

#header h1 {
    float: left;
    width: 250px;
    height: 51px;
    margin-top:10px;
    overflow: hidden;
    text-indent: -9999px;
    background:transparent url('../images/otravaux.png') no-repeat scroll 0% 0% !important;
    background:transparent url('../images/otravaux.jpg') no-repeat scroll 0% 0% !important;
    }
#header h1 a { display: block; height: 74px; }

.accroche {
   color:#667F90;
float:left;
font-size:1.7em;
/*font-weight:600;*/
margin-left:49px;
margin-right:0;
margin-top:32px;
}

.login{
    float: right;
    padding: 15px 0pt 0pt;
    font: 13px/15px Arial,Helvetica,sans-serif;
    color: rgb(255, 255, 255);
    width:360px !important;
    }

.login p {
    margin:0;
    padding:0;
}
.login a {
    color: #667f90;
    width:250px;
    float:right;
    margin-right:85px;
    text-align:right;
    font-style:italic;
    text-decoration:underline;
    padding-bottom:5px;
    }

.login input {
    background-color:#667f90;
    border: 1px solid #0c132c;
    color:white;
    height:20px;
    padding: 0 5px;
    width:120px;
    
}

.login button {
    display:block;
    cursor:pointer;
    height:21px;
    width:80px;
    background:url('../images/btn_connection.gif') no-repeat top left;
    border:none;
    text-indent:-5000px;
    float:right;
   /* position:absolute;*/
    margin:0;
    padding:0;

}

#content {
    width: 100%;
    padding: 15px 0pt 22px;
    overflow: hidden;
    background: rgb(255, 255, 255) url('../images/bg-content.png') repeat-x scroll 0pt 100% ;
    }
    
#content .inner {
    /*background: url('../images/bg-content.gif') repeat-y scroll 338px 0pt transparent;*/
    }

#page {
    width: 950px;
    margin: 0 auto;
    padding: 15px 0pt 22px 0px;
    position:relative;
    overflow: hidden;
    background: rgb(255, 255, 255) url('../images/bg-content.png') repeat-x scroll 0pt 100% ;
    }
    

    
.col1 {
    float: left;
    width: 300px;
    overflow: hidden;
    padding-left: 20px;
    }
    .col1 h3 {
        color:#08608a;
        font-size:1.5em;
        }
    .col1 li {
        display:block;
        height:40px;
        border-top:1px solid #999999;
        padding-top: 5px;
        padding-left:5px;
        margin:0;
    }
    
    .col1 li a {color:black;}
    .impair {
        /*background-color:#f0fcfc;*/
    }
    .pair {
        background-color:#f0fcfc;
    }
    
.col2 { float: left; width: 300px; padding: 0pt 0pt 0pt 42px; }

.col2 H3 {
    color:#2d6501;
    font-size:1.3em;
    font-weight:bold;
    line-height:20px;
    margin-top:20px;
	margin-left:5px;
    position:absolute;
    text-align:center;
    width:290px;
    }

.col3 { float: right; width: 300px; overflow: hidden; }
    .col3 strong {color:#ff5e00;font-weight:900;}
    .col3 a {color:#ff5e00; text-decoration:underline;}
    .col3 p {margin: 10px 5px;color:#000000;font-weight:600;}
    


/* CSS du Slide show Homepage Pro */

#features {
    background:rgb(255, 255, 255) url('../images/bg-features.png') repeat-x scroll 0pt 100% ;
    }
#features .inner {
    width: 100%;
    background:transparent url('../images/bg-features.jpg') no-repeat scroll 50% 100% ;
    }
.visual { height: 363px; width: 1000px; margin: 0pt auto; position: relative; }
#navigation {
    position: relative;
    z-index: 99;
    padding: 19px 0pt 0pt 100px;
    color: rgb(110, 110, 110);
    font: bold 15px/29px Arial,Helvetica,sans-serif;
    overflow: hidden;
    width: 900px;
    }
    #navigation strong {
        float: left;
        padding-right: 9px;
        /*font-size:0.8em;*/
        }
    #navigation ul { float: left; white-space: nowrap; }
    #navigation li { float: left; clear: right; padding: 0pt 13px; }
    #navigation a { float: left; cursor: pointer; text-decoration: none ! important; }
    #navigation span { float: left; background:transparent url('../images/underline.gif') repeat-x scroll 0pt 23px ; }
    #navigation li.active { background:transparent url('../images/bg-active.gif') no-repeat scroll 50% 0pt ; padding: 0pt; }
    #navigation li.active a { background:transparent url('../images/bg-active-left.gif') no-repeat scroll 0% 0% ; }
    #navigation li.active span { padding: 0pt 13px 10px; background:transparent url('../images/bg-active-right.gif') no-repeat scroll 100% 0pt ; }

.visual img { position: absolute; top: 0pt; left: -9px; z-index: 1; }
.tab-hold { height: 363px; width: 1000px; overflow: visible; z-index: 1; position: absolute; top: 0pt; left: 0pt; }
.tab-hold .tab { width: 1000px; height: 363px; position: absolute; overflow: visible; top: 0pt; left: 0pt; z-index: 1; display: none; }
.tab-hold div.active { z-index: 2; }
.tab-hold ul.fade-gall { width: 1000px; height: 363px; position: relative; overflow: visible; top: 0pt; left: 0pt; list-style: none outside none; }
.tab-hold ul.fade-gall li { width: 1000px; height: 363px; position: absolute; top: 0pt; left: 0pt; z-index: 10; overflow: visible; }
.tab-hold ul.fade-gall li.active { z-index: 20; }
.tab-hold ul.fade-gall .txt { position: absolute; width: 465px; z-index: 2; left: 510px; top: 73px; }
h2 { color: rgb(255, 98, 13); font: 23px/26px Arial,Helvetica,sans-serif; }
.tab-hold ul.fade-gall .txt ul { margin: 8px 0pt; }
.tab-hold ul.fade-gall .txt li { width: 448px; height: auto; position: static; font: 15px/19px Arial,Helvetica,sans-serif; padding: 5px 0pt 5px 17px; color: rgb(36, 36, 36); background:transparent url('../images/bullet.gif') no-repeat scroll 1px 11px ; }
.join {
    display: block;
    width: 216px;
    height: 56px;
    overflow: hidden;
    text-indent: -9999px;
    background:transparent url('../images/btn_inscription.png') no-repeat scroll 0% 0% ;
    /*position: absolute;*/
    z-index: 2;
    left: 0pt;
    /*top: 192px;*/
    }
.paging {
        background:url("../images/paging.gif") no-repeat scroll 0 0 transparent;
        font:14px/29px Arial,Helvetica,sans-serif;
        height:31px;
        left:890px;
        position:absolute;
        text-align:center;
        top:305px;
        width:88px;
        z-index:99;
        }
        
.prev { float: left; width: 28px; height: 29px; overflow: hidden; text-indent: -9999px; }
.next { float: right; width: 27px; height: 29px; overflow: hidden; text-indent: -9999px; }
.paging span { margin: 0pt 30px; display: block; }



#footer { background:transparent url('../images/bg-footer.gif') repeat-x scroll 0% 0% ; text-align: center; font: 10px/13px Arial,Helvetica,sans-serif; }
#footer ul { padding: 10px 0pt; }
#footer ul li { display: inline; font: 12px/14px Arial,Helvetica,sans-serif; padding: 0pt 2px 0pt 5px; border-left: 1px solid rgb(153, 184, 203); }
#footer ul li:first-child { border: medium none; }
#footer .explore { margin: 27px 0pt 37px; font: bold 12px/15px Arial,Helvetica,sans-serif; }
#footer .explore ul { margin: 0pt; display: inline; }
#footer .explore li { font: bold 12px/15px Arial,Helvetica,sans-serif; }