/* ------ GLOBAL ------ */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	background-color: #D5D5CF;
	background-image: url(images/bgBody.jpg);
	background-repeat: repeat-x;
	color: #000000;
}
/*body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	background-color: #99dcfb;
/*	background-image: url(images/bg_noel3.gif);
	background-repeat: repeat-y;
	color: #000000;
}
*/

a:link {text-decoration: none; color:#3399CC;}
a:visited {text-decoration: none; color:#3399CC;}
a:active {text-decoration: none; color:#fc0082;}
a:hover {text-decoration: none; color:#fc0082;}

img {
  border: none;
}

#conteneur {
	position: relative;
	width: 918px;
	margin-left: auto;
	margin-right: auto;
}

#conteneur4 {
	position: relative;
	width: 918px;
	margin-left: auto;
	margin-right: auto;
}

/* ------ HEADER ------ */

#header {
	height: 163px;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;	
}
#header p.logo{
	position: absolute;
	margin: 0;
	top:70px;
	left:39px;
}
#header p.txtTop{
	position: absolute;
	margin: 0;
	text-align:right;
	top:10px;
	width: 918px;
}
#header a{
	color: #000000;
	text-decoration: none;
}
#header a:hover{
	text-decoration: underline;
}
#header div.members {	
	position: absolute;
	margin: 0;
	width: 251px;
	height: 75px;
	left: 652px;
	top: 67px;
	text-align:right;
}
#header div.members_log {	
	position: absolute;
	margin: 0;
	width: 251px;
	height: 75px;
	left: 652px;
	top: 56px;
	text-align:left;
}

#header div.members_log li {	
	margin-top: 2px;
	margin-left: 15px;
	list-style-type: none;
	list-style-image : url('/images/plus_small_circle.png');
}

#header div.members_log li:hover {	
	list-style-image : url('/images/plus_small_circle_red.png');
}

#header div.members_log a {	
	color: #3399cc;
	text-decoration: none;
}

#header div.members_log a:hover {
	color: #fd339b;
}


#header p.formu {	
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 11px;
}

#header div.members a{	
	color: #3399cf;
}

/* ------ MENU ------ */

#menuTop {
	background-image: url(images/bgMenu2.gif);
	background-repeat: no-repeat;
	height: 49px;
	width: 918px;
	font-size: 15px;
	color: #FFFFFF;
}
#menuTop a{
	color: #FFF;
	text-decoration: none;
}

#menuTop a:hover{
}

#menuTop div.menuLeft{
	position: absolute;
	margin: 0;
	text-align:center;
	width: 110px;
	line-height: 49px;
}
#menuTop div.menuRight{
	position: absolute;
	margin: 0;
	text-align:center;
	left: 111px;
	line-height: 49px;
	width: 807px;
}
#menuTop ul {
	margin: 0 ;
	padding: 0 ;
	height: 49px;
}
#menuTop li {
	display: inline;
	margin: 0 ;
	padding: 0 ;
	height: 49px;
}
#menuTop a.BrdLR{
	color: #FFF;
	text-decoration: none;
	height: 43px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #2B8BBB;
	border-left-color: #66B5DD;
	padding: 13px 11px 13px 11px;
	margin: 0px;
}
#menuTop a.BrdLR:hover{
	background-image: url(images/bgMenuRose.gif);
	background-repeat: repeat-x;
	height: 43px;
}

#menuTop #current{
	font-weight: bold;
	background-image: url(images/bgMenuRose.gif);
	background-repeat: repeat-x;	
}

#menuTop a.BrdL{
	color: #FFF;
	text-decoration: none;
	height: 49px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #66B5DD;
	padding: 13px 11px 13px 11px;
	margin: 0px;
}
#menuTop a.BrdL:hover{
	background-image: url(images/bgMenuRose.gif);
	background-repeat: repeat-x;	
}
#menuTop a.BrdR{
	color: #FFF;
	text-decoration: none;
	height: 49px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #2B8BBB;
	padding: 13px 11px 13px 11px;
	margin: 0px;
	
}
#menuTop a.BrdR:hover{
	background-image: url(images/bgMenuRose.gif);
	background-repeat: repeat-x;	
}
#menuBottom {
	height: 107px;
}
#menuBottom div.menuLeft{
	position: absolute;
	margin: 0;
	text-align:center;
	width: 168px;
	height: 107px;
	background-image: url(images/bgBoxInscription.gif);
	background-repeat: no-repeat;
}
#menuBottom p.txtWhite {
	color: white;
	font-size: 18px;
	margin-top: 13px;
	margin-bottom: 5px;
}
#menuBottom p.txtWhite-r {
	color: white;
	font-size: 16px;
	margin-top: 13px;
	margin-bottom: 5px;
}
#menuBottom p.txtRose {
	color: #FC0082;
	font-size: 22px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#menuBottom div.menuRight{
	position: absolute;
	margin: 0;
	left: 179px;
	text-align:center;
	margin-top: 7px;
}

.button {
	background: url(images/button-bg.jpg) repeat-x top #3399cc;
	color: #FFFFFF;
	border: 1px solid #3399cc;
	padding: 2px 5px;
	font-weight: bold;
}


#content {
	margin: 0 ;
	padding: 0 ;
	width: 918px;
}

#centre {
	margin: 0px;
	padding: 0px;
	width: 918px;
	background-image: url(images/bgContent.gif);
	background-repeat: repeat-y;		
}

#centre .fil_ariane
{
position: relative;
margin-left: 5px;
margin-bottom: 6px;
text-align: left;
color: #3399cc;
}

#centre .fil_ariane span.current
{
font-weight: bold;
}

#gauche {

	width: 577px;
	float: left;
	padding-left: 10px;
}
#droite {
	float: right;
	padding-right: 10px;
	width: 300px;
	
}
#gauche2 {
	float: left;
	padding-left: 30px;
	width: 160px;
	margin-top: 1px;
}
#droite2 {
	float: right;
	width: 610px;
	padding-right: 50px;
}

#gauche3 {
	float: left;
	padding-left: 30px;
	width: 160px;
	margin-top: 1px;
}

