body
{
position: absolute;
margin-left:22%;
background:url(../degrade_fd.jpg) repeat-x;
font-family: Tahoma,Verdana,"Arial Black",sans-serif;
}
*
{
outline:none;
}


a
{
padding:2px 5px;
color:black;
text-decoration: none;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
-webkit-border-radius:14px;
-moz-border-radius:14px;
-o-border-radius:14px;
border-radius:14px;
}

a:hover /*definition_des_liens_generaux*/
{
text-shadow:0 2px 2px rgba(0,0,0,0.6);
color:#ccc;
background-color:#F7941D;
}
table
{
float:left;
}

#logo_appsl
{
width:350px;
height:2200px;
position:absolute;
margin-left:-351px;
background:url(../logolettre1.png) no-repeat fixed 3% 0px;
overflow:hidden;
}

.photos  
a:hover
{
background-color:transparent;
}

.taillep/*tableaupoisson*/
{
text-align:center;
width:30%;
background:url(../fdp.jpg);
}
.position /*logocelte*/
{
display:inline;
position:relative;
left:200px;
top:20px;
}
.position2
{
width:300px;
height:70px;
display:inline;
float:left;
position:relative;
left:0px;
top:30px;
background-color:yellow;
}
/*classes pour tableau adherents*/
.fd
{
background:white;
}
.fd1
{
background:silver;
}
.adh
{
width:25%;
height:50px;
background-color:transparent;
border:2px black solid;
font-weight:bold;
font-size:12px;
}
.adh1
{
width:25%;
height:50px;
background-color:transparent;
border:2px black solid;
font-weight:bold;
font-size:12px;
}
/*fin classes pour tableau adherents*/
.belge
{
width:100%;
height:200px;
font-weight:bold;
color:black;
background:url(../drapeaub.jpg);
}
.belge tr td
{
color:maroon;
}

.menulines{
color:black;
border:2.5px solid #F0F0F0;
}

.menulines a{
text-decoration:none;
color:black;
}
.menulines a:hover{
text-decoration:none;
color:white;
}
.content11/*contenu div 1ere page 1ere ligne*/
{
font-size:15px;
font-weight:bold;
}
.content111/*couleur titre*/
{
color:navy;
}
.content12/*contenu div 1ere page 2eme ligne*/
{
font-size:11px;
}
.content13/*contenu div 1ere page 3eme ligne*/
{
font-size:10px;
}

#banniere
{
width:900px;
height:150px;
}

#logo_com
{
float:left;
width:300px;
height:100px;
background:url(../bargrise.jpg) no-repeat;
}
#logoctre_com
{
float:left;
width:300px;
height:100px;
background:url(../bargrise.jpg) no-repeat;
}
#im
{
float:left;
width:300px;
height:100px;
top:0px;
background:url(../bargrise.jpg) no-repeat;
}

#defilement
{
background:url(../bargrise.jpg) no-repeat;
}
#barnav /*menu_top*/
{
clear:left;
width:900px;
height:50px;
background:url(../bargrise2.jpg) no-repeat;
}
#menu /*menudegauche*/
{
width:160px;
height:400px;
float:left;
background :white;
}
#corps
{
margin-left:165px;
width:715px;
padding:10px;
background :#CEDDE7 url(../arrondi.jpg) no-repeat;
}
#corps h2
{
color:olive;
text-align:center;
text-shadow:2px 2px 3px maroon;
}
#corps p
{
font-family:arial,sans-serif;
font-style:normal;

color:black;
font-weight:bold;
}
#pied
{
clear:left;
border:none;
width:900px;
height:100px;
background:url(../bargrise.jpg) no-repeat;
}
#gg /*contient_avt_apr*/
{
width:900px;
height:40px;
margin-top:30px;
padding-top:20px;
background:transparent;
}
#carte
{

width:650px;
height:355px;
margin-left:35px;
background:url(../APPSL/carte_st_lu.swf) top center;
z-index:1;
}
/*pour_retour_adherents*/
#bouton
{
width:150px;
height:50px;
background:url(../bouton_phare.gif);
}
#bouton:hover
{
width:150px;
height:50px;
background:url(../bouton_bleu.gif);
}
#bouton a:hover
{
background:transparent;
}
#tete
{
position:absolute;top:750px;left:731px;
}
#tete a:hover
{
background:transparent;
}

#taille
{
margin-left:100px;
width:500px;
height:365px;
background-image:url(../taille.png);
}
#taille:active
{
margin-left:0px;
width:700px;
height:220px;
background-image:url(../taille1.gif);
}
#wrapper
{
width:600px;
margin-top:0px;
margin-bottom:0px;
background:transparent;
}

.hovermenu ul{
font: bold 15px tahoma;
padding-left: 0px;
padding-top:15px;
margin-left: 165px;
height: 18px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: black;
background:url(../case.jpg) repeat-x;
border: 2px solid #CEDDE7;
z-index:1;
}

.hovermenu ul li a:hover{

border-style: inset;
border-color:blue;
z-index:3;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: outset;
}
.situe
{
margin-left:650px;
color:red;
}


ul.extend  li
{
padding:10px;
list-style:none;
}
ul.extend  li a img
{
width:200px;
-webkit-transition:-webkit-transform 0.3s ease-in-out;
-moz-transition:-moz-transform 0.3s ease-in-out;
-o-transition:-o-transform 0.3s ease-in-out;
transition:transform 0.3s ease-in-out;

}
ul.extend  li a:hover img
{
-webkit-transform-origin:top left;
-o-transform-origin:top left;
-moz-transform-origin:top left;
transform-origin:top left;
-webkit-transform:scale(2.5) rotate(-10deg);
-moz-transform:scale(2.5) rotate(-10deg);
-o-transform:scale(2.5)  rotate(-10deg);
transform:scale(2.5)  rotate(-10deg);
-webkit-box-shadow:4px 4px 10px rgba(0,0,0,0.5);
-moz-box-shadow:4px 4px 10px rgba(0,0,0,0.5);
box-shadow:4px 4px 10px rgba(0,0,0,0.5);
}