/* main.css */

a {
	color: #3a801a;
	text-decoration: none;
}
a:hover {
	color: #333;
}

a.inverse {
	color: #1c1c1c;
}
a.inverse:hover {
	color: #3a801a;
}
a.lien-blanc {
	color: #fff;
}


body {
	width: 100%;
	height: 100%;
	float: left;
	text-align: center;
	font-family: 'Arial', 'Helvetica', sans-serif;
	margin: 0;
	padding-bottom: 150px;
	background-image: url('../img/motif-arriere-plan.gif');
}

h1.titre-expo {
	font-size: 48px;
	color: #72c419;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	line-height: 40px;
}

h1.titre-expo a{
	font-size: 48px;
	color: #72c419;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	line-height: 40px;
}
h1 {
	font-size: 18px;
	color: #72c419;
	margin: 0;
	padding: 0;
	line-height: 40px;
}
h3.onglet {
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	line-height: 26px;
	margin: 0;
	padding-left: 5px;
	white-space: nowrap;
	/*overflow: hidden;*/
}
h3.onglet2 {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFF;
	line-height: 26px;
	margin: 0;
	padding-left: 10px;
	white-space: nowrap;
	/*overflow: hidden;*/
}
img {
	border: none;
}

strong {
	font-weight: bold;
	font-size: 12px;
}
table.bouton {
	background-image: url('../img/arplan-bouton-violet.gif');
	background-position: left;
	background-repeat: repeat-x;
	height: 19px;
}
table.droite {
	float: right;
	display: inline;
	clear: both;
}
table.gauche {
	float: left;
	display: inline;
	clear: both;
}
table.bouton td {
	height: 19px;
	vertical-align: middle;
	text-align: center;
}
table.violet2 td.gauche{
	background-image: url('../img/arplan-bouton-violet2-g.gif');
	background-position: left;
	background-repeat: no-repeat;
	width: 10px;
}
table.violet2 td.droite{
	background-image: url('../img/arplan-bouton-violet2-d.gif');
	background-position: right;
	background-repeat: no-repeat;
	width: 10px;
}
table.bouton a {
	font-size: 12px;
	text-transform: uppercase;
	color: #FFF;
}
table caption {
	text-align: left;
}

/* ------------ Formulaires --------------- */
label {
	display: block;
}
input, select, textarea {
	border: 1px solid #ccc;
	background-color: #f8f8f8;
	display: block;
}

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


