*, html {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	color: #333333;
	background: #fff;
	font-family: "Lucida Grande", Arial, Verdana, arial, Tahoma, Helvetica, Sans-Serif;
	font-size: 85%;
	width: 100%;
	height: 100%;
	text-align: center;
}

/******************************************************************/
/************** Style sur les balises globales ********************/
/******************************************************************/
img, fieldset {
	border: none;
}

a {
	color: #9e8a49;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/********************************/
/********* Formulaire ***********/
/********************************/
form fieldset#inscriptionNL, .formulaire fieldset {
	background: #ededed;
	padding: 5px 5px 15px 10px;
	margin: 10px 0 15px 0;
}

form fieldset#inscriptionNL {
	padding-top: 20px;
}

form fieldset#inscriptionNL label, .formulaire fieldset label {
	width: 50%;
	float: left;
	font-size: 12px;
	margin: 0 0 10px 0;
}

input, select, textarea {
	color: #333333;
}

form fieldset#inscriptionNL label input, form fieldset#inscriptionNL label select, 
.formulaire fieldset label input, .formulaire fieldset label select {
	display: block;
}

#contenu form {
	margin: 0 30px 15px 20px;
}

fieldset#inscriptionNL select, .formulaire fieldset select {
	width: 190px;
}

fieldset#inscriptionNL input, .formulaire fieldset input {
	width: 186px;
}

.formulaire fieldset textarea {
	width: 440px;
	height: 100px;
}

#contenu .formulaire h3 {
	margin-left: 0;
}

fieldset#inscriptionNL {
	overflow: hidden;
}

fieldset#inscriptionNL .boutonEnvoie, .formulaire fieldset .boutonSubmit, form #boutonDesinscription, .formulaire .bouton .boutonSubmit {
	width: auto;
	float: right;
	border: none;
	margin-right: 62px;
	cursor: pointer;
	background: none;
	text-decoration: underline;
}

html>body form #boutonDesinscription {
	margin-top: -28px;
}

.formulaire fieldset .boutonSubmit {
	margin: -18px 55px 0 0;
}

#contenu #infoNewsletter {
	font-size: 11px;
}

#contenu #infoNewsletter p, #contenu .formulaire p {
	margin: 0;
	font-size: 11px;
}

#contenu #infoNewsletter ul {
	margin: 0;
	list-style: inside;
	font-size: 11px;
}

/******************************************************************/
/************************** Bloc Page *****************************/
/******************************************************************/
#page {
	width: 984px;
	margin: 0 auto;
	height: 100%;
	position: relative;
	text-align: left;
}

html>body #page {
	min-height: 100%;
	height: auto;
}

/***********************************************************/
/******************** Bloc conteneur ***********************/
/***********************************************************/
#conteneur {
	background: url(images/degradeInside.jpg) repeat-y;
}

/******************************************************/
/**************** Bloc Entete *************************/
/******************************************************/
#entete {
	height: 100px;
	position: relative;
	font-size: 12px;
	background: url(images/degradeHaut.jpg) no-repeat 0 100%;
	padding: 0 196px 0 49px;
}

#entete, #entete a {
	color: #666666;
}

#entete h1 {
	position: absolute;
	top: 15px;
	left: 24px;

}

#entete h1 a {
	display: block;
	width: 145px;
	height: 62px;

	text-decoration: none;
	outline: none;
	text-indent: -5000em;
	background: url(images/logoICA.jpg) no-repeat top left;
}

#entete a#lienMinistere {
	position: absolute;
	background: url(images/logoministere.jpg) no-repeat top left;
	width: 134px;
	height: 51px;
	left: 180px;
	top: 21px;
	text-indent: -5000em;
	outline: none;
}

#entete ul {
	margin: 0;
	position: relative;
	left: 304px;
	top: 58px;
	font-family: arial, sans-serif;
}

#entete ul li {
	display: inline;
}

#entete form {
	position: absolute;
	top: 48px;
	right: 200px;
	width: 245px;
	font-family: arial, sans-serif;
}

#entete form label {
	position: relative;
	top: -13px;
}

#entete form input {
	width: 126px;
}

#entete form input.boutonSubmit {
	width: auto;
}

/******************************************************/
/********************* Bloc Flash *********************/
/******************************************************/
#blocFlash {
	border-bottom: 1px solid #fff;
	position: relative;
	margin: 0 196px 0 49px;
}

