/* --------------------------------------------------------------------------------------*/
/* ---------------------------- Style pour les zones de contenu */

/* ---------------------------- Titre */
#contenu .titre-chapitre
{
  text-transform:uppercase;
  font-weight:bold;
}

#contenu .titre-chapitre, .titre-chapitre *,
#contenu .titre-chapitre span
{
  font-size:18px;
}

#contenu .titre-page
{
  font-weight:bold;
}

#contenu .titre-page *,
#contenu .titre-page span
{
  font-size:16px;
  color:#f4a200;
}

#contenu .titre-paragraphe
{
  color:#f4a200;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
  background-image: url('/common/images/puces/puce_titre.gif');
  background-repeat: no-repeat;
  background-position:0px 1px;
  margin-bottom:5px;
}
#contenu .titre-paragraphe{
  color:#f4a200;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
}

#contenu .titre-paragraphe-normal
{
  color:#f4a200;
  font-size:11px;
  font-weight:bold;
  background-image: url('/common/images/puces/puce_titre.gif');
  background-repeat: no-repeat;
  background-position:0px 1px;
  margin-bottom:5px;
}

/* ---------------------------- Texte */

#contenu p
{
  line-height:1.30em;
  margin-left:10px;
  margin-right:10px;
}

#contenu p.contenu
{
  text-align:justify;
  margin-bottom:10px;

}

#contenu div.contenu
{
  text-align:justify;
  margin-right:10px;
}

#contenu .texte-rouge
{
	color:#d24305;
}

#contenu .texte-bleu
{
  color:#025997;
}

#contenu .gras, #contenu .gras *
{
	font-weight:bold;
}

#contenu .souligne, #contenu .souligne *
{
  text-decoration:underline;
}

#contenu .italique, #contenu .italique *
{
  font-style:italic;
}

.exposant, .exposant *
{
  font-size:9.5px;
  color:inherit;
  text-decoration:none;
  position:relative;
  top:-4px;
}

/*
.exposant, .exposant *
{
  vertical-align:super;
  font-size:9.5px;
  color:inherit;
  text-decoration:none;
}

.exposant2, .exposant2 *
{
  font-size:9.5px;
  color:inherit;
  text-decoration:none;
  position:relative;
  top:-4px;
}*/


.exposantSmall
{
  vertical-align:2px;
  font-size:8px;
  color:inherit;
  text-decoration:none;
}

.jaune,
.jaune *
{
  color:#f4a200;
}

#contenu sup
{
  vertical-align:super;
  font-size:inherit;
}

#contenu .couleur, #contenu .couleur *
{
  color:#f4a200;
}


#contenu .red, #contenu .red *
{
  color:#D24305;
  font-weight:bold;
}

/* ---------------------------- Lien */

#contenu a, #contenu a *
{
  color:#f4a200;
  text-decoration:none;
}

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


/* ---------------------------- Image */

#contenu p img
{
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  border-width:2px;
  border-color:#f4a200;
  border-style:solid;
}
/*DEBUT : rajout pour bordures et marges*/
#contenu .imageGauche img.yellowBordered
{
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  border-width:2px;
  border-color:#f4a200;
  border-style:solid;
}
#contenu .imageGauche img.notBordered
{
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  border:0px;
}
/*FIN*/
#contenu .imageDroite img{
	float:right;
}

#contenu .imageGauche img{
	float:left;
 	margin-left:0px;
 	margin-right:10px;
	margin-bottom:20px;
}

#contenu table.imageDroite{
	float:right;
 	/*margin-left:10px;
 	margin-right:10px;*/
	margin-bottom:10px;
}

#contenu table.imageGauche{
	float:left;
 	/*margin-left:0px;
 	margin-right:10px;*/
	margin-bottom:10px;
}

.accompGauche{
	float:left;
	margin-top:20px;
}

#contenu table.imageCentre{
	margin:auto;
}

#contenu table.imageDroite td,
#contenu table.imageGauche td{
	text-align:center;
}

#contenu table.imageDroite .legende{
	text-align:center;
}

#contenu table.imageGauche .legende{
	text-align:center;
}

#contenu table.imageDroite img,
#contenu table.imageGauche img{
  border-width:2px;
  border-color:#f4a200;
  border-style:solid;
  margin-bottom:5px;
  float:none;
}

#contenu .legendeDroite{
	float:right;
	width:170px;
	clear:right;
	text-align:center;
	margin-right:12px;
}

#contenu .legendeGauche{
	float:left;
	width:200px;
	clear:left;
	text-align:center;
	margin-left:12px;
}

#contenu p.separation
{
  text-align:center;
  margin-bottom:20px;
}

#contenu p.separation img
{
  border-width:0px;
}

#contenu img.noBorder, #contenu tr td img.noBorder
{
  border:0px;
}

