/* @override http://www.dreamphotos-studio.com/wp-content/themes/magali/style.css */

/*
   Theme Name: Dream Photos Studio
   Theme URI: http://www.dreamphotos-studio.com/
   Description: Theme cree par benoit thibaudeau pour www.dreamphotos-studio.com
   Version: 0.1
   Author: Benoit Thibaudeau
    
   Creation Theme by Benoit Thibaudeau || http://www.benoitthibaudeau.com

*/


/*****************************************************************************
  **                    Structure generale de la page                      **
******************************************************************************/

   /* Donnees concernant tous les parametres generaux de toutes les pages */

   /* Mise en commentaire de l'apparition des scrollbar pour la page */
   html { 
         /* Force Vertical Scrollbar */
            /* IE 
            overflow-y: scroll; */
            /* Moz 
            height: 100%; */

         /* Force Horizontal Scrollbar */
            /* IE 
            overflow-x: scroll; */
            /* Moz 
            width: 100%; */

         }

   /* Suppression des marges de la page */
   * {
         padding: 0;
         margin: 0;
     }

   /* Suppression des bordures bleu autour des images */
   img { border: 0; }

   /* Pour l'aspect general ... fond noir, font 11px de couleur blanche */
   body {
         background: #000000 url('images/header_01.jpg') repeat-x;
         font: 11px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
         color:#FFFFFF;
      }

   /* delimite la page sur 1200px*768px */
   #page {
         margin: 0 auto;
         padding: 0px 0px 0px 0px;
         position: relative;
         width: 1200px;
         height:768px
      }

   * html #page { width: 970px } /* IE hack */


/*****************************************************************************
  **                                 Header                                **
******************************************************************************/
   /* Delimite le header sur 115px de haut.*/
      #header {
               position: relative;
               height: 115px;
               width: 1200px;
               border-top:    0px solid #e2de19;
               border-right:  0px solid #e2de19;
               border-left:   0px solid #e2de19;
               border-bottom: 0px solid #e2de19;
         }

   /* 
      Permet d'afficher le logo du site en haut à gauche
      Sous forme de lien.
   */
      /* Par defaut */
      #header h1 a{
               background: url('images/logo-header-01.png') no-repeat;
               height: 130px;
               width:  100px;
               float:left;
               padding-top:16px;
               padding-left:10px;
         }
      
      /* 
         Quand la souris passe sur le logo 
         Je le garde car en chageant l'image ici cela permet
         le cas echeant de modifier l'aspectdu logo quand la 
         souris passe dessus
      */
      #header h1 a:hover{
               background: url('images/logo-header-02.png') no-repeat;
               height: 130px;
               width:  100px;
               float:left;
               padding-top:16px;
               padding-left:10px;
         }


      #divxiti {
               position:relative;
               float:right;
               height:15px;
               width:80px;
               padding-top:5px;
               margin-right:10px;
               text-align:center;
               background:transparent;
      }

