*{
margin:0px;
padding:0px;
/*font-family:Verdana,sans-serif;
font-size:10px;
color:#000000;
text-align:left;*/
}
/*html{height:100%;}*/
body{
/*background-color: #d8e2ea;*/
/*
 background-image : url(fond.jpg);
 */
background-color: #ffffff;


font-family:Verdana,Minion Web, ITC Stone Serif, MS Georgia, Bitstream Cyberbit, sans-serif;
font-size:1.0em;
color:#333333;
text-align:left;
}
div,p{}
code{color:#0066ff;font-family:Verdana, sans-serif;}
blockquote{background-color:#0066cc;margin:10px;color:#ffffff;font-size:1.0em;font-weight:bold;}
pre{font-family:Courier, monospace;font-size:1.2em;}
hr{margin:5px;}
img{border:0px solid #000000;}
ul,ol{padding-left:20px;}
a{color:#000066;text-decoration:underline;}
a:hover{color:#0066ff;}
#all
{
margin-left:20px;
width:96%;
background-color: #ffffff;
}
#ads
{
color:#ffffff;
font-weight:bold;
/*height:60px;
width:468px;*/
text-align:center;
vertical-align: bottom;
}
#ads a
{
color:#ffffff;
text-decoration: none;
}
#ads a:hover
{
color:#0099ff;
}
#page
{
background-image:url(top.jpg);
background-position: left top;
background-repeat: no-repeat;
background-color: #ffffff;
width:100%;
}
#header
{
width:880px;
padding-top:5px;
}
#end
{
font-size:0.8em;
color:#0099ff;
}
#end a
{
color:#999999;
}
#end a:hover
{
color:#0099ff;
}
#bottom table
{
    margin-left:auto;
    margin-right:auto;
}
#bottom
{
background-image:url(footer.jpg);
background-position: 0 0;
background-repeat: no-repeat;
background-color: #ffffff;
}
#pub{padding-left:200px;vertical-align:top;overflow: hidden;}
/*#pub * {display:inline;}*/
#inner
{
overflow: visible;
position:relative;
/*border:1px solid #cccccc;
padding:15px;*/
}
#core
{
/*float:left;
width:70%;*/
color:#333333;
padding-left:10px;
margin-top:30px;
min-height:300px;
margin-left:200px;
margin-right:20px;
/*background: transparent url(core/waterpolo_page.jpg) no-repeat left top;*/
}
#core a
{
color:#000066;
text-decoration:underline;
}
#core a:hover
{
color:#000066;
}
#nimda a
{
/*display:block;
float:left;*/
color:#ffffff;
line-height:1.1em;
margin:2px;
padding:1px;
font-weight:bold;
text-decoration:none;
background-color:#000099;
}
#nimda a:hover
{
color:#ffffff;
/*border:1px solid #ffffff;*/
}
#nimda a:visited
{
}
/*#core_water-polo
{
background: transparent url(core/waterpolo_page.jpg) no-repeat left top;
}
#core_natation-synchronisee
{
background: transparent url(core/synchro_page.jpg) no-repeat 0 0;
}
#core_natation-course
{
background: transparent url(core/course_page.jpg) no-repeat 0 0;
}
#core_nage-palmes
{
background: transparent url(core/palmes_page.jpg) no-repeat 0 0;
}*/
#left
{
float:left; /* les elements se trouve à gauche  et les autres elements qui le suivent a sa droite*/
margin-top:0px;
/*position:fixed;
left:20px;
top:200px;*/
width:200px;
color:#666666;
}
/*html>body #left {position:fixed;}*/
#left img{vertical-align: middle;}
#left ul{list-style-type: none;padding-left:10px;}
#left li{margin:0px;}
#left a
{
line-height:1.2em;
font-size:1.1em;
padding-right:2px;
color:#666666;
text-decoration:none;
}
#left a:hover
{
color:#ffcc00;
text-decoration:none;
}
.menu_top
{
background: white url(left/cadre1_top.jpg) no-repeat 0 0;
height:11px;
}
.menu_bottom
{
background: white url(left/cadre1_bas.jpg) no-repeat 0 0;
height:15px;
}
.menu
{
background: white url(left/cadre1_milieu.jpg) repeat-y 0 0;
}
.sport_top
{
background: white url(left/cadre2_aixnat.jpg) no-repeat 0 0;
height:38px;
}
.sport_natation-synchronisee
{
background: white url(left/cadre2_synchro.jpg) no-repeat 0 0;
height:38px;
}
.sport_natation-course
{
background: white url(left/cadre2_course.jpg) no-repeat 0 0;
height:38px;
}
.sport_nage-palmes
{
background: white url(left/cadre2_palmes.jpg) no-repeat 0 0;
height:38px;
}
.sport_water-polo
{
background: white url(left/cadre2_waterpolo.jpg) no-repeat 0 0;
height:38px;
}
.sport_ecole-natation
{
background: white url(left/cadre2_ecole.jpg) no-repeat 0 0;
height:38px;
}
.sport_loisirs
{
background: white url(left/cadre1_loisirs.jpg) no-repeat 0 0;
height:38px;
}
.sport
{
background: white url(left/cadre2_milieu.jpg) repeat-y 0 0;
padding-right:10px;
}
.sport_bottom
{
background: white url(left/cadre2_bas.jpg) no-repeat 0 0;
height:17px;
}
/* Newsletter */
#newsletter
{
    background: white url(left/lettre-info.jpg) repeat-y 0 0;
    color:#ffffff;
    padding:2px;
    padding-top:24px;
    width:177px;
    height:56px;
    margin-bottom:10px;
}
#newsletter input
{
    /*border:2px ridge #cccc00;
    margin:2px;
    background-color:#000066;
    color:#ffffff;
    padding:3px;*/
}
/* menu section */
#nav
{
background-color:transparent;
margin-top:2px;
margin-left:0px;
height:51px;
width:800px;
}
/*#nav ul{}
#nav li{margin:0px;display:block;list-style-type: none;}*/
#nav a
{
display:block;
float:left;
text-decoration:none;
height: 51px;
/*margin-right:16px;
border:1px solid #cccccc;*/
}
#nav a#natation-synchronisee
{
width: 149px;
background: white url(menu/synchro_0et1.png) no-repeat 0 0;
color: #000;
}
#nav a#natation-synchronisee:hover
{
width: 149px;
background: white url(menu/synchro_0et1.png) no-repeat 0 -51px;
color: #000;
}
#nav a#water-polo
{
width: 88px;
background: white url(menu/waterpolo_0et1.png) no-repeat 0 0;
color: #000;
}
#nav a#water-polo:hover
{
width: 88px;
background: white url(menu/waterpolo_0et1.png) no-repeat 0 -51px;
color: #000;
}
#nav a#natation-course
{
width: 110px;
background: white url(menu/course_0et1.png) no-repeat 0 0;
color: #000;
}
#nav a#natation-course:hover
{
width: 110px;
background: white url(menu/course_0et1.png) no-repeat 0 -51px;
color: #000;
}
#nav a#nage-palmes
{
width: 129px;
background: white url(menu/palmes_0et1.png) no-repeat 0 0;
color: #000;
}
#nav a#nage-palmes:hover
{
width: 129px;
background: white url(menu/palmes_0et1.png) no-repeat 0 -51px;
color: #000;
}
#nav a#ecole-natation
{
width: 129px;
background: white url(menu/ecole_0et1.png) no-repeat 0 0;
color: #000;
}
#nav a#ecole-natation:hover
{
width: 129px;
background: white url(menu/ecole_0et1.png) no-repeat 0 -51px;
color: #000;
}
#nav a#loisirs
{
width: 60px;
background: white url(menu/loisirs_0et1.png) no-repeat 0 0;
color: #000;
}
#nav a#loisirs:hover
{
width: 60px;
background: white url(menu/loisirs_0et1.png) no-repeat 0 -51px;
color: #000;
}
#nav a#natation-synchronisee2
{
width: 149px;
background: white url(menu/synchro_2et1.png) no-repeat 0 0;
color: #000;
}
#nav a#natation-synchronisee2:hover
{
width: 149px;
background: white url(menu/synchro_2et1.png) no-repeat 0 -51px;
color: #000;
}
#nav a#water-polo2
{
width: 88px;
background: white url(menu/waterpolo_2et1.png) no-repeat 0 0;
color: #000;
}
#nav a#water-polo2:hover
{
width: 88px;
background: white url(menu/waterpolo_2et1.png) no-repeat 0 -51px;
color: #000;
}
#nav a#natation-course2
{
width: 110px;
background: white url(menu/course_2et1.png) no-repeat 0 0;
color: #000;
}
#nav a#natation-course2:hover
{
width: 110px;
background: white url(menu/course_2et1.png) no-repeat 0 -51px;
color: #000;
}
#nav a#nage-palmes2
{
width: 129px;
background: white url(menu/palmes_2et1.png) no-repeat 0 0;
color: #000;
}
#nav a#nage-palmes2:hover
{
width: 129px;
background: white url(menu/palmes_2et1.png) no-repeat 0 -51px;
color: #000;
}
#nav a#ecole-natation2
{
width: 129px;
background: white url(menu/ecole_2et1.png) no-repeat 0 0;
color: #000;
}
#nav a#ecole-natation2:hover
{
width: 129px;
background: white url(menu/ecole_2et1.png) no-repeat 0 -51px;
color: #000;
}
#nav a#loisirs2
{
width: 60px;
background: white url(menu/loisirs_2et1.png) no-repeat 0 0;
color: #000;
}
#nav a#loisirs2:hover
{
width: 60px;
background: white url(menu/loisirs_2et1.png) no-repeat 0 -51px;
color: #000;
}
/* résultats et news */
.up
{
    color:#000066;
    font-size:1.2em;
    /*float:left;
    width:45%;*/
    margin:5px;
    background-color:#f9f9f9;
    border-left:1px solid #000099;
    border-right:1px solid #000099;
    padding:2px;
}
.up div
{
    font-size:0.8em;
    color:#333333;
} 
.up img {vertical-align:middle}
#alaune
{
color:#fff;
font-size:1.1em;
margin-bottom:15px;
background-color:#004A8B;
padding:5px;
border-top:3px solid #ACACAC;
border-bottom:3px solid #ACACAC;
}
#alaune a{color:#c7d3e5;}
#alaune a:hover{color:#fff;}
.une
{
background-color:#ffffff;
padding:2px;
border:1px solid #000099;
}
.bitsmall
{
font-size:0.8em;
}
/* galerie d'images */
#galerie
{
padding:10px;
}
#galerie p {vertical-align: middle; float:left; height:200px;width:200px;}
#galerie img {vertical-align: middle;}
/* pour administration */
.td
{
margin:5px;
padding:5px;
border:1px solid #99ccff;
/*background-color:#f9f9f9;*/
}
.td img {vertical-align: middle;border:1px solid #dddddd;}
.partenaire
{
padding-right:40px;
    background-color:#f9f9f9;
}
.partenaire img {vertical-align: middle; float:right}
.chapo
{
font-style: italic;
}
.alert
{
color:#cc0000;
font-weight:bold;
}
.help
{
color:#ffffff;
font-weight:bold;
}
.u
{
/*    text-decoration:underline;*/
    margin:10px;
    border-bottom:1px solid #cccccc;
    color:#000000;
}
.f_left
{
    float:left;
    width:20%;
    text-align:right;
    padding:2px;
}
.f_right
{
    float:left;
    width:75%;
    text-align:left;
    padding:2px;
}
form{}
textarea{/*background-color:transparent;*/}
fieldset{padding:10px;}
input{padding:1px;}
h1
{
    font-size:1.2em;
    font-weight:normal;
    /*text-align:left;*/
    color:#99ccff;
}
h2
{
    font-size:1.1em;
    font-weight:normal;
    font-weight:bold;
    color:#fff;
    /*border-bottom:1px solid #006699;
    background-color:#0077cc;*/
    margin-top:10px;
    margin-bottom:10px;
    padding-left:20px;
    background: #004A8B url(h2.png) repeat-x 0 0;
}
h3
{
    font-size:1.0em;
    font-weight:normal;
    font-weight:bold;
}
.spacer{clear:both;}
/* tableau design debut */
#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 48px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('table-images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('table-images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('table-images/gradhover.png') repeat-x;
	color: #339;
}
/* tableau design fin */

/*drag and drop debut */
div#test,div#test2 {
/* carre a modif ici */
	/* width: 150px;*/
	/* height: 50px;*/
	/*border: 3px solid #AF0078;*/
padding-left: 250px;
	/*background-color: #ffffff;*/
	position: absolute;
	/*top: 300px;*/

	left: 0;
	cursor: pointer;
	z-index: 200;
}

div#test2 {
	position: fixed;
	top: 220px;
}

div.dragged {
	cursor: all-scroll !important;
	border-color: #cc0000 !important;
	z-index: 300 !important;
}

a.keyLink {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 20px;
	height: 20px;
	border: 1px solid #000000;
	background-image: none;
	font-size: 120%;
	text-align: center;
	padding: 0;
	background-color: #ffffff;
	opacity: .5;
}

div.dragged a.keyHTML,a.keyHTML:focus {
	border-color: #cc0000;
}
/*drag and drop fin */
/* menu connexion*/
.menu_connection_head
{
background: white url(left/menu_connection_haut.jpg) no-repeat 0 0;
height:34px;

}
.menu_connection_milieu
{

border:1pt solid #FFFFFF;
border-width:1pt;
margin-left:5px;
background: white url(left/menu_connection_milieu.jpg) repeat-y 0 0;
}
.corps_connection
{
margin:8px;

}
.menu_connection_bottom
{
margin-left:4px;
background: white url(left/menu_connection_bas.jpg) no-repeat 0 0;
height:15px;
}
.menu_panier_head
{
margin-left:2px;
background: white url(left/menu_panier_haut.jpg) no-repeat 0 0;
height:34px;

}
.menu_panier_milieu
{

border:1pt solid #FFFFFF;
border-width:1pt;
margin-left:3px;
background: white url(left/menu_connection_milieu.jpg) repeat-y 0 0;
}
.menu_panier_bottom
{
margin-left:0px;
background: white url(left/menu_connection_bas2.jpg) no-repeat 0 0;
height:15px;
}

.menu_liens_head
{
margin-left:0px;
background: white url(left/menu_liens_haut.jpg) no-repeat 0 0;
height:34px;

}
.menu_liens_milieu
{

border:1pt solid #FFFFFF;
border-width:1pt;
margin-left:5px;
background: white url(left/menu_connection_milieu.jpg) repeat-y 0 0;
}
.menu_compte_head
{
margin-left:2px;
background: white url(left/menu_compte_haut.jpg) no-repeat 0 0;
height:34px;

}














#gradient-style2
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 48px;
	text-align: left;
	border-collapse: collapse;
	text-align:center;

}
#gradient-style2 th
{
	font-size: 13px;
	font-weight: normal;
	padding: 0px;
	background: #b9c9fe url('table-images/gradhead.png') repeat-x;
	border-top: 0px solid #d3ddff;
	border-bottom: 0px solid #fff;
	color: #039;
}
#gradient-style2 td
{
	padding: 8px;
	border-bottom: 0px solid #fff;
	color: #669;
	border-top: 0px solid #fff;
	background: #e8edff url('table-images/gradback.png') repeat-x;
	/*arrondi*/
       	-moz-border-radius: 1em;

}
#gradient-style2 tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;

}
/*
#gradient-style2 tbody tr:hover td
{
	background: #d0dafd url('table-images/gradhover.png') repeat-x;
	color: #339;
}
*/


#gradient-style3
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 15px;
	margin: 45px;
	/*width: 48px;*/
	text-align: left;
	border-collapse: collapse;
	text-align:center;

}
#gradient-style3 th
{
	font-size: 13px;
	font-weight: normal;
	padding: 20px;
	background: #b9c9fe url('table-images/gradhead.png') repeat-x;
	border-top: 0px solid #d3ddff;
	border-bottom: 0px solid #fff;
	color: #039;
}
#gradient-style3 td
{
	padding: 8px;
	border-bottom: 0px solid #fff;
	color: #669;
	border-top: 0px solid #fff;
	background: #e8edff url('table-images/gradback.png') repeat-x;


}
#gradient-style3 tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;

}
#centre_site
{
margin-left:2%;
margin-right:2%;

}