body {
min-width:1063px;
margin:0 0 56px;
background:url('../images/fond.png') center repeat-y #a3a3a3;
font-family:"Trebuchet MS", Arial, serif;
}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {   
border-style:none;
}
img {
border-style:none;
outline:none;
}
a {
outline:none;
}

#haut-1 {
background:url('../images/haut-fond.png') top repeat-x;
}
#conteneur {
width:1063px;
margin:0 auto;
}
#haut  {
height:265px;
padding:30px 15px 0;
margin-bottom:10px;
}
#logo {
width:339px;
height:114px;
}
#recherche {
float:right;
background:url('../images/haut-recherche.png') no-repeat;
width:292px;
height:34px;
padding:9px 13px 0 16px;
}
#recherche input[type=text] {
font-family:"Trebuchet MS", Arial, serif;
width:203px;
background-color:transparent;
border-style:none;
color:#444e59;
font-size:10pt;
}
#recherche input[type=text]:focus {
color:#000;
}
#recherche input[type=submit]:hover {
color:#fff;
}
#recherche input[type=submit] {
font-family:"Trebuchet MS", Arial, serif;
display:block;
width:80px;
float:right;
background-color:transparent;
border-style:none;
font-size:11pt;
color:#b9c3cf;
cursor:pointer;
outline:none;
border-style:none;
padding:1px 0 0;
}
#pensee {
color:#6a7d8c;
text-shadow:#fff 0 1px 1px;
font-size:11.5pt;
width:700px;
}
#pensee h1 {
font:17pt Calibri, Arial, serif;
margin:0;
font-weight:bold;
color:#4f606d;
text-shadow:#fff 0 1px 3px;
}
#connexion {
color:#647281;
font-size:9.7pt;
width:240px;
float:right;
margin-top:30px;
line-height:18pt;
}
#connexion label {
display:block;
float:left;
width:92px;
}
#connexion input[type=text] {
font:9.1pt "Trebuchet MS", Arial, serif;
width:146px;
height:18px;
background:url('../images/haut-utilisateur.png') no-repeat transparent;
border-style:none;
color:#d4d9df;
text-align:center;
}
#connexion input[type=text]:focus, #connexion input[type=password]:focus {
color:#fff;
}
#connexion input[type=password] {
font:9.1pt "Trebuchet MS", Arial, serif;
width:109px;
height:18px;
background:url('../images/haut-pass.png') no-repeat transparent;
border-style:none;
color:#d4d9df;
text-align:center;
}
#connexion input[type=submit] {
margin:2px 2px 0 0;
width:33px;
height:18px;
background:url('../images/haut-ok.png') no-repeat transparent;
border-style:none;
cursor:pointer;
float:right;
color:#4c535c;
padding:0;
}
#connexion input[type=submit]:hover {
background-position:0 -18px;
}
#connexion input[type=submit]:focus, #connexion input[type=submit]:active {
background-position:bottom;
}
#connexion .chargement {
font-size:8pt;
line-height:14pt;
color:green;
text-align:right;
display:none;
}
#connexion .chargement img {
vertical-align:middle;
}
#connexion .erreur {
font-size:8pt;
line-height:14pt;
color:red;
text-align:right;
}
#liens {
text-align:right;
font-size:8pt;
line-height:14pt;
}
#liens a {
color:#738190;
text-decoration:none;
}
#liens a:hover {
text-decoration:underline;
}
#boite-membre {
color:#647281;
font-size:9pt;
width:280px;
float:right;
margin-top:20px;
}
#boite-membre div {
margin:12px 0 0 140px;
}
#boite-membre img {
width:100px;
height:100px;
display:block;
margin-right:15px;
float:left;
}
#boite-membre a {
color:#738190;
text-decoration:none;
}
#boite-membre a:hover {
text-decoration:underline;
}
#barre {
height:30px;
margin-bottom:15px;
}
#barre .actif {
background-position:bottom;
}
#barre-gauche {
width:48px;
height:30px;
background:url('../images/barre-gauche.png') no-repeat top;
float:left;
}
#barre-droite {
width:48px;
height:30px;
background:url('../images/barre-droite.png') no-repeat top;
float:left;
}
#barre a {
display:block;
font-size:9pt;
height:28px;
padding:2px 8px 0;
background:url('../images/barre-texte.png') repeat-x top;
float:left;
color:#e9e9e9;
text-decoration:none;
}
#barre a:hover {
text-decoration:underline;
}
#barre a.actif {
color:#434f5a;
background-position:bottom;
text-decoration:none;
}
#barre .milieu {
float:left;
width:23px;
height:30px;
background:url('../images/barre-milieu.png') no-repeat top;
}
#barre .milieu.actif-g {
background-position:0 -30px;
}
#barre .milieu.actif-d {
background-position:0 -60px;
}