/*****************************************************************************
  **                            Corps de la page                           **
******************************************************************************/

   /* 
      Delimite le corps de la page sur 1200*600px avec un filet bleu (#e2de19) 
      au dessus et en dessous

      Le fond est gris (#1f1f1f)
   */
      #content {
                  position: relative;
                  height: 550px;
                  width: 1200px;
                  background:#000000;
                  font: 11px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                  color:#7f7156;
               }

            #content p{
                        padding-bottom:5px;
                        padding-top:5px;
                        padding-left:20px;
                        padding-right:10px;
                        font: 12px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                        color:#cccccc;
                      }

            #content h1 { 
                           font: 18px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                           font-weight: bold;
                           padding-bottom:5px;
                           padding-top:10px;
                           padding-left:10px;
                           padding-right:10px;
                           color:#e04a16;
                        }

            #content h2 { 
                           font: 15px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                           font-weight: bold;
                           color:#8ec775;
                           padding-bottom:5px;
                           padding-top:8px;
                           padding-left:10px;
                           padding-right:10px;
                        }

            #content h2 a { color: #8ec775; }
            #content h2 a:hover { color: #8ec775; text-decoration: underline overline; }

            #content h3 { 
                           font: 11px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                           color:#7f7156;
                           padding-bottom:2px;
                           padding-top:10px;
                           padding-left:10px;
                           padding-right:10px;
                        }

            #content ul, #content ol { 
                           padding-top:5px;
                           padding-left:30px; 
                           padding-bottom:5px;
                        }

            #content ul li, #content ol li { 
                           padding-top:5px;
                           padding-left:0px; 
                           padding-bottom:5px;
                        }

            #content a { color:#7f7156; text-decoration:none; }

            #content a:hover{ 
                              color:#FFFFFF; 
                              text-decoration:underline overline; 
                            }


   /* 
      Encadre le contenu du corp de la page ce qui permet d'ajouter une parge autout du corps  
      On peut mettre cette marge d'une couleur differente et parametrer facilement les marges.
   */
      #contenu {
                  height:  550px;
                  width:  1200px;
                  padding-bottom:0px;
                  padding-top:   0px;
                  padding-left:  0px;
                  padding-right: 0px;
               }


      #coordonnees {
                     position:relative;
                     float:right;
                     width:150px;
                     height:20px;
                     padding-top:10px;
                     padding-left:10px;
                     padding-right:10px;
                     margin-right:0px;
                     background:transparent;
                     font: 14px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                     color:#8ec775;
                     text-decoration: blink; 
                   }

      #Facebookhaut {
                     position:relative;
                     float:right;
                     width:35px;
                     height:35px;
                     padding-top:15px;
                     padding-left:0px;
                     padding-right:15px;
                     margin-right:0px;
                     background:transparent;
                     color:#8ec775;
                   }


      .Facebookbas {
                     position:relative;
                     float:right;
                     width:35px;
                     height:35px;
                     padding-top:15px;
                     padding-left:0px;
                     padding-right:15px;
                     margin-right:0px;
                     background:transparent;
                     color:#8ec775;
                   }


         /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
                Partie droite du portfolio laissant apparaitre les images
            =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

            #PortfolioDroite
            {
               margin-left: 160px;
               margin-right: 10px;
               margin-top:    -50px;
               margin-bottom: 5px;
               overflow-y: auto;
               white-space: nowrap;
               height: 593px;
               background-color: #000000;
            }

            #PortfolioDroiteIE6
            {
               margin-left:  160px;
               margin-right: 10px;
               margin-top:    5px;
               margin-bottom: -50px;
               overflow-y: auto;
               white-space: nowrap;
               height: 593px;
               background-color: #000000;
               position:absolute;
            }

/*****************************************************************************
  **                Centre de la page DivAll                               **
******************************************************************************/


         #DivAll {
                  height:550px;
                  width:1000px;
                  float:left;
                  margin-left: 160px;
                  margin-top:-70px;
                  overflow-y: auto;
                  background:transparent;
                 }

         #lienspartenaires{
                  height:550px;
                  width:1200px;
                  float:left;
                  margin-left: 70px;
                  margin-top:-70px;
                  overflow-y: auto;
                  background:transparent;
                 }


         #DivTxt {
                  height:520px;
                  width:1000px;
                  margin-top:     0px;
                  margin-bottom:  0px;
                  position: relative;                     
                  padding-left:10px;
                  color:#cccccc;
                  font: 12px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                  margin-top: 0px;
                 }

         #DivTxt strong { color: #ffffff; }

         #DivTxt ul { padding-left: 20px;}
         #DivTxt li { padding-top:   3px;}


         #DivTxt h2 {
                     font: 15px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                     font-weight: bold;
                     color: #8ec775;
                     padding-top:10px;
                     padding-bottom:10px;
                     padding-left:0px;
                     padding-right:10px;
                     border-bottom: 0px solid #000000;
                    }

         #DivTxt h2 a { 
                     font: 15px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                     font-weight: bold;
                     color: #8ec775;
                     padding-top:10px;
                     padding-bottom:5px;
                     padding-left:10px;
                     padding-right:10px;
                     border-bottom: 0px solid #000000;
                   }
         #DivTxt h2 a:hover { 
                     font: 15px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                     font-weight: bold;
                     color: #8ec775;
                     padding-top:10px;
                     padding-bottom:5px;
                     padding-left:10px;
                     padding-right:10px;
                     border-bottom: 0px solid #000000;
                   }

         #DivTxt h3 {
                     font: 12px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                     font-weight: bold;
                     color:#7f7156;
                     padding-top:10px;
                     padding-bottom:2px;
                     padding-left:10px;
                     padding-right:10px;
                     border-bottom: 0px solid #000000;
                    }

         #DivTxt h3 a { 
                     font: 12px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                     font-weight: bold;
                     color:#7f7156;
                     padding-top:10px;
                     padding-bottom:2px;
                     padding-left:10px;
                     padding-right:10px;
                     border-bottom: 0px solid #000000;
                   }
         #DivTxt h3 a:hover { 
                     font: 12px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                     font-weight: bold;
                     color:#ffffff;
                     padding-top:10px;
                     padding-bottom:2px;
                     padding-left:10px;
                     padding-right:10px;
                     border-bottom: 0px solid #000000;
                   }

         #DivTxt a { color:#e0de00; } 
         #DivTxt a:hover { color:#e0de00; text-decoration:overline underline; }


         #DivTxt p { color:#b2b2b2; }



