/* 
    Document   : Style
    Created on : 24 mai 2011, 15:28:05
    Author     : Maxime
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{
    font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
    background-image: url("images/Fond.png");
    margin: auto;
    text-align: center;
    font-size: 18px;
    color: white;
}

#global{
    margin: auto;
    text-align: center;
    width: 987px;


}

#top{
    padding-top: 20px;
    color: black;
    width: 995px;
    height: 68px;
    text-align: center;
}

#middle{
    width: 987px;
}
    #hautgauche a:hover{
    text-decoration: underline;
    color: #1fa22e;
    }
    #hautgauche{
        width: 512px;
        height: 332px;
        float: left;
    }
        #brochurevert{
            background-image: url("images/puce_verte.png");
            background-repeat: no-repeat;
            background-position: left 5px;
            color: #1fa22e;
            width: auto;
            margin-top: 27px;
            margin-right: 114px;
            float: right;
            font-size: 16px;
            padding-left: 12px;
            cursor: pointer;
        }
        #logovert1{
            cursor: pointer;
            margin-top: 67px;
            margin-left: 35px;
            float: left;
            width: 175px;
            height: 170px;
            cursor: pointer;
        }
        #logovert2{
            cursor: pointer;
            margin-top: 0px;
            margin-left: 25px;
            float: left;
            width: 250px;
            height: 85px;
            cursor: pointer;
        }
        #vert1{
            background-color: #1fa22e;
            width: auto;
            margin-top: 84px;
            margin-right: 114px;
            float: right;
            padding: 0px 60px 0px 6px;
        }
        #vert2{
            background-color: #1fa22e;
            width: auto;
            margin-top: 3px;
            margin-right: 114px;
            float: right;
            padding: 0px 19px 0px 6px;
        }
        #vert3{
            background-color: #1fa22e;
            width: auto;
            margin-top: 3px;
            margin-right: 114px;
            float: right;
            padding: 0px 50px 0px 6px;
        }



        #hautdroit a:hover{
    text-decoration: underline;
    color: #34a7da;
    }
    #hautdroit{
        width: 483px;
        height: 332px;
        float: right;
    }
    #logobleu1{
        width: 176px;
        height: 67px;
        margin-left: 82px;
        margin-top: 10px;
        float: left;
        cursor: pointer;
    }
    #logobleu2{
        width: 177px;
        height: 170px;
        margin-right: 36px;
        float: left;
        cursor: pointer;
    }
    #bleu1{
        background-color: #34a7da;
        margin-top: 10px;
        float: right;
        margin-right: 40px;
        margin-bottom: 3px;
        padding-left: 5px;
        padding-right: 25px;
    }
    #bleu2{
        background-color: #34a7da;
        float: right;
        margin-right: 40px;
        margin-bottom: 3px;
        padding-left: 5px;
        padding-right: 42px;
    }
    #bleu3{
        background-color: #34a7da;
        margin-right: 40px;
        float: right;
        margin-bottom: 5px;
        padding-left: 5px;
        padding-right: 25px;
    }
    #bleu4{
        background-color: #34a7da;
        margin-top: 80px;
        margin-left:0px;
        float: left;
        margin-bottom: 3px;
        margin-top: 6px;
        margin-left: 83px;
        padding-left: 5px;
        padding-right: 88px;
    }
    #bleu5{
        background-color: #34a7da;
        float: left;
        margin-bottom: 3px;
        margin-left: 83px;
        padding-left: 5px;
        padding-right: 15px;
    }
    #bleu6{
        background-color: #34a7da;
        float: left;
        margin-bottom: 3px;
        margin-left: 83px;
        padding-left: 5px;
        padding-right: 53px;
    }
    #bleu7{
        background-color: #34a7da;
        float: left;
        margin-bottom: 3px;
        margin-left: 83px;
        padding-left: 5px;
        padding-right: 16px;
    }
    #bleu8{
        background-color: #34a7da;
        float: left;
        margin-bottom: 3px;
        margin-left: 83px;
        padding-left: 5px;
        padding-right: 56px;
    }
    #brochurebleu{
        background-image: url("images/puce_bleu.png");
        background-repeat: no-repeat;
        background-position: left 5px;
        color: #34a7da;
        width: auto;
        margin-top: 35px;
        margin-right: 35px;
        float: right;
        font-size: 16px;
        padding-left: 12px;
        cursor: pointer;
    }
    #gauche{
        width: 270px;
        height: 320px;
        float: left;
    }
    #droit{
        width: 210px;
        height: 320px;
        float: right;
    }



    #basgauche a:hover{
    text-decoration: underline;
    color: #ffed00;
    }
    #basgauche{
        width: 512px;
        height: 424px;
        float: left;
    }
        #brochurejaune{
            background-image: url("images/puce_jaune.png");
            background-repeat: no-repeat;
            background-position: left 5px;
            color: #ffed00;
            width: auto;
            margin-top: 220px;
            margin-right: 35px;
            float: right;
            font-size: 16px;
            padding-left: 12px;
            cursor: pointer;
        }
        #logojaune{
            cursor: pointer;
            margin-top: 160px;
            margin-right: 10px;
            float:right;
            width: 175px;
            height: 250px;
            cursor: pointer;
        }
        #jaune1{
            background-color: #ffed00;
            width: auto;
            margin-top: 218px;
            float: left;
            padding: 0px 23px 0px 6px;
        }
        #jaune2{
            background-color: #ffed00;
            width: auto;
            margin-top: 3px;
            float: left;
            padding: 0px 16px 0px 6px;
        }
        #jaune3{
            background-color: #ffed00;
            width: auto;
            margin-top: 3px;
            float: left;
            padding: 0px 6px 0px 6px;
        }



        #basdroit1 a:hover{
    text-decoration: underline;
    color: #000000;
    }
    #basdroit1{
        width: 483px;
        height: 150px;
        float: right;
    }
        #brochurenoir{
            background-image: url("images/puce_noir.png");
            background-repeat: no-repeat;
            background-position: left 5px;
            color: black;
            width: auto;
            margin-top: 92px;
            margin-left: 70px;
            float: left;
            font-size: 16px;
            padding-left: 12px;
            cursor: pointer;
        }
        #logonoir{
            float: left;
            width: 180px;
            height: 125px;
            margin-left: 32px;
            cursor: pointer;
        }



         #basdroit2 a:hover{
    text-decoration: underline;
    color: #e52c27;
    }
    #basdroit2{
        width: 483px;
        height: 274px;
        float: right;
    }
        #rouge1{
            background-color: #e52c27;
            width: auto;
            margin-top: 15px;
            float: left;
            padding-left: 5px;
            margin-left: 90px;
            margin-bottom: 3px;
            padding-right: 5px;
        }
        #rouge2{
            background-color: #e52c27;
            width: auto;
            margin-top: 0px;
            float: left;
            padding-left: 5px;
            margin-left: 90px;
            margin-bottom: 3px;
            padding-right: 5px;
        }
        #rouge3{
            background-color: #e52c27;
            width: auto;
            margin-top: 0px;
            float: left;
            padding-left: 5px;
            margin-left: 90px;
            margin-bottom: 3px;
            padding-right: 29px;
        }
        #rouge4{
            background-color: #e52c27;
            width: auto;
            margin-top: 0px;
            float: left;
            padding-left: 5px;
            margin-left: 90px;
            margin-bottom: 3px;
            padding-right: 33px;
        }
        #brochurerouge{
            background-image: url("images/puce_rouge.png");
            background-repeat: no-repeat;
            background-position: left 5px;
            color: #e52c27;
            width: auto;
            margin-top: 40px;
            margin-left: 70px;
            float: left;
            font-size: 16px;
            padding-left: 12px;
            cursor: pointer;
        }
        #logorouge1{
            width: 170px;
            height: 170px;
            margin-right: 40px;
            float: right;
        }
        #logorouge2{
            width: 260px;
            height: 60px;
            float: right;
        }







#bottom{
    height: 141px;
    width: 987px;
}
    #actu{
        width: 940px;
        height: 127px;
        margin-left: 43px;
        margin-bottom: 14px;
        float: left;
        background-image: url("images/actu.png");
        text-align: center;
        font-size: 16px;
        
    }

#footer{
    background-image: url("images/footer.png");
    background-repeat: repeat-x;
    height: 49px;
}
#footersize{
    width: 987px;
    margin: auto;
     height: 49px;
}
#ekypia{
    margin-top: 5px;
    width: 93px;
    height: 26px;
    background-image: url("images/ekypia.png");
    float: right;
    cursor: pointer;
}
#separator{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #bebebe;
}
#mentions{
    margin-top: 10px;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #bebebe;
    margin-left: 20px;
    cursor: pointer;
}
#propos{
    margin-top: 10px;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #bebebe;
    cursor: pointer;
}
a{
    text-decoration: none;
}

#Clear{
    clear: both;
}