/*
Theme Name: DDA Style
Theme URI: http://www.droitsdesanimaux.net
Description: Thème créé par Droits des Animaux
Version: 0.1
Author: Droits des Animaux
Creation Theme by Droits des Animaux || http://www.droitsdesanimaux.net
*/

body
{
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: black;
}
#bloc_page
{
	width: 900px;
    margin: auto;
	padding-top: 0px;
}

/**********/
/* HEADER */
/**********/
header
{
 /*background: url('images/fond_bleu.jpg') repeat-x top;*/
 border: 1px solid #c0c0c0;
 text-align: center;
 position:relative;
 height: 170px;
 /*box-shadow: 0px 2px 2px #606060;*/
}
/* Bannière */
#banniere
{
 background-image: url(images/bannieredda.jpg);
 height: 170px;
 width: 898px;
}
/* Contenant du champ et du bouton de recherche et du menu principal */
.menu-top
{
 height: 21px;
 text-align: right;
 position:absolute;
 bottom:0;
 right:0;
}
/* Champ et bouton de recherche */
#recherche
{
 display: inline-block;
 float:left;
 margin:auto;
 padding:0;
 background-color: #f0f0f0;
 border-top: 1px solid #c0c0c0;
 border-left: 1px solid #c0c0c0;
}
.formulaire_recherche
{
 height: 20px;
}
.champ_recherche
{
 height: 12px;
 border: 1px solid #c0c0c0;
 background-color:white;
 margin-top: 2px;
 margin-left: 2px;
 margin-bottom: 0px;
 vertical-align: top;
 font-size: 10px;
}
.bouton_recherche
{
 height: 13px;
 width: 13px;
 display: inline-block;
 border: 0px solid #c0c0c0;
 margin-top: 2px;
 margin-right: 2px;
 margin-bottom: 0px;
 background-image:url(images/icone_loupe.png);
}

/* Espace entre la bannière et le corps de texte (pour déroulement du menu principal */
.sous-menu
{
 height: 23px;
 background-color: white;
}

/* Menu principal */
nav
{
 display: inline-block;
 text-align: right;
}
nav ul 
{
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
}
nav li
{
 float:left;
 margin:auto;
 padding:0;
 background-color: #f0f0f0;
 border-top: 1px solid #c0c0c0;
 border-left: 1px solid #c0c0c0;
}
nav li a 
{
 display:block;
 width:120px;
 height: 20px;
 font-size: 14px;
 font-weight: bold;
 color: black;
 text-decoration:none;
 padding:0px;
}
 nav li a:hover 
{
 background-color: gray;
 color: white;
}
nav ul li ul 
{
 display:none;
}
nav ul li:hover ul 
{
 display:block;
 border-right: 1px solid #c0c0c0;
 border-bottom: 1px solid #c0c0c0;
}
nav li:hover ul li 
{
 float:left;
 width:119px;
}
nav li ul 
{
 position:absolute;
}

/******************/
/* Corps de texte */
/******************/

.article, .aside
{
 display: inline-block;
 vertical-align: top;
 overflow: auto;
}
.article
{
 width: 625px;
 height: 620px;
 padding-right: 15px;
}
.article_large
{
 width: 888px;
 padding-right: 10px;
 height: 620px;
 /*min-height: 590px;
 max-height: 800px;*/
 overflow: auto;
}
.article div, .article_large div
{
 font-size: 14px;
 text-align: justify;
}
.article p, .article_large p
{
 font-size: 14px;
 text-align: justify;
}
.article a, .article_large a
{
 color: #404040;
 text-decoration: underline;
}
.article a:hover, .article_large a:hover
{
 color: #909090;
 text-decoration: none;
}
.article h1, .article_large h1
{
 font-size: 22px;
 text-align: center;
 margin: 0px;
 margin-bottom: 20px;
}
.article h1 a, .article_large h1 a
{
 text-decoration: none;
}
.article h2, .article_large h2
{
 font-size: 18px;
 text-align: center;
 margin: 0px;
 margin-bottom: 20px;
}
.article h2 a, .article_large h2 a
{
 text-decoration: none;
}
.article h3, .article_large h3
{
 font-size: 18px;
 text-align: left;
 margin: 0px;
 margin-bottom: 20px;
}
.article h3 a, .article_large h3 a
{
 text-decoration: none;
}
.article ul, .article_large ul
{
 font-size: 14px;
}
/*********************/
/* Bloc latéral gris */
/*********************/
.aside
{
 position: relative;
 width: 255px;
 /*box-shadow: 0px 2px 2px #606060;
 border-radius: 5px;*/
 padding: 0px;
}
.aside div
{
 font-size: 12px;
 text-align: justify;
}
.aside p
{
 font-size: 12px;
 text-align: justify;
}
.aside a
{
 color: #404040;
 text-decoration: underline;
}
.aside a:hover
{
 color: #909090;
 text-decoration: none;
}
.aside h3
{
 font-size: 14px;
 text-align: center;
 margin: 0px;
 margin-bottom: 20px;
}
.aside h3 a
{
 text-decoration: none;
}

.aside_bloc_1
{
 width: 233px;
 height: 55px;
 background-color: #f0f0f0;
 box-shadow: 0px 2px 2px #606060;
 border-radius: 5px;
 overflow: hidden;
 padding: 10px;
 margin-bottom: 5px;
}
.aside_bloc_2
{
 width: 233px;
 height: 520px;
 background-color: #f0f0f0;
 box-shadow: 0px 2px 2px #606060;
 border-radius: 5px;
 overflow: auto;
 padding: 10px;
 margin-bottom: 5px;
}
.aside_bloc_3
{
 width: 233px;
 height: 590px;
 background-color: #f0f0f0;
 box-shadow: 0px 2px 2px #606060;
 border-radius: 5px;
 overflow: auto;
 padding: 10px;
 margin-bottom: 5px;
}
/**********/
/* Footer */
/**********/

#footer
{
 font-size: 11px;
 border-top: 1px solid #c0c0c0;
 margin-top: 4px;
 text-align:center;
 background-color: #f0f0f0;
 box-shadow: 0px 2px 2px #606060;
}
#footer a
{
 text-decoration: none;
 font-size: 12px;
 font-weight: bold;
 color: black;
}
#footer a:hover
{
 color: #606060;
}

/*******************************************************************/
.old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
{
    display: inline;
    zoom: 1;
}