/***********************************************************
***** Feuille de style du site Dir INFO institutionnel *****
***** Valid CSS - Création Dir INFO 2005 dirinfo.com *******
***********************************************************/

/*#corps{
	position:relative;
	top:10px;
	width:800px;
	background-color: #fff;
}*/

body {
	margin: 0px;
	text-align:center;
}

#global{
	margin : 10px auto;
	width : 800px;
	text-align:center;
	background-color: #fff;
	padding: 0 0 10px 0;
}

#entete{
	width:auto;
	background-image: url(imagesdi/logo_dirinfo.gif);
	background-repeat: no-repeat;
	height: 40px;
}

#menu {
display: none;
}

#page{
	/*padding: 3px 2px 19px 20px;*/
	margin: 0px 0px 0px 0px;
	width: 700px;
	background-color: #fff;
	float: left;
}

.separation{
clear:both;
visibility:hidden;
}

#breve_acc{
display: none;
	width: 200px;
	float: right;
	margin-left: 40px;
	}
	
.breve_acc2
{
	width: 196px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #f93;
	border-right-color: #f93;
	border-left-color: #f93;
	background-color: #fff;
	margin: 0px;
	/* juste pour débuger fire fox*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
/********* général*****************	border-bottom: 1px dotted**/
a:link {text-decoration: none;color: #009966;}
a:visited {text-decoration: none;color: #009966;}
a:hover {text-decoration: underline overline;}
a:active {}

/****** menu ******
	}*/

#menu li{

	list-style-type: none;
	text-align: left;
	margin-bottom: 3px;
	text-indent: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	}
	
#menu a:link, #menu a:visited {
	background-color: #FFf;
	background-image: url(iconesdi/ombre_menu.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	/*text-align: left;*/
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	vertical-align: middle;
	text-decoration: none;
	display : block;
 	border-top: 2px solid #009966;
	background-color: #f93;
	height: 28px;
	width: 180px;	
	}
	
#menu a:hover,  #menu a.active:link,  #menu a.active:visited {
	background-color: #009966;
	color: #fff;
	border-top: 2px solid #f93;
}

/***formulaire menu***/
#formulaire  {
	padding: 0px;
	margin-top: 10px;
	font-size :10px;	
}


#formulaire input{
	font-size :10px;
	font-family: "Gill Sans MT", "Gill sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#formulaire p{
	padding: 0px;
	font-family: "Gill Sans MT", "Gill sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px 0px 8px 20px;
	text-indent: 0px;
	text-align: left;	
}

.instruction{
	color: #093;
	}

#page .instruction a, #page .instruction a:visited, #page .instruction a:link {

	font-weight: bold;
	font-size: 11px;
	color: #f93;	
}

/*#page .instruction a:hover{
text-decoration: underline overline;
}*/

:focus {
background-color: #DDFADC;

}

/*******entete******
h1#entete {
	text-align: left;
	padding-top: 100px;
font-family: "Gill Sans MT", "Gill sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #808;
}	*/
/****** page *****/	
	
#page{
	font-family: "Gill Sans MT", "Gill sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000;
	text-align: justify;
	line-height: 130%;
}
#page strong {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 105%;
	line-height: 98%;
}
#page h3{
	
	font-size: 110%;
	font-weight: bold;
}

#page h2{
	font-size: 120%;
	font-weight: bold;
	color: #009966;
	text-align: left;
	letter-spacing: 0.04em;
	word-spacing: 0;
	line-height: 1em;
	vertical-align: top;
	/*background-color: #CCFFFF;*/	
}

#page ul{
	text-indent: -50px;
	list-style-position: inside;
	margin-top: 0;
}

#page li{
	list-style-image: url(iconesdi/puce_or.gif);
}

/******* breve accueil ************/
/*lien titre*/
.breve{
	background-color: #009966;
	vertical-align: 50%;
	text-align: center;
	height: 22px;
	float: left;
	width: 100%;
	margin: 0px;
	padding-top: 6px;
}
/*corps de texte*/
#breve_acc p{
width: 176px;
margin: 10px;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}

h1#entete   {font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
 }
 
a.breve:link, a.breve:visited{color: #ffffff;}
a.breve:hover {color: #fff; text-decoration: underline overline;}


h2#accueil_bas {
	text-align: center;
	}

body.co_pme{
	position: relative;
}
/*img{	
border: 0;
}*/

.photo, .photod{
border: 2px solid #096;
}
.photo{
text-align:center;
}
.photod{
float: right;
margin: -10px 0px 10px 10px;
}
/*** les logos de la table réference**/
table.logo  tr td {
	text-align: center;
	padding: 10px;
}

/* logo GDC */
.logo_divers{
float: right;
margin: 0px 0px 0px 10px;
}

body.co_con #page{
	text-align: center;
}

acronym, abbr{
	cursor : help;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	
}