*{
    padding:0px;
    margin:0px;
    font-family:Futura;
}

html{
   
    font-size:1em;
    margin:auto;
}

body{
    width:1200px;
    margin:auto;
    padding-bottom:1000px;
}

#menu1{
    margin:auto;
    display:block;
    min-width:980px;
    min-height:980px;
    margin-top:50px;
    background:transparent url('../Ressources/AccueilImages/FondIndex.gif') top left no-repeat ;
}

#menu1 a{
    text-decoration:none;
    color: #B00600;
    text-align:center;
    vertical-align: middle;
    font-family:Futura;
    font-weight:bold;
    display:block;
    
}


/*****************************************  INDEX  ****************************************************************/



/**************LIGNE 1*******************************************************/



#lien1 a{
    position:relative;
    top:61px;
    width:67px;
    height:67px;
    margin-left:392px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien1 a:hover{
    width:265px;
    padding-left:42px;
    padding-top:16px;
    color:#b00600;
    font-weight:bold;
    font-size: 1.5em;
    transition: all 0.4s ease-in;
    border-radius:15px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height67px.png') top left no-repeat ;
    opacity:1;
}


/**************LIGNE 2*******************************************************/


#liens2_3_4_5{
    min-height:135px;
    margin-top:70px;
}

#lien2{
    padding-top:46px;
    float:left;
}

#lien2 a{
    margin-left:150px;
    width:58px;
    height:58px;
    transition: all 0.3s ease-in;
    opacity:0;
}


#lien2 a:hover{
    width:295px;
    padding-left:27px;
    padding-top:8px;
    color:#b00600;
    font-weight:bold;
    font-size: 1.3em;
    transition: all 0.4s ease-in;
    border-radius:15px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height58px.png') top left no-repeat ;
    opacity:1;
}


#lien3{
    padding-top:84px;
    float:left;
}

#lien3 a{
    position:relative;
    top:19px;
    padding-left:28px;
    width:40px;
    height:40px;
    margin-left:98px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien3 a:hover{
    width:100px;
    font-weight:bold;
    font-size: 2em;
    transition: all 0.3s ease-in;
    background:#fff;
    border-radius:5px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height40px.png') top left no-repeat ;
    opacity:1;
}

#lien4{
    padding-top:10px;
    float:left;
}

#lien4 a{
    padding-left:50px;
    width:42px;
    height:92px;
    margin-left:183px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien4 a:hover{
    width:384px;
    padding-top:20px;
    font-weight:bold;
    font-size: 2em;
    transition: all 0.3s ease-in;
    border-radius:15px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height92px.png') top left no-repeat ;
    opacity:1;
}

#lien5{
    padding-top:10px;
    float:left;
}

#lien5 a{
    margin-top:47px;
    padding-left:30px;
    width:25px;
    height:55px;
    margin-left:65px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien5 a:hover{
    width:160px;
    padding-top:10px;
    font-weight:bold;
    font-size: 2em;
    transition: all 0.3s ease-in;
    border-radius:10px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height55px.png') top left no-repeat ;
    opacity:1;
}


/**************LIGNE 2*******************************************************/


#liens6_7_8_9{
    min-height:156px;
}


#lien6{
    float:left;
}

#lien6 a{
    margin-top:42px;
    padding-left:20px;
    width:85px;
    height:115px;
    margin-left:154px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien6 a:hover{
    width:440px;
    padding-left:45px;
    padding-top:30px;
    font-weight:bold;
    font-size: 1.9em;
    transition: all 0.3s ease-in;
    border-radius:40px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height115px.png') top left no-repeat ;
    opacity:1;
}


#lien7{
    float:left;
}

#lien7 a{
    margin-top:6px;
    padding-left:60px;
    width:63px;
    height:83px;
    margin-left:154px;
    transition: all 0.3s ease-in;
    opacity:0;
}


#lien7 a:hover{
    width:317px;
    padding-top:22px;
    font-weight:bold;
    font-size: 2em;
    transition: all 0.3s ease-in;
    border-radius:40px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height83px.png') top left no-repeat ;
    opacity:1;
}


#lien8{
    float:left;
}

#lien8 a{
    margin-top:6px;
    width:135px;
    height:135px;
    margin-left:28px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien8 a:hover{
    width:563px;
    padding-left:15px;
    padding-top:25px;
    font-weight:bold;
    font-size: 2em;
    transition: all 0.3s ease-in;
    border-radius:40px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height135px.png') top left no-repeat ;
    opacity:1;
}


#lien9{
    float:left;
}

#lien9 a{
    margin-top:17px;
    width:85px;
    height:85px;
    margin-left:111px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien9 a:hover{
    width:260px;
    padding-left:55px;
    padding-top:25px;
    font-weight:bold;
    font-size: 2em;
    transition: all 0.3s ease-in;
    border-radius:40px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height85px.png') top left no-repeat ;
    opacity:1;
}


/**************LIGNE 3*******************************************************/


#liens10_11_12_13_14{
    min-height:194px;
}


#lien10{
    float:left;
}

#lien10 a{
    padding-left:17px;
    margin-top:90px;
    margin-left:54px;
    width:50px;
    height:67px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien10 a:hover{
    width:279px;
    padding-top:10px;
    font-weight:bold;
    font-size: 1.2em;
    transition: all 0.3s ease-in;
    border-radius:40px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height67px.png') top left no-repeat ;
    opacity:1;
}


