/**
 * C.line (c)
 * Celine AUZIAS 2007
 * http://c.lina.free.fr
 * celine DOT auzias AT gmail DOT com */


body{
    font-family : "Century Gothic", "Trebuchet MS", tahoma, arial, sans-serif;
    font-size : small;
    background-color : #252525;
    color : #ffffff;
    margin : 0px;
}

a           {color : #B00D4E;text-decoration : underline;}
a:link      {color : #B00D4E;text-decoration : underline;}
a:visited   {color : #B00D4E;}
a:hover     {color : #ffffff; text-decoration : underline overline;}
a:active    {color : #B00D4E;}

#header{
    position : relative;
    width : 100%;
    height : 420px;
    background-color : #ffffff;
    background-image : url('img1/header_back.png');
    background-repeat : no-repeat;
    background-position : right bottom;
    margin : 0px;
    border-bottom : 10px solid #353535;
}

#title{
    position : relative;
    float : right;
    width : 50%;
    height : 170px;
    background-color : #B00D4E;
    text-align:left;
}

#logo{
    position : absolute;
    top:0px;
    left:50%;
    width : 140px;
    height : 164px;
    background-color : #B00D4E;
    background-image : url('img1/logo.gif');
    background-repeat : no-repeat;
    background-position : 0 0;

}
#title h1{
    margin:0px;
    padding:0px;
    height:170px;
    width:100%;
    background-image : url('img1/titre.gif');
    background-repeat : no-repeat;
    background-position : right bottom;
    text-indent:-1500px;
}


#menu{
    position : relative;
    float : left;
    width : 50%;
    height : 170px;
    background-color : #252525;
    background-image : url('img1/back_menu.gif');
    background-repeat : repeat-x;
    background-position : right top;
    padding: 0px;
    vertical-align:middle;
    text-align:center;
}

#menu ul{
    list-style:none;
    margin:0px;
    vertical-align:middle;
    text-align:center;
    padding:0px;
    height:170px;
    width:100%;
}

#menu li{
    float:left;
    text-align:center;
    height:100%;
    width:16.6%;
    overflow:hidden;
}

#menu li:hover{
    background-image : url('img1/back_menu_on.gif');
    background-repeat : repeat-x;
    background-position : right top;
    background-color:#2B2B2B;
    color:#B00D4E;
}

#menu a{
    color : #ffffff;
    text-transform:uppercase;
    font-size : 15px;
    text-decoration:none;
    padding:0px 15px 0px 0px;
    line-height:170px;
    border-right:1px dotted #505050;
}

#menu a:link{
    color : #ffffff;
    text-transform:uppercase;
    font-size : 15px;
    padding:0px 15px 0px 0px;
    line-height:170px;
    border-right:1px dotted #505050;
}

#menu a:visited{
    color : #ffffff;
}

#menu a:hover{
    color : #B00D4E;
    text-decoration:none;
}


#content{
    position:relative;
    margin-top:-250px;
    height:1050px;
}

#content h2{
    text-transform:lowercase;
    font-size:22px;
    line-height:50px;
    text-indent:80px;
    background-image : url('img1/h2_content.gif');
    background-repeat : no-repeat;
    background-position :30px 50%;
    margin-bottom:25px;
}

#intro{
    margin-bottom:30px;
    color : #252525;
    padding : 10px 40px 40px 40px;
}

#intro h1{
    font-weight:bold;
    font-variant:small-caps;
    text-indent:80px;
    line-height:75px;
    background-image : url('img1/engrenage.gif');
    background-repeat : no-repeat;
    background-position :0 0;
}

.resume{
    display:block;
    width:60%;
    font-size:x-small;
    font-style:italic;
    margin-bottom:10px;
}

#part1{
    position:absolute;
    left:0px;
    top:260px;
    width:50%;
    border-right:2px double #2E2E2E;
}

#part1 p{
    text-align:justify;
    margin:30px;
    clear:both;
    color:#B0B0B0;
}

#part1 img{
    float:right;
    clear:both;
    background-color:#ffffff;
    padding:5px;
    margin-left:10px;
    margin-top:5px;
    margin-bottom:10px;
    border-left:1px solid #B0B0B0;
    border-bottom:1px solid #B0B0B0;
}

#part1 img:hover{
    background-color:#B00D4E;
}

#part1 li{
    list-style:url('img1/puce.gif');
    vertical-align:top;
    margin-left:50px;
}

#content a:link{
    color:#ffffff;
    text-decoration:none;
    border-bottom:1px dotted #ffffff;
}

#content a:link:hover{
    color:#B00D4E;
    text-decoration:none;
    border-bottom:1px solid #ffffff;
}

#part2{
    position:absolute;
    right:0px;
    top:260px;
    width:49%;
}

#part2 div{
    color:#B00D4E;
    margin:90px;
}

#part2 .elem1, #part2 .elem2,#part2 .elem3{
    background-image : url('img1/puce2.gif');
    background-repeat : no-repeat;
    background-position :0 0;
    padding-left:40px;
    padding-bottom:30px;

}

#part2 a:link{
    margin-left:50px;
    padding-left:25px;
    background-image : url('img1/puce.gif');
    background-repeat : no-repeat;
    background-position :0 0;
}

#part2 .miniTitle{
    font-weight:bold;
}

#part2 .subTitle{
    font-style:italic;
}

#footer{
    clear:both;
    width:100%;
    height:100px;
    background-color:#2B2B2B;
    background-image : url('img1/footer.png');
    background-repeat : repeat-x;
    background-position :0 0;
    line-height:100px;
    text-align:center;
    color:#808080;
}

input{
    color:#ffffff;
    font-weight:bold;
    width:87px;
    height:42px;
    border:0px;
    background-color:#ffffff;
    background-image : url('img1/input.png');
    background-repeat : no-repeat;
    background-position :0 0;
}