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

html, body { font-family: Arial, Verdana,  Helvetica, sans-serif;
             font-size:11px;
             background: #FFFFFF;
             color: #333333;  }


#wrapper { margin: 0px auto;
           width:960px;
           border:0px;
           background: #FFFFFF;
           margin-top: 50px;
           padding-left: 25px;
           padding-right: 25px;}

#header { width:960px;
          padding-top:25px;
          margin-bottom:52px; }

#colleft {clear:both;  
              width:250px;
              float:left; 
              margin-right:20px; 
              border-top: 1px solid #acb0b3; }

#content{ width:660px;
          float:right; 
          margin-left:15px;
          margin-right:15px;
          border-top: 3px solid #acb0b3;}

#footer { clear: both;
          width:960px ;
          padding-bottom: 25px;
          padding-top: 50px;
          text-align: right;
          font-size: 0.9em; }



#header p.logo { margin-left:280px;
                 float:left; }

#header p.adresse { float:right; 
                    text-align:right;
                    line-height: 14px; 
                   }


#colleft  h3 { border-bottom: 1px solid #acb0b3;
                font-weight: bold;
                font-size: 1.4em;
                padding: 8px 0 8px 0; }

#colleft ul { list-style-type: none;
               padding: 10px 0px 26px 25px;
               border-bottom: 1px solid #acb0b3; }

#colleft  h3  { color: #92878c; }
#colleft  h3 a { color: #92878c; 
                 text-decoration: none;}

#colleft ul li a { color: #333333; 
                   padding: 0px 0px 2px 0px;   
                   text-decoration: none;}

#colleft ul li:before { content: "\BB\ ";}

#colleft ul li a:hover {color: #f6210d; font-weight: bold; }


#colleft p { line-height: 15px ;
             padding: 10px 0px 0px 25px; }

#CheminNavigation { padding-top:20px;
                    padding-bottom:20px; 
                    margin-bottom:20px;
                    border-bottom:1px solid  #acb0b3;}

#CheminNavigation p a { margin-top:5px; 
                        color: #909090; 
                        text-decoration: none;}

#CheminNavigation a:hover {color: #f6210d;  font-weight: bold;}

.catalog  { display:bloc; 
            width:660px;
            margin-bottom:30px; 
            }

.ImgLegend  { display:bloc; 
              width:618px;
              margin:15px 0px 15px 0px;
              padding:10px;
              border: 1px solid #acb0b3;
              text-align:left;}

.ImgLegend  h2 { font-size:1.1em;
                 padding: 0px 0px 10px 0px;
                 color: #5e5e5e; }


.loue p {color: #f6210d; font-weight: bold; font-size: 2.4em;  padding:10px 0px 10px 0px;}

.ImgLegend p {  padding: 5px 0px 5px 0px;}

.ImgLegend ul { list-style-type: none;
                padding: 0px 0px 15px 25px;}

.ImgLegend ul li:before { content: "\BB\ ";}

.url-top { text-align:right; font-size:0.9em;}
.url-top a, .url-top a:hover, .url-top a:visited { color:#5e5e5e;}

.texterror  { display:bloc; 
              margin: 30px 0px 30px 0px; 
              color: #f6210d; }

.texterror h2 { padding:10px 0px 10px 0px; }
.texterror h3 { padding:10px 0px 10px 0px; }