/*  
Theme Name: Xplosive Reloaded
Theme URI: http://www.blogohblog.com
Description: A Web 2.0 Wordpress Theme - Widget Enabled, 3 Columns, Blue/Orange/Green/Blue
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/**************** Body *********************/
*{margin:0;padding:0;}
body{background: #d0b175 url(images/alarriere.png) top center no-repeat;color:#333;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;margin-bottom:20px; line-height:20px;}
#wrapper{background:#FFFFFF;margin:20px auto;padding:10px;  width:900px;}
#header {margin:0;padding:0; width:900px;display:block;background:url(images/entete.jpg) repeat-x;height:160px;}
#logo h1{font:300% "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif; letter-spacing:-3px; font-weight:normal; padding-top:100px;padding-left:20px;}
#logo h1 a {color:#fff;}
#logo h1 a:hover{color: #F3F3F3; text-decoration:none;}
h2 a:link,h2 a:visited{ font-size:22px; color: #666666; text-decoration:none; font-weight: lighter;}
h2 a:hover{color: #000000;}

input, textarea {border: 1px solid #3e0000;}

/**************** Entry *********************/
.entry{ float:left;margin-bottom:10px;width:900px;}
.entry div ul li{list-style:none;}
.entry h2{padding:0 0 0 5px;background:#812623 url(images/notes.png) center right no-repeat;color:#fff;}
.entry p{padding:0 0 10px 0;}
.post{padding:20px;text-align:justify; margin-bottom:20px; background:url(images/postee.gif) repeat-x top;}
.excerpt{padding:10px;margin-bottom:10px; background:url(images/stripe.png); height:120px; border:1px solid #CCCCCC; font-size:80%;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
/*.entry ul li:before{ content: "\00BB \0020"; }*/
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.line{width:500px;float:left;margin:0 0 10px;padding:0 0 5px 2px; border-bottom:#e2e2e0 1px solid;}
.left {float:left; width:220px; padding-right:10px;padding-left:20px; color: #333; font:11px;}
.left a:link, .left a:visited {font:14px Arial, Helvetica, sans-serif; color:#333333;}
.left a:hover {background-color:#333333; color:#FFFFFF;}
.right {float:left;padding-right:20px;width:220px; color:#333; font:11px;}
.right a:link, .right a:visited {font:14px Arial, Helvetica, sans-serif;color:#333333;}
.right a:hover {background-color:#333333; color:#FFFFFF;}

/**************** Links *********************/
a:link, a:visited{color: #000000;text-decoration:none;}
a:hover{color:#000000;text-decoration:underline;}

/**************** CSS Style Switches *********************/

#switches li{display:inline;list-style-type:none;}
#rss {padding:5px;background-color:#333333;}

/**************** Navigation *********************/
#navigation{height:40px;background:#333333 url(images/notes2.png) 740px 0 no-repeat;}
#menu{background-color:#333333;padding:10px; }
#menu li{display:inline;list-style:none;background-color:#333333;}*/
.page_item a:link, .page_item a:visited{color: #FFFFFF; padding:10px;}
.page_item a:hover { background-color: #666666; text-decoration:none;}
.current_page_item a:link, .current_page_item a:visited{background-color: #666666;color:#ffffff;text-decoration:none;padding:10px;}
.current_page_item a:hover { background-color: #444444; text-decoration:none;}


.Menu { padding:0 0 0 -50px;margin:5px 0 0 0; height:45px; width:900px; float:left;}

/* Pour le menu déroulant ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#fff; font-weight:bold;} 
#dropmenu a {display:block; padding:0.25em 1em; color:#fff; border-right:1px solid #c8c8c8; text-decoration:none; background:#333333;} 
#dropmenu a:hover {background:#396383; color:#fff;} 
#dropmenu li {float:left; position:relative;} 
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;} 
#dropmenu ul a {border-left:1px solid #c8c8c8;} 
#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;} 
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;} 
#dropmenu ul ul {top:auto;} 
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;} 
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} 






/**************** Sidebars *********************/
#topbar {background:#FFFFFF url(images/sidee.gif) top repeat-x; float:right; width:358px;}

#sidebar1{ width:160px; float:left; border-right:1px solid #CCCCCC; padding-right:10px;}
#sidebar1 h2{font-weight:bold; color:#990000; font-size:14px;}
#sidebar1 ul{list-style-type:none; font-size:12px;}
#sidebar1 ul li{margin-left:10px; margin-top:5px;}
#sidebar1 ul li ul{font-style:normal;margin-top:2px;}
#sidebar1 ul li ul li{border:0;border-bottom:1px solid #ccc;list-style:none;padding:5px; padding-left:0; margin-left:0;}
#sidebar1 p{padding:0 5px;}

#sidebar2{ width:160px; float:left;}
#sidebar2 h2{font-weight:bold; color:#990000;font-size:14px;}
#sidebar2 ul{list-style-type:none;font-size:12px;}
#sidebar2 ul li{list-style-type:none;margin-left:10px; margin-top:5px;}
#sidebar2 ul li ul{font-style:normal;list-style-type:none;}
#sidebar2 ul li ul li{border:0;border-bottom:1px solid #ccc;list-style:none;padding:5px; padding-left:0; margin-left:0;}
#sidebar2 p{padding:0 5px;}

/**************** Search *********************/
#topsearch{ background-color: #333333; padding:10px; background:url(images/search.jpg);}
#topsearch input[type="text"]{ border:1px solid  #FFFFFF; width:16em; color: #333333;font:1em Trebuchet MS, Arial, sans-serif;padding:2px;}
h2.search {font-weight:lighter;}

/**************** Comments *********************/
#comments {font-weight:lighter; padding-top:10px; border-top:1px solid #CCCCCC; margin-top:10px;}
.commentlist{padding:20px;}
#author, #email, #url {color:#666;width:40%;border:1px solid #999999;margin-bottom:0.6em;background:#fcfcfc;margin-top:1px;padding:3px;}
#submit{font:bold 1em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:70%;border:1px solid #999999;}
.smallies a:link, .smallies a:visited{font-size:11px;}
.smallies a:hover {background-color:#333333; color:#FFFFFF; text-decoration:none; padding:0 3px 0 3px;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;padding-right:30px;}
.alignleft{float:left; padding-left:40px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Kwicks *********************/
#kwicks_container ul li {list-style-type:none;}
#kwicks {position: relative;}
#kwicks .kwick {float: left;display: block;width: 84px;height: 20px; padding-right:1px; border-bottom:2px solid #000000;}
#kwick_red {background:url(images/red.gif) repeat-x;}
#kwick_orange {background:url(images/orange.gif) repeat-x;}
#kwick_blue {background:url(images/blue.gif) repeat-x;}
#kwick_green {background:url(images/green.gif) repeat-x; border-right:2px solid #000000;}


.titre_page_accueil{margin: 10px 0 10px 0;padding:5px 0 5px 15px; background:url(images/notes.png) center right no-repeat;
width:885px;background-color:#333333;color:white;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.un_article_a_gauche {float:left;width:370px;color:#000;}
.un_article_a_gauche  img{border: 3px dashed #6a0000;margin-top:5px;}

.un_article_a_droite {float:left;width:520px;color:#000;padding: 0 0 0 10px;}

.du_texte {text-align:justify;}
.du_texte_2 {text-align:justify;text-decoration:underline;font-weight:bold;}

.une_mise_en_page {list-style:none;}
.une_mise_en_page li {display:block; margin:0 0 5px 0;padding:2px 0 2px 25px; background:url(images/liste4.png) 5px 50% no-repeat; 
text-decoration:none;font-family:verdana,sans-serif;font-size:1em;color:#6a0000;}


.un_article_a_gauche_2 {float:left;width:220px;color:#000;}
.un_article_a_gauche_2  img{border: 1px dashed #6a0000;margin-top:5px;}

.un_article_a_droite_2 {float:left;width:620px;color:#000;padding: 0 0 0 10px;}

.un_simple_lien a {text-decoration:none;color:#10619f;font-weight:bold;}
.un_simple_lien a:link  {text-decoration:none;color:#10619f;font-weight:bold;}
.un_simple_lien a:visited  {text-decoration:none;color:#10619f;font-weight:bold;}
.un_simple_lien a:active{text-decoration:none;color:#10619f;font-weight:bold;}
.un_simple_lien a:hover {text-decoration:underline;color:#10619f;font-weight:bold;}


.mise_en_page_2 {list-style:none;}
.mise_en_page_2 li {display:block;padding:2px 0 2px 25px; background:url(images/liste4.png) 1px 50% no-repeat; 
text-decoration:underline;font-weight:bold;font-family:verdana,sans-serif;font-size:1em;color:#6a0000;/*border:1px dashed #1375c1;*/}

.mise_en_page_4 {list-style:none;}
.mise_en_page_4 li {display:block;padding:2px 0 2px 25px; background:url(images/liste4.png) 1px 8px no-repeat; 
text-decoration:none;font-weight:normal;font-family:verdana,sans-serif;font-size:1em;color:#6a0000;}



.mise_en_page_3 {list-style:none;}
.mise_en_page_3 li {display:block;padding:2px 0 2px 25px; background:url(images/liste6.png) 1px 50% no-repeat; 
text-decoration:none;font-weight:bold;font-family:verdana,sans-serif;font-size:0.8em;color:#ffffff;/*border:1px dashed #1375c1;*/}

.kit_titre {text-decoration:underline;font-family:verdana,sans-serif;font-size:1em;color:#333333;margin-top:10px;margin-bottom:10px;}
.kit_a_gauche {float:left;width:300px;}
.kit_a_gauche img{border:1px solid #333333;margin-bottom:5px;}
.kit_a_gauche_2 {float:left;width:300px;margin-top:20px;}
.kit_a_gauche_2 img{border:1px solid #333333;margin-bottom:5px;}
.kit_a_droite {float:left;width:540px;}
.kit_a_droite_2 {float:left;width:540px;margin-top:15px;}

.une_carte {border: 1px solid #812623;}

.texte_introductif {background:#333333;margin-top:5px;width:890px;padding:5px;font-weight:bold;font-family:verdana,sans-serif;font-size:1.2em;height:150px;}

.texte_introductif_2 {float:right;width:600px;}

.une_video {float:left; width:430px;}

.lecteur_musique {float:right;margin-top:-30px;margin-right:8px;}

/********************* ANIMATION PAGE ACCUEIL *********************************************/


#slider {
   width: 900px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#sliderContent {
   width: 900px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 1em Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 900px;
   background-color: #fff;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #000;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 



/**************** Footer *********************/
#footer{color:#ffffff; background:#333333 url(images/basdepage.jpg) no-repeat center top;padding:10px;height:305px;}
#footer a:link, #footer a:visited{color: #FFFFFF;}

.footer2 {padding:290px 0 0 110px;}