.tailleBrdContent {
	margin: 0;
	padding: 0;	
	width: 918px;
	height: 11px;

}
#gauche .centreBox {
	margin: 0px;
	padding: 0 0px;
	width: 577px;
	padding-right: 6px;
	color: #0a3c8f;
	background-image: url(images/bgBox1.gif);
	background-repeat: repeat-y;
	
}
#gauche .centreBoxBleu {
	margin: 0px;
	padding: 0 10px;
	width: 577px;
	background-image: url(images/bgBoxBleu.gif);
	background-repeat: repeat-y;
}
#droite2 .centreBox {
	margin: 0px;
	padding: 0 0px;
	width: 610px;
	background-image: url(images/bgBox2.gif);
	background-repeat: repeat-y;
}
#droite2 .centreBoxBleu {
	margin: 0px;
	padding: 0 10px;
	width: 577px;
	background-image: url(images/bgBoxBleu.gif);
	background-repeat: repeat-y;
}

#gauche3 .centreBox {
	margin: 0px;
	padding: 0 0px;
	width: 858px;
	padding-right: 6px;
	background-image: url(images/bgBox3.gif);
	background-repeat: repeat-y;
	
}

.tailleBrdBox {
	margin: 0;
	padding: 0;	
	width: 577px;
	height: 11px;

}

.tailleBrdBox3 {
	margin: 0;
	padding: 0;	
	width: 858px;
	height: 11px;

}

#controlcontainer1{
	margin-left: 15px;
}
#gauche h1 {
	font-size: 20px;
	margin: 0;
	padding: 0;
	color: #333333;
	margin-left: 10px;
}
#gauche h1.white {
	font-size: 20px;
	margin: 0;
	padding: 0;
	color: #FFF;
}
#droite2 h1 {
	font-size: 20px;
	margin: 0;
	padding: 0;
	color: #333333;
}
#droite2 h1.white {
	font-size: 20px;
	margin: 0;
	padding: 0;
	color: #FFF;
}

#erreur_log h1 {
	font-size: 20px;
	margin: 0;
	padding: 0;
	color: #333333;
}

#pied {
height: 30px;
background-color: #99CC99;
}


p {margin: 0px 0 0px 0;}
.txtGrey9px {
	color: #666666;
	font-size: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	width: 555px;
}
.txtRose {
	color: #FC0082;
}
.txtBleu {
	color: #0a3c8f;
}
.txtWhite {
	color: #FFF;
}
.bgPubBottom {
	background-image: url(images/bgPubBottom.gif);
	background-repeat: repeat-y;	
}
#partners a{
	color: #FC0082;
	text-decoration: none;
}
#partners a:hover{
	text-decoration: underline;
}
#partners2 a{
	color: #3399CC;
	text-decoration: none;
}
#partners2 a:hover{
	text-decoration: underline;
}
#clearr {
	clear:left;
}

/* ------ TABLE ALBUM ------ */

#Albumimg {
	width: 100%;
	font: 12px Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#Albumimg td {
	color: #000000;
	width: 45%;
	border : 1px solid #6699cc;
	background-color: #d1e2f7;
	text-decoration: none;
}

/* ------ PAGINATION ------ */

.classement a:link {
	padding: 0 5px;
	border: 1px solid #9aafe5;
	text-decoration: none; 
	color: #2e6ab1;
}
 
.classement a:visited {
	padding: 0 5px;
	border: 1px solid #9aafe5;
	text-decoration: none; 
	color: #2e6ab1;
}
         
.classement a:active {
	background-color: #2e6ab1;
	color: #FFF !important;
	border-color: #2b66a5;
	font-weight: bold;
	cursor: default;
}
 
.classement a:hover {
	border: 1px solid #2b66a5;
	color: #000;
	background-color: #ffc7e4;
}
         
.visite {
	margin: 0;
	padding: 0;
	text-align: left; /*Set to "right" to right align pagination interface*/
	font-size: 16px;
	display: inline;
}

/* TABLEAUX CODE */
table.up-tab-hide {
	font-size: 12px;
}
table.up-tab-hide th {
}
table.up-tab-hide tr {
}
table.up-tab-hide tr.title {
	padding-left: 300px;
}
table.up-tab-hide td {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #0084ff;
	font-weight: bold;
}
table.up-tab-hide td.link {
	font-size: 11px;
}
table.up-tab-hide input {
	border: 1px solid #bec0c1;
	font-size: 11px;
	background: #ffffed;
}
table.up-tab-hide input:hover {
	background: #ffffed;
}
table.up-tab-hide input.wide {
}

table.up-tab-hide textarea:hover {
}

table.up-tab {
	font-size: 12px;
	width: 100%;
}
table.up-tab th {
}
table.up-tab tr {
}
table.up-tab tr.title {
	padding-left: 300px;
}
table.up-tab td {
}
table.up-tab td.link {
}
table.up-tab input {
	border: 1px solid #D0D0D0;
}
table.up-tab input:hover {
	background: #F0F0F0;
}
table.up-tab input.wide {
}

table.up-tab textarea {
width: 80%;
	font-size: 13px;
	border: 1px solid #D0D0D0;
}

table.up-tab textarea:hover {
}

table.up-tab2 {
	font-size: 13px;
}
table.up-tab2 th {
	background: #3399cc;
}
table.up-tab2 tr.title {
	padding-left: 300px;
}
table.up-tab2 td {
padding-left: 20px;
}
table.up-tab2 td.link {
padding-left: 30px;
}
table.up-tab2 input {
width: 300px;
	border: 1px solid #D0D0D0;
}
table.up-tab2 input:hover {
	background: #F0F0F0;
}
table.up-tab2 input.wide {
}
table.up-tab2 textarea {
	width: 500px;
	font-size: 13px;
	border: 1px solid #D0D0D0;
}
table.up-tab2 textarea:hover {
	background: #F0F0F0;
}

#bloc-info 
{
width: 70%;
border: 1px solid #e8f5ff;
background-color: #aeceff;
}

#infos-membres
{
width: 85%;
border: 1px solid #aeceff; 
margin-right: auto; 
margin-left: auto;
}

.infos-membres-l
{
margin-left: 6px;
width: 49%;
float: left;
font-size: 11px;
color: #3d6611;
}

.infos-membres-r
{

width: 49%;
float: right;
font-size: 11px;
color: #0A3C8F;
}

.infos-membres-l2
{
margin-left: 2px;
width: 49%;
float: left;
font-size: 11px;
color: #0191ed;
padding: 5px 0px 5px 4px;
}

.infos-membres-r2
{

width: 45%;
float: right;
font-size: 11px;
color: #0191ed;
padding: 5px 8px 5px 0px;
}


#gauche-upload
{
width: 200px;
padding-left: 40px;
float: left;
}

