/*** default styles */
* {
 padding: 0;
 margin: 0;
}

select * {
 padding: 0 0.5em;
}

ul, ol {
 list-style: none;
}

a img, :link img, :visited img, object, fieldset {
 border: none;
}

a:focus, a:hover {
 text-decoration: underline;
}

address {
 font-style: normal;
}

:link, :visited {
 text-decoration: none;
}

legend {
 position: relative;
 left: -6px;/* ie */
}

/*** font size */
html {
 font-size: 100%;    
}

body {
 /* La taille de base sera de 10px avec les valeurs par défaut de police du navigateur */
 font: 0.625em/1em 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

input, select, textarea {
 font-size: 100%;
}

/*** Float containers (http://www.csscreator.com/attributes/containedfloat.php) */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 font-size:0;
 clear: both;
 visibility: hidden;
}
 
.clearfix{display: inline-block;}

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


/*** Image Replacement */
.mir { letter-spacing : -1000em; }

/*\*/
* html .mir {
    text-indent: -999em;
    overflow: hidden;
}
html>body .mir {
    letter-spacing: normal;
    text-indent: -999em;
    overflow: hidden;
}/**/

/*** minor document sections */
.clear {
 clear: both;
}

.no-wrap {
 white-space:nowrap;
}

/*** printer styles */
@media print {

	.mir {
	 letter-spacing : normal;
	}

    /*\*/
    * html .mir {
    text-indent: 0px;
    overflow: visible;
   }
    html>body .mir {
    letter-spacing: normal;
    text-indent: 0px;
    overflow: visible;
   }/**/

	a:link:after,
    a:visited:after {
     content: " (" attr(href) ") ";
     font-size: 90%;
    }

}

/*** major document sections
******************************************************************/
body {
 background: #b8c9d6;
 color: #000;
 font-family: arial, helvetica, sans-serif;
 font-size: x-small;
 text-align: center;
 voice-family: "\"}\"";
 voice-family: inherit;
 font-size: small;
}

.dummy {} /** déclaration factice */

/*** container-outer
*********************************/
#pagewidth {
 margin: 0 auto 30px auto;
 width: 100%;
 text-align: left;
 font-size: 85%;
 background: #fff;
}

/*** header
*********************************/
#header {
 width: 100%;
 background: #7c9fb4;
}

#header .content {
 position: relative;
 width: 950px;
 margin: 0 auto;
 padding: 0;
 overflow: hidden;
}

#header-ctc {
 position: absolute;
 right: 156px;
 bottom: 30px;
}

#languages {
	position: absolute;
 	left: 745px;
 	bottom: 5px;
}

/*** main
*********************************/
#main {
 width: 100%;
 background: #FFF url(/style/commun/ombre1.gif) repeat-x top left;
 border-bottom: 4px solid #b8c9d6;
}

/* for Internet Explorer */
/*\*/
* html #main {
 height: 400px;
}
/**/

#maincontent {
 position: relative;
 width: 950px;
 margin: 0 auto;
 min-height: 400px;
}

/*** column
*********************************/
#maincol {
 float: right;
 width: 740px;/*570*/
}

#rightcol {
 float: left;
 width: 210px;
}

#maincol .content {padding: 20px 10px 20px 20px;}

#rightcol .content {padding: 0 5px 0 5px;}

/*** footer
*********************************/
#footer {
 border-top: 1px solid white;
 width: 100%;
 font-size: 85%;
 background: #b8c9d6;/* url(/style/commun/fond-corps.gif) repeat-y top right;*/
}

#footer .content {
 width: 950px;
 margin: 0 auto;
 padding: 5px 0 20px 0;
 color: white;
}

#footer address {
 width: 50%;
 float: left;
}
	
	#footer span {float: left;}
	
	#footer address img {
		float: left;
		margin-left: 20px;
	}

#footer p {
 width: 50%;
 float: right;
 text-align: right;
}

#footer a:link, #footer a:visited {
 color: white;
 text-decoration:none;
}

#footer a:focus, #footer a:hover {text-decoration:underline;}

/*** form header
*********************************/
form#search {
	margin-bottom: 15px;
	border-bottom: 1px dotted #446077;
	padding-bottom: 10px;
}

form#search * {font-size: 95%;}

/*** nav-main
*********************************/
#nav-main {
 width: 100%;
 float: left;
 background: #446077;
}

#nav-main ul {
 width: 950px;
 margin: 0 auto;
}

#nav-main li {
 display: inline;
 float: left;
 font-size: 85%;
 font-weight: bold;
 line-height: 1.5;
 margin-right: 3px;
}

#nav-main a {
 float: left;
 margin: 0;
 padding: 0 0 0 6px;
 text-decoration: none;
 white-space: nowrap;
 /*background: url(/style/commun/coin_gauche_onglet_noir.gif) no-repeat 0px 100%;*/
 border-bottom: 4px solid #446077;
}

#nav-main a span {
 float: left;
 display: block;
 padding: 2px 10px 1px 6px;
 text-transform: uppercase;
 font-size: 100%;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav-main a span {float: none;}
/* End IE5-Mac hack */

#nav-main a span {
 /*background: url(/style/commun/coin_droit_onglet_noir.gif) no-repeat 100% 100%;*/
}

#nav-main a:focus, #nav-main a:hover,
#nav-main a:link, #nav-main a:visited {color: #FFF;}

#nav-main .current a {
 /*background-image: url(/style/commun/coin_gauche_onglet_vert.gif);*/
 border-bottom-color: #fc9e09;
}

#nav-main .current span {
 /*background-image: url(/style/commun/coin_droit_onglet_vert.gif);*/
}