#lien11{
    float:left;
}

#lien11 a{
    padding-left:28px;
    margin-top:76px;
    margin-left:116px;
    width:64px;
    height:92px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien11 a:hover{
    width:384px;
    padding-top:25px;
    font-weight:bold;
    font-size: 1.5em;
    transition: all 0.3s ease-in;
    border-radius:40px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height92px.png') top left no-repeat ;
    opacity:1;
}


#lien12{
    float:left;
}

#lien12 a{
    margin-top:0px;
    margin-left:87px;
    width:157px;
    height:157px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien12 a:hover{
    width:157px;
    font-weight:bold;
    font-size: 2em;
    transition: all 0.3s ease-in;
    border-radius:40px;
    background:transparent url('../Ressources/AccueilImages/LogoInitialesRP01Rond157X157px.png') top left no-repeat ;
    opacity:1;
}


#lien13{
    float:left;
}

#lien13 a{
    padding-left:28px;
    margin-top:107px;
    margin-left:133px;
    width:39px;
    height:67px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien13 a:hover{
    width:279px;
    padding-top:8px;
    font-weight:bold;
    font-size: 1.5em;
    transition: all 0.3s ease-in;
    border-radius:17px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height67px.png') top left no-repeat ;
    opacity:1;
}


#lien14{
    float:left;
}

#lien14 a{
    margin-top:146px;
    margin-left:113px;
    width:44px;
    height:44px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien14 a:hover{
    width:184px;
    padding-left:0px;
    padding-top:3px;
    font-weight:bold;
    font-size: 2em;
    transition: all 0.3s ease-in;
    border-radius:15px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height44px.png') top left no-repeat ;
    opacity:1;
}


/**************LIGNE 4*******************************************************/


#liens15_16_17_18{
    min-height:170px;
}


#lien15{
    float:left;
}

#lien15 a{
    margin-top:57px;
    margin-left:142px;
    width:132px;
    height:132px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien15 a:hover{
    width:551px;
    padding-left:50px;
    padding-top:40px;
    font-weight:bold;
    font-size: 2em;
    transition: all 0.3s ease-in;
    border-radius:15px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height132px.png') top left no-repeat ;
    opacity:1;
}


#lien16{
    float:left;
}

#lien16 a{
    padding-left:28px;
    margin-top:70px;
    margin-left:127px;
    width:64px;
    height:92px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien16 a:hover{
    width:384px;
    padding-top:20px;
    font-weight:bold;
    font-size: 2em;
    transition: all 0.3s ease-in;
    border-radius:15px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height92px.png') top left no-repeat ;
    opacity:1;
}


#lien17{
    float:left;
}

#lien17 a{
    padding-left:28px;
    margin-top:66px;
    margin-left:83px;
    width:113px;
    height:113px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien17 a:hover{
    width:472px;
    padding-top:33px;
    font-weight:bold;
    font-size: 2em;
    transition: all 0.3s ease-in;
    border-radius:15px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height113px.png') top left no-repeat ;
    opacity:1;
}


#lien18{
    float:left;
}

#lien18 a{
    padding-left:28px;
    margin-top:64px;
    margin-left:76px;
    width:78px;
    height:78px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien18 a:hover{
    width:326px;
    padding-left:0px;
    padding-top:21px;
    font-weight:bold;
    font-size: 1.5em;
    transition: all 0.3s ease-in;
    border-radius:15px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height78px.png') top left no-repeat ;
    opacity:1;
}


/**************LIGNE 5*******************************************************/


#liens19_20_21{
    min-height:194px;
}


#lien19{
    float:left;
}

#lien19 a{
    padding-left:110px;
    margin-top:14px;
    margin-left:348px;
    width:0px;
    height:110px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien19 a:hover{
    width:459px;
    padding-left:20px;
    padding-top:30px;
    font-weight:bold;
    font-size: 2em;
    transition: all 0.3s ease-in;
    border-radius:15px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height110px.png') top left no-repeat ;
    opacity:1;
}


#lien20{
    float:left;
}

#lien20 a{
/*    padding-left:28px;*/
    margin-top:64px;
    margin-left:103px;
    width:74px;
    height:74px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien20 a:hover{
    width:459px;
    padding-top:20px;
    font-weight:bold;
    font-size: 2em;
    transition: all 0.3s ease-in;
    border-radius:15px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height74px.png') top left no-repeat ;
    opacity:1;
}


#lien21{
    float:left;
}

#lien21 a{
    position: relative;
    top:-7px;
/*    padding-left:28px;*/
    margin-left:115px;
    width:44px;
    height:44px;
    transition: all 0.3s ease-in;
    opacity:0;
}

#lien21 a:hover{
    width:184px;
    padding-top:0px;
    font-weight:bold;
    font-size: 2em;
    transition: all 0.3s ease-in;
    border-radius:15px;
    background:transparent url('../Ressources/AccueilImages/rosaceRPBlancheBandeau01_Height44px.png') top left no-repeat ;
    opacity:1;
}







/*****************************************FIN  INDEX  ****************************************************************/


.clear{
    clear:both;
}