@charset "utf-8";
/* CSS Document */

body {
	background: url(../images/background.jpg) no-repeat center 0;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	color: #515471;
	font-family: Tahoma,Verdana,Arial,Helvetica,"Adobe Helvetica",sans-serif;
    text-align: center;
	}

#container {
	width: 775px;	
	margin: 220px auto 0;
    text-align: left;
	}

#content-inf h1, #content h1, #top li span {
	position: absolute;
	left: -5000px;
	}

#top {
	position: absolute;
	top: 0;
	margin: 20px 0 0;
	padding: 0;
	list-style-type: none;
	}

#top li {
	float: left; 
	margin-right: 5px;
	}
	
#top li.logo-eu {
	width: 120px;
	height: 89px;
	background-image: url(../images/logoEu.gif);
	}

#top li.logo-rjs {
	width: 120px;
	height: 89px;
	background-image: url(../images/esc-logo.gif);
	}
	
#content-inf, #content {
	/*position: relative;*/
	margin-bottom: 20px;
	}
	
#content .info h2 {
	margin: 25px 0 5px;
    font-size: 1.4em;
    background : url(../images/bullet-h2.gif) no-repeat 0 3px;
    padding-left: 20px;
    }

#content .info h3 {padding-left: 10px;}
#content .info p {padding-left: 20px;}

#content h2 {
	margin: 0;
    padding-left: 0;
    }

#content h3 {
	padding-top:15px;
	margin: 0;
	}	

#content-inf a.home, #content a.home, #content a.useful, #content-inf a.useful, #content a.agenda, #content-inf a.agenda, #content a.admin,#content a.regitration,#content-inf a.regitration, #content a.documentation,#content-inf a.documentation {float: right;}

a.home {
    height:38px;
    width:40px;
    border:0;
}

a.home img{
    border:0
}

#content-inf a.home, #content a.home {
	display: block;
	font-weight: bold;
	font-size: 11px;
	color: #515471;
    margin-top:10px;;
}

#container #content a.on, #content-inf a.on {
background: url(../images/bg-usefuls.gif) no-repeat top left;
}

 #content a.agenda, #content-inf a.agenda {
	display: block;
	width: 168px;
	height: 40px;
	text-align:center;
	text-decoration: none;
	margin-top:10px;
	padding-top: 8px;
	font-weight: bold;
	color: #515471;
	background: url(../images/bg-useful.gif) no-repeat top left;
	}

    #content a.useful, #content-inf a.useful {
	display: block;
	width: 168px;
	height: 40px;
	text-align:center;
	text-decoration: none;
	margin-top:10px;
	padding-top: 8px;
	font-weight: bold;
	color: #515471;
	background: url(../images/bg-useful.gif) no-repeat top left;
	}

    #content a.regitration,#content-inf a.regitration{
	display: block;
	width: 168px;
	height: 40px;
	text-align:center;
	text-decoration: none;
	margin-top:10px;
	padding-top: 8px;
	font-weight: bold;
	color: #515471;
	background: url(../images/bg-useful.gif) no-repeat top left;
	}

    #content a.documentation, #content-inf a.documentation{
	display: block;
	width: 168px;
	height: 40px;
	text-align:center;
	text-decoration: none;
	margin-top:10px;
	padding-top: 8px;
	font-weight: bold;
	color: #515471;
    background: url(../images/bg-useful.gif) no-repeat top left;
	}

#content .main-content {
    padding: 20px 35px 10px 35px;
    clear:right;
    
}

#content .info a:hover {
background-color:#CEE4F6;
color:#060D55;
}
#content .info a {
color:#0F77BA;
font-style:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#content .info li {
background:transparent url(../images/bullet_green.png) no-repeat scroll 0 5px;
display:block;
font-style:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 5px 0 7px;
padding:4px 2px 0 23px;
}

#content .info .time {
float:left;
width:15%;
}


#content .info .elem {
display:block;
font-style:normal;
font-weight:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 0 5px 110px;
/*width:70%;*/
}

#content .sub-elem{
 padding:0 0 5px 115px;
}

#content .info h3 {
color:#1B85F2;
font-size:15px;
padding-left:20px;
}

#bulet{
background:transparent url(../images/next.png) no-repeat scroll 0 3px;
color:#1B85F2;
font-size:14px;
font-weight:bold;
margin:25px 0 5px;
padding:1px 0 0 23px;

}

