@charset "UTF-8";
/* CSS Document */

* {
margin:0pt;
padding:0pt;
}

body {
padding:12px 0pt;
margin:0pt;
}

#kick {
margin: 0pt auto;
width: 770px;
position:relative;
}

#kick.membres {
left:9px;
background-image:url(../images/background.gif);
background-repeat:repeat;
}

#site-header {
width: 770px;
height: 30px;
position: relative;
z-index: 9998;
}

#site-header #nav {
margin: 0pt;
padding : 0pt;
}

ul, ol {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}

#lW1, #lW2, #lW3, #lW4, #lW5, #lW6, #lW7, #lW8, #lW9, #lW10, #lW11, #lW12, #lW13, #lW14, #lW15, #lW16, #lW17, #lW18, #lW19, #lW20, #lW21, #lW22, #lW23, #lW24, #lW25, #lW26, #lW27, #lW28 {
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
float: left;
clear: left;
}

#lW1 {height: 15px; width: 306px;}
#lW2 {height: 15px; width: 285px;}
#lW3 {height: 15px; width: 272px;}
#lW4 {height: 15px; width: 264px;}
#lW5 {height: 15px; width: 269px;}
#lW6 {height: 15px; width: 278px;}
#lW7 {height: 15px; width: 280px;}
#lW8 {height: 15px; width: 276px;}
#lW9 {height: 15px; width: 265px;}
#lW10 {height: 15px; width: 255px;}
#lW11 {height: 15px; width: 245px;}
#lW12 {height: 15px; width: 230px;}
#lW13 {height: 15px; width: 232px;}
#lW14 {height: 15px; width: 226px;}
#lW15 {height: 15px; width: 219px;}
#lW16 {height: 15px; width: 165px;}
#lW17 {height: 15px; width: 165px;}
#lW18 {height: 15px; width: 126px;}
#lW19 {height: 15px; width: 121px;}
#lW20 {height: 15px; width: 98px;}
#lW21 {height: 15px; width: 91px;}
#lW22 {height: 15px; width: 85px;}
#lW23 {height: 15px; width: 78px;}
#lW24 {height: 15px; width: 72px;}
#lW25 {height: 15px; width: 66px;}
#lW26 {height: 15px; width: 60px;}
#lW27 {height: 15px; width: 54px;}
#lW28 {height: 15px; width: 48px;}


#site-header #nav li {
display: inline;
}

#site-header #nav li a {
background-image: url(../images/nav.png);
background-repeat: no-repeat;
float: left;
overflow: hidden;
height: 0pt;
padding-top: 30px;
}

#site-header #nav li#n-accueil a {
width:123px;
background-position:0px 0pt;
}

#site-header #nav li#n-education a {
width:104px;
background-position:-123px 0pt;
}

#site-header #nav li#n-tourisme a {
width:97px;
background-position:-227px 0pt;
}

#site-header #nav li#n-sport a {
width:67px;
background-position:-324px 0pt;
}

#site-header #nav li#n-bulletin a {
width:85px;
background-position:-391px 0pt;
}

#site-header #nav li#n-partenariats a {
width:125px;
background-position:-476px 0pt;
}

#site-header #nav li#n-membres a {
width:71px;
background-position:-601px 0pt;
}

#site-header #nav li#n-contact a {
width:98px;
background-position:-672px 0pt;
}

#site-header #nav li#n-accueil a:hover {
width:123px;
background-position:0px -30px;
}

#site-header #nav li#n-education a:hover {
width:104px;
background-position:-123px -30px;
}

#site-header #nav li#n-tourisme a:hover {
width:97px;
background-position:-227px -30px;
}

#site-header #nav li#n-sport a:hover {
width:67px;
background-position:-324px -30px;
}

#site-header #nav li#n-bulletin a:hover {
width:85px;
background-position:-391px -30px;
}

#site-header #nav li#n-partenariats a:hover {
width:125px;
background-position:-476px -30px;
}

#site-header #nav li#n-membres a:hover {
width:71px;
background-position:-601px -30px;
}

#site-header #nav li#n-contact a:hover {
width:98px;
background-position:-672px -30px;
}