#corps {
width:1063px;
margin:0 auto;
}
#menu-gauche {
width:241px;
float:left;
margin-top:13px;
}
#menu-gauche .titre {
width:226px;
height:17px;
padding:7px 0 0 15px;
background:url('../images/menu-titre.png') no-repeat;
color:#c4cdd7;
font:12pt Calibri, Arial, serif;
margin-top:10px;
}
#menu-gauche .titre img {
display:block;
float:left;
width:16px;
height:16px;
margin:2px 7px 0 0;
}
#menu-gauche .bas {
background:url('../images/menu-bas.png') bottom no-repeat;
}
#menu-gauche .haut {
margin-left:4px;
width:194px;
padding:12px 18px 17px;
background:url('../images/menu-haut.png') no-repeat left top;
}
#menu-gauche .liens a {
color:#3d4851;
text-decoration:none;
display:block;
width:164px;
height:18px;
margin:2px 0;
padding:1px 0 0 30px;
font-size:10pt;
background:url('../images/menu-item.png') no-repeat top;
}
#menu-gauche .liens a:hover {
background-position:bottom;
}
#webradio-info {
font-size:10pt;
text-align:center;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid gray;
}
#webradio-info #cover-1 {
display:block;
width:126px;
height:126px;
padding:4px 6px 6px 4px;
margin:0 auto;
background:url('../images/webradio-cadre.png') no-repeat;
}
#webradio-info #cover-0 {
display:block;
width:128px;
height:128px;
margin:0 auto;
}
#webradio-dl img {
margin:0 6px;
}
#webradio-dl div {
margin-bottom:4px;
}
#webradio-dl {
font-size:10pt;
text-align:center;
}
#webradio-dl a {
color:#3d4851;
text-decoration:underline;
}
#webradio-dl a:hover {
text-decoration:none;
}

#contenu {
width:515px;
float:left;
margin:17px 0 0 33px;
}
#contenu .haut {
margin-top:10px;
background:url('../images/corps-milieu.png') no-repeat bottom;
}
#contenu .haut.news {
padding-bottom:20px;
}
#contenu h1 {
margin:0;
color:#4f606d;
font-size:18pt;
text-shadow:#fff 0 2px 1px;
padding-left:38px;
font-weight:normal;
background:url('../images/corps-fleche.png') no-repeat center left;
}
#contenu .publication {
text-align:right;
margin-bottom:5px;
color:#8290a3;
font-size:8pt;
}
#contenu p {
color:#6a7d8c;
margin:12px 0 0;
font-size:10pt;
text-shadow:#fff 0 1px 1px;
text-align:justify;
}
#contenu p.info {
padding:10px;
border:1px solid #00BF2C;
color:#009F24;
background-color:#8FFFA9;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#contenu p.attention {
padding:10px;
border:1px solid red;
color:#BF0000;
background-color:#FF8F8F;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#contenu p.info img, #contenu p.attention img {
vertical-align:middle;
}
#contenu table.form {
border-style:none;
color:#6a7d8c;
margin:12px 0 0;
font-size:10pt;
text-shadow:#fff 0 1px 1px;
text-align:justify;
width:100%;
}
#contenu p a, #contenu td a {
color:#47555F;
text-decoration:none;
}
#contenu p a:hover, #contenu td a:hover {
text-decoration:underline;
}
#contenu .bas {
width:515px;
height:18px;
padding-top:2px;
background:url('../images/corps-bas.png') no-repeat;
color:#596b79;
font-size:8pt;
margin-bottom:35px;
}
#contenu .bas .droite {
float:right;
}
#contenu .bas a {
color:#2B373F;
text-decoration:none;
}
#contenu .bas a:hover {
text-decoration:underline;
}

#menu-droite {
width:240px;
float:right;
}
#twitter .titre {
width:216px;
height:18px;
padding:29px 0 0 15px;
background:url('../images/twitter-haut.png') no-repeat;
color:#c4cdd7;
font:12pt Calibri, Arial, serif;
margin-left:3px;
}
#twitter .titre img {
display:block;
float:left;
width:16px;
height:16px;
margin:2px 7px 0 0;
}
#twitter .bas {
background:url('../images/twitter-bas.png') bottom no-repeat;
}
#twitter .haut {
width:197px;
padding:30px 25px 17px 18px;
background:url('../images/twitter-milieu.png') no-repeat 3px 0;
font-size:9pt;
color:#3d4851;
}
#twitter .haut div {
margin-top:7px;
}
#twitter a {
color:#74848F;
text-decoration:none;
}
#twitter a:hover {
text-decoration:underline;
}
#twitter a.date {
color:#3d4851;
font-weight:bold;
}
#rss {
display:block;
background:url('../images/menu-rss.png') no-repeat;
width:236px;
height:64px;
margin-top:6px;
}

#bas  {
width:100%;
position:fixed;
bottom:0;
left:0;
background:url('../images/bas.png') repeat-x;
height:26px;
padding-top:10px;
color:#5e6c7a;
font-size:8pt;
text-align:center;
opacity : 0.8;
-moz-opacity : 0.8;
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
filter : alpha(opacity=80); /* IE < 8 */ 
}

#bas a {
text-decoration:none;
font-weight:bold;
color:#5e6c7a;
}
#bas a:hover {
text-decoration:underline;
}

#contenu input[type=text], #contenu input[type=password] {
font-family:"Trebuchet MS", Arial, serif;
height:22px;
background:url('../images/input-fond.png') repeat-x;
border:1px solid #5A646F;
color:#5A646F;
font-size:10pt;
padding:0 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin:2px 0;
}
#contenu input[type=text]:focus, #contenu input[type=password]:focus {
color:#000;
border-color:#000;
}

#contenu input[type=submit] {
font-family:"Trebuchet MS", Arial, serif;
height:29px;
background:url('../images/input-submit.png') repeat-x top transparent;
border:1px solid #5A646F;
color:#5A646F;
font-size:10pt;
padding:0 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin:2px 5px;
cursor:pointer;
}
#contenu input[type=submit]:hover {
color:#000;
border-color:#000;
background-position:bottom;
}

#contenu .form-valide {
text-align:center;
margin-top:15px;
}

label {
cursor:pointer;
}

#contenu .liens {
text-align:center;
}
#contenu .liens a {
text-decoration:none;
}
#contenu .liens a img {
vertical-align:middle;
}