body {font-family: Arial, Helvetica, sans-serif; background:#565656; font-size:0.8em}
a {color:#E2C276; text-decoration:none}
a:hover {text-decoration:underline}
a.chevrongros {font-size:1.2em; background:url(../icono/chevron01.png) 0 2px no-repeat; padding:0 20px 0 20px}
a.chevronpt {background:url(../icono/chevron01bis.png) 0 3px no-repeat; padding:0 0 0 15px}
strong {font-size:1.1em}
img {border: solid 2px #333}
hr {clear:both; border:0 none}
#conteneur {background:#565656; width:900px; margin:0 auto}
/*header {border-right:12px solid #000; border-left:12px solid #000}*/
header img {margin:30px 30px 30px 45px; border:0}
/*header {font-weight:normal; font-size:18pt; color:#E0E0E0; line-height: 25px; margin:30px 30px 30px 45px}
header a {color:#E0E0E0}
header a:hover {color:#E0E0E0; text-decoration:none}
header span {font-size:13pt}
header img {border:0}*/
nav {/*background:#73007f;*/text-align:right; float:right}
nav ul {margin:0 20px 0 0}
nav ul li {display:inline-block; font-weight:bold; border-right:1px solid #E2C276; margin:0; padding:0}
nav ul li:last-child {border-right:none}
nav ul li span {display:block; /*background:#fff; border:1px solid #73007f;*/ padding:1px 15px; color:#E0E0E0}
nav ul li a {display:block; color:#E0E0E0; padding:2px 15px}
nav ul li a:hover {color:#8D8D8D; /*background:#fff;*/ text-decoration:none}
/*nav:after {display: block; width:12px; content:" "; background: #fff url(../img/tg.png) no-repeat; height:12px; float:left}
nav:before {display: block; width:12px; content:" "; background: #fff url(../img/td.png) no-repeat; height:12px; position:absolute; top:100%; right:0}
#rs {position:fixed; background:#000; margin-top:40px; margin-left:900px}
#rs a {display:block; width:40px; height:40px}
#rs_blog {background:url(../img/icones_rs.png) -60px -48px no-repeat}
#rs_blog:hover {background:url(../img/icones_rs.png) -10px -48px no-repeat}
#rs_facebook {background:url(../img/icones_rs.png) -60px -125px no-repeat}
#rs_facebook:hover {background:url(../img/icones_rs.png) -10px -125px no-repeat}
#rs_twitter {background:url(../img/icones_rs.png) -60px -203px no-repeat}
#rs_twitter:hover {background:url(../img/icones_rs.png) -10px -203px no-repeat}
#rs_courriel {background:url(../img/icones_rs.png) -60px -397px no-repeat}
#rs_courriel:hover {background:url(../img/icones_rs.png) -10px -397px no-repeat}*/
#contenu  {/*border-right: 12px solid #000; border-left: 12px solid #000;*/clear:both; padding: 5px 15px 30px 15px}
#accueil {width:820px; border-top:1px solid #8C9B82; border-bottom:1px solid #8C9B82; float:left; margin:0 20px 0 30px; padding:20px 0 10px 0}
#accueil p {max-width:820px}
#accueil img {max-width:100%; height:auto}
article {width:830px; border-top:1px solid #8C9B82; border-bottom:1px solid #8C9B82; float:left; margin:0 20px 0 30px; padding-bottom:30px}
.folio_som {margin:0; padding:0; list-style:none}
.folio_som li {overflow:hidden; margin:18px 0 18px 0}
.folio_som img {float:left; height: auto; width: auto; max-width: 100px; margin-right:5px; margin-top:3px}
.folio_titre {color:#989B96; font-size:1.2em; font-weight:normal}
.folio_titre a {color:#E2C276}
.serie, .legende  {font-size:1em; color:#8C9B82}
.serie {font-size:1em; margin-left:5px}
h1 .serie, .legende {font-size:0.9em}
.legende {margin-top:3px}
.lg160  {width:160px}
.lg200  {width:200px}
.lg210  {width:210px}
.lg225  {width:225px}
.lg260  {width:260px}
#diapo {margin: 10px 0 10px 0}
#diapo img {margin:5px 5px 5px 0px}
.titre_img {display:none}
.txt_ill {float:left; width:auto; margin-right:10px; margin-top:15px}
.txt_ill_expo {float:left; margin-right:10px}
h1 {color:#BCAE98; font-size:2em; margin-bottom:0; font-weight:normal}
/*h1 a.ir {display:block; background:url(../img/logo_labo.png) no-repeat; width:205px; height:64px}*/
h2 {color:#989B96; font-size:1.3em; font-weight:normal; margin-top:35px}
h3 {margin-top:25px}
/*h3:before {content:"/ / "}
#blog h3:before {color:#73007f}
.chapo {color:#666; font-weight:bold}*/
p {max-width:800px; color:#E0E0E0}
/*p span {color:#666; font-weight:bold}*/
ul {padding-left:20px; max-width:800px; font-size:1em; color:#E0E0E0}
/*blockquote {margin:25px 0; padding:2px 20px; max-width:510px; background-color:#f2f1ed; background-image: url(../img/triangle.png), url(../img/gris.gif), url(../img/gris.gif); background-position:100% 100%, 0 100%, 100% 0; background-repeat:no-repeat, repeat-x, repeat-y}
iframe {width:100%}
.reference {border-left:5px solid #73007f; padding-left:5px; margin:20px 0}
.reference span {display:block;font-weight:bold}
.reference a:before {content:"> "; font-weight:bold; font-size:0.9em}
.float {padding:0}
.float li {display:inline-block; padding:10px 15px 10px 0; max-width:29%; vertical-align:top}
.float li img {width:100%; height:auto}
#date {text-align:right; font-size:0.75em; margin:15px}
h1 img {width:100%; height:auto; margin:20px 0}
video {max-width:100%; height:auto}
#contenu .conteneur_video span {position:relative; padding-top:30px; height:0; overflow:hidden}
.conteneur_video iframe, .conteneur_video object, .conteneur_video embed {position:absolute; top:0;	left:0;	width:100%; height:100%}
#contenu .t51 span {padding-bottom:51.5%}
#contenu .t71 span {padding-bottom:71%}
.mob {display:none}
div.accueil {margin-top:15px}
ul.accueil {padding:0}
ul.accueil li, p.accueil {display:inline-block}
ul.accueil li  a{font-size:1.6em; color:#999;}
ul.accueil li:before {font-size:1.6em; content:" / / "; color:#73007f}
ul.accueil li:first-child:before {content:""}
p.accueil {padding:0 10px 0 0; vertical-align:top}
aside {width:164px; background:#000; float:right; margin:15px 20px 20px 0; padding:0 10px; color:#ccc}
aside  h3 {margin:0; font-size:1em}
aside  h3:before {content:""}
aside a {color:#CEA8FF}
aside ul, #blog ul {padding:0}
aside li, #blog li {list-style-type:none; padding-bottom:5px}
aside li a {font-weight:bold}*/
footer {clear:both; color:#E0E0E0; width:100%; padding:5px 10px 30px 5px}
footer #copyright {float:right; text-align:right; width:20%; font-size:0.8em; padding:0; margin:0 25px 0 0}
footer #partage {float:left; width:20%; margin-left:23px; padding:0}
footer #partage ul {padding:0; margin:0}
footer #partage ul li {display:inline-block; margin:0; padding:0}
footer #partage span {float:left; margin-top:5px; margin-right:5px}
footer #partage ul li a {display:block; /*padding:0 2px*/}
footer #partage img {border: 0}
footer #suivre {float:left; width:20%; padding:0}
footer #suivre ul {padding:0; margin:0}
footer #suivre ul li {display:inline-block; margin:0; padding:0}
footer #suivre span {float:left; margin-top:5px; margin-right:5px}
footer #suivre ul li a {display:block; padding:0 2px}
footer #suivre img {border: 0}

@viewport {width:device-width; zoom:1}
@media (max-width:1000px) {
#rs {position:relative; margin:12px 0 0 0; padding:10px 0 0 25px; background:#fff; border-right: 12px solid #000; border-left: 12px solid #000}
#rs a {display:inline-block}
}
@media (max-width:800px) {
#conteneur {width:auto}
article, aside, #accueil {float:none; width:auto; margin:0 5%}
#accueil img {width:auto}
/*#diapo  {width:auto}*/
h1 {margin-top:0; padding-top:10px}
.float li {max-width:43%}
nav ul li {display:block; border:none}
p {max-width:750px}
footer #partage {width:180px;}
footer #suivre {width:100px;}
}
@media (max-width:440px) {
.float li {display:block; padding:5px 0; max-width:90%}
.float li img {width:auto; display:block}
img {max-width:100%}
footer {padding:5px 5px 30px 5px}
footer #partage {width:100px; margin-left:10px}
footer #suivre {width:70px;}
footer #partage img {width: 70%}
footer #suivre img {width: 70%}
footer #partage span {font-size: 0.8em}
footer #suivre span {font-size: 0.8em}
}
@media handheld, only screen and (max-device-width: 600px), only screen and (max-width: 600px){
.mob {display:inline}
.fix {display:none}
img {max-width:85%}
p {max-width:600px}
}
.fancybox-nav span {visibility:visible; opacity:0}
.fancybox-skin {
	background: #fff;
	color: #E0E0E0;
}
.fancybox-overlay {background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, .6)}
.fancybox-title {font-size:1em; color:#565656; padding: 3px}
.fancybox-title img {border:0}
.fancybox-title .numero {float:right; margin-top:25px; font-size:0.8em; color:#CCC}
.fancybox-prev span {
	left: 0px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 0px;
	background-position: 0 -72px;
}
.fancybox-close {
	position: absolute;
	top: -10px;
	right: -15px;
	width: 12px;
	height: 12px;
	cursor: pointer;
	opacity: 0.7;
	/*z-index: 8040;*/
	background-image:url(../fancybox/source/close.png);
}
/*.fancybox-prev {
	left: -45px;
}

.fancybox-next {
	right: -45px;
}*/
/*.fancybox-nav {
    width: 60px;       
}

.fancybox-nav span {
    visibility: visible;
    opacity: 0.5;
}

.fancybox-nav:hover span {
    opacity: 1;
}

.fancybox-next {
    right: -50px;
}

.fancybox-prev {
    left: -50px;
}*/