body {
    font-family: arial;
    font-size: 13px;
    margin: 0;
    padding: 0;
}
form {
    margin: 0;
}

a, span.action, span.primary {color: #24a8c8; cursor: pointer; text-decoration: none;}
a:hover, span.action:hover, span.primary:hover {color: #a8d33e;}
a.primary, span.primary {font-size: 1.2em; font-weight: bold; text-decoration: none;}
a img {border: none; vertical-align: middle;}

p {
    margin: 0.2em 0;
    padding: 0.1em;
}

h2 {font-size: 1.4em; margin-top: 0.25em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1.15em;}
h5 {font-size: 1.10em;}
h6 {font-size: 1em;}

table {border-collapse: collapse; border: 1px solid #BBB;}
table th, table td {padding: 2px 4px; border: 1px solid #DDD;}
table th {background-color: #6f6f6f; color: white;}
table tr {background-color: #FFFFFF;}
table tr.l0 {background-color: #FAFAF5;}
table tr.l1 {background-color: #FFFFFF;}

ul {margin-top: 0.5em}

fieldset {
    border: 1px solid #ccc;
    margin-top: 0.5em;
    padding: 0.5em 1em;
}

/************************ Classes utiles **************************************/

.blue {color: #63c2d4;}
.limeblue {color: #fafffa;}
.green {color: #9fcc33;}
.limegreen {color: #faffca;}
.grey {color: #6f6f6f;}

.clear {clear: both;}
.clleft {clear: left;}
.clright {clear: right;}
.hidden {display: none;}
.fleft {float: left;}
.fright {float: right;}

.left {text-align: left;}
.right, .numeric {text-align: right;}
.center {text-align: center;}
.justify {text-align: justify;}

.small {font-size: 0.8em;}
.normal {font-size: 1em;}
.large, .big {font-size: 1.2em;}
.bold {font-weight: bold;}
.underline {text-decoration:underline;}

/*Tailles de cases*/
.c1 {width: 4em;}
.c2 {width: 8em;}
.c3 {width: 10em;}
.c4 {width: 15em;}
.c5 {width: 30em;}
.p1 {width: 5%;}
.p2 {width: 10%;}
.p3 {width: 15%;}
.p4 {width: 25%;}

.rounded {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.button1, .jforms-submit {
    background: #9fcc33 url("/design/images/button1_loop.png") top left repeat-x;
    padding: 4px 4px;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.button1:hover, .jforms-submit:hover {
    background: #9fcc33 url("/design/images/button1_loop_hover.png") top left repeat-x;
    color: white;
    cursor: pointer;
}

.fcenterButton1{margin: 1em 45%;}

.button1Large, .jforms-submit {
    background: #9fcc33 url("/design/images/button1_loop.png") top left repeat-x;
    padding: 4px 4px;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.button1Large:hover, .jforms-submit:hover {
    background: #9fcc33 url("/design/images/button1_loop_hover.png") top left repeat-x;
    color: white;
    cursor: pointer;
}

.button2LargeChallenge, .jforms-submit {
    background: #9fcc33 url("/design/images/button2_loop.png") top left repeat-x;
    padding: 4px 20px 4px 20px;
    color: white;
    font-weight: bold;
	border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.button2LargeChallenge:hover, .jforms-submit:hover {
    background: #9fcc33 url("/design/images/button2_loop_hover.png") top left repeat-x;
    color: white;
    cursor: pointer;
}

/************************ Design **************************************/

.global {
    width: 1010px;
    margin: 0 auto;
	overflow:visible;
	display:block;
}
#header {
    position: relative;
	margin-top:30px;
    width: 100%;
    height: 115px;
	overflow:visible;
}
#header #logo {
    float: left;
    width: 250px;
    height: 110px;
    background: url("/design/images/logo_planetinnov_beta.png") top left no-repeat;
    margin-left: 5px;
}
#header #languages {
    position: absolute;
    top: 60px;
    right: 5px;
}

#header #social {
    position: absolute;
    top: 5px;
    right: 5px;
}

#header #header_right {
    position: absolute;
    top: 5px;
    right: 100px;
    text-align: left;
    width: 400px;
}
#header #header_right #signin_zone {
    position: absolute;
    top: 20px;
    right: 0;
	margin-right:2px;
    width: 170px;
    padding: 4px 8px 4px 6px;
    background-color: #DDD;
    color: #666;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    z-index: 5;
}
#header #header_right #signin_zone p {
   padding: 0.2em;
}
#header #header_right #signin_zone label {
   font-size: 0.9em;
}
#header #header_right #signin_zone .fullfield input{
    width: 98%;
    padding: 0.3em 0.2em;
    border: 0px solid;
    vertical-align: bottom;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#sidemenu #left_column  {
    top: 0;
    margin-left: 10px;
    width: 155px;
    background-color: #eee;
    color: #666;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#sidemenu #left_column #signin_zone {
    width: 150px;
    padding: 5px 12px 10px 0px;
	margin:0px 0px 0px 10px;
    background-color: #eee;
    color: #666;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.fullfield_leftMenu{
    color: #666;
	font-size:8pt;
	font-style:normal;
	font-weight:normal;
}

/*** main menu ***/
#menu {
    position: absolute;
	width: 800px;
	top:52px;
	left:250px;
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
#menu .menuentry {
    float: left;
    margin: 5px 5px;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    color: #C0C0C0;
    font-weight: bold;
    font-size: 15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#menu .menuentry:hover {
    background-color: #808080;
	color: #fff;
    cursor: pointer;
}

#menu .selected {
    background-color: #808080;
	color: #fff;
}

#main {
    width: 1010px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 6px;
}
#main .top {
    background: url("/design/images/maincontent_top.png") top left no-repeat;
    width: 1010px;
    height: 10px;
    margin: 0px;
}
#main .middle {
    position: relative;
    /* background: url("/design/images/maincontent_loop2.png") top left repeat-y; */
    width: 1010px;
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    z-index: 0;
}

/* Specific for Home page */
#main .home {
	min-height:600px;
}

#main .home .home_content {
	width:800px;
	height:550px;
	border:1px solid #CCC; 
	border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 

}
#main .home .home_rightMenu {
    position: absolute;
	left:810px;
	top:116px;
    width: 190px;
	height:550px;
	padding-bottom:0px;
    overflow: visible;
	border:1px solid #CCC; 
	border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
}

