*{
margin:0;
padding:0;
}

body {
font-family: Arial,Verdana,Sans-serif;
font-size: 12px;
background:url(../images/fond.png);
color:#ffffcc;
margin-bottom:15px;
margin-top:15px;
}

#generale {
width:950px;
margin-left: auto;
margin-right: auto;
overflow:auto;
}

#banniere {
width:950px;
height:257px;
background:url(../images/banniere.jpg) no-repeat;
}

#menu {
width:950px;
height:15px;
margin-bottom:15px;
font-size:14px;
text-align:center;
background:url(../images/menu.jpg) no-repeat;
}

#menu li {
display:inline;
margin-right:15px;
}

#menu a:link {
color:#969A9D;
text-decoration: none;
}
#menu a:visited {
color:#969A9D;
text-decoration: none;
}

#menu a:hover {
color:#CCCCCC;
text-decoration: none;
}

#page {
width:690px;
float:left;
border: 15px solid #000000;
background-color:#4B4B4B;
}

.article{
width:660px;
margin-bottom:25px;
padding-left:15px;
padding-right:15px;
padding-top:5px;
}

.article a{
text-decoration:none;
color:#000000;
}

.article a:hover{
text-decoration:underline;
color:#000000;
}

.entete_article{
width:660px;
overflow:auto;
}

.date {
float:left;
width:59px;
height:62px;
font-family:"Bookman Old Style", "Trebuchet MS", serif;
font-size:16px;
text-align:left;
line-height:18px;
color:#000000;
padding-top:35px;
padding-left:18px;
background:url(../images/date.png) no-repeat;
}

.titre_article{
float:left;
width:583px;
height:79px;
padding-top:18px;
}

.article h1{
border-bottom:2px solid #ffffff;
padding-bottom:15px;
text-align:center;
font-size:30px;
font-weight:normal;
font-family:"Bookman Old Style", "Trebuchet MS", serif;
}

.poster {
font-size:11px;
}

.article p{
line-height:15px;
margin-top:10px;
margin-bottom:10px;
}

.commentaires_article{
font-size:14px;
text-align:right;
padding-top:5px;
border-top: 2px solid #ffffff;
}

img{
border: 0px solid #000000;
}

#pied{
width:948px;
clear:both;
text-align:center;
color:#FFFFFF;
padding-top:15px;
}

.pas_afficher{
display:none;
}

/*CSS pour le menu de droite*/
#menu_droite {
width:160px;
float:right;
padding:10px;
border: 15px solid #000000;
font-family:"Bookman Old Style", "Trebuchet MS", serif;
background-color:#4B4B4B;
}

#menu_droite li {
list-style:none;
margin-left:30px;
line-height:20px;
font-size:12px;
}

#menu_droite h2 {
font-size:16px;
color:#FFFFFF;
font-weight:normal;
}

#menu_droite li a:link {
color:#969A9D;
text-decoration: none;
}

#menu_droite li a:visited {
color:#969A9D;
text-decoration: none;
}

#menu_droite li a:hover {
color:#CCCCCC;
text-decoration: none;
}

.menu_droite_titre{
width:160px;
margin-top:10px;
overflow:auto;
}

.menu_droite_titre img{
width:53px;
height:52px;
float:left;

}

.menu_droite_titre div{
width:107px;
height:37px;
float:left;
padding-top:15px;
line-height:16px;
}

.contact a:link{
color:#FFFFFF;
text-decoration:none;
}

.contact a:visited{
color:#FFFFFF;
text-decoration:none;
}

.contact a:hover{
color:#000000;
text-decoration:none;
}

/*CSS pour la page un peu de nous*/
#page_unpeudenous {
width:900px;
border:15px solid #000000;
overflow:auto;
padding:10px;
line-height:20px;
background-color:#4B4B4B;
}

.texte_unpeudenous{
margin-left:95px;
margin-right:85px;
text-align:justify;
}

#image_unpeudenous{
text-align:center;
}

/*------------------------------------------------------CSS pour la page commentaires*/
#commentaires {
width:660px;
margin-top:10px;
border:15px solid #000000;
float:left;
background-color:#4B4B4B;
padding-left:15px;
padding-right:15px;
}

#commentaires h1{
font-size:24px;
}

.commentaire_couleur1{
width:640px;
min-height:90px;
padding-left:10px;
padding-right:10px;
border:2px dashed #FF99FF;
}

.commentaire_couleur2{
width:640px;
min-height:90px;
padding-left:10px;
padding-right:10px;
}

.pseudo {
font-size:16px;
color:#000000;
font-weight:bold;
margin-top:10px;
}

.pseudo a:link{
color:#CCCCCC;
}

.pseudo a:visited{
color:#CCCCCC;
}

.pseudo a:hover{
color:#FFFFFF;
text-decoration:underline;
}

.date_heure {
font-size:10px;
}

.message {
margin-top:10px;
margin-bottom:10px;
}

.message_article{
text-align:center;
color:#FF99FF;
margin-top:10px;
margin-bottom:15px;
}

#ancre{
font-size:14px;
text-align:right;
margin-bottom:15px;
margin-top:10px;
padding-right:10px;
}

#ancre a{
color:#FF99FF;
text-decoration:none;
}

#ancre a:hover{
color:#FF99FF;
text-decoration:underline;
}

.entete_formulaire{
font-size:16px;
margin-top:10px;
}

.cadre_formulaire{
background:#FFD2FF;
padding:5px 5px 5px 5px;
}

.input_form {
height:20px;
width:643px;
}

textarea {
width:643px;
}

#btn_envoyer{
margin-top:10px;
}

#secu{
display:none;
}

/*-------------------------------------------------------------CSS pour la page contacter nous*/
#page_contact {
width:900px;
border:15px solid #000000;
overflow:auto;
padding:10px;
line-height:20px;
background-color:#4B4B4B;
}

/*CSS page non trouvee*/
.page_non_trouvee{
margin:10px;
font-weight:bold;
text-align:center;
color:#000000;
font-size:24px;
}

/*-----------------------------------------------------CSS bouton submit formulaire*/
input[type=submit] {
width:150px;
height:30px;
margin-top:2px;
margin-bottom:5px;
padding:2px;
color: #000000;
font-style: normal;
background:#ffffff;
border: 1px solid #FF99FF;
}

input[type=submit]:hover {
color: #000000;
background:#FFD2FF;
}

/* divers*/
#photoblogawards {
margin-left:5px;
}