/*
 *   Theme Name: Neoma
 *   Description: Le thème du site web de Neoma-Interactive
 *   Author: Neoma-Interactive
*/
 
/*  Prelude  */
           
#prelude {
   display: none;
}


* {margin: 0px; padding: 0px; }

a {text-decoration: none; color: #d21774; outline-style:none; }

a:hover {background: #fff; outline-style:none; }

a img {border: 0 none; }

.clear {clear:both; height:1px; font-size:1px; line-height:1px; }

p {line-height: 16px; margin-bottom: 10px; }

h2 {font-family: Georgia, 'Times New Roman', Times, serif; font-size:2.2em; margin:0 0 0.5em 0; padding-top:9px; }

.inside {width:980px; margin:0 auto; /*border: 1px solid #FF6600;*/ }

abbr, acronym  {
border-bottom: 1px dashed;
cursor: help;
}

/* @group Microformats */

address.vcard span { display: block; }

address.vcard .locality,
address.vcard .postal-code,
address.vcard .tel span { display: inline; }
address { font-style: normal; }


/* @end of Microformats */



/* Listes contenu */
.post ul {

margin: 0 0 10px 10px;

padding: 0 0 0 14px;

line-height: 18px;

list-style-position: outside;

list-style-image: url(images/fleche.png);

list-style-type: none;

}

.post li {

list-style-position: outside;

list-style-image: url(images/fleche.gif);

list-style-type: none;

}


.post ul li {

list-style-type: none;

}
/* fin */


ul li {

list-style-type: none;

}


body {

background:#fff;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color: #38302b;

}


body#dev a:hover {outline-style:none;  text-decoration: underline;}

body#dev .sidebar-dev a:hover {outline-style:none; color: green; text-decoration: underline;}

body#dev .contenu-dev h1 a, body#dev .contenu h1 {background-color: transparent; color: green; }

body#dev .contenu-dev h2, body#dev .contenu h3 {background-color: transparent; color: #4c7c0d; }

body#dev .contenu-dev a{background-color: transparent; color: green; font-weight: bold; }

body#dev .sidebar-dev ul{
color: green;
}

body#dev .sidebar-dev a:visited{
color: black;
}

body#dev .contenu-dev li {
list-style-position: outside;

list-style-image: url(images/fleche_dev.gif);

list-style-type: none;
}

body#dev blockquote {

margin: 20px 0;

padding: 0 10px 0 45px;

background: transparent url(images/bg_quote_dev.gif) no-repeat top left;

font-style: italic;

}

#logo a { float:left; height:145px; width:290px; background:url(images/logo.jpg); text-indent:-30000px; display:block; }

#logo_dev a { float:left; height:145px; width:290px; background:url(images/logo_dev.jpg); text-indent:-30000px; display:block; }

#illhead { display:block; height:45px; width:770px; text-align:right; padding:10px; }



#header {

color: #fff;

height:145px;

background: url(images/bg_header.jpg) repeat-x #d21774;

border-bottom: 3px solid #b0035a;

}

#header_dev {

color: #fff;

height:145px;

background: url(images/bg_header_dev3.jpg) repeat-x #4c7c0d;

border-bottom: 3px solid #4c7c0d;

}
/*********************  Page archives  *******************************/

#af-ela{
}


/*********************  MENU  *******************************/

#menu {

height: 25px;

/* width: 378px; */

float:right;

padding-left: 82px;

}

#menu li {

float:left;

list-style:none;

display:block;

}

#menu li a {

float:left;

height: 25px;

line-height: 25px;

color: #fff;

padding: 0 10px;

margin-left: 4px;

background: #d21774;

}

#menu li a:hover {

background: #b0035a;

}

#menu_dev {

height: 25px;

/* width: 378px; */

float:left;

padding-right: 500px;
padding-bottom: 10px;
}

#menu_dev li {

float:left;

list-style:none;

display:block;

}

#menu_dev li a {