#droite-upload
{
width: 260px;
padding-right: 20px;
float: right;
}

.tooltip {
    position:relative;
    z-index:24;
}

a.tooltip:hover{z-index:25;}

a.tooltip span{
	display: none;
	font-size: 10px;
	font-weight: normal;
	color: #000000
}

a.tooltip:hover span{
	text-align: justify;
	width: 250px;
    display:block;
    position:absolute;
    top:2em; left:2em;
    border:1px solid #fc0082;
    background-color:#ffffff; color:#666666;
	padding: 6px;
}

.btn_envoyer
{
background-image: url(images/btn_envoyer.gif);
width: 81px;
height: 21px;
}

#bloc-erreur
{
width: 60%;
background-color:#fca;
border:1px solid #e95;
margin-left: auto;
margin-right: auto;
}

#bloc-erreur img
{
position: absolute;
}

#bloc-erreur p
{
margin-left: 25px;
margin-top:  4px;
}

#depl_haut
{
margin-left: 5px;
width: 580px;
float: left;
}



#icons_left
{
width: 13%;
float: left;

}

#icons_right
{
width: 13%;
float: right;
margin-right: 13px;
}

#icons_right_alb
{
width: 13%;
float: right;
margin-right: 0px;
}

.lien_albums
{
text-align: center;
}

.box-menu .box-top
{
background:url(images/bg-top-left.png) 0 0 no-repeat;
}


.box-menu .box-top h1
{
line-height:22px;
margin:0 0 0 5px;
padding: 5px 10px 5px 10px;
font-size:16px;
text-transform:none;
color:#fff;
background:url(images/bg-top-right.png) no-repeat 100% 0;
}


.box-menu .content
{
clear:left;
margin:0;
padding:5px;
border-right:1px solid #2b8bbb;
border-left:1px solid #2b8bbb;
}


.box-menu .box-bottom
{
background:url(images/bg-bottom-left.png) no-repeat 0 0;
}


.box-menu .box-bottom span
{
display:block;
margin-left:5px !important;
margin-left:6px;
height:5px;
background:url(images/bg-bottom-right.png) no-repeat 100% 0;
}


.hov .content, .content
{
padding:0;
}


.hov .content ul, .hov .content li, .content ul, .content li
{
list-style-type:none;
margin:0;
padding:0;
}


.hov .content li.last a, .content li.last a
{
border-bottom:none;
}


.hov .content a, .content a
{
display:block;
height:100%;
line-height:20px;
margin:0;
padding:0 10px;
text-decoration:none;
color:#000;
background-color:#f4f4f4;
border-top:1px solid #f4f4f4;
border-bottom:1px solid #dadada;
}


.hov .content a:hover, .content a:hover
{
font-weight:bold;
color:#fd339b;
background-color:#e9e9e9;
border-top:1px solid #fff;
}


.hov .box-bottom
{
background:url(images/bg-bottom-left.png) no-repeat 0 0;
background-color: #f4f4f4;
}
#pub_sky { 
position: absolute; 
top: 320px; 
right: -140px; 
width: 120px; 
height: 600px; 
background:none; 
}

/* H1 */

#photo_album h1
{
margin: 0;
padding-left: 4px;
font-size: 15px;
color: #FC0082;
}

#gauche h1
{
margin: 0;
padding-left: 4px;
font-size: 15px;
color: #FC0082;
}

#droite2 h1
{
margin: 0;
padding-left: 4px;
font-size: 15px;
color: #FC0082;
}

.top .menutop {
height: 25px;
width: 698px;
margin: 0;
padding: 0;
list-style-type: none;
}
.top .menutop ul {
height: 25px;
margin: 0;
padding: 0;
list-style-type: none;
float: left;
}
.top .menutop ul li {
height: 100%;
line-height: 22px;
background: transparent url("images/menutop.jpg") repeat-x;
float: left;
}
.top .menutop ul li a {
height: 100%;
padding: 0 6px;
}
.top .menutop ul li .compte_top {
padding: 0 7px;
font-weight: bold;
color: #fd339b;
}
.top .menutop ul li:hover {
background: transparent url("images/menutop_hover.jpg") repeat-x;
}
.top .menutop ul .gauche, .top .menutop ul .droite {
height: 25px;
width: 5px;
float: left;
}
.top .menutop ul .gauche, .top .menutop ul .gauche:hover {
background: transparent url("images/menutop_gauche.jpg");
}
.top .menutop ul .droite, .top .menutop ul .droite:hover {
background: transparent url("images/menutop_droite.jpg");
}

.case_img_top {
	width: 156px;
	height: 24px;
	text-align: center;
}

.case_img_mid {
	width: 156px;
	height: 145px;
	text-align: center;
	vertical-align: middle;
	display:table-cell;
}

.case_img_bottom {
	width: 156px;
	height: 44px;
	color: #00a9ff;
	font-size: 12px;
}

.case_img_top_mini {
	width: 125px;
	height: 24px;
	text-align: center;
}

.case_img_mid_mini {
	width: 125px;
	height: 110px;
	text-align: center;
	vertical-align: middle;
	display:table-cell;
}

.case_img_mid_mini img{
    max-width: 100px;
    width:expression(document.body.clientWidth > 99 ? "100px" : "auto");
	max-height: 100px;
    height:expression(document.body.clientHeight > 99 ? "100px" : "auto");
}

.case_img_bottom_mini{
	width: 125px;
	height: 30px;
	color: #00a9ff;
	font-size: 12px;
}

.case_img_mid img{
    max-width: 152px;
    width:expression(document.body.clientWidth > 151 ? "152px" : "auto");
	max-height: 123px;
    height:expression(document.body.clientHeight > 122 ? "123px" : "auto");
}

#tab-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
	width: 580px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #40bdfc;
}
#tab-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b6e7ff url('images/gradhead.png') repeat-x;
	border-top: 1px solid #40bdfc;
	border-bottom: 1px solid #40bdfc;
	color: #039;
}
#tab-style td
{
	padding: 8px; 
	border-bottom: 1px solid #9fb5fe;
	color: #669;
	border-top: 1px solid #9fb5fe;
	background: #e1f5ff url('images/gradback.png') repeat-x;
}
#tab-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#tab-style tbody tr:hover
{
	background: #bfeaff url('images/gradhover.png') repeat-x;
	color: #339;
}

#inscription_tab td
{
	padding-top: 5px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}


