body {width: 880px; margin: auto;	font-family: Arial, Helvetica, sans-serif; margin-bottom: 15px;
	background-image: url('images/interface/bckground.gif'); background-repeat: repeat;}
.col_gauche{width:430px; float:left; margin: 5px 5px 5px 5px;}
.col_droite{width:430px; float:right; margin: 5px 5px 5px 5px;}
.footer{clear:both; margin-bottom: 10px; }
	
#header {width: 880px; height:auto; }


/*menu bulle*/		
#menu{width:880px; height:35px; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold;}
#menu .menu_div{position:relative;}
#menu .menu_ul{padding-left:50px;}

#menu .menu_div ul{width:830px;height:30px;margin-top:10px;
background:#888;background:-moz-linear-gradient(top,#ccc,#555);
background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#555));
-moz-box-shadow:0px 1px 2px black;-webkit-box-shadow:0px 1px 2px black;box-shadow:0px 1px 2px black;}

#menu .menu_div ul li ul{display:none;}
#menu .menu_div ul li{float:left;position:relative;list-style:none;height:10px;}

#menu .menu_div ul li a{display:block;height:23px;padding:7px 20px 0px 20px;text-decoration:none;color:#333;}
#menu .menu_div ul li:hover a{
background:#222;background:-moz-linear-gradient(top,#111,#444 50%);
background:-webkit-gradient(linear,left top,left bottom,from(#111),color-stop(0.5,#555));
color:#fff;border-top:3px solid #0C9;height:23px;padding-top:4px;}

#menu .menu_div ul li:hover ul{display:block;position:absolute;z-index:100;top:18px;left:50%;margin-left:-22px;
-moz-box-shadow:0px 0px 2px black;-webkit-box-shadow:0px 0px 2px black;box-shadow:0px 0px 2px black;}

#menu .menu_div ul li ul:before{content:"";position:absolute;top:-5px;left:10px;width:0px;height:0px;border-bottom:10px solid #0C9;border-left:10px solid transparent;
border-right:10px solid transparent;}

#menu .menu_div ul li:nth-child(2) ul:before{content:"";border-bottom-color:#09C;}
#menu .menu_div ul li:nth-child(3) ul:before{content:"";border-bottom-color:#C09}
#menu .menu_div ul li:nth-child(4) ul:before{content:"";border-bottom-color:#9C0;}
#menu .menu_div ul li:nth-child(5) ul:before{content:"";border-bottom-color:#FF6600;}
#menu .menu_div ul li:nth-child(6) ul:before{content:"";border-bottom-color:#FF99FF;}

#menu .menu_div ul li ul{width:auto;height:auto;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px 0;}
#menu .menu_div ul li ul li{float:none;white-space:nowrap;height:18px;}

#menu .menu_div ul li:hover ul li a{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;background:none;font-size:0.9em;height:15px;padding:2px 20px 2px 10px;border:none;}
#menu .menu_div ul li ul li a:hover{background:rgba(255,255,255,0.2);}
#menu .menu_div ul li:nth-child(1) ul{background:#0c9;background:-moz-linear-gradient(top,#0C9 40%,#008060);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.4,#0C9),to(#008060));}
#menu .menu_div ul li:nth-child(2) ul{background:#09c;background:-moz-linear-gradient(top,#09C 40%,#006080);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.4,#09c),to(#006080));}
#menu .menu_div ul li:nth-child(3) ul{background:#c09;background:-moz-linear-gradient(top,#C09 40%,#800060);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.4,#c09),to(#800060));}
#menu .menu_div ul li:nth-child(4) ul{background:#9c0;background:-moz-linear-gradient(top,#9C0 40%,#608000);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.4,#9c0),to(#608000));}
#menu .menu_div ul li:nth-child(5) ul{background:#FF6600;background:-moz-linear-gradient(top,#FF6600 40%,#FF4221);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.4,#FF6600),to(#FF4221));}
#menu .menu_div ul li:nth-child(6) ul{background:#FF99FF;background:-moz-linear-gradient(top,#FF99FF 40%,#FF33FF);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.4,#FF99FF),to(#FF33FF));}

#menu .menu_div ul li:nth-child(2):hover a{border-color:#09C;}
#menu .menu_div ul li:nth-child(3):hover a{border-color:#C09;}
#menu .menu_div ul li:nth-child(4):hover a{border-color:#9C0;}
#menu .menu_div ul li:nth-child(5):hover a{border-color:#FF6600;}
#menu .menu_div ul li:nth-child(6):hover a{border-color:#FF99FF;}
/* fin menu bulle*/	

/*carousel*/
#carousel {	overflow: scroll;border: 2px solid #999; width:420px; height:215px; }
.textholder { float:left; text-align: left;	font-size:medium;  padding: 6px;	-moz-border-radius: 6px 6px 0 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; font-weight:bold;}

