﻿/* reset all browser presetup*/
*
{
    margin: 0;
    padding: 0;
}
html, body, #main
{
    height: 100%;
}
body, div
{
    font-family: arial, sans-serif;
}
body
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #FFFFFF;
    background: #182A70 url(/images/interface/bodyBgTop.gif) repeat-x 0 0;
}
h1, h2
{
    font-family: 'trebuchet ms' , verdana, arial;
    padding: 10px 10px 10px 0;
    margin: 0;
}
h1
{
    font-size: x-large;
}
h2
{
    font-size: large;
}
h3
{
    margin-top: .5em;
}


#main
{
    padding: 1em;
}
#banner
{
    padding: 15px;
    background-color: #06b;
    color: white;
    font-size: large;
    border-bottom: 1px solid #ccc;
    background: url(/images/bg.gif) repeat-x;
    text-align: center;
}
#banner a
{
    color: white;
}
fieldset
{
    padding: 8px;
}
legend
{
    font-weight: bold;
}

p
{
    margin-top: .8em;
    text-align: justify;
}
/*End reset*/

/*format*/
a:link { color: #069CDF; text-decoration: none; }
a:visited { color: #069CDF; text-decoration: none; }
a:hover { color: #069CDF; text-decoration: none; }
a:active { color: #069CDF; text-decoration: none; }


/* positionning */
#wrapper {
    width: 953px;
    margin: 0 auto;
    background: #182A70;
}

    #header {}

    #main {
        width: 100%;
        height: 100%;
        background: url(/images/interface/mainBg.gif) no-repeat 0 0;
        padding: 30px 0 0 0;
    }
        .sectionTitle {
            display: block;
            height: 23px;
            width: 100%;
            vertical-align: bottom;
            background: #182A70 url(/images/interface/titleBg.gif) no-repeat;
            background-position: right top;
            font-size: 17px;
            font-weight: bold;
            font-family: Arial;
        }
    
        #cleft {
            float: left;
            width: 232px;
            margin: 0 27px 0 11px;
        }
            .formClients {
                width: 232px;
                background: #09498C;
            }
            .formClients td {
                height: 23px;
                vertical-align: bottom;
                padding: 3px 0 15px 15px;
            }
            .formClients input[type=text] {
                border: 1px solid #7F9DB9;
                margin: 0 0 5px 0;
            }
            .formClients input[type=button] {
                margin: 0 5px 5px 0;
                font-size: 9px;
            }
            
            .partenaires {
                padding: 5px 0;
            }
                .partenaires ul {
                    list-style-type: none;
                }
                .partenaires li {
                    margin: 5px 0;
                }
                .partenaires img {
                    border: 0;
                }
            #commanditaire p {
                font-size: 13px;
                font-weight: bold;
                margin-bottom: 5px;
            }
            #commanditaire img {
                border: 1px outset #182A70;
            }

        #cright {
            float: right;
            width: 340px;
            height: 280px;
                    }
        
            #cright img {
                border: 1px solid #FFFFFF;
            }
            #current {
                height: 163px;
                text-align: center;
                padding: 14px 0 0 0;
                background: #09498C;
                width: 100%;
            }
            #caroussel {
                height: 67px;
                width: 100%;
                margin: 3px 0 0 0;
                background: #09498C;
            }
                #caroussel ul {
                    height: 67px;
                    margin: 0 0 0 2px;
                    padding: 11px 0 0 0;
                    list-style-type: none;
                }
                #caroussel li {
                    display: inline;
                    height: 45px;
                    margin: 0 3px;
                }
                #caroussel li a {
                    color: #FFFFFF;
                }
        
        #mainContent {
            width: 328px;
            min-height: 600px;
            margin-left: 270px;
        }
        #mainContent img.realisation {
            border: 0;
            float: right;
            margin: 15px 0 15px 17px;
            border: 2px solid #09498C;
        }
        #mainContent ul {
            padding-left: 15px;
        }
        .sep {
            width: 25%;
            height: 1px;
            border-bottom: 1px dashed #FFFFFF;
            margin: 15px auto;
        }
        #mainContent #commanditaire {
            margin: 0 50px;
            padding: 5px 25px 25px;
            text-align: center;
            background: #09498C;
            border: 2px solid #FFFFFF;
            color: #FFFFFF;
        }
        
#footer {
    width: 100%;
    height: 144px;
    background: #182A70 url(/images/interface/bodyBgBottom.gif) repeat-x 0 0;
}
    #footerContent {
        width: 927px;
        margin: 0 auto;
        background: #182A70;
        height: 100%;
        text-align: right;
        vertical-align: bottom;
        padding-right: 25px;
    }

.SectionComment {
    display: block;
    height: 19px;
    width: 500px;
    vertical-align: bottom;
    background: #182A70 url(/images/interface/titleBgLong.gif) no-repeat;
    background-position: right top;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
}

.DivComment
{
 background-color:#0f3d81;
 width: 490px;
 padding:2px 5px 5px 5px;

}