#menu_ajout:hover ul,#menu_ajout.hovered ul,#menu_class:hover ul,#menu_class.hovered ul,#menu_depl:hover ul,#menu_depl.hovered ul,#menu_supr:hover ul,#menu_supr.hovered ul
{display:block;}
#menu_ajout,#menu_class,#nav-community,#nav-about
{position:relative;}
#menu_ajout a,#menu_class a,#nav-community a,#nav-browse a
{display:block;}
#menu_ajout ul .c,#menu_ajout ul a
{width:12em;}
#menu_class a
{width:5em;}
#menu_class ul .c,#menu_class ul a
{width:12em;}
#menu_class ul
{left:-3em;}
#menu_depl a
{width:7em;}
#menu_depl ul .c,#menu_depl ul a
{width:8em;}
#menu_supr a
{width:4.2em;}
#menu_supr ul .c,#menu_supr ul a
{width:10em;}
#menu_supr ul
{left:-2.4em;}

.clear-left{clear:left;}.clear-right{clear:right;}.clear-both{clear:both;}


.pop_ob {
	padding: 0;
	font-size: 11px;
	text-align: left;
	border: 1px solid #a1a1a1;
}
.pop_ob_content {
	padding: 10px;
	background-color:#c1bfb2;
}
.pop_ob h2 {
	color: #fc0082;
	display: block;
	margin: 0;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: bold;
	background-color:#f1f0eb;
	border-bottom: 1px solid #a1a1a1;
}

.pop_ob_footer {
	padding: 10px;
	border-top: 1px solid #a1a1a1;
	background-color:#f1f0eb;
	text-align: center;
}

.pop_ob h2 a.pop_ob_close {
	float: right;
	margin-left: 5px;

}


#cse-search-box input[type="submit"]{
	border:1px solid #3399cc;
	background-color:#3399cc;
	font-family:"trebuchet ms",sans-serif;
	color: #FFF;
	font-size: 13px;
}

.submit-ie{
	border:1px solid #3399cc;
	background-color:#3399cc;
	font-family:"trebuchet ms",sans-serif;
	color: #FFF;
	font-size: 13px;
}

.code-content
{
border: 1px solid red;
}


/* Menu Dropdown ES / Mes-images */

.ddsmoothmenu{
background: transparent url("images/menutop.jpg") repeat-x;width: 856px;
border-left: 1px solid #c9c9c7; 
border-right: 1px solid #c9c9c7;
height: 25px; line-height:normal;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}


.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

.ddsmoothmenu ul li a{
display: block;
padding: 6px 6px;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ 
display: inline-block;
color: #3399cc;
}

.ddsmoothmenu ul li a:link{
color: #3399cc;
}

.ddsmoothmenu ul li a:visited{
}

.ddsmoothmenu ul li a.selected{
background: #fd339b; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: #fd339b; 
color: white;
}
	
.ddsmoothmenu ul li a.active{
	background: #fd339b; 
	color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; 
visibility: hidden;
}

.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

.ddsmoothmenu ul li ul li.last{
display: list-item;
float: none;
border-bottom: 1px solid gray;
}

.ddsmoothmenu ul li ul li ul{
top: 0;
}

.ddsmoothmenu ul li ul li a{
min-width: 130px; 
padding: 5px;
margin: 0;
border-top-width: 0;
background: #ededed;
border-left: 1px solid #a1a1a1;
border-top: 1px solid #a1a1a1;
border-right: 1px solid #a1a1a1;
}

.ddsmoothmenu li.positionright {
float: right;
}

.ddsmoothmenu li.positionleft1 {		
	float: left;
	border-left: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;
}


.ddsmoothmenu li.positioncenter1 {		
float: right;
margin-right: 150px;
}

.ddsmoothmenu li.positioncenter2 {		
float: left;
border-right: 1px solid #a1a1a1;
}

.ddsmoothmenu li.positionrightfull {	
background-image: url('/images/retour.png') no-repeat;
float: right;
}

.ddsmoothmenu li.positiontop {		
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* Menu Dropdown ES / DEPL/DEL Liste */


.menumooth2{
background: transparent url("images/menutop.jpg") repeat-x;width: 608px;
border-left: 1px solid #c9c9c7; 
border-right: 1px solid #c9c9c7;
height: 25px; line-height:normal;
}

.menumooth2 ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}


.menumooth2 ul li{
position: relative;
display: inline;
float: left;
}

.menumooth2 ul li a{
display: block;
padding: 6px 6px;
text-decoration: none;
}

* html .menumooth2 ul li a{ 
	display: inline-block;
}

.menumooth2 ul li a:link{
	color: #3399cc;
}

.menumooth2 ul li a.selected{
	background: #fd339b; 
	color: white;
}

.menumooth2 ul li a:hover{
	background: #fd339b; 
	color: white;
}

.menumooth2 ul li a.active{
	background: #fd339b; 
	color: white;
}
	
/*1st sub level menu*/
.menumooth2 ul li ul{
	position: absolute;
	left: 0;
	display: none; 
	visibility: hidden;
}

.menumooth2 ul li ul li{
	display: list-item;
	float: none;
}

.menumooth2 ul li ul li.last{
	display: list-item;
	float: none;
	border-bottom: 1px solid gray;
}

.menumooth2 ul li ul li ul{
	top: 0;
}

.menumooth2 ul li ul li a{
	min-width: 130px; 
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	background: #ededed;
	border-left: 1px solid #a1a1a1;
	border-top: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;
}

.menumooth2 li.positionright {
	float: right;
}
.menumooth2 li.positioncenter1 {		
	float: left;
	border-left: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;
}

.menumooth2 li.positionrightfull {	
	background-image: url('/images/retour.png') no-repeat;
	float: right;
}

.menumooth2 li.positiontop {		
}

#menumooth2span {	
	float: left;
	position: relative;	
	width: 185px;
	height: 20px;
	margin-left: 80px;
	margin-top: 2px;
	color: #3399cc;
}

/* Holly Hack for IE \*/
* html .menumooth2{height: 1%;} /*Holly Hack for IE7 and below*/

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
}

.downarrowclass2{
	position: absolute;
	top: 12px;
	padding-left: 5px;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
}

.ddshadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}

.toplevelshadow{ 
opacity: 0.8;
}

/* Voir image Blocs/Codes */
#voir-image-one
{
	width: 850px;
	overflow:hidden;
}

#voir-image-pr
{
	position: relative;
	float: left;
	width: 501px;
	margin-left: 15px;
}

