/* ------------------------ style.css - copyright Defimedia 2006 ------------------------ */

/* ------------------------ selecteurs globaux ------------------------ */

body {
	background-color:#E2E2E2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
table td, table th {
	vertical-align:top;
}
input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.champTexte, .bouton {
	border-width:2px;
	border-style:solid;
	background-color:#E9E9E9;
	color:#777;
}
.bouton {
	margin-right:5px;
	border-top-color:#FFF;
	border-right-color:#7C7B7D;
	border-bottom-color:#7C7B7D;
	border-left-color:#FFF;
	font-size:10px;
}
.champTexte {
	padding:1px 2px;
	border-top-color:#7C7B7D;
	border-right-color:#FFF;
	border-bottom-color:#FFF;
	border-left-color:#7C7B7D;
	font-size:11px;
}
.grisFonce {
	color:#4A4A4A;
}
a:link {
color:#0095BD;}
a:visited {
color:#962A64;}
/* ------------------------ blocs divs layout general ------------------------ */

#conteneur {
	margin-top:0;
	margin-bottom:20px;
	margin-right:auto;
	margin-left:auto;
	padding:0;
	width:774px;
}
#entete {
	margin:0;
	padding:0;
	background-image:url(fond_entete.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#corps {
	margin:0;
	padding:0;
	background-image:url(fond_corps.gif);
	background-position:center;
	background-repeat:repeat-y;
}

/* ------------------------ bloc entete ------------------------ */

#entete td, #entete th {
	vertical-align:middle;
}
td#logo {
	vertical-align:top;
}
#langues {
	margin:8px;
	padding:0 5px 0 0;
	float:right;
	text-align:right;
	vertical-align:top;
	width:85px;
	height:43px;
}
#langues p, #liens p {
	margin:0;
	padding:0;
	font-size:11px;
}
#liens {
	margin:8px;
	padding:0;
	float:right;
	text-align:right;
	vertical-align:top;
	/*width:300px;*/
	height:43px;
	white-space:nowrap;
}
#liens  a:link {
color:#0080A2;}
#recherche {
	margin:0;
	padding:2px 12px 0 0;
	float:none;
	clear:both;
	vertical-align:middle;
	text-align:right;
}
#recherche form {
	margin:0;
	padding:0;
	color:#FFF;
}


/* ---------- liens entete ---------- */

#entete a {
	color:#0192B9;
	text-decoration:none;
}
#entete a:visited {
	color:#962A64;
}
#entete a:hover {
	text-decoration:underline;
}


/* ------------------------ bloc corps ------------------------ */

td#domaines {
	background-image:url(fond_domaines.gif);
	background-position:top left;
	background-repeat:repeat-x;
	width:210px;
	border-left:1px solid #FFF;
	vertical-align:top;
}
td.inpage  {
	padding:0;
	margin:0;
	width:210px !important;
	vertical-align:top;
	padding-top:-5px;
	/*background-color:yellow;*/
}
div#sousNiveaux {
	border-top:1px solid #fff;
	background-color:#41b8d8;
	padding:6px;
}

div#sousNiveaux p {
	padding:3px;
	font-size:11px;
	margin:0;	
	color:#fff;
}
div#sousNiveaux a:link, div#sousNiveaux a:visited{
	color:#fff;
	text-decoration:none;
	/*white-space:nowrap;*/
}
div#sousNiveaux a:hover{
	
	text-decoration:underline;
	
}
#baseline {
	clear:both;
	background-color:#D4E284;
	margin-left:auto;
	margin-right:0;
	width:530px;
	border-top:1px solid #FFF;
}
#baseline h1 {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:8px;
	margin:0;
	color:#363924;
}
.domainesHaut {
	margin:0;
	padding:20px 0 15px 0;
	border-bottom:1px solid #FFF;
	background-color:#00A1CC;
}
.hppage .domainesHaut {
border-top:7px solid #fff;
padding:12px 0 15px 0;}
.domainesMilieu {
	margin:0;
	padding:0;
	border-bottom:1px solid #FFF;
}
.domainesBas {
	margin:0;
	padding:0;
}
td#domaines .domainesHaut p {
	margin:0;
	padding:5px 5px 5px 10px;
}
.domainesHaut p, .domainesMilieu p, .domainesBas p {
	margin:0;
	padding:14px 0 14px 10px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	list-style-type:none;
}
table#menu  {
	width:100%;
}
ul#nav {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
}
#nav li a {
	display: block;
	padding:13px 5px 13px 15px;
	margin: 0;
	border-right:1px solid #FFF;
}
#nav li.ac a {
	border:none;
}
#nav li li a {
	display: block;
	padding:0;
	margin: 0;
	border:none;
}
#nav li { /* all list items */
	padding: 0;
	margin: 0;
	float:left;
	/*width:204px !important;*/ /* width needed or else Opera goes nuts */
	font-size:12px;	
	font-weight:bold;
	/*text-align:center;*/
	background-color:#74878D;
}
#nav li.aa {
	width:226px !important; /* width needed or else Opera goes nuts */
}
#nav li.ab {
	width:226px !important; /* width needed or else Opera goes nuts */
}
#nav li.ac {
	width:160px !important; /* width needed or else Opera goes nuts */
}
#nav li.aa ul {
	width:223px !important;
}
#nav li.ab ul {
	width:223px !important;
}
#nav li.ac ul {
	width:158px !important;
	white-space:normal;
}
#nav li ul { /* second-level lists */
	position:absolute;
	background:#fff;
	margin:0;
	padding:28px 0;
	padding-bottom:25px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
	left:-999em;  /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li {
	font-size:11px;
	list-style-type:none;
	margin:0;
	padding:3px 6px 2px 6px;
	font-weight:normal;
	text-align:left;
	background:none;
	float:none;
	width:auto;
}
#nav li:hover ul { /* lists nested under hovered list items */
	left:auto;
	padding:0;
	margin:0;
}
#nav li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	padding:0;
	margin:0;
}
.topPage {
	padding-top:7px;
}
table#menu {
	border-top:1px solid #FFF;
	width:740px;
	margin:0 0 0 17px;
	padding:0;
	clear:both;
}
table#menu td {
	/*width:185px;*/
}
table#menu td {
	vertical-align:middle;
}
table#menu th {
	padding:0;
	background-color:#B4B4B4;
	border-right:1px solid #FFF;
}
table#pageArticle {
	border-top:1px solid #FFF;
	width:740px;
	margin:0 0 0 17px;
	padding:0;
	clear:both;
	vertical-align:top;
	/*background-color:pink;*/
}
#extranet {
	margin-top:1px;
	margin-left:auto;
	margin-right:auto;
	padding:6px;
	width:728px;
	clear:both;
	vertical-align:middle;
	text-align:center;
	background-color:#B4B4B4;

}
#extranet form {
	margin:0;
	padding:0;
	color:#FFF;
	font-size:10px;
}

