/* Top Elements */
* { margin: 0; padding: 0; border: 0 }

body {
	background: #CCC;
	background: #fff url(../images/1.gif) repeat;
		font: normal 11px 'Trebuchet MS', Tahoma, Sans-serif; 
		color:#666666;
	text-align: center;
	margin: 0 0 0 0;
}
#news {
background: #D5E4F3 url(../images/tabbas.jpg) no-repeat left top;
height:34px;
}
#flash {
  position:absolute;
    left: 600px; 
    top: 50px;
	width: 212px;
	height: 212px;
		z-index: 1;
}
/* links */
a, a:visited {	
	color: #5A93C9;
	background: inherit;
	text-decoration: none;
}
a:hover {
	color: #88ac0b;
	background: inherit;
	text-decoration: underline;
}
#rss {
height : 100px;
width: 205px;
background:#cae1f7;
margin-top:0px;
margin-bottom:0px;
padding:3px;
overflow:scroll;
}

/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: Bold; 
	
}
h1 {
	font-size: 160%;	
	font-weight: normal;
	
}
h2 {
	font-size: 100%;
	text-transform: uppercase;
	color: #88ac0b;
	border-bottom:1px solid #88ac0b;
}
h4 {
	font-size: 130%;
	text-transform: uppercase;
	color: #88ac0b;
	border-bottom:1px solid #88ac0b;
}

h3 {
	font-size: 130%;	
}

h1, h2, h3, p {
	padding: 0;		
	margin: 0;
}
ul, ol {
	margin: 0 5px;
	padding: 0 5px;
	font-size: 95%;
}


acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 25px;  
   background: url(../images/post.jpg);
	border: 1px solid #E0DBC9;
	font: bold 1.3em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #A89A6A;
}


/* start - table */
table {
	margin: 0 0 0 0;	
}
form {
	margin:0 0 0 0; padding: 0 0 0 0;
}
label {
	font-weight:normal;
	margin:0px 0;
}
input, textarea {
	font: normal 10px 'Trebuchet MS', Tahoma, Sans-serif; 
	border: 1px solid #CCC;
	background-color: #EFEFEF;
	color:#444;
	padding:2px;
}
input:hover, textarea:hover { border: 1px solid #999999; background: #DDF4FF; }
select {
	font: normal 11px 'Trebuchet MS', Tahoma, Sans-serif;
		background-color: #EFEFEF; 
}
select:focus { border: 1px solid #999999; background: #DDF4FF; }

input.button { 
	font: bold 10px 'Trebuchet MS', Tahoma, Sans-serif; 
	height: 20px;
	margin: 0;
	padding: 2px 2px; 
	color: #FFF;
	border: none;
}


/* search form */
#recherche{
	z-index:14;
	position:absolute;
margin-top:5px;
margin-right:0;
margin-left:650px;
	padding: 0 0 0 0; 
	height: 30px;
	width: 230px;
		text-align: left;
}




/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	width: 1015px;
	height:auto;
	background: #a8c9ea url(../images/fond2017.jpg) no-repeat left top;
	margin: 30px auto;
	text-align: left;
	border: 1px solid #63a0d9;
			font: normal 11px 'Trebuchet MS', Tahoma, Sans-serif; 
}
#wrap3 {
	position: relative;
	width: 1015px;
	height:auto;
	background: #FFFFFF url(../images/fondbis.jpg) no-repeat left top;
	margin: 30px auto;
	text-align: left;
	border: 1px solid #63a0d9;
			font: normal 11px 'Trebuchet MS', Tahoma, Sans-serif; 
}
#wrap2 {
	position: relative;
	width: 1015px;
	margin: 0 auto;
	text-align: left;
			font: normal 11px 'Trebuchet MS', Tahoma, Sans-serif;
}
#droite {
display: inline;
float:right;
width : 211px;
font: normal 11px 'Trebuchet MS', Tahoma, Sans-serif; 
	}
#header {
	padding-top: 50px;
	padding-bottom: 20px;
	background: url(http://www.doubs.fr/annuaireweb/images/top.gif);
	background-position: top;
	background-repeat: no-repeat;
	text-align: center;
}