#contenu img.noMargin
{
  margin-left:5px;
  margin-right:5px;
}

#contenu img.noMarginAtAll
{
  margin-left:0px;
  margin-right:0px;
  margin-bottom:0px;
}
/* ---------------------------- Fieldset */

#contenu fieldset
{
	border: 2px solid #f4a200;
	margin:10px;
}

#contenu fieldset p
{
	margin:0px;
	background-color:#eee;
	padding:5px;
	text-align:justify;
	color:#000;
	font-weight:bold;
}

/* ---------------------------- Listes */

#contenu ul li.noPuce
{
	list-style-type:none;
	list-style-image:none;
}

#contenu ul, #contenu ol
{
	list-style-position: inside;
}

#contenu ul li
{
	list-style-type:none;
	list-style-image: url('/common/images/puces/puce_jaune.gif');
	margin-left: 30px;
	margin-right: 10px;
	text-align:justify;
}
* html #contenu ul li
{
	margin-left:27px;
	list-style-image: url('/common/images/puces/puce_jaune_ie.gif');
}

#contenu ul.aligned{
	margin-left:-17px;
}

#contenu ol li
{
	margin-left: 30px;
	margin-right: 10px;
	text-align:justify;
}
* html #contenu ol li
{
	margin-left:27px;
}

#contenu ul li ul li,
#contenu ol li ol li
{
	list-style-type:none;
}
/**//**//**/

#contenu ul.alignedList
{
	list-style-position: outside;
}

#contenu ul.alignedList li
{
	text-align:justify;
}

#contenu ul.alignedList{
	margin-left:-6px;
}
* html #contenu ul.alignedList{
	margin-left:0px;
}


/* ---------------------------- Tableaux */

#contenu table.tableUpperMarged td{
	padding-top:5px;
	padding-bottom:5px;
}

#contenu .tableau
{
  width:500px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  border-collapse:collapse;
}

#contenu table.intermServices
{
  width:350px;
}

#contenu .tableau *
{
  color:#f4a200;
}

#contenu .tableau td, #contenu .tableau th
{
  text-align:left;
  height:18px;
  border-width:1px;
  border-style:solid;
  border-color:#f4a200;
  padding-bottom:7px;
  padding-top:5px;
}

#contenu .tableau th
{
  text-align:left;
  background-color:#f4a200;
}

#contenu .tableau th.whiteRightBorder
{
	border-right-style:solid;
	border-right-width:1px;
    border-right-color:#ffffff;
}

#contenu .tableau th.whiteLeftBorder
{
	border-left-style:solid;
	border-left-width:1px;
    border-left-color:#ffffff;
}

#contenu .tableau td.gauche
{
	background-image:url('/common/images/puces/puce_jaune.gif');
	background-repeat:no-repeat;
  	background-position:12px 10px;
}

#contenu .tableau td.centre
{
	text-align:center;
}

#contenu .tableau td.gauche span.noir,
#contenu .tableau td.centre span.noir,
#contenu .tableau td.gauche span.noir *,
#contenu .tableau td.centre span.noir *,
#contenu .tableau td span.noir,
#contenu .tableau td span.noir *,
#contenu .tableau td.noir
{
	color:black;
}

#contenu .tableau .titre *
{
  color:#FFFFFF;
  font-weight:bold;
  text-transform:uppercase;
  margin-left:10px;
}

#contenu .tableau th.demarged *
{
  margin-left:0px;
  margin-right:0px;
  text-align:center;
}

#contenu .tableau th.demarged
{
  text-align:center;
}

#contenu .tableau th.demarged2 *
{
  margin-left:4px;
  margin-right:4px;
  text-align:center;
}

#contenu .tableau th.demarged2
{
  text-align:center;
}

#contenu .tableau .titreCentre *
{
  color:#FFFFFF;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
}

#contenu .tableau .titreCentre
{
  text-align:center;
  color:#FFFFFF;
}

#contenu .tableau p
{
  margin-left:20px;
  color:#000000;
}

#contenu .tableau .fond-1
{
  height:22px;
  background-color:#eeeeee;
}

#contenu .tableau .fond-2
{
  height:22px;
  background-color:#FFFFFF;
}

#contenu .tableau .titreBlanc, #contenu .tableau .titreBlanc *
{
  color:#FFFFFF;
}

#contenu .aDroite,div#contenu p.aDroite, #contenu .aDroite *,
#contenu .aDroite td
{
  text-align:right;
}

#contenu .centered,div#contenu p.centered, #contenu .centered *,
#contenu .centered td
{
  text-align:center;
}

#contenu .aGauche,div#contenu p.aGauche, #contenu .aGauche *,
#contenu .aGauche td
{
  text-align:left;
}

/*plan de site*/

.pdsElem{
	float:left;
	margin-right:30px;
}