/* 
    Document   : style
    Created on : 8 déc. 2010, 12:10:19
    Author     : AnsayPaul
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
*{margin: 0 0 0 0;padding: 0 0 0 0; list-style-type: none;outline: none;}
a {text-decoration: none}
a:hover{text-decoration: underline}
h2,h1 {color: rgb(90,70,70); font-size: 24px;margin-bottom: 5px;}
h3 {color: rgb(90,70,70); font-size: 16px;}
.gras {font-weight: bold;}
.italic {font-style: italic}
.justify {text-align: justify;margin: 0 0 5px 0;}

html, body {font-family: arial;font-size: 12px;font-family: "Trebuchet MS", sans-serif, Arial; text-align: center;background-color: rgb(230,215,250)}

#site  {width: 850px; background: white; margin: 40px auto 40px auto;padding: 25px;text-align: left;overflow:auto}
#header {width: 100%; height: 165px; background: url('images/banniere.png')}
#animPhoto {width: 100%; height: 350px; background: blue;}

#contenu {width: 850px;margin-top: 20px;overflow: auto;}
#contentG {width: 508px;padding: 10px 20px 10px 20px;border: 1px; border-style: solid; border-color:rgb(225,225,220);float: left;}
#contentD {width: 290px;margin-left: 560px;}



/*                    PHOTOS                      */
#animPhoto {width: 100%; min-height: 350px;background:rgb(60,55,55);}
#images {width: 550px;min-height: 350px; float: left;}


    /* Menu Photo */
#nav { width: 285px;height: 350px; margin :0 0 0 565px; padding: 0;}
#nav li { width: 70px;height: 70px; float: left; margin: 8px 10px 8px 10px; list-style: none }
#nav a { width: 70px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav a.activeSlide { background: rgb(245,245,240)}
#nav a:focus { outline: none; }
#nav img { border: none; display: block }

/*                    CONTENU                    */
#contentGTexte {width: 450px; margin: 0px auto 0px auto;text-align: center;}

/*                    BLOCS                      */

.bloc {width: 240px; min-height: 50px;overflow: auto; margin-bottom: 10px; padding: 10px 20px 10px 20px;border: 1px; border-style: solid; border-color:rgb(225,225,220);}
    /* Bloc Info */
    #horaires {margin-left: 20px;}
    #adresse {margin-left: 20px;}

    #bloc_adresse {width: 135px;margin-right:10px; float: left;}
    #bloc_plan_acces {width: 90px; float: left;}
    #bloc_plan_acces img  { border:0px;border-style: none;}
    /* Bloc news */
    #newsEmail {height: 15px;line-height: 15px;}
    #newsSend {width: 70px;margin-left: 10px;background: white; border: 1px; border-style: solid;cursor:pointer;}
    #form {border: 0px; border-style: none}

/*                    FOOTER                     */

#footer {width: 850px;height: 60px;float: left;margin-top: 20px;color: white;font-size: 12px;background: url('images/footer.png') no-repeat}
#footer_adresse {float: left;margin-top: 22px;margin-left: 10px}
#footer_webmaster {float: left;margin-top: 22px; margin-left: 540px;position: absolute;text-align: right}
#footer_webmaster a {color: white}
.gm-style-iw {height:220px}