@charset "utf-8";
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, font, img, strong, sub, sup, tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tr, th, td, hr{margin: 0; 	padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {font-family:Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-size:11px; background: url(theme/background.png); color:#000; line-height: 1.5; margin-top:10px; position:relative;}

a {color:#4c5966; text-decoration:none;}
a:hover {color:#006cd9;}
ol, ul{margin-bottom:15px; margin-left:40px;}
blockquote{quotes: none;}
:focus{outline: 0;}
img{max-width:700px;}
p{margin-bottom:15px;}
input{padding:0 10px; margin-bottom:10px;}


h1{margin-bottom:25px; border-bottom:1px solid #AAA; font-size:2em; font-variant:small-caps; font-weight:bold; letter-spacing:3px;}
h2{margin-bottom:25px; font-size:1.6em; color:#d4000a; font-weight:normal;}
h2 a{color:#d4000a;}
h2 a:hover{color:#d4000a; text-decoration:underline;}
h3 {color:#d7000a; font-size:1.3em;}
h3 span{margin-right:15px;}
h3 span img{margin-left:5px;}
h4{text-align:center; padding:5px; background:#e5e5e5;}

hr{background:#ccc; height:1px; margin-bottom:25px;}

div#header{background:url(theme/header.png); height:125px; width:970px; position:relative; margin:auto; border-bottom: solid 2px #000;}
div#header .nav_1{background:url(theme/dock.png); height:40px; width:430px; position:absolute; left:175px; top:0px; text-align:center; line-height:35px; letter-spacing:3px;color:#FFF;}
div#header .nav_1 a{background:url(theme/puce_12x12.png) left no-repeat; margin:0 5px; padding-left:20px; font-size:1.2em; font-weight:bold; color:#FFF;}
div#header .nav_2{position:absolute; right:15px; bottom:-32px;}
div#header .nav_2 img{height:98px; width:100px; margin-left:3px;}
div#header .nav_3{position:absolute; left:330px; bottom:-6px; color:#FFF;}
div#header .nav_3 img{height:70px; width:90px; margin-left:3px;}

div.aside#presentation{background:#111; width:940px; margin:auto; padding: 35px 15px 0 15px; border-top: solid 1px #222;}
div.aside#presentation div#section1 {float:left; vertical-align:top; height:80px; width:350px; padding-bottom:10px; font-size:1.2em; color:#fff;}
div.aside#presentation div#section2{float:left; vertical-align:top; height:80px; width:290px; padding-bottom:10px; font-size:1.2em; color:#fff;}
div.aside#presentation div#section3{float:left; vertical-align:top; height:80px; width:290px; padding-bottom:10px; font-size:1.2em; color:#fff;}
div.aside#presentation object, div.aside#presentation embed {height:238px; width:298px; margin:auto;}
div.aside#presentation input[type="password"], div.aside#presentation input[type="text"]{background:url(theme/input.png); height:25px; width:155px; border:none;line-height:25px; color:#FFF;}
div.aside#presentation input[type="submit"]{background:url(theme/submit.png); height:30px; width:100px;	border:none; color:#FFF;}
div.aside#presentation div{padding-bottom:15px;}
div.aside#presentation div.sous-section{font-weight:bold;}

div#conteneur{background:url(theme/sidebar_virtuel.png) repeat-y #e5e5e5; width:970px; margin:auto;}

div#sidebar{float:left; vertical-align:top; background:#fff; width:220px;border-right:dashed 1px #000; font-size:1.1em; color:#000;}
div#sidebar div.nav > div, div#sidebar div.nav > ul, div#sidebar div.aside > div, div#sidebar div.aside > ul, div#sidebar div > div, div#sidebar div > ul{padding-left:20px;}
div#sidebar form{margin:auto; text-align:center;}
div#sidebar input[type="password"], div#sidebar input[type="text"]{width:130px;}
div#sidebar #agenda, div#sidebar #partenaires{padding:5px; text-align:center;}
div#sidebar #agenda span{font-size:1.2em; font-weight:bold;}
div#sidebar #agenda img{padding:0 5px;}
div#sidebar #agenda th{height:22px; line-height:22px;}
div#sidebar tr{height:22px; height:22px; line-height:15px;}
div#sidebar tr:nth-child(odd){background:#ddd;}
div#sidebar tr:nth-child(even){background:#bbb;}
div#sidebar table td{width:29px; height:29px; line-height:29px;}
div#sidebar table th{width:29px; height:15px;}
div#sidebar table .rdv{background:url(theme/rdv.png) center no-repeat;}
div#sidebar div.sous-section{background:#e5e5e5; margin-bottom:15px; padding:5px; text-align:center; font-weight:bold;}
div#sidebar div.remarque{margin:0 20px 15px 0; text-align:right;font-size:0.8em;}
div#sidebar ol, div#sidebar ul{list-style: none; margin-bottom:15px; list-style-image:url(theme/puce_8x8.png); margin-left:40px;}

#page{float:left; vertical-align:top; width:700px; padding:20px; text-align:justify;}
#page table{width:700px; border-collapse: collapse; padding-left:5px; border-spacing: 0; text-align:center;}
#page tr, #page td, #page th{border:2px solid #e3e3e3;}
#page th{vertical-align:middle; background:#d4000a; background-image: -webkit-gradient(linear, left top, left bottom, from(#d4000a),to(#f04853)); height:40px; padding:0 5px; color:#FFF;}
#page td{vertical-align:middle;}
#page tr{height:25px;}
#page tr:nth-child(odd){background:#ddd;}
#page tr:nth-child(even){background:#bbb;}
#page form{text-align:left;}

hr.clear-float{clear:both; visibility:hidden; margin:0; padding:0; height:0;}

#annonce{background:#bbb; background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd),to(#bbb)); height:40px; margin-bottom:25px; padding:10px; border:2px solid #aaa; border-radius:10px; font-size:1.3em;}
article.accueil{position:relative; min-height:150px;}
img.accueil{float:right; margin:0 0 5px 50px;}
#social{text-align:right;}
#social img{margin-right:15px; opacity:0.5;}
#social img:hover{opacity:1;}
#infos {text-align:left; font-style:italic; opacity:0.5;}

form[name="adherer"] input[type="text"]{width:450px; height:20px;}

table.podcast th.date{width:85px;}
table.podcast th.ecouter{width:64px;}
table.podcast th.reagir{width:32px;}
div.podcast{text-align:center; width:55%; font-size:2.5em; line-height:64px; background:#EEE; margin:auto; border-radius:32px; margin-bottom:15px;}
div.podcast img{vertical-align:middle;}
a > div.podcast{color:#000;}
form.podcast{text-align:center;}
form.podcast textarea{width:650px; height:75px;}

table.mag th.date{width:85px;}
table.mag th.visionner{width:64px;}
table.mag th.reagir{width:32px;}
div.mag{text-align:center; width:55%; font-size:2.5em; line-height:64px; background:#EEE; margin:auto; border-radius:32px; margin-bottom:15px;}
div.mag img{vertical-align:middle;}
a > div.mag{color:#000;}
form.mag{text-align:center;}
form.mag textarea{width:650px; height:75px;}

#player{background:#fff; color:#000; margin-top:0; padding-top:0;}
#player table{width:575px; position:absolute; top:50px;}
#player tr{background:#f5f5f5; width:100%; height:25px; font-size:1.3em;}
#player td{ border:1px solid #ccc;}
#player td.encours{background:#eee;}
#player td div{height:25px; padding-left:20px; line-height:25px;}
#player a{text-decoration:none; color:#000000;}
#player #playerslider{width:0; height:50px; background:#09F; background-image: -webkit-gradient(linear, left top, left bottom, from(#999999),to(#050505));}
#player #playerplay{display:none;}
#player #playercontroller{position:relative; top:0;}
#player #playerplay,#playerpause{width:75px; height:50px; position:absolute; top:0; left:0; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5),to(#dddddd)); line-height:50px; text-align:center; font-weight:bold;}
#player .timeline{width:500px; height:50px; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5),to(#dddddd)); position:absolute; top:0; left:75px;}
#player object{visibility:hidden; height:0; width:0; margin:0; padding:0; border:0;}

.galerie div{height:40px; position:relative; font-weight:bold; border:1px solid #aaa; margin-bottom:5px;}
.galerie:nth-child(odd) div{background:#ddd;}
.galerie:nth-child(even) div{background:#bbb;}
.galerie div:hover{background:#eee;}
.galerie img{width:40px; height:40px; padding-right:15px; vertical-align:middle;}
.galerieId{text-align:justify;}
.galerieId img{height:100px; -webkit-box-shadow: 2px 2px 5px #555; margin:0 10px 10px 0;}
#video object{width:700px; margin:auto;}

#wallpaper{display:-moz-inline-stack; display:inline-block; margin:25px; text-align:center;}

textarea[name="bankroll"]{width:700px; height:500px;}

.trombinoscope{display:-moz-inline-stack; display:inline-block; margin:5px; text-align:center;}
.trombinoscope img{width:130px;}

#gestion{opacity:0.25;}
#gestion:hover{opacity:1;}

#footer{height:40px; width:970px; line-height:40px;	margin:auto; text-align:center;	color:#FFFFFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#505050),to(#101010)); border-radius:0 15pw 15px 0;}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

#gestion{position:fixed; bottom:0; background-color:#999; height:25px; width:100%; text-align:center;}

.center{text-align:center;}
.small{font-size:0.8em;}
.big{font-size:1.2em;}
.underline{text-decoration:underline;}
div.spoil{cursor:pointer; border:1px solid #CCC; padding:5px; background:#FFF;}
hr.spoil{size:1px; opacity:0.5;}
span.spoil{display:none; cursor:pointer;}
ul.nombre{list-style:decimal;}
ul.latin{list-style:upper-latin;}
ul.romain{list-style:upper-roman;}
span.faceDown{opacity:0.7;}

h1.adhesion {text-align:center; border-bottom:inherit;text-decoration:underline;margin-bottom:inherit}
h3.adhesion {text-align:center;color:inherit;}
p.adhesion {margin-left:55px;margin-right:55px;}