#blocFlash img, #blocFlash object {
	display: block;
}

#blocFlash img#imageBlocFlash {
	position: absolute;
	top: 0;
	left: 319px;
}

/******************************************************/
/********************* Bloc Menu **********************/
/******************************************************/
#menuPrincipal {
	background: url(images/fondMenu.gif) repeat-x;
	height: 46px;
	padding: 0 0 0 12px;
	position: relative;
	margin: 0 196px 0 49px;
}

#menuPrincipal ul {
	margin-left: 10px;
	list-style: none;
}

#menuPrincipal ul li {
	float: left;
	width: auto;
	position: relative;
	z-index: 11;
	height: 46px;
	line-height: 46px;
	margin-right: 12px;
}

#menuPrincipal ul li a {
	color: #d1cfcf;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	display: block;
}

/* Ul du 2eme niveau */
#menuPrincipal ul ul {
	display: none;
}

#menuPrincipal ul ul li.dernierLien a, #menuPrincipal ul ul li.dernierLien ul li.dernierLien a {
	border: none;
}

#menuPrincipal ul ul li.dernierLien ul li a {
	border-bottom: 1px solid #979797;
}

#menuPrincipal ul ul li {
	margin-right: 0;
}

#menuPrincipal ul li.sfhover, #menuPrincipal ul li:hover {
	z-index: 15;
}

#menuPrincipal ul li.sfhover ul li.sfhover, #menuPrincipal ul li:hover ul li:hover {
	z-index: 20;
}

#menuPrincipal ul li.sfhover ul, #menuPrincipal ul li:hover ul {
	display: block;
	position: absolute;
	left: -10px;
	top: 35px;
	background: #4e4e4e;
	width: 200px;
	text-align: left;
	padding: 5px 0;
	z-index: 4;
}

#menuPrincipal ul li.sfhover ul li ul, #menuPrincipal ul li:hover ul li ul {
	display: none;
}

#menuPrincipal ul li.sfhover ul li.sfhover ul, #menuPrincipal ul li:hover ul li:hover ul {
	display: block;
	top: 5px;
	left: 150px;
}

#menuPrincipal ul ul li {
	display: block;
	padding: 0;
	margin: 0;
	line-height: 18px;
	height: auto;
	float: left;
	width: 200px;
}

#menuPrincipal ul ul li a {
	margin: 0 10px;
	border-bottom: 1px solid #979797;
	display: block;
	color: #9e8a49;
	text-transform: none;
	width: 180px;
}

#menuPrincipal ul ul li a:hover {
	background: #656565;
	color: #ebebeb;
	text-decoration: none;
}

/******************************************************/
/**************** Bloc blocContenu ********************/
/******************************************************/
#blocContenu {
	position: relative;
	margin: 0 196px 0 49px;
}

.spacer {
	clear: both;
	visibility: hidden;
}

#blocContenu #lienUtile {
	text-align: right;
	color: #5f5f5f;
	margin-top: 15px;
	font-size: 10px;
}

#blocContenu #lienUtile li {
	display: inline;
	margin-right: 2px;
}

#blocContenu #lienUtile li a {
	color: #5f5f5f;
	text-transform: uppercase;
	letter-spacing: -1px;

}

/*******************************************/
/************** Bloc Contenu ***************/
/*******************************************/
#contenu {
	float: left;
	width: 571px;
	padding-top: 25px;
}

#contenu #resume {
	/*font-weight: bold;*/
	margin: 0 30px 15px 0;
}

#contenu #resume p.imggauche {
	float: left;
	margin: 0 15px 2px 0;
}

#contenu #resume img.imggauche {
	margin-left: 0;
}

#contenu #resume img {
	margin-left: 20px;
}

#contenu a {
	text-decoration: underline;
}

#contenu a.lienVideo {
	background: url(images/puceVideo.gif) no-repeat 0 3px;
	padding-left: 15px;
}

#contenu a.lienSon {
	background: url(images/puceSon.gif) no-repeat 0 2px;
	padding-left: 15px;
}

#contenu a:hover {
	text-decoration: none;
}

#contenu #fileAriane {
	font-size: 12px;
	padding: 6px 0 10px 0;
	margin: 0 30px 15px 20px;
	border-bottom: 1px solid #ebebeb;
}

