@charset "utf-8";
/* CSS Document db12 */

/* Cette règle spécifie un style pour tous le boby, mais pas pour ce qui se trouve dans les tableaux! */

body {	margin : auto;	padding : 0;
	font-family :  Arial,Helvetica,Geneva,sans-serif; font-size : 1em;
	background: url("db_2012/fond_noir.png") repeat-x scroll center top #ECEBFA;	color : #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #808080; SCROLLBAR-SHADOW-COLOR: #666666; SCROLLBAR-3DLIGHT-COLOR: #c0c0c0; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #000000; scrollbar-face-color: #000000}

/* format blocs */

#header
{
    margin: 0 auto;
    width: 1000px; 
    margin-top: 19px;
}

.titre
{ 
    
    border-top: 1px inset #FFFFFF;
    box-shadow: 0 8px 10px #666666;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 20px;
    padding-bottom: 7px;
    padding-top: 8px;
    text-align: center;
}

h1
	{margin: auto;
	marging-bottom: 0;
	padding: 0;
	background-image: url("db_2012/bandeau3.png");
	background-repeat: no-repeat;
	width: 100%;
	height: 151px}

h3
  	{text-align: center;
	color: #000;
	margin: 0;
	padding:5px;
	padding-bottom:0;}
	
h4
  	{text-align: center;
	font-size: 12px;
	color: #000;
	margin:0;
	padding:10px;}
	
.archives
{text-align: right;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	margin:0;
	padding:10px;
	border-bottom: 1px solid #2B5479}




	
div, p
  	{margin:0;
	padding:0;}
	
a:link, a:visited
	{color: #3C3C3C;
	font-weight:bold;
     text-decoration: none;}
a:hover, a:active 
	{color: #212319;
	font-weight:bold;
     text-decoration: underline;}	



	
/* caractères */
.casse10 {font-size: 10px; margin: top;padding: 0;}
.petit {font-size: 0.8em;}
.imageflottante{float: right;}

/* fonds */

#central
	{width: 1000px;
	background : #FFF;
	margin: auto;
	margin-bottom: 0px;
	padding: 0;
	box-shadow: 2px 0 12px #999999;}
#actu
	{float: left;
	width: 600px;
	margin: 0;
	padding: 0;
	border-right:3px solid #ddd;}
	
.ongletbleu
	{
	width: 250px;
	height: 25px;
	margin: 0 0 0 -15px;
	padding: 0;
	background-color:#2B5479;
	font-size:1.25em;
	font-weight:bold;
	color: #ECEBFA;
	}
.bordonglet	
	{
	float: left;
	width: 10px;
	height: 35px;
	margin: 0 0 0 -25px;
	padding: 0;
	background:url(db_2012/onglet_bleu_bord.png) no-repeat;
	}
		
.fond_fou_droit
{float: right;
	width: 200px;
	background-image: url(db_2012/fond3.gif);
	margin-top: -25px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left:20px;
	box-shadow: 5px 5px 5px #999999;}	

.fond_fou_gauche
{float: left;
	width: 200px;
	background-image: url(db_2012/fond3.gif);
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0;
	box-shadow: 5px 5px 5px #999999;}	
.fou1
	{background-image:url(db_2012/fous_04.jpg);
	background-repeat:no-repeat;
	margin-top: 0;
	color: #030;
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 50px 3px 10px 10px;
	line-height: 22px;}
.fou2
	{background-image:url(db_2012/fous_01.jpg);
	background-repeat:no-repeat;
	margin-top: 0;
	color: #030;
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 50px 3px 10px 10px;
	line-height: 22px;}
.fou3
	{background-image:url(db_2012/fous_02.jpg);
	background-repeat:no-repeat;
	margin-top: 0;
	color: #030;
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 50px 3px 10px 10px;
	line-height: 22px;}
.questions
	{width: 400px;
	margin-left:600px;
	padding:0;}

#fiches
	{width: 400px;
	margin-left:600px;
	padding:0;}


#pied
	{clear: both;
	width: 1000px;
	height: 36px;	
	background-image:  url(db_2012/pied.jpg);
	background-position: top;
	background-color:#000;
	color: #000;
	font:16px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 0;
	padding-top :5px;
        box-shadow: 2px 0 12px #999999;
        font-size: 0.8em;
        font-weight: normal;
        }
	
#pied p
	{
            float: left;
            width: 20%;
            padding-top: 10px;
            text-align: center;
        }
        
.xiti
        {
            margin-top: 2px;
            text-align: center;
        }


.blanc_600
	{width: 570px;
	padding-top: 0px;
	margin: 15px;}
.blanc_400
	{width: 370px;
	background:#FFF;
	padding-top: 0px;
	margin: 15px;}
.blanc_810
	{width: 810px;
	background-image: url(db_2012/fond.gif);
	padding-top:0;
	margin: 15px;}
.blanc_l000
	{width: 970px;
	background-image: url(db_2012/fond.gif);
	padding: 0;
	margin: 0;}
	
.fond_titre_bleu
	{width: 590px;
	height: 30px;
	margin:auto;
	margin-top:0;
	margin-bottom:0;
        padding: 10px 0 0 10px;
	font-variant:small-caps;
	color: #212319;
	font-size:18px;
	letter-spacing: 5px;
	background-image: url(db_2012/bleu_degrade.png);
	/*border-bottom-style:inset;*/
	/*border-bottom-width: 3px;*/
	/*border-right-style:inset;*/
	/*border-right-width: 3px;*/}
	
.fond_titre_bleu_p
	{width: 390px;
	height: 30px;
	font-variant:small-caps;
	color: #212319;
	font-size:18px;
	letter-spacing: 3px;
        padding: 10px 0 0 10px;
	background-image: url(db_2012/bleu_degrade.png);
	background-position: right	;
	background-position: top;
	/*border-bottom-style:inset;
	border-bottom-width: 3px;*/}	
.fond_titre_bleu_g
	{width: 990px;
	margin:auto;margin-top:0;
	margin-bottom:0;
        padding: 10px 0 0 10px;
	font-variant:small-caps;
	color: #212319;
	font-size:18px;
	letter-spacing: 5px;
	height:30px;
	background-image: url(db_2012/bleu_degrade.png);}
.fond_titre_bronze
	{width: 400px;
	height: 30px;
	background: url("db_2012/fond_titre_bronze.png");
	padding-bottom: 0;}	
.fond_titre_rouille
	{width: 400px;
	height: 30px;
	background: url("db_2012/fond_titre_rouille.png");
	padding-bottom: 0;}	
.fond_titre_vert
	{C
	height: 30px;
	background: url("db_2012/fond_titre_vert.png");
	padding-bottom: 0;}	
	
.social
{
	height: 30px;
    left: 75%;
    position: absolute;
    top: 20px;
    width: 232px;
}
.facebook
{
	 background: url("db_2012/facebook.jpg") no-repeat scroll left top transparent;
    color: #FFFFFF;
    float: left;
    font-size: 0.8em;
    height: 30px;
    margin: 0;
    padding: 3px;
    text-indent: 26px;
	}	

.twitter
{
   background: url("db_2012/twitter.jpg") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font-size: 0.8em;
    height: 27px;
    margin: 0 90px;
    padding: 3px;
    text-indent: 30px;
	}	


.social a:link, .social a:visited
	{color: #fff;
	font-weight:normal;
     text-decoration: none;}
.social a:hover, .social a:active 
	{color: #fff;
	font-weight:bold;
     text-decoration: underline;}	
	 
#liens
	{clear: both;
	width: 1000px;
	margin-top: 0;
	margin-bottom: 0;
	padding:0;
	border-top: 3px solid #ddd;
	background-color: #F0C;}
	
#cadreLiensGlobal
	{background-color: #CCC;
		height: 520px;
	 margin:auto;
	 margin-top: 0;
	 margin-bottom: 0;
	 padding: 0;
	 color: #000;}
#cadreLiensGauche
	{float: left;
	width: 500px;
	margin:0;
	padding:0;}
.cadreLiens1
	{width: 250;
	 float:left;
	 margin: 0;
	 padding: 0px;
	 color: #000;}
.cadreLiens2
	{width:250;
	 margin-left: 250px;
	 margin-top:0;
	 margin-bottom: 0;
	 padding: 0;
	 color: #000;}
#cadreLiensDroit
	{width: 500px;
	margin-left:500px;
	margin-top:0;
	margin-bottom: 0;
	padding: 0;}
.cadreLiens3
	{width: 250px;
	 float:left;
	 margin: 0;
	 padding: 0;
	 color: #000;}
.cadreLiens4
	{width: 250px;
	 margin-left: 250px;
	 margin-top:0;
	 margin-bottom: 0;
	 padding: 0px;
	 color: #000;}
	
	.rando01
	{float: left;
	background-image: url(images/Randos_mini.jpg) );
	background-repeat:no-repeat;
	margin: 30px;
	padding: 0;
	border-bottom: solid 4px #999;
	border-right: solid 4px #CCC;}
	
/* Listes */

.listeActu
	{margin: 0;
	 padding: 10px 0px 10px 10px;
	 color: #000;
	 border-bottom:0px solid #666;}
	 

.listeActu li
	{margin: 0;
	 padding: 10px 0;
	 line-height: 20px;
	 list-style: none;
	 border-bottom: 1px dotted #999999;
	 font-size: 0.9em;	
	  }
 
.listeActu .sousActu
	{list-style-type: none;
	 font-size: 0.9em;
	 margin: 0;
	 padding: 0;}
.listeActu .sousActu li
	{margin: 0;
     padding-left: 10px;
	 padding-bottom: 0;
	 line-height: 16px;
	 border: none;}

.listeDoc
	{margin: 0px;
	 padding: 10px 12px 5px 20px;
	 color: #000;
	 border-bottom: 0px solid #666;}
	 	 
.listeDoc li
	{font-size: 0.85em;
	 margin: 0;
	 padding: 10px;
	 list-style: none;
	 border-bottom: 1px dotted #999999;
	 line-height: 18px;}
	 
							 .listeDoc .sousActu
							{list-style-type: none;font-size: 11px;margin: 0;padding: 0;}
							.listeDoc .sousActu li
							{margin: 0;padding-left: 10px;line-height: 12px;}

.listeQuestions
	{margin: 0;
	 padding-left: 5px;
	 padding-right: 5px;padding-bottom: 20px;
	 color: #000;}
.listeQuestions li
	{margin: 0 0 15px;
	 padding: 5px;
	 line-height: 20px;
	 border: 1px solid #999999;
	 list-style: none;}

.listeQuestions .sousQuestions
	{list-style-type: none;
	 font-size: 0.8em;
	 margin: 0;
	 padding: 0;}
.listeQuestions .sousQuestions li
	{margin: 0;
     padding-left: 10px;
	 line-height: 16px;
	 border: none;}

.listeFiches 
	{margin: 0;
	 padding-left: 5px;
	 padding-right: 5px;padding-bottom: 20px;
	 color: #000;}

.listeFiches li
	{
	 margin: 0 0 15px;
	 padding: 5px;
	 line-height: 20px;
	 list-style: none;}

.listeFiches .sousFiches
	{list-style-type: none;
	 font-size: 0.8em;
	 margin: 0;
	 padding: 0;}
.listeFiches .sousFiches li
	{margin: 0;
     padding-left: 10px;
	 line-height: 16px;}

.listeBest
	{margin: 0;
	 padding: 0 5px 5px 5px;
	 color: #000;}	
	  
.listeBest li
	{
	 background: url(db_2012/fleche_bleue_2.png) no-repeat;
	 margin: 0 0 20px;
	 padding: 0px;
	 padding-left: 33px;
	 line-height: 18px;
	 list-style: none;}
	 
.listeBest .sousBest
	{list-style-type: none;
	 font-size: 0.8em;
	 margin: 0;
	 padding: 10px;}	 
.listeBest .sousBest li
	{margin: 0;
     padding-left: 0px;
	 line-height: 16px;
	 background: none;
	 }
	 	 
.listeLiens
	{margin: 0;
	width: 240px;
	 padding-left: 20px;
	 padding-right: 5px;
	 padding-bottom: 20px;
	 color: #000;
	 list-style-position: outside;}
.listeLiens li
	{font-size: 10px;
	 margin: 0;
	 padding: 4px;
	 line-height: 12px;}

.Nouveautes
	{list-style-type: none;
	 font-size: 0.9em;
	 margin: 0;
	 margin-bottom: 10px;
	 padding: 15px 5px 0px 25px;
	 color: #000;
	 border-bottom: 1px solid #666;}
.Nouveautes li
	{margin: 0;
	 padding: 0px 0px 10px 0px;
	 line-height: 20px;}
	 
.listeRando
	{margin: 20px;
	 margin-left: 150px;
	 padding: 20px;
	 list-style-image: url(db_2012/puce01.gif) ;
	 color: #000;
	 list-style-position: outside;}
	 
.listeRando li
	{font-size: 16px;
	 line-height: 16px;}
 
.listeRando .sousRando
	{margin: 10px;
	 padding: 10px;
	 list-style-image: none;
	list-style-type: none;}
.listeRando .sousRando li
	{margin: 0;
	font-size: 12px;
	color: #333;
	 line-height: 18px;	 }

/* Best of */

#entete_bestof

	{width: 1000px;
	margin: auto;
	margin-bottom: 0;
	padding: 0;
	height: 40px;
	position: relative;

}

	
.listeBestof
	{
	 margin: 0px;
	 padding-left: 15px;
	 padding-right: 5px;
	 padding-bottom: 20px;
	 color: #000;
	 list-style-position: inside;}
.listeBestof li
	{font-size: 1em;
	 margin: 0;
	 padding: 8px;
	 line-height: 20px;
	 text-align: justify;
	 list-style-image: url(images/carre_bleu.jpg);
	 }


	
/* Archives */
	
#archives_legislation
	{float: left;}
#archives_doctrine
	{display: block;
		width: 600px;
	margin-top: 0;
	margin-left: 400px;
	padding:0;}
	
/*CSS media queries */
	
@media all and (max-width: 800px)
{
    body 
    {     
        background: url("db_2012/fond_noir.png") repeat-x scroll left top #ECEBFA;    
    }

    #header, #actu, .questions, #fiches, #pied, #liens, #cadreLiensGauche, .cadreLiens1, .cadreLiens2, #cadreLiensDroit, .cadreLiens3,   .cadreLiens4 
    {
        width: auto;
        margin-left: 0px;
        float: none;
                
    }
    
    #header
    {
        margin-top: 0;        
    }
    
    #cadreLiensGlobal
    {
        height: 100%;        
    }
    #central
    {
        width: auto;
        margin-left: 10px;
		
    }
    
   h1
    {
        background: url("db_2012/bandeau3.png") no-repeat top left;
    }
	
    .titre
    {
        color: #ECEBFA;
        font-size: 14px;
        background-color: #190C54;
    }
    
    .social
    {
    height: 30px;
    left: 200px;
	display: none;
    }
    
    .facebook, .twitter
    {
		margin: 0;
                float: none;
    }
    
    .blanc_600, .blanc_400, .blanc_l000, .fond_titre_bleu, .fond_titre_bleu_p, .fond_titre_bleu_g
    {
        width: auto;
        letter-spacing: 0px;
    }
    
    .fond_fou_droit, .fond_fou_gauche
    {
        float: none;
		background: url(db_2012/fond3.gif) repeat-y;
		width: 98%;
		margin-top: 15px;
    }
    
    
    
    
    .fou1, .fou2, .fou3
    {
        background-image: none;
        padding: 10px 3px 10px 10px;
    }
}
	
	
/*CSS DU FORMULAIRE NE PAS TOUCHER */

.error {
	color: #F00;
}
.send_message {
	text-align: center;
	color: #0F0;
	text-transform: uppercase;
	font-size: 18px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

/*FIN DU CSS FORMULAIRE */