body
{
margin : 0 ;
padding : 1px 0 ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size : 11px ;
background:url(images/pattern_titre.gif) repeat ;
color:DimGray;
line-height : 15px ;
}

@font-face {
 font-family: 'mark';
 src: url('../mark.eot'); /* for IE */
 src: local('../mark'), local('../mark'), url('../mark.ttf') format('truetype');
}



p
{
margin : 3px 0;
}


a:active, a:focus
{
outline:none ;
}

a:hover
{
text-decoration : none ;
}

a:visited
{
color : #333 ;
}

div#conteneur
{
background-color:#fff;
width : 950px ;
margin : 0 auto;
padding : 5px 15px 15px 15px ;
-moz-border-radius : 10px 10px 0px 0px ;
-webkit-border-radius : 10px 10px 0px 0px ;
border-radius : 10px 10px 0px 0px;
}

div#header
{
margin : 0 ;
padding : 0 ;
}

div#header h1
{
margin : 0 ;
padding : 0 ;
width : 303px ;
}

div#header h1 a
{
font-family : "mark", arial, sans-serif ;
display : block ;
height : 35px ;
width : 303px ;
margin : 10px 0 ;
padding : 10px 0 0 24px ;
background:url(images/fakelogo.gif) no-repeat left 6px ;
text-decoration : none ;
color : #D6B189;
text-shadow : 1px 1px 1px #000;

  zoom: 1; 
font-size : 50px ;
letter-spacing : -3px ;
}

div#header ul
{
float:right ;
width : 600px;
height : 12px ;
margin : 15px 0px 0px 0px;
padding : 0px; 
list-style-type: none ;

}

div#header ul li
{
float : right ;
padding : 0px;
font-size :9px;
text-align: center ;
}

div#header ul li a
{
display : block ;
width : 105px ;
text-decoration : none ;
color : #000 ;
border-right : 1px solid LightSteelBlue ;
padding-right : 6px ;
padding-left : 6px ;
}

div#header ul li a:hover
{
background-color : lightsteelblue ;
color : #000;
}

.cadenas 
{
text-indent : 6px ;
background:url(images_css/cadenas.gif) no-repeat center left ;
}

