blue & yellow

/*FOND*/
#body {background-image: url('https://images.assetsdelivery.com/compings_v2/drawn/drawn1504/drawn150400005.jpg');  background-repeat: repeat fixed;
    background-attachment: fixed;}
#body a{ text-decoration: none;}
#background {width: 840px; margin-top: 60px; margin-bottom: 80px; border: 2px solid #000004; background: #FFFEFD;}


/*HEADER*/
#header {height: 40px; background: linear-gradient(#073EF7, #4E74FE); margin-bottom: 45px; border-bottom: 2px solid #000004;}
#header a{margin: 20px; color: white; font-family: verdana; letter-spacing: 15pt; font-size: 16pt;  font-weight: bold; text-transform: none;}

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

#slogan_header {position : absolute; right : 50px; top: 5px; font-size: 15pt; color: white; font-family: verdana;}


/*CONTENU*/
.module_titre_contenu, .module_titre_contenu a {background: linear-gradient(#073EF7, #4E74FE); font-weight: bold; font-family: verdana; color: white; font-size: 13pt; letter-spacing: 2pt; text-decoration: none; text-align: left; text-transform: lowercase; margin-left: 8px; height: 25px; width: 80%; padding-top: 2px; padding-left: 20px;}

.module_contenu {margin-left: 8px; padding: 15px; margin-bottom : 20px; width : 480px;
font-family: verdana; font-size: 10pt; color: black; letter-spacing: 0.6pt; text-align : justify; line-height: 100%; border: 1px solid #848382; border-radius : 0px 15px 15px 15px;  box-shadow: 4px 4px 0px #E3E3E3;}

.module_contenu a{color: #F8D327; font-weight: bold;}
.module_contenu a:hover{color: #F19C22;}

.article_info {height: 10px; font-size: 8pt; font-family: arial; color: silver; text-align: right; padding-bottom: 5px; margin-top:-2px; margin-bottom : 10px;}
.article_info a{font-size: 8pt; font-family: arial; color: silver;}


/*COMMENTAIRES*/
.comment_admin .commentnumber {color: silver;}
.commentnumber {float: right; color: wilver; width: 10px; font-size: 10pt; text-decoration: none; text-align: left; font-family: verdana;}

.commentdate {float: right; font-size: 6pt; padding-bottom: 4px; font-family: verdana; color: silver;}

.commentpseudo a {font-weight: bold; font-family: verdana; color: #0D32FC;}
.commentpseudo {float: left; padding-top: 2px; font-family: verdana; font-size: 9pt;}

.comment_admin .commentavatar img {border: 3px solid  white; width: 100%; border-radius: 5px;}
.comment_normal .commentavatar img {border: 2px solid silver; width: 90%; border-radius: 5px;}

.commentbody {padding: 10px 10px 10px; text-align: justify; font-size: 9pt; }
.comment_normal .commentbody {background: white; black; border: 1px solid silver;}

.comment_admin .commentbody {background: #F7D428; color: white;}
.comment_admin .commentdate {color: #0337F8;}
.comment_admin a{color: white;}
.comment_admin .commentpseudo a{color: #0337F8;}

/*MENU*/
#menu1 {margin-top: -13px;}
#menu1 {padding : 10px; width : 300px; font-family: verdana; font-size: 10pt; color: black; letter-spacing: 0.6pt;}
#menu1 a{color: #0C33FE; font-weight: bold; text-decoration: underline;}

#menu1 .module_menu_titre {text-align: left; height : 13px; font-family: arial; background: #BCBCBC; font-size: 10pt ; padding: 2px; padding-left: 25px; color: white; text-transform: lowercase; line-height: 110%; border-radius: 5px 5px 0px 0px;}

.module_menu_contenu {padding : 10px; margin-bottom: 15px; border : 1px solid #848382; border-top: none; box-shadow: 4px 4px 0px #E3E3E3; border-radius : 0px 0px 5px 5px; }


/*MENU HEADER*/
#menu {width: 100%; top: 42px; height: 30px; background: #D9D9D9; font-family: verdana; font-size: 9pt; line-height: 0%; border-bottom: 2px solid black;}
#menu a{display: inline-block; margin-top: 15px; position: relative;  left: 20px; margin-right: 30px; width: 100%; font-size : 10pt; color: black; letter-spacing: 5pt;}


/*DERNIERS VISITEURS*/
.module_menu_type_lastvisitors img {width: 50px; height: 50px; border-radius: 25px; padding: 2px;}


/*SEARCH*/
.module_menu_type_search input[type="text"], .module_menu_type_search select, .module_menu_type_search textarea { width : 100%;}
.module_menu_type_search [type="submit"] {opacity: 0;}


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

#menu_calendar_month a {color: white;}
#menu_calendar_month {color: #FFC60D; font-size: 11pt; font-family:arial;}

.module_menu_type_calendar thead {font-family: helvetica; color:  #2C7BBE; border-bottom: 3px solid #2C7BBE; background: #ECE7E0; }
.module_menu_type_calendar tbody tr {color: white; background:  #F7D428;}

.module_menu_type_calendar tbody a{color: #0F42FE;  margin: 3px; padding: 2px;}
.module_menu_type_calendar tbody a:hover{background: white;}


/*SHOUTBOX*/
.menu_shoutbox {background-color: white;
border: solid 1px silver; border-radius: 3px;
color: grey; padding: 5px; line-height: 90%; margin-bottom: 10px; font-size: 9pt;}

.menu_shoutbox hr {width: 0%; height: 0px; background: #2B7CBE;
border-bottom: solid 1px #2B7CBE; margin-bottom: -10px;}


/*SCROLLBAR*/
::-webkit-scrollbar {width: 2px; height: 0px;}
::-webkit-scrollbar-track {background-color: white;}
::-webkit-scrollbar-thumb {background-color: black;}


/*CHAMPS*/
#background input[type="text"] {background: #0F29E0;  border:none; color: white; font-size: 9pt;}

#background select, #background textarea {height: 20px; background : #0F29E0; border: none; font-size: 9pt; color : white;}


/*HELP BULLE*/
#help_bubble{background-color: white; border : 1px solid #848382; color: #848382; font-size: 8pt; border-radius: 5px; box-shadow: 2px 2px 0px #E3E3E3;}


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


/*FOOTER*/
#footer {height: 27px; font-size: 8pt; color: grey; padding-top:5px; font-family : arial; text-align: center;}
#footer a {color: black;  text-transform: lowercase;}
#footer a:hover {color: black;  text-transform: lowercase;}
 

​