/* Eb chausson escalade http://www.eb-escalade.com */
BODY, TD, DIV, SPAN {font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; font-size:16px; color:#666; font-weight:normal}
html, body {background:#000; margin:0 auto; padding:0;width:100%;}

/*Eb lien par défaut */
A {color:#FF0000; text-decoration:none}
A:hover {color:#FF6F6F; background:none; text-decoration:none}

/*Eb liste par défaut */
ul {list-style-type:square; margin:0; padding-left:15px}

/*Eb titre par défaut */
h1 {font-weight:bold; font-size:16px;}

#coulcentre h1 {color:#000;font-weight:bold;font-size:2em;margin:0;padding:0;width:99%;border-bottom:1px #FF0202 solid;}

/*Eb image par défaut */
IMG{border:0}




/* Eb header */
#back {
background:url("img/carbon100.jpg") no-repeat scroll left top transparent;
    margin:0px auto;width:100%

}

#content {

    margin:0px auto;width:990px;background:#fff;

}
#header{
    margin:0;width:990px;height:18px;
    background:#fff;
    text-align:right;padding:0;padding-top:3px
}
    #header ul{margin-right:1em;display:inline;border-right:2px solid #eee}
    #header ul li{border-left:2px solid #eee;display:inline;padding:0 0.6em 0 1em}
    #header a {color:#999}
    #header a:hover{color:#fff}

#header2{
    background:url("img/eb-chausson.gif") no-repeat left top #fff;
    width:990px;height:98px;margin:0;
}
    #header2 div {margin:0;padding:0;}
    #header2 div h1 {border:none;}
    #header2 div h1 a {color:#fff;display:none}
    #header2 div h1 a:hover {color:grey;background:none;}

#mentete {width:800px;background:none;margin:0;padding:0;margin-left:23px;text-indent:-5000px;
margin-right:5px;}
    #entete a{color:#666;font-weight:bold}
    #entete a:hover{color:#000}
    #entete{margin-left:15px;color:#666;font-weight:normal}

#header3{

    background:transparent;clear:left;
border-bottom:7px solid red;
left:151px;
margin:0 0 0 24px;
position:relative;
top:63px;
width:839px;
}

#menugauche {
background:url("img/b2.jpg") no-repeat scroll right top #000000;
    width:255px;
    float:right;
	background-position:left top;
    background-repeat:no-repeat ;   
    margin-top:0px;

}
#chausson {
-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.55);
background:none repeat scroll 0 0 #666;
height:40px;
margin:0;
padding:0;
position:relative;
right:10px;
top:20px;
width:257px;

}
#chausson h1{
color:#fff;
font-size:2em;
font-weight:normal;
margin:0;
padding:0;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
width:90%;
margin-left:20px;
padding-left:0;
padding-right:0;
border:0 none;font-style:italic;
}
.triangle-l {
border-color:transparent #666 transparent transparent;
border-style:solid;
border-width:15px;
height:0;
left:-26px;
position:relative;
top:4px;
width:0;
}
#flash h3 {
margin:0 0 0 2px;
padding:0;
border:none;color:red;
font-size:1em;

}
#flash {
margin:0 30px 0 30px;
padding:0;
background:transparent;
color:#fff;
}
#flash ul {
margin:10px 0;
padding:0;
background:transparent;

}
#flash li a{
font-weight:bold;font-size:16px;

}
#flash li {
font-size:0.9em;

}
#contenupage1 {
margin:0;
width:70%;
} 
 
#contenupage {
background:#fff ;
padding:0 0 20px 0;
width:990px;margin:0;overflow:hidden;
} 
    #coulcentre {padding:20px; }



#footer{
background:#000000;
clear:both;
color:#FFFFFF;
font-weight:bold;
height:230px;
margin:0 auto;
width:100%;padding-top:0;
}
#footera{
background:url("img/foot.jpg") no-repeat scroll center top #000000;
height:230px;
margin:0 auto;
width:990px;padding-top:0;
}
    #footer1 ul { margin-right:1em; display:block; border-right:1px solid #333333;text-align:left;}
	#footer2 ul { margin-right:1em; display:block; border-left:1px solid #333333;text-align:left;}
    #footer ul li {display:block; padding-right:0.1em; padding-left:1em;font-size:0.8em;margin:0;}
    #footer A {color:#666}
    #footer A:hover {color:#FF6600}
.colfoo { float:left;
width:150px;}
.top {    margin-left: 880px;
    padding: 2px 2px 2px 0;
    position: absolute;
    top: 5px;
    width: 200px;}
#footer1 span { color:white;margin-left:1em;}
/* page accueil */
#footer1{
height:160px;
margin:0 0 0 35px;
width:40%;float:left;
}
#footer2 span { color:white;margin-left:1em;}
/* page accueil */
#footer2{
height:160px;
margin:0 0 0 35px;
width:32%;
float:right;
}

#accueil{
    width:99%
}

#rubriques{
    float:left;
    width:98%;
    margin-top:1em;
    padding-top:1em;
    padding-bottom:1em;
    border-top:#666 1px solid
}

    #rubriques h1, #aa01 h1 {float: left; font-size:1.5em;color:#693B3B;border-bottom:1px solid #693B3B;}

#aa01{
    float:left;
    width:98%;
    padding:0.5em;background-color:none;
}
#coin{

height:auto;
left:39.5%;
position:absolute;
top:400px;
width:300px;

}

#aa02{
    float:right;
    width:31%;
    BORDER:#693B3B 1px dotted;
    padding:0.5em;
    background:#eee
}
    #aa02 h1 {display:inline; font-size:1.5em;color:#693B3B;border:0;}

/* fin page accueil */



/* autres éléments par défaut */
INPUT {
   background-color:#666; border-color:#000;  
   border-top-width:1px; 
   border-right-width:1px; 
   border-bottom-width:1px; 
   border-left-width:1px;
   text-indent:1px; color:#fff; 
   font-size:12px
}

textarea {   
   font-size:12pt;
   color:#fff;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color:black;
   background-color:#666
}

SELECT {  
   font-size:9px;
   color:#000;
   background-color:#FFF
}
.mail{
background:url("img/logoeb.jpg") no-repeat scroll right center #fff;
width:100%x;
}
.mail3{
background:url("http://www.eb-escalade.com/artpublic/bibliotheque/Image/grosse_news/2011-ebonzeroc.jpg") no-repeat scroll right top #fff;
width:100%x;
}
.mail4{
background:url("img/distrib-eb.jpg") no-repeat scroll right top #fff;
width:100%x;
}
#mailg{
width:200px;float:left;margin-right:10px; height:350px;
}
#maild{
width:250px;float:left;margin-right:10px;;
}
.mailc{
width:450px;margin-right:10px; clear: both;
    height: 550px;
}