.header_flag
{
text-indent : 16px ;
background:url(http://boardperso.com/css/images_css/english_flag_small.gif) no-repeat 7px center ;
}

div#header_image
{
margin : 0 ;
yyyypadding : 0 0 0 620px ;
yyybackground:url(images/image_header.jpg) no-repeat left top ;
position : relative ;
}

div#diapo
{
float : left ;
margin : 0 ;
padding : 0 ;

}

div#header_image ul
{
width : 320px ;
margin : 0 ;
padding : 0 ;
position : absolute ;
right : 0 ;
list-style-type:none ;
}

div#header_image li
{


margin : 0 ;
padding : 0 ;
}

div#header_image li a
{
font-family: "mark", arial, sans-serif ;
--font-style : italic ;
display : block;
height : 30px ;
margin : 0px 0px 9px 0 ;
padding : 15px 0 0 50px ;
font-size : 32px ;
color : #D6B189;
text-shadow : 1px 1px 1px #000;
text-decoration : none ;

}

a#telecharge
{
background:url(images/telechage_icon.gif) no-repeat right top;
}

a:hover#telecharge
{
background:url(images/telechage_icon.gif) no-repeat right -45px;
}

a#upload
{
background:url(images/upload_icon.gif) no-repeat right top;
}

a:hover#upload
{
background:url(images/upload_icon.gif) no-repeat right -45px;
}

a#ressources
{
background:url(images/ressources_icon.gif) no-repeat right top;
}

a:hover#ressources
{
background:url(images/ressources_icon.gif) no-repeat right -45px;
}

div#left
{
width : 630px ;
float : left ;
margin :0;
padding : 15px 0 0 0 ;
}

div#left p
{
padding : 0px 0px 10px 4px ;
}

div#left h1
{
font-family : "mark", arial, sans-serif ;
margin :10px 0 10px 0;
padding : 0 ;
clear : both ;
font-size : 32px ;
color : lightsteelblue;
text-shadow : 1px 1px 1px #000;
---font-style : italic ;
--letter-spacing : -2px ;
}

.inth1
{
margin  : 20px 0 ;}

img.floatLeft
{
float : left ;
margin : 0 15px 10px 0 ;
}

div#left h2
{
color : #fff ;
font-family:Arial, Helvetica, sans-serif;
margin : 10px 0 ;
padding : 5px 10px ;
background-color:#000;
background:url(images/pattern_titre.gif) repeat ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
font-weight : normal ;
font-size : 18px ;
}

div#left h3
{
color : #fff ;
font-family:Arial, Helvetica, sans-serif;
margin : 15px 0 10px 20px ;
padding : 3px 5px ;
background-color:#000;
background:url(images/pattern_titre_bleu.gif) repeat ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
_font-weight : normal ;
font-size : 13px ;
}

div#left ul.normal
{
margin : 20px 20px  ;
padding : 0 ;
line-height : 1.4em ;
}

h1#start
{
---background:url(images/start.gif) no-repeat left top ;
}

h1#comment
{
---background:url(images/comment.gif) no-repeat left top ;
}

h1#qualite
{
---background:url(images/qualite.gif) no-repeat left top ;
}

h1#prix
{
----background:url(images/etleprix.gif) no-repeat left top ;
}

div#cree1
{
margin : 0px 0px 0px 10px ;
padding : 0 ;
float : left ;

}

div#cree2
{
margin : 0 ;
padding : 0 ;
float : right ;

}


ul.steps
{
background : url(images/bg_steps.gif) no-repeat left top ;
margin : 0px ;
padding : 3px 7px 7px 7px ;
width : 264px ;
list-style-type:none ;
}

ul.steps li a
{
display : block ;
width : 222px;
padding : 5px 0px 5px 33px ;
margin : 0 ;
color : DimGray ;
text-decoration : none ;
}

ul.steps li a:hover
{
color : #000 ;
}

a.step1
{
background:url(images/1.gif) no-repeat left 50% ;
border-bottom : 1px dotted ;
}

a.step2
{
background:url(images/2.gif) no-repeat left 50% ;
border-bottom : 1px dotted ;
}

a.step3
{
background:url(images/3.gif) no-repeat left 50% ;
border-bottom : 1px dotted ;
}

a.step4
{
background:url(images/4.gif) no-repeat left 50% ;
}

div#ou
{

float:left ;
width : 5px ;
padding : 65px 0px 0px 3px ;
margin : 0 ;
font-weight : bold ;
font-size : 1.4em ;
}

div#right
{
width : 310px ;
float : right ;
margin :0;
padding : 0 ;
}


div.bloc
{
margin : 15px 0px 0px 0px ;
padding : 0 ;
}

div.bloc_head
{
margin : 0 ;
padding : 0 ;
background:url(images/div_gris_head.gif) no-repeat left top ;
}

div.bloc_head h1
{
margin : 0 ;
padding : 7px 0px 5px 0px ;
color : #fff ;
text-align : center ;
font-size:14px ;
letter-spacing:-1px;
font-variant:small-caps;
font-weight:bold;
}

div.bloc_foot
{
margin : 0 ;
padding : 17px ;
background:url(images/div_gris_foot.gif) no-repeat left bottom ;
}

div#news
{
margin :0px ;
padding : 0px ;
}


div#news span
{
font-weight : bold ;
}

div#news p
{
text-align : left;
}


div#news img
{
float : left ;
margin : 9px 15px 15px 0px ;
}

div.decksdispo
{
margin :0px ;
padding : 0px 0px 0px 90px ;
text-align : right ;
}

div.decksdispo span
{
font-weight : bold ;
font-variant : small-caps ;
font-size: 1.1em;

}

div.decksdispo
{


line-height : 1.7em ;
}

div#woodchuck
{
background : url(images/event_small.gif) no-repeat left center ;
}

div#rekiem
{
background : url(images/rekiem_rond.jpg) no-repeat left center ;
}

div#cruiser
{
background : url(images/cruiser_small.jpg) no-repeat left center ;
}

div.barre_noire
{
height : 40px ;
margin : 0px ;
padding : 0px ;
background:url(images/barre.gif) no-repeat left 20px ;
}

div#jessup
{
background:url(images/jessup_logo.gif) no-repeat left top ;
padding : 5px 0px 0px 130px;
margin : 10px 0px;
height : 53px;
}

div#footer
{
height : 127px ;
background:url(images/eventail.jpg) no-repeat left bottom ;
background-color:#fff;
width : 980px ;
margin : 0 auto;
padding : 0 ;
-moz-border-radius : 0px 0px 10px 10px ;
-webkit-border-radius : 0px 0px 10px 10px  ;
border-radius : 0px 0px 10px 10px ;
}

div#bandeau_footer
{
height : 90px ;
padding : 50px 0px 0px 210px ;
background:url(images/bg_footer.gif) no-repeat 185px 50px ;
margin : 0px  ;
}

.red
{
font-weight : bold ;
color : red ;
}

a#envoi_visuels
{
display : block ; 
margin : 20px 150px ;
padding : 15px ;
height : 50px ;
---background:url(images/envoi_visuels.gif) no-repeat left -45px ;
background : #F6F7E0;
font-family : "mark", arial, sans-serif ;
margin :10px 0 10px 0;
padding : 0 ;
clear : both ;
font-size : 32px ;
color : lightsteelblue;
text-shadow : 1px 1px 1px #000;
text-align : center ;
-moz-border-radius : 10px ;
-webkit-border-radius : 10px  ;
border-radius : 10px ;
text-decoration : none ;
line-height : 50px ;
}

a#envoi_visuels:hover, a#envoi_visuels:focus
{
---background:url(images/envoi_visuels.gif) no-repeat left top ;
background : silver;
color : #fff;
text-shadow : 1px 1px 1px lightsteelblue;
}

/* styles pour page prices.php */

table.pricelist
{
margin : 5px 0 20px 0;
border : none ;
width : 100% ;
text-align : center ;
border-collapse:collapse;
}

table.pricelist tr td
{
border : 1px solid #F6F7E0 ;
padding : 10px ;
}

table.pricelist tr:hover
{
background-color : #A0BFD4;

}

tr.titre_pricelist
{
font-variant : small-caps ;
background-color : #F6F7E0 ;
font-weight : bold ;
}

.asterix
{
color : red ;
vertical-align:20%;
font-size : 0.8em ;
}

.precise_zone
{
line-height : 1.4em ;
}

form.templates fieldset
{
padding : 15px;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
background:url(images/blue_gradient.jpg) repeat-x left top ;
}

div.typeBoard
{
float : left ;

---border : 1px solid silver ;
margin : 0 100px 30px 0 ;
overflow : hidden;
}

div.typeBoard img
{
float : left ;
margin : 0 10px 0 0 ;
padding : 5px ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
background-color:#fff ;
}

form.templates select
{
padding : 1px ;
color : DimGray ;
margin : 5px 0 20px 0 ;
height : 23px;
}

.file_format2
{
padding : 3px 0px 0px 2px ;
---margin : 10px 0 ;
height : 19px ;
}

.file_format
{
padding : 3px 0px 0px 28px ;
---margin : 10px 0 ;
height : 19px ;
}

.reso
{
padding : 2px 2px 2px 2px ;
margin : 10px 0 ;
}

form.contact
{
padding : 15px;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
background:url(images/blue_gradient.jpg) repeat-x left top ;
border : 1px solid silver ;
}


form table
{

padding : 0 ;
}

td.form_label
{
width : 170px;
text-align : right ;

}

td.form_label_top
{
vertical-align:top ;
width : 170px; 
text-align : right ;
}

fieldset
{

--border : 2px solid #C2DAF1 ;
padding :20px 0px ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
margin : 0px 0px 20px 0px;


}

input, textarea, select, button
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size : 1em ;
color : DimGray ;
margin : 0 ;
padding : 3px ;
}

