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

bleu fond = #0A4381
bleu clair = #0B4D92 ??
orange = #5a81c1
*/


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;
}
#plan-du-site h4, #plan-du-site a:link, #plan-du-site a:visited, #plan-du-site a:active { color: black; }

#container {
	width:990px;
	margin-left:auto;
	margin-right:auto;
}

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

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

.entete {
	width:auto;
	background-image: url(img/bg4.jpg);
	background-repeat: no-repeat;
	background-color: #0a4381;
}

#footer {
	background-image: url(img/footer.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
}

.Textefooter {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #5a81c1;

}

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

#contener { 
	/*background: #004582 url('img/background.gif') center bottom repeat-x;*/
	background: #004582 url('img/article_background.gif') top center no-repeat; padding: 0; margin: 0 auto; text-align: center; }
#contener_accueil { 
	background: #004582 url('img/accueil_background.gif') 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 url('img/bg4.jpg') repeat-x; }
#article-gauche { 
	background: transparent url('img/article-gauche-body.jpg') repeat-y;
	/*width: 185px; height: 319px;*/ margin: 0; padding: 0; }
#article-centre { 
	background: transparent url('img/article-centre-body.jpg') repeat-y;
	/*width: 614px; height: 319px;*/ margin: 0; padding: 0;
	line-height: 20px; text-align: justify; }
	
#article-centre embed#Virtools { margin-left: 10px; }	

#article-droite { 
	background: transparent url('img/article-droite-body.jpg') repeat-y;
	margin: 0; padding: 0; text-align: left; }
	
.texte { padding: 0; margin: 0; min-height: 120px; }
.texte img { margin: 0; padding: 0; border: 0; }
.texte img.droite, .texte .droite { margin: 12px; padding: 0; border: 0; float: right; text-align: center; cursor: pointer; }
.texte img.gauche, .texte .gauche { margin: 12px; padding: 0; border: 0; float: left; text-align: center; cursor: pointer; }
.texte h2 { padding: 0 12px; margin: -30px 0 10px; text-align: right; }
.texte h3, #projet h3, .projet h3, #reference h3, .reference h3 { padding: 8px 12px 4px; !padding: 7px 12px 3px; margin: 0;  text-align: right; }
h4 { font-size: 13px; color: #FF9900; }
#article-centre p, .texte p, .texte span { padding: 8px 12px; !padding: 7px 12px; margin: 0; }
#article-centre ul {  padding: 8px 12px 8px 8px; !padding: 7px 12px 7px; margin: 0 0 0 16px;  }
.texte .img-legende {font-size: 9px; line-height: normal;}
#article-droite img, #article-droite p object, #article-droite h3 { text-align: center; }

#projet, .projet { 
	background-color: transparent; 
	width: 96%;/* border: 1px solid black; margin: 8px 12px;*/
	padding: 8px 0; !padding: 7px 0; margin: 2px 0 8px;
	font-size: 12px; color: black;
}

#reference, .reference { /*background-color: #FFCC33;*/ background-color: transparent; padding: 4px 2px; margin: 8px 12px; border: 3px double #FF9900; }
#reference h3, .reference h3 { /* border-bottom: 3px double #FF9900;*/ }

/*
#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: white url('img/footer.jpg') repeat-x; 
	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 { 
	background: transparent url('img/ligne-menu-gauche.jpg') 0% top no-repeat; color: white;
}
ul#menu-gauche a:active, ul#menu-gauche a:hover { 
	background: transparent url('img/ligne-menu-gauche.jpg') 100% top no-repeat; color: white;
}


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

.texte, #article-droite { 
	font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: white;
}
.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; }

/*#article-droite ul li { padding: 0; margin: 6px 0 6px; }*/

ul li, #article-droite ul li { padding: 0; margin: 6px 0 6px; list-style-image: url('img/liste-fleche.gif'); }
ul ul li { margin: 4px 0 4px 4px; }
#article-droite ul ul li { margin: 4px; }
ul ul li, #article-droite ul ul li { padding: 0; list-style-image: url('img/liste-tiret.gif'); }
/*#article-droite ul { margin: 0; !margin-left: 30px; }
#article-droite ul ul li { padding: 0; margin: 4px; } */
#article-droite ul li { padding: 0; margin: 4px 10px 4px -14px; !margin: 4px 10px 4px -11px; list-style-image: url('img/liste-fleche.gif'); }
#article-droite ul ul li { padding: 0; margin: 4px 10px 4px -26px; !margin: 4px 10px 4px -22px; list-style-image: url('img/liste-tiret.gif'); }

#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; }

#footer { 
	font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #004582; font-weight: bold;
}
#footer .Style2 { font-size: 12px; }
#footer a, #footer a:active, #footer a:visited { color: #004582; text-decoration: none; }
#footer a:hover { color: #FF9900; text-decoration: none; }