#site-header.accueil #nav li#n-accueil a {
width:123px;
background-position:0px -90px !important;
}

#site-header.education #nav li#n-education a {
width:104px;
background-position:-123px -90px !important;
}

#site-header.tourisme #nav li#n-tourisme a {
width:97px;
background-position:-227px -90px !important;
}

#site-header.sport #nav li#n-sport a {
width:67px;
background-position:-324px -90px !important;
}

#site-header.bulletin #nav li#n-bulletin a {
width:85px;
background-position:-391px -90px !important;
}

#site-header.partenariats #nav li#n-partenariats a {
width:125px;
background-position:-476px -90px !important;
}

#site-header.membres #nav li#n-membres a {
width:71px;
background-position:-601px -90px !important;
}

#site-header.contact #nav li#n-contact a {
width:98px;
background-position:-672px -90px !important;
}

#site-header #nav li#n-accueil a:active {
width:123px;
background-position:0px -60px;
}

#site-header #nav li#n-education a:active {
width:104px;
background-position:-123px -60px;
}

#site-header #nav li#n-tourisme a:active {
width:97px;
background-position:-227px -60px;
}

#site-header #nav li#n-sport a:active {
width:67px;
background-position:-324px -60px;
}

#site-header #nav li#n-bulletin a:active {
width:85px;
background-position:-391px -60px;
}

#site-header #nav li#n-partenariats a:active {
width:125px;
background-position:-476px -60px;
}

#site-header #nav li#n-membres a:active {
width:71px;
background-position:-601px -60px;
}

#site-header #nav li#n-contact a:active {
width:98px;
background-position:-672px -60px;
}



td.body_left_border {
background-image: url(../images/shadow_left.gif);
width: 10px;
height: auto;
}

td.body_right_border {
background-image: url(../images/shadow_right.gif);
width: 10px;
height: auto;
}

#site-footer.shadow {
background-image:url(../images/shadow_down.gif);
background-repeat:no-repeat;
width:770px;
height:10px;
}

div.inside {
color: #666;
}

div.inside a, div.inside a:visited {
text-decoration: none;
font-weight: bold;
color: #ff4d00;
}

div.inside a:hover {
text-decoration: none;
border-bottom: dotted 1px #b83700;
font-weight: bold;
color: #b83700;
}

div.inside h1 {
color: #333;
font-size: 1.6em;
margin-top: 0px;
padding-top: 20px;
margin-right: 0px;
}

div.inside ul {
margin: auto;
padding: 10px;
list-style-type: disc;
list-style-position: inside;
}

div.inside li {
padding-top: 5px;
line-height: 1.3em;
}

/* Page d'accueil */

td.page-accueil {
height: 536px;
width: 750px;
background-color: #dadada;
background-repeat: no-repeat;
background-image: url(../images/calao_acc.gif);
}

#inside-accueil {
height: 100%;
padding-right: 50px;
}

tr.acc-height {
height: 516px;
}

#acc-texte {
padding-top: 80px;
}

#logo-acc {
margin-top: 0px;
padding-top: 0px;
width: 160px;
height: 105px;
margin-left: 500px;
}

#logo-acc a {
margin-top: 0px;
padding-top: 0px;
text-indent: -9999px;
display: block;
width: 160px;
height: 105px;
background-image: url(../images/actu.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}

#logo-acc a:hover {
margin-top: 0px;
padding-top: 0px;
text-indent: -9999px;
border-bottom: none;
display: block;
width: 160px;
height: 105px;
background-image: url(../images/actu.gif);
background-position: 0px -105px;
background-repeat: no-repeat;
}

/* Page éducation */

td.page-education {
width: 750px;
background-color: #ffdbcc;
background-repeat: no-repeat;
background-image: url(../images/edu_bottom.jpg);
background-position: bottom left;
}

#inside-education {
height: auto;
padding-top:25px;
padding-right: 50px;
padding-left: 50px;
padding-bottom:270px;

}

img.clos_enfants1 {
float: right;
margin-left:10px;
}

img.clos_enfants2 {
float: left;
margin-right:15px;
}

