/* -----------------------------   base   -------------------- */


body{	
	background-image : url(img/fd-html.jpg) ;
	background-repeat : repeat-x;
	background-position: center 62px;
	
	
	text-align : center;
	margin : 0;
	padding : 0;
	font-family : Arial , Verdana , Sans-serif;
	font-size : 0.8em;
	text-align: center;
}

#page{
	background : #FFF url(img/fd.jpg) repeat-y center top;
	width : 982px;
	text-align : left;
	margin : 0 auto;
}


/* -----------------------------   styles communs   -------------------- */

.spacer {
	clear : both;
}

a {
	color : #2368a2;
}


.links{
}

h1, h2, h3, h4{
	font-family: "Trebuchet MS" , Arial , Verdana , Sans-serif;
}

/* alignement des images */
.right{
	float : right;
	margin-left: 20px;
}

.left{
	float : left;
	margin-right: 20px;
}




/* -----------------------------   header + logo   -------------------- */

#header {
	background-image : url(img/logo.jpg) ;
	background-repeat : no-repeat;
	background-position: 40px top;
	margin : 0;
	padding : 0;
	height : 62px;
	overflow : hidden;

}

#header h1{
	text-indent: -100em;
	overflow: hidden;
	height: 62px;
	padding: 0;
	margin: 0 0 0 40px;
	
	

}
#header h1 a{
	display: block;
	width: 70%;
	height: 100%;
	text-decoration: none;
	background : transparent url(img/logo.jpg) no-repeat ;

}

#header #logo{
	float: left;
	width : 300px;
}


/* -----------------------------   navigation du site   -------------------- */

#bloc_menu{
	background-color : #DDD;
	height : 62px;
	text-align : right;
	background : transparent url(img/fd-collab.jpg) no-repeat top right;
	width : 680px;
	float : right;
	margin : 0;
	padding : 0;

	
}


#bloc_menu #acces{
	font-size : 85%;
	padding : 2px 8px;
	margin : 0;

}
#bloc_menu #acces a{
	color : #747474;
	text-decoration : none;
	
}

#bloc_menu ul.menu{
	list-style-type : none;
	margin : 10px 0 0 10px;
	padding : 0;
	
}
#bloc_menu ul.menu li{
	margin : 0px 0px 0 2px;
	padding: 0;
	display : block;
	float : left;
}

#bloc_menu ul.menu .active{
	background-color : #DDD;
	background : transparent url(img/ongletfonce.gif) no-repeat top center;
}

#bloc_menu ul.menu li a{
	width : 93px;
	height : 35px;
	display : block;
	text-align:center;
	padding-top : 7px;
	font-family: "Trebuchet MS" , Arial , Verdana , Sans-serif;
	color : #0e5491;
	font-size : 1.1em;
	font-weight: bold;
	text-decoration:none;
	
}
#bloc_menu ul.menu li a:hover{
	background : transparent url(img/onglet.gif) no-repeat top center;
}

#bloc_menu ul.menu  .active a:hover{
	background : transparent url(img/onglet-fonce.gif) no-repeat top center;
}




/* -----------------------------   accroche + contenu   -------------------- */
#textes{
	background : transparent url(img/header-page.jpg) no-repeat right top;
}

#accroche{
	min-height : 78px;
	text-align : right;
	padding : 75px 150px 20px 0px ;
}


#accroche  h2 {
color : #FFF;
padding : 0;
margin : 0 0 10px 0;
font-size : 110%;

}

#accroche  p{
color : #FFF;
font-size : 85%;
margin : 0;
padding : 0;
}

#accroche a{
	color : #fff;
}


#contenu{
	margin : 15px 0px 20px 290px;
	width : 660px;
	line-height : 1.5em;
	text-align : justify;
}

#contenu h2{
	color : #ec6400;
	font-size: 1.3em;
}

#contenu h3{
	color : #1681c2;
	font-size: 1.2em;
}

#contenu h4{
	color : #464646;
	font-size: 1.1em;
}


#contenu ul{
	list-style-type : none;
	margin : 10px;
	padding : 0;
}

#contenu li{
		background : transparent url(img/puce.jpg) no-repeat left top;
		margin : 6px 0;
		padding : 1px 0 0 24px;
}