#contenu #fileAriane strong, #contenu #fileAriane span {
	color: #9e8a49;
}

#contenu #fileAriane a {
	text-decoration: none;
}

#contenu #fileAriane a:hover {
	text-decoration: underline;
}

#contenu h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 16px;
}

#contenu h2, #contenu h3, #contenu h4, #contenu h5, #contenu h6 { 
	margin-left: 20px;
}

#contenu h3 {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;
}

#inside #contenu h3 {
clear: both;
}

#contenu p, #contenu ul, #contenu ol {
	margin: 0 30px 8px 20px;
	font-size: 12px;
}

#contenu ul {
	list-style: inside disc;
}

#conteneur #blocVideo {
	position: absolute;
	border: 1px solid #ccc;
	background: #fff;
	z-index: 55;
	padding-bottom: 10px;
	padding: 10px 0;
	width: 354px;
	left: 100px;
	cursor: move;
}

html>body #blocVideo {  
	margin-top: 90px;
}

#blocVideo p {
	text-align: center;
	margin-top: 350px;
}

#page #conteneur .grosBloc {
	position: absolute;
	border: 1px solid #ccc;
	background: #fff;
	z-index: 55;
	padding-bottom: 10px;
	padding: 10px 0;
	width: 720px;
	left: 100px;
	cursor: move;
}

#page #conteneur .grosBloc p {
	text-align: center;
	margin-top: 580px;
}

html>body #conteneur .mp3 {  
	margin-top: 240px;
}

#conteneur .mp3 p {
	margin-top: 120px;
}

#blocVideo a {
	background: url(images/boutonClose.jpg) no-repeat;
	padding: 3px 0 4px 22px;
	text-transform: uppercase;
	color: #666666;
	font-size: 11px;
}

#player {
	position: absolute;
	top: 5px;
	left: 2px;
	cursor: move;
	z-index: 150;
	cursor: move;
}

.mp3 #player {
	left: 22px;
}

em.bigVideo {
	font-style: normal;
}

/***************************************/
/************** Home *******************/
/***************************************/
#articleAccueil {
	float: left; 
	width: 270px;
}

#articleAccueil #fileAriane {
	margin: 0 15px 15px 20px;
}

#articleAccueil #resume {
	margin-right: 15px;
}

#articleAccueil #resume p {
	margin-right: 0;
}

#articleAccueil p {
	margin-right: 15px;
}

#blocActuHome {
	float: left;
	width: 286px;
}

#blocActuHome h2 {
	margin-left: 0;
}

#blocActuHome #fileArianeActu {
	font-size: 12px;
	padding: 6px 0 10px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #ebebeb;
}

#blocActuHome #fileArianeActu a {
	text-decoration: none;
}

#blocActuHome #fileArianeActu a:hover {
	text-decoration: underline;
}

#blocActuHome .imageActu {
	float: left;
	width: 70px;
	margin-right: 0; 
	margin: 0 15px 15px 0;
}

#blocActuHome .imageActu img {
	width: 66px;
	height: 53px;
	border: 2px solid #9e8a49;
}

.listeActuHome {
	clear: both;
	padding-bottom: 10px;
}

#blocActuHome h3 {
	font-size: 13px;
	margin: 0;
	font-weight: normal;
}

#blocActuHome h3 a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

#blocActuHome h3 a:hover {
	text-decoration: underline;
}

#blocActuHome p {
	margin-left: 0;
}

/***************************************/
/********** Actu + Recherche ***********/
/***************************************/
#listeActu h3, #recherche h3 {
	font-size: 13px;
	margin-left: 20px;
}

#listeActu h3 a, #recherche h3 a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

#listeActu h3 a:hover, #recherche h3 a:hover {
	text-decoration: underline;
}

#listeActu h3 {
	clear: both;
}

#listeActu p.imageActu {
	float: left;
	margin: 0 15px 15px 10px;
	width: 120px;
}

#listeActu p.imageActu img {
	border: 2px solid #9e8a49;
}

html>body #listeActu p.imageActu {
	margin-left: 20px;
}

#listeActu .detailActu p {
	margin-bottom: 0;
}

#listeActu .detailActu, #recherche .detailRecherche {
	margin-bottom: 15px;
}