p.Formules{
   font: 12px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
	color:#B3B3B3;
}

.Formules {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: dotted #587A48 1px;
   font: 12px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
	color:#B3B3B3;
}

         /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
                                Contenu de la page espace client.
            =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

        #DivGaucheEC {
                     height:      500px;
                     width:       300px;
                     margin-left: 270px;
                     margin-top:  -30px;
                     float:left; 
                     overflow-y: auto;
                     background:transparent;
                   }


         #DivDoiteEC {
                     height:      500px;
                     width:       400px;
                     margin-left: 100px;
                     margin-right: 10px;
                     margin-top:  -30px;
                     margin-bottom: 0px;
                     position: relative;
                     background: #000000;
                     float:left; 
                   }

        #DivDoiteEC h1 { color:#7f7156; font:18px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;}
        #DivDoiteEC h2 { color:#8ec775; font:15px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;}

        #DivGaucheECIE6 {
                     height:      500px;
                     width:       300px;
                     margin-left: 270px;
                     margin-right:  0px;
                     margin-top:    0px;
                     margin-bottom: 0px;
                     position: absolute;
                     float:left; 
                   }


         #DivDoiteECIE6 {
                     height:      500px;
                     width:       400px;
                     margin-left: 600px;
                     margin-right: 10px;
                     margin-top:    0px;
                     margin-bottom: 0px;
                     position: absolute;
                     background: #151515;
                   }