/*** nav-second
*********************************/
#nav-second {
 padding-top: 17px;
 background: #ebf5fd url(/style/commun/ombre2.gif) repeat-x;
 font-size: 90%;
}

	#nav-second strong {
	 display: block;
	 margin: 0 5px;
	 padding: 2px 0 10px 24px;
	 text-transform: uppercase;
	 color: #fc9e09;
	 background: transparent url(/style/commun/fleche.gif) no-repeat;
	}

	#nav-second div {
		padding-bottom: 42px;
		background: transparent url(/style/commun/degrade-menu.gif) repeat-x left bottom;
	}
	
		#nav-second ul {list-style-type: square;}
		
		#nav-second li {
		 margin-left: 20px;
		 padding: 2px;
		 text-transform: uppercase;
		}
		
		#nav-second li.current, #nav-second li.current a  {color: #fc9e09;}

/*** breadcrumb
*********************************/
#breadcrumb {
 float: left;
 margin-bottom: 10px;
 font: 90% verdana;
 color: #999;
}

#breadcrumb span {float: left;}

#breadcrumb ul {float: left;}

#breadcrumb li {
 text-transform: capitalize;
 list-style-type: none;
 float: left;
 padding: 0 5px 0 10px;
 background: transparent url(/style/commun/fleche_droite.gif) no-repeat left center;
}

#breadcrumb li.first {
 padding-left: 0;
 background: none;
}

#breadcrumb a:focus, #breadcrumb a:hover {text-decoration: underline;}

/*** article
*********************************/
dl.article, dl.articleB {
 width: 100%;
 float: left;
 margin-bottom: 0.5em;
 padding-bottom: 0.5em;
}

dl.article {
 border-bottom: 1px dotted #446077;
}

dl.article dt, dl.articleB dt {
 font-size: 170%;
 font-weight: bold;
 line-height: 1;
}

dl.article dd.soustitre, dl.articleB dd.soustitre {
 color: #999;
}

dl.article dd, dl.articleB dd {
 line-height: 1.5;
}

dl.article dd img, dl.articleB dd img {
 float: left;
 margin: 0 5px 5px 0;
}

/*** résultas
*********************************/
dl.resultat, dl.resultatB {
 width: 100%;
 float: left;
 margin-bottom: 0.5em;
 padding-bottom: 0.5em;
}

dl.resultat, dl.resultatB {
 border-bottom: 1px dotted #9EB1B7;
}

dl.resultat dt, dl.resultatB dt {
 font-size: 130%;
 font-weight: bold;
}

dl.resultat dd.soustitre, dl.resultatB dd.soustitre {
 color: #999;
}

dl.resultat dd, dl.resultatB dd {
 line-height: 1.5;
}

/*** document
*********************************/
p.document {

 background: red;
}

/*** minor document sections
******************************************************************/
.underline {text-decoration: underline;}

/*** a
*********************************/
a:link, a:visited {color: #343498;}
a:focus, a:hover {color: #343498; text-decoration: underline;}

a.fleche:before {
 content: "\00BB";
 padding-right: 5px;
 font-size: 105%;
}

a.loupe {
 float: left;
 padding: 5px 20px 5px 0;
 background: transparent url(/style/commun/loupe.gif) no-repeat 100% 100%;
}

a.icone {
line-height: 36px;
 padding-left: 26px;
 background-position: 0% 50%;
 background-repeat: no-repeat;
 background-color: transparent;
}

    a.doc-pdf {
     background-image: url(/style/commun/pdf.gif);
    }

/*** h
*********************************/
h1 { /* header */
 background: #fff url(logo-entete.gif) no-repeat top left;
 width: 951px;
 height: 178px;
 font-size: 150%;
}

h2 {
 font-size: 160%;
 font-weight: bold;
}

/*** p
*********************************/
#rightcol p {
 margin: 0.5em 0;
}

p.retour {
 margin-left: 90%;
 padding-left: 10px;
 background: transparent url(/style/commun/fleche_gauche.gif) no-repeat left center;
}

.focus {
 padding: 5px 0;
 background: #E5F2CB;
}

/*** boiteMsg
*********************************/
.boiteMsg {
 width: 500px;
 margin: 0 auto;
 padding: 10px;
 background: #E5F2CB;
}

.boiteMsg p {
 margin: 10px;
 font-weight: bold;
 line-height: 2;
}

/*** phpDig
*********************************/
.phpdigHighlight {
 font-weight: bold;
}

.search-nav-page {
 text-align: right;
}

.search-table-result {
 margin: 1em 0;
}

.search-result a {
 display: block;
 font-weight: bold;
}

.search-result span {
 color: #5A5A5A;
}

.search-result-text {
 padding-bottom: 0.8em;
 line-height: 1em;
 
}

.search-empty-cell {
 width: 25%;
}

/*** document client
*********************************/
.doc-client {
	margin-bottom: 1em;
	width:90%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 10px;
	background: #f8f8f8;
	/*border-bottom:1px dotted #9EB1B7;*/
}

.doc-client dt strong {
	font-size:140%;
	font-weight:bold;
	line-height:1;
}

.doc-client dt span {color: #999999;}

.doc-client dd {
	text-align: center;
	color: #999999;
	padding: 5px 0;
}

.doc-client dd.descriptif {
	text-align: justify;
	font: italic 90% verdana;
}

/*** newsletter (lien)
**********************************/
#bl-newsletter {
	border-bottom: 1px dotted #446077;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#bl-newsletter h3 {
	font-size: 110%;
	text-transform: uppercase;
}

#bl-newsletter p.lien {text-align: right;}