#voir-image-co
{
	float: right;
	width: 300px;
	margin-right: 15px;
}

#voir-image-co h1
{
	margin: 0;
	padding-left: 4px;
	font-size: 15px;
	color: #FC0082;
}

#voir-image-co-p
{
	float: right;
	width: 300px;
	margin-top: 15px;
	margin-right: 15px;
}

#voir-image-co-p2
{
	float: right;
	width: 300px;
	margin-top: 15px;
	margin-right: 15px;
}

#voir-image-pr table 
{
position: relative; 
clear: both; 
width: 501px; 
height: 501px; 
z-index: 1; 
border: 1px solid #e3e3e3; 
} 
#voir-image-pr table td 
{
position: relative;
width: 501px; 
height: 501px; 
vertical-align: middle; 
text-align: center; 
overflow: hidden; 
background: #f6f6f6;
}

#voir-image-pr table td img
{
    max-width: 500px;
    width:expression(document.body.clientWidth > 499 ? "500px" : "auto");
	max-height: 500x;
    height:expression(document.body.clientHeight > 499 ? "500px" : "auto");
}

/* Carousel view image */

.jcarousel-skin-tango .jcarousel-container {
    position: relative;
}

.jcarousel-skin-tango .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-skin-tango .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-skin-tango .jcarousel-list li,
.jcarousel-skin-tango .jcarousel-item {
    float: left;
    list-style: none;
    width: 75px;
    height: 75px;
}
.jcarousel-skin-tango .jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #abaaaa;
    width: 425px;
    padding: 10px 40px;
}

.jcarousel-skin-tango .jcarousel-clip {
    width: 425px;
    height: 79px;
}

.jcarousel-skin-tango .jcarousel-list {
    width: 435px;
    height: 80px;
}

.jcarousel-skin-tango .jcarousel-list li {
    width: 75px;
    height: 77px;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff url("images/sli_loading.gif") 50% 50% no-repeat;
}


.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url("images/sli_next.gif") no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/sli_prev.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-container a:hover{
    position: relative;
}

/* Bloc view image */

.jcarousel-skin-tango .jcarousel-item img:hover
{
border: 1px solid red;
}


.current-img img
{
border: 2px solid #ff0083;
}
.current-img img:hover
{
border: 2px solid #ff0083;
}

#taille_img
{ 
position: absolute; 
top: 1px; 
left: 0; 
padding: 5px 10px; 
color: #fdfefe;
background-color: #5c5c5c;
font-size: 15px;
}

/* Bloc dynamique */
#bloc_edit
{
width: 385px; 
min-height: 30px;
border: 1px solid #e3e3e3; 
background: #f6f6f6;
display: none;
padding-left: 6px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 7px;
}

#bloc_creer
{
width: 385px; 
min-height: 30px;
border: 1px solid #e3e3e3; 
background: #f6f6f6;
display: none;
padding-left: 6px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 7px;
}


.title
{
width: 385px; 
height: 14px;
}

.title-gauche
{
float: left;
width: 300px;
}

.title-droite
{
float: right;
padding-top: 2px;
padding-right: 7px;
width: 10px;
}

#bloc_edit h1
{
margin-top: 2px;
font-size: 12px;
font-weight: bold;
color: #e3358f;
}

#bloc_creer h1
{
margin-top: 2px;
font-size: 12px;
font-weight: bold;
color: #e3358f;
}

.element .hightlight {
	border:2px solid #9F1319;
}
.loading {
	float:right; 
	height:28px; 
	width:28px; 
	display:none;
}
.done {
	padding-left:20px;
	font-family:arial;
	font-size:12px; 
	width:70%; 
	margin:20px auto; 
	display:none
}

.btn 
{ 
	display: block; 
	width: 85px; 
	color: #ffffff; 
	font-weight: bold;
	background: #d2d2d2 url("images/bouton_frm.gif") repeat-x 0 0; 
	border: 1px solid #28769c; }
	
/* Form upload formup */
.formup
{
	color: #0a3c8f;
	font-size: 12px;
}

.formup2
{
	color: #0a3c8f;
	font-size: 12px;
	font-weight: bold;
}

.option
{
	margin-left: 50px;
	color: #0a3c8f;
	font-size: 11px;
	
}

.option select
{
	font-size: 13px;
	
}

.options
{
	margin-left: 5px;
}

#controlcontainer
{
	color: #0a3c8f;
	font-size: 12px;
}
	
/*  Tooltip Supr */

#easyTooltip
{
	padding:5px;
	border:1px solid #e3e3e3;
	background:#b3dffb;
	width: 150px;
    display:block;
    position:absolute;
}

/* Bloc Accueil membre */

#bloc_m_0
{
	width: 580px;
	margin-left: auto;
	margin-right: auto;
}

.bloc_m_1 {
	float:left;
	background:url(images/bloc_m_grise.gif) no-repeat;
	height:20px;
	width:400px;
	padding-top:6px;
	text-align:center;
	font-weight:bold;
	color: #0A3C8F;
}

.bloc_m_2 {
	float:right;
	background:url(images/bloc_m_1.gif) no-repeat;
	height:20px;
	width:172px;
	padding-top:6px;
	text-align:center;
	font-weight:bold;
	color: #0A3C8F;
}

/* Bloc Accueil membre 2 */

#bloc_m2_0
 {
	width: 580px;
	background:#eeeee6 url(images/fond_m2_bloc.png) repeat-x scroll left top;
	border:1px solid #CCCCC5;
	padding-left: 8px;
	vertical-align: top;
	margin: 15px auto 20px auto;
	color: #0A3C8F;
}

.bloc_m2_1,
#bloc_m2_1 {
	position: relative;
	left: 10px;
	top: -15px;
	z-index: 90;
}


#bloc_m2_0 a {
	color: #0A3C8F;
	font-weight: bold;
}

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

#bloc_m2_0 .line {
	padding: 3px;
	border-top: 1px solid #CCCCC5;
}

/* Table/bloc membre */

.bloc_m_t_0_2,
#bloc_m_t_0_2 {
	position: relative;
	left: 10px;
	top: -15px;
	z-index: 90;
}


#bloc_m_t_0_1
 {
	width: 580px;
	background:#eeeee6 url(images/fond_m2_bloc.png) repeat-x scroll left top;
	border:1px solid #CCCCC5;
	padding-left: 8px;
	vertical-align: top;
	margin: 15px auto 20px auto;
	color: #0A3C8F;
}

