/*
    Document   : style
    Created on : 10 avr. 2009, 16:41:46
    Author     : david
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#titre
{
        height:25px;
        font-weight:bold;
        font-size:20px;
         color:#b0171f;
}

body
{
    margin:0 auto;
    text-align: center;
    padding:0px 0px 0px 0px;
}

hr, #message
{
 color:#b0171f;
}

.agenda
{
    margin-left:100px;
}


body
            {
               background-color:#dededd;
            }
            #bouton
            {
                background-image:url('../IMG/menuhaut2.jpg');
                color:white;
                border:1px gray outset;
            }
            #bouton:hover
            {
                background-image:url('../IMG/menuhaut2.jpg');
                border:1px gray solid;
            }
            #header
            {
                border : 1px groove;
                background-image:url("../IMG/header.jpg");
                margin-bottom : 20px;
                width : 1000px;
                height : 150px;
                margin:0 auto;
                padding:0;
                text-align:left;
            }
            a
            {
                text-decoration:none;
                 color:#b0171f;
            }
            #nav
            {
                height:35px;
                border : 1px groove;
                margin:0 auto;
                padding:0;
                width:1000px;
                background-image:url("../IMG/menuhaut.jpg");
                background-repeat:repeat-x;
            }
            #main
            {
                width:1002px;
                margin:0 auto;
                display:block;
                height:auto;
                text-align:left;
            }
            #content
            {

                height:660px;
                width:770px;
                margin:0;
                padding-top:10px;
                padding-left:20px;
                padding-right:20px;
                float:left;
                display:block;
                border-left:1px black groove;
                background-color:#f1f1f0;
                overflow:auto;
                
            }

            

            #menuDroite
            {
                height:670px;
                float:right;
                background-color:#f1f1f0;
                width:190px;
                 border-right:1px black groove;
            }

            #connec
            {
                width:175px;
                border:1px black groove;
                margin-top:10px;
                 -moz-border-radius:10px 10px 10px 10px;
   -webkit-border-top-left-radius:10px;
     -webkit-border-top-right-radius:10px;
     -webkit-border-bottom-left-radius:10px;
     -webkit-border-bottom-right-radius:10px;
     border-radius: 10px 10px 10px 10px;
                
                margin-left:5px;
            }

            #diapo
            {
                margin-top:10px;
                width:175px;
                border:1px black groove;
                -moz-border-radius:10px 10px 10px 10px;
   -webkit-border-top-left-radius:10px;
     -webkit-border-top-right-radius:10px;
     -webkit-border-bottom-left-radius:10px;
     -webkit-border-bottom-right-radius:10px;
     border-radius: 10px 10px 10px 10px;
                height:324px;
                  margin-left:5px;
            }

             #diapo2
            {
                margin-top:10px;
                width:175px;
                border:1px black groove;
               -moz-border-radius:10px 10px 0px 0px;
   -webkit-border-top-left-radius:10px;
     -webkit-border-top-right-radius:10px;
     -webkit-border-bottom-left-radius:0px;
     -webkit-border-bottom-right-radius:0px;
     border-radius: 10px 10px 0px 0px;
                height:150px;
                 margin-left:5px;
            }

            #code
            {
                background-image:url("../IMG/code-moral.jpg");
                height:300px;
                -moz-border-radius:0px 0px 10px 10px;
   -webkit-border-top-left-radius:0px;
     -webkit-border-top-right-radius:0px;
     -webkit-border-bottom-left-radius:10px;
     -webkit-border-bottom-right-radius:10px;
     border-radius: 0px 0px 10px 10px;
            }

            #pevent
            {
                 width:175px;
                border:1px black groove;
               -moz-border-radius:10px 10px 10px 10px;
   -webkit-border-top-left-radius:10px;
     -webkit-border-top-right-radius:10px;
     -webkit-border-bottom-left-radius:10px;
     -webkit-border-bottom-right-radius:10px;
     border-radius: 10px 10px 10px 10px;
                height:63px;
                list-style:none;
                  margin-left:5px;
            }

            #haut
{
    moz-border-radius:10px 10px 0px 0px;
   -webkit-border-top-left-radius:10px;
     -webkit-border-top-right-radius:10px;
     -webkit-border-bottom-left-radius:0px;
     -webkit-border-bottom-right-radius:0px;
     border-radius: 10px 10px 0px 0px;
}


            #nav2
            {
                height:35px;
                width:1000px;
                font-weight:700;
                margin:0 auto;
                padding-top:3px;
                padding-left:0px;
            }

       


            #footerbox
            {
                background-image:url("../IMG/menuhaut.jpg");
                background-repeat:repeat-x;
                border : 1px groove;
                height:30px !important;
                line-height:30px !important;
                width:1000px;
                margin:0 auto;
                padding:0;
                clear:both;
            }
            .footer
            {
                font-size:14px;
                width:1000px;
                color:white;
                height:30px;
                line-height:30px !important;
                margin:0 auto;
                padding:0;
                text-align:center;
            }




            



            .loadimage
            {
                  background-image:url("../IMG/ajax-loader.gif") no-repeat center;
            }
            

           #fade-example-2 li
            {
                position: absolute;
                list-style:none;
                top: 0;
                left: 0;
                width: 600px;
                height: 500px;
                visibility: hidden;
            }
            .example
            {
                
                width: 600px;
                height: 500px;
            }

             .example1
            {
                width: 152px;
                height: 152px;
                border:none;
                list-style:none;
            }

            #fade-example-1 li
            {
                position: absolute;
               border:none;
               list-style:none;
                width: 152px;
                height: 152px;
                visibility: hidden;
            }

            #thumbs{overflow:auto;list-style:none;text-align:center;width:200px;padding:0;margin-top:0;margin-left:20px;height:500px}
#thumbs img {vertical-align:middle; border:none;}
#thumbs li {float:left;list-style:none}
#thumbs a{display:block;outline:none;padding:6px}
#thumbs a:hover, #thumbs a:focus{background:#b40101}
#thumbs a.active{background:#000;}