#main .home .home_right_column {
    top: 0;
    margin: 8px;
	padding:10px;
	width: 155px;
    background-color: #eee;
    color: #666;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#main .home .home_middle_left {
    float: left;
	height:170px;
	width:334px;
	text-align:center;
	border:1px solid #9fcc33; 
	margin:5px;
	border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
}
#main .home .home_middle_left_ul_title  {
	text-align:left;
	margin-left:20px;
}
#main .home .home_middle_left  li{
	list-style-image : url(/design/images/bullet.png);
	text-align:left;
}
#main .home .home_middle_right {
    float: right;
	height:170px;
	width:320px;
	text-align:center;
	border:1px solid #9fcc33; 
	margin:5px;
	border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
}
#main .home .home_middle_right_ul_title  {
	text-align:left;
	margin-left:20px;
}
#main .home .home_middle_right  li{
	list-style-image : url(/design/images/bullet.png);
	text-align:left;
}
#main .home .home_middle_central {
    float: left;
	text-align:center;
	width:115px;
	height:170px;
}

#main .home .home_bottom_left {
    float: left;
	width:180px;
	height:139px;
}
#main .home .home_bottom_right {
    float: right;
	width:180px;
	height:139px;
}
#main .home .home_bottom_central {
	text-align:center;
	color: #000000;
	height:30px;
	font-size: 20px;
	font-weight: bolder;
	background: #00B4F0;
}

#main .home .home_bottom_central1 {
	text-align:center;
	color: #000000;
	height:3px;
	font-size: 20px;
	font-weight: bolder;
	background: #00B4F0;
}

#main .home .home_top {
    width: 500px;
    height: 130px;
	text-align:center;
	border:1px solid #63c2d4; 
	margin-top:30px;
	margin-bottom:10px;
	margin-left:150px;
	margin-right:150px;
	border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
}

