* {
    padding: 0;
    margin: 0;
} 

body {
background: #380202;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333333;
}

img { 
border: none;
}

a { color: #333333; text-decoration: none; }
a:hover { text-decoration: none; color : #ff0000; }

.imageAlign {
float: left;
padding-right: 5px; 
}

#container {
width: 1000px;
margin: 10px auto;
}

#top {
background: #380202 url(../images/top.gif) no-repeat;
padding: 15px 0;
}

#header {
background: #380202 url(../images/header.png) no-repeat;
height: 90px;
}

#content {
background: #380202 url(../images/content.gif) repeat-y;
min-height: 600px;
}

#content h2 a {text-decoration: none;}

#left {
float: left;
width: 180px;
padding: 10px 0 10px 30px;
}

#left h2 { 
background: #fff url(../images/sidebarh2.gif) no-repeat;
color: #FFFFFF; 
font-size: 15px; 
letter-spacing: -1px; 
font-weight: 100;
height: 30px;
line-height: 30px;
padding-left: 10px;
}

#center {
float: left;
width: 560px;
padding: 10px 0 0 10px;
}

#center a:hover{
color: #FF6600;
}

#center hr {
border: 0;
height: 2px;
}

#center .titleLine {
background: #99CC66;
margin-bottom: 2px;
height: 2px;
}

#center .teamLine {
background: #DDDDDD;
height: 1px; 
}

#center .activityLine {
background: #FFF;
margin-bottom: 2px;
height: 2px;
}

#center h2 {
background: #fff url(../images/contenth2.gif) no-repeat;
height: 30px;
line-height: 30px;
font-size: 18px;
letter-spacing: -1px;
font-weight: 100;
padding : 00 10px 0;
color : #FFFFFF;
margin-bottom: 10px;
}

#center .titleHome{
font-size: 14px;
padding : 0;
margin: 0;
text-align: right;
}

#center #titleActivity {
font-size: 14px;
padding : 0;
margin: 0;
text-align: left;
}

#center .contentHome {
padding-left: 2px;
margin:0;
padding-bottom: 10px;
text-align: justify;
margin-bottom: 10px;
min-height: 70px;
}

#center .contentHome a {
color: #FF6600;
}

#center .contentHome a:hover {
color: #006600;
}

#center .contentHome img {
vertical-align: middle;
}

#center .contentAdherent {
padding-left: 2px;
margin:0;
padding-bottom: 10px;
min-height: 40px;
margin-top: 5px;
}

#center #tableSport {
width: 560px;
text-align: center;
margin-bottom: 8px;
}

#center #tableSport td {
width: 140px;
padding: 5px;
background: #DEB887;
}

#center #tableSport td:hover {
background: #DCDCDC;
}

#center #tableSport hr {
background: #FFF;
color: #FFF;
}

#center #tableMusic {
width: 560px;
text-align: center;
margin-bottom: 8px;
}


#center #tableMusic td {
width: 140px;
padding: 5px;
background: #D8BFD8;
}

#center #tableMusic td:hover {
background: #DCDCDC;
}

#center #tableMusic hr {
background: #FFF;
color: #FFF;
}

#center #tableDance {
width: 560px;
text-align: center;
}


#center #tableDance td {
width: 140px;
padding: 5px;
background: #8FBC8F;
}

#center #tableDance td:hover {
background: #DCDCDC;
}

#center #tableDance hr {
background: #FFF;
color: #FFF;
}

#center #tableHobbie {
width: 560px;
text-align: center;
}


#center #tableHobbie td {
width: 140px;
padding: 5px;
background: #EEE8AA;
}

#center #tableHobbie td:hover {
background: #DCDCDC;
}

#center #tableHobbie hr {
background: #FFF;
color: #FFF;
}

#center .contentActivity {
padding : 10px 0 0 0;
}

#center .contentActivity img{
vertical-align: middle;
}

#center .contentActivityDescription {
margin-bottom : 15px;
text-align: justify;
min-height: 200px;
}

#center .tableIntervenant{
width: 560px;
padding : 10px 0 10px 0;
}