/******************************************************************************
  **  Menu de gauche des pages 
*******************************************************************************/
   
         #Menugauche {
                        background: url('images/menu_gauche.png');
                        width:150px;
                        height:550px;
                        padding-right:0px;
                        border-top:    1px solid #2b2b2b;
                        border-bottom: 1px solid #2b2b2b;
                        border-left:   1px solid #2b2b2b;
                        border-right:  1px solid #2b2b2b;
                        float:left;
                        color:#e04a16;
                     }

         #Menugauche h2 { 
                           font: 15px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                           font-weight: bold;
                           color:#8ec775;
                           padding-top:5px;
                           padding-bottom:10px;
                           padding-left:10px;
                           padding-right:10px;
                           border-bottom: 1px solid #000000;
                        }

         #Menugauche ul, #Menugauche ol {padding-left:20px;}
         #Menugauche ul li a{ color:#e04a16; }


         #Menugauche ul li ul li, #Menugauche li ul li a{ color:#7f7156; }
         #Menugauche ul li ul li a:hover{ color:#ffffff; text-decoration:none; }

         #Menugauche ul li ul li.current_page_item a { color:#ffffff;}
         #Menugauche ul li ul li { list-style: url('images/puce.png');  text-decoration:none;}

         #Partiedroite { 	
                           height:650px;
                           width:1020px;
                           margin-left: 160px;
                           margin-right:  0px;
                           margin-top:    5px;
                           margin-bottom: 5px;
                          	overflow-y: auto;
                           position:absolute;
                           margin-top:-75px;
                        }           

         #Partiedroite h1, #Partiedroite h1 a {
                                                font: 18px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                                                font-weight: bold;
                                                padding-bottom:5px;
                                                padding-top:10px;
                                                padding-left:10px;
                                                padding-right:10px;
                                                color:#e04a16;
                                              }

         #Partiedroite h2, #Partiedroite h2 a {
                                                font: 15px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                                                font-weight: bold;
                                                color:#8ec775;
                                                padding-bottom:5px;
                                                padding-top:8px;
                                                padding-left:10px;
                                                padding-right:10px;
                                              }

         #Partiedroite h3, #Partiedroite h3 a {
                                                font: 11px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                                                color:#7f7156;
                                                padding-bottom:2px;
                                                padding-top:10px;
                                                padding-left:10px;
                                                padding-right:10px;
                                                text-decoration:underline;
                                              }

         #Partiedroite h4, #Partiedroite h4 a {color:#ffffff; padding-top:20px; }

         #Partiedroite h5, #Partiedroite h5 a { font: 12px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                                                color:#bc5f37; padding-top:20px; 
                                                text-decoration:none;
                                              }

         #Partiedroite p { font: 12px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif; color:#B3B3B3; }
         #Partiedroite li { font: 12px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif; color:#B3B3B3; }
         #Partiedroite strong { color:#ffffff; }

         #Partiedroite a { color:#e0de00; }
         #Partiedroite a:hover { color:#e0de00; text-decoration:overline underline; }

         #CentreTxt {
                     height:590px;
                     width:970px;
                     margin-left: 12px;
                     margin-right: 0px;
                     margin-top: 0px;
                     margin-bottom: 0px;
                    }



























         #PartiedroiteBlog { 	
                           height:650px;
                           width:1020px;
                           margin-left: 160px;
                           margin-right:  0px;
                           margin-top:-70px;
                           margin-bottom: 5px;
                           margin-top:-75px;
                        }           

         #PartiedroiteBlog h1, #PartiedroiteBlog h1 a {
                                                font: 18px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                                                font-weight: bold;
                                                padding-bottom:5px;
                                                padding-top:10px;
                                                padding-left:10px;
                                                padding-right:10px;
                                                color:#e04a16;
                                              }

         #PartiedroiteBlog h2, #PartiedroiteBlog h2 a {
                                                font: 15px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                                                font-weight: bold;
                                                color:#8ec775;
                                                padding-bottom:5px;
                                                padding-top:8px;
                                                padding-left:10px;
                                                padding-right:10px;
                                              }

         #PartiedroiteBlog h3, #PartiedroiteBlog h3 a {
                                                font: 11px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                                                color:#7f7156;
                                                padding-bottom:2px;
                                                padding-top:10px;
                                                padding-left:10px;
                                                padding-right:10px;
                                                text-decoration:underline;
                                              }

         #PartiedroiteBlog h4, #PartiedroiteBlog h4 a {color:#ffffff; padding-top:20px; }

         #PartiedroiteBlog h5, #PartiedroiteBlog h5 a { font: 12px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                                                color:#bc5f37; padding-top:20px; 
                                                text-decoration:none;
                                              }

         #PartiedroiteBlog p { font: 12px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif; color:#B3B3B3; }
         #PartiedroiteBlog li { font: 12px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif; color:#B3B3B3; }
         #PartiedroiteBlog strong { color:#ffffff; }

         #PartiedroiteBlog a { color:#e0de00; }
         #PartiedroiteBlog a:hover { color:#e0de00; text-decoration:overline underline; }

         #CentreTxtBlog {
                     height:590px;
                     width:970px;
                     margin-left: 12px;
                     margin-right: 0px;
                     margin-top: 0px;
                     margin-bottom: 0px;
                    }
/*****************************************************************************
  **                           footer de la page                           **
******************************************************************************/
   /* Delimite le pied de page sur 53px de haut */
      #footer {
         position: relative;
         height: 53px;
         width: 1200px;
         color:#FFFFFF;
         border-top: 0px solid #e2de19;
         border-right: 0px solid #e2de19;
         border-left: 0px solid #e2de19;
         border-bottom: 0px solid #e2de19;
         }	



/*****************************************************************************
  **                        Barre de Menu du header                        **
******************************************************************************/
#navbar { margin: 0px 25px 0px 0px; }

#navbar {
	height: 39px;
	background: url(images/fond_menu.png) 0 0 repeat-x;
   margin-left:110px;
}

#navbar a {
	white-space: nowrap;
	font-family: Century Gothic, Helvetica, sans-serif;
	display: block;
	float: left;
	height: 39px;
	line-height: 42px;
	padding: 0 15px 0 15px;
	font-weight: normal;
	font-size: 110%;
	color: #ccc;
   text-decoration:none;
}