input[type=text], input[type=file], textarea
{
border : 2px solid #fff;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
}

option
{
margin-bottom : 5px ;
}

input:focus, textarea:focus, select:focus
{
border : 2px solid #98B9C4 ;
}

input.form_envoi
{
margin : 0 auto ;
}

legend
{
font-size : 1em ;
text-align : left;
padding : 1px 10px  ;
margin : 8px 20px  ;
font-weight : bold ;

}

td.form_field
{

text-align : left ;
}

form p 
{
margin : 0px 0px 0px 30px ;
padding : 10px 0px 0px 0px ;
}

form label
{
margin : 0px 5px 0px 0px ;
font-size:1em ;
}

form span.italic
{
display : block ;
font-size : 1em ;
line-height : 1.5em ;
font-style:italic ;
margin : 20px 0 ;
}

span.asterisk
{
color : red ;
vertical-align : 20% ;
font-size : 0.9em ;
}

ul.ulliste
{
margin : 15px 10px  ;
}

ul.ulliste li
{
margin : 10px 0
}

div.bloc ul
{
margin : 0 10px 10px 10px;
padding: 0 ;
}

div.bloc ul li
{
padding : 3px 0 ;
}

img.imgbloc
{
display : block ;
margin : 20px 0 25px 0 ;
}


/*-----------------------------onglets-------------------------*/
#onglets .onglet 
{ 
    --background-color : lightsteelblue ; 
    clear:left; 
    padding:6px 6px 6px 7px; 
    zoom:1 /* ie */ ;
	-moz-border-radius : 0 10px 10px 10px ;
	-webkit-border-radius :  0 10px 10px 10px ;
border-radius :  0 10px 10px 10px ;
	overflow : hidden ;
	border : 1px solid lightsteelblue;
	overflow : hidden ;
} 
#onglets ul
{ 
  position : relative ;
  top : 1px ;
    --float:left; 
    margin:0; 
    padding:0 ;
} 

#switcher
{
margin : 0 ;
padding : 0 ;
list-style-type : none ;
overflow : hidden ;
}