#bloc_m_t_0_1 .line {
	padding: 3px;
	border-top: 1px solid #CCCCC5;
}

/* Bas */

#bloc_m_t_0_3
{
float: right;
width: 150px;
margin-left: 60px;
}

/* Tableau */

#bloc_m_t_0
{
width: 500px;
margin-left: 70px;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}



/* Conteneur astuce */


.astuce-box{
	width: 580px;
	min-height: 18px;
	margin-left: auto;
	margin-right: auto;
	border-color:#fcd344;
	background-color:#fafaec;
	border-style:solid!important;
	border-width:1px!important;
	color:#3d6611;
	margin-top:10px;
	background-position:9px 0;
	padding-top: 7px;
}

.astuce-box img {
	float: left;
	margin-left: 6px;
	margin-right: 10px;
}



/* Conteneur new */


.news-box{
	font-weight: bold;
	width: 580px;
	min-height: 18px;
	margin-left: auto;
	margin-right: auto;
	border-color:#fcd344;
	background-color:#fafaec;
	border-style:solid!important;
	border-width:1px!important;
	color:#254ea1;
	margin-top:10px;
	background-position:9px 0;
	padding-top: 7px;
}

.news-box img {
	float: left;
	margin-left: 6px;
	margin-right: 10px;
}

.news-box img.right {
	float: right;
	margin-left: 6px;
	margin-right: 10px;
}

/* NEW BUTTON STYLE */ 

button.bouton, a.bouton {
    display:-moz-inline-box;
    display:inline-block;
    margin:5px;
    padding:0;
    font:12px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
    white-space:nowrap;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    border:0;
    background:none;
	 text-decoration:none!important;
}

/* Bouton bleu */

a span.middle_big_purple
{
	background:transparent url(images/sprite_hp.gif) repeat-x scroll 0 -831px;
	cursor:pointer;
	display:block;
	float:left;
	height:19px;
	line-height:19px;
	font-size:11px;
	color:white;
}

a:hover span.middle_big_purple
{
	background-position:0 -912px;
}

a span.right_big_purple
{
	background:transparent url(images/sprite_hp.gif) no-repeat scroll 0 -861px;
	cursor:pointer;
	display:block;
	float:left;
	height:19px;
	line-height:19px;
	padding-right:2px;
}
a:hover span.right_big_purple
{
	background-position:0 -942px;
}

a span.left_big_purple
{
	background:transparent url(images/sprite_hp.gif) no-repeat scroll 0 -801px;
	cursor:pointer;
	display:block;
	float:left;
	height:19px;
	line-height:19px;
}

a:hover span.left_big_purple
{
	background-position:0 -882px;
}

/* Bouton beige */

a span.middle_big_beige
{
	background:transparent url(images/sprite_hp.gif) repeat-x scroll 0 -215px;
	cursor:pointer;
	display:block;
	float:left;
	height:19px;
	line-height:19px;
	font-size:11px;
	color:white;
}

a:hover span.middle_big_beige
{
	background-position:0 -296px;
}

a span.right_big_beige
{
	background:transparent url(images/sprite_hp.gif) no-repeat scroll 0 -245px;
	cursor:pointer;
	display:block;
	float:left;
	height:19px;
	line-height:19px;
	padding-right:2px;
}
a:hover span.right_big_beige
{
	background-position:0 -326px;
}

a span.left_big_beige
{
	background:transparent url(images/sprite_hp.gif) no-repeat scroll 0 -185px;
	cursor:pointer;
	display:block;
	float:left;
	height:19px;
	line-height:19px;
}

a:hover span.left_big_beige
{
	background-position:0 -266px;
}

.left
{
	float: left;
}

.right
{
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.right
{
	float: right;
}

/* hightlight */

.hightlight
{
border: 1px solid red;
}
/* Partage box membre */

#partage_box
{
width: 300px; 
min-height: 30px;
border: 1px solid #e3e3e3; 
background: #f6f6f6;
padding-left: 10px;
margin-left: 20px;
}

#partage_box h1
{
margin-top: 2px;
font-size: 12px;
font-weight: bold;
color: #e3358f;
}

/* MENU MEMBRES V2 */

/* MENU VERTICAL - TOUTLECINE.COM */
/* ====================================== */
/* RUBRIQUES */
/* ====================================== */
#menu_m1 div
{
	width: 123px;
	overflow: hidden;

	font-weight: bold;
	font-size: 95%;
	background: #F3F3F3 url(images/menu_bas.png) no-repeat left bottom;
}
#menu_m1 ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu_m1 div a, #menu_m1 div a:visited
{
	display: block;
	position:relative;
	/* marge 3px IE5 */
	vertical-align: bottom;
	width:116px;
	padding:3px 1px 2px 4px;
}
#menu_m1 h2
{
	font-size:120%;
	line-height:22px;
	padding-left:10px;
	color:#FFF;
}
#menu_m1 h2 a, #menu_m1 h2 a:visited
{
	color: #FFF;
}
#menu_m1 h2 a:hover, #menu_m1 h2 a:focus
{
	color:#F8B5FB !important;
}
#menu_m1 ul a
{
	color: #610061;
	border-color:#D6D6D6;
	border-style:solid;
	border-width:0 1px;
	background: url(images/menu_point.gif) left top repeat-x;
}

#menu_m1 ul a:hover, #menu_m1 ul a:active, #menu_m1 ul a:focus
{
	color:#FFF !important;
}
#menu_bloc_gauche h2 {
	background: #862E99 url(images/menu_bloc_gauche_bg.png) left top no-repeat;
}
#menu_bloc_gauche ul a:hover, #menu_bloc_gauche ul a:active, #menu_bloc_gauche ul a:focus 
{
	background-color: #862E99;
	border-color: #862E99;
}


table.partage_box  {
	font-size: 12px;
}
table.partage_box  th {
}
table.partage_box  tr {
}
table.partage_box  td.title {
padding-left: 10px;
}
table.partage_box  td {
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #0084ff;
}
table.partage_box  td.link {
	font-size: 11px;
}
table.partage_box  input {
	border: 1px solid #bec0c1;
	font-size: 11px;
	background: #ffffed;
}
table.partage_box  input:hover {
	background: #ffffed;
}
table.partage_box  input.wide {
}

table.partage_box  textarea:hover {
}

table#table_membres
{
margin-left: auto;
margin-right: auto;
}