.rightButtonDivBlue {
	background: #63c2d4;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 5px;
	padding-top:8px;
	height:45px;
	color: white;
	border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
}
.rightButtonDivBlue a{
	color: white;
    cursor: pointer;
	font-weight:bold;
}
.rightButtonDivBlue a:hover{
	color: grey;
    cursor: pointer;
	font-weight:bold;
}
.rightButtonDivGreen {
	background: #9fcc33;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 5px;
	padding-top:8px;
	height:45px;
	color: white;
	border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
}
.rightButtonDivGreen a{
	color: white;
    cursor: pointer;
	font-weight:bold;
}
.rightButtonDivGreen a:hover{
	color: grey;
    cursor: pointer;
	font-weight:bold;
}

#main .middle #leftside {
    float: left;
    width: 190px;
	padding-bottom:10px;
    overflow: visible;
	border:1px solid #CCC; 
	border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
}
/*
#sidemenu .menu_top {
    width: 170px;
    height: 5px;
background: url("/design/images/menu_top.png") top left no-repeat;*/
}
#sidemenu .menu_middle {
    background-color: #fff;
    margin: 0px;
    padding: 2px 0px 2px 4px;
}
#sidemenu {
    color: white;
    font-weight: bold;
}
#sidemenu .title {
    text-align: center;
	color: white;
    font-weight: bold;
    font-size: 15px;
    margin: 5px 5px 5px 5px;
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #2f9fb6;
}
#sidemenu ul, #sidemenu li {
    list-style: none;
    margin: 0px;
    padding-left: 6px;
}
#sidemenu ul li, #sidemenu ul li a {
    font-size: 13px;
    color: #63c2d4;
    margin-top: 8px;
}
#sidemenu #categorie ul li, #sidemenu #categorie ul li a {
    font-size: 13px;
    color: #fff;
    margin-top: 8px;
}

#sidemenu ul li a:hover {
    color: #BEDE6F;
}
#sidemenu ul li a.selected {
    text-decoration: underline;
}
#sidemenu ul ul li {
    margin-top: 0px;
    font-weight: normal;
}
/*
#sidemenu .menu_bottom {
	width: 170px;
    height: 8px;
    background: url("/design/images/menu_bottom2.png") top left no-repeat;
}
*/
#leftdeco {
    width: 170px;
}
#leftdeco .leftdeco_top {
    width: 170px;
    height: 5px;
    background: url("/design/images/leftdeco_top.png") top left no-repeat;
}
#leftdeco .leftdeco_middle {
    /*background-color: #ececec;*/ 
}
#leftdeco .leftdeco_middle #back { 
    font-weight: bold;
    margin: 0 5px;
    padding-left: 20px;
    background: url("/icones/back_16.png") center left no-repeat;
}

#leftdeco .leftdeco_bottom {
    position: absolute;
    bottom: 0px;
    width: 170px;
    height: 170px;
    background: url("/design/images/leftdeco_bottom.png") top left no-repeat;
}
#main .middle #rightside {
    float: left;
    width: 8px;
    margin-left: 8px;
}
#main .middle #rightside .rightside_bloc {
    width: 800px;
	min-height:600px; 
}
#content .onglets .onglet{
    float: left;
    margin: 4px 4px 0 0;
}
#content .onglets .selected{
    background: url("/design/images/onglet_active.png") top left repeat-x;
}
#content {
    width: 770px;
    margin-bottom: 3px;
}
#content .rightside_content{
    background-color: #f5f5f5;
    padding: 2px 8px;
}
#content .rightside_content h1 {
    font-size: 15px;
    color: #24a8c8;
    margin-bottom: 3px;
}
#content .rightside_content h1 .content_date{
    font-size: 12px;
    text-decoration: underline;
    padding-right: 10px;
}
#content .rightside_content p {
    color: #727272;
    font-size: 13px;
    text-align: justify;
    margin-top: 0px;
}
#content .rightside_contentinfo{
    height: 20px;
    background-color: #eee;
    padding: 5px;
    font-weight: bold;
}
#content .rightside_contentinfo .consult {
    color: #24a8c8;
}
#content .rightside_contentinfo .insc {
    color: #a8d33e;
}

.rightside_controls {
    float: right;
    margin-top: 20px;
    margin-right: 5px;
    margin-bottom: 10px;
}
#fleche_up {
    width: 22px;
    height: 22px;
    background: url("/design/images/fleche_up.png") top left no-repeat;
}
#fleche_down {
    width: 22px;
    height: 22px;
    background: url("/design/images/fleche_down.png") top left no-repeat;
}
#fleche_up:hover,
#fleche_down:hover {
    cursor: pointer;
}