#switcher li
{
	margin-right : 2px ;
	-moz-border-radius : 10px 10px 0 0 ;
	-webkit-border-radius : 10px 10px 0 0 ;
	border-radius : 10px 10px 0 0 ;
    float:left ;
	background-color : #fff ;
	border-color : silver ;
	border-left : 1px solid lightsteelblue ; 
	border-top : 1px solid lightsteelblue ; 
	border-right : 1px solid lightsteelblue ; 
	opacity : 0.3;
	filter: alpha(opacity=30);
	font-weight : bold ;
font-variant : small-caps ;
font-size: 1.1em;
padding:10px; 
}

#onglets li
{ 
    position:relative; 
    margin-bottom:0px; 
    list-style-type:none; 
    padding:10px; 
	margin-right : 2px ;
	-moz-border-radius : 10px 10px 0 0 ;
	-webkit-border-radius : 10px 10px 0 0 ;
	border-radius : 10px 10px 0 0 ;
    float:left ;
	background-color : #fff ;
	border-color : silver ;
	border-left : 1px solid lightsteelblue ; 
	border-top : 1px solid lightsteelblue ; 
	border-right : 1px solid lightsteelblue ; 
	opacity : 0.3;
	filter: alpha(opacity=30);
	font-weight : bold ;
font-variant : small-caps ;
font-size: 1.1em;
	
} 


#onglets li.actif, #switcher li.actif
{ 
  
	background-color : lightsteelblue ;
	__border-color :lightsteelblue;
	opacity : 1;
	filter: alpha(opacity=100);
	
	
	
} 
#onglets li.actif a, #switcher li.actif a
{ 
   display : block ;
    text-decoration:none ;
	
	color : DimGray ;
	font-weight : bold ;
} 
#onglets h3 
{ 
    margin-top:0 
} 

div.etape
{
float : left ;
width : 149px ;
padding : 0 ;
margin : 0 6px 0 0 ;
position : relative ;
height : 204px ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
overflow : hidden ;
outline: 1px solid #333 ;
}

div.etape div
{
position : absolute ;
bottom : 0px ;
width : 140px ;
background-color : #000 ;
background-color:rgba(0,0,0,0.8) ;
filter: alpha(opacity=80);
color : #999 ;
padding : 5px ;
margin : 0 ;
}

div.etape div a
{

color : #F6F7E0;
text-decoration : none ;
border-bottom : 1px dotted ;
}

div.etape div img
{
display : block ;
margin : 0  ;
opacity : 1 ;
filter: alpha(opacity=100);
margin-bottom : 15px ;
}

span.error
{
display : block ;
background:url(images/warning.gif) no-repeat 10px 7px ;
background-color:#fff ;
border : 1px solid #CC0000 ;
-moz-border-radius :  8px ;
-webkit-border-radius : 8px;
border-radius : 8px;
color : #CC0000 ;
padding : 10px 10px 10px 40px ;
font-weight : bold ;
letter-spacing : -1px ;
}

div.appear
{
position : absolute;
z-index : 2000 ;
width : 986px ;

-moz-border-radius : 10px 10px 0px 0px ;
-webkit-border-radius : 10px 10px 0px 0px ;
border-radius : 10px 10px 0px 0px;
}

div.appear div.box
{
display : block ;
margin : 0 auto ;
padding : 20px ;
-moz-border-radius : 10px  ;
-webkit-border-radius : 10px ;
border-radius : 10px;
background-color:#fff ;
color : DimGray;
border : 2px solid lightsteelblue ;
width : 350px ;
min-height : 300px ;
-moz-box-shadow : 3px 3px 12px #666 ;
}

#infos
{
text-align : center ;}

img.inter
{
vertical-align : -2px ;
cursor:pointer;
}

a.closeDiv
{display:block;
margin : 0 0 10px 270px ;
background:url(images/close.png) no-repeat 4px 4px ;
padding-left : 27px ;
height : 22px ;
line-height:22px ;
color : lightsteelblue;
text-decoration : none ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
background-color:whitesmoke ;
}

a.closeDiv:hover
{
text-decoration : underline ;
}

button
{
margin-top : 20px ;
}

div.boarddispo
{
padding : 0 0 0 15px ;
margin : 0 0 15px 0;
border-top : 1px dotted silver ;
overflow : hidden ;
}

.boarddispo img
{
float : left ;
margin : 0 20px 20px 0 ;
}

.boarddispo span
{
font-variant : small-caps ;
font-weight : bold ;
color : DimGray ;
display : block ;
margin : 20px 0 ;
}

.clear
{
clear:both
}

span.info_p
{
display : block ;
margin : 5px 0 10px 0 ;
background:url(images/info.png) no-repeat 3px center ;
padding : 5px 5px 5px 34px ;
border: 2px solid lightsteelblue ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
--font-weight : bold ;
}

#boards_control, #boards_rekiem, #boards_cruiser
{
padding : 10px ;
margin : 0 ;
border : 2px solid lightsteelblue ;
}