/* CSS Document */

body{
	padding:11px 0 14px 0;
	margin:0;
	background-color:#EFEFDF;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

h1{
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

h2.si{
	font-size:16px;
	font-weight:bold;
	color:#385a14;
	text-decoration:underline;
}

h2.aep{
	font-size:16px;
	font-weight:bold;
	color:#6f0c02;
}

h2.sep{
	font-size:16px;
	font-weight:bold;
	color:#034c89;
}


h4{
	font-size:18px;
	font-weight:bold;
	color:#009999;
	text-decoration:underline;
}

.rep{
	font-size:16px;
	font-weight:bold;
}

.legend{
	font-size:11px;
	font-style:italic;
}

.txt_mini{
	font-size:10px;
}

.medium{
	font-size:11px;
}

.minilink{
	text-decoration:none;
	font-size:10px;
	color:#000000;
}

.list1{
	margin-left:20px;
}

.list1 li{
	margin-top:8px;
}

.num{
	margin-left:30px;
	line-height:20px;
}


.num ul{
	margin-left:50px;
}


a.media {
	font-size:12px;
}





/*----------------------------- Menu vertical --------------------*/
* {padding:0; margin:0}
#wrapper {width:750px; padding:0px; margin:0 auto}
#leftcolumn {float:left; width:225px}
.dropdown_si {display:block; position:relative;margin-left:22px;}
.dropdown_si dt {width:200px; height:25px;  padding:10px 0px 0px 20px; font-weight:bold; cursor:pointer; background:url(images/menu_vertical_si.jpg);margin-top:5px;color:#878767;}
.dropdown_si .upperdd {border-bottom:none}
.dropdown_si dt:hover {background:url(images/menu_vertical_si_over.jpg);}
.dropdown_si dd {position:absolute; top:0; overflow:hidden; width:250px; display:none;opacity:0;}
.dropdown_si ul {width:220px; list-style:none;margin-left:10px;}
.dropdown_si li {display:inline;}
.dropdown_si a, .dropdown_si a:active, .dropdown_si a:visited {display:block; padding:5px; color:#878767; text-decoration:none; width:250px; background-image:url(images/sous_menu.jpg);}
.dropdown_si a:hover {background-image:url(images/sous_menu_over.jpg);color:#878767;}
.dropdown_si.underline {border-bottom:1px solid #cdcdb8;}
.nodrop_si {width:200px; height:25px; padding:10px 0px 0px 20px; font-weight:bold; background:url(images/menu_vertical_si.jpg);margin-top:5px;margin-left:22px;}
.nodrop_si a, .nodrop_si a:active, .nodrop_si a:visited, .nodrop_si a:hover { text-decoration:none;color:#878767;}

.dropdown_aep {display:block; position:relative;margin-left:22px;}
.dropdown_aep dt {width:200px; height:25px;  padding:10px 0px 0px 20px; font-weight:bold; cursor:pointer; background:url(images/menu_vertical_aep.jpg); margin-top:5px; color:#878767;}
.dropdown_aep .upperdd {border-bottom:none}
.dropdown_aep dt:hover {background:url(images/menu_vertical_aep_over.jpg);}
.dropdown_aep dd {position:absolute; top:0; overflow:hidden; width:250px; display:none; opacity:0;}
.dropdown_aep ul {width:220px; list-style:none;margin-left:10px;}
.dropdown_aep li {display:inline;}
.dropdown_aep a, .dropdown_aep a:active, .dropdown_aep a:visited {display:block; padding:5px; color:#878767; text-decoration:none; background-image:url(images/sous_menu.jpg); width:250px}
.dropdown_aep a:hover {background-image:url(images/sous_menu_over.jpg);color:#878767;}
.dropdown_aep .underline {border-bottom:1px solid #cdcdb8;}
.nodrop_aep {width:200px; height:25px; padding:10px 0px 0px 20px; font-weight:bold; background:url(images/menu_vertical_aep.jpg);margin-top:5px;margin-left:22px;}
.nodrop_aep a, .nodrop_aep a:active, .nodrop_aep a:visited, .nodrop_aep a:hover { text-decoration:none;color:#878767;}

.dropdown_sep {display:block; position:relative;margin-left:22px;}
.dropdown_sep dt {width:200px; height:25px;  padding:10px 0px 0px 20px; font-weight:bold; cursor:pointer; background:url(images/menu_vertical_sep.jpg); margin-top:5px; color:#878767;}
.dropdown_sep .upperdd {border-bottom:none}
.dropdown_sep dt:hover {background:url(images/menu_vertical_sep_over.jpg)}
.dropdown_sep dd {position:absolute; top:0; overflow:hidden; width:250px; display:none; opacity:0;}
.dropdown_sep ul {width:220px; list-style:none;margin-left:10px;}
.dropdown_sep li {display:inline}
.dropdown_sep a, .dropdown_sep a:active, .dropdown_sep a:visited {display:block; padding:5px; color:#878767; text-decoration:none; background-image:url(images/sous_menu.jpg); width:250px}
.dropdown_sep a:hover {background-image:url(images/sous_menu_over.jpg);color:#878767;}
.dropdown_sep .underline {border-bottom:1px solid #cdcdb8;}
.nodrop_sep {width:200px; height:25px; padding:10px 0px 0px 20px; font-weight:bold; background:url(images/menu_vertical_sep.jpg);margin-top:5px;margin-left:22px;}
.nodrop_sep a, .nodrop_sep a:active, .nodrop_sep a:visited, .nodrop_sep a:hover { text-decoration:none;color:#878767;}

.dropdown_int {display:block; position:relative;margin-left:22px;}
.dropdown_int dt {width:200px; height:25px;  padding:10px 0px 0px 20px; font-weight:bold; cursor:pointer; background:url(images/menu_vertical_aep.jpg); margin-top:5px; color:#878767;}
.dropdown_int .upperdd {border-bottom:none}
.dropdown_int dt:hover {background:url(images/menu_vertical_aep_over.jpg)}
.dropdown_int dd {position:absolute; top:0; overflow:hidden; width:250px; display:none; opacity:0;}
.dropdown_int ul {width:220px; list-style:none;margin-left:10px;}
.dropdown_int li {display:inline}
.dropdown_int a, .dropdown_int a:active, .dropdown_int a:visited {display:block; padding:5px; color:#878767; text-decoration:none; background-image:url(images/sous_menu.jpg); width:250px}
.dropdown_int a:hover {background-image:url(images/sous_menu_over.jpg);color:#878767;}
.dropdown_int .underline {border-bottom:1px solid #cdcdb8;}
.nodrop_int {width:200px; height:25px; padding:10px 0px 0px 20px; font-weight:bold; background:url(images/menu_vertical_aep.jpg);margin-top:5px;margin-left:22px;}
.nodrop_int a, .nodrop_int a:active, .nodrop_int a:visited, .nodrop_int a:hover { text-decoration:none;color:#878767;}

.dropdown_opp {display:block; position:relative;margin-left:22px;}
.dropdown_opp dt {width:200px; height:25px;  padding:10px 0px 0px 20px; font-weight:bold; cursor:pointer; background:url(images/menu_vertical_opp.jpg); margin-top:5px; color:#878767;}
.dropdown_opp .upperdd {border-bottom:none}
.dropdown_opp dt:hover {background:url(images/menu_vertical_opp_over.jpg)}
.dropdown_opp dd {position:absolute; top:0; overflow:hidden; width:250px; display:none; opacity:0;}
.dropdown_opp ul {width:220px; list-style:none;margin-left:10px;}
.dropdown_opp li {display:inline}
.dropdown_opp a, .dropdown_opp a:active, .dropdown_opp a:visited {display:block; padding:5px; color:#878767; text-decoration:none; background-image:url(images/sous_menu.jpg); width:250px}
.dropdown_opp a:hover {background-image:url(images/sous_menu_over.jpg);color:#878767;}
.dropdown_opp .underline {border-bottom:1px solid #cdcdb8;}
.nodrop_opp {width:200px; height:25px; padding:10px 0px 0px 20px; font-weight:bold; background:url(images/menu_vertical_opp.jpg);margin-top:5px;margin-left:22px;}
.nodrop_opp a, .nodrop_opp a:active, .nodrop_opp a:visited, .nodrop_opp a:hover { text-decoration:none;color:#878767;}

		

/*------------------------------------------------header--------------------*/

#header_index{
	width:981px;
	height:295px;
	position:relative;
	margin:0 auto;
	background:#efefdf;
}

#header{
	width:981px;
	height:220px;
	position:relative;
	margin:0 auto;
	background:#efefdf;
}


/*------------------------------------------------body--------------------*/
#body{
	width:978px;
	padding:13px 1px 13px 2px;
	margin:0 auto;
}


/*------------------------------------------------news--------------------*/
.news_style{
display:none;
}
.news_show
{
background-color: white;
color:black;
width:645px;
height:300px;
overflow: auto;	

}
.news_border
{
background-color: white;
width:645px;
height:300px;
border: 1px solid gray;
padding: 5px 5px 5px 5px;
overflow: auto;	

}
.news_mark{
background-color:red ;
border: 0px solid gray;
width:656px;
height:35px;
color:black;
text-align:center;
}
.news_title{
border: 0px solid gray;
padding: 5px 0px 9px 5px;
color:black;
}
.news_show img{

margin-left: 5px;
margin-right: 5px;

}
.buttondiv
{
position: absolute;
/*float: left;*/
/*top: 169px;*/
padding: 5px 5px 5px 5px;
background-color:white ;
border: 3px solid red;
/*border-top-color: white;*/
border-top:none;
height:20px;
}

/*------------------------------------------------end news-------------------*/



/*------------------------------------------------left--------------------*/
#left{
	width:270px;
	float:left;
}
#left1{
	width:230px;
	background:url(images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
	margin:0 0 4px 0;
	padding:5px 10px 6px 22px;
	color:#878767;
}

#left1 h2{
	color:#395a15;
	font-size:14px;
	line-height:15pt;
}

#left1 p.pic1{
	display:block;
	background:url(images/lft_pic1.gif) 0 0 no-repeat;
	width:88px;
	height:78px;
	margin:5px 0 0 0;
	float:left;
}
#left1 p.boxTxt1{
	float:right;
	padding:0 0 0 15px;
	border-left:#F9F9F1 solid 2px;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:199px;
}
#left1 p.boxTxt1 span{
	font:normal 19px/17px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	padding:0 0 0 25px;
	margin:0 0 10px 0;
	background:url(images/one.gif) 0 0 no-repeat;
	height:17px;
	display:block;
}


#member{
	width:220px;
	background:url(images/member_form_bg.gif) 0 0 repeat-x #353535;
	color:#FFFFFF;
}
#member h2.si{
	background:url(images/news_si.png) no-repeat;
	width:220px;
	height:27px;
	color:#fff;
	text-decoration:none;
	padding-top:4px;
}

#member h2.aep{
	background:url(images/news_aep.png) no-repeat;
	width:220px;
	height:27px;
	color:#fff;
	text-decoration:none;
	padding-top:4px;
}

#member h2.sep{
	background:url(images/news_sep.png) no-repeat;
	width:220px;
	height:27px;
	color:#fff;
	text-decoration:none;
	padding-top:4px;
}

#member a{
	color:#FFFFFF;
	text-decoration:none;
	margin-left:5px;
}

#member a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	margin-left:5px;
}

#member_box{
	padding:10px;
}

#member_box ul{
	line-height:20px;
	margin-left:17px;
}




/*------------------------------------------------left--------------------*/



/*------------------------------------------------ACCUEIL--------------------*/
#right_acc{
	width:980px;
	float:right;
	background:url(images/right_panel_acc.gif) 0 0 repeat-y;
}
#right_acc p.rightTop{
	display:block;
	background:url(images/right_top_acc.gif) 0 0 no-repeat;
	width:980px;
	height:26px;
}
#right_acc h2{
	font:bold 30px/22px Arial, Helvetica, sans-serif;
	color:#222222;
	background-color:inherit;
	margin:0 0 16px 0;
	padding:0 0 0 38px;
	display:block;
}

#txt1{
	color:#62625C;
	background-color:inherit;
	padding:0 20px 10px 20px;
}

#txt1 a{
	text-decoration:none;
	color:#f8700d;
	font-weight:bold;
}

#right_acc p.rightBottom{
	display:block;
	background:url(images/right_bottom_acc.gif) 0 0 no-repeat;
	width:980px;
	height:20px;
	float:left;
}
/*-----------------------------------------------ACCUEIL-------------------*/




/*------------------------------------------------right--------------------*/
#right{
	width:695px;
	float:right;
	background:url(images/right_panel_bg.gif) 0 0 repeat-y;
}
#right p.rightTop{
	display:block;
	background:url(images/right_top.gif) 0 0 no-repeat;
	width:695px;
	height:26px;
}

#txt1{
	color:#62625C;
	background-color:inherit;
	padding:0 20px 10px 20px;
}

#txt1 a{
	text-decoration:none;
	font-weight:bold;
}

#txt1 a:hover{
	text-decoration:underline;
	font-weight:bold;
}

