/* GENERAL ******************************************************************************************************************************************************************/
html,body { min-height:100%;margin:0;padding:0;overflow:auto;}
body {font: 12px/1.8em verdana;color:#494949;background-repeat: no-repeat;background: #a6bdca;background: -moz-linear-gradient(top, #a6bdca, #bcc4c9) no-repeat fixed;background: -webkit-gradient(linear, left top, left bottom, from(#a6bdca), to(#bcc4c9)) fixed; filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#a6bdca', EndColorStr='#bcc4c9', GradientType=0);}

a { text-decoration:none; color:inherit;}
a:hover { text-decoration:underline; }

h2 { margin-bottom:10px; margin-top:0px; color:#6e0019; font:16px/2em Arial; font-weight:bold; }

p { margin:0; padding:0; text-align:justify; }

hr { border:solid #908f93; border-width:1px 0 0 0; height:0;line-height:0px;font-size:0;margin:20px auto 20px auto;padding:0; width:800px; }

label { display:inline-block; width:120px; }
label.error { display:inline-block; width:auto; }

input[type=text],input[type=password], textarea, select { width:150px; margin-bottom:10px; }
select { width:155px; }

iframe { overflow:hidden; }

table { border-collapse:separate;width:880px;border-spacing:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border:1px solid #000000;margin:0;}
table td, table th { border-bottom:1px solid #000000;border-right:1px solid #000000;height:20px;padding:5px; }
table td:last-child,table th:last-child {border-right-style:none; text-align:center; padding:0;}
table tr:last-child td {border-bottom-style:none;}
table.tablesorter th:hover { cursor:pointer; text-decoration:underline; }
table.tablesorter th.nosort:hover { cursor:default;text-decoration:none; }
table thead tr:hover { background:#FFFFFF; }
table tr:hover { background:#CCCCCC; cursor:pointer; }
table tr td label { display:block; width:100%; margin:0; padding:0; height:100%; }
table tr { height:1px; }
table td { height:100%; }
table td:last-child input { margin-top:10px; }

/* END GENERAL ************************************************************************************************************************************************************/

/* ID ***********************************************************************************************************************************************************************/
#main { width:960px; margin:auto; padding-top:10px; min-height: 100%; background:#FFFFFF; }
#header {width:100%; height:110px;}
#header img{ padding-top:0px; border:none; margin-left:20px;}
#header div.right{ margin-right:10px;}
#header div .bouton {margin-left:10px; margin-top:20px; }
#header .bouton {margin-left:10px; margin-top:20px;}
#pub { background-color:#FFFFFF; width:223px; height:54px; margin-top:10px; padding:0; }
#pub img { border:2px solid #FFFFFF; display:block; margin:auto; }

#content { margin-top:5px; padding:20px; display:inline-block; width:920px; min-height:400px; }
#content p { line-height:1.4em; }
#content  a:hover { text-decoration:underline; color:#000000; }

/** menu */
#menu { width:100%; color:#FFFFFF; list-style:none; margin:0; padding:0; font-size:10px; vertical-align:text-top; font-family:Arial; font-weight:bold; margin-top:10px;
background: #494949;background: -moz-linear-gradient(top, #7c7b7b, #494949);
background: -webkit-gradient(linear, left top, left bottom, from(#7c7b7b), to(#494949)); 
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7c7b7b', EndColorStr='#494949', GradientType=0);
}
#menu li{ display:inline; margin:0; padding:0; border:none; list-style:none;}
#menu li a{ display:inline-block; width:150px; text-align:center; margin:0;padding:0; background:url('images/menu_border_right.png') no-repeat right; }
#menu li a:hover{ text-decoration:none; }
#menu li:last-child a { width:310px; text-align:left; padding-left:50px; background-image:none;}
#menu li a.selected, #menu li a:hover{ background:#81011e; background: -moz-linear-gradient(top, #a90329, #6e0019);background: -webkit-gradient(linear, left top, left bottom, from(#a90329), to(#6e0019));filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#a90329', EndColorStr='#6e0019', GradientType=0);}
#menu li#deco a { width:35px; padding-left:25px;}
/** end menu */

/** menuleft in index page */
#menuleft { min-height:300px; width:300px; margin:auto; margin-bottom:10px;}
#menuleft div a  { display:block; }
#menuleft img { max-width:120px; height:80px; margin:10px; border:none; }
#menuleft div {width:300px; cursor:pointer;height:99px; background:#201f1e; border-bottom:1px solid #FFFFFF;}
#menuleft div a, #menuleft div a span {display:block; }
#menuleft div a span {width:150px;}
#menuleft div:last-child {height:100px; background:#201f1e;}
#menuleft div.selected, #menuleft div:hover {background:#81011e;background: -moz-linear-gradient(top, #a90329, #6e0019);background: -webkit-gradient(linear, left top, left bottom, from(#a90329), to(#6e0019));filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#a90329', EndColorStr='#6e0019', GradientType=0);}
#viewer { width:620px; min-height:300px; }
#viewer #presentation { float:right; width:420px; height:100px; margin-top:190px; margin-right:10px; position:relative;  }
#presentation span.menutexte{ color:#FFFFFF; position:absolute; z-index:2; margin-top:30px; margin-left:30px; }
#presentation a:hover{ color:#FFFFFF; text-decoration:underline; }
#presentation #background { width:100%; height:100%; background:#000000; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; }
.viewertext {width:160px; height:70px; margin-top:10px; color:#FFFFFF; font: 11px/1em verdana;}
.viewertext p, .viewertext a { margin:5px 0px 5px 0px; }
#viewermaintexte { min-width:585px; margin:0px 10px 5px 10px; padding-right:20px; text-align:justify; display:inline-block; border-top:1px solid #494949;border-right:1px solid #494949; min-height:300px; }
/*#viewermaintexte  a:hover { text-decoration:underline; color:#000000; }*/
#viewermaintexte .gallery  a:hover{ text-decoration:none; }

#viewermaintexte .bouton:hover, #admin .bouton:hover { background-color:#CCCCCC; cursor:pointer; }
#viewermaintexte .bouton, #admin .bouton { padding:2px 0px 2px 0px; margin-left:5px; }

#motpresident { width:600px; }
#colonne { width:300px; }
#signature { font:14px/1em Times new roman; width:100%; text-align:right; }

#infoinscription { width:280px; }

#membres div.unmembre{ width:580px; border-bottom:1px solid #494949; margin-top:10px; padding-bottom:10px; }
#membres div .text, #membres div.unmembre div.nophoto { width:420px; display:inline-block; vertical-align:middle; margin-right:20px; }
#membres div img.text, #membres div.unmembre div.nophoto { width:120px; border:none; }


/** gallery */
#galleryheader {width:100%; background-color:#494949; color:#FFFFFF; list-style:none; margin:0; padding:0; font-size:10px; vertical-align:text-top; font-family:Arial; font-weight:bold; margin-top:10px;}
#galleryheader li{ display:inline; margin:0; padding:0; border:none; list-style:none;}
#galleryheader li a{ display:inline-block; width:150px; text-align:center; margin:0;padding:0; }
#galleryheader li a.selected { background-color:#81011e; background-image:none;}

#admin { width:400px; margin:auto; }
.update { width:100%; height:450px; }

/** footer */
#footerlink { width:100%; text-align:center; z-index:3;}
#footerlink a { margin:0 20px 0 20px; }

.uploadimage { padding:0 10px 0 10px; border:1px solid #494949; border-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; }
.uploadimage legend{ cursor:pointer; padding:0 10px 0 10px; font-weight:bold;}
.uploadimage legend.button { margin-top:22px; border-top:1px solid #494949; }
.uploadimage  form{ display:none;}

#info { width:250px; margin-left:180px; text-align:center; font-weight:bold; padding:5px; display:block; position:absolute; background-color:#494949; color:#FFFFFF; border-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; filter: alpha(opacity=70); -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; }

/* END ID *******************************************************************************************************************************************************************/

/* CLASSES ******************************************************************************************************************************************************************/
.left {float:left;}
.right {float:right;}
.bouton { border:1px solid #494949; background:none; width:150px; font-size:0.9em; line-height:25px; border-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; text-align:center;}
.bouton  a{ display:block;}
.bouton  a:hover{ background-color:#CCCCCC;}
.title { font-weight:bold; }
.title a { font-weight:normal; }
.minilink {margin-right:20px;}
.minilink a:hover {text-decoration:underline;}
.upper { text-transform:uppercase; }
.clear { clear:both; }
.hidden { display:none; }
.error { color:#FF0000; font-size:0.9em; }
.ok { color:#0fb222; font-size:0.9em; }
.mini { font-size:0.7em; }
.gallery { display:none; margin:10px; }
.gallery  img{ border:none; }
.admingalerie { display:block; width:900px; }
.half { width:50%; }
.auto { width:auto;}
.movie { width:100%; height:190px; border-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; padding-top:10px; padding-right:10px; background:#494949; }
.movie span { float:left;display:block;width:180px;height:130px;background:#FFFFFF; border-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;padding:10px; margin:20px;}
.movie object { height:180px;margin-left:10px; }
/* END CLASSES **************************************************************************************************************************************************************/

