/* ========== principal ========== */

#my_div {
float:left;
margin:0;
padding:0;
width:680px;
position: relative;
display: block;
}

#my_div #content {
margin: 0;
width: 680px;
color: #000000;
padding: 0;
position: relative;
float: left;
display: block;
}

/* ========== titre h1 ========== */

#content h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 22px;
line-height:22px;
font-weight: normal;
text-transform: normal;
color: #910028;
margin: 0;
padding: 0 0 20px 0;
float: left;
position: relative;
width: 680px;
display: block;
}

/* ========== ligne 1 ========== */

#content #row1 {
display: block;
position: relative;
float: left;
width: 680px;
margin: 0;
padding: 0 0 23px 0;
}

/* ----- colonne 1 ----- */

#content #row1 .col1 {
display: block;
position: relative;
float: left;
width: 456px;
margin: 0;
padding: 0;
}

#content #row1 .col1 img {
display: block;
position: relative;
width: 456px;
height: 385px;
margin: 0;
padding: 0;
border: none;
}

/* ----- colonne 2 ----- */

#content #row1 .col2 {
display: block;
position: relative;
float: right;
width: 220px;
margin: 0;
padding: 0;
}

#content #row1 .col2 li {
display: block;
position: relative;
float: right;
width: 200px;
margin: 0;
padding: 5px 10px;
background: #000000;
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:16px;
font-weight: bold;
text-transform: normal;
border-bottom: 5px solid #ffffff;
}

#content #row1 .col2 li span {
display: block;
position: relative;
float: left;
width: 50px;
margin: 0;
padding: 0;
font-size: 14px;
font-weight: normal;
}

#content #row1 .col2 li a {
color: #ffffff;
text-decoration: none;
}

#content #row1 .col2 li a:hover {
color: #ffffff;
text-decoration: underline;
}

#content #row1 .col2 ul {
display: block;
position: relative;
float: right;
width: 110px;
margin: 0;
padding: 0 0 3px 0;
}

#content #row1 .col2 ul li {
display: block;
position: relative;
float: right;
width: 110px;
margin: 0;
padding: 1px 0 1px 0;
border-bottom: none;
}

#content #row1 .col2 h2 {
font-size: 14px;
line-height: 18px;
font-weight: bold;
display: block;
position: relative;
float: left;
width: 200px;
margin: 0;
padding: 10px 0 0 0;
text-transform: uppercase; 
}

#content #row1 .col2 h3 {
font-size: 14px;
line-height: 18px;
font-weight: bold;
display: block;
position: relative;
float: left;
width: 200px;
margin: 0;
padding: 0 0 6px 0;
}

#content #row1 .col2 .end {
display: block;
position: relative;
float: left;
width: 200px;
margin: 0;
padding: 0;
}

#content #row1 .col2 .end li {
display: block;
position: relative;
float: left;
width: 200px;
margin: 0;
padding: 0;
font-weight: normal;
}

#content #row1 .col2 .end a {
display: block;
position: relative;
float: left;
padding: 10px 0 2px 0;
font-size: 11px;
color: #ffffff;
text-decoration: underline;
}

#content #row1 .col2 .end a:hover {
font-size: 11px;
color: #ffffff;
text-decoration: none;
}