#listeActu .detailActu p, #recherche .detailRecherche p {
	margin-bottom: 0;
}

#recherche h3 {
	clear: both;
}

#recherche p.fileArianeRecherche {
	margin: 0 0 0 20px;
	color: #9e8a49;
}

#recherche p.fileArianeRecherche a {
	margin: 0;
	color: #9e8a49;
	text-decoration: none;
}

#recherche p.fileArianeRecherche a:hover {
	text-decoration: underline
}

#contenu #pagination {
	text-align: left;
}

#contenu #pagination a {
	text-decoration: none;
}

#contenu #pagination a:hover {
	text-decoration: underline;
}

#contenu #pagination strong {
	color: #a08a49;
}

#contenu #pagination a#previousPage {
	background: url(images/flechesPrecedente.gif) no-repeat 0 3px;
	padding: 0 6px 0 14px;
}

#contenu #pagination a#nextPage {
	background: url(images/flechesSuivante.gif) no-repeat 100% 3px;
	padding: 0 14px 0 6px;
}

#contenu p.imggauche img {
	border: 2px solid #9e8a49;
}

/***************************************/
/************** planDuSite *************/
/***************************************/
#plansite {
	margin: 0 30px 15px 20px;
}

#plansite h3, #plansite h4, #plansite h5 {
	margin: 0;
}

#plansite a {
	text-decoration: none;
	display: block;
	width: 90%;
}

#plansite a:hover {
	text-decoration: underline;
}

#plansite h3 {
	background: #ededed;
	font-size: 13px;
	padding: 2px 0 2px 3px;
	margin-top: 15px;
}

#plansite h3 a {
	color: #333333;
	text-decoration: none;
}

#plansite .bloch4 {
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
}

#plansite .bloch4 h4 {
	padding-left: 15px;
	font-size: 12px;
	border-bottom: 1px solid #ebebeb;
	line-height: 18px;
}

#plansite .bloch5 {
	margin: 0 5px 0 30px;
}

#plansite .bloch5 h5 {
	font-size: 11px;
	line-height: 16px;
}

#plansite .bloch5 h5 a {
	background: url(images/pucePlanSite.gif) no-repeat top left;
	padding-left: 12px;
}



/*******************************************/
/************** Bloc Contenu ***************/
/*******************************************/
#menuSecondaire {
	margin: 14px 0 0 0;
	float: left;
	width: 168px;
	/*background: url(images/photoMenuDroit.jpg) no-repeat;*/
	padding-top: 62px;
	position: relative;
	z-index: 1;
}

img#imageMenu {
	display: block;
	top: 14px;
	/*right: 55px;
	right: 0;*/
	left: 570px;
	position: absolute;
}

#menuSecondaire ul {
	list-style: none;
	background: #fff;
}

#menuSecondaire ul li {
	float: left;
}

html>body #menuSecondaire li {
	position: relative;
	float: none;
}

#menuSecondaire ul li a {
	display: block;
	line-height: 20px;
	height: auto;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	width: 100%;
	font-size: 13px;
	color: #5f5f5f;
	text-transform: uppercase;
	font-size: 11px;
}

#menuSecondaire ul li.sfhover a {
	background: #ededed;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: bold;
}

#menuSecondaire ul li:hover a, #menuSecondaire ul li.sfhover a {
	background: #ededed;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: bold;
}

#menuSecondaire ul li:hover a:hover, #menuSecondaire ul li.sfhover a:hover {
	text-decoration: none;
}

#menuSecondaire ul li ul {
	display: none;
	position: absolute;
	border: 1px solid #999999;
	padding: 6px 0;
	width: 190px;
}

#menuSecondaire ul li:hover ul, #menuSecondaire ul li.sfhover ul  {
	display: block;
	left: -190px;
	margin-top: -22px;
}

#menuSecondaire ul li.sfhover ul a, #menuSecondaire ul li:hover ul a {
	background: none;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	font-weight: bold;
	color: #9e8a49;
	margin: 0 6px;
	width: 95%;
	text-transform: none;
}

#menuSecondaire ul li.sfhover ul a:hover, #menuSecondaire ul li:hover ul a:hover {
	background: #ece8db;
	text-decoration: none;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

#menuSecondaire ul li.sfhover ul li ul, #menuSecondaire ul li:hover ul li ul {
	position: absolute;
	display: none;
}

