/**************************************************************
   All page content except for footer
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 99%;
}

#left-curtain{
    position:absolute;
    top:0;
    left:0;
    width:155px;
    height:510px;
    background-image: url('../images/red-curtain-left.png');
    background-repeat : no-repeat;
}
#right-curtain{
    position:absolute;
    top:0;
    right:0;
    width:155px;
    height:510px;
    background-image: url('../images/red-curtain-right.png');
    background-repeat : no-repeat;
}
.new {
background-image:url(../images/new.gif);
background-position: right center;
background-repeat: no-repeat;
}


/*********************************************************
   Main white rounded corners
 *********************************************************/
/*.dialog {background-image:url('../images/bg-brown.jpg');}*/
.dialog {
background-color:#fff;
width:700px;
color:#453529;
}

#screen .imghome{
height: 413px;
width: 550px;
}
/**************************************************************
   Page Content
 **************************************************************/
#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 2px;
  text-align: left;
}
#columns {
  margin: 0 auto;
  border : 1px solid #D5C1AA;
  background-color:#f4ecdd;
  
}
/**************************************************************
   page 404
 **************************************************************/
#page404{
margin:0 auto;
text-align:center;
}
/**************************************************************
   Header
 **************************************************************/
#header{
margin:0 auto 0 auto;
width:980px;
height:205px;
background-image:url(../images/darkshade.png);
background-position:center;
}
/**************************************************************
   Footer
 **************************************************************/
#footer{
position:relative;
float:right;
width:980px;
padding-top:20px;
padding-bottom:20px;
background-image:url(../images/darkshade.png);
}
#footer{
color:#fff;
}
#footer #liens-milieu{
width:630px;
float:left;
text-align:center;
}
#footer #liens-milieu ul{
 padding:0;
 margin:0;
 list-style-type:none;
}
#footer #liens-mileu-div{
width:630px;
float:left;
text-align:center;
padding-left:92px;
}
#footer #liens-milieu li {
 margin-left:2px;
 float:left; /*pour IE*/
 background-image: url('../images/arrow-bullet.png');background-repeat: no-repeat;background-position: 0 0.4em;padding-left: 15px;
 }
