* {padding:0; margin:0;}

body { width: 100%; background-color: #222222; background-image:url(http://www.troistiers.com/images/fond-02.png); background-repeat: repeat-y; background-position: 50% 50%; }

#global { width: 100%; }
#page { margin-left: auto; margin-right: auto; width: 900px; border: solid 3px #808080; background-color: white; text-align: center; margin-top: 20px; margin-bottom: 50px; }

#header { width: 900px; text-align: center; margin: 0px; padding: 0px; overflow:hidden; }
#header_1 { float:left; padding: 0px; margin: 0px; overflow:hidden; height: 80px; }
#header_2 { background:url(http://www.troistiers.com/images/TT_menu_sup.gif); margin-left: 450px; height: 80px; padding: 0px; text-align: right; vertical-align: bottom; overflow:hidden; }

#separator_1 { background:url(http://www.troistiers.com/images/TT_bandeau_sup.gif); width: 900px; height: 35px; padding: 0px; }

#wrap { position: relative; z-index: 0; background-color: white; }
#sidebar { float:left; position: relative; z-index: 0; background-color: white; width: 220px; padding: 5px; padding-right: 5px; border-right: solid 1px #e0e0e0; height: 100%; }
#main { position: relative; z-index: 1; background-color: white; width: 640px; margin-left:245px; margin-right: 5px; padding: 5px; padding-left:5px; }
#page_main {position: relative; z-index: 2; float:left; background-color: white; }
#article { position: relative; z-index: 3; width: 600px; min-height:100px; padding: 5px; padding-bottom: 20px; }
#publications { min-height:200px; padding: 5px; padding-bottom: 20px; float: left; width: 300px; text-align: center; display: block; }
#publications img { margin: 10px; }
#liens_connexes { clear:both; width: 550px; margin: 50px; }
#mot_cles { clear:both; width: 550px; margin: 50px; }
#page_sidebar { margin:auto; padding: 5px; }

#separator_2 { background:url(http://www.troistiers.com/images/TT_bandeau_inf.gif); width: 900px; height: 32px; padding: 0px; overflow:hidden; clear:both; }

#footer { clear:both; position: relative; z-index: 0; width:900px; background-color: #f2f2f2; text-align: left; background-image:url(http://www.troistiers.com/images/TroisTiers-logo-footer.png); background-repeat:no-repeat; background-position:755px 30px;}

#footer_1 { float:left; width:115px; padding-left: 5px; }
#footer_2 { float:left; width:115px; margin-left: 5px; }
#footer_3 { float:left; width:115px; margin-left: 5px; }
#footer_dsc { float:left; width:380px; margin-left: 10px; }
#footer_logo {  }

#copyright { clear:both; padding-top: 15px; }

#sujet_recent { height:250px; overflow: auto; }

#menu { text-align: left; padding: 0px; margin: 0px; }
/*#menu_3 { text-align: left; padding: 0px; margin: 0px; }*/
#diaporama { float: left; width: 300px; text-align: right; height: 350px; }
#diaporama_home { padding-top: 10px; text-align: left; }
#diaporama_reportage { float: left; width: 600px; height: 650px; text-align: center; }
#folio { width:885px; height: 510px; overflow: auto; margin-right: 15px; }
#expositions { width: 890px; overflow: auto; padding: 5px; text-align: center; }
#expo_photo { clear: both; margin-left: auto; margin-right: auto; margin-top: 20px; width: 700px; }
#expo_photo img { background-color: #fff; border: 1px solid #93c36c; padding: 25px; }
#expo_intro { float: left; margin-top: 15px; margin-bottom: 20px; padding-top: 10px; width: 500px; height: 500px; vertical-align: middle; border: solid 0px black; }
#expo_intro img { background-color: #fff; border: 1px solid #93c36c; padding: 25px; }
#expo_desc { float: left; width: 360px; vertical-align: bottom; padding: 15px; }
#expo_desc p { padding: 2px; padding-bottom: 8px; font-family: arial; font-size: 10pt; color: black; text-align: justify; }
#expo_desc li { line-height: 25px; padding: 3px; margin-left: 3px; margin-right: 3px; font-family: arial; font-size: 9pt; text-align: center; color: #004394; }
#expo_legende { overflow:auto; clear: both; width: 600px; margin-top: 10px; margin-left: 135px; margin-right: auto; padding: 5px; text-align: center; }
#expo_legende p.legende { float: left; border: dotted 0px #f0f0f0; height: 70px; width: 400px; padding: 6px; font-family: arial; font-size: 10pt; color: #404040; text-align: justify; }
#expo_legende p.credit_photo { float: right; clear: left; border: solid 0px #c0c0c0; margin-top: 5px; padding: 2px; font-family: arial; font-size: 8pt; color: #606060; text-align: right; }
#expo_legende p.localisation { float: right; border: solid 1px #f0f0f0; padding: 2px; font-family: arial; font-size: 8pt; color: #606060; text-align: right; font-style: italic; }
#expo_navigation { clear: both; width: 600px; border: dotted 1px #c0c0c0; margin-top: 10px; margin-left: 135px; margin-right: auto; padding: 5px; text-align: center; }
#expo_navigation li { display: inline; line-height: 25px; padding: 3px; margin-left: 3px; margin-right: 3px; font-family: arial; font-size: 9pt; text-align: center; color: #004394; border: solid 1px #92c36b; background-color: #fafcf9; }
#expo_navigation li:hover { display: inline; line-height: 25px; padding: 3px; margin-left: 3px; margin-right: 3px; font-family: arial; font-size: 9pt; text-align: center; color: #004394; border: solid 1px #92c36b; background-color: #f4f9f0; }


#description { font-family: arial; font-size: 10pt; text-align: left; padding: 4px; padding-left: 15px; height: 50px; margin-left: 25px; margin-right: 25px; vertical-align: middle;  background-position: 0px 5px; background-repeat: no-repeat; background-image: url("/images/puce.png"); background-color: #f4f9f0; border: solid 1px #92c36b; border-left: solid 5px #92c36b; }
#exemple { background-color: #f4f9f0; border: solid 1px #92c36b; border-left: solid 5px #92c36b; margin: 15px; margin-top: 30px; padding: 10px; }

#navigation { margin: 0; padding: 0; list-style: none; text-align: right;}
#navigation li { display: inline; padding: 5px; text-align: center; margin-top: 50px; border-left: dotted 1px gray; }

#index_portfolio { width: 620px; float: left; padding: 5px; padding-left: 0px; }
#index_reportages { width: 620px; float: left; padding: 5px; padding-left: 0px; }

#folio img { height: 450px; }
#folio_navigation { margin: 10px; padding: 0; padding-bottom: 10px; list-style: none; text-align: center; height: 20px;}
#folio_navigation li { display: inline; padding: 5px; text-align: center; border-left: dotted 1px gray; }

div.left_box li { background: url("/images/puce2.png"); background-repeat: no-repeat; background-position: 0px 10px; line-height: 17px; text-align: left; padding-left: 2px; }
div.left_box { clear: both; padding-top: 4px; padding-bottom: 2px; margin-bottom: 8px; text-align: left; }
div.boite_principal { margin: 0px; margin-top: 15px; width: 620px; text-align: center; }
div.titre { margin: 1px; margin-top: 4px; margin-left: 0px ; border-bottom: solid 2px #92c36b;}
div.ok { margin: 20px; padding-left: 50px; border: solid 2px green; background-color: #c5ffc5; background-image: url("http://www.troistiers.com/images/icones/ok.png"); background-position: 10px 2px; background-repeat: no-repeat; }
div.ko { margin: 20px; padding-left: 50px; border: solid 2px red; background-color: #ffc5c5; background-image: url("http://www.troistiers.com/images/icones/ko.png"); background-position: 10px 2px; background-repeat: no-repeat; }
div.warning { margin: 10px; padding: 5px; border: solid 1px red; background-color: #ffc5c5; }

ul { list-style: none; }
ul + ul { padding-top: 4px; }

ul.telechargement { padding-top: 10px; padding-left: 30px;}
li.video { display : list-item; list-style-image : url(/images/icones/file_movie.png); list-style-position: outside; text-align: left; font-family: arial; font-size: 10pt; }
li.logiciel { display : list-item; list-style-image : url(/images/icones/file_exe.png); list-style-position: outside; text-align: left; font-family: arial; font-size: 10pt; }

a[hreflang="video"]:before { content: url("/images/icones/movie.png") " "; }

td { margin: 0px; padding: 0px; border: solid 0px black; text-align: left; }
tr { margin: 0px; padding: 0px; }
/*p { font-family: arial; font-size: 10pt; text-align: justify; padding: 5px; }*/
p { font-family: arial; font-size: 10pt; text-align: justify; margin: 0px; padding: 0px; }

.lettrine { font-size: 1.5em; }

a { font-family: arial; font-size: 10pt; color: #004394; text-decoration: none; }
a:hover { font-family: arial; font-size: 10pt; color: #d3007a; text-decoration: underline; }
a:active { font-family: arial; font-size: 10pt; color: #004494; text-decoration: underline; }

a.header { font-family: arial; font-size: 8pt; color: #d3007a; }
a.header:hover { font-family: arial; font-size: 8pt; color: #004394; }
a.header:active { font-family: arial; font-size: 8pt; color: #93c36c; }

a.folio { font-family: arial; font-size: 8pt; color: #333333; }
a.folio:hover { font-family: arial; font-size: 8pt; color: #d3007a; }
a.folio:active { font-family: arial; font-size: 8pt; color: #93c36c; }

a.none { border: 0px; }

a.menu { font-family: arial; font-size: 12pt; color: #004494; }
a.menu:hover { font-family: arial; font-size: 12pt; color: #d3007a; }
a.menu:active { font-family: arial; font-size: 12pt; color: #93c36c; }

td.menu_1 { font-family: arial; font-size: 20pt; font-weight: bold; color: #004494; padding-left: 0px; text-align: left; border-bottom: solid 2px #004494;}
/*td.menu_2 { font-family: arial; font-size: 11pt; font-weight: bold; border-bottom: solid 1px #666666; padding-left: 10px; padding-top: 10px;}
td.menu_3 { padding: 2px; padding-left: 10px; }*/

a.menu_2 { font-family: arial; font-size: 8pt; padding-left: 3px; color: #004494; padding-bottom: 3px; }
a.menu_2:hover { font-family: arial; font-size: 8pt; padding-left: 3px; color: #d3007a; padding-bottom: 3px; }
a.menu_2:active { font-family: arial; font-size: 8pt; padding-left: 3px; color: #93c36c; padding-bottom: 3px; }
	
#menu_3 li { background: url("/images/puce2.png"); background-repeat: no-repeat; background-position: 0px 10px; line-height: 17px; text-align: left; padding-left: 0px; }
a.menu_3 { font-family: arial; font-size: 10pt; padding-left: 3px; color: #004494; padding-bottom: 5px; }
a.menu_3:hover { font-family: arial; font-size: 10pt; padding-left: 3px; color: #d3007a; padding-bottom: 5px; }
a.menu_3:active { font-family: arial; font-size: 10pt; padding-left: 3px; color: #93c36c; padding-bottom: 5px; }

ul#menu_services a { display:block; }
* html ul#menu_services a { width: 100%; height: 100%; } /* largeur pour IE seulement */
li.menu_service { margin: 3px; border: solid 1px #004394; text-align: center; background-color: #f5f9ff; width: 250px; padding-top: 10px; padding-bottom: 10px; }
a.menu_service { font-family: arial; font-size: 12pt; color: #004494; }
a.menu_service:hover { font-family: arial; font-size: 12pt; color: #d3007a; }
a.menu_service:active { font-family: arial; font-size: 12pt; color: #93c36c; }


table.contact { background-color: #efefef; border: solid 1px #303030; margin: 5px;}
td.contact { padding:5px; font-family: arial; font-size: 12pt; text-align: center; vertical-align: middle; border: solid 0px #303030; }
td.mail { padding:5px; font-family: arial; font-size: 12pt; text-align: right; vertical-align: middle; border: solid 0px #303030;}

/*#tableau_01 { border: solid #888888 30px; margin:0px; padding:0px; }*/
/*#cadre_1 { border: solid 3px #666666; margin:0px; padding:0px; }*/


div.titre_galerie { width:450px; border: solid 0px #aaaaaa; padding: 50px; }
/*td.menu { text-align: center; padding: 5px; padding-top: 20px; margin: 5px;}
td.titre { border-bottom: solid 2px #004494; padding: 0px; margin: 10px; }
td.titre_2 { border-bottom: solid 2px #004494; padding: 1px; margin: 3px; text-align: center; }*/
td.vignette { text-align: center; vertical-align: middle; padding-top: 10px;}
td.soustitre { font-family: arial; font-size: 10pt; text-align: center; vertical-align: top; padding-top: 6px; }

table.galerie { padding: 5px; }
td.titre_galerie { text-align: center; min-width: 300px; vertical-align: middle; padding: 75px;  }
td.photo { border: solid 1px #999999; margin: 0px; padding: 0px }

img.diapo { max-width: 120px; max-height: 120px; text-align: left; vertical-align: top; border: solid 0px #505050; padding: 5px; margin: 5px; }
a img.diapo { position: relative; padding-right: 20px; background-position:  95% 97%; background-repeat: no-repeat; background-image: url("/images/plus.png"); }

h1 { position: relative; padding-left: 12px; background-position:  0% 40%; background-repeat: no-repeat; background-image: url("/images/puce.png"); font-family: arial; font-size: 12pt; font-weight: bold; text-align: left; color: #004494; }
h2 { position: relative; padding-left: 12px; background-position:  0% 40%; background-repeat: no-repeat; background-image: url("/images/puce.png"); font-family: arial; font-size: 10pt; font-weight: bold; text-align: left; color: #004494; }
h3 { font-family: arial; font-size: 8pt; font-weight: bold; text-align: left; color: #004494; padding: 4px; padding-bottom: 2px; text-decoration: underline; }

p.titre { font-family: arial; font-size: 12pt; font-weight: bold; text-align: left; color: #004494;}
p.titre1 { font-family: arial; font-size: 16pt; font-weight: bold; text-align: left; margin: 0px; padding: 5px; padding-left: 0px; }
p.titre2 { font-family: arial; font-size: 14pt; font-weight: bold; text-align: left; margin: 0px; padding: 5px; padding-left: 0px; }
p.titre3 { font-family: arial; font-size: 12pt; font-weight: bold; text-align: left; margin: 0px; padding: 5px; padding-left: 0px; }
p.titre_4 { font-family: monospace; font-size: 14pt; font-style: italic; text-align: center; margin: 10px; padding: 5px; }
p.titre_5 { font-family: arial; font-size: 10pt; color: #555555; font-weight: bold; text-align: left; margin: 0px; padding: 5px; padding-bottom: 2px; border-bottom: solid 1px #555555; }
p.titre_galerie { font-family: arial; font-size: 24pt; font-weight: bold; text-align: center; }
p.soustitre_galerie { font-family: arial; font-size: 18pt; font-style: italic; text-align: center; }
p.menu_1 { font-family: arial; font-size: 11pt; text-align: left; margin: 0px; padding: 2px; }
p.texte { font-family: arial; font-size: 10pt; text-align: justify; padding: 5px; }
p.exemple { font-family: arial; font-size: 9pt; text-align: justify; padding: 5px; padding-left: 25px; padding-right: 25px; }
p.exemple_p { font-family: arial; font-size: 10pt; text-align: left; padding: 2px; text-decoration: underline; }
p.accueil { font-family: arial; font-size: 10pt; text-align: justify; margin: 7px; }
p.accueil_0 { font-family: arial; font-size: 10pt; color: #004494; font-weight: bold; text-align: left; border-bottom: solid 2px #004494; }
p.lire_suite { font-family: arial; font-size: 8pt; font-style: italic; text-align: right; }
p.moyen_g { font-family: arial; font-size: 10pt; text-align: left; padding: 2px; }
p.moyen_j { font-family: arial; font-size: 10pt; text-align: justify; }
p.message { font-family: arial; font-size: 10pt; color: black; padding:10px; }
p.message_ok { font-family: arial; font-size: 10pt; color: green; font-weight: bold; padding:40px; }
p.message_ko { font-family: arial; font-size: 10pt; color: red; font-weight: bold; padding:40px; }
p.legende { font-family: arial; color: #666666; font-size: 8pt; margin: 0px; text-align: center;}
p.note { font-family: arial; color: #666666; font-size: 8pt; margin: 0px; text-align: justify; padding: 10px; }


/* SUJETS RECENTS */
img.sr_vignette { margin:5px; border:solid 2px black; padding:6px; background:#404040; }
div.sr p { display:inline; }
div.sr_image { float: left; clear:both; }
div.sr_desc { display:block; min-height: 80px; padding-top: 5px; }
p.sr_date { font-family: arial; color: #d3007a; font-size: 8pt; text-align: left; }
p.sr_txt { font-family: arial; color: #303030; font-size: 8pt; text-align: left; }
a.sr_lien { font-family: arial; font-size: 8pt; padding-right: 3px; color: #004394; padding-bottom: 5px; }
a.sr_lien:hover { font-family: arial; font-size: 8pt; padding-right: 3px; color: #d3007a; padding-bottom: 5px; }
a.sr_lien:active { font-family: arial; font-size: 8pt; padding-right: 3px; color: #92c36b; padding-bottom: 5px; }


/* BOITE CONTACT*/
#contact_box p { text-align: center; background-color: #f4f9f0; padding: 2px; padding-bottom: 0px; }
#contact_box p+p { text-align: center; color: #ff0000; font-size: 6pt; padding-bottom: 2px; }
#contact_box a { font-size: 22pt; font-weight: bold; }

/* BOITE REPORTAGE */
#box_reportage li { background: url("/images/puce2.png"); background-repeat: no-repeat; background-position: 0px 10px; line-height: 17px; text-align: left; padding-left: 5px;  font-size: 7pt; }
#box_reportage a { position: relative; }
#box_reportage a span { display: none; /* on masque l'infobulle */ }
#box_reportage a:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
	cursor: pointer; /* on change le curseur par défaut en curseur d'aide */
}
#box_reportage a:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	bottom: 27px; /* on positionne notre infobulle */
	left: 0px;
	background: white;
	color: #93c36c;
	padding: 20px;
	border: 1px solid #92c36b;
	border-left: 4px solid #92c36b;
}
#box_reportage a:hover img { float: left; border: solid 2px black; }

div.boite { float: left; padding: 4px; border: solid 1px #f5f5f5; border-left: solid 4px #92c36b; margin:1px; text-align: left; margin-bottom: 12px; }
div.boite div { margin-top: 2px; }
div.boite a {  }

/* BOITE EN PAGE D'ACCUEIL */
/*
td.boite_titre { text-align: left; background: #909090; margin-top: 3px; margin-bottom: 0px; }
td.boite { margin-top: 0px; padding: 2px; }
*/
p.boite_titre { font-family: arial; font-size: 12pt; font-weight: bold; padding-top: 10px; padding-left: 3px; color: #004394; padding-bottom: 5px; text-decoration: underline; }
p.boite { font-family: arial; font-size: 10pt; text-align: left; margin: 1px; }
a.boite_titre { font-family: arial; font-size: 12pt; font-weight: bold; padding-left: 3px; color: #004394; padding-bottom: 5px; }
a.boite_titre:hover { font-family: arial; font-size: 12pt; font-weight: bold; padding-left: 3px; color: #d3007a; padding-bottom: 5px; }
a.boite_titre:active { font-family: arial; font-size: 12pt; font-weight: bold; padding-left: 3px; color: #92c36b; padding-bottom: 5px; }
p.boite_lien { font-family: arial; font-size: 8pt; text-align: right; padding-right: 3px; padding-bottom: 3px; }
/*a.boite_lien:hover { font-family: arial; font-size: 8pt; text-align: right; padding-right: 3px; color: #d3007a; padding-bottom: 5px; }
a.boite_lien:active { font-family: arial; font-size: 8pt; text-align: right; padding-right: 3px; color: #93c36c; padding-bottom: 5px; }*/


#portfolio_box { padding-bottom: 5px; }
#portfolio_box div.vignette { float: left; text-align: center; vertical-align: middle; margin: 4px; padding-top: 10px; width: 67px; }
#portfolio_box img { width: 67px; height: 100px; vertical-align: middle; }
#portfolio_box p.soustitre { font-family: arial; font-size: 7pt; text-align: center; vertical-align: top; padding-top: 6px; }

/* FORMULAIRES */
form p { text-align: right; }
p span.obligatoire { font-family: arial; font-size: 12pt; color: #d3007a; }
input { font-size: 10pt; }
input.erreur { background-color: #ffbdbd; border: solid 1px #c20000; }


/* INDEX PORTFOLIO */
div.index_folio { width: 285px; float: left; margin: 10px; border: solid 1px #92c36b; border-left: solid 4px #92c36b; background-color: #fafcf9; }
div.index_folio:hover { width: 285px; float: left; margin: 10px; border: solid 1px #92c36b; border-left: solid 4px #92c36b; background-color: #f4f9f0; }
div.vignette_index_folio { width: 80px; float: left; padding: 5px; border: solid 0px gray; text-decoration: none; }
div.titre_index_folio { margin-left: 85px; border-bottom: solid 2px #92c36b; line-height: 24px; }
div.desc_index_folio { margin-left: 85px; border: solid 0px gray; padding-top: 5px; height: 50px; }
div.lien_index_folio { margin-left: 85px; text-align: right; }
/*a.index_folio span { display: none; position: absolute; }
a.index_folio:hover span { display: block; }*/
a.index_folio { text-decoration: none; padding-right: 5px; }
p.titre_folio_1 { font-family: arial; font-size: 14pt; font-weight: bold; text-align: left; padding-left: 10px; border-bottom: solid 1px gray; }
p.titre_folio_2 { font-family: arial; font-size: 10pt; font-style: italic; text-align: left; padding-left: 30px; }


div.reportage { border: solid 1px #92c36b; border-left: solid 4px #92c36b; background-color: #fafcf9; margin: 0px; margin-bottom:25px; padding: 3px; }
div.reportage_vignette { float: left; width: 120px; height: 150px; margin: 3px; border: solid 1px #92c36b; text-align: center; vertical-align: middle; background-color: #eef5eb; }
div.reportage_vignette img { margin-top: 20px; padding: 5px; border: solid 1px #101010; background-color: #ffffff; }
div.reportage_cadre1 { margin: 2px; margin-top: 5px; margin-left: 130px; }
div.reportage_titre { margin: 3px; padding: 1px; background-color: #eef5eb; border: solid 1px #92c36b; }
div.reportage_titre p { font-family: arial; font-size: 12pt; font-weight: bold; text-align: left; padding: 3px; padding-left: 10px; }
div.reportage_cadre2 { margin: 0px; margin-top: -1px; float: left; height: 98px; width: 95px; }
div.reportage_cadre2 div { margin: 2px; margin-left: 3px; margin-bottom: 1px; border: solid 1px #92c36b; }
div.reportage_cadre2 p { font-family: arial; font-size: 7pt; text-align: center; padding: 1px;}
p.reportage_date { font-family: arial; font-size: 8pt; font-weight: bold; text-align: center; margin: 2px;}
div.reportage_cadre3 { height: 20px; margin: 3px; margin-top: 4px; margin-left: 98px; text-align: left; border: solid 1px #92c36b; }
div.reportage_cadre3 p { font-family: arial; font-size: 10pt; font-weight: bold; text-align: left; vertical-align: middle; padding: 3px; display: inline; }
div.reportage_description { height: 70px; overflow: auto; margin-top: 3px; margin-left: 98px; margin-right: 4px; border: solid 1px #92c36b; }
div.reportage_description p { font-family: arial; font-size: 8pt; text-align: justify; padding: 4px; }
div.reportage_motscles { margin: 3px; margin-top: 4px; border: solid 1px #92c36b; }
div.reportage_motscles p { font-family: arial; font-size: 7pt; text-align: justify; font-style: italic; padding: 3px; padding-left: 6px; }
div.reportage_bouton { padding: 5px; }
div.reportage_bouton a { padding: 2px; padding-left: 60px; padding-right: 60px; border: solid 1px #92c36b; background-color: #eef5eb; text-decoration: none; }

#reportage p { font-family: arial; font-size: 8pt; text-align: right; padding: 4px; }
#reportage p+p { font-family: arial; font-size: 10pt; text-align: justify; padding: 4px; margin-top: 5px; margin-bottom: 15px; }
#reportage p+p+p { font-family: arial; font-size: 8pt; text-align: justify; padding: 4px; border-left: solid 2px #92c36b; }

#reportage_intro p { font-family: arial; font-size: 10pt; text-align: justify; padding:3px; padding-left: 5px; padding-right:8px; }

/* PLANCHE CONTACT*/
/*#planche_contact { width: 620px; margin-left:245px; margin-right: 10px; padding: 5px; padding-left:15px; border-left: solid 0px #e0e0e0; overflow: visible; }*/
#planche_contact { overflow: visible; position: relative; z-index: 5; }
div.pc_diapo { display:table-cell; float: left; width: 110px; height: 120px; margin: 5px; border: solid #92c36b 1px; text-align: center; vertical-align: middle; }

a.pc_vignette {  
	position: relative; /* Très important */
	z-index: 15;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: black; }
a.pc_vignette:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500; }
a.pc_vignette img { margin-top: 8px; clear: both; }
a.pc_vignette span { display:none; }  
a.pc_vignette:hover span { /*la tag SPAN apparaitra avec l’effet hover*/
 	display: inline;
	position: absolute;
	z-index: 100;
	width: 210px;
	top: -100px;
	left: -265px; /*Éléments pour positionner le texte dans la bulle*/
	background: white;
	border: solid 1px #004394;
	padding: 20px;
	font-family: helvetica;
	font-weight: normal;
	font-size: 9pt;
	color: black;
	text-decoration: none;
	text-align: left; }

/* LIENS UTILES */
p.lien_titre { font-family: arial; font-size: 10pt; font-weight: bold; padding-top: 15px; }
p.lien_soustitre { font-family: arial; font-size: 10pt; font-weight: bold; text-decoration: underline; }

/* LIENS CONNEXES */
p.lien_connexe {  }
ul.liens_connexes { padding-top: 10px; padding-left: 10px; color: #d3007a;}
li.lien_connexe { list-style: square inside; font-family: arial; font-size: 10pt; color: #555555; text-align: left; margin: 0px; padding: 0px; padding-top: 3px; }

/* MOTS CLES */
p.mot_cle_titre { font-family: arial; font-size: 10pt; color: #a0a0a0; font-weight: bold; text-align: left; margin: 0px; padding: 5px; padding-top: 20px; padding-bottom: 2px; border-bottom: solid 1px #a0a0a0; }
p.mot_cle { font-family: arial; font-size: 10pt; font-style: italic; color: #a0a0a0; text-align: left; margin: 0px; padding: 5px; padding-bottom: 2px; }

/* MENU FOOTER */
#footer li { margin: 1px; margin-left: 10px; padding: 1px; }
#footer p { padding: 0px;}
#footer_1 p.block a { display:block; padding:2px 10px; }
#footer_2 p.block a { display:block; padding:2px 10px; }
#footer_3 p.block a { display:block; padding:2px 10px; }
p.menu_footer { font-family: arial; font-size: 8pt; color: #606060; padding: 1px; margin: 0px;}
p.footer  { font-family: arial; color: #444444; font-size: 8pt; margin: 0px; }
a.footer { font-family: arial; font-size: 8pt; color: #606060; border: 0px; }
a.footer:hover { font-family: arial; font-size: 8pt; color: #d3007a; }
a.footer:active { font-family: arial; font-size: 8pt; color: #bfbfbf; }
a.menu_footer { font-family: arial; font-size: 8pt; color: #606060; border: 0px; }
a.menu_footer:hover { font-family: arial; font-size: 8pt; color: #d3007a; }
a.menu_footer:active { font-family: arial; font-size: 8pt; color: #bfbfbf; }
p.copyright { font-family: arial; color: #666666; font-size: 7pt; text-align: center; margin: 5px; }
#copyright a { font-family: arial; font-size: 7pt; color: #606060; }
#copyright a:hover { font-family: arial; font-size: 7pt; color: #d3007a; }