/* CSS Document */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

*    {outline:none;margin:0;padding:0;}
img  {border:none;}
ul   {list-style-type:none;}
body {font-family:Helvetica,Arial,sans-serif;font-size:15px; line-height:20px;background:#fff;}

.page1, .page1 a:hover  { color:#7d2873;}
.page1 h1, .page1 #main_nav li a.menu_actif, .page1 #main_nav li a:hover, .page1 a, .page1 #lang a:hover, .page1 #lang a.menu_actif  {color:#e88dc4;}

.page2, .page2 a:hover  { color:#0c4f73;}
.page2 h1, .page2 #main_nav li a.menu_actif, .page2 #main_nav li a:hover, .page2 a, .page2 #lang a:hover, .page2 #lang a.menu_actif  {color:#66ecd7;}

.page3, .page3 a:hover  { color:#c12708;}
.page3 h1, .page3 #main_nav li a.menu_actif, .page3 #main_nav li a:hover, .page3 a, .page3 #lang a:hover, .page3 #lang a.menu_actif  {color:#ff9037;}

.page4, .page4 a:hover  { color:#713b8d;}
.page4 h1, .page4 #main_nav li a.menu_actif, .page4 #main_nav li a:hover, .page4 a, .page4 #lang a:hover, .page4 #lang a.menu_actif  {color:#b06ec9;}

.page5, .page5 a:hover  { color:#406b05;}
.page5 h1, .page5 #main_nav li a.menu_actif, .page5 #main_nav li a:hover, .page5 a, .page5 #lang a:hover, .page5 #lang a.menu_actif  {color:#8ccd57;}

.page6, .page6 a:hover { color:#e54b57;}
.page6 h1, .page6 #main_nav li a.menu_actif, .page6 #main_nav li a:hover, .page6 a, .page6 #lang a:hover, .page6 #lang a.menu_actif {color:#cb8bb7;}

/*SELECT LANGUE*/
#lang    {width:250px; position:absolute; top:50px; right:20px;}
#lang li {display:inline-block;border-right:1px solid #fff; line-height:19px; height:15px}
#lang li:last-child {border:none;}
#lang a  {display:block;padding:0 10px; font-size:18px; color:#fff; text-transform:uppercase; }
#lang a:hover, #lang a.menu_actif  { color:#999;}

/*NAVIGATION*/
nav     {width:470px; height:310px; font-size:22px; line-height:24px; }
#main_nav      {width:220px; padding:15px 0 0;}
#main_nav li   {}
#main_nav li a {display:block;padding:2px 15px;color:#fff;}


/* STRUCTURE */
#wrapper {width:942px;margin:0 auto;}

header  { position:relative; margin:25px 0 40px;}
header img { display:block;}
#col1 { width:470px; float:left;}
#col1 article { margin:30px 0 0;}
#col2 { width:420px; float:left; padding-left:50px;}
#col2 article { min-height:310px;}
section {}
aside   {background:#CCC;} 
footer  {background:#0F0;}

#news h2 {text-transform:none; font-weight:normal; font-size:18px;color:#b06ec9;}
#news article {border-bottom:1px solid #b06ec9; padding-bottom:10px;}
.oeuvres nav { width:235px; float:left;}
.oeuvres article { float:left; margin-left:40px; width:665px; }
.oeuvres article h1 { color:#6ab8d0;}

#list { margin:13px 0 13px; font-size:18px; line-height:20px;}
#list li:first-child {padding:0 0; cursor:pointer;}
#list li {transition:color 1.5s; display:inline-block; border-right:1px solid #0c4f73; width:165px; padding:0; text-align:center; cursor:pointer;}

#list li:hover { transition:color 0.5s;color:#6ab8d0;}

#list li:last-child { border:none;}
/* STYLES 
::selection {color:#090;background:#000;}
::-moz-selection {color:#090;background:#000;}*/



a   	{transition:color 1.5s;text-decoration:none;}
a:hover {transition:color 0.5s;}


h1  	{text-transform:uppercase; font-weight:normal; font-size:22px; line-height:26px;}
#col1 h1 {text-transform:none; font-weight:normal; font-size:18px;}
h2  	{}
h3		{}
h4		{}
p   	{margin:15px 0;}

hr {clear:both;visibility:hidden;height:0;border:0;}

/*SLIDER*/
.nivoSlider {position:relative;width:100%;height:auto; /* Attention avec ça : overflow: hidden;*/ background:#fff url(../webimages/icon/loading.gif) no-repeat center; margin:30px 0 45px;}
.nivoSlider img {position:absolute;top:0px;left:0px; max-width: none; }
.nivo-main-image {display:block !important;position:relative !important;width:100% !important; }
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px; width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white;filter:alpha(opacity=0);opacity:0;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;}
.nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img {display:block }
.nivo-caption {position:absolute; left:0px;bottom:0px;background:#000;color:#fff;width:100%;z-index:8;padding:5px 10px;opacity:0.8;overflow:hidden;display:none;-moz-opacity:0.8;filter: alpha(opacity=8);-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.nivo-caption p {padding:5px; margin: 0;}
.nivo-caption a {display:inline !important}
.nivo-html-caption {display: none }
.nivo-directionNav a {width:23px;height:30px;position:absolute;text-indent:-9999px;cursor:pointer;top:45%;z-index:100;}
.nivo-prevNav {background:url(../webimages/left-arrow.png);left:-25px;}
.nivo-nextNav {background:url(../webimages/right-arrow.png);right:-25px;}
.nivo-controlNav {text-align:center; margin:0.5em 0 0; }
.nivo-controlNav a {display:inline-block;width:10px;height:10px;position:relative;text-indent:-9999px;cursor:pointer;margin:2px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;background:#F00;}
.nivo-controlNav a.active {background:#0C3;}

/* FORMULAIRES */
#formulaire { width:100%;}
#formulaire input    {width:100%;}
#formulaire textarea {width:100%;height:160px;}
#formulaire .failed  {color:#900;}
#formulaire .valid   {color:#090;}
#formulaire .sends   {width:100px;margin:5px auto;text-align:center;cursor:pointer;display:block;}
#special {display:none;}

/*FORMULAIRES STYLES*/
input, textarea {font-family:Helvetica,Arial,sans-serif; font-size:16px; line-height:22px;  background:#8ccd57;color:#406b05;transition:background 1.5s;padding:6px;outline:none;border:0 !important;-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input:focus, textarea:focus, .sends:hover {background:#406b05;transition:background 0.5s;color:#fff;}
/*FORMULAIRES STYLES REMOVE OUTLINE SELECT FIREFOX*/
select:-moz-focusring {color:transparent;text-shadow:0 0 0 #fff;}

p:not(#mon_test_de_balise){-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} /* Tous les p qui n'ont pas l'ID */