/*  
Theme Name: Xplosive Reloaded
Theme URI: http://www.blogohblog.com
Thème acheté sur http://dreamteamplate.com
Thème complètement modifé pour le site orage-culturel.com */

/**************** Body *********************/
*{margin:0;padding:0;}
body{background:#fff;color:#333;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;margin-bottom:20px; line-height:20px;}
#wrapper{background:#fff;margin:0 auto;width:780px;}
#header {margin:0;padding:0; width:770px;display:block;background:url(images/samsara.jpg) no-repeat center top;height:125px;}

#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;}

#eclair {width:600px;height:250px;margin-left:365px;}

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;}

.la_colonne_de_gauche {float:left;width:200px;}

.le_contenu_du_milieu {float:left;width:380px;padding: 0 5px 0 5px;font:1em Verdana, Helvetica, sans-serif;color:#333333;}

.la_colonne_de_droite {float:left;width:150px;text-align:right;}

/**************** Entry *********************/
.entry{ float:left;margin-bottom:10px;width:900px;}
.entry div ul li{list-style:none;}
.entry h2{padding-bottom:6px;}
.entry p{padding:0 0 10px 0;}
.post{padding:5px;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:#fb4d18; 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;}

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

.une_mise_en_page_2 {list-style:none;}
.une_mise_en_page_2 li {display:block; margin:0 0 5px 0;padding:2px 0 2px 20px; background:url(images/liste.png) 5px 50% no-repeat; 
text-decoration:none;font-family:verdana,sans-serif;font-size:1em;color:#366edd;font-weight:bold;}

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



.phrase_du_jour {font-family:verdana,sans-serif;font-size:1.4em;color:#6a0000;font-style:italic;letter-spacing:0.3em;line-height:1em;text-align:justify;}


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

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

.texte_sousligne {text-decoration:underline;}
.orage_01 {text-align:justify;font:1.2em arial, Helvetica, sans-serif;}
.en_orange {color:#366edd;}

.en_orange_sousligne_gras {color:#366edd;text-decoration:underline;font-weight:bold;}
.sousligne_gras {text-decoration:underline;font-weight:bold;}

.expression_orange  {color:#366edd;text-decoration:none;font-weight:bold;font-size:1.5em;letter-spacing:0.15em;line-height:1.1em;}
.expression_orange:first-letter  {color:#333333;text-decoration:none;font-weight:bold;font-size:2.5em;}

.billet_d_humeur  {color:#333333;text-decoration:none;font-weight:bold;font-size:1em;letter-spacing:0.15em;line-height:1.1em;}
.billet_d_humeur:first-letter  {color:#366edd;text-decoration:none;font-weight:bold;font-size:1.4em;}


.en_plus_petit {color:#333333;text-decoration:none;font-weight:bold;font-size:0.6em;} 

.en_plus_petit_2 {color:#333333;text-decoration:none;font-weight:bold;font-size:1em;} 

.affiche_le_titre {text-align:center;text-decoration:underline;font-family:verdana,sans-serif;font-size:1.4em;color:#f90400;padding-top:10px;font-weight:normal;}

/********************* 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;
} 


#contenant_pied_de_page {background:#fff;margin-top:-20px;height:30px;}

/**************** Footer *********************/
#footer{margin:0 auto;width:900px;color:#000000; background:/*#333333*/ url(images/samsara2.jpg) no-repeat center top;padding-top:10px;height:40px;}
/*#footer a:link, #footer a:visited{color: #000000;}*/

.une_mise_en_page a {text-decoration:none;color:#6a0000;font-weight:normal;}
.une_mise_en_page a:link  {text-decoration:none;color:#6a0000;font-weight:normal;}
.une_mise_en_page a:visited  {text-decoration:none;color:#6a0000;font-weight:normal;}
.une_mise_en_page a:active{text-decoration:none;color:#6a0000;font-weight:normal;}
.une_mise_en_page a:hover {text-decoration:underline;color:#6a0000;font-weight:normal;}


.un_peu_de_discretion {color:#aa7e53;}


.footer3 {padding:10px 0 0 0;text-align:center;}


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