body {
background-color : #b7d8f7;
background-image : url(body.jpg);
background-repeat: repeat;
background-position: top center;
background-attachment : fixed;
padding : 0% 5% 1%;
margin :  auto;
max-width : 1100px;
font-size : 0.8em;
font-family : arial;
}
a {color : #a50;text-decoration : none;}
a:hover {color : #004;}
img {border : none;vertical-align:middle;}

h1 {
text-align : left;
background : #4676a6;
background : #4676a6 url(bg-h1.jpg) repeat-x bottom center;
border : 1px solid #005;
font-size : 2.0em;
font-family : verdana;
font-style : italic;
text-decoration :shadow;
color : #005;
margin : 10px 30px 0px;
padding : 20px 30px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.playerss {
text-align : left;
margin : 10px 30px 0px;
font-size : 1.6em;
padding : 15px 30px;
font-family : verdana;
font-style : italic;
text-decoration :shadow;
color : #004;
background : #4676a6 url(bg-h1.jpg) repeat-x bottom center;
border : 1px solid #005;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

em {
font-size : 0.7em;
}

p{
margin-top : 0;
text-align : justify;
}

hr {
height : 1px;
border : none;
background-color : #55a;
}

.bold {
font-weight : bold;
color : #007;
}

.floatright {
float : right;
}
.floatleft {
float : left;
}

.astuce, .erreur {
margin : 50px;
background : #FFF;
border : 1px solid #000;
padding : 25px;
font-size : 1.6em;
}

.center {
text-align : center;
}
.right {
text-align : right;
}

#bloc_gauche {

position : fixed;
float : left;
width : 242px;
}
#bloc_droite {
float : right;
width : 78%;
}

#home {
display : block;
text-align : center;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
border : 1px solid #005;
border-top : none;
background : #4676a6 url(bg-home.png) repeat-x bottom center;
}
#home:hover {
border : 1px inset #000;
border-top : none;
}

.logoright {
position : relative;
top : -22px;
z-index : 99;
right : 25px;
float : right;
margin : 0;
padding : 0;
padding-right : 15px;
padding-top : 3px;
width : 147px;
height : 90px;
}








#pub {
text-align : center;
margin : 0 auto 0;
z-index : 2;
width : 728px;
height : 120px;
padding : 22px 37px 23px 35px;
padding-top : 55px;
background : url(bg-pub.png) no-repeat bottom center;
/*
background-color : #000;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border : 3px solid #000;
*/
}
#pub img{
border : 2px inset #000;
}
#pub #marquee{
margin-top : 18px;
margin-left : 5px;
color : #9fc8f4;
font-size : 0.8em;
width : 555px;
}







#comptarebours {
position : absolute;
top : 10px;
left : 50%;
margin-left : 330px;
color : #bce;
text-align : center;
font-size : 0.9em;
width : 190px;
}

#comptarebours a {
color : #fff;
}

#comptarebours a:hover {
color : #ff0;
}









#nav {
position : absolute ;
top : 0;
left : 50%;
z-index : 12;
margin-left : -277px;
}
#nav a {
width : 180px;
text-align : center;
display : block;
float : left;
font-weight : bold;
font-size : 0.9em;
display : block;
text-transform : uppercase;
padding : 3px 2px 3px;
margin-right : 2px;
color : #008fc6;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
background : #a3bed7;
background : #000 url(bg-nav.png) no-repeat top right;
border : 2px outset #000;
border-top : none;
}
#nav a:hover {
color : #fff;
padding : 5px 2px 3px;
background : #bed0ff;
background : #244071;
}




#menulangg {
width : 100%;
background : #458;
padding-bottom : 20px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border : 1px solid #005;
margin-top : 10px;
text-align : center;
color : #fff;
}
#menulangg h3 {

}




#menu0 {
width : 100%;
background : #94b2ff url(bg-menu0.png) repeat-x bottom center;
padding-bottom : 20px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border : 1px solid #005;
margin-top : 10px;
}
#menu0:hover {
width : 100%;;

}
#menu0 h2 {
padding-top : 0px;
text-align : left;
padding-left : 15px;
border-bottom : 1px solid #008;
padding-bottom : 10px;
margin-bottom : 0;
}
#menu0 a {
font-weight : bold;
text-align : right;
display : block;
padding : 5px 10px 5px 10px;
color : #000;
border-bottom : 1px solid #008;
}
#menu0 a:hover {
background : #fff;
border-left : 1px solid #000;
color : #700;
}