#navbar ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
}

#navbar ul.nav { padding-left: 15px; }

#navbar li {
	display: block;
	float: left;
	padding: 0px 10px 0px 5px;
	margin: -3px;

}


#navbar li:hover a,
#navbar li.sfHover a,
#navbar li:hover a:hover,
#navbar li.sfHover a:hover {
	color: #fff;
}

#navbar ul ul {
	background: #151515;
	border-left: 1px solid #333333;
	border-right: 1px solid #000;
}

#navbar li li {
	background: none;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #000;
}

#navbar li li a:hover {
	background: none;
}


#navbar li.current_page_item a {
	background: url(images/menu-active-l.png) 0 0 repeat-x;
	color: #fff;
  	border-right:  1px solid #2b2b2b;
  	border-left:   1px solid #2b2b2b;
  	border-top:    1px solid #2b2b2b;
  	border-bottom: 1px solid #2b2b2b;
	margin: -5px;
}

#navbar li.current_page_item a:hover {
	background: url(images/menu-active-l.png) 0 0 repeat-x;
  	border-right:  1px solid #2b2b2b;
  	border-left:   1px solid #2b2b2b;
  	border-top:    1px solid #2b2b2b;
  	border-bottom: 1px solid #2b2b2b;
	margin: -5px;
	color: #fff;
}

#navbar li a:hover {
	display: block;
	background: url(images/menu-active-r.png) 50% 0% no-repeat;
	margin: 0 auto;
	bottom: 5px;
}

#navbar span.topdaddy,
#navbar span.top {
	display: block;
	float: left;
	position: relative;
	text-align: center;
}

#navbar li li span.top {
	display: inline;
	float: none;
	position: static;
	text-align: left;
}

#navbar span.topdaddy span {
	text-align: left;
}

#navbar li.current_page_item a{
	line-height: 33px;
}

#navbar li li.current_page_item,
#navbar li.current_page_item li a,
#navbar li.current_page_item li a:hover {
	background: none;
}

#navbar li li a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
}

#navbar a:hover {
	text-decoration: none;
}



#navbar li.current_page_ancestor a { 	
                                    background: url(images/menu-active-l.png) 0 0 repeat-x;
                                    color: #fff;
                                    border-right:  1px solid #2b2b2b;
                                    border-left:   1px solid #2b2b2b;
                                    border-top:    1px solid #2b2b2b;
                                    border-bottom: 1px solid #2b2b2b;
                                    margin: -5px;
                                 }
#navbar li.current_page_parent a { 	
                                    background: url(images/menu-active-l.png) 0 0 repeat-x;
                                    color: #fff;
                                    border-right:  1px solid #2b2b2b;
                                    border-left:   1px solid #2b2b2b;
                                    border-top:    1px solid #2b2b2b;
                                    border-bottom: 1px solid #2b2b2b;
                                    margin: -5px;
                                 }





/*****************************************************************************
  **                          Sous Menu du header                          **
******************************************************************************/

#divMenuOldIE{
	float: left;
	height: 30px;
	position:absolute;
	top:50px;
   left:-13px;
}

#divMenuOldIE6{
	background: transparent url(images/navbar.png);
	width: 700px;
	height: 32px;
	font-size: 9px;
	font-family: Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
	color: #e2de19;
	font-weight: bold;
	margin: 0px 0px auto 100px;
	padding: 0px;
}

/* menu gene */
#menuIE6
{
	margin: 0px;
   margin-top: 20px;
   margin-left:50px;
	padding: 0px;
}