#right p.rightBottom{
	display:block;
	background:url(images/right_bottom.gif) 0 0 no-repeat;
	width:695px;
	height:20px;
	float:left;
}


#av_aep{
	width:520px;
	height:350px;
	padding-left:20px;
	padding-top:20px;
	font-size:13px;
}

/*------------------------------------------------right--------------------*/



/*------------------------------------------------footer--------------------*/
#footer_si{
	width:977px;
	height:20px;
	margin:0 auto;
	padding-top:4px;
	background-color:#385a14;
	color:#fff;
	position:relative;
	text-align:center;
	font-size:10px;
}

#footer_aep{
	width:977px;
	height:20px;
	margin:0 auto;
	padding-top:4px;
	background-color:#6f0c02;
	color:#fff;
	position:relative;
	text-align:center;
	font-size:10px;
}

#footer_sep{
	width:977px;
	height:20px;
	margin:0 auto;
	padding-top:4px;
	background-color:#034c89;
	color:#fff;
	position:relative;
	text-align:center;
	font-size:10px;
}

.foot{
	text-decoration:none;
	color:#ffffff;
}
/*------------------------------------------------footer--------------------*/




/* ---------------------------------------- Q TIP - (loi_portage) ---------------------------------------------- */
.qtip .qtip-content{
   padding: 10px;
   overflow: hidden;
   font-size:11px;
}
   
   .qtip .qtip-content .qtip-title,
   .qtip-cream .qtip-content .qtip-title{
      background-color: #ffcc99;
   }
   
   .qtip-light .qtip-content .qtip-title{
      background-color: #ffcc99;
   }

   .qtip-dark .qtip-content .qtip-title{
      background-color: #ffcc99;
   }

   .qtip-red .qtip-content .qtip-title{
      background-color: #ffcc99;
   }
   
   .qtip-green .qtip-content .qtip-title{
      background-color: #ffcc99;
   }