float:left;

height: 25px;

line-height: 25px;

color: #fff;

padding: 0 10px;

margin-left: 4px;

background: #81b704;

}

#menu_dev li a:hover {

background: #81d604;
text-shadow:0 0 4px #000000;
}

/*********************  SEARCHFORM  *******************************/

#searchform {
float:left;
height:37px;
text-align:right;
width:460px;
margin:79px 0 0 230px;
}
#MusiqueRadio {
/*background:#38302B url(images/casqueMR.jpg) no-repeat scroll center top;*/
float:right;
height:83px;
width:82px;
}
/*#searchform {

padding-top:10px;

width: 250px;

height:40px;

float:left;

text-align:right;

}*/

#search {
width: 120px;
background:url(images/loupe.gif) no-repeat #38302b;
padding-left: 30px;
}

input {
font-family: Verdana, sans-serif;
font-size: 0.9em;
padding: 5px;
border: 1px solid #d21774;
color: #686868;

}



input.blur {

background: #38302b;

color: #fff;

}

#oksearch {

background:#fff;

height:25px;

font-size: 0.8em;

font-weight:bold;

color:#38302b;

border: 1px solid #d21774;

}



/*********************  REFERENCE ACCUEIL  *******************************/

#acc_reference {

color:#fff;

height:192px;

margin:0 0 80px 0;

background: #38302b;

}

#acc_reference h2 {

font-size:16px;

line-height: 18px;

}

/*********************  CONTENU  *******************************/
#titreact h2{
background:transparent url(images/titreact.gif) no-repeat;
color:#FFFFFF;
font-size:14px;
height:30px;
line-height:30px;
margin-bottom:10px;
padding:0 0 0 10px;
width:691px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}
.imgtxtleft {
float:left;
margin: 3px 15px 15px 0;
}

.imgtxtright {
float:right;
margin: 3px 0 15px 15px ;
}

.UTWPrimaryTags {
background:#fff url(images/punaise.png) no-repeat scroll left top;
display:block;
height:20px;
padding:2px 0 0 25px;
}
.Tags {
background:#fff url(images/punaise.png) no-repeat scroll left top;
display:block;
height:20px;
padding:2px 0 0 25px;
}

.contenu-dev {

width: 700px;

float:left;

padding-right: 38px;

}
.contenu-dev img{

border:none;

}

.contenu-dev img.wp-smiley{
border:none;

}


.contenu {

width: 700px;

float:left;

padding-right: 38px;

}
.contenu  img{

border:solid 10px #38302B;

}

.contenu  img.wp-smiley{
border:none;

}

.post h2 a {

color: #71033a;

}

.postmetadata {

font-size:9px;

text-indent: 0px;

color: #38302b;

margin-bottom: 10px;

}

.catcom {

display:block;

border-top: 1px solid #c3c0bf;

border-bottom: 1px solid #c3c0bf;

padding: 10px 5px;

text-indent: 0px;

font-size:10px;

margin-top:10px;

margin-bottom: 30px;

}

blockquote {

margin: 20px 0;

padding: 0 10px 0 45px;

background: transparent url(images/bg_quote.gif) no-repeat top left;

font-style: italic;

}



.sidebar {

float:left;

width: 240px;
}

.sidebar h3 {

background:url(images/titresidebar.gif) no-repeat;

height:30px;

width: 230px;

line-height: 30px;

color: #fff;

padding-left: 10px;

font-size: 14px;

margin-bottom: 10px;

}

.sidebar-dev {

float:left;

width: 240px;

color: green;
}

.sidebar-dev h3 {

background:url(images/titresidebar_dev.gif) no-repeat;

height:30px;

width: 230px;

line-height: 30px;

color: #fff;

padding-left: 10px;

font-size: 14px;

margin-bottom: 10px;

}

.categ {

margin-left:10px;

margin-bottom: 20px;

}

.categ li {

list-style: inside disc;

line-height: 18px;

}

