*{margin:0;padding:0}
/*html, body {height:100%;min-height:100%}*/
body {overflow:hidden;}
li{list-style:none}
a{text-decoration:none;color:#000}
p {padding:0 5px}
img{border:0}
.clear_both{clear:both}
.top {width:100%;background:#000;height:30px;line-height:30px}
.top h1 {margin-left:10px;color:#fff;font-size:15px;display:block;float:left}
.top h2 {display:block;float:right;margin-right:10px;color:#fff;font-size:12px;}
.bottom{width:100%;background:#000;height:10px;}
#page{width:1000px;margin:0 auto;position:relative}
#page ul.menu_left {float:left;margin-left:20px;margin-top:100px;padding-left:10px;display:block;border-left:2px solid #ccc;}
#page ul.menu_left li{}
#page ul.menu_left li a{color:#888}
#page ul.menu_left li a:hover{color:red}
#page ul.menu_left li a.select {color:red}
#page .content_left{float:right;width:830px}
img.imgbkg{position:absolute;right:0;z-index:-10000;overflow:hidden}

.image_background {position:absolute;width:100%;top:0;right:0;z-index:-1000;overflow:hidden}
/*.image_background img{float:right;width:100%;filter:alpha(opacity=40);opacity: 0.4;-moz-opacity:0.4;}*/
.image_background img{float:right;width:100%}
	
.content {float:left;text-align:right}

.accueil{width:400px}
.accueil{margin-top:100px}
.accueil p {color:#888;font-size:14px}
.accueil p strong{color:#C31709}

/*** Presentation ***/
.presentation{margin-top:50px;overflow:auto;width:500px}
.presentation ul li,.presentation p {color:#888; font-size:14px;}
p:first-letter {font-weight:bold;color:#000}
p.signature{font-weight:bold;font-style:italic;color:black;margin-top:10px}
p strong{font-style:italic;color:black}
.presentation p.suivant {text-align:center}
.presentation p.suivant a {color:red;font-weight:bold;font-style:italic}
.presentation ul {margin-top:5px;margin-bottom:5px;margin-left:200px;width:200px;text-align:left;}
.presentation ul li {list-style:square;color:#888}

/*** Galerie ***/
.galerie {width:100%}
.galerie .content_gal {height:348px}
.galerie ul {display:block;float:left;width:230px}
.galerie ul li {list-style:square}
.galerie ul li a {color:#888; font-size:12px}
.galerie ul li a:hover {color:red}

.galerie .galerie_presentation {float:left;width:420px;text-align:right;color:#888;font-size: 14px;}
.galerie .mini a {color:#fff}
.galerie .mini {
	float:left;
	width:110px;
	height:110px;
	margin:2px;
	border:1px solid #ccc;
	text-align:center;
	background: #fff;
}
/*.galerie .mini a {display:none}*/
.galerie .preload {width:110px;height:110px; text-align:center}
.galerie .mini.preload a {text-align:center}
.galerie .mini.preload a img {display:none;}
.galerie .mini:hover {border:1px solid #C31709}

.galerie .galshow {
	height:18px;
	width:70px;
	border:1px solid #ccc;
	float:left;
	text-align:center;
	line-height:18px;
	margin-right:5px;
	background:#fff;
	cursor:pointer
}

.thumb {float:left;width:110px;height:130px;text-align:center;margin:2px;position:relative;border:1px solid #fff}
.thumb .bot {position:absolute;width:100%;height:20px;border-top:3px solid #ccc;bottom:0}
.thumb a {color:#888;font-size:10px}

/*** Navigation ***/
.galerie .nav, .presse .nav {height:20px; float:left; margin-top:20px}
/*
.galerie .nav {
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
}*/

.galerie .nav a, .presse .nav a {display:block;height:18px;width:18px;border:1px solid #ccc;float:left;text-align:center;line-height:18px;margin-right:5px;background:#fff}
.galerie .nav a:hover, .presse .nav a:hover {background:#C31709}

/*** exposition ***/
.exposition .permanently {float:left;text-align:left;margin-bottom:10px}
.exposition .block_permanently {border-bottom:1px solid #ccc;margin-bottom:30px}
.exposition .zinzolin {margin-bottom:10px;float:left; width: 299px; text-align:center}
.exposition .zinzolin text, .exposition .zinzolin a {/*float:left*/}
.exposition .zinzolin.right {/*border-left:1px solid #ccc*/}
.exposition {width:80%;float:left}
.exposition a:hover{text-decoration:underline}
.exposition .date {color:#888;color:#C31709}
.exposition .title {font-weight:bold;font-style:italic}
.exposition .adresse {color:#888;font-size:11px}
.exposition .text {float:left;margin-left:60px;margin-right:10px}
.exposition .text.archive {float:left;width:100%;margin-bottom:20px;margin-left:60px}

.exposition .info {font-size:11px}
.exposition .affiche {float:left;/*width:50px;height:50px;*/margin-left:10px;text-align:center;border:1px solid #FFF}
.exposition .affiche.contour{border:1px solid #eee}

.exposition .archive_title {text-align:left;margin-bottom:10px;font-weight:bold}
.exposition .link_archive{width:100%;text-align:center;margin-top:10px;color:red;font-weight:bold}
.exposition .link_archive a{font-style:italic;color:red;font-weight:lighter}
.exposition .link_archive a:hover{text-decoration:none}
.exposition .date.archive, .exposition .title.archive, .exposition a.voir_affiche{float:left;font-size:12px}
.exposition .text.archive{margin-bottom:0;margin-left:10px}

.exposition .arrow_bottom, .lien .arrow_bottom {display:none;position:absolute; background:url(images/arrow_scroll.png) no-repeat center -15px #737373; width:30px; height:25px; bottom:5px; right:0}
.exposition .arrow_top, .lien .arrow_top {display:none;position:absolute; background:url(images/arrow_scroll.png) no-repeat center 5px #737373; width:30px; height:25px; top:5px; right:0}


.y-sep {text-align:left;width:100%;margin:10px 0;font-weight:bold;border-bottom:1px solid #ccc}

/*** Presse ***/
.presse .article {float:left;width:390px;height:62px;margin:2px}
.presse .article .image{width:60px;height:60px;float:right;border:1px solid #ccc;margin-left:10px;text-align:center}
.presse .article .image:hover{border:1px solid #C31709}
.presse .article .titre {font-weight:bold;font-style:italic;color:#C31709;margin-top:12px}
.presse .article .date {font-size:12px;color:#888}

/*** contact ***/
.contact h3 {font-weight:bold;font-style:italic;color:#C31709}
.contact a:hover{text-decoration:underline}
.contact {text-align:left}

/*** lien ***/
.lien {float:left;width:70%}
.lien .line {height:70px;/*height:400px;*/height:50px;margin-bottom:30px; background:#FFF;padding:5px}

.lien .line img {float:right;margin-left:20px}
.lien .line a.link {color:#C31709}
.lien .line.esprit img {height:70px;}
.lien .line.thirion img {height:70px;}
.lien .line .text {float:right;color:#888888;font-size:12px}
.lien .line.esprit .text {margin-top:5px;}
.lien .line span {font-size: 20px;font-weight:bold;color:#000}
.lien .line.thirion .text {margin-top:10px}
.lien .line.thirion .text span {font-size:15px}
.lien .line.acryom img {height:50px;margin-top:10px}
.lien .line.zinzolin img {margin-top:5px}

.top .select_lang {float:right;margin-right:10px}

.content.contact {width:500px}
form#contact_form {text-align: left;color:#888;margin-top:10px}
form#contact_form img, form#contact_form .input_name, form#contact_form input[type=text] {float:left;margin-bottom:5px}
form#contact_form input[type=text] {width:200px}
form#contact_form .input_name {width:100px}
form#contact_form img {margin-right:10px}
form#contact_form textarea{margin-bottom:10px;width:500px;height:200px}
form#contact_form input.captcha {background:#ccc;width:50px}
form#contact_form span {color:black}
form#contact_form input[type=submit] {margin-top:20px}
.chp_obl {text-align:right;width:100%;color:#000}

li.menu_gal {display:block;height:20px;/*width:95px;*/width:100px;position:relative}
ul.in_menu_gal{display:none;position:absolute;border-left:2px solid #ccc;left:95px;top:0;width:215px;padding:5px;background:#fff;
/*filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;*/
}

.facebook_like {position:absolute;top:40px;left:10px}
.last_update {position:absolute;bottom:15px;left:5px; font-size:10px; color:#888}

/*#debug {display:block;position : fixed; top:50px; left:0; width:100px; height:100px; border:1px solid #000; font-size:8px}*/

.content.accueil, .content.presentation, .galerie_presentation {background:#fff;padding:5px}