/*-------------------accordeon vertical------------------------*/
#accordion2 {width:600px; margin:0px auto;}
.accordion2 {width:600px;}
.accordion2 dt {width:533px; padding:4px 30px; font-weight:bold; cursor:pointer; color:#000000;font-size:14px;height:30px;background-image:url(images/arrow.jpg); background-repeat:no-repeat;}
.accordion2 dt:hover {}
.accordion2 .open {}
.accordion2 dd {overflow:hidden;font-size:14px;}
.accordion2 span {display:block; width:590px; border-top:none; padding:Opx;}

.form{line-height:20px;}
.form li{margin-left:30px;}

/* -------------------------------------------------------------------*/



/* ----------------------------- slider formules aep -----------------------------*/
.anythingSlider                         { width: 632px; height: 360px; position: relative; margin: 0 auto 15px; } 
.anythingSlider .wrapper                { width: 552px; overflow: auto; height: 341px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #ffffff; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 341px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #D99F93 url(images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #bd2e10; }



/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
/* ----------------------------- slider formules aep -----------------------------*/


/* ----------------------------- slider agenda -----------------------------*/
.anythingSlider_a                         { width: 632px; height: 850px; position: relative; margin: 0 auto 15px; } 
.anythingSlider_a .wrapper                { width: 552px; overflow: auto; height: 850px; margin: 0 36px; position: absolute; top: 0; left: 0; }
.anythingSlider_a .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #ffffff; margin: 0; }
.anythingSlider_a ul li                   { display: block; float: left; padding: 0; height: 850px; width: 680px; margin: 0; }
.anythingSlider_a .arrow                  { display: block; height: 200px; width: 67px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider_a .forward                { background-position: 0 0; right: -20px; }
.anythingSlider_a .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider_a .forward:hover          { background-position: 0 -200px; }
.anythingSlider_a .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 840px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #D99F93 url(images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #bd2e10; }



/*
  Prevents
*/
.anythingSlider_a .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider_a .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
/* ----------------------------- slider agenda aep -----------------------------*/








/* ---------------------- lightbox 'comparaison 3 statuts' ------------------------- */
#SLB-Wrapper
{
  margin:0.5em 0;
  margin:auto;
  font-family:Verdana;
  text-align: left;
  position: absolute;
}

#SLB-Wrapper #SLB-Background
{
  position: absolute;
  left:7px;
  top:7px;
  float:left;
}

#SLB-Wrapper #SLB-Top
{
  background:transparent no-repeat scroll 100% 0;
  height:28px;
  margin:0 0 0 18px;
}

#SLB-Wrapper #SLB-Top a
{
  float:right;
  display:inline;
  padding:0;
  margin:5px 10px;
  width:41px;
  height:16px;
  text-decoration:none;
}

#SLB-Wrapper #SLB-Top a:hover
{
  background-position:0px -16px;
}

#SLB-Wrapper #SLB-Top img
{
  float:right;
  border:0px;
  margin:6px 10px;
  width:41px;
  height:16px;
}

#SLB-Wrapper #SLB-Top div
{
  background:transparent no-repeat scroll 0 0;
  font-size:0;
  height:28px;
  left:-18px;
  line-height:0;
  position:relative;
  width:18px;
}

#SLB-Wrapper #SLB-Bottom
{
  background:transparent no-repeat scroll 0 43%;
  height:20px;
  margin:0 18px 0 0;
}

#SLB-Wrapper #SLB-Bottom #SLB-BottomRight
{
  background:transparent no-repeat scroll 100% 43%;
  font-size:0;
  height:20px;
  right:-18px;
  line-height:0;
  position:relative;
  width:100%;
  float:right;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav,
#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight
{
  height:52px;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav
{
  background-position:0 100%;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight
{
  background-position:100% 100%;
}

#SLB-Wrapper #SLB-Contenido
{
  border-left: 7px solid #000;
  border-right: 7px solid #000;
}

#SLB-Wrapper #SLB-Bottom #SLB-Navegador
{
  font-size: 11px;
  color: #fff;
  height:30px;
  border-left:0px;
  border-right:0px;
  padding:10px 0px;
  margin:0;
  line-height:11px;
  float:left;
  width:100%;
}

#SLB-Wrapper #SLB-Navegador #SLB-Right,
#SLB-Wrapper #SLB-Navegador #SLB-Left
{
  display:inline;
  padding:0;
  margin:0;
  width:26px;
  height:26px;
  text-decoration:none;
}

#SLB-Wrapper #SLB-Navegador #SLB-Right
{
  background-position:26px 0;
  margin:0 18px 0 10px;
  float:right;
}

#SLB-Wrapper #SLB-Navegador #SLB-Right:hover
{
  background-position:26px -26px;
}

#SLB-Wrapper #SLB-Navegador #SLB-Left
{
  background-position:52px 0;
  margin-right:10px;
  float:left;
}

#SLB-Wrapper #SLB-Navegador #SLB-Left:hover
{
  background-position:52px -26px;
}

#SLB-Wrapper #SLB-Navegador strong
{
  display: block;
  padding-top:5px;
}
/* ---------------------- lightbox 'comparaison 3 statuts' ------------------------- */


/* jquery puzzle ------------------------------------------------------------------ */

.jqPuzzle {
	padding: 5px;
	border: 1px solid #222222;
	background-color: #DDDDFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* only needed if external css rules set defaults for divs,
   this rule only resets the most common properties */
.jqPuzzle div {
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	border-style: none;
}

/* div wrapper which holds the puzzle pieces and the solution image */
.jqPuzzle .jqp-wrapper {
	padding: 2px;
	border: 1px solid #FFFFFF;
	background-color: #444455;
}

/* a single puzzle piece */
.jqPuzzle .jqp-piece {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 36px;
}

.jqPuzzle .jqp-piece:hover {
	border-style: dashed;
}

.jqPuzzle.jqp-solved .jqp-piece:hover {
	border-style: solid;
}

/* the controls area which holds the buttons and the display */
.jqPuzzle .jqp-controls {
	float: left;
}

/* a button */
.jqPuzzle .jqp-controls a {
	margin-top: 5px;
	margin-right: 8px;
	padding: 3px 5px;
	border: 1px outset #FFFFFF;
	background-color: #777799;
	color: #FFFFFF;
	font-size: 14px;
	line-height: normal;
	float: left;
}

.jqPuzzle .jqp-controls a:hover {
	background-color: #7777BB;
}

/* toggle/down state for buttons */
.jqPuzzle .jqp-controls a.jqp-toggle, 
.jqPuzzle .jqp-controls a.jqp-down {
	padding-left: 4px;
	padding-right: 6px;
	border-style: inset;
	background-color: #BBBBFF;
}

/* disabled state for buttons */
.jqPuzzle .jqp-controls a.jqp-disabled {
	background-color: #DDDDEE;
	color: #FFFFFF;
}

/* the area which holds the moves/seconds display */
.jqPuzzle .jqp-controls span {
	margin-top: 5px;
	padding: 2px 4px;
	padding-left: 0px;
	border: none;
	background-color: transparent;
	color: #666666;
	font-size: 14px;
	float: left;
}

/* disabled state for the display (non-shuffled puzzle) */
.jqPuzzle .jqp-controls span.jqp-disabled {
	color: #AAAAAA;
}

/* solved state for the display (non-shuffled puzzle) */
.jqPuzzle.jqp-solved .jqp-controls span {
	padding: 1px 3px;
	border: 1px dotted #0F8F08;
	background-color: #9FEF86;
	color: #0F8F08;
}

/* a text field for the moves/seconds display */
.jqPuzzle .jqp-controls span input {
	margin: 0px 3px;
	padding: 3px;
	padding-bottom: 2px;
	border-style: none;
	background-color: #FFFFFF;
	color: #666666;
	font-weight: bold;
	text-align: right;
}

/* disabled state for the text fields */
.jqPuzzle .jqp-controls span.jqp-disabled input {
	background-color: #EEEEFF;
	color: #AAAAAA;
}

/* solved state for the text fields */
.jqPuzzle.jqp-solved .jqp-controls span input {
	background-color: #C2FFAF;
	color: #444444;
}
/* jquery puzzle ------------------------------------------------------------------ */


/* avantages de chaque statut ---------------------------------------------------- */

div.limiter {
	text-align: left;
	width: 350px;
	padding: 10px;
	margin-left:10px;

}


ul#news {
	font-size:24px;
	font-weight:bold;

}