/*   Couleurs du site

noir #000 > texte
blanc #fff > fond de page

bleu #266EAA
rouge #C7282D
jaune #F6CB49

gris pale #F7F7F7
gris fonce #ddd

*/

/* =configuration pour affichage à l'écran
	----------------------------- */
@media screen {

/* base
	----------------------------- */
	* { }
	img, img a { border: none; }
	.fl { float: left; margin-right: 1em; }
	.fr { float: right; margin-left: 1em; }
	.small { font-size: 90%; }
	.supersmall { font-size: 75%; }
	.bold { font-weight: bold; }
	.center { text-align: center; }
	.clear { clear: both; }
	.rouge{color: #C7282D;}
	.bleu{color:#325DAA;}
	.full {width:100%;background-color: #aaee00;}
	.demifull {width:50%;background-color: #ee00aa;}
	.txtright{text-align: right;}
	hr { color: #5b82a9; background-color: #5b82a9; height: 1px; border: 0; width: 80%; text-align: center;}
	.cadrerouge {border: 1px solid #C7282D; padding:.5em; width: 90%; margin:.5em auto;}
html,body{margin:0;padding:0;  }
body{font: 80% Verdana, Arial, Helvetica, sans-serif; text-align:center; background: url(design/bg.jpg) repeat-x #fff; color: #000;}
a:link, a:active, a:visited { color:#D90029; text-decoration:none; background: transparent; }
a:hover { color:#325DAA; text-decoration:underline; background: transparent; }
	
div#header{position:relative; background: url(design/ban.jpg) no-repeat #fff; width: 100%; height: 370px;}
#logo {position:absolute;left:0;top:30px;width: 200px; height: 140px; display:block;}
#email {position:absolute;right:0;top:75px;width: 230px; height: 50px; display:block;}

/* =fil d'ariane
	----------------------------- */
	#fil { padding: 0 0 0 30px; color: #000; }
	#fil a { color:#D90029; text-decoration:none; }
	#fil a:hover { color:#D90029; text-decoration:underline; }

	
div#container{text-align:justify;}
div#content p{line-height:1.4; margin:0 10px 0 30px;}
div#content h1, h2, h3, h4, h5, h6 { margin:10px 0 10px 30px; font-size: 130%;}
h1 a:link, h1 a:active, h1 a:visited, h1 a:hover { color :#000; text-decoration:none; }
h3 a:link, h3 a:active, h3 a:visited, h3 a:hover { color :#000; text-decoration:none; }

div#content p { padding: .5em 0; }
div#content li { padding: /*.5em*/ 0; text-align:left;}
.colle{ margin-top:-.5em;}
.list {list-style-type: none; /*margin-left : -10px;*/}
#overDiv{position:absolute; visibility:hidden; z-index:1000;}
.listprix2 {visibility:hidden; display: none;}



div#container{width:960px;margin:0 auto; background: url(design/bg-main.jpg) repeat-y #fff;}
div#wrapper{float:left;width:760px;}
div#content{float:right;width:520px; background: #fff;}

div#gauche { float:left; width:240px;}
div#gauche p { margin-left: 1em; }


ul#menu { margin: 0 ;padding: 0 ;list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}
ul#menu li { margin : 0 0 2em 1em ;}

#formation a { display:block; width:218px; height:155px; background:url(design/bt-formation.jpg) no-repeat 0 0;  text-indent: -999em ; }
#formation a:hover { background:url(design/bt-formation.jpg) no-repeat 0 -155px; }
#reparation  a { display: block ; width:218px; height:155px; background: url(design/bt-reparation.jpg) no-repeat 0 0;  text-indent: -999em ; }
#reparation  a:hover { background: url(design/bt-reparation.jpg) no-repeat 0 -155px; }
#materiel a { display: block ; width:218px; height:155px; background: url(design/bt-materiel.jpg) no-repeat 0 0;  text-indent: -999em ; }
#materiel a:hover { background: url(design/bt-materiel.jpg) no-repeat 0 -155px; }
#apropos a { display: block ; width:218px; height:155px; background: url(design/bt-apropos.jpg) no-repeat 0 0;  text-indent: -999em ; }
#apropos a:hover { background: url(design/bt-apropos.jpg) no-repeat 0 -155px; }
#kitesurf a { display: block ; width:218px; height:155px; background: url(design/bt-kitesurf.jpg) no-repeat 0 0;  text-indent: -999em ; }
#kitesurf a:hover { background: url(design/bt-kitesurf.jpg) no-repeat 0 -155px; }

div#droite { float:right; width:180px; text-align:left; }
div#droite ul { margin-top: -.5em; }
div#droite li { /*list-style-type: none;*/ background: none; margin-left: -1em; }


div#menuhaut{clear:both; width:770px; position: absolute; top:9em; background: #AAEE00; }
div#menuhaut ul  {padding-top: 2px !important; padding-top: 14px; margin-bottom: 0;}
div#menuhaut li  { display:inline;	border: none;font-weight: bold;text-transform : uppercase; }
div#menuhaut li a { display:inline;color:#000; margin-left: -5px; padding-left: 25px; padding-top: 18px; /*height: 33px;*/ }
div#menuhaut li a:hover{ color:#D90029; text-decoration:none; background: url(design/mickey-bt.gif) no-repeat; }
.premier  { margin-left: -40px; }

div#pied{clear:both; color: #000; background: url(design/pied.jpg) no-repeat #fff; height:95px;/*padding-bottom:.5em;*/}
/*div#pied p{margin:0;padding:5px 0 0 30px;}*/
div#pied a{display:inline;/*padding:0;color: #C6D5FD*/}
#bas { /*padding-top: .5em !important;*/ text-align:right; margin-right: 1em; }
#bas ul{  padding:0 0 0em 0; background: #fff;}
#bas li { display: inline; }
#bas li a{ background: none; list-style-type: none; display: inline; }

/*Galerie photos*/
#galerie { width: 470px; margin-left: 20px; }
#galerie img { margin: .3em; }
.highslide { cursor: url(design/graphics/zoomin.cur), pointer; outline: none; background: #fff; }
.highslide img { border: 2px solid gray; background: #fff; }
.highslide:hover img { border: 2px solid white; background: #fff; }
.highslide-image { border: 2px solid white; background-color: white; }
.highslide-image-blur { }
.highslide-caption { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; margin: -10px 0 -5px 0; padding: 10px 0 5px 0; background-color: white; }
.highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black; }
a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; }
a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; }
.highslide-move { cursor: move; }
.highslide-overlay { display: none; }
/* Necessary for functionality */
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }
}
/* fin configuration pour affichage à l'écran
	----------------------------- */

/* configuration pour l'impression
	----------------------------- */
	
	@media print {
	
	/* base
	----------------------------- */
	* { }
	img, img a { border: none; }
	.fl { float: left; margin-right: 1em; }
	.fr { float: right; margin-left: 1em; }
	.small { font-size: 90%; }
	.bold { font-weight: bold; }
	.center { text-align: center; }
	.clear { clear: both; }
	.rouge{color: #C7282D;}
	hr { color: #5b82a9; background-color: #5b82a9; height: 1px; border: 0; width: 80%; text-align: center;}
	
html,body{margin:0;padding:0;  }
body{font: 90% Verdana, Arial, Helvetica, sans-serif;;text-align:center; background: url(design/bg.jpg) repeat-x #fff; color: #000;}
a:link, a:active, a:visited { color:#D90029; text-decoration:none; background: transparent; }
a:hover { color:#325DAA; text-decoration:underline; background: transparent; }
	
div#header{display: none;}
#logo {display: none;}
#email {display: none;}

/* =fil d'ariane
	----------------------------- */
	#fil {display: none;}
	#fil a {display: none;}
	#fil a:hover {display: none;}

	
div#container{text-align:justify;}
div#content p{line-height:1.4; margin:0 10px 0 30px;}
div#content h1, h2, h3, h4, h5, h6 { margin:10px 0 10px 30px; font-size: 120%;}
h1 a:link, h1 a:active, h1 a:visited, h1 a:hover { color :#000; text-decoration:none; }
h3 a:link, h3 a:active, h3 a:visited, h3 a:hover { color :#000; text-decoration:none; }
div#content p { padding: .5em 0; }
div#content li { padding: .5em 0; }
.list {list-style-type: none; /*margin-left : -10px;*/}
.listprix {display: none;}
.listprix2 {}
#overDiv{display: none;}
.table { margin-left: 2em; border: 2px solid gray; background: #fff; }


div#container{width:100%;margin:0 auto; background: url(design/bg-main.jpg) repeat-y #fff;}
div#wrapper{/*float:left;width:760px;*/}
div#content{/*float:right;width:520px;*/ background: #fff;}

div#gauche {display: none;}
div#gauche p {display: none;}

ul#menu { margin: 0 ;padding: 0 ;list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}
ul#menu li { margin : 0 0 2em 1em ;}

#formation a { display:block; width:218px; height:155px; background:url(design/bt-formation.jpg) no-repeat 0 0;  text-indent: -999em ; }
#formation a:hover { background:url(design/bt-formation-on.jpg) no-repeat 0 0; }

#reparation  a { display: block ; width:218px; height:155px; background: url(design/bt-reparation.jpg) no-repeat 0 0;  text-indent: -999em ; }
#reparation  a:hover { background: url(design/bt-reparation-on.jpg) no-repeat 0 0; }
#materiel a { display: block ; width:218px; height:155px; background: url(design/bt-materiel.jpg) no-repeat 0 0;  text-indent: -999em ; }
#materiel a:hover { background: url(design/bt-materiel-on.jpg) no-repeat 0 0; }
#apropos a { display: block ; width:218px; height:155px; background: url(design/bt-apropos.jpg) no-repeat 0 0;  text-indent: -999em ; }
#apropos a:hover { background: url(design/bt-apropos-on.jpg) no-repeat 0 0; }


div#droite { display: none;}
div#droite li { /*list-style-type: none;*/ background: none; margin-left: -2em; }


div#menuhaut{clear:both; width:770px; position: absolute; top:9em; background: #AAEE00; }
div#menuhaut ul  {padding-top: 2px !important; padding-top: 14px; margin-bottom: 0;}
div#menuhaut li  { display:inline;	border: none;font-weight: bold;text-transform : uppercase; }
div#menuhaut li a { display:inline;color:#000; margin-left: -5px; padding-left: 25px; padding-top: 18px; /*height: 33px;*/ }
div#menuhaut li a:hover{ color:#D90029; text-decoration:none; background: url(design/mickey-bt.gif) no-repeat; }
.premier  { margin-left: -40px; }

div#pied{*padding-bottom:.5em;*/}
div#pied a{display: none;}
#bas {display: none;}
#bas ul{display: none;}
#bas li { display: none;}
#bas li a{ display: none; }
#dubuismedia { display: none;}

/*Galerie photos*/
#galerie { width: 470px; margin-left: 20px; }
#galerie img { margin: .3em; }
.highslide { cursor: url(design/graphics/zoomin.cur), pointer; outline: none; background: #fff; }
.highslide img { border: 2px solid gray; background: #fff; }
.highslide:hover img { border: 2px solid white; background: #fff; }
.highslide-image { border: 2px solid white; background-color: white; }
.highslide-image-blur { }
.highslide-caption { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; margin: -10px 0 -5px 0; padding: 10px 0 5px 0; background-color: white; }
.highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black; }
a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; }
a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; }
.highslide-move { cursor: move; }
.highslide-overlay { display: none; }
/* Necessary for functionality */
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }
	
	
	
	}