.bottom {
    background: url("/design/images/maincontent_bottom.png") top left no-repeat;
    width: 1100px;
    height: 10px;
    margin: 0px;
}
#footer {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    margin-bottom: 10px;
}
#footer .footer_top {
    background: url('/design/images/footer_top.png') top left no-repeat;
    width: 1000px;
    height: 22px;
}
#footer .footer_bottom {
    background: url('/design/images/footer_bottom.png') top left no-repeat;
    width: 1000px;
    height: 17px;
}
#footer .footer_middle {
    background: url('/design/images/footer_loop.png') top left repeat-y;
    padding: 0px;
    margin: 0px;
}
#footer .footer_middle #footer_left {
    float: left;
    width: 227px;
    padding-left: 90px;
    padding-right: 15px;
}
#footer .footer_middle #footer_right {
    float: right;
    width: 220px;
    padding-left: 20px;
    padding-right: 19px;
}
#footer .footer_middle #footer_central {
    width: 370px;
    margin-left: 332px;
    margin-right: 260px;
    padding: 0px 19px;
    min-height: 100px;
}
#footer #partenaires_container {
    height: 110px;
}
#footer #partenaires {
    background-color: white;
    vertical-align: middle;
    margin-right: 25px;
}
#footer #partenaires_title {
    font-weight: bold;
    margin-bottom: 0.25em;
}
#footer .footer_title {
    height: 43px;
    border-bottom: 2px dashed #bbbbbb;
    color: #797979;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    padding-top: 0px;
}
#footer .footer_title_deco {
    background: url('/design/images/footer_title_puce.png') top left no-repeat;
    padding-left: 35px;
}
#footer .footer_hr {
    border-bottom: 2px dashed #bbbbbb;
    padding-top: 5px;
}
#footer .footer_content {
    color: #6f6f6f;
    text-align: left;
    padding-top: 10px;
}
#footer .footer_content .footer_headline {
    font-size: 15px;
    font-weight: bold;
    color: #a9a9a9;
}
#footer .footer_content p {
    padding-top: 5px;
    padding-bottom: 0px;
}
#footer .footer_content p a {
    color: #24a8c8;
    text-decoration: none;
}
#footer .footer_content .news_date {
    color: #24a8c8;
    text-decoration: underline;
}
#footer .footer_content .footer_challenge {
    border-bottom: 1px dashed #bbbbbb;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}
#footer .footer_content .footer_challenge h1 {
    font-size: 15px;
    color: #24a8c8;
    margin-bottom: 3px;
}
#footer .footer_content .footer_challenge h1 .content_date{
    font-size: 12px;
    text-decoration: underline;
    padding-right: 10px;
}
#footer .footer_content .footer_challenge p {
    color: #727272;
    font-size: 13px;
    text-align: justify;
    margin-top: 0px;
}
#footer .footer_content .footer_challenge .consult {
    color: #24a8c8;
    font-weight: bold;
}
#footer .footer_content .footer_challenge .insc {
    color: #a8d33e;
    font-weight: bold;
}
#footer #footer_central ul {
    margin-bottom: 0;
}
#footermenu {
    width: 1100px;
	margin-top:30px;
    margin-left:-50px;
	height: 110px;
    background: #ececec;
    margin-bottom: 20px;
    text-align: left;
}
#footermenu .menuentry, #footermenu #copyright {
    float: left;
    margin: 5px 2px;
    vertical-align: middle;
    text-align: center;
    padding: 7px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#footermenu .menuentry:hover {
    background-color: #6f6f6f;
    cursor: pointer;
}
#footermenu #copyright {
    float: right;
    font-weight: normal;
    margin-right: 10px;
}
/*
.menuentry {
    text-transform: lowercase;
}
*/
/****************************** Form ***************************************/