/* menu rubriques niveau I */
#menuIE6 ul
{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menuIE6 ul li
{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menuIE6 ul li a, .menu ul li a:visited
{
	color: #7f7156;
	display: block;
	font-weight: normal;
   margin: 0px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	text-transform: uppercase;
  	border-right: 1px solid #000000;
}

#menuIE6 ul li:hover a, #menuIE6 ul li a:hover
{
	color: #ffffff;
}

#menuIE6 li.current_page_item  a { color:#e2de19; }
#menuIE6 li.current_page_ancestor   a { color:#e2de19; }
#menuIE6 li.current_page_parent a { color:#e2de19; }

#divMenu
{
	float: left;
	width: 1000px;
	height: 30px;
	position:absolute;
	top:-13px;
}

/* menu gene */
#menu
{
	width: 1065px;
	height: 30px;
	position: relative;
	margin-left: 110px;
	z-index: 100;
	color: #ccc;
	padding: 2px 0px;
   margin-top: 0px;
   padding-top:10px;
	background: url(images/fond_menu2.png) 0 0 repeat-x;
}

#menu a {
	white-space: nowrap;
	font-family: Century Gothic, Helvetica, sans-serif;
	display: block;
	float: left;
	height: 39px;
	line-height: 42px;
	padding: 0 15px 0 15px;
	font-weight: normal;
	font-size: 110%;
	color: #ccc;
   text-decoration:none;
}
/* menu rubriques niveau I */
#menu li:hover a,
#menu li.sfHover a,
#menu li:hover a:hover,
#menu li.sfHover a:hover {
	color: #fff;
}

#menu ul
{
	list-style: none;
	border-left: 150px solid;
}

#menu ul ul {
	background: #151515;
	border-left: 1px solid #333333;
	border-right: 1px solid #000;
}

#menu li li {
	background: none;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #000;
}

#menu li li a:hover {
	background: none;
}

#menu li.current_page_item a {
	background: url(images/menu-active-l2.png) 0 0 repeat-x;
	color: #ffffff;
  	border-right:  1px solid #2b2b2b;
  	border-left:   1px solid #2b2b2b;
  	border-top:    1px solid #2b2b2b;
  	border-bottom: 1px solid #2b2b2b;
	margin: -13px;
   margin-left: 20px;
}

#menu li.current_page_item a:hover {
	background: url(images/menu-active-l2.png) 0 0 repeat-x;
	color: #fff;
  	border-right:  1px solid #2b2b2b;
  	border-left:   1px solid #2b2b2b;
  	border-top:    1px solid #2b2b2b;
  	border-bottom: 1px solid #2b2b2b;
	margin: -13px;
   margin-left: 20px;
}

#menu li a {
	display: block;
	margin: 0 auto;
	bottom: 5px;
	margin: -13px;
   color:#ffffff;
   padding-right: 10px;
   padding-left: 10px;
   margin-left: 20px;
}

#menu li a:hover {
	display: block;
	background: url(images/menu-active-r.png) 50% 0% no-repeat;
	margin: 0 auto;
	bottom: 5px;
	margin: -13px;
   color:#ffffff;
   margin-left: 20px;
}
/* ************************************  Rubriques actives  ************************************/

#menu ul li ul.current_page_item, .menu ul li ul.current_page_item li
{
	visibility: visible;
	float: left;
   color: #e2de19;
}

#menu ul li:hover ul.current_page_item li a, .menu ul li a:hover ul.current_page_item li a, .menu ul li ul.current_page_item li a
{
	display: inline;
	padding: 5px 10px 5px 10px;
	color: #FFFFFF;
	background-color: Transparent;
}

#menu li.current_page_item  a { color:#e2de19; }
#menu li.current_page_ancestor a { 	
                                    background: url(images/menu-active-l.png) 0 0 repeat-x;
                                    color: #fff;
                                    border-right:  1px solid #2b2b2b;
                                    border-left:   1px solid #2b2b2b;
                                    border-top:    1px solid #2b2b2b;
                                    border-bottom: 1px solid #2b2b2b;
                                    margin: -5px;
                                 }
#menu li.current_page_parent a { 	
                                    background: url(images/menu-active-l.png) 0 0 repeat-x;
                                    color: #fff;
                                    border-right:  1px solid #2b2b2b;
                                    border-left:   1px solid #2b2b2b;
                                    border-top:    1px solid #2b2b2b;
                                    border-bottom: 1px solid #2b2b2b;
                                    margin: -5px;
                                 }





























/*****************************************************************************
  **                        Barre de Menu du footer                        **
******************************************************************************/

#navfoot { margin: 0px 25px 0px 0px; }

#navfoot {
	height: 39px;
	background: url(images/fond_menu.png) 0 0 repeat-x;
   margin-left:110px;
}

#navfoot a {
	white-space: nowrap;
   font-size: 9px; 
   font-family: Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif; 
   color: #7f7156;
	display: block;
	float: left;
	height: 39px;
	line-height: 42px;
	padding: 0 15px 0 15px;
	font-weight: normal;
	font-size: 110%;
   text-decoration:none;
}