#menu001 {
font-size : 0.8em;
position : absolute;
position : fixed;
width : 60px;
margin : auto;
}
#menu001 {
top : 0px;
right : 0;
}
#menu001  h4 {
text-align : center;
border : 1px solid #005;
border-top : none;
background : #ffa;
width : 59px;
padding : 3px 0;
padding-left : 3px;
margin : 0;
}
#menu001 a{
display : block;
background : #ff0;
text-align : center;
border-left : 1px solid #005;
border-bottom : 1px solid #005;
width : 58px;
color : #000;
padding : 3px 0 4px;
padding-left : 3px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
}
#menu001 a:hover  {
background : #fff;
color : #500;
}




#menuflag {
font-size : 0.7em;
position : absolute;
position : fixed;
top : 1px;
left : 50%;
margin-left : -615px;
text-align :center;
}
#menuflag a {
display : block;
text-align : center;
color : #fa0;
}
#menuflag img {
width : 25px;
vertical-align :top;
}
#menuflag a:hover {
display : block;
text-align : center;
color : #fff;
}


#menu1 {
margin : auto;
margin-top : 15px;
width : 60%;
text-align : center;
background : #585a73;
padding : 10px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color : #3f415a;
}
#menu1 h4{
margin : auto;
}



#menu2 {
margin-top : 10px;
width : 45%;
background : #52547a;
color : #3f415a;
border : 1px solid #4f5177;
border-top : none;
font-size : 0.9em;
filter:alpha(opacity=30);
-moz-opacity:  0.3;
opacity: 0.3;
-khtml-opacity: 0.3;
}
#menu2:hover {
filter:alpha(opacity=100);
-moz-opacity:  1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
#menu2 h3 {
border-top : 1px solid #4f5177;
padding : 5px;
margin : 0;
text-align : center;
background : #4f5177;
color : #3c315f;
font-style : italic;
}
#menu2 a {
font-weight : bold;
text-align : center;
display : block;
padding : 2px;
color : #3f415a;
border-top : 1px solid #4f5177;
}
#menu2 a:hover {
background : #71738c;
color : #500;
}



#menu3 {
float : left;
margin-top : 10px;
width : 45%;
text-align : center;
/*
padding : 20px;
background : #585a73;
*/
filter:alpha(opacity=10);
-moz-opacity:  0.1;
opacity: 0.1;
-khtml-opacity: 0.1;
color : #2f4986;
}
#menu3:hover {
filter:alpha(opacity=100);
-moz-opacity:  1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}




#menu4 {
clear : both;
border : #4f5177 solid 1px;
float : right;
margin-top : 10px;
width : 52%;
color : #b2d4f7;
text-align : right;
}
#menu4 h4{
margin : 0;
color : #9ec7f3;
padding : 5px;
text-align : right;
}

#menu4 table{
font-size : 0.7em;
}

















#corps {
width : 98%;
height : 450px;
padding :  20px 2%;
font-size : 0.8em;
}



















#tableconins {
margin : 0 auto 10px;
width : 70%;
}
#tableconins td {
vertical-align : top;
width : 40%;
border : 1px solid #55a;
padding : 5%;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
background : #ccf;
}
#tableconins form{
background : #7595ff;
border : 1px solid #005;
padding : 5%;
}
#tableconins h2{
margin : 0 0 10px;
}








.liste_partners {
vertical-align : top;
padding : 0 2% 15px;
margin : 0 auto 10px;
width : 94%;
}
.liste_partners td{
width : 50%;
vertical-align : top;
font-size : 1.2em;
text-align : center;
padding : 15px;
background : #88a;
border : 1px solid #005;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.liste_partners h3{
font-size : 1.5em;
text-align : center;
font-weight : bold;
padding : 10px 0;
margin : 0;
margin-bottom : 10px;
text-decoration : underline;
color : #005;
}