#footer #liens-milieu li a {color : #ccc;}
#footer .flag{
float:left;
margin-left:30px;
}
/* liens du footer */
.liens{width:150px;text-align:left;padding-left:25px;}
.liens h3{font: 400 12px trebuchet ms, trebuchet, verdana, arial, sans-serif;color :#F5942F;font-weight: bold;}
.liens ul {list-style-type:none;margin:0;padding:0;}
.liens li .rss{background-image: url('../images/rss.gif');background-repeat: no-repeat;background-position: 0 0.4em;padding-left: 15px;}
.liens li{background-image: url('../images/arrow-bullet.png');background-repeat: no-repeat;background-position: 0 0.4em;padding-left: 15px;}
.liens a {color : #ccc;}
/**************************************************************
   Slideshow welcome page
 **************************************************************/
.container_slide{width: 640px;}
.main_image {width: 410px;height: 273px;float: left;background: #000;position: relative;overflow: hidden;color: #fff;}
.main_image img {max-height: 400px;max-width: 410px;}
.main_image h2 {font-size: 2em;font-weight: normal;margin: 0 0 5px;	padding: 10px;}
.main_image p {font-size: 1.2em;padding: 10px;	margin: 0;line-height: 1.6em;}
.block small {padding: 0 0 0 20px;background: url(../images/icons/calendar_icon.png) no-repeat 0 center;font-size: 1em;}
.main_image .block small {margin-left: 10px;}
.main_image .desc{position: absolute;bottom: 0;	left: 0;width: 100%;display: none;}
.main_image .block{width: 100%;background: #111;border-top: 1px solid #000;}
.main_image a.show {background-position: left bottom;} 
.thumb{max-width:70px;max-height:60px;}
.image_thumb {float: left;width: 210px;background: #f0f0f0;border-right: 1px solid #fff;border-top: 1px solid #ccc;}
.image_thumb img {border: 1px solid #ccc;padding:3px;background:#fff;float:left;}
.image_thumb ul {margin: 0; padding: 0;list-style: none;}
.image_thumb ul li{margin: 0; padding: 5px;background: #f0f0f0 url(nav_a.gif) repeat-x;border-right: 1px solid #ccc;
					width: 235px;float: left;border-bottom: 1px solid #ccc;border-top: 1px solid #fff;}
html .image_thumb ul li h2{font-size:12px;margin:5px 0;padding:0;color:#C12F00;}
.image_thumb ul li.hover {background: #ddd;cursor: pointer;}
.image_thumb ul li.active {background: #fff;cursor: default;}
.image_thumb ul li .block {float: left;margin-left: 10px;padding: 0;width: 110px;}	
.image_thumb ul li p{display: none;}

/**************************************************************
  Formulaire de contact
 **************************************************************/
p#success{padding: 3px 10px;background: #92FFA5;border: 2px solid #009218;color: #009218;font-weight: bold;margin-bottom: 10px;text-align: center;}
p#bademail, p#badserver{padding:3px 10px;background:#FFA3A1;border:2px solid #D00D00;color:#D00D00;font-weight:bold;margin-bottom:10px;text-align:center;}
#myForm{padding-top:0;margin-top:0;}
/**************************************************************
  Commentaire
 **************************************************************/
.titre-quiz{color:#C12F00;}
#com{height:50px;margin-top:15px;width:450px;}
#com_avatar{height:40px;width:50px;float:left;}
#com_infos{height:50px;width:auto;float:left;margin-left:50px;}
div.bubble {width: 600px;font-size: 1em;margin-bottom: 24px;}
div.bubble blockquote {margin:0px;padding:0px;border:1px solid #c9c2c1;background-color:#fff;font-family:"Lucida Grande", Lucida, Verdana, sans-serif;}
div.bubble blockquote p {margin: 10px;padding: 0px;}
div.bubble .avatarcom {border: 1px solid #CCCCCC;float:right;margin : 5px 5px 5px 5px;}
div.bubble blockquote img {vertical-align:middle;}
div.bubble cite {position: relative;margin: 0px;padding: 7px 0px 0px 15px;top: 3px;background: transparent url(../images/tip.gif) no-repeat 20px 0;
	font-style: normal;font-variant:normal;font-weight:normal;line-height:normal;}
#com-compose label {width:90px;}
/*********************************************************
   Shootbox
 *********************************************************/
/******* FORM *******/
#shootbox #form{width: 450px;}
#shootbox .clear{clear:both;height:0;visibility:hidden;display:block;}
#shootbox #form table td{text-align:left;font-size:11px;}
#shootbox #form label{font-weight:700;width:70px;color:#c12f00;}
#shootbox #form input{border: 1px solid #d0ccc9;background:#fff;color:#5f95ef;font-size:11px;font-weight: 700;}
#shootbox #form input.text{font-weight:normal;color: #C12F00;border:1px solid #9c9c9c;width:280px;padding:2px;margin-bottom:5px;text-align:left;}
#shootbox #form input.text.user{width: 100px;}
#shootbox #form input.send{margin-left:5px;color:#C12F00;}
/******* /FORM *******/
/******* MENU *******/
#shootbox #rules{width:140px;height:auto;border:1px solid #d0ccc9;float:left;font-size:11px;}
#shootbox #rules ul{padding-left:22px;list-style-image: url("../images/shootbox_redarrow.gif");}
#shootbox #rules li{line-height:15px;}
#shootbox #rules h2{text-align:center;color:#C12F00;}
#shootbox #container{margin: 0;width: 550px;float:right;}
#shootbox #container ul{list-style: none;list-style-position: outside;}
#shootbox #container ul.menu li{float: left;margin-right: 5px;margin-bottom: -1px;font-size:11px;color:#C12F00;font-weight: 700;display: block;
	padding: 0px 10px 5px 10px;background: #fff;border: 1px solid #d0ccc9;border-width: 1px 1px 0 1px;cursor: pointer;}
#shootbox #container ul.menu2 li{margin-right: 5px;margin-top: -11px;}
#shootbox #container ul.menu2 li{font-weight: 700;padding: 0px 5px 5px 5px;background: #fff;border: 1px solid #d0ccc9;border-width: 0 1px 1px 1px;
	padding:4px;color: #5f95ef;width:450px;}
/******* /MENU *******/
/******* CONTENT *******/
#shootbox .content{margin: 0;background: #efefef;background: #fff;border: 1px solid #d0ccc9;text-align: left;padding-top:4px;font-size: 11px;
	height:565px;overflow:auto;}
#shootbox .content ul{padding-left:5px;padding-bottom:5px;}
#shootbox .content li:hover{background-color:#e3e3d8;}
#shootbox .content h2{padding-left:25px;}
#shootbox .date{font-weight: normal;font-size: 9px;	color: #aeaeae;}
/******* /CONTENT *******/
/******* LOADING *******/
#shootbox #loading{	text-align: center;}
/******* /LOADING *******/
/**************************************************************
   Top Block Menu
 **************************************************************/
#easyTooltip{padding:5px 10px;border:1px solid #195fa4;background:#195fa4 url(../images/bg_tooltip.gif) repeat-x;color:#fff;	}
/**************************************************************
   Login panel
 **************************************************************/
 /*La box de login */
/*#login_box {height:120px;width:200px;text-align:right;margin-right:10px;margin-bottom:20px;padding-right:0px;color:#C12F00;
			background:none;padding-left:15px;}
#login_fields a{color:#C12F00;text-decoration:underline;font-family:Arial;font-size:11px;font-weight:bold;}
#login_fields .submit{margin-top:5px;}*/
 /*La box une fois loggu� */
#panel_fields #panel_fields_top{height:85px;}
#panel_fields a{color:#C12F00;font-family:Arial,sans-serif;font-size:11px;font-weight:bold;}
#panel_fields a:hover{color:#C12F00;font-family:Arial,sans-serif;font-size:11px;font-weight:bold;text-decoration:underline;}
#panel_fields #avatar{width:80px;height:80px;float:left;position:relative;}
#panel_fields #avatar img{width:80px;height:80px;}
/**************************************************************
   Element de l'index
 **************************************************************/
#wrapper_home{width:90%;}
#wrap_col-left{position:relative;float:left;width:40%;}
.avatar{width:150px;}
#wrap_col-right{position:relative;float:right;width:55%;padding-left:15px;padding-top:0px;}
#wrap_col-right p{padding-top:0px;}
#wraper-left1{width:90%;position:relative;}
/* Elements de la page regles */
.left1{width:700px;background-color:#F4ECDD;border:1px solid #D5C1AA;margin:0 0px 4px 0px;padding:5px 0px 6px 0px;color:#878767;float:left;}
.left1:hover{background-color:#eee;}
.left1 p.pic1{display:block;background:url(../images/icons/manred.png) 0 0 no-repeat;width:85px;height:85px;margin:1px 0 0 5px;
	float:left;margin-top:20px;}
.left1 p.pic2{display:block;background:url(../images/icons/clavier.png) 0 0 no-repeat;width:88px;height:85px;margin:1px 0 0 5px;
	float:left;	margin-top:96px;}
.left1 p.pic3{display:block;background:url(../images/icons/main.png) 0 0 no-repeat;width:88px;height:85px;margin:1px 0 0 7px;
	float:left;}
.left1 p.boxTxt1{float:right;padding:0 8px 0 8px;border-left:#F9F9F1 solid 2px;font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:580px;cursor:default;}
.left1 p.boxTxt1 span{font:normal 19px/17px Arial, Helvetica, sans-serif;color:#D76E08;background-color:inherit;padding:0 0 0 10px;
	margin:0 0 10px 0;background:url(images/one.gif) 0 0 no-repeat;height:17px;display:block;cursor:default;}
/**************************************************************
   Element de la page membres.php
 **************************************************************/
#membres-col-left{position:relative;float:left;width:25%;}
#membres-col-left .avatar{max-height:140px;}
#membres-col-right{position:relative;float:left;width:70%;padding-left:15px;padding-top:0px;}
#wrapper-membres{height:200px;}
#membres-banniere{padding-left:30px;}
/**************************************************************
   Element de la page d'inscription
 **************************************************************/
#wrap_col-right label {width:200px;}
#wrap_col-right .warning {background-color:#FF99CC;}
.logoinscription{float:right;height:155px;}
#btn_inscription{
background: url(../images/btn_inscription.png) no-repeat left top;
    width:110px;
    height:26px;
    border:none;
	cursor:pointer;
}
/**************************************************************
   Element de la page du profil
 **************************************************************/
#page .modok {background-color:#CCFF99;}
/**************************************************************
   Menu Bar
 **************************************************************/
 	#menubar {height:32px;padding-top:0;margin-bottom:5px;}
 	#menubar ul {list-style:none;margin:0;padding:0;}
	#menubar li {float:left;margin:0;padding:0;text-align:center;}
	#menubar #a li {float:left;width:100px;margin:0;padding:0;text-align:center;}
	#menubar #d li {float:left;width:110px;margin:0;padding:0;text-align:center;}
    #menubar #c li {float:left;width:110px;margin:0;padding:0;text-align:center;}
	#menubar #b li {float:left;width:100px;margin:0;padding:0;text-align:center;}
	#menubar #e li {float:left;width:140px;margin:0;padding:0;text-align:center;}
	#menubar #f li {float:left;width:140px;margin:0;padding:0;text-align:center;}
	#menubar #g li {float:left;width:140px;margin:0;padding:0;text-align:center;}
	#menubar #h li {float:left;width:140px;margin:0;padding:0;text-align:center;}
	#menubar li a {display:block;padding:5px 10px;height:100%;color:#FFF;font-size:11px;font-weight:bold;text-decoration:none;}
	#menubar li a {background:url(../images/menubar-bg2.jpg) repeat 0 0;}
	#menubar li a:hover, li a:focus, li a:active {background-position:-150px 0;}
	#menubar #a a {background:url(../images/menubar/menu_blue.jpg) repeat -20px 35px;}
	#menubar #b a {background:url(../images/menubar/menu_orange.jpg) repeat -20px 35px;}
	#menubar #c a {background:url(../images/menubar/menu_bluelight.jpg) repeat -20px 35px;}
	#menubar #d a {background:url(../images/menubar/menu_green.jpg) repeat -20px 35px;}
	#menubar #e a {background:url(../images/menubar/menu_purple.jpg) repeat -20px 35px;}
	#menubar #f a {background:url(../images/menubar/menu_yellow.jpg) repeat -20px 35px;}
	#menubar #g a {background:url(../images/menubar/menu_greenlight.jpg) repeat -20px 35px;}
	#menubar #h a {background:url(../images/menubar/menu_red.jpg) repeat -20px 35px;}
/**************************************************************
   Colonne droite
 **************************************************************/
.colright{float:right;width:23%;margin:0px 5px 25px 5px;background-color:#f4ecdd;}
.colright2{width:25%;}
.colright {list-style-type:none;padding:0;}
/*.colright li{background-image:url(../images/arrow-bullet.png);background-repeat:no-repeat;padding-left:17px;text-decoration:none;list-style-type:none
background-position: 0 0.4em;padding-left: 15px;}
.colright li:hover{background-image:url(../images/arrow-bullet.png);background-repeat:no-repeat;	padding-left:17px;text-decoration:none;
				   list-style-type:none;}
.colright li a{color:#C12F00;font-family:Arial;font-size:11px;font-weight:bold;}
.colright li a:hover{color:#FF6666;font-family:Arial;font-size:11px;font-weight:bold;}*/
.colright ul {list-style-type:none;margin:0;padding:0;}
.colright li .rss{background-image: url('../images/rss.gif');background-repeat: no-repeat;background-position: 0 0.4em;padding-left: 15px;}
.colright li{background-image: url('../images/arrow-bullet.png');background-repeat: no-repeat;background-position: 0 0.4em;padding-left: 15px;}
.colright #randscreen {height:auto;width:200px;text-align:center;padding:0;margin:0;}
.colright a img {padding-top:20px;}
.colright-buttons a {margin-left:50px;}
.colright-buttons a img {width:123;height:41px;padding:0;}
.li_quiz_title{padding-left:10px;}
.red {color:#C12F00;}
/**************************************************************
  Box de commentaires
 **************************************************************/
#news_box {width : 250px; }
#news ul {float:right;padding:0;margin:0;}
#news li{padding:0;margin:0;list-style-type:none;}
/**************************************************************
   Kwicks de la page d'accueil
 **************************************************************/
.kwicks {list-style: none;position: relative;margin: 0;padding: 0;}
.kwicks li{display: block;overflow: hidden;padding: 0;cursor: pointer;}
#kwicksdiv {margin-left:69px;}
#kwicksdiv .kwicks {list-style: none;position: relative;margin: 0;padding: 0;}
#kwicksdiv .kwicks li{display: block;overflow: hidden;width: 125px;height: 100px;margin-right: 5px;}
#kwicksdiv .kwicks li a{width:205px;height:100px;display:block;}
#kwicksdiv #kwick1 {background-color: #53b388;background-image: url('../images/kwicks1.jpg');}
#kwicksdiv #kwick2 {background-color: #5a69a9;background-image: url('../images/kwicks2.jpg');}
#kwicksdiv #kwick3 {background-color: #c26468;background-image: url('../images/kwicks3.jpg');}
#kwicksdiv #kwick4 {background-color: #bf7cc7;background-image: url('../images/kwicks4.jpg');}
/**************************************************************
   Cadre de quiz_now et saisie reponse
 **************************************************************/
#screen {
background-color: #fff;
position : relative;
width : 560px;
color: white;
text-align:center;
padding-top:3px;
padding-bottom:3px;
margin-left:auto;
margin-right:auto;
}
#screen2 {
background-color: #fff;
position : relative;
color: white;
text-align:center;
padding-top:3px;
padding-bottom:3px;
margin-left:auto;
margin-right:auto;
}
#screen .input_resp {
background:transparent url(../images/input.gif) no-repeat scroll left top;
color:#4F3170;
font-size:18px;
height:22px;
margin-bottom:24px;
text-align:left;
width:390px;
}
#screen .ok_resp {
background : transparent url(../images/oki.png) no-repeat scroll left top;
border:0px;
width:60px;
height:32px;
margin-top:0;
cursor:pointer;
}
#screen .reponse {
margin-top:15px;
color:#000;
}
/**************************************************************
   page quiz_jour
 **************************************************************/
#page .panel_cat{
width : 300px;
height : 200px;
background-image:url(../images/bg/back_transp.png);
color: white;
text-align:center;
padding-top : 10px;
}
#page .panel_cat a:link{
color: white;
font-weight:bold;
text-transform:uppercase;
}
#page .panel_cat a:visited{
color: white;
font-weight:bold;
text-transform:uppercase;
}
#page .panel_cat a:hover{
color: white;
font-weight:bold;
text-transform:uppercase;
}
/* Column widths */
.width {
  width: 980px;
}
.widthPad {
  width: 980px;
}
.width25 {
  width: 24%;
}
.width50 {
  width: 48%;
}
.width73 {
  width: 73%;
}
.width75 {
  width: 700px;
  min-height:700px;
  height:700px;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  padding : 0 15px 20px 15px;
  background-color:#FFFFFF;
  border:1px solid #D5C1AA;
}
html>body .width75 {
height: auto;
min-height: 750px;
} 
.width100 {
  width: 100%;
}
.hrgrey {
background-color:#EBEBEB;
border:medium none;
clear:both;
color:#EBEBEB;
height:1px;
margin:5px 0;
padding:0;
}

.float-left{
float:left;
}
.float-right{
float:right;
}
.imgfix img{
height:20px;
}
.color-orange{
color : #F5942F;
}
.aligncenter{
text-align:center;
}
/**************************************************************
   Icons specific to the colour theme
 **************************************************************/

a.lightTheme img,
a.darkTheme img,
a.submitButton img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

a.lightTheme img {
  background: url(../images/icons/light_light_theme.gif) no-repeat center center;
}

a.darkTheme img {
  background: url(../images/icons/light_dark_theme.gif) no-repeat center center;
}

a.submitButton img {
  background: url(../images/icons/light_submit.gif) no-repeat center center;
}


/**************************************************************
   Posts
 **************************************************************/

.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;

  margin-bottom: 1.5em;

  border-bottom: 1px solid #CCCCCC;
}

.post .date {
  position: absolute;
  top: 0;
  left: 5px;

  width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.post .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.post .title {
  display: block;
  padding: 0 0 5px 0;

  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0;
  padding: 0;
}

ul.thumbs li {
  margin: 0 0 15px 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}

a.thumb img {
  
  border: 5px solid #ccc;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #000;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}
/**************************************************************
   PAGINATION
 **************************************************************/

.pagination {
font:12px Arial, Helvetica, sans-serif;
margin:8px 0;
text-align:center
}

.pagination a {
background:#fff;
border:1px solid #C12f00;
color:#C12f00;
margin:2px;
padding:.2em .4em;
text-decoration:none
}

.pagination a:hover {
background:#fff;
border:1px solid #C12f00;
color:#C12f00
}

.pagination span.inactive {
background:#fff;
border:1px solid #C12f00;
color:#C12f00;
margin:2px;
padding:.2em .4em
}

.pagination span.active {
background:#C12f00;
border:1px solid #C12f00;
color:#fff;
font-weight:700;
margin:2px;
padding:.2em .4em
}

/**************************************************************
   Submenu Styles
 **************************************************************/

ul.submenu1,
ul.submenu2 {
  margin: 0 0 20px 0;
  padding: 0;
}

ul.submenu1 li,
ul.submenu2 li{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(foo.gif); /* because IE is balls */
}

ul.submenu1 li a,
ul.submenu2 li a {
  display: block;
  height: auto !important;

  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */

  padding: 1px 5px 1px 20px;
}

ul.submenu1 li a {
  background: url(../images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu1 a:hover {
  color: #888;
  background: #B3C6C4 url(../images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu2 li a {
  color: #426F85;
  background: url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}

ul.submenu2 a:hover {
  color: #888;
  background: #B3C6C4 url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}






/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.no-border {
border : none;
}
.no-space{
margin:0;
padding:0;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #E9EAEB;
}

.dark {
  color: #353E47;
}
.erreur{
background: #FFA3A1;
color: #D00D00;
font-weight: bold;
margin-bottom: 10px;
text-align: left;
}
.success{
padding: 3px 10px;
background: #92FFA5;
border: 2px solid #009218;
color: #009218;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
.success-noborder{
padding: 3px 10px;
background: #92FFA5;
color: #009218;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
.top-links:active{
color:#C12F00;
}
.top-links:hover{
text-decoration:underline;
}
/* BLOG */

div.bubbleblog {
	width: 645px;
	font-size: 1em;
	margin-bottom: 24px;
}
#page .blogmain{
background-color:#fff;
border : 0px;
}
/* Image slider */
.container {
	overflow: hidden;
	width: 680px;
	margin: 0 auto 15px 0;
}
#main {
	padding: 10px;
	background-color:#EEE6D6;
	border: 1px solid #ccc;
}

a {color: #fff;}

/*--Main Image Preview--*/
.main_image {
	width: 398px;
	height: 221px;
	float: left;
	background: #000;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;	padding: 10px;
}
.main_image p {
	font-size: 1.2em;
	padding: 10px;	margin: 0;
	line-height: 1.6em;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 398px;
	background: #111;
	border-top: 1px solid #000;
	padding-left:10px;
}
.main_image a.collapse {
	background: url(btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;} 


.image_thumb {
	float: left;
	width: 199px;
	background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
}

.image_thumb h3{
font-size:0.9em;
margin:0;
text-transform:uppercase;
}
.image_thumb img {
	border: 1px solid #ccc; 
	padding: 5px; 
	background: #fff; 
	float: left;
}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0;
	background: #f0f0f0 url(nav_a.gif) repeat-x;
	width: 279px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
}
.image_thumb ul li.hover {
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #fff;
	cursor: default;
}
html .image_thumb ul li h2 {
	font-size: 1.5em; 
	margin: 5px 0; padding: 0;
}
.image_thumb ul li .block {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 170px;
}	
.image_thumb ul li p{display: none;}

#login_fields span{
    float:left;
    width:75px;
    display:inline-block;
    font-size:11px;
}
#login_fields .field{
    width:140px;
}
#login_fields label{
    display:block;
margin:0 0 4px;
width:220px;
}
#login_fields #connexion{
    background: url(../images/connexion.gif) no-repeat left top;
    width:90px;
    height:21px;
    border:none;
}
#login_fields #connexion:hover{
cursor:pointer;
}
#panel_fields_top a{
    font-size : 11px;
}
#panel_fields_top {
line-height : 130%;
}
#main-screenday{
width:690px;
margin:15px;
}
.photo {
	position: relative;
	width: 320px;
}
.photo span {
	width: 28px;
	height: 21px;
	display: block;
	position: absolute;
	top: -12px;
	left: 49%;
	background: url(../images/pin.png) no-repeat;
}

.photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
	width: 320px;
	height:145px;
}
.photosmall{
width:81px;
}
.photo a {
	text-decoration: none;
}
.suggestion{
	margin-left:auto;
	margin-right:auto;
	}
	.suggestionsBox {
		position: relative;
		margin: 10px 0px 0px 210px;
		width: 220px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		list-style-type:none;
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}