/*===================================================*/
/*===================================================*/
/* General */
/*===================================================*/
/*===================================================*/
body {
	behavior:url('style/csshover.htc');
	
	background: url('images/fond.png') #fff repeat-x;
	color: #333;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80.01%;
	line-height: 1em;
	margin: 0;
	padding: 1em;
	text-align: center;
}

img {
	border: 0;
}

q {
	quotes : none;
	font-weight: bold;
}


/*===================================================*/
/* Texte */
/*===================================================*/
p {
	font-size: 1em;
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height:1.4em;
}

blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
}

pre {
	font-family: monospace;
	font-size: 1.0em;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style:italic;
}

code {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	white-space: pre;
}

abbr, acronym, .help {
 border-bottom: 1px dotted #333;
 cursor: help;
 }

/*===================================================*/
/* liens */
/*===================================================*/	
a,	a:link a:active, a:visited {
	color: #006ED0;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

.pdf {
	padding-right: 20px;
	background:  url('images/icone_pdf.gif') top right no-repeat;
}

.pps {
	padding-right: 20px;
	background:  url('images/icone_pps.gif') top right no-repeat;
}

.mail {
	padding-right: 20px;
	background:  url('images/icone_mail.gif') top right no-repeat;
}

.plus {
	padding-right: 20px;
	background:  url('images/icone_fiche_complete.gif') top right no-repeat;
}

.web {
	padding-right: 20px;
	background:  url('images/icone_internet.gif') top right no-repeat;
}


/*===================================================*/
/* titre */
/*===================================================*/	
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #000;
}

h1 {
	font-size: 2.5em;
	line-height: 1em;
}


h3 {
	font-size: 1.5em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
	color: #0975D7;
	clear: both;
}

h4 {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
	color: #3296EB;
}

h5 {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}

h6 {
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}

/*===================================================*/
/* liste */
/*===================================================*/	
ol {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
	padding: 0;
}

ol li {
	font-size: 1.0em;
	margin: 0 0 0.25em 30px;
	padding: 0;
}

dl {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1.4em;
}

dl dt {
	font-weight: bold;
	margin: 0.25em 0 0.25em 0;
	padding: 0;
}

dl dd {
	margin: 0 0 0 30px;
	padding: 0;
}



/*===================================================*/
/* tableau */
/*===================================================*/	
table {
	font-size: 1em;
	margin: 0 0 1.5em 0;
	padding: 0;
}

table caption {
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 1.5em 0;
}

th {
	font-weight: bold;
	text-align: left;
	padding: .3em;
}

thead tr th {
	text-align: center;
	color: #82B3D4;
}

td {
	font-size: 1em;
	padding: .3em;
}

.clair {
	background-color: #EDF6FE;
}

.fonce {
	background-color: #CBE5FE;
}

.chiffre {
	text-align: right;
}

tr.clair:hover, tr.fonce:hover{
	background-color: #82B3D4;	
}

/*===================================================*/
/* hr */
/*===================================================*/	
hr {
	display: none;
}

div.hr {
	height: 1px;
	margin: 1em 10px;
	border-bottom: 1px dotted black;
}




/*===================================================*/
/* Accessibilité */
/*===================================================*/

span.accesskey {
   	text-decoration:none;
}

.accessibility {
   	position: absolute;
   	top: -999em;
   	left: -999em;
}

dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

/*===================================================*/
/*===================================================*/
/* Tools */
/*===================================================*/
/*===================================================*/
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/*===================================================*/
/* clearing */
/*===================================================*/
.stretch, .clear {
	clear:both; 
	height:1px; 
	margin:0; 
	padding:0; 
	font-size: 15px;
	line-height: 1px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

/*===================================================*/
/* replace */
/*===================================================*/
.replace {
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
}

.replace * {
	text-indent: -10000px;
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
}

.replace a {
	text-indent:0;
}

.replace a span {
	text-indent:-10000px;
}

.haut {
	font-size: 80%;
	text-align: right;
}
.haut a {
	background: url('images/icone_haut.gif') top right no-repeat;
/*	display: block;*/
	padding: 2px 15px 0 0;
	color: #82B3D4;
}




/*===================================================*/
/* Menu horizontal */
/*===================================================*/

* html div#menu_horiz {
	/* hide ie/mac \*/
	/*height: 1%;*/
	/* end hide */
}

