/* CSS Document */
/*
bleu canard = #004582
bleu canard clair = #037CBF
orange = #FF9900
*/

@page { size: landscape 29.0cm 20.0cm; }

body { background-color: transparent; }
object.noprint, img.noprint { display: none; }

a:link {
	color: #FF9900;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF9900;
}
a:hover {
	text-decoration: underline;
	color: #FF9900;
}
a:active {
	text-decoration: none;
	color: #FF9900;
}

.TexteActu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

.Titrepage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: black;
	text-align: center;
	background-color: #FFFFFF;
}

.entete {
	background-image: none;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#footer, .Textefooter { display: none; }

/*-----------------------------------------*/

#contener { 
	/*background: #004582 url('img/background.gif') center bottom repeat-x;*/
	background: transparent top center no-repeat; padding: 0; margin: 0; text-align: center; }
#contener_accueil { 
	background: transparent top center no-repeat; padding: 0; margin: 0 auto; text-align: center; }
	
#sous-contener { 
	border-collapse: collapse; border-spacing: 0; empty-cells: show; vertical-align: top;
	/*width: 820px; width: 1042px;*/ text-align: center; margin: 8px auto 10px; 
}
#sous-contener_accueil { /*width: 870px;*/ text-align: center; margin: 0 auto;  }

/*#accueil-body td, vertical-align: top;*/
#accueil-body { 
	/*padding: 11px 0 0 11px;*/ padding: 0; 
	margin: 0; !margin: 0 5px; height: 145px; display: inline;
	text-align: justify; 
}
#actualites { 
	background: transparent url('img/accueil_actualites.jpg') no-repeat;
	/*width: 345px;*/ height: 141px; margin: 0 0 0 10px; padding: 20px 0 0;
}
#nos-marches { 
	background: transparent url('img/accueil_nos-marches.jpg') no-repeat; 
	/*width: 490px;*/ height: 141px; margin: 0 10px 0 0; padding: 17px 2px 0;}

#fond-index { background: transparent; }

#article-gauche { 
	background: transparent; margin: 0; padding: 0;
	width: 0; }
#article-centre { 
	background: transparent; margin: 0; padding: 0;
	line-height: 20px; text-align: justify; }
#article-droite { 
	background: transparent; margin: 0; padding: 0;
	width: 205px; text-align: left; 
	line-height: 18px; }
	
.texte { padding: 0; margin: 0; min-height: 120px; }
.texte img { margin: 0; padding: 0; border: 0; }
.texte img.droite { margin: 12px; padding: 0; border: 0; float: right; }
.texte img.gauche { margin: 12px; padding: 0; border: 0; float: left; }
.texte h2 { padding: 0 12px; margin: -30px 0 10px; text-align: right; }
.texte h3 { padding: 8px 12px; !padding: 7px 12px; margin: 0;  text-align: right; }
.texte p, .texte span { padding: 8px 12px; !padding: 7px 12px; margin: 0; }

#reference { background-color: #FFCC33; padding: 4px 2px; margin: 8px 12px; border: 3px double #FF9900; }
#reference h3 { text-align: center; }

#projet { 
	background-color: transparent; 
	width: 95%; border: 1px solid black;
	padding: 1px; margin: 8px 12px;
	font-size: 12px; color: black;
}
#projet td { padding: 2px; }
#projet h3 { text-decoration: underline; text-align: center; }

#article-droite h3 { text-align: center; }
/*
#actualites dt { background: transparent url('img/actualites_header.jpg') no-repeat; height: 7px; }
#actualites dl { background: transparent url('img/actualites_footer.jpg') bottom no-repeat; height: 18px; }
*/

#footer-position { 
	clear: both; background: none; 
	width: 100%; margin: 2px 0 0; !margin: 10px 0 0; padding: 12px 0 0; !padding: 2px 0 0; 
	text-align: center;
}
/*#footer { 
	background: white url('img/footer.jpg') repeat-x;
	height: 17px; padding: 0 10px; !padding: 10px 10px 0; margin: 0 auto;
}
#footer-left { float: left; }
#footer-right { float: right; }
*/

/* ---------- MENU GAUCHE ----------- */

#article-gauche {  min-height: 30px; }
#article-gauche img { margin: 0; padding: 0; border: 0; }
#article-gauche ul { padding: 0 6px; margin: 0; }
ul#menu-gauche li {  
	list-style: none; list-style-image: none;
	width: 195px; padding: 0; margin: 0 1px;
	text-align: left;/* font-weight: bold;*/
}
ul#menu-gauche a { font-size: 11px; height: 20px; !height: 24px; padding: 5px 10px 0; margin: 0; 
    display: block; /* pour Firefox */
}
ul#menu-gauche a:link, ul#menu-gauche a:visited, ul#menu-gauche a:active, ul#menu-gauche a:hover { 
	background: transparent; color: black;
}



/* ---------- TYPOGRAPHIE ----------- */
h2 { font-size: 12px; }
h3 { font-size: 15px; }

.texte, #article-droite { 
	font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: black;
}
.texte h2 { font-family: Tahoma, Helvetica, Arial, sans-serif; color: #FF9900; width: 250px; text-transform: uppercase; float: right; }
.texte h3 { font-family: Helvetica, Arial, sans-serif; color: #FF9900; }
ul, #article-droite ul { padding: 0; margin: 4px 10px 4px 33px; list-style-image: url('img/liste-fleche.gif'); }
#article-droite ul { margin-left: 18px; !margin-left: 23px; }
ul li { padding: 0; margin: 6px; }

#article-centre .texte ul { color: black; }
.texte a:link, .texte a:active, .texte a:visited { color: #FF9900; text-decoration: none; }
.texte a:hover { color: #004582; text-decoration: none; }

#article-centre { color: black; }