#menuSecondaire ul li:hover ul li:hover ul, #menuSecondaire ul li.sfhover ul li.sfhover ul {
	position: absolute;
	left: -195px;
	margin-top: -22px;
	display: block;
	border: 1px solid #999999;
	padding: 6px 0;
	width: 190px;
}

html>body #menuSecondaire ul li:hover ul li:hover ul, html>body #menuSecondaire ul li.sfhover ul li.sfhover ul {
	top: 0;
	left: -192px;
	margin: 0;
}

#menuSecondaire ul li:hover ul li:hover ul a , #menuSecondaire ul li.sfhover ul li.sfhover ul a {
	display: block;
	margin: 0 6px;
	width: 95%;
	font-size: 11px;
}

html>body #menuSecondaire ul li:hover ul li:hover ul a , html>body #menuSecondaire ul li.sfhover ul li.sfhover ul a {
	width: auto;
}

/******************************************************/
/**************** bloc Pub ****************************/
/******************************************************/
#blocPub {
	position: absolute;
	top: 87px;
	right: 0;
	padding-bottom: 121px;
	background: url(images/refletBlocPub.jpg) 0 100%;
	z-index: 1;
}

/*******************************************/
/************** Bas Page *******************/
/*******************************************/
#basPage {
	background: url(images/degradeBas.jpg) no-repeat top left;
	padding: 49px 189px 15px 48px;
	text-align: center;
	font-size: 10px;
	clear: both;
}

/*********** Style utiles ***************/
#contenu img.imggauche {
	float: left;
	margin: 0 15px 2px 0;
}

#contenu img.imgdroite {
	float: right;
	margin: 0 0 2px 15px;
}

#contenu .borderimage { 
	border: 2px solid #9e8a49;
}

#contenu p.centrerimage { 
	text-align: center;
}

#contenu p.centrerimage img {
	margin: 0;
}

#contenu p.clear {
	clear: both;
}

/************ Sommarisation ***********/
#contenu #contentsommaire {
	clear: both;
	position: relative;
}

html>body #contenu #contentsommaire { 
	padding-top: 22px;
}

html>body #page #contenu .sommaireSansResume { 
	padding-top: 0;
}

#contenu #sommaire ul {
	overflow: hidden;
	list-style: none outside;
	margin: 0 30px 25px 20px;
}

#contenu #sommaire ul li a {
	font-style: normal;
	width: 100%;
	display: block;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	text-decoration: none;
	line-height: 20px;
}

#contenu #sommaire ul li a:hover, #contenu #sommaire ul li#lienSommaireActif a {
	background: #ece8db;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

#contenu #contentsommaire h3 {
	display: none;
}

.showed {
	text-align: justify;
} 

/* Style pour afficher ou cacher du contenu */
#contenu .hide {
	display: block;
}

#contenu .hided {
	display: none; 
}

/**** Formulaire de commande *****/
#contenu .tableauCommande {
	padding: 20px 0 20px 0;
	clear: both;
}

#contenu .tableauCommande table {
	width: 100%;
	border-collapse: collapse;
}

#contenu .tableauCommande table th {
	text-align: center;
	padding: 2px 0;
}

#contenu .tableauCommande table th, #contenu .tableauCommande table td {
	border: 1px solid #999;
	font-size: 12px;
}

#contenu .tableauCommande table td {
	padding: 2px 6px;
}

#contenu .tableauCommande table td.prixUnitaire {
	padding: 2px 0;
	text-align: center;
	width: 60px;
}

#contenu .tableauCommande table td.quantite {
	background: #fff;
}

#contenu .tableauCommande table input {
	width: 50px;
	border: none;
	background: #fff;
	text-align: center;
}

#contenu .calendrier {
	margin: 0 30px 15px 20px;
}

#contenu .calendrier table {
	margin: 0 auto;
	border-collapse: collapse;
	text-align: center;
}

#contenu .calendrier table th {
	height: 35px;
	line-height: 35px;
}

#contenu .calendrier table td, #contenu .calendrier table th {
	border: 1px solid #ccc;
}

#contenu .calendrier table td {
	background: #ebeced;
}

#contenu .calendrier table td a {
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #fff;
	text-decoration: none;
}

#contenu .calendrier table td a:hover {
	background: #ece8db;
}