input.btn {
font-family:Tahoma,Verdana,Arial,Helvetica,"Adobe Helvetica",sans-serif;
height:26px;
padding:0;
}
.btn {
background:#095180 url(../images/btn_bg.png) repeat-x scroll 0 0;
border-color:#FFFFEE #095180 #095180 #FFFFEE;
border-style:solid;
border-width:1px;
color:#000000;
cursor:pointer;
display:block;
float:left;
font-size:11px;
font-weight:bold;
height:14px;
margin:15px 15px 25px 0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:7px 0 3px;
text-align:center;
text-decoration:none;
width:51px;
}

/* ------- FORMULAIRE PAGE INSCRIPTION ------- */
#content dl dt {
	width: 25%;
	float: left;
	padding: 6px 6px 6px 0;
}

/* hack IE5 MAC \*/
#content dt {clear: both;}
/* end hack */

#content dl dd {
	float: left;
	/*float: none;*/
	margin: 0;
    width: 70%;
	padding: 6px 6px 6px 0;
}

#content dl dd#submit {
	clear: both;
	border: none;
	width: 435px;
	text-align: right;
}

#content dl dd input  {width: 220px;}
#content dl dd select  {width: 220px;}

#content p#already {
	color: red;
	font-weight: bold;
	margin: 0;
	padding-top: 90px;
	}

#content dl#personnal, #content dl#travel {
	float: left;
	margin: 50px 0 0;
	}

#content dl#personnal {width: 55%;}
#content dl#travel {width: 40%;}

#content dl#personnal dt {width: 40%;}
#content dl#personnal dd {width: 60%;}

#content dl#personnal dd, #content dl#travel dd {font-weight: bold;}




#content #bottom {
	clear: both;
	padding-top: 20px;
	}

#content div#evening {
	clear: both;
	padding-top: 15px;
	}

#content #nav{
margin: 15px 0 0;
}

#nav{
margin: 15px 0 0;
 }

#content div#evening	h4 {margin: 15px 0 0;}

#content div#evening span {margin-right: 5px;}
	
#content form input.button1 {
	display: block;
	margin-top: 15px;
	}

 .info-box {
            background:#DDEEFF url(../images/info-box.png) no-repeat scroll 10px 9px;
            border:1px solid #99CCFF;
            font-size:11px;
            font-weight: bold;
 margin:20px 0 0;
 padding:0 41px;
            position:relative;
            color:#436882;
            }


.error {
	background:#FFFFDD url(../images/icon_error.gif) no-repeat scroll 10px 8px;
	border:1px solid #FFEE66;
	font-size:11px;
	font-weight: bold;
	margin:20px 0 12px 0;
	padding: 0 35px;
	position:relative;	
	color:#F13333;
	
	}


	
/* ------- END FORMULAIRE PAGE INSCRIPTION ------- */
	
	
/* -------- PAGE INSCP_VALIDATE	-------- */
#content a.back {	
	float:left;
	font-weight: bold;
	font-size: 11px;
	color: #515471;
	background: url(../images/but-back.png);
	width: 51px;
	height: 23px;
	margin:15px 15px 0 0;
	outline: none;
	}
	
#content a.back span{		
	position: absolute;
	left: -5000px;
	}

#content form#inscriptionNext {
	clear: both;
	padding-top: 65px;
	}	

#container #content form#inscriptionNext div p.title-by {padding-left: 0;}

#content form#inscriptionNext div p {padding-left: 25px;}

#container #content form#inscriptionNext div p.title-by span {margin-left: 100px;}

#content form p.required {
	display: inline;
	color: red;
	font-size: 90%;
	}

/* -------- END PAGE INSCP_VALIDATE	-------- */


/* -------- PAGE USEFUL INFORMATION -------- */
#content-inf h2 {padding-top: 50px;}

#content-inf p {
	margin: 0;
	padding-left: 15px;
	}

#content-inf h4 {margin: 5px 0 5px 5px;}
/* -------- END PAGE USEFUL INFORMATION -------- */

/* -------- PAGE RESUME -------- */
#content a.save-resume {
	font-weight: bold;
	font-size: 11px;
	color: #515471;
	font-size: 2em;
	background: url(../images/but-save.png);
	float: left;
	width: 51px;
	height: 23px;
	margin: 2px 15px 0 0;
	outline: none;
	}
	
#content a.save-resume span{		
	position: absolute;
	left: -5000px;
	}

	

/* -------- END PAGE RESUME -------- */

/* -------- PAGE ADMIN -------- */
#content table#admin {
	width: 100%;
	margin-top: 15px;
	}

#content table#admin tr#first td {
	text-align: center;
	font-weight: bold;
	color:#F2D134;;
	}
	
#content table#admin tr.with-bg {background-color: #ddd;}

#content a#excel {	
	display: block;
	margin-top: 20px;
	font-weight: bold;
	font-size: 11px;
	color: #515471;
	}
	
#content table#admin td.edit {text-align: center;}
	