.jforms-radio input, .jforms-checkbox input, .jforms-chkbox input, input[type="checkbox"], .checkbox {
    vertical-align: middle;
}
form label.jforms-label, form span.jforms-label {
    float: left;
    width: 35%;
    text-align: right;
    margin: 0;
    padding: 0 .5em 0 0;
    line-height: 1.8em;
}
form span.jforms-label {
    line-height: 1.3em;
}
form p {
    clear:both;
}
form label.default, form p.default label, form p.default span.jforms-label {
    float: none;
    width: 100%;
    text-align: left;
}
form fieldset {
    border: none;
    border-top: 1px solid #ccc;
}
form fieldset legend {
    padding: 0 0.5em;
    color: #555;
}
form .jforms-submit {
    margin-left: 36.5%;
}
form .default .jforms-submit {
    margin-left: auto;
}
form .jforms-radio {
    display: block;
    margin-left: 36%;
}

form .jforms-table-group {
    border: none;
}
form .jforms-table-group th {
    background-color: white;
    color: black;
    text-align: left;
    font-weight: normal;
    border: none;
}
form .jforms-table-group th label.jforms-label {
    line-height: 1em;
    float: none;
    margin-left: auto;
}
form .jforms-table-group td {
    border: none;
}

#questionnaire input, #questionnaire select {
    display: block;
}
#questionnaire .jforms-radio input {
    display: inline;
}
#questionnaire .jforms-radio {
    margin-left: 1em;
}
#questionnaire .subquestions {
    background-color: #EEE;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 1em;
    margin: 1em;
}


/****************************** Form error messages *******************************/

.jforms-error-list, .jforms-ok-list, .jforms-info-list, .jforms-warning-list,
.jelix-msg-error, .jelix-msg-info, .jelix-msg-ok, .jelix-msg-warning, .jelix-msg  {
    border: none;
    margin: 1em;
    padding: 1em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.jforms-error-list li, .jforms-ok-list li, .jforms-info-list li, .jforms-warning-list li,
.jelix-msg-error li, .jelix-msg-info li, .jelix-msg-ok li, .jelix-msg-warning li, .jelix-msg li {margin-left: 2em;}
.jforms-error-list, .jelix-msg-error {
    background-color: PeachPuff;
}
.jforms-ok-list, .jelix-msg-ok, .jelix-msg {
    background-color: #EEFF88;
}
.jforms-info-list, .jelix-msg-info {
    background-color: AliceBlue;
}
.jforms-warning-list, .jelix-msg-warning {
    background-color: LemonChiffon;
}
input.jforms-error, select.jforms-error, textarea.jforms-error {
    background-color: #FFEECF;
    font-style: none;
}

#dynerrors {
    display: none;
}

/****** Documents ******/

.documents {margin: 1em 0;}
.document {float: left; margin-left: 1em;  height: 160px; font-size: 0.8em; text-align: center;}
.document a {text-decoration: none;}
.document a.delete {color: darkorange;}
.document .image {height: 100px; width: 100px; padding: 0.5em; border: 1px solid grey;}
.document p {max-width: 100px;}


/****** Progressbar ******/

.progressbar {
    width: 100px;
    margin: 0.2em 0;
    border: 1px solid #888;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.progressbar .load {
    background-color: #9fcc33;
    max-width: 100px;
    white-space:nowrap;
}

/********* Vignette ************/

.vignette div {
    display: none;
    background-color: #EEFF88;
    color: #333;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    min-width: 150px;
}
.vignette div img {float: left; margin: 0.5em 0}
.vignette:hover {
    cursor: pointer;
    position: relative;
    z-index: 500;
    cursor: default;
}
.vignette:hover div {
    display: block;
    position: absolute;
    top: 1em;
    left: -160px;
    padding: 0.5em;
}

/************* Forms Help *************/

.forms-help {
    position: relative;
    /*background: url(/icones/info_16.png) no-repeat top left;*/
    padding-left: 8px;
    color: #666;
    font-weight: bold;
    font-size: 0.9em;
    z-index: 0;
    cursor: help;
}
.forms-help .forms-help_content {
    display: block;
    position: absolute;
    top: -8px;
    left: 8px;
    min-width: 170px;
    padding: 0.5em;
    background-color: #ccc;
    color: #333;
    font-weight: normal;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    z-index: 50;
}

.forms-help .forms-help_left{
    display: block;
    position: absolute;
    top: 7px;
    left: -8px;
    width: 8px;
    height: 20px;
    background: transparent url(/design/images/arrow_left.png) no-repeat top left;
    z-index: 50;
}