#center .tdIntervenant{
padding-bottom: 5px;
}

#center .tdIntervenantImg{
padding-bottom: 5px;
width: 170px;
}

#center .tableIntervenantClsh{
width: 560px;
padding : 10px 0 0 0;
}

#center .tdIntervenantClsh{
padding-bottom: 5px;
}

#center .tdIntervenantImgClsh{
padding-bottom: 5px;
width: 170px;
}


#center #tableAlbum {
text-align: center;
width: 560px;
padding : 10px 0 0 0;
}

#center #tableAlbum td{
padding-bottom: 20px;
}

#center #tableAlbum img {
border: 2px solid #DCDCDC;
}

#center #tableAlbum img:hover{
border: 2px solid #969696;
}

#center #gallery img{
border: 2px #DCDCDC solid;
}

#center #gallery img:hover{
border: 2px #969696 solid;
}

#center #tablePhoto {
text-align: center;
width: 560px;
margin-top: 5px;
}

#center #tablePhoto a{
color: #646464;
}

#center #tablePhoto a:hover{
color: #646464;
}

#center #tablePhoto td {
padding-bottom: 7px;
}

#center #tableVideo {
text-align: left;
width: 560px;
margin-top: 5px;
}

#center .tableMembersContainer {
width: 560px;
margin-bottom: 10px;
}

#center .tableMembers {
margin-top: 10px;
width: 278px; 
}

#center .tableMembers td {
vertical-align: top; 
}

#center .tableMembers .tdImg{
width: 120px; 
}

#center #link {
margin-top: 10px;
}

#center #link a {
color:#663300;
}

#center #link a:hover{
color: #FF6600;
}

#center .listTitle{
font-weight: bold;
font-size: 13px;
color: #993300;
}

#center li {
margin: 10px 0 0 15px;
}

#center #actuEvent {
padding : 10px 0 40px 0;
}

#center #actuEventL {
float: left;
width: 275px;
margin-bottom: 20px;
}

#center #actuEventR {
float: right;
width: 200px;
text-align: left;
margin-bottom: 20px;
}


#right {
float: right; 
width: 180px;
padding: 10px 30px 10px 0;
}

#right h2 { 
background: #fff url(../images/sidebarh2.gif) no-repeat;
color: #005EB0; 
height: 30px;
line-height: 30px;
color: #fff;
padding-left: 10px;
font-size: 15px; 
letter-spacing: -1px; 
font-weight: 100;
}


#right a:hover{
color: #FF6600;
}

#infos ul {
background: #c0e0c0;
list-style: none;
padding : 0 6px 0 6px;
}

#infos li{
padding : 5px 5px;
}

#bottom { 
background: #380202 url(../images/bottom.gif) no-repeat;
padding: 15px 0;
}

#footer {
padding: 0 0 0 0;
text-align: center;
font-size: 11px;
color: #eee;
}
#footer a { color: #eee; text-decoration: none; }
#footer a:hover { text-decoration: underline; }



/* Partie administration */

#containerTHome {
float:left;
width: 560px;
margin-top: 10px;
margin-bottom: 10px;
}

#homeEvent {
width: 260px;
border: 1px solid #969696;
float: left;
border-collapse: collapse;
text-align: center;
}

#homeEvent caption {
padding-bottom: 10px;
}

#homeEvent tr {
color: #4B4B4B;
}

#homeEvent td {
padding: 2px;
}


#homeEvent img {
vertical-align: middle;
}

#homeEvent .dark {
background-color: #e0ffc0;
}

#homeEvent .light {
background-color: #ffffc0;
}

#homeNews {
width: 260px;
border: 1px solid #969696;
float: right;
border-collapse: collapse;
text-align: center;
}

#homeNews caption {
padding-bottom: 10px;
}

#homeNews tr {
color: #4B4B4B;
}
#homeNews td {
padding: 2px;
}

#homeNews img {
vertical-align: middle;
}

#homeNews .dark {
background-color: #e0ffc0;
}

#homeNews .light {
background-color: #ffffc0;
}

#adminLeft {
float: left;
width: 260px;
margin-top: 30px;
}

#adminLeft img {
vertical-align: middle;
}