/* Border image liste */
td.border{
    border: 1px solid #edf1f4;
    background-color: #fbfcfc;
	margin-left: 10px;
}

/* Bloc profil */
#bloc_profil {
    width: 540px;
    margin-left: auto;
    margin-right: auto;
}

#bloc_profil_gauche {
    float: left;
    width: 100px;
}

#bloc_profil_droite {
    float: right;
    width: 420px;
    color: #48a3d1;
    font-size: 13px;
}

#bloc_profil2 {
    width: 95%;
    margin-left: 10px;
    margin-top: 30px;
	list-style: none; 
	display: block;
} 

#bloc_profil2 li {
	display: block;
	float: left;
    max-width: 100px;
    width:expression(document.body.clientWidth > 99 ? "100px" : "auto");
	max-height: 100px;
    height:expression(document.body.clientHeight > 99 ? "100px" : "auto");
	margin: 3px;
	overflow: hidden;
	text-align: center;
}

#bloc_profil2 li.empty {
	width: 100px;
	height: 100px;
	border: 1px solid grey;
}

#bloc_profil2 li.empty img{
	margin-top: 15px;
}

#bloc_profil_gauche table 
{
position: relative; 
clear: both; 
width: 100px; 
height: 100px; 
z-index: 1; 
border: 1px solid #e3e3e3; 
} 
#bloc_profil_gauche table td 
{
position: relative;
width: 100px; 
height: 100px; 
vertical-align: middle; 
text-align: center; 
overflow: hidden; 
background: #f6f6f6;
}

/* Bloc comment */

#comment_box {
	float: left;
	width: 501px;
	min-height: 70px;
	border: 1px solid #ccdde4;
	background-color: #e7f8ff;
	margin-top: 8px;
}

#comment_box_empty {
	float: left;
	width: 501px;
	min-height: 45px;
	border: 1px solid #ccdde4;
	background-color: #e7f8ff;
	margin-top: 12px;
}

#comment_box_empty img {
	margin-left: 5px;
	margin-top: 5px;
}

#comment_box_empty p {
	margin-left: 10px;
	color: #2976bd;
	font-weight: bold;

}

#comment_form { 
	float: left;
	width: 501px;
	min-height: 45px;
	border: 1px solid #ccdde4;
	background-color: #e7f8ff;
	margin-top: 12px;
	color: #2976bd;
}


.comment_h1 {
	color: #fc0082;
	font-size: 14px;
	margin-left: 7px;
}

.comment_avatar {
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	width: 40px;
	height: 40px;
}

.comment_login {
	float: right;
	width: 450px;
	color: #0685bb;
}

.comment_message {
	float: right;
	width: 450px;
	margin-top: 8px;
}

.comment_date {
	float: right;
	width: 180px;
	color: #0685bb;
	font-size: 11px;
}

#table_favoris {
	margin-left: auto;
	margin-right: auto;
}

/* Barre last */

#barre_last
{
width: 577px;
}

#barre_last table 
{
position: relative; 
clear: both; 
margin-left: auto;
margin-right: auto;
width: 480px; 
height: 110px; 
z-index: 1; 
border: 1px solid #e3e3e3; 
} 
#barre_last table td 
{
position: relative;
width: 110px; 
height: 110px; 
vertical-align: middle; 
text-align: center; 
overflow: hidden; 
background: #f6f6f6;
}

#barre_last a:link
{
position: relative;
width: 106px; 
height: 106px; 
background: #f6f6f6;
}


#centre_action_membre
{
	width: 240px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	
}

#centre_action_membre2
{
	width: 100px;
	height: 19px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.box-menu-content {
	width: 150px;
	border: none;
}
.box-menu-content li a {
	height: 18px;
	text-decoration: none;
}	

.box-menu-content li
{
	list-style:none;
}

.box-menu-content li.top a:link, .box-menu-content li.top a:visited {
	color: #828282;
	display: block;
	background: url(images/menuTop.png);
	background-repeat:no-repeat;
	padding: 0px 0 0px 0;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

.box-menu-content li.middle a:link, .box-menu-content li.middle a:visited {
	color: #5E7830;
	display: block;
	background: url(images/menuMiddle.png);
	background-repeat:no-repeat;
	padding: 0px 0 0px 20px;
	font-size: 0.8em;
}
.box-menu-content li.middle a:hover {
	color: #FFFFFF;
	background: url(images/menuMiddle.png) 0 -22px;
}
.box-menu-content li.middle a:active {
	color: #FFFFFF;
	background: url(images/menuMiddle.png) 0 -44px;
}

.box-menu-content li.bottom a:link, .box-menu-content li.bottom a:visited {
	color: #5E7830;
	display: block;
	background: url(images/menuBottom.png);
	background-repeat:no-repeat;
	padding: 0px 0 0px 20px;
	font-size: 0.8em;
}
.box-menu-content li.bottom a:hover {
	color: #FFFFFF;
	background: url(images/menuBottom.png) 0 -22px;
}
.box-menu-content li.bottom a:active {
	color: #FFFFFF;
	background: url(images/menuBottom.png) 0 -44px;
}

/* Swfupload */


#content_swf { width: 680px;}
#content_swf { margin: 20px 90px; }



div.fieldset {
	border:  1px solid #afe14c;
	margin: 10px 0;
	padding: 20px 10px;
}
div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}

div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}




input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */


#btnSubmit { margin: 0 0 0 155px ; }

/* -- Table Styles ------------------------------- */
td {
	font: 10pt Helvetica, Arial, sans-serif;
	vertical-align: top;
}

.carousel { position: relative; margin: 10px 0; }
.carouselHeader { margin: 0px; padding: 3px 0 5px 0px; font-size: 1.2em; position: relative; width: 100%; }
.carouselHeader .headerTitle { float: left; padding-left: 10px; }
.carouselBody { padding: 10px 0 0 0; display: block; zoom: 1; overflow: hidden; width: 100%; }
.carouselBody img { border: 1px solid; }
.carousel ul { list-style-type: none; margin: 0 0 0 10px; width: 5000px; padding: 0; }
.carousel li { display: inline; float: left; padding-right: 10px; }
.carousel .btnPrevious { float: left; }
.carousel .btnNext { float: right; }

