/* Regroupement de styles pour l'apparence des éléments */

/* La marge du haut est requise pour les titres vietnamiens */
#contenu h1 {
	padding:2px 1px 7px 0px;
	color:#f7943e;
	font-size:26px;
	width:462px;
	}

#contenu h2 {
	padding-bottom:7px;
	color:#828282;
	font-size:14px;
}

#contenu h2.orange {
	color:#f7943e;
}

#contenu h3 {
	padding-bottom:7px;
	color:#828282;
	font-size:12px;
}


#contenu a.rouge {
	color:#a82935;
	font-size:12px;
}

#contenu ul {
	margin:0px 0px 1px 32px;
}

#contenu,
#contenu li,
#contenu td,
#contenu p {
	font-size:11px;
	line-height:17px;
}

#contenu ul {
	list-style-image:url(../../images/contenu/bullet.gif);
}

.paragraphe {
	margin:5px 0px 12px 0px;
}

#contenu a {
	color:#666666;
	font-weight:bold;
}

/* Pour agrandir la police */

/* Ancienne tailles
.large #contenu p { font-size:14px; line-height:19px; }
.large #contenu li { font-size:14px; }
.large #contenu label { font-size:14px; }
.large #contenu td { font-size:14px; }
.large #contenu h2 { font-size:16px; padding-bottom:4px; }
.large #contenu div.rectangles div div div { height:212px; }
*/

.large #contenu p { font-size:16px; line-height:21px; }
.large #contenu li { font-size:16px; line-height:21px; }
.large #contenu label { font-size:16px; }
.large #contenu td { font-size:16px; }
.large #contenu h2 { font-size:20px; padding-bottom:6px; line-height:24px; }
#fr .large #contenu div.rectangles div div div { height:314px; }
#en .large #contenu div.rectangles div div div { height:234px; }


/* Liens soulignés en tout temps à la demande du client
a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}*/

b {
	color:#999999;
	font-weight:normal;
}

#contenu a.plan {
	display:block;
	background-image:url(../../images/contenu/icone-plan.gif);
	background-repeat:no-repeat;
	background-position:1px 0px;
	padding:0px 0px 6px 20px;
	font-weight:normal;
	width:270px;
}

#contenu a.pdf {
	display:block;
	color:#000000;
	background-image:url(../../images/contenu/icone-pdf.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
	padding:3px 0px 1px 23px;
}

#contenu a.archives {
	display:inline-block;
	color:#000000;
	background-image:url(../../images/contenu/icone-archives.gif);
	background-repeat:no-repeat;
	background-position:2px 0px;
	padding:0px 0px 4px 25px;
}

table tr td {
	vertical-align:text-top;
}

img.gauche {
	float:left;
	padding:0px 15px 10px 0px;
}

img.droite {
	float:right;
	padding:0px 0px 10px 15px;
}

img.icone {
	vertical-align:-2px;
	margin:0px 5px 0px 1px;
}

div.clear {
	clear:both;
	height:1px;
	font-size:1px;
}

/* Uniformiser IE6 */
* html div.clear { margin-bottom:-2px; }

ul.triangle {
	list-style-image:url(../../images/contenu/bullet-triangle.gif);
}

div.tableau {
}

div.tableau div.titre {
	color:#666666;
	font-size:11px;
	background-color:#fff8e7;
	padding:0px 6px 1px 6px;
	border:#cccccc 1px solid;
	border-bottom:none;
}

#contenu div.tableau div.titre a,
div.tableau div.titre span {
	font-weight:normal;
	margin-right:8px;
	text-decoration:none;
}

#contenu div.tableau div.titre a:hover {
	text-decoration:underline;
}

#contenu div.tableau div.titre a.actif {
	font-weight:bold;
}

div.tableau div.titre a.retour {
	float:right;
}

div.tableau div.donnees div.bordure {
	border:#cccccc 1px solid;
	font-size:11px;
	padding:8px;
	overflow:hidden;
	width:482px;
	height:223px;
	margin-bottom:13px;
}

#contenu div.tableau div.donnees div.bordure a {
	display:block;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}

#contenu div.tableau div.donnees div.bordure a:hover {
	text-decoration:underline;
}

div.tableau div.donnees div.bordure table {
	display:block;
}

div.tableau div.donnees div.pagination {
	color:#808284;
	font-size:11px;
	text-align:center;
	margin-top:-8px;
	padding:0px 0px 10px 0px;
}

#contenu div.tableau div.donnees div.pagination a {
	color:#808284;
	font-weight:normal;
	padding:0px 3px;
	display:inline-block;
	text-decoration:none;
}

#contenu div.tableau div.donnees div.pagination a:hover {
	text-decoration:underline;
}

#contenu div.tableau div.donnees div.pagination a.gras {
	font-weight:bold;
}

#contenu div.tableau div.donnees div.pagination a.invisible {
	visibility:hidden;
}

div.rectangles {
	margin-top:7px;
}

div.rectangles div#rect2,
div.rectangles div#rect3 {
	margin-left:10px;
}

div.rectangles div.rect {
	width:160px;
	float:left;
	
	background-image:url(../../images/contenu/notre-approche/rect-bg-2.gif);
	background-repeat:repeat-y;
}

div.rectangles div div {
	background-image:url(../../images/contenu/notre-approche/rect-bg-1.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

div.rectangles div div div {
	padding:2px 11px 2px 12px;
	height:156px;
	
	background-image:url(../../images/contenu/notre-approche/rect-bg-3.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}

strong.erreur {
	color:#a82935;
	font-weight:bold;
	font-size:11px;
}

div.erreurs {
	padding:4px 0px;
	margin-top:10px;
}

div.erreurs ul,
div.erreurs li {
	color:#a82935;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

div.espacementFicheComplexe {
	height:10px;
}

/* Styles pour les formulaires */

form.bordure {
	border:#cccccc 1px solid;
	padding:3px 13px 0px 13px;
	margin:6px 0px 13px 0px;
}

textarea,
input {
	color:#808080;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

textarea,
input.champ {
	background-position:top left;
	background-repeat:no-repeat;

	border-top:#8f8f8f 1px solid;
	border-left:#cecece 1px solid;
	border-bottom:#e4e4e4 1px solid;
	border-right:#cecece 1px solid;
}

input.champ {
	background-image:url(../../images/contenu/champ-bg.gif);
	padding:1px 2px;
}

textarea {
	width:460px;
	background-image:url(../../images/contenu/textarea-bg.gif);
	padding:3px;
}

label {
	vertical-align:2px;			/* Correction de l'alignement entre les champs et leurs labels */
}

td.vignette {
	vertical-align:bottom;
}

td.labelDroite {
	text-align:right;
	padding-right:6px;
}

.encadre {
border:1px solid #D3D9DE;
padding:6px 10px;
background-color:#F6F6F6;
margin-bottom:15px;
}
.titreEncadre {
color:#A82935;
text-transform:uppercase;
font-weight:bold;
font-size:11px;
}

#contenu .encadre ul li a {
	font-size:10px;
}

#contenu .encadre ul li a.selected {
	color:#A82935;
	font-weight:bold;
}

/* Positionnement vertical différent pour Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    label { vertical-align:-1px; }
}

.input_avec_erreur,
input.input_avec_erreur,
textarea.input_avec_erreur,
select.input_avec_erreur {
	border:1px solid #A82935;
}