#contenu blockquote{
	border : 2px solid #ddd;
	background-color : #f3f3f3;
	margin : 5px 0;
	padding : 10px;
}

#contenu code{
	background-color : #f3f3f3;
	font-size : 1.2em;
	border : 1px solid #ddd;
	color : #1681c2;
}

#contenu pre{
	overflow : auto ;
	border : 2px solid #ddd;
	background-color : #f3f3f3;
	margin : 5px 0;
	padding : 10px;
	display : block;
	font-size : 1.2em;
	width : 100%
	
}

.chiffres
{
	padding: 0px;
	empty-cells:show;
	white-space:nowrap;
	font-size : 95%;
	width : 100%;
	margin : 20px 0;
}
.chiffres thead td{
	font-weight : bold;
	color : #1681c2;
}
.chiffres .effectifs td, .chiffres .effectifs th {
	border-top: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
}
.chiffres .total td, .chiffres .total th {
	border-top: solid 2px #bbb;
}

.chiffres .effectifs td 
{
	text-align: center;
}

.chiffres th 
{
	text-align: left;
}

.chiffres td
{
	text-align: center;
}


#contenu dt{
	font-weight : bold;
	margin-bottom : 5px;
}

#contenu dd{
	margin : 0 0 15px 0;
	padding : 0 0 0 10px;
	border-left : 3px solid #e4e4e4;
}




/* -----------------------------   sidebar  -------------------- */
#sidebar {
	float : left;
	width : 280px;
	margin-top : 85px;
	padding-bottom : 20px;
}

#nav_page{

	background : transparent url(img/fd-boite.png) repeat-y left top  ;


}

#nav_page h3{
	margin : 0;
	padding : 0 40px;
	color : #ec6400;
	font-size : 1.4em;
}

#nav_page dl{
	margin : 0;
	padding : 0;
	background : transparent url(img/btm-boite.jpg) no-repeat left bottom  ;
	padding : 15px 40px 25px 40px;
}

#nav_page dt{
	font-weight : bold;
}

#nav_page dt a{
	text-decoration : none;
	color : #1681c2;
}

#nav_page .active a{
	color : #292929;
	text-decoration : none;
}

#nav_page dd{
	margin :  0 0 8px 0;
	padding : 0;
	color : #6d6d6d ;
	font-size : 85%;
}

#plus{
	margin : 110px 0 0 0 ;
	padding : 0px 20px 5px 45px;
	background : transparent url(img/fleche.jpg) no-repeat left top  ;
}

#plus h3{
	color : #292929;
	font-size : 0.9em;
	margin : 0 0 9px 0 ;
	padding : 0;
	
}

#plus a{
	color : #1681c2;
	text-decoration : none;
	font-weight : bold;
}

#plus p {
	font-size : 0.85em;
	margin : 6px 0 ;
	padding : 0;
	color : #434343;
	
}



/*


















#accueil #appliweb, #accueil #logicielbureau, #accueil #outilssaisie , #accueil #bornes{
	display:block;
	padding-top : 72px;
	text-decoration : none;
	color : #414141;
	font-weight : bold;
	margin-top : 12px;
}


#accueil #appliweb{
	background : transparent url(img/logoappliweb.jpg) no-repeat top center;
}

#accueil #logicielbureau{
	background : transparent url(img/logobureau.jpg) no-repeat top center;
}

#accueil #outilssaisie{
	background : transparent url(img/logomobile.jpg) no-repeat top center;
}

#accueil #bornes{
	background : transparent url(img/logobornes.jpg) no-repeat top center;
}




*/
/* -----------------------------   footer   -------------------- */

#footer{
	background-color : #d8d8d8;
	width : 982px;
	font-size : 90%;
	color : #545454;
	font-weight : bold;
	line-height : 1.5em;
}

#footer img{
border : 0;
margin : 0 5px;
	
}

#footer #coordonnees{
		float : left;
		width : 225px;
		padding : 20px 0 20px 20px;
}

#footer #partenaires{
		float : left;
		width : 490px;
		text-align:center;
		padding : 20px 0 ;
}

#footer #mentions{
		float : right;
		width : 225px;
		padding : 20px 20px 20px 0;
		text-align : right;
}