clear & lilac

/*FOND*/
#body {background: white; background-image: url('https://ekladata.com/dfDLyx3_5AFC2x9R9rxXjhpKaUc.png'); background-repeat: no-repeat; background-attachment: fixed;}
#background {width: 700px; margin-top: 40px; margin-bottom: 5px;}


/*HEADER*/
#header {height: 60px; top : 0px; margin-bottom: 0px; margin-right : 200px;}
#header a{margin: 10px; color: #685289; font-family: helvetica; letter-spacing: 3pt; font-size: 28pt;  font-weight: bold; text-transform: lowercase; text-shadow: 1px 1px 0px white, -1px -1px 0px white;}
#header a:hover{text-decoration:none;}

#titre_header {padding: 5px 0px 0px 0px;  position: absolute; left: 2px;}
#titre_header a{padding-left: 5px;}

#slogan_header {position : absolute; right : 20px; top: 20px; font-size: 15pt; color: white; font-family: arial; text-shadow: 1px 1px 0px #584574, -1px -1px 0px #584574;}


/*CONTENU*/
.module_titre_contenu, .module_titre_contenu a {font-family: verdana; background : white; font-weight: thin; color: #685289; font-size: 13pt; text-decoration: none; text-align: left; height: 100%; padding-left: 5px; padding-right: 5px;  border-bottom : 3px solid #685289; margin-right: 20px;}

.module_contenu { background: rgba(0,0,0,0.5); padding: 10px; padding-top : 0px; margin-bottom : 30px;  margin-right: 20px;
font-family: helvetica; font-size: 10pt; color: #D1CEC5; letter-spacing: 0.1pt; text-align : justify; line-height: 110%;}

.module_contenu a{color: #E0AFF8; font-weight: bold;}
.module_contenu a:hover{color: #D68BF5; text-decoration: none;font-style: italic;}
.module_contenu img{padding : 5px;}

.article_info { height: 9px; font-size: 8pt; font-family: helvetica; color: white; text-align: left; padding-bottom: 10px; margin-top:2px;}
.article_info a{ text-decoration: none; font-size: 8pt; font-family: helvetica; color: white;}
.article_info a:hover{ text-decoration: none; color: white;}


/*COMMENTAIRES*/
.comment_admin .commentnumber {color: white;}
.commentnumber {float: left; color: white; width: 15px; font-size: 10pt; text-decoration: none; text-align: left; font-family: verdana; margin-top : 7px;}

.commentdate {float: right; font-size: 8pt; margin-top: 7px; margin-left: 10px;  font-family: arial; color: white;}

.commentpseudo a {font-weight: bold; font-family: arial; color: white; font-style: italic;}
.commentpseudo {float: left; padding-top: 2px; font-family: arial; font-size: 9pt;}

.comment_admin .commentavatar img {border: 3px solid  white; width: 60%; border-radius: 25px 0px 25px 0px; padding : 0px;}
.comment_normal .commentavatar img {border: 3px solid white; width: 60%; border-radius: 25px 0px 25px 0px; padding : 0px;}

.commentbody {padding: 10px; text-align: justify; font-size: 11pt; border-radius : 5px;}
.comment_normal .commentbody {background: rgba(0,0,0,0.2); color : white; font-size: 10pt; line-height : 90%;}

.comment_admin .commentbody {background: rgba(0,0,0,0.2); color: white; font-size: 10pt; line-height : 90%;}
.comment_admin .commentdate {color: white;}
.comment_admin a{color: white;}
.comment_admin .commentpseudo a{color: white; font-style: italic;}


/*MENU*/
#menu1 {margin-top: -60px;}
#menu1 {background: rgba(0,0,0,0.5); padding : 10px; width : 170px; font-family: arial; font-size: 10pt; color: #D1CEC5; letter-spacing: 0.1pt; line-height: 130%;}
#menu1 a{color: #E0AFF8; text-decoration: none; font-size: 9pt; padding: 1px; font-weight: bold;}
#menu1 a:hover{color: #D68BF5; font-style: italic;}

#menu1 .module_menu_titre {text-align: right; height : 100%; font-family: arial; font-size: 11pt ; line-height: 110%; color: white;}

.module_menu_contenu {padding : 5px; margin-bottom: 20px; text-align: right; }


/*DERNIERS VISITEURS*/
.module_menu_type_lastvisitors img {width: 35px; height: 35px; border-radius: 50px 50px 50px 50px; border: solid 3px white;}
.module_menu_type_lastvisitors .module_menu_titre { display: none; }
.module_menu_type_lastvisitors {margin: -10px;}

.module_menu_type_lastvisitors img {-webkit-transition: 0.4s linear; transition: 0.4s linear;}
.module_menu_type_lastvisitors img:hover {-webkit-transition: 500ms; -webkit-transform: rotate(20deg);}


/*SEARCH*/
.module_menu_type_search input[type="text"], .module_menu_type_search select, .module_menu_type_search textarea { width : 80%;}
.module_menu_type_search .module_menu_titre {display: none;}


/*CALENDRIER*/
.module_menu_type_calendar a {color: white;}
.module_menu_type_calendar a:hover {color: white;}

#menu_calendar_month a {color: white; background: none;}
#menu_calendar_month {color: white; font-size: 9pt; font-family: arial;}

.module_menu_type_calendar thead {font-family: arial; color: white; background: none; }
.module_menu_type_calendar tbody tr {color: #D1CEC5;}

.module_menu_type_calendar tbody a{border: none; background: none;}


/*SHOUTBOX*/
.menu_shoutbox {background-color: white; text-align: right; border: 1px solid silver; border-radius: 5px;
height : 150px;
color: #D1CEC5; padding: 6px; line-height: 100%; margin-bottom: 4px; font-size: 9pt;}
.menu_shoutbox hr {width: 0%; height: 0px; background: white; margin-bottom: -10px;}


/*SCROLLBAR*/
::-webkit-scrollbar {width: 4px; height: 0px;}
::-webkit-scrollbar-track {background-color: white;}
::-webkit-scrollbar-thumb {background-color: #DE9FF8;}


/*CHAMPS*/
#background input[type="text"] {background: white;  border: 1px solid silver; color: grey; font-size: 9pt; border-radius: 5px;}
#background select, #background textarea {height: 20px; background : white; border: 1px solid silver; font-size: 9pt; color : grey; border-radius : 5px;}


/*HELP BULLE*/
#help_bubble{background-color: #DE9FF8; color: white; font-size: 8pt; border: none; font-style : italic;}


/*BOUTON*/
#background input[type="submit"] {background:  #DE9FF8; padding-left: 10px; padding-right: 10px; color: #FFFEFD; border: none; text-transform: lowercase; font-size: 8pt;}


/*FOOTER*/
#footer {height: 20px; font-size: 8pt; color: silver; padding-top:5px; font-family : arial; text-align: center;}
#footer a {padding: 2px; color: silver;  text-transform: lowercase;}
#footer a:hover {color: silver;  text-transform: lowercase; text-decoration : none;}