#navfoot ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
}

#navfoot ul.nav { padding-left: 15px; }

#navfoot li {
	display: block;
	float: left;
	padding: 0px 5px 0px 5px;
	margin: -3px;

}


#navfoot li:hover a,
#navfoot li.sfHover a,
#navfoot li:hover a:hover,
#navfoot li.sfHover a:hover {
	color: #fff;
}

#navfoot ul ul {
	background: #151515;
	border-left: 1px solid #333333;
	border-right: 1px solid #000;
}

#navfoot li li {
	background: none;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #000;
}

#navfoot li li a:hover {
	background: none;
}


#navfoot li.current_page_item a {
	background: url(images/menu-active-l.png) 0 0 repeat-x;
	color: #fff;
  	border-right:  2px solid #2b2b2b;
  	border-left:   2px solid #2b2b2b;
  	border-top:    2px solid #2b2b2b;
  	border-bottom: 2px solid #2b2b2b;
	margin: -5px;
}

#navfoot li.current_page_item a:hover {
	background: url(images/menu-active-l.png) 0 0 repeat-x;
  	border-right:  2px solid #2b2b2b;
  	border-left:   2px solid #2b2b2b;
  	border-top:    2px solid #2b2b2b;
  	border-bottom: 2px solid #2b2b2b;
	margin: -5px;
	color: #fff;
}

#navfoot li a:hover {
	display: block;
	background: url(images/menu-active-r.png) 50% 0% no-repeat;
	margin: 0 auto;
	bottom: 5px;
}

#navfoot span.topdaddy,
#navfoot span.top {
	display: block;
	float: left;
	position: relative;
	text-align: center;
}

#navfoot li li span.top {
	display: inline;
	float: none;
	position: static;
	text-align: left;
}

#navfoot span.topdaddy span {
	text-align: left;
}

#navfoot li.current_page_item a{
	line-height: 33px;
}

#navfoot li li.current_page_item,
#navfoot li.current_page_item li a,
#navfoot li.current_page_item li a:hover {
	background: none;
}

#navfoot li li a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
}

#navfoot a:hover {
	text-decoration: none;
}



#navfoot li.current_page_ancestor a { 	
	background: url(images/menu-active-l.png) 0 0 repeat-x;
	color: #fff;
  	border-right:  2px solid #2b2b2b;
  	border-left:   2px solid #2b2b2b;
  	border-top:    2px solid #2b2b2b;
  	border-bottom: 2px solid #2b2b2b;
	margin: -5px;
}

#navfoot li.current_page_parent a { 	
	background: url(images/menu-active-l.png) 0 0 repeat-x;
  	border-right:  2px solid #2b2b2b;
  	border-left:   2px solid #2b2b2b;
  	border-top:    2px solid #2b2b2b;
  	border-bottom: 2px solid #2b2b2b;
	margin: -5px;
	color: #fff;
}



/*****************************************************************************
  **            definition commune et standard à Wordpress                 **
******************************************************************************/


.user { width:650px; float:left;}

.center { text-align: center; }
.alignright { float: right; }
.alignleft { float: left }


img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright, img[align="right"] {
	padding-left: 4px;
   padding-top: 14px;
   padding-bottom: 4px;
   margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding-right: 4px;
   padding-top: 14px;
   padding-bottom: 4px;
	margin: 0 17px 2px 0;
	display: inline;
   }

img.noborder { border: none !important; }


/* ———— legendes ————*/
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}











/******************************************************************************
   ***                          Fiche partenaires                         ***
 *****************************************************************************/

#lienspartenaires {
                     height: 600px;
                     width:  800px;
                     padding: 0px 0px 0px 200px;
                  }
#lienspartenaires h2 {
                        padding: 20px 0px 0px 0px;
                        color: #8ec775;
                        font: 15px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
                     }
#lienspartenaires ul {}

#lienspartenaires li {
	display: inline;
	float: none;
	position: static;
	text-align: left;
}

#lienspartenaires img{
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
   float:left;
	}


.blogroll { padding: 0px 0px 0px 10px; }

.blogroll a { 
               color: #ffffff; 
               text-decoration: none;
            }








