/* CSS Document */
@font-face {
    font-family: 'MisoLight';
    src: url('../lib/polices/miso-light-webfont.eot');
    src: url('../lib/polices/miso-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../lib/polices/miso-light-webfont.woff') format('woff'),
         url('../lib/polices/miso-light-webfont.ttf') format('truetype'),
         url('../lib/polices/miso-light-webfont.svg#MisoLight') format('svg');
}
@font-face {
    font-family: 'MisoRegular';
    src: url('../lib/polices/miso-webfont.eot');
    src: url('../lib/polices/miso-webfont.eot?#iefix') format('embedded-opentype'),
         url('../lib/polices/miso-webfont.woff') format('woff'),
         url('../lib/polices/miso-webfont.ttf') format('truetype'),
         url('../lib/polices/miso-webfont.svg#MisoRegular') format('svg');
}
@font-face {
    font-family: 'MisoBold';
    src: url('../lib/polices/miso-bold-webfont.eot');
    src: url('../lib/polices/miso-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../lib/polices/miso-bold-webfont.woff') format('woff'),
         url('../lib/polices/miso-bold-webfont.ttf') format('truetype'),
         url('../lib/polices/miso-bold-webfont.svg#MisoBold') format('svg');
}
/*---HTML5---*/
article, aside, details, figcaption, figure, footer, header,hgroup, menu, nav, section {display: block;}

.wrapper1 header { background:url(../webimages/header1.jpg);}
.wrapper2 header { background:url(../webimages/header2.jpg);}
.wrapper3 header { background:url(../webimages/header3.jpg);}
.wrapper4 header { background:url(../webimages/header4.jpg);}
.wrapper5 header { background:url(../webimages/header5.jpg);}
.wrapper6 header { background:url(../webimages/header6.jpg);}
.wrapper7 header { background:url(../webimages/header7.jpg);}
.wrapper8 header { background:url(../webimages/header6.jpg);}
.wrapper9 header { background:url(../webimages/header9.jpg);}
.wrapper10 header { background:url(../webimages/header10.jpg);}
.wrapper11 header { background:url(../webimages/header11.jpg);}

.wrapper1 nav { background:url(../webimages/nav1.jpg);}
.wrapper2 nav { background:url(../webimages/nav2.jpg);}
.wrapper3 nav { background:url(../webimages/nav3.jpg);}
.wrapper4 nav { background:url(../webimages/nav4.jpg);}
.wrapper5 nav { background:url(../webimages/nav5.jpg);}
.wrapper6 nav { background:url(../webimages/nav6.jpg);}
.wrapper7 nav { background:url(../webimages/nav7.jpg);}
.wrapper8 nav { background:url(../webimages/nav6.jpg);}
.wrapper9 nav { background:url(../webimages/nav9.jpg);}
.wrapper10 nav { background:url(../webimages/nav10.jpg);}
.wrapper11 nav { background:url(../webimages/nav11.jpg);}

.wrapper1 figure#sidebar {background:url(../webimages/sidebar1.jpg);}
.wrapper2 figure#sidebar {background:url(../webimages/sidebar1.jpg);}
.wrapper3 figure#sidebar {background:url(../webimages/sidebar3.jpg);}
.wrapper4 figure#sidebar {background:url(../webimages/sidebar4.jpg);}
.wrapper5 figure#sidebar {background:url(../webimages/sidebar5.jpg);}
.wrapper6 figure#sidebar {background:url(../webimages/sidebar6.jpg);}
.wrapper7 figure#sidebar {background:url(../webimages/sidebar7.jpg);}
.wrapper8 figure#sidebar {background:url(../webimages/sidebar6.jpg);}
.wrapper9 figure#sidebar {background:url(../webimages/sidebar9.jpg);}
.wrapper10 figure#sidebar {background:url(../webimages/sidebar10.jpg);}
.wrapper11 figure#sidebar {background:url(../webimages/sidebar11.jpg);}