/****************  microformat vcard  ***********************/
.vcard {padding: 1em;}
.vcardinline {padding: 0.5em;}
.vcard p {margin-top: 0; padding: 0;}
.vcard .tel {margin-top: 0.5em;}
.vcard .country-name {text-transform: uppercase;}
.vcard .actions {margin-top: 1em;}
.vcardoutline {float: left; border: 1px dashed #666; min-width: 200px; margin: 1em 0;}
.vcardoutline .vcard {padding: 0.5em;}

/******* lightbox like (light version) ******/

#filter {
    display: none;
    position: absolute;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    z-index:10;
    background-color:#000;
    opacity:0.5;
    filter: alpha(opacity=50);
}

.lightbox_container {
    display: none;
    position: fixed;
    width: 400px;
    top: 30px;
    left: 60%;
    z-index:11;
    height: 650px;

}

.lightbox {
    position: absolute;
    left: -400px;
    padding: 1em;
    margin:0;
    border: 1px solid grey;
    -moz-border-radius: 8px;
    background-color: white;
    z-index:12;
    overflow: auto;
}
.lightbox_container .close {
    float: right;
    font-weight: normal;
    font-size: 0.8em;
}

/****************************** Challenges ***************************************/

.challenges tr:hover {background-color: #faffca; cursor: pointer;}
.challenges td {border: none; border-bottom: 1px solid #BBB; }
.challenges_infos, .challenges_infos2, .challenges_infos3 {margin: 0; padding: 0; font-size: 0.8em; }
.challenges_infos {color: #0086c0;}
.challenges_infos2 {color: #5eb446;}

.challenge .conditions {overflow: auto; max-height: 5em;}
.challenge fieldset legend {font-weight: bold;}

#mychallenge-categories .jforms-multiselect-selected {
    margin-left: 36%;
}

.challengeList {
	margin-top:10px; 
	margin-bottom:10px;
}

.challengeListContainer {
	margin-left:20px;
	margin-right:20px;
}

/****************************  Paiements ***************************************/

.paiement-bloc {
    float: left; width: 30%;
    margin-top: 2em;
    margin-right: 2%;
    border: 1px solid #CCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;}
.paiement-bloc h4 {
    font-size: 1em;
    margin: 0;
    padding: 0.2em 0.5em;
    background-color: #63c2d4;
    color: white;
}
.paiement-bloc p {
    padding: 0.5em;
}

/***************************** Articles ****************************************/

#articles .article {
    border-bottom: 1px dashed #bbbbbb;
    padding: 5px;
}

#articles .selected {
    background-color: #faffca;
}
#articles .article h3 {
    margin: 0.5em 0;
}
#articles .article .infos {
    display: block;
    font-weight: normal;
    font-size: 0.7em;
    color: #666;
}


/****************************** Multiselect ************************************/

.jforms-multiselect-selected {
    font-style: italic;
    color: #444;
}
.jforms-multiselect-subcontainer {
    padding: 0.5em;
    background-color: #F5F5F5;
}
.jforms-multiselect-subcontainer .jforms-multiselect-subcontainer {
    background-color: #E5E5E5;
}

/* COMMUNAUTES */
.communautes {
    margin: 0;
    padding: 0;
    clear: left;
}
.communautes .communaute {
    margin-bottom: 10px;
	border:1px solid #63c2d4; 
	border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
}

.communautes .communaute h4 {
    margin: 0;
    padding: 0;
}
.communautes .communaute .logo_communaute {
    float: left;
    margin: 0;
    padding: 5px 10px 10px 5px;
    width: 100px;
    min-height: 100px;
   /* background-color: white;*/
}
.communautes .communaute .description_communaute {
    padding: 5px;
}
.communautes .communaute .actions_communaute {
}
.communautes .communaute .actions_communaute .pactions_communaute {
    margin: 0 5px 5px 0;
    padding: 0px;
    height: auto;
    text-align: right;
    font-size: 1.1em;
    font-weight: bold;
    color: #666;
}
.communautes .communaute .actions_communaute .pactions_communaute .fright {
    float: none;
}
/* COMMUNAUTES VOIR */
.voir_communaute {
    margin: 0px;
    padding: 0px;
    width: 100%;
    border-collapse: collapse;
    /*border: solid 1px black;*/
}
.voir_communaute .voir_logo_communaute {
}
.voir_communaute .voir_logo_communaute img {
    width: auto;
    height: auto;
    /*border: solid 1px black;*/
}
.voir_communaute fieldset legend {
    color: grey;
}
.voir_communaute fieldset p {
    min-height: 1em;
    /*background-color: lightblue;*/
}