.children li {

list-style-position: outside;

list-style: inside disc;

}

.categ a {

color: #38302b;

}

.categ a:hover {

color: #71033a;

}



.arch {

margin-left: 10px;

margin-bottom: 20px;

}

.arch li {

line-height: 15px;

}

.arch a {

color: #38302b;

}

.arch a:hover {

color: #71033a;

}



#footerbar {

background:#38302b;

color:#fff;

border-bottom:#00CC33;

}

#titrefooter {

background:#38302b;

}

.btnclose {

font-size:16px;

line-height: 35px;

display:block;

width:980px;

height: 35px;

background: url(images/inout.gif) right no-repeat #38302b;

color:#fff;

}

.btnclose:hover {

background: url(images/inout.gif) right no-repeat #26211d;

}

.blogrolldeft {

float:left;

width:177px;

margin-right:67px;

margin-top:10px;

}

.blogrolldeft h3 {

color:#ff36a4;

font-size:14px;

display:block;

border-bottom: 1px solid #4c4541;

padding-bottom: 10px;

}

.blogrollacces {

width: 220px;

background:#d21774;

padding: 10px 10px 0 10px;

background: url(images/cornertopaccs.gif) no-repeat #d21774;



}

.blogrollacces  h3 {

font-size:14px;

display:block;

border-bottom: 1px solid #d72f82;

padding-bottom: 10px;

}

.blogrolldeft ul li {

color:#fff;

display:block;

border-bottom: 1px solid #4c4541;

}

.blogrolldeft ul li a {

padding: 5px 0;

display:block;

color: #fff;

}

.blogrolldeft ul li a:hover {

padding: 5px 0;

display:block;

color: #fff;

background:#302925;

}



.blockaccslink {

float:left;

}

.cornerbottom {

display:block;

width:240px;

height: 10px;

background: url(images/cornerbottomaccs.gif) no-repeat;

}

.blogrollacces ul li {

color:#fff;

display:block;

border-bottom: 1px solid #d72f82;

}

.blogrollacces ul li a {

padding: 5px 0;

display:block;

color: #fff;

}

.blogrollacces ul li a:hover {

padding: 5px 0;

display:block;

color: #fff;

background:#ba1467;

}





h3#comments  {

font-size:14px;

margin-bottom: 10px;

}

.commentlist li {

background:#f3f3f3;

padding: 10px;

margin-bottom: 10px;

}

#comment {

width:490px;

height: 8em;

}

.commentlist li .avatar {
float: right;
height:40px;
width:40px;
}

#submit {

color:#fff;

background-color:#38302b;

}

#respond {

font-size: 14px;

margin: 10px;

}

.contactform input {

color:#333333;

}

.vcard {
border-top: 1px dashed #ccc;
padding-top: 1em;
}


/********************* TWITTER *********************/

#twitter_update_list {
color:#333;
margin-left: 10px;
}

#twitter_update_list li {
line-height: 1.4em;
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
margin-bottom: 10px;
}

#twitter_update_list a {
color:#999;
}

#twitter_update_list li span a {
color:#D21774;
}

#twitter_update_list a:hover {
color: #71033a;
}

.twitter_more {
background:#fff url(http://www.neoma-interactive.com/img/icon-twitter.png) no-repeat left top;
display:block;
height:46px;
padding:2px 0 0 70px;
}





/*********************  FOOTER  *******************************/



#footer {

text-align: center;

color: #fff;

border-top: 3px solid #111;

background:#1f1e1d url(images/footer-neoma.jpg) no-repeat scroll center top;

padding: 10px 0;

font-size: 9px;

}



.fluxrss a {

margin: 0 auto;

height: 25px;

width: 60px;

padding-left: 20px;

display:block;

line-height:25px;

background: url(images/feed-icon.gif) no-repeat left ;

}

.fluxrss a:hover {

background: url(images/feed-icon.gif) no-repeat left #000;

}