div#menu_horiz {
	position: absolute;
	top: 121px;
	/*max-width: 1030px;
	min-width: 780px;
width: auto;*/
	width: 800px;
	text-align: left;
	height: 65px; 
	overflow: hidden; 
	float: left;
}

div#menu_horiz a, div#menu_horiz a:link, div#menu_horiz a:active, div#menu_horiz a:visited {
	
}


div#menu_horiz ul {
	list-style: none; 
	margin: 0px; 
	padding: 0px;
}

div#menu_horiz li {
	float: left;
	height: 65px;
	padding: 0 0 0 5px;
	background: url('images/fond_menu_h_li.jpg') top left no-repeat;
}
div#menu_horiz li a {
	color: #59D600;
	font-weight: bold;
	background: url('images/fond_menu_h.jpg') top right no-repeat;
	display: block;
	margin: 0px; 
	padding: 0px 10px 5px 5px;
	text-decoration: none;
	line-height: 65px;
}
div#menu_horiz li a:hover {
		color: #E20287;
}

div#menu_horiz .activeparent {
	color: #E20287;
}
div#menu_horiz li.activeparent, div#menu_horiz li.active01 {
	background: url('images/fond_menu_h_li.jpg') left -65px no-repeat;
}

div#menu_horiz .current a, div#menu_horiz .current a:link, div#menu_horiz .current a:active, div#menu_horiz .current a:visited, div#menu_horiz .current a:hover,
div#menu_horiz .activeparent a, div#menu_horiz .activeparent a:link, div#menu_horiz .activeparent a:active, div#menu_horiz .activeparent a:visited, div#menu_horiz .activeparent a:hover {
	color: #E20287;
	background: url('images/fond_menu_h.jpg') right -65px no-repeat;
}

div#menu_horiz li.active01 h3 {
	color: #E20287;
	background: url('images/fond_menu_h.jpg') right -65px no-repeat;
	font-weight: bold;
	display: block;
	margin: 0px; 
	padding: 0px 10px 5px 5px;
	text-decoration: none;
	line-height: 65px;
	font-size: 1em;
}

#menu_horiz li.active02 h3 {
	display: block;
	text-decoration: none;
	padding: 5px 5px 5px 10px;
	font-weight: normal;
	color: #18507C;
	margin: 0;
	font-size: 1em;
	background-color: #abb0b6;
}

#menu_horiz li.active03 h3{
	display: block;
	padding: 3px 5px 3px 25px;
	border-bottom: none;
	font-size: 90%;
	font-weight: bold;
	color: #18507C;
	margin: 0;
}
#wrapper{
	margin: 0 0 0 250px;
	padding: 0 0 0px 0;
}

/*===================================================*/
/*===================================================*/
/* Structure */
/*===================================================*/
/*===================================================*/

div {
	font-size: 1em;
}

/*===================================================*/
/* Pagewrapper */
/*===================================================*/
	div#pagewrapper {
		border: 1px solid #73AFE5;
		background: #fff url('images/fond_page.jpg') top left repeat-y;
		margin: 0 auto;
		max-width: 1030px;
		min-width: 780px;
		padding: 0;
		text-align: left;
	}