img.alpha {
float: right;
margin-left:10px;
}

/* Page tourisme */

td.page-tourisme {
height: 516px;
width: 750px;
background-color: #cfd6e9;
background-repeat: no-repeat;
background-image: url(../images/tour_bottom.jpg);
background-position: bottom left;
}

#inside-tourisme {
height: 100%;
padding-right: 50px;
padding-left: 320px;
}

#inside-tourisme p {
padding-top: 30px;
}

img.tourisme1 {
float: right;
margin-left:10px;
}

img.tourisme2 {
float: left;
padding-top: 20px;
padding-left: 120px;
}

/* Page sport */

td.page-sport {
height: 550px;
width: 750px;
background-color: #cfe9d9;
background-repeat: no-repeat;
background-image: url(../images/sport_bottom.jpg);
background-position: bottom left;
}

#inside-sport {
height: 100%;
padding-top:45px;
padding-right: 50px;
padding-left: 50px;
}

#inside-sport p {
line-height: 1.5em;
}

img.escalade1 {
float: left;
margin-right: 15px;
}

img.escalade2 {
float: right;
margin-left:10px;
}

/* Page bulletin */

td.page-bulletin {
height: 516px;
width: 750px;
background-color: #fff;
background-repeat: no-repeat;
background-image: url(../images/bull_back.jpg);
}

#inside-bulletin {
height: 100%;
}

#logo_bull {
	position:relative;
	left:180px;
	top:10px;
	width:425px;
	height:83px;
	z-index:1;
	visibility:visible;
}

#icone_bull {
	position: relative;
	left:322px;
	top:23px;
	width:174px;
	height:243px;
	z-index:2;
	visibility:visible;
}

#icone_bull a {
	background-image: url(../images/icone_bull_a.jpg);
	width:174px;
	height:243px;
	display: block;
}

#icone_bull a:hover {
	background-image: url(../images/icone_bull_h.jpg);
	width:174px;
	height:243px;
	display: block;
	border-bottom: none;
}

/* Page partenariats */

td.page-partenariats {
height: 516px;
width: 750px;
background-color: #f2f2f2;
background-repeat: no-repeat;
background-image: url(../images/part_back.gif);
background-position: bottom right;
padding-bottom: 20px;
}

#inside-partenariats {
height: 100%;
text-align: center;
}

#inside-partenariats li.notfirst {
padding-top: 10px;
}

img.nord, img.sud {
padding-top:30px;
}

p.intro_nord {
padding-top: 15px;
margin-left: auto;
margin-right: auto;
width: 510px;
}

ul.nord {
padding-top: 0px !important;
}

/* Page contact */

td.page-contact {
height: 516px;
width: 750px;
background-color: #f2f2f2;
background-repeat: no-repeat;
background-image: url(../images/contact_back.jpg);
}

#inside-contact {
height: 100%;
padding-left: 50px;
padding-right: 50px;
}

ul.adresses li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left: 30px;
font-size: 1.5em;
font-family: "Trebuchet MS";
line-height: 1.1em;
}

div.inside ul.adresses {
width: 250px;
padding: 30px 0px 0px 0px;
}

div.inside #add3 ul.adresses {
width: 400px;
padding: 20px 0px 0px 0px;
}

.address_name {
color: #394d7e;
font-size: 2em !important;
}

li.lettre {
background:transparent url(../images/letter.gif) no-repeat scroll 0pt 5px;
}

li.tel {
background:transparent url(../images/phone.gif) no-repeat scroll 0pt 5px;
}

li.mail {
background:transparent url(../images/mail.gif) no-repeat scroll 0pt 5px;
}

li.web {
background:transparent url(../images/web.gif) no-repeat scroll 0pt 5px;
}

#add1, #add2, #add3 {
float: left;
}

#add1, #add2 {
width: 325px;
margin:0px auto;
}

#add3 {
width: 400px;
padding-left: 190px;
}

li.topo_calao_prod {
font-style: italic !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
font-size: 1em !important;
padding-left: 0px !important;
}

.float {
position: absolute;
top : 200px;
left : 200px;
float: left !important;
}