/* ------------------------------------ *
 CSS catamaran.fr 
 * ------------------------------------ */
 body { margin: 0; padding: 10px; font-family: Verdana; font-size: 100%;}
 a { color: #de0000;}
 a img { border: none;}
 p { font-size: 80%;}
 
 /*index*/
 body#index { text-align: center;}
 body#index p, body#index img { margin: auto; font-size: 70%;}
 body#index img.marg { margin-bottom: 20px;}
 body#index p#acces { width: 400px; padding: 0; clear: both; text-align: center;}
 body#index p#acces a { display: block; float: left; width: 100px; font-size: 90%; color: #000; text-decoration: none; margin: 10px 12px; padding: 0;}
 body#index p#acces a img { display: block;}
 body#index hr { visibility: hidden; clear: both; margin: 0;}

 /*navigation*/
 ul#nav { float: left; display: block; margin: 0; padding: 0; width: 200px; background: transparent url("images/nav_ap.gif") no-repeat 50% 0; text-align: center;}
 ul#nav li { margin: 25px 0; padding: 0; display: block; list-style: none; font-size: 80%;}
 ul#nav li a { display: block; height: 18px; margin: 0 auto; text-decoration: none;}
 ul#nav li a span { visibility: hidden;}
   /*liens*/
   ul#nav a#home { height: 50px; width: 64px; background: transparent url("images/nav_home.gif") no-repeat 50% 0;}
   ul#nav a#home:hover { background-position: 50% -50px;}
          /*Dk*/             
          ul#nav a#dk1 { background: transparent url("images/navdk_1.gif") no-repeat 50% 0;}
          ul#nav a#dk1:hover { background-position: 50% -18px;}           
          ul#nav a#dk2 { background: transparent url("images/navdk_2.gif") no-repeat 50% 0;}
          ul#nav a#dk2:hover { background-position: 50% -18px;}           
          ul#nav a#dk3 { background: transparent url("images/navdk_3.gif") no-repeat 50% 0;}
          ul#nav a#dk3:hover { background-position: 50% -18px;}           
          ul#nav a#dk4 { background: transparent url("images/navdk_4.gif") no-repeat 50% 0;}
          ul#nav a#dk4:hover { background-position: 50% -18px;}           
          ul#nav a#dk5 { background: transparent url("images/navdk_5.gif") no-repeat 50% 0;}
          ul#nav a#dk5:hover { background-position: 50% -18px;}           
          ul#nav a#dk6 { background: transparent url("images/navdk_6.gif") no-repeat 50% 0;}
          ul#nav a#dk6:hover { background-position: 50% -18px;}
		  ul#nav a#dk7 { background: transparent url("images/navdk_7.gif") no-repeat 50% 0;}
          ul#nav a#dk7:hover { background-position: 50% -18px;}
          /*Fr*/
          ul#nav a#fr1 { background: transparent url("images/navfr_1.gif") no-repeat 50% 0;}
          ul#nav a#fr1:hover { background-position: 50% -18px;}           
          ul#nav a#fr2 { background: transparent url("images/navfr_2.gif") no-repeat 50% 0;}
          ul#nav a#fr2:hover { background-position: 50% -18px;}           
          ul#nav a#fr3 { background: transparent url("images/navfr_3.gif") no-repeat 50% 0;}
          ul#nav a#fr3:hover { background-position: 50% -18px;}
          ul#nav a#fr4 { background: transparent url("images/navfr_4.gif") no-repeat 50% 0;}
          ul#nav a#fr4:hover { background-position: 50% -18px;}
          ul#nav a#fr5 { background: transparent url("images/navfr_5.gif") no-repeat 50% 0;}
          ul#nav a#fr5:hover { background-position: 50% -18px;}
          ul#nav a#fr6 { background: transparent url("images/navfr_6.gif") no-repeat 50% 0;}
          ul#nav a#fr6:hover { background-position: 50% -18px;}
          /*Uk*/
          ul#nav a#uk1 { background: transparent url("images/navuk_1.gif") no-repeat 50% 0;}
          ul#nav a#uk1:hover { background-position: 50% -18px;}
          ul#nav a#uk2 { background: transparent url("images/navuk_2.gif") no-repeat 50% 0;}
          ul#nav a#uk2:hover { background-position: 50% -18px;}
          ul#nav a#uk3 { background: transparent url("images/navuk_3.gif") no-repeat 50% 0;}
          ul#nav a#uk3:hover { background-position: 50% -18px;}
          ul#nav a#uk4 { background: transparent url("images/navuk_4.gif") no-repeat 50% 0;}
          ul#nav a#uk4:hover { background-position: 50% -18px;}
          ul#nav a#uk5 { background: transparent url("images/navuk_5.gif") no-repeat 50% 0;}
          ul#nav a#uk5:hover { background-position: 50% -18px;}
          ul#nav a#uk6 { background: transparent url("images/navuk_6.gif") no-repeat 50% 0;}
          ul#nav a#uk6:hover { background-position: 50% -18px;}
          
 /*Conteneur page */
 div#contain { float: left; background: transparent url("images/bande.gif") repeat-y 0 0; padding: 0 0 20px 50px; width: 700px; text-align: center;}
 div#contain img#logo { margin: auto;}
 div#contain p, div#contain h2, div#contain h3, div#contain dl, div#contain ul { text-align: left;}
 div#contain h1 { font-size: 105%;}
 div#contain h2 { font-size: 85%;}
 div#contain h3 { font-size: 80%; text-align: center; width: 320px; margin: 30px auto;}
 div#contain h4 { font-size: 80%; text-align: center; width: 320px; margin: 0 auto;}
 div#contain dl { font-size: 80%;}
 div#contain dt { font-weight: bold; color: #de0000;}
 div#contain dd { text-align: justify;}
 div#contain dd span { font-weight: bold; font-style: italic;}
 div#contain dt a { background: #fff url("images/fleche.gif") no-repeat 0 3px; padding-left: 15px;}
 
 div#contain ul#references { font-size: 80%; list-style-image: url("images/ico_dossier.gif");}
 div#contain ul#references span { font-weight: bold;}
 
 div#contain p.temoignage { font-weight: bold;}
 div#contain p.temoignage span.catamaran { color: #de0000;}
 div#contain p.temoignage span.sign { font-weight: normal; font-style: italic;}
 
 div#contain.scrap { padding-bottom: 150px;}
 
 /*classes*/
 .float_right { float: right;}
 .margin_10 { margin: 10px;}