table#news {
	border-top:1px solid #FFF;
	width:740px;
	margin:0 0 0 17px;
	padding:0;
	clear:both;
	background-color:#f1f1f1;
}
table#news td {
	width:246px;
	vertical-align:top;
	padding:5px;
	border-left:1px solid #ddd;
}
table#news td h1 {
	margin-top:0;
	padding-top:0;
	font-size:18px;
	font-family:"Andale Mono",tahoma, sans-serif;
	letter-spacing:-0.02em;
	color:#BBB;
}
table#news td h2 {
	font-size:12px;
}
table#news td p {
	font-size:10px;
}
#chemin {
	background-color:#e1e1e1;
	margin:0;
	padding:4px;
}
#chemin p {
	font-size:10px;
	margin:0;
	padding:4px;
}
#liste {
display:block;}
div.listeReference  {
margin:3px;
float:left;
padding: 2px ;
background-color:#e2e2e2;
background-image:url(fond_rond_im-blanc.gif);
background-position:top;
background-repeat:no-repeat;
width:149px;
height:160px;
text-align:center;
border-bottom:
1px dotted #00a1cc;}
.listeReference img {

/*border:3px solid #fff;*/
width:100px;
height:100px;
margin:2px 0;}
.listeReference a:link{
text-decoration:none;
padding-top:3px;
font-weight:bold;}
.listeReference  a:hover{
text-decoration:underline;
font-weight:bold;}
.listeReference a:visited{
text-decoration:none;
font-weight:bold;}


/* liste de catégories */


.listeCat li {
clear:both;
vertical-align:middle;
list-style-type:none;
margin-bottom:10px;
display:block;
border-right:2px solid #5DD0EE;
padding: 8px 5px 3px 18px;
background-color:#F1F1F1;
background-image:url(fond_demirond_blanc.gif);;
background-position:left;
background-repeat:no-repeat;
border-bottom:1px dotted #00a1cc;}

.listeCat li a:link{
text-decoration:none;
padding-top:3px;
font-weight:bold;}
.listeCat li a:hover{
text-decoration:underline;
font-weight:bold;}
.listeCat li a:visited{
text-decoration:none;
font-weight:bold;}




ul.listeRef li {
clear:both;
vertical-align:middle;
list-style-type:none;
margin-bottom:15px;
display:block;
border-right:1px solid #5DD0EE;
padding: 0 5px 3px 0;
background-color:#F1F1F1;}
img.vignetteListe {
float:left;
margin:2px 8px 0 0;
border:3px solid #ccc;
width:45px;
height:45px;}
ul.listeRef li a:link{
text-decoration:none;
padding-top:3px;
font-weight:bold;}
ul.listeRef li a:hover{
text-decoration:underline;
font-weight:bold;}
ul.listeRef li a:visited{
text-decoration:none;
font-weight:bold;}
/* ---------- liens corps ---------- */

td#domaines a {
	color:#FFF;
	text-decoration:none;
}
td#domaines a:visited {
	color:#DDD;
}
td#domaines a:hover {
	text-decoration:underline;
}
#nav li.aa a, #nav li.ab a, #nav li.ac a, #nav li.ad a {
	color:#FFF;
	text-decoration:none;
}
#nav li.aa a:visited, #nav li.ab a:visited, #nav li.ac a:visited, #nav li.ad a:visited {
	color:#FFF;
}
#nav li.aa a:hover, #nav li.ab a:hover, #nav li.ac a:hover, #nav li.ad a:hover {
	text-decoration:underline;
}
#nav li li a {
	color:#666 !important;
	text-decoration:none !important;
}
#nav li li a:visited {
	color:#BBB !important;
}
#nav li li a:hover {
	text-decoration:underline !important;
}
table#news td a {
	color:#0192B9 !important;
	text-decoration:none !important;
}
table#news td a:visited {
	color:#962A64 !important;
}
table#news td a:hover {
	text-decoration:underline !important;
}

/* ------------------------ bloc pied ------------------------ */

#pied {
	background-image:url(fond_pied.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-top:60px;
}
#pied p {
	font-size:10px;
	margin:0;
	margin-top:5px;
	padding:0 12px 0 12px;
	text-align:center;
	letter-spacing:0.02em;
}