.carousel .fg-button { outline: 0; margin: 10px; text-decoration: none !important; cursor: pointer; position: relative; text-align: center; zoom: 1; }
.carouselBody .fg-button { padding: 4px 10px; }
.carousel .fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
.carousel button.fg-button { width: auto; overflow: visible; } /* removes extra button width in IE */
.carousel .fg-button-icon-left { padding-left: 2.1em; }
.carousel .fg-button-icon-right { padding-right: 2.1em; }
.carousel .fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.carousel .fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.carousel .fg-button-icon-solo { display: block; width: 8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.carousel .btnHide  { position: absolute; height: 18px; width: 19px; margin: -11px 0 0; padding: 1px; top: 50%; right: 5px;  }
            


.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}

/* Message box */

.info, .success, .warning, .error, .validation {
width: 460px;
border: 1px solid;
margin: 10px auto auto auto;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('images/warning2.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('images/error.png');
}

.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('images/validation.png');
}

/* Redim viewer */

#img_viewer {
  max-width: 1280px;
  width:expression(document.body.clientWidth > 1280 ? "1280px" : "auto");
  }

/* Affichage image */
#img_view {
border: 1px solid red;
}
  
	/*             styles for the unit rater                */	
	.unit-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 100px;
		height: 20px;
		position: relative;
		background: url('images/star_rating.gif') top left repeat-x;		
	}
	
	.unit-rating li{
	    text-indent: -90000px;
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.unit-rating li a{
		display:block;
		width:20px;
		height: 20px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.unit-rating li a:hover{
		background: url('images/star_rating.gif') left center;
		z-index: 2;
		left: 0px;
	}
	.unit-rating a.r1-unit{left: 0px;}
	.unit-rating a.r1-unit:hover{width:20px;}
	.unit-rating a.r2-unit{left:20px;}
	.unit-rating a.r2-unit:hover{width: 40px;}
	.unit-rating a.r3-unit{left: 40px;}
	.unit-rating a.r3-unit:hover{width: 60px;}
	.unit-rating a.r4-unit{left: 60px;}	
	.unit-rating a.r4-unit:hover{width: 80px;}
	.unit-rating a.r5-unit{left: 80px;}
	.unit-rating a.r5-unit:hover{width: 100px;}
	.unit-rating li.current-rating{
		background: url('images/star_rating.gif') left bottom;
		position: absolute;
		height: 20px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}

#img_voir {
    max-width: 500px;
    width:expression(document.body.clientWidth > 499 ? "500px" : "auto");
	max-height: 500px;
    height:expression(document.body.clientHeight > 499 ? "500px" : "auto");
  }
	
#wrapper{
margin:0 auto;
text-align:left;
background:#333; 
border:2px solid #3E3E3E;
line-height:20px;
padding:20px;
width:700px;
}
div#contact { 
position:fixed;
top:200px;
right:0; 
 }
.contimage{
filter: alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}

 /*  Contact Form Styling */
 #contactform #error ul{
 padding-left:0px;
 line-height:20px;
 }
 #contactform #error span{
 color:green;
 padding:5px 0 5px 0;
 top:60px;
 right:10px;
 width:150px;
 }
 #contactform #error ul li{
  color:#BF0B0B;
  font-weight:normal;
  }
 h2#contacth2{
 font-size:18px;
 color:#000;
 margin:0 0 10px 0;
 font-weight:normal;
 padding-bottom:10px;
 border-bottom:1px dotted #ccc;
 }
 #contactform fieldset{
 border:none;
 }
 #contactform #formleft{
 float:left;
 }
 #contactform #error{
 float:right;
 }
 #contactform .button{
 background:#eded;
 color:#666;
 border:1px solid #ccc;
 padding:5px 20px 5px 20px;
 outline:none;
 }
 #contactform{
 color:#666;
 }
.clear{clear:both;}
.download{
display:block;
padding:20px 0 20px 0;
background:#222;
text-align:center;
border:1px solid #000;
color:#fd398f;
font-size:18px;
}
.download:hover{
background:#000;
}

#facebox .b {
  background:url('images/b.png');
}

#facebox .tl {
  background:url('images/tl.png');
}

#facebox .tr {
  background:url('images/tr.png');
}

#facebox .bl {
  background:url('images/bl.png');
}

#facebox .br {
  background:url('images/br.png');
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999999;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

  
/* Bloc navigation */
table.pager select,table.view-by select 
{ 
margin:0 3px; 
font-size:.95em; 
}
table.pager select 
{ 
width:50px; 
}
table.view-by td.sort-by 
{
text-align:right; 
}
table.view-by select 
{ 
width:85px; 
}
table.view-by 
{ 
border: 1px solid #48a3d1; 
border-top: 1px solid #48a3d1; 
}
table.pager 
{ 
border: 1px solid #48a3d1; 
border-bottom: none 
}
table.pager span.active
{ 
font-weight: bold;
}
table.pager, table.view-by {width:770px;}
table.pager, table.view-by {
    width:513px;
    background-color:#FFF;
    font-size:.95em;
    color:#555555;
    }
table.pager td {
    width:32%;
    border-top:1px solid #eee;
    padding:4px 8px;
    vertical-align:middle;
    }
table.pager td.pages { padding:4px 0; white-space:nowrap; text-align:center; }
table.pager ul, table.pager li {
    display:inline;
    }
table.pager li { padding:0 2px; }
table.view-by td {
    width:33%;
    /*border-top:1px solid #48a3d1;*/
    padding:4px 8px;
    vertical-align:middle;
    }
	
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

  
/* Pagination membre */

#pagi_m
{
	background-color: #FFFFFF;
	text-align: center;
	font-size: 10px;
	margin-bottom: 5px;
	padding: 10px;
	border-left: 1px solid #c9c9c6;
	border-right: 1px solid #c9c9c6;
}

#pagi_m a {
	font-size: 10px;
	text-decoration: none;
	color: #000000;
	border: 1px solid #83A0C1;
	margin-right: 5px;
	padding: 3px;
	-moz-border-radius: 3px;
}

#pagi_m a:hover {
	font-size: 10px;
	text-decoration: none;
	color: #000000;
	border: 1px solid #000000;
	background-color: white;
	padding: 3px;
	-moz-border-radius: 3px;
}


#pagi_m a.current {
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	border: 1px solid #0D62C3;
	background-color: #0D62C3;
	padding: 3px;
	-moz-border-radius: 3px;
}


#pagi_m span.disabled {
	font-size: 10px;
	text-decoration: none;
	color: #C6C7C7;
	border: 1px solid #C6C7C7;
	background-color: white;
	padding: 3px;
-moz-border-radius: 3px; // Rounds the corners; Works for Mozilla only
}