#adminLeft li {
list-style-type: none;
list-style-position: inside;
}

#adminRight {
float: right;
width: 260px;
margin-top: 30px;
}

#adminRight img {
vertical-align: middle;
}

#adminRight li {
list-style-type: none;
list-style-position: inside;
}

.form {
border: 1px solid #DDDDDD;
background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
background-color: #F8FDEF;
margin: 10px 0 10px 0;
padding: 5px 10px 7px;  
}

#uploadPhotos {
display: none;
}

#uploadPhotos input{
margin-top: 10px;
}

#albumList {
width: 560px;
border: 1px solid #969696;
float: right;
border-collapse: collapse;
text-align: center;
}

#albumList img {
vertical-align: middle;
}

#eventList {
width: 560px;
border: 1px solid #969696;
float: right;
border-collapse: collapse;
text-align: center;
}

#eventList img {
vertical-align: middle;
}

#infoList {
width: 560px;
border: 1px solid #969696;
float: right;
border-collapse: collapse;
text-align: center;
}

#infoList img {
vertical-align: middle;
}

#activityList {
width: 560px;
border: 1px solid #969696;
float: right;
border-collapse: collapse;
text-align: center;
}

#activityList img {
vertical-align: middle;
}

#intervenantList {
width: 560px;
border: 1px solid #969696;
float: right;
border-collapse: collapse;
text-align: center;
}

#intervenantList img {
vertical-align: middle;
}

#persoList {
width: 560px;
border: 1px solid #969696;
float: right;
border-collapse: collapse;
text-align: center;
}

#persoList img {
vertical-align: middle;
}

#CRList {
width: 560px;
border: 1px solid #969696;
float: right;
border-collapse: collapse;
text-align: center;
}

#CRList img {
vertical-align: middle;
}

#divCR {
margin-top: 10px;
}

#center #tablePhotoM {
margin-top: 5px;
border-collapse: collapse;
margin-bottom: 25px;
}

#center #tablePhotoM a{
color: #646464;
}

#center #tablePhotoM a:hover{
color: #646464;
}

#center #tablePhotoM td {
padding-bottom: 7px;
}

#center #tablePhotoM .imgTable {
vertical-align: top;
padding-left: 2px;
padding-right : 15px;
}

#center #tablePhotoM .imgTable img{
border: none;
}

#center #tableVideoM {
border-collapse: collapse;
margin:auto;
}

#center #tableVideoM td {
padding-bottom: 7px;
}

#center #tableVideoM .imgTable {
vertical-align: top;
padding-left: 2px;
padding-right : 45px;
}

#center #tableVideoM .imgTable img{
border: none;
}

#center #photoEvent {
width: 560px;
text-align: center;
margin-bottom: 10px;
}

#center #photoEvent #supPhotoEvent {
vertical-align: top;
}

#center #photoIntervenant {
width: 560px;
text-align: center;
margin-bottom: 10px;
}

#center #photoIntervenant #supPhotoIntervenant {
vertical-align: top;
}

#center #photoPerso {
width: 560px;
text-align: center;
margin-bottom: 10px;
}

#center #photoPerso #supPhotoPerso {
vertical-align: top;
}

#center #photoActivity {
width: 560px;
text-align: center;
margin-bottom: 10px;
}

#center #intervenantForm {
display: none;
}

#center #documentForm {
display: none;
}

#center #formActivity {
display: none
}

#center #formLink {
display: none
}

#center #btnValidDoc {
margin-bottom: 20px;
}

#center .titleAdmin {
background: #fff url(../images/sidebarPopup1.gif) repeat-x;
margin: 0;
padding: 0;
margin-bottom: 15px;
border-left: 1px solid #969696;
border-right: 1px solid #969696;
border-bottom: 1px solid #969696;
width: 260px;
text-align: center;
vertical-align: middle;
color: white;
font-weight: bold;
}

#center .titleAdmin ul {
padding-bottom: 10px;
text-align: left;
font-weight: normal;
}

#center #mcr {
width: 560px;
text-align: center;
}

#center #mcr img {
vertical-align: middle;
}