/*box*/
.box0 { padding: 15px; background:#FFF; border:2px #990000 solid; border-radius:1.4em; color:#990000; margin-top:10px;}	
.box1 { padding: 15px; background:#FFF; margin-bottom: 10px; border:2px #000 solid; border-radius:1.4em; }
.box2 { padding: 15px; background:#FFF; margin-bottom: 10px; border:2px #09C solid; border-radius:1.4em;}
.box3 { padding: 15px; background:#FFF; margin-bottom: 10px; border:2px #FD822F solid; border-radius:1.4em;}
.box4 { padding: 15px; background:#FFF; margin-bottom: 10px; border:2px #FD822F solid; border-radius:1.4em;}
a  {text-decoration: none; color:#000;}
a:hover {color:#666666; text-decoration:underline;} 

/*box ruban*/
.bubble_bleu{
	clear: both;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	width: 400px;
	background: #fff;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: relative; 
	border:2px #09C solid;
	border-radius:1.4em;
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */}
	
.bubble_rouge{
	clear: both;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	width: 400px;
	background: #fff;
	color:#990000;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: relative; 
	border:2px #990000 solid;
	border-radius:1.4em;
	z-index: 90;}
	
.bubble_noir{
	clear: both;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	width: 400px;
	background: #fff;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: relative; 
	border:2px #000 solid;
	border-radius:1.4em;
	z-index: 90;}
	
.bubble_orange{
	clear: both;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	width: 400px;
	background: #fff;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: relative; 
	border:2px #FD822F solid;
	border-radius:1.4em;
	z-index: 90;}
	
.bubble_page_bleu {
	clear: both;
	margin: 0px auto;
	width: 830px;
	background: #fff;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: relative; 
	border:2px #09C solid;
	border-radius:1.4em;
	z-index: 90; }
	
.bubble_page_vert {
	clear: both;
	margin: 0px auto;
	width: 830px;
	background: #fff;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: relative; 
	border:2px #9C0 solid;
	border-radius:1.4em;
	z-index: 90; }
	
.bubble_page_orange {
	clear: both;
	margin: 0px auto;
	width: 830px;
	background: #fff;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: relative; 
	border:2px #FF6600 solid;
	border-radius:1.4em;
	z-index: 90; }
	
.bubble_page_rose {
	clear: both;
	margin: 0px auto;
	width: 830px;
	background: #fff;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: relative; 
	border:2px #FF99FF solid;
	border-radius:1.4em;
	z-index: 90; }
	
.bubble_page_emeraude {
	clear: both;
	margin: 0px auto;
	width: 830px;
	background: #fff;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: relative; 
	border:2px #0c9 solid;
	border-radius:1.4em;
	z-index: 90; }

.bubble_page_fushia {
	clear: both;
	margin: 0px auto;
	width: 830px;
	background: #fff;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: relative; 
	border:2px #C09 solid;
	border-radius:1.4em;
	z-index: 90; }
	
.rectangle_bleu {
	background: #09C;
	height: 25px;
	width: 420px;
	position: relative;
	left:-15px;
	top: 10px;
	padding: 10px 5px 0px 5px;
	float: left;
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100;}
	
.rectangle_rouge {
	background: #990000;
	height: 25px;
	width: 420px;
	position: relative;
	left:-15px;
	top: 10px;
	padding: 10px 5px 0px 5px;
	float: left;
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; }
	
.rectangle_noir{
	background: #000;
	height: 25px;
	width: 420px;
	position: relative;
	left:-15px;
	top: 10px;
	padding: 10px 5px 0px 5px;
	float: left;
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; }
	
.rectangle_orange {
	background: #FD822F;
	height: 25px;
	width: 420px;
	position: relative;
	left:-15px;
	top: 10px;
	padding: 10px 5px 0px 5px;
	float: left;
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; }
	
.rectangle_page_bleu {
	background: #09C;
	height: 25px;
	width: 850px;
	position: relative;
	left:-15px;
	top: 10px;
	padding: 10px 5px 0px 5px;
	float: left;
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; }
	
.rectangle_page_vert {
	background: #9C0;
	height: 25px;
	width: 850px;
	position: relative;
	left:-15px;
	top: 10px;
	padding: 10px 5px 0px 5px;
	float: left;
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; }
	
.rectangle_page_orange {
	background: #FF6600;
	height: 25px;
	width: 850px;
	position: relative;
	left:-15px;
	top: 10px;
	padding: 10px 5px 0px 5px;
	float: left;
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);}
  
.rectangle_page_rose {
	background: #FF99FF;
	height: 25px;
	width: 850px;
	position: relative;
	left:-15px;
	top: 10px;
	padding: 10px 5px 0px 5px;
	float: left;
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; }

.rectangle_page_emeraude {
	background: #0c9;
	height: 25px;
	width: 850px;
	position: relative;
	left:-15px;
	top: 10px;
	padding: 10px 5px 0px 5px;
	float: left;
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	color: #fff;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; }
	
.rectangle_page_fushia {
	background: #C09;
	height: 25px;
	width: 850px;
	position: relative;
	left:-15px;
	top: 10px;
	padding: 10px 5px 0px 5px;
	float: left;
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; }
	
.infored { padding: 50px 20px 20px 20px;}
.infored h2 { font-size: 16px; color:#990000; }
.infored p { font-size: 14px; line-height: 22px;} /*padding-top: 10px;*/
.infored p a {	color: #990000;	text-decoration: none; font-weight:bold;}
.infored p a:hover { text-decoration: underline;}

.info { padding: 50px 20px 20px 20px;}
.info h2 { font-size: 16px; color:#0c9; }
.info p { font-size: 14px; line-height: 22px;} /*padding-top: 10px;*/
.info p a {	color: #0c9;	text-decoration: none; font-weight:bold;}
.info p a:hover { text-decoration: underline;}
	
.info1 { padding: 50px 20px 20px 20px;}
.info1 h2 { font-size: 16px; color:#0c9; }
.info1 p { font-size: 14px; line-height: 22px;} /*padding-top: 10px;*/
.info1 p a {color: #0c9; text-decoration: none; font-weight:bold;}
.info1 p a:hover { text-decoration: underline;}

.info2 { padding: 50px 20px 20px 20px;}
.info2 h2 { font-size: 16px; color:#09C; }
.info2 p { font-size: 14px; line-height: 22px;} /*padding-top: 10px;*/
.info2 p a {	color: #09C;	text-decoration: none; font-weight:bold;}
.info2 p a:hover { text-decoration: underline;}

.info3 { padding: 50px 20px 20px 20px;}
.info3 h2 { font-size: 16px; color:#C09; }
.info3 p { font-size: 14px; line-height: 22px;} /*padding-top: 10px;*/
.info3 p a {	color: #C09;	text-decoration: none; font-weight:bold;}
.info3 p a:hover { text-decoration: underline;}

.info4 { padding: 50px 20px 20px 20px;}
.info4 h2 { font-size: 16px; color:#9C0; }
.info4 p { font-size: 14px; line-height: 22px;} /*padding-top: 10px;*/
.info4 p a {	color: #9C0;	text-decoration: none; font-weight:bold;}
.info4 p a:hover { text-decoration: underline;}

.info5 { padding: 50px 20px 20px 20px;}
.info5 h2 { font-size: 16px; color:#FF6600; }
.info5 p { font-size: 14px; line-height: 22px;} /*padding-top: 10px;*/
.info5 p a {	color: #FF6600;	text-decoration: none; font-weight:bold;}
.info5 p a:hover { text-decoration: underline;}

/*bouton*/
#button{ background-color:#FFF;}	
.button, .button:visited {
	background: #222 repeat-x; 
	display: inline-block; 
	padding: 5px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	border-radius:1.4em;}
 
	.button:hover							{ background-color: #111; color: #fff; }
	.button:active							{ top: 1px; }
	.button, .button:visited 				{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }

	.pink.button, .magenta.button:visited		{ background-color: #e22092; }
	.pink.button:hover							{ background-color: #c81e82; }
	.green.button, .green.button:visited		{ background-color: #91bd09; }
	.green.button:hover						    { background-color: #749a02; }
	.red.button, .red.button:visited			{ background-color: #e62727; }
	.red.button:hover							{ background-color: #cf2525; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover						{ background-color: #d45500; }
	.blue.button, .blue.button:visited		    { background-color: #2981e4; }
	.blue.button:hover							{ background-color: #2575cf; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover						{ background-color: #fc9200; }	
	.black.button, .black.button:visited		{ background-color: #000000; }
	.black.button:hover							{ background-color: #666666; }	
												{ background-color: #fc9200; }
	
/*pub*/ 
.pub { position:relative; left:130px; top:130px; float:right; height: 0px; with: 10px; font-size:14px;  }


/* Kouize */
#kouize h4 { /* Titres pages*/
	font-size:22px;	color:#FF3300;}	
#kouize a  { /* Lien  */
	color: #3D3D3B;	text-decoration: none;}
#kouize a:hover { /* Liens au survol */
	color:#FF3300; /* #1FB8C0 */	text-decoration:none;}	


/* Footer, copyright */
#footer { color: #000; text-align: center; font-size: 0.8em;}