.indent0 {
    margin-bottom:5px;
    list-style-image: URL(/design/images/footer_title_puce_10.png);
    color: #3B6EBF;
}

.indent1 {
    margin-bottom:5px;
    margin-left:30px;
    list-style-image: URL(/design/images/footer_title_puce_10.png);
    color: #3B6EBF;
}

.indent2 {
    margin-bottom:5px;
    margin-left:60px;
    list-style-image: URL(/design/images/footer_title_puce_10.png);
    color: #3B6EBF;
}
/* Scroll menu */
div.sc_menu_logo {
    position: relative;
    display: block;
    float: left;
    padding: 0 4px;
    height: auto;
    /*border: solid thin black;*/
}

div.sc_menu {
    /* Set it so we could calculate the offsetLeft */
    position: relative;
    height: auto; /*55px*/
    width: 800px;
    overflow: auto;
    /*border: solid thin pink;*/
}
ul.sc_menu {
    display: block;
    height: 50px;
    /* max width here, for users without javascript */
    width: 3000px;
    padding: 15px 0 0 15px;
    /* removing default styling */
    margin-left: 0;
    background: url('navigation.png');
    list-style: none;
    /*border: solid thin black;*/
}
.sc_menu li {
    display: block;
    float: left;
    padding: 0 4px;
}
.sc_menu a {
    display: block;
    text-decoration: none;
}
.sc_menu span {
    display: none;
    margin-top: 3px;

    text-align: center;
    font-size: 12px;
    color: #fff;
}
.sc_menu a:hover span {
    display: block;
}
.sc_menu img {
    border: 3px #fff solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img {
    filter:alpha(opacity=50);
    opacity: 0.5;
}
/* Tab Menu */
#tabMenu {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#tabMenu li {
	display: block;
	margin: 3px;
	padding: 0px;
	border: 0px;
	float: left;
	height: 48px;
}
.caroufredsel_wrapper {
	top:0px;
	left:17px; 
	width: 750px; 
	height: 30px; 
	position: absolute; 
	overflow:hidden;
}

.letfButtonTabs{
	float: left; 
	width:25px;
	height:30px;
}

.letfButtonTabs img{
	width:23px;
	height:23px;
}

.rightButtonTabs img{
	width:23px;
	height:23px;
}

#fleche_letfButtonTabs:hover,
#fleche_rightButtonTabs:hover {
    cursor: pointer;
}
	
.rightButtonTabs{
	position: absolute; 
	left:740px; 
	width:25px;
	height:30px;
}

.tabMenu{
	width: 750px; 
	position: absolute; 
	left: 0px;
}

.challengesTitle {
    text-align: center;
	background: #eee;
    padding: 4px 4px;
    color: grey;
	font-size:12pt;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.connexionTitle {
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size:11pt;
}

.leftButtonDiv {
	text-align:center;
	margin-top: 20px;	
}
.categories {
	background:  #63c2d4;
    width:150px;
	padding: 0px 4px 4px 14px;
	margin: 10px 25px 0 10px;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.categoriesTitle {
    text-align:center;
    padding: 4px;
	margin-left:-10px;
    color: white;
    font-weight: bold;
    border-bottom: 1px solid white; 
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.categoriesList {
    border:solid;
	text-decoration:none; 
    color:#fff;
}

.challengesDisplay {
	visibility:visible;
	display:block;
}

.challengesHide{
	visibility:collapse;
}

#breadcrumbs { 
    font:11px Arial, sans-serif; 
    color:#111; 
    list-style:none; 
    padding:0; margin:0; 
    /*background:url(/design/images/breadcrumb-bg.png) repeat-x center; */
    border:1px solid #CCC; 
    border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
    overflow:hidden; 
} 
#breadcrumbs li { 
    float:left; 
    background:url(/design/images/breadcrumb-right.png) no-repeat right center; 
    padding:0 10px 0 10px; 
    height:28px; line-height:28px; 
}    
#breadcrumbs li:first-child a { 
    display:block; 
    width:30px; 
    text-indent:-9999px; 
    background:url(/design/images/breadcrumb-home.png) no-repeat center center; 
} 
#breadcrumbs a { 
    text-decoration:none; 
    color:#999; 
} 
#breadcrumbs a:hover { 
    color:#CC6600; 
} 