#logo {
	z-index:12;
	position: absolute;
margin-top:5px;
margin-left:0px;
	height: 77px;
	width: 167px;
}
#logo img{

margin: 0 0 0 1px;
padding: 0 0 0 0;
	border: 0px solid #63a0d9;
}

#titre {
	z-index:13;
margin-bottom:0px;
margin-left:30px;
	width: 500px;
font: bold 16px/2.8em "Helvetica", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
color: #005397 ;
}
/* --------------------- 
Paneau latéral (#sidebar)  
--------------------- */
#sidebar {
float:left;
	width:800px;
	padding : 0 0;
	margin-top: 0px;
	}
#sidebar div {
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	}

/* Main Column */
#main {
position:relative;
float:right;
	width: 605px;
		font: normal 11px 'Trebuchet MS', Tahoma, Sans-serif; 
	padding: 5px 5px 5px 5px; margin: 0 0 0 0;
	background: url(../images/bord2.jpg) no-repeat center bottom;
}
#main h1 {
	margin-top: 10px;
	font: normal 1.6em "Trebuchet MS", Tahoma, Sans-serif;
	color: #8C9F0D; 
	padding: 5px 0 5px 5px; 		
}
#main p{
color : #418AD3;
}
#main2 {
position:relative;
float:right;
	width: 605px;
		font: normal 11px 'Trebuchet MS', Tahoma, Sans-serif; 
	padding: 5px 5px 5px 5px; margin: 0 0 0 0;
	background: url(../images/bord2.jpg) no-repeat center bottom;
}
#main2 img{
border : 0px solid #63a0d9;
}
#main2 h1 {
	margin-top: 10px;
	font: normal 1.6em "Trebuchet MS", Tahoma, Sans-serif;
	color: #8C9F0D; 
	padding: 5px 0 5px 5px; 		
}
#main2 p{
color : #000000;
}
td {
		font: normal 11px 'Trebuchet MS', Tahoma, Sans-serif;
    color: #000000;
}
#main ul li {
	list-style-image: url(images/bullet.gif);
}

/* footer */
#footer-wrap {
	clear: both;
	width: 1015px;
	font-size: 100%;	
	text-align: left;
	background: #63a0d9;	
	color:#FFFFFF;
}
#footer-wrap a {
	text-decoration: none;
	color: #005395;
	font-weight: bold;
}
#footer a:hover{
	color: #c3ddf0;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	}
#footer-wrap p.left{
	text-align: left;
	}
#footer-wrap p.right{
	text-align: right;
	margin: -36px 0 0 0;
	}

/* bottom */
#footer-bottom {
	clear: both;
	color: #FFFFFF;	
	margin: 0 auto; 
	width: 1015px;
	padding: 10px 0;
	text-align: center;
	background: #679cd1;
}
fieldset { border: 1px solid #999; padding: 10px 8px; margin: 0 0 8px 0; background: #dadada; color: #000; }
input { padding: 2px; }
textarea { width: 97%; height: 20em; padding: 3px; }
.date { border-top: 1px solid #eee; margin: 0 0 20px 0; }
/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu{
	color:black;
	font-size:10px;
	font-weight:bold;
	border:0px solid #EFB;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;

    margin:1em;
	
}
.ssmenu {
	background-color:#005496;
	color:white;
	font-size:11px;
	font-weight:normal;
	border:1px solid #EFB;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:left;
}


.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	font-family:"Trebuchet MS", Tahoma, Sans-serif;
	text-decoration:none;
	color:white;
	padding:2px 1px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
}
.menu a, .menu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	text-decoration:none;
	color:black;
    font-size:11pt;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:100%;
	    
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:#79C2FF;
	color:black;
	text-decoration:none;

}
p {
padding:10px;
}
#region5 table{
			margin:105px 0 0 0;
				z-index:2;
}
#main img {

	border: 2px solid #D5E4F3;
	margin: 2px 2px 2px 2px;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}