/* CSS Document */

body {
background-color:#000052;
color:#FFFFFF;
}



/* LES LIENS GENERAUX */ 

a:link {
color:#3069f8;
text-decoration:none;
}
a:visited {
color:#3069f8;
text-decoration:none;
}
a:hover {
text-decoration: underline;
}
a:active {
color:#3069f8;
text-decoration: underline;
}



/* LES BLOCS */

div.masthead {
position:absolute;
width:950px;
left:50%;
margin-left:-475px;
}
div.ban {
width:950px;
height:206px;
background-image:url(i/ban4.gif);
background-repeat:no-repeat;
background-position:top center;
}
div.head {
background-image:url(i/fond_head3.jpg);
background-repeat:repeat-y;
background-position:top right;
overflow:hidden;
}
div.menu {
float:left;
width:183px;
background-image:url(i/fond_menu.jpg);
background-repeat:no-repeat;
background-position:top center;
}
div.int {
background-image:url(i/fond_head.jpg);
background-repeat:repeat-y;
background-position:top right;
width:766px;
float:right;
text-align:center;
overflow:hidden;
padding:0px 1px 10px 0px;
}



/* LES PARAGRAPHES - CONTENU */

p.titre {
margin-top:40px;
font-weight:bold;
font-size:34px;
text-decoration: underline
}
p.contenu {
font-size:17px;
margin:10px;
text-align:left;
}
p.menu {
color:#FFFFFF;
font-weight:bold;
}