/* Footer menu */
.flottante {
  background-color: #ececec;
  margin: 2px;
  float: left;
  width: 170px;
  font-size:8pt;
}

.flottante li {
  list-style:none; 
  text-align:right;
  padding-right:5px;
}

.flottante div{
  color: #63c2d4;
  text-align:right;
  padding-right:5px;
}

.flottante a {
    text-decoration:none; 
    color:#000; 
}

.flottante a:hover {
    color:#63c2d4; 
}

.conteneur {
  width: 100%;
}
.spacer {
  margin-left:5px;
  float: left;
  width:1px;
  height:120px;
  background:#000;
}
.cadre {
	border:1px solid #63c2d4; 
	border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
}

.cadrePaddingLeft {
	border:1px solid #63c2d4; 
	padding-left:20px;
	border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
}

.cadrePaddingLeftVert {
	border:1px solid green; 
	padding-left:20px;
	border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
}

.notreMethode {
	margin-left:10px;
    background:url(/design/images/notre_methode.png) center; 	
	width:760px;
	height:250px;	
	display:block;
	position:absolute;
	/*border:1px solid #000; */
}

.notreMethodeTable {
	margin-top:100px;
	display:table;
	table-layout: fixed;
	width:760px;
	position:absolute;
	/*border:1px solid #000; */
}

.notreMethodeRow {
	display:table-row;
	width:190px;
	height:75px;
	/*border:1px solid #000; */
}

.notreMethodeRowCell1 {
	display:table-cell;
	text-align:center;
	padding-left:35px;
	padding-right:40px;
	vertical-align:middle;
	font-weight:bold;
	font-size:8pt;;
	/*border:1px solid #000; */
}

.notreMethodeRowCell2 {
	display:table-cell;
	text-align:center;
	padding-left:35px;
	padding-right:40px;
	vertical-align:middle;
	font-weight:bold;
	color: grey;
	font-size:8pt;;
	/*border:1px solid #000; */
}

.tarifTable {
	display:table;
	table-layout: fixed;
	width:500px;
	margin-left:100px;
	border:1px solid #000; 
}

.tarifRow {
	display:table-row;
	/*border:1px solid #000; */ 
}

.tarifRowCell {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	border:1px solid #000; 
}

.table {
	display:table;
	table-layout: fixed;
	width:100%;
	border:solid;
	border-width:1px;
}

.row {
	display:table-row;
}

.column {
	display:table-column;
}

.cell {
	display:table-cell;
	text-align:center;
	vertical-align:middle; 
}

.cellLeft {
	display:table-cell;
	text-align:left;
	vertical-align:middle; 
}

.tableChallenge {
	display:table;
	table-layout: fixed;
	width:100%
}

.rowChallenge {
	display:table-row;
	height:40px; 
}

.cellChallenge {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.home_right_column .tableNews {
	display:table;
	table-layout: fixed;
	width:100%
}

.home_right_column  .rowNews {
	display:table-row;
}

.home_right_column  .cellNews {
	font-size:7.5pt;
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}

.home_right_column .cellNewsHeader {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	color:black;
	font-size:11pt;
	border-bottom: 	1px solid #000; 
}

.home_right_column  .cellNews .news_date {
    color: #24a8c8;
    text-decoration: underline;
}

.jforms-warning-list .center {
	text-align:center;
}

/*
 * jQuery UI Accordion 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: visible; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

.slideshow { height: 100px; width: 130px; margin: auto }
.slideshow img { height: 80px; width: 130px; padding: 0px; border: 1px solid #ccc; background-color: #eee; }

div#parent {
	width: 60%;
	margin: 10px auto;
	padding: 5px;
	background-color: #63c2d4;
	text-align: center;
	font-size: 20px;
}