/******************************************************************************
   ***                          Fiche Blogs                               ***
 *****************************************************************************/

/*- Primary Contents */


.hentry {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
	}

.post { padding: 12px 0px 12px 12px;
		width: 925px;
        border-bottom: dotted #587A48 1px; 
      }

.entry-head {
	margin: 0px 0 0px 40px;
	padding: 0 0 0 0;
	}

.PostDate { 
	position: absolute; 
	top: 0px; 
	left: 0; 

	text-align: center; 
	margin: 8px 5px 0 0; 
	padding: 0px 4px 2px 0px; 
	list-style: none; 
	border-right: solid 2px #ccff00;
	height: 39px;
	}
	
.PostDate .month {
	font-family: Century Gothic, Lucida Grande, Tahoma, Sans Serif;
	display: block; 
	font-size: 1.1em; 
	line-height: 12px; 
	color: #006699; 
	text-transform: uppercase;
	padding-left: 1px;
	}
	
.PostDate .day {
	display: block; 
	font-size: 26px; 
	font-family: Century Gothic, Lucida Grande, Tahoma, Sans-Serif;
	font-weight: normal; 
	line-height: 19px; 
	color: #003366; 
	letter-spacing: -1px;
	padding-top: 3px;
	}


#primary {
	width: 925px;
	float: left;
	padding: 20px 0 10px;
	margin: 0 15px 0 0px;
	display: inline;
	}

.secondary {
	line-height: 1.5em;
	margin: -6px 12px 0px 0px;
	width: 395px;
	color: #666;
	position: relative;
	list-style-type: none;
	}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 1.4em !important;
	font-weight: normal !important;
	padding: 12px 0 3px 0;
	display: block;
	text-align: left;
	border-bottom: 1px dotted #999;
	}

.secondary div {
	margin: 0 0 0;
	padding: 0;
	position: relative;
	}

#primary h3, #primary h4, .single #primary .k2-asides h3 { 
   /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 1.75em;
	font-family: Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	letter-spacing: -1px;
	}

#primary .entry-content h3 {
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 25px;
	}


#primary .entry-content h4 {
	font-family: helvetica, arial, sans-serif;
	background-color: gray;
	font-size: 1.1em;
	padding: 2px 10px;
	margin-top: 25px;
	color: #fcfefa;
}

#primary .k2-asides h3 {
	font-size: 1.6em;
	font-weight: normal;
	}

#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #999;
	font-weight: normal;
	}

.secondary .k2-asides {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.secondary .k2-asides p { display: inline; }
.secondary .k2-asides .metalink { padding-left: 0px; }
.secondary span a { margin-left: 10px; }

.secondary a:hover {
	text-decoration: none;
	border-bottom: dotted 1px;
}

.secondary a img {
	text-decoration: none;
	border-bottom: none;
}

.secondary div p { margin-top: 0.5em; }
.secondary ul, .secondary ol, .secondary div div {
	margin: 5px 0 0;
	padding-left: 0;
	}

.secondary ol { margin-left: 15px; }
.secondary ul li, .secondary ol li {
	margin: 0;
	padding: 1px 0;
	}

.secondary ul li {
	list-style-type: none;
	list-style-image: none;
	}


#primary .hentry .entry-head .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

#primary .k2-asides .entry-head .metalink { font-size: 1.4em; }

.single #primary .k2-asides .entry-content {
	font-size: 1.5em;
	color: #999;
	}

#primary a:hover, #primary a:visited:hover, {
	text-decoration: none;
	}

#primary .entry-content img { max-width: 100%; }
#primary .entry-content a.abonne img { border: none; }

#primaryPhoto {
	line-height: 1.5em;
	margin: -6px 12px 0px 0px;
	width: 970px;
	color: #666;
	position: relative;
	list-style-type: none;
	}

.entry a { 
	color:#003366;
   text-decoration:underline overline;
   outline:none;
	}

.entry p {width: 950px;}

.comments {
	text-align: left;
	padding: 30px 0 0;
	position: relative;
	width: 950px;
	}






.right{float:left; width:96px; height:23px; background:url(images/page_precedente.png) top left no-repeat;}
.left{float:right; width:96px; height:23px; background:url(images/page_suivante.png) top left no-repeat;}
.clear{clear:both;}

.tabright {loat:right;}
.tableft {float:left;}