#content table#admin td.edit input {
	background: none; 
	border: 0;
	margin:0 -3px;
	padding: 0;
	cursor: pointer;
	color: #515471;
	font-weight: bold;
	}

#content table#admin td.edit a {
	color: #515471;
	font-weight: bold;
	}

#content a.admin {
	display: block;
	top: 20px;
	left: 6px;
	font-weight: bold;
	font-size: 11px;
	color: #515471;
	}	
	
#content #info {
	height: 310px;
	/height: 350px;
	padding: 80px 0 0;
	background: url(../images/info-bg.png) no-repeat left bottom;
	}

#content #info p {margin: 0;}

#content #info ul li {
	float: left;
	list-style-type: none;
	height: 80px;
	/height: 90px;
	width: 50%;
	/width: 49%;
	}

#content #info ul li p {width: 95%;}

#content #info ul li u {
	display: block;
	margin: 4px 0 5px;
	font-weight: bold;
	}

#content #info img {float: left; margin-right: 5px;}


#content #step01, #content #step02, #content #step03 {
height:40px;
margin-top: -5px;
padding:7px 0 0 70px;
}
	
	
#content #step01 {
	background:transparent url(../images/step01.png) no-repeat scroll center top;
	}	

#content #step02 {
	background:transparent url(../images/step02.png) no-repeat scroll center top;
	}		

#content #step03 {
	background:transparent url(../images/step3-2.png) no-repeat scroll center top;
	}
	

#content #step  hr{	
	display:none;
	}
#content .collapsable p {position: relative;}
#content .collapsable p input.indent,
#content .collapsable p select.copy,
#content .collapsable p select.copy2 {
	left: 35%;
    position: absolute;
	}

    #content .collapsable p button.indent {
	left: 58%;
    position: absolute;
	}

#content .collapsable p select.copy2 {left: 42%;}

#content .collapsable{
    background-color:#f9fdf1;
    margin:10px 0 0 0;
    padding:5px 5px 5px 17px;
    border:1px solid #b4ddc7;
}


#content .collapsable p.title-by {
    float: left;
    width: 50%;
}

#content  img#attention {float: left; margin-right: 5px;}


/* ************************************************* */

.firebugHighlight {
    z-index: 2147483647;
    position: absolute;
    background-color: #3875d7;
}

.firebugLayoutBoxParent {
    z-index: 2147483647;
    position: absolute;
    background-color: transparent;
    border-right: 1px dashed #BBBBBB;
    border-bottom: 1px dashed #BBBBBB;
}

.firebugRulerH {
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 14px;
    background: url(chrome://firebug/skin/rulerH.png) repeat-x;
    border-top: 1px solid #BBBBBB;
    border-right: 1px dashed #BBBBBB;
    border-bottom: 1px solid #000000;
}

.firebugRulerV {
    position: absolute;
    top: 0;
    left: -15px;
    width: 14px;
    height: 100%;
    background: url(chrome://firebug/skin/rulerV.png) repeat-y;
    border-left: 1px solid #BBBBBB;
    border-right: 1px solid #000000;
    border-bottom: 1px dashed #BBBBBB;
}

.overflowRulerX > .firebugRulerV {
    left: 0;
}

.overflowRulerY > .firebugRulerH {
    top: 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.firebugLayoutBoxOffset {
    z-index: 2147483647;
    position: absolute;
    opacity: 0.8;
}

.firebugLayoutBoxMargin {
    background-color: #EDFF64;
}

.firebugLayoutBoxBorder {
    background-color: #666666;
}

.firebugLayoutBoxPadding {
    background-color: SlateBlue;
}

.firebugLayoutBoxContent {
    background-color: SkyBlue;
}

/*.firebugHighlightGroup .firebugLayoutBox {
    background-color: transparent;
}

.firebugHighlightBox {
    background-color: Blue !important;
}*/

.firebugLayoutLine {
    z-index: 2147483647;
    background-color: #000000;
    opacity: 0.4;
}

.firebugLayoutLineLeft,
.firebugLayoutLineRight {
    position: fixed;
    width: 1px;
    height: 100%;
}

.firebugLayoutLineTop,
.firebugLayoutLineBottom {
    position: absolute;
    width: 100%;
    height: 1px;
}

.firebugLayoutLineTop {
    margin-top: -1px;
    border-top: 1px solid #999999;
}

.firebugLayoutLineRight {
    border-right: 1px solid #999999;
}

.firebugLayoutLineBottom {
    border-bottom: 1px solid #999999;
}

.firebugLayoutLineLeft {
    margin-left: -1px;
    border-left: 1px solid #999999;
}

/* interface admin ---------------------------  */