/*===================================================*/
/* Header */
/*===================================================*/
	div#header {
		color: #fff;
		margin: 0;
		padding: 0;
		height: 152px;
		text-align: left;
		background: #0975D7 url('images/bandeau_bleu_page.jpg')  no-repeat;
		border: 5px solid #fff;
		border-bottom: none;
	}
	div#header h1{
		width: 238px;
		float:left;
	}
	div#header h1 a {
		background: url('images/logo.jpg')  no-repeat;
		display: block;
		height: 100px;
		text-indent: -700em;
		width: 207px;
		margin: 19px 0 0 10px;
		padding: 0;
	}

	div#search{
		float:right;
		background-color: transparent;
		border: none;
		margin: 5px 5px 0 0;
	}
	div#search form{
		background: none;
		border: none;
		margin: 0;
		padding: 0;
	}
	div#search input{
		border: 1px solid #00529B;
		margin: 0;
		padding: 0;
	}
	div#search input[type=submit]{
		border: 1px solid #00529B;
		background-color: #D2E5F4;
		color: #00529B;
	}
	div#search a:link, div#search a:hover, div#search a:visited, div#search a:active{
		color: #fff;
		font-size: .8em;
		line-height: .7em;
	}

/*===================================================*/
/* Footer */
/*===================================================*/
	div#footer {
		margin: 0;
		padding: 1.2em 0 0 0;
		color: #fff;
		background: #fff url('images/fond_pied_page.jpg') top left no-repeat;
		border: 5px solid #fff;
		border-top: none;
	}
	div#footer a, 	div#footer a:link 	div#footer a:active, div#footer a:visited {
		color: #fff;
	}
	div#footer p {
		font-size: 0.8em;
		margin: 0;
		padding: 1px;
		text-align: center;
	}
	/*pour IE7*/
	*+html div#footer {
		background-position : 5px top;
	}
	span.type{display:none}
/*===================================================*/
/* Content */
/*===================================================*/
	div#content {
		position: relative;
		height: 100%;
		margin: 0 auto 2em 0;
		padding: 20px 0 0 0;
		text-align: left;
		background: url('images/haut_contenu.jpg') top left no-repeat;
	}
	
/*===================================================*/
/* classes */
/*===================================================*/
	div.breadcrumbs {
		color: #fff;
		font-size: 85%;
		margin: 0 0 0 0;
		padding: 15px 0 5px 10px;
		background: #fff url('images/baseline.jpg') top left no-repeat; 
	}
	div.breadcrumbs a:link, div.breadcrumbs a:visited {
		color:#fff;
	}
	div.breadcrumbs a:hover, div.breadcrumbs a:active {
	}
	div.flags {
		float: right;
		width: 18px;
		padding: 1em 0;
		text-align: right;
		margin: 0 1em 0 0;
	}

	div.left49 {
		color: #888;
		font-size: 85%;
		float: left;
		width: 79%;
	}

	div.right49 {
		color: #888;
		font-size: 85%;
		float: right;
		width: 19%;
		text-align: right;
	}

/*===================================================*/
/* modif Content */
/*===================================================*/
	div#content {
		background: url('images/haut_contenu_accueil.jpg') top left no-repeat;
	}
/*===================================================*/
/* Main */
/*===================================================*/
	div#main {
/*		position: relative;
		bottom: 2em;*/
		float: left;
		width: 522px;
		display: inline;
		padding: 0 0 0 0;
		margin:  0 0 0 238px;
	}
	
	div#main h2 {
/*	position: absolute;
	top: -5em;*/
/*	font-size: 1.8em;
	line-height: 1.5em;
	margin:  0 0 1em 0;*/
	letter-spacing: -1px;
	color: #E20287;
	text-align: center;
	/*background: url('images/ligne_titre_page.gif') left 1.3em no-repeat;*/
	text-indent: -700em;
	}
	div#main	h3 {
	text-align: center;
	margin:  0 0 1em 0;
	background: url('images/fond_h3_accueil.gif') 5px top no-repeat;
	}

	div#main span {
		
	}
	div#main ul {
		line-height:1.4em;
		margin: 0 0 1.5em 1em;
		padding: 0;
	}

	div#main ul li {
		margin: 0 0 0.25em 30px;
		padding: 0;
	}

/*===================================================*/
/* container */
/*===================================================*/
	div#container {
	}

/*===================================================*/
/* resume */
/*===================================================*/

	div#resume {
	border-top: 1px solid #FFA;
	border-bottom: 1px solid #FFA;
	background-color: #FFd;
	padding: .2em .5em 0 .5em;
	margin: 1em 9px 1em 5px;
	}

	div#resume p{
		margin: .5em;
	}