.liste_joueurs {
width : 90%;
margin : 0px auto 10px;
vertical-align : top;
}
.liste_joueurs h2 {
font-size : 1.5em;
text-align : center;
font-weight : bold;
padding : 10px 0;
margin : 0;
}
.liste_joueurs .compartiment0, .liste_joueurs .compartiment00  {
vertical-align : top;
font-size : 1.2em;
width : 120px;
text-align : center;
padding : 10px 20px;
background : #7595ff;
background : #7595ff url(bg-joueurs-1.jpg) repeat-y top right;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
border : 1px solid #005;
}
.liste_joueurs .compartiment00 {
vertical-align : middle;
padding : 5px;
}
.liste_joueurs .compartiment0 img {
border : 1px solid #fff;
}
.liste_joueurs .compartiment1 {
vertical-align : top;
font-size : 1.2em;
background : #a5c3ff;
background : #a5c3ff url(bg-joueurs-2.jpg) repeat-x top center;
border : 1px solid #005;
padding : 5px;
}
.liste_joueurs .compartiment1 .info {
margin : 15px 0 15px 15px;
}
.liste_joueurs .compartiment1 .info td {
padding : 0 3px;
}
.liste_joueurs .compartiment2 {
vertical-align : top;
font-size : 1.2em;
width : 40%;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
background : #a5c3ff;
background : #a5c3ff url(bg-joueurs-2.jpg) repeat-x top center;
border : 1px solid #005;
padding : 15px;
}



.theory {
font-size : 1.2em;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
background : #d5daff url(bg-theory.jpg) repeat-x bottom center;
padding : 10px 2% 15px;
margin : 0px auto 10px;
width : 85%;
border : 1px solid #005;
border-top : none;
}
.theory table{
width : 100%;
}
.theory h3 {
margin : 5px;
color : #33a;
text-decoration : underline;
}
.theory p {
font-size : 0.7em;
}







.liste_sujets {
width : 90%;
margin : 0px auto 10px;
vertical-align : top;
}
.liste_sujets .compartiment1 {
vertical-align : top;
font-size : 1.2em;
width : 120px;
text-align : center;
padding : 20px;
background : #7595ff;
border : 1px solid #005;
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
}
.liste_sujets .compartiment2 {
vertical-align : top;
font-size : 1.2em;
background : #a5c3ff;
padding : 10px;
border : 1px solid #005;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-right-radius: 15px;
}
.liste_sujets .compartiment2 h4 {
color : #007;
}




.sujet {
width : 65%;
margin : 0px 50px 10px;
vertical-align : top;
font-size : 1.0em;
text-align : center;
padding : 2%;
background : #7595ff;
border : solid 1px #005;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-right-radius: 15px;
}
.sujet input[type=submit] {
font-size : 1.6em;
padding : 15px 60px;
margin : 15px auto;
}
.sujet input[type=text] {
width : 80%;
}
.sujet textarea {
height : 250px;
width : 80%;
}







.liste_challenges {
width : 90%;
margin : 0 auto 10px;
vertical-align : top;
border-collapse : collapse;
}
.liste_challenges td {
vertical-align : top;
width : 24.5%;
padding : 0 0.25%;
}
.liste_challenges div {
font-size : 0.9em;
text-align : center;
padding : 10px 5px;
background : #97b7ff;
border : 1px solid #005;
border-top : none;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-right-radius: 15px;
}
.liste_challenges div:hover {
background : #bed0ff;
}















.members table {
width : 90%;
margin : 0 auto 0;
vertical-align : top;
}
.members td {
border : 1px solid #000;
vertical-align : top;
width : 24.5%;
padding : 0 0.25%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background : #fff;
}
.members h5 {
margin : 10px 0 0 10px;
text-decoration : underline;
}
.members img {
width : 25px;
}
.members ul {
list-style : none;
margin-left : -20px;
}
.members td {
vertical-align : top;
}







.dayco {
border-collapse : collapse;
margin : 10px auto;
font-size : 0.7em;
background : #aaa;
}
.dayco td {
text-align : center;
border : 1px solid #000;
padding : 8px;
}
.dayco input[type=text] {
width : 16px;
font-size : 0.9em;
padding : 1px;
}




.participation td {
width : 50%;
vertical-align : top;
}
.participation form {
padding : 5px;
border : 1px solid #500;
background : #ddd;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align : center;
margin : 10px;
}