.wrapper1 .menu_actif, .wrapper1 a:hover {color:#144d5b;}
.wrapper2 .menu_actif, .wrapper2 a:hover {color:#286777;}
.wrapper3 .menu_actif, .wrapper3 a:hover {color:#772828;}
.wrapper4 .menu_actif, .wrapper4 a:hover {color:#8e421d;}
.wrapper5 .menu_actif, .wrapper5 a:hover {color:#245468;}
.wrapper6 .menu_actif, .wrapper6 a:hover {color:#63230a;}
.wrapper7 .menu_actif, .wrapper7 a:hover {color:#154a5e;}
.wrapper8 .menu_actif, .wrapper8 a:hover {color:#63230a;}
.wrapper9 .menu_actif, .wrapper9 a:hover {color:#256064;}
.wrapper10 .menu_actif, .wrapper10 a:hover {color:#144d5b;}
.wrapper11 .menu_actif, .wrapper11 a:hover {color:#144d5b;}

.wrapper1 article, .wrapper1 #col1 {color:#286777;}.wrapper1 .titre, .wrapper1 .couleur {color:#286777;}
.wrapper2 article, .wrapper2 #col1 {color:#286777;}.wrapper2 .titre, .wrapper2 .couleur {color:#286777;}
.wrapper3 article, .wrapper3 #col1 {color:#d94c07;}.wrapper3 .titre, .wrapper3 .couleur {color:#e24141;}
.wrapper4 article, .wrapper4 #col1 {color:#4c6800;}.wrapper4 .titre, .wrapper4 .couleur {color:#beab57;}
.wrapper5 article, .wrapper5 #col1 {color:#0e4b8c;}.wrapper5 .titre, .wrapper5 .couleur {color:#106adc;}
.wrapper6 article, .wrapper6 #col1 {color:#994802;}.wrapper6 .titre, .wrapper6 .couleur {color:#ca2216;}
.wrapper7 article, .wrapper7 #col1 {color:#0e4b8c;}.wrapper7 .titre, .wrapper7 .couleur {color:#106adc;}
.wrapper8 article, .wrapper8 #col1 {color:#994802;}.wrapper8 .titre, .wrapper8 .couleur {color:#ca2216;}
.wrapper9 article, .wrapper9 #col1 {color:#4c6800;}.wrapper9 .titre, .wrapper9 .couleur {color:#beab57;}
.wrapper10 article, .wrapper10 #col1 {color:#286777;}.wrapper10 .titre, .wrapper10 .couleur {color:#286777;}
.wrapper11 article, .wrapper11 #col1 {color:#286777;}.wrapper11 .titre, .wrapper11 .couleur {color:#286777;}

*    {outline:none;margin:0;padding:0;}
img  {border:none;}
ul   {list-style-type:none;}
body {font-family:"MisoLight", Helvetica, sans-serif;font-size:18px;text-align:justify;line-height:24px;}

#lang    {width:250px;text-transform:uppercase; }
#lang li {display:inline-block;}
#lang a  {display:block;padding:10px 5px;font-size:24px;}

/* STYLES */
a   	{color:#000;text-decoration:none;}
a:hover {color:#CCC;}
h1  	{font-weight:normal;}
h2  	{font-weight:normal;}
p   	{ margin:0px 0 10px;}
.titre, #top h1, #col1 h2{ font-size:29px; line-height:37px; text-transform:uppercase;}
 #top h1{ margin-bottom:25px;}
/* STRUCTURE */
#wrapper { width:945px; margin:0 auto;}
#contenu {}
header  {width:945px;height:121px;background:#000; margin:0px 0 40px;}
header ul{margin-left:800px; color:#FFF;}
header li { float:left;margin:45px 5px 0;}
header a{color:#FFF; font-size:26px;}
header .actif { font-weight:bold;}
#wrapper header a:hover { color:#000;}
nav{width:215px;height:290px;padding:15px 5px 5px 15px;float:left;font-size:26px;font-family:"MisoRegular", Helvetica, sans-serif;color:#FFF;text-transform:uppercase;line-height:26px;}
nav a { color:#FFF;}
figure#sidebar{width:235px;height:310px; margin-left:1px;float:left;margin-right:52px;}

/*NEWS*/
#news {color:#286777; }
#news h2 {font-size:18px; margin-top:15px;color:#85b7ae; }
#news h1 {font-size:24px; color:#286777;}
#news p {font-size:18px;}

article#top{width:421px;height:342px;float:left;float:left;}

#col1 {width:471px;float:left;}

aside   {background:#CCC;width:100px;float:left;} 
footer  {height:50px;width:945px;clear:both;}
	
/* COPYRIGHT */
#copyright {background:url(../webimages/icon/copyright_lelixir_bleu.png);margin:5px 0 35px 15px;display:block;width:73px;height:13px;}
#copyright:hover {background-position:0 -13px;}



/*EXPO*/
#event h2 {font-size:18px; margin-top:15px;}
#event h1 {font-size:24px; color:#106adc;}
#event p {font-size:18px;}
dt i:hover { color:#000;}
dt { cursor:pointer;}
dd img { display:block; margin:0 auto 10px;}

/*PRESSE*/
#presse { color:#d08849; margin-top:25px;}
#presse li { }
#presse h1 { font-size:24px;}
#presse h2 {font-size:18px;margin-bottom:10px;color:#994802;}
#presse a { display:block;font-size:24px; color:#ca2216;padding-left:45px; background:url(../webimages/pdf.jpg) no-repeat;}


/*SLIDER*/
#slider {width:421px;float:left;margin-left:52px;}
#slider img {position:absolute;top:0px;left:0px;display:none;}
#livre {width:471px; height:259px; margin-top:20px;}
#simage1 {width:421px; height:371px; float:right;margin:5px 0px 25px 52px;}
#simage2 {width:471px; height:423px; float:left;margin:10px 52px 25px 0;}
#slider img {position:absolute;top:0px;left:0px;display:none;}
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}

/*OEUVRES*/
#categories {color:#286777;margin:5px 0 0 15px;float:left; text-transform:uppercase;}
#categories li { float:left;}
#categories a {color:#286777;float:left;margin:0 5px 0 0; font-size:20px;}
#categories a.menu_actif { color:#98c0d1;}
#gallery { margin-left:20px;float:left;width:690px;color:#000;}
#gallery li { float:left;margin-bottom:5px; margin-left:5px;}
#gallery a {color:#286777;display:block;width:110px;height:75px; float:left;}

p.pagination {margin:15px 0 10px 25px; line-height:25px;float:left; width:685px; font-size:16px;color:#286777;}
p.pagination span {color:#98c0d1;}
p.pagination a {color:#286777;}



#mimage {float:left;border-right:1px solid #FFF;}

#gallery_content {float:left; width:945px;}

#gallery_caption {float:left; color:#286777; }
#gallery_caption h1 {text-transform:uppercase;font-size:22px;margin-bottom:10px;}
#gallery_caption table { border-collapse:collapse; }

#gallery_caption h1 { color:#162E38;}
#eg { float:left; width:190px; padding:20px; color:#162E38; }



/* FORMULAIRES */
#formulaire {width:100%;}
#formulaire p {line-height:12px;font-size:14px;margin:8px 0 0 0;}
#formulaire input  {border:1px solid #8fada0;padding:2px;width:100%;}
#formulaire textarea {border:1px solid #8fada0;padding:2px;width:100%; height:130px;}
#formulaire .failed {color:#900;}
#formulaire .valid  {color:#090;}
#formulaire .sends {color:#fff;background-color:#8fada0;border:1px solid #000;width:70px;margin:5px auto;padding:2px;text-align:center;cursor:pointer;display:block;}
#formulaire .sends:hover {color:#000;}

#special {display:none;}
textarea {resize: none;}


#page #formulaire { width:80%; margin:0 auto;}