/*===================================================*/
/* sub */
/*===================================================*/

	div#sub {
	}
	
/*===================================================*/
/* breadcrumbs */
/*===================================================*/
div.breadcrumbs {
	text-align: center;
}
/*===================================================*/
/* Boutons */
/*===================================================*/
div#main ul.boutons {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
}

div#main ul.boutons li{
	margin: 0 0 0 0px;
	padding: 0;
	display: inline;
	float: left;
}

ul.boutons li a{
	margin: 0;
	padding: 0;
	display: block;
	width: 172px;
	height: 145px;
}

a#particulier:link, a#particulier:visited{
	background: #fff url('images/bt_particulier.jpg') top left no-repeat;
}
a#partenaire:link, a#partenaire:visited{
	background: #fff url('images/bt_partenaire.jpg') top left no-repeat;
}
a#entreprise:link, a#entreprise:visited{
	background: #fff url('images/bt_entreprise.jpg') top left no-repeat;
}

a#particulier:hover, a#particulier:active{
	background: #fff url('images/bt_particulier.jpg') bottom left no-repeat;
}
a#partenaire:hover, a#partenaire:active{
	background: #fff url('images/bt_partenaire.jpg') bottom left no-repeat;
}
a#entreprise:hover, a#entreprise:active{
	background: #fff url('images/bt_entreprise.jpg') bottom left no-repeat;
}

ul.boutons li a span{
	margin-left: -700em;
}
/*===================================================*/
/* rollover */
/*===================================================*/

span.rollover{
	display: block;
	margin: 5px 8px 5px 5px;
	padding: 5px;
	color: #000;
	border: 1px solid;
	background-color: White;
}
span#span_particulier{
	border-color: #E20287;;
	background: url('images/fond_rose.jpg') bottom right;
}
span#span_partenaire{
	border-color: #FED604;
	background: url('images/fond_jaune.jpg') bottom right;
}
span#span_entreprise{
	border-color: #59D600;
	background: url('images/fond_vert.jpg') bottom right;
}


/*===================================================*/
/* Marque NF */
/*===================================================*/

#nf {
	margin-top : 375px;
	margin-left : 765px;
	height: 100px;
	padding: 0;
	text-align: center;
}

* html #nf {
	margin-top : 395px;
}

*+html #nf {
	margin-top : 395px;
}

#nf p{
	line-height: 1.1em;
	font-size: .8em;
	font-weight: bold;
	padding: 0;
	margin: .3em 0 0 0;
}

#nf p.small{
	color: #0975d7;
	font-weight: normal;
	font-size: .7em;
	padding: 0;
	margin: 1em 0 0 0;
}

#nf a{
	color: #005497;
}

#nf p.small a{
	color: #0975d7;
}


/*===================================================*/
/* News */
/*===================================================*/

#news{
	z-index: 100;
	position:absolute;
	top: 526px;
	background: url('images/fond_actu.jpg') #fff no-repeat;
	height: 161px;
	width: 180px;
	color: #DE0185;
	margin-left: 11px;
	padding: 13px 10px 10px 10px;
}
#news h2 a{
	display: block;
	width:163px;
	height: 19px;
	text-indent: -999px;
}
#news h2 a:link, #news h2 a:visited{
	background: url('images/titre_actu.jpg') top left no-repeat;
}
#news h2 a:hover, #news h2 a:active{
	background: url('images/titre_actu.jpg') bottom left no-repeat;
}
/* IE 6, IE 7 */
* html #news{
	margin-left: -227px;
}
*+html #news{
	margin-left: -227px;
}
.NewsSummaryPostdate{
	font-size: .8em;
	margin-top: 5px;
}
#NewsPostDetailAuthor{
	text-align: right;
	font-style: italic;
}
#NewsPostDetailDate{
	font-style: italic;
}
#NewsPostDetailDate{
	margin-bottom: 1em;
}
#rss{
	margin: 10px 0 0 0;
}