.bouton-orange {
	background-image: url('../img/arplan-bouton-orange.gif');
	background-position: top;
	background-repeat: repeat-x;
	height: 27px;
	line-height: 18px;
	width: 120px;
}
.bouton-orange .gauche {
	background-image: url('../img/arplan-bouton-orange-g.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
	width: 12px;
	height: 27px;
}
.bouton-orange .droite {
	background-image: url('../img/arplan-bouton-orange-d.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
	float: right;
	width: 16px;
	height: 27px;
}
.bouton-orange a {
	color: #000;
}


.spacer {
	clear: both;
}
.gauche {
	margin-left: 0;
	/*clear: left;*/
}
.centre {
	margin-left: 5px;
}
.droite {
	margin-left: 5px;
	margin-right: 0;
}

.bloc-colonne {
	float: left;
	display: inline;
	padding-bottom: 8px;
	background-image: url('../img/ombre-bloc-colonne1.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	margin-bottom: 4px;
}
.bloc-colonne .gris {
	float: left;
	display: inline;
	margin: 0;
	width: 150px;
	background-color: #ededed;
	background-image: url('../img/ombre-titre-bloc-colonne1.gif');
	background-position: top;
	background-repeat: repeat-x;
	height: 380px;
}
.bloc-colonne .gris p {
	float: left;
	display: inline;
	margin: 10px 5px;
}
.bloc-colonne .blanc {
	float: left;
	display: inline;
	margin: 0;
	padding: 10px 5px;
	background-color: #FFF;
	background-image: url('../img/ombre-titre-bloc-colonne2.gif');
	background-position: top;
	background-repeat: repeat-x;
	height: 380px;
}

.colonne {
	width: 150px;
	float: left;
	display: inline;
	overflow: hidden;
}
.deux-colonnes {
	width: 305px;
	float: left;
	display: inline;
}

.colonne-gauche-entiere {
	width: 400px;
	float: left;
	display: inline;
	background-image: url('../img/ombre-bloc-colonne1.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 4px;
}
.colonne-gauche-entiere .bloc-colonne {
	float: left;
	width: 400px;
	background-color: #e3e3e3;
	background-image: url('../img/ombre-titre-bloc-colonne3.gif');
	background-position: top;
	background-repeat: repeat-x;
	padding-top: 42px;
}
.colonne-gauche-entiere .visuel, .colonne-gauche .visuel {
	float: left;
	display: inline;
	width: 121px;
	height: 171px;
	text-align: center;
	background-image: url('../img/arplan-visuel-expo.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

.colonne-gauche-entiere .visuel img, .colonne-gauche .visuel img {
	margin: 5px auto;
}
.colonne-gauche-entiere .description, .colonne-gauche .description {
	float: left;
	clear: left;
	display: inline;
	margin-left: 30px;
	margin-top: 15px;
	width: 340px;
}
.colonne-gauche-entiere h2, .colonne-gauche h2 {
	font-size: 18px;
	font-weight: bold;
	color: #72c419;
}

.colonne-droite-entiere {
	width: 460px;
	float: left;
	display: inline;
	background-image: url('../img/ombre-bloc-colonne1.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 4px;
}
.colonne-droite-entiere .bloc-colonne {
	float: left;
	width: 460px;
	background-color: #e3e3e3;
	background-image: url('../img/ombre-titre-bloc-colonne3.gif');
	background-position: top;
	background-repeat: repeat-x;
	padding-top: 42px;
}
.colonne-droite-entiere .visuel {
	float: left;
	display: inline;
	width: 121px;
	height: 171px;
	text-align: center;
	background-image: url('../img/arplan-visuel-expo.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
.colonne-droite-entiere .visuel img {
	margin: 5px auto;
}
.colonne-droite-entiere .description {
	float: left;
	clear: left;
	display: inline;
	margin-left: 30px;
	margin-top: 15px;
	width: 340px;
}
.colonne-droite-entiere h2 {
	font-size: 18px;
	font-weight: bold;
	color: #72c419;
}


.conteneur-references {
	width: 984px;
	float: left;
	display: inline;
	margin-top: 24px;
	background-image: url('../img/arplan-col-gauche-entiere.gif');
	background-position: left;
	background-repeat: repeat-y;
}
.dates-expo {
	font-weight: bold;
	margin: 0 0 8px 0;
}
.image-type1 {
	background-image: url('../img/ombre-image-droite.gif');
	background-position: right;
	background-repeat: repeat-y;
}
.image-type1 img {
	display: block;
}
.image-type1 td.bord-droit {
	padding-right: 11px;
	background-image: url('../img/ombre-image-haut-droite.gif');
	background-position: top right;
	background-repeat: no-repeat;
}
.image-type1 td.bas-image {
	height: 10px;
	background-image: url('../img/ombre-image-bas.gif');
	background-position: bottom;
	background-repeat: repeat-x;
}
.image-type1 td.coin-bd {
	height: 10px;
	width: 11px;
	background-image: url('../img/ombre-image-bas-droite.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
}
.liens-bas-page {
	float: right;
	display: inline;
	margin-right: 40px;
}
.modele2 {
	float: left;
	display: inline;
	padding-bottom: 48px;
	background-image: url('../img/ombre-3col_modele2.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
}
.modele3 {
	float: left;
	display: inline;
	background-image: url('../img/ombre-full_modele3.gif');
	background-position: bottom center;
	background-repeat: no-repeat;
}

.modele1 {
	float: left;
	display: inline;
	padding-bottom: 48px;
	background-image: url('../img/ombre-3col_modele1.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
}

.modele4 {
	float: left;
	display: inline;
	background-image: url('../img/ombre-full_modele4.gif');
	background-position: bottom center;
	background-repeat: no-repeat;
}

.prev-article {
	float: left;
	display: inline;
	clear: left;
	border-top: 1px solid #F5F5F5;
	border-bottom: 1px solid #4f4f4f;
	margin-bottom: 1px;
	width: 400px;
}
.prev-article h4 {
	font-size: 12px;
	font-weight: bold;
}
.prev-article .visuel-prev-article {
	float: left;
	display: inline;
	background-image: url('../img/arplan-focus-articles.gif');
	background-position: top left;
	background-repeat: no-repeat;
	width: 131px;
	height: 86px;
	margin: 8px 10px;
}
.prev-article .visuel-prev-article img {
	float: left;
	display: inline;
	margin-left: 4px;
	margin-top: 4px;
}
.prev-article .visuel-prev-article2 {
	float: left;
	display: inline;
	width: 131px;
	margin: 8px 10px;
}

.prev-article .resume-article {
	float: left;
	display: inline;
	width: 240px;
	margin-top: 12px;
}
.prev-article .resume-article h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	display: block;
}
.prev-article .resume-article p {
	margin: 0;
}
.produits {
	margin-top:25px; 
	padding-top:35px; 
	background-image: url('../img/titre-services.gif');
	background-position: top right;
	background-repeat: no-repeat;
}
.prev-produit {
	float: left;
	display: inline;
	margin-right: 10px;
	vertical-align: bottom;
}
.realisation {
	float: left;
	display: inline;
	clear: left;
	list-style-type: none;
	padding: 5px 0 0 0;
	width: 305px;
	background-image: url('../img/ombre-titre-bloc-colonne2.gif');
	background-position: top;
	background-repeat: repeat-x;
	margin-bottom: 6px;
}
.realisation td {
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	border-bottom: 1px solid #8fd65b;
}
.realisation td.visuel {
	width: 99px;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
}
.realisation td.description {
	width: 206px;
	font-size: 11px;
	text-transform: uppercase;
}

.vert1 {
	background-color: #9bd45d;
	background-image: url('../img/arplan-onglet-vert1.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
.vert2 {
	background-color: #478e45;
	background-image: url('../img/arplan-onglet-vert2.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
.vert1b {
	background-color: #9bd45d;
	background-image: url('../img/arplan-onglet-vert1b.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
.violet1b {
	background-color: #8a65cc;
	background-image: url('../img/arplan-onglet-violet1b.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
.vert5 {
	background-color: #9bd45d;
	background-image: url('../img/arplan-onglet-vert5.gif');
	background-position: top left;
	background-repeat: no-repeat;
}



.vignette {
	display: block;
	margin: 4px 23px 4px 6px;
	background-color: #000;
}







.vernissage {
	color: #72c419;
}


.presentation-expo h2, h3 {
	color: #8a65cc;
	margin-bottom: 0;
}
.presentation-expo h2 {
	font-size: 16px;
}



/* modification le 13/03/2009 --- */
.conteneur {
	float: none;
	clear: left;
	margin: 0 37px 12px 47px;
}

.conteneur-galerie {
	float: none;
	clear: left;
	color: #fff;
	font-size: 12px;
	margin: 0 10px 12px 10px;
	background-color: #000;
	background-image: url('../img/logo-galerie-noir.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 40px 40px 90px 40px;
}

.colonne-gauche {
	width: 280px;
	float: left;
	display: inline;
}
.colonne-droite {
	margin-left: 15px;
	width: 600px;
	float: left;
	display: inline;
}

/* ------------ Bloc de contenu avec barre de titre verte (par défaut) ------------------------------ */
.bloc-contenu {
	margin-bottom: 6px;
}
.bloc-contenu .titre-bloc {
	background-image: url('../img/arplan-blocs.gif');
	background-position: top;
	background-repeat: repeat-x;
	height: 26px;
	margin: 0;
}
.bloc-contenu .titre-bloc h3 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	line-height: 26px;
}
.bloc-contenu .titre-bloc .bcg {
	background-image: url('../img/arplan-blocs.gif');
	background-position: 0 -30px;
	background-repeat: no-repeat;
	width: 8px;
	height: 26px;
	float: left;
	display: inline;
}
.bloc-contenu .titre-bloc .bcd {
	background-image: url('../img/arplan-blocs.gif');
	background-position: -10px -30px;
	background-repeat: no-repeat;
	width: 8px;
	height: 26px;
	float: right;
	display: inline;
}
.bloc-contenu .contenu-bloc {
	margin: 0;
	background-color: #e3e3e3;
	padding: 30px 25px 20px 90px;
	background-position: 15px 10px;
	background-repeat: no-repeat;
}
.bloc-contenu .contenu-bloc h4, p {
	margin: 0 10px 12px 0;
}
.bloc-contenu .contenu-bloc h4 {
	font-size: 18px;
	font-weight: bold;
}

.bloc-contenu .pied-bloc {
	padding-top: 10px;
	background-image: url('../img/arplan-blocs.gif');
	background-position: bottom;
	background-repeat: repeat-x;
}

/* ------------ Bloc de contenu avec barre de titre violette ------------------------------ */

.bloc-contenu-violet {
	margin-bottom: 6px;
}
.bloc-contenu-violet .titre-bloc {
	background-image: url('../img/arplan-blocs-violet.gif');
	background-position: top;
	background-repeat: repeat-x;
	height: 26px;
	margin: 0;
}
.bloc-contenu-violet .titre-bloc h3 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	line-height: 26px;
}
.bloc-contenu-violet .titre-bloc .bcg {
	background-image: url('../img/arplan-blocs-violet.gif');
	background-position: 0 -30px;
	background-repeat: no-repeat;
	width: 8px;
	height: 26px;
	float: left;
	display: inline;
}
.bloc-contenu-violet .titre-bloc .bcd {
	background-image: url('../img/arplan-blocs-violet.gif');
	background-position: -10px -30px;
	background-repeat: no-repeat;
	width: 8px;
	height: 26px;
	float: right;
	display: inline;
}
.bloc-contenu-violet .contenu-bloc {
	margin: 0;
	
	background-color: #e3e3e3;
	padding: 30px 25px 20px 90px;
	background-position: 15px 10px;
	background-repeat: no-repeat;
}
.bloc-contenu-violet .contenu-bloc h4, p {
	margin: 0 10px 12px 0;
}
.bloc-contenu-violet .contenu-bloc h4 {
	font-size: 18px;
	font-weight: bold;
}

.bloc-contenu-violet .contenu-bloc-blanc {
	margin: 0;
	background-color: #fff;
	background-image: url('../img/arplan-blocs-violet.gif');
	background-position: 0 -60px;
	background-repeat: repeat-x;
	
	padding: 30px 25px 20px 90px;
}
.bloc-contenu-violet .contenu-bloc-blanc h4, p {
	margin: 0 10px 12px 0;
}
.bloc-contenu-violet .contenu-bloc-blanc h4 {
	font-size: 18px;
	font-weight: bold;
}

.bloc-contenu-violet .pied-bloc {
	padding-top: 10px;
	background-image: url('../img/arplan-blocs-violet.gif');
	background-position: bottom;
	background-repeat: repeat-x;
}

.encart-haut {
	background-color: #000;
	background-image: url('../img/ombre-encart-haut.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 20px;
	color: #fff;
	padding: 6px 10px;
	border-top: 1px solid #fff;
}

.bt-violet-noir {
	float: left;
	height: 20px;
	line-height: 20px;
	background-image: url('../img/arplan-bouton-violet-noir.gif');
	background-position: top;
	background-repeat: repeat-x;
	width: 120px;
	text-align: center;
}
.bt-violet-noir a {
	color: #fff;
}
.bt-violet-noir .g {
	float: left;
	width: 8px;
	height: 20px;
	background-image: url('../img/arplan-bouton-violet-noir.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}
.bt-violet-noir .d {
	float: right;
	width: 8px;
	height: 20px;
	background-image: url('../img/arplan-bouton-violet-noir.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
}

.accroche-photos {
	float: left;
	width: 145px;
}

.galerie-vignettes {
	float: left;
	display: inline;
	margin-left: 10px;
	width: 620px;
}
.galerie-vignettes td {
	width: 155px;
	text-align: center;
	vertical-align: middle;
}


/* Lightbox */
#lightbox{
	background-color:#eee;
	padding: 30px;
	/*border-bottom: 2px solid #666;
	border-right: 2px solid #666;*/
}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; margin-left: 5px; } 
#overlay img{ border: none; }