div.bottom {
width:950px;
height:40px;
background-image:url(i/bottom.jpg);
background-position:bottom center;
background-repeat:no-repeat;
}
a.ilien {
text-decoration:none; 
border:0px none #000000;
}
a.ilien:hover {
text-decoration:none; 
border:0px none #000000;
}
a.ilien:visited {
text-decoration:none; 
border:0px none #000000;
}
div.compteur {
float:right;
}
a.mlien {
color:#3069f8;
text-decoration:none ;
display:block ;
text-align:left;
width:177px ;
border-style:none ;
border-width:3px ;
padding:2px;
}
a.mlien:hover {
color:#000052 ;
text-decoration:none ;
background-color:#FFFFFF ; 
}
a.mlien:active{
color:#000052 ;
text-decoration:none ;
background-color:#FFFFFF ; 
}
div.erreur {
border: 2px solid #FF0000;
background-color:#ffccff;
width:600px;
color:#000000;
text-align:center;
padding:5px;
margin-left:auto;
margin-right:auto;
}
div.message {
border: 2px solid #008000;
background-color:#ccff99;
width:600px;
color:#000000;
text-align:center;
padding:5px;
margin-left:auto;
margin-right:auto;
}
div.mess_membre {
border: 1px solid #FFFFFF;
text-align:left;
width:700px;
padding:10px;
}
div.mess_membre2 {
color:#FFFF66;
border: 1px solid #FFFF00;
text-align:left;
width:700px;
padding:10px;
}
div.pages {
border: 1px solid #FFFFFF;
background-color:#0000cc;
text-align:center;
width:590px;
padding:2px 0px 2px 10px;
}
div.livre {
border: 1px solid #FFFFFF;
text-align:center;
width:600px;
padding:20px 0px 25px 0px;
}
div.inscription {
border: 1px solid #FFFFFF;
text-align:left;
width:600px;
padding:20px 0px 25px 0px;
}
div.livre_info {
font-size:13px;
margin-top:30px;
padding-left:10px;
text-align:left;
width:410px;
height:22px;
background-image:url(i/livre.png);
background-position: top center;
background-repeat:repeat-x;
border-left: 1px solid #158eff;
border-right: 1px solid #158eff;
border-top: 1px solid #158eff;
}
div.livre_mess {
padding:10px;
text-align:left;
width:400px;
background-color:#c1e7ff;
color:#000000;
border-left: 1px solid #158eff;
border-right: 1px solid #158eff;
border-bottom: 1px solid #158eff;
}
div.article {
margin-top:30px;
width:612px;
}
div.haut_article {
background-image:url(i/article2.png);
background-position: top right;
background-repeat:no-repeat;
border-right: 1px solid #000000;
font-weight:bold;
width:350px;
padding-left:20px;
float:right;
text-align:left;
}
div.bas_article {
width:600px;
padding:5px;
margin-bottom:40px;
text-align:left;
background-color:#000052;
border: 1px solid #000000;
}
div.haut_article2 {
background-image:url(i/article3.png);
background-position: top right;
background-repeat:no-repeat;
border-right: 1px solid #000000;
font-weight:bold;
width:350px;
padding-left:20px;
float:right;
text-align:left;
}
div.bas_article2 {
width:600px;
padding:5px;
margin-bottom:40px;
text-align:left;
background-color:#165fa9;
border: 1px solid #000000;
}
div.album_droite {
float:right;
margin-right:40px;
}
div.album2 {
text-align:left;
width:600px;
height:290px;
}
div.album {
width:222px;
}
div.haut_album {
background-image:url(i/article1.png);
background-position: top right;
background-repeat:repeat-x;
border: 1px solid #000000;
font-weight:bold;
text-align:center;
float:right;
width:220px;
text-align:center;
}
div.bas_album {
padding:5px;
width:210px;
margin:0px 0px 40px 0px;
text-align:center;
background-color:#0356d3;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}
div.bas_video {
padding:5px;
width:210px;
margin:0px 0px 0px 0px;
text-align:center;
background-color:#0356d3;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}
div.date_video {
background-image:url(i/article1.png);
background-position: top right;
background-repeat:repeat-x;
border-style:solid;
border-width:0px 1px 1px 1px;
border-color:#000000;
font-weight:bold;
text-align:center;
float:right;
width:205px;
font-size:12px;
padding:1px 15px 1px 0px;
text-align:right;
}
a.album {
color:#000052;
text-decoration: underline;
}
a.album:hover {
text-decoration: none;
}
a.album:visited {
color:#000052;
text-decoration: none;
}
a.album:active {
color:#000052;
text-decoration: underline;
}
.membre {
border: 1px solid #ffffff;
width:470px;
}
tr.titre-tab {
font-size:19px;
background-color:#ffffff;
color:#000052;
}
i.no_comm {
font-size:12px;
}
i.trad {
font-size:14px;
color:#ffff00;
}
label.inscri {
display:block;
width:220px;
float:left;
text-align:right;
padding: 0px 10px 0px 0px;
margin:0px;
}
label.connec {
display:block;
width:330px;
float:left;
text-align:right;
padding: 0px 10px 0px 0px;
margin:0px;
}
label.menu_co {
display:block;
width:85px;
float:left;
font-size:13px;
text-align:right;
padding: 0px 2px 0px 0px;
margin:0px;
}
.milieu {
text-align:left;
width:450px;
margin:0 auto;
}
.centrer {
text-align:center;
}
img.centre {
display: block; 
margin:0 auto;
}
.menu_connec {
border:1px solid #000000;
background-color:#0000FF;
color:#FFFFFF;
margin-bottom:1px;
}
.menu_connec:focus {
border:1px solid #0000FF;
background-color:#000052;
color:#FFFFFF;
}
.titre_video {
color:#FFFF00;
font-size:18px;
font-style:italic;
font-weight:bold;
}
fieldset {
text-align:left;
width:550px;
border-width: 1px;
border-style:solid;
border-color:#FFFF00;
color:#FFFF00;
margin-left:auto;
margin-right:auto;
}
legend {
font-weight:bold;
color:#FFFF00;
}
.boutton_co {
background-color:#AACCFF;
border:1px solid #000052;
}
.boutton_co:hover {
background-color:#66CCFF;
border:1px solid #000052;
}
.smiley {
background-color:#c1e7ff;
width:478px;
padding:1px 2px 1px 2px;
margin-left:auto;
margin-right:auto;
margin-top:3px;
}