/* Style Sheet by P. Tuffery 2006 */
/* Adapted from J. Maupetit 2006 */

* { 
  font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
}
  
body {
  color:#000000;
  font-size: 10pt;
  background-color:#444;
} 
  
  
a {
  text-decoration:none;
  color:blue;
}

a:hover {
  color:#909090;
}

pre {
  font-family: courier;
  margin: 0.5em;
  padding:1em;
  border-top: 1px dashed #cccccc;
  font-size:9pt;
}

select {
  font-size:   8pt;
  font-family: Arial;
  font-weight: normal;
}

.remark {
  font-size:8pt;
  font-style:italic;
  padding-left:1em;
  padding-right:1em;
  color:#909090;
}

.code {
  background-color:#f8f8f8;
  font-family:courier;
  padding:0.5em;
}

.warning {
  font-weight:bold;
  color:red;
}

.step {
  font-weight:bold;
}

.emph{
  font-style:italic;
  color:#909090;
}

.models{
  width:100%;
  margin-left:auto;
  margin-right:auto;
  padding-left:2em;
  padding-right:2em;
  background-color: #f8f8f8;
  border: 1px dashed #cccccc;
  text-align:right;
}


.resEne{
  width:100%;
  padding:0.3em;
}

.resEne td{
  font-family:courier;
  font-size:10pt;
}

.tdR{
  text-align:right;
  padding-right:1em;
}

.imgR{
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  border-right:1px solid #cccccc;
  text-align:left;
}


.imgR img{
  border:1px solid #000000;
}

.imgL{
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  border-left:1px solid #cccccc;
  text-align:right;
}

.imgL img{
  border:1px solid #000000;
}

.underL{
  padding-top:1.5em;
  border-top: 1px dashed #cccccc;
  border-bottom: 1px dashed #cccccc;
  text-align:right;
  padding-right:1em;
}

.fullWidth{
  width:100%;
}

.halfWidth{
  width:50%;
}

.results{
  width:100%;
  padding:1em 2em 1em 2em;
  background-color: #f8f8f8;
  border: 1px solid red;
}

.resume{
  font-size:8pt;
  font-weight:bold;
}

.resume td{
  padding-left:2em;
}

.form{
  width:100%;
}

.form td{
  padding-top:1em;
  padding-bottom:1em;
  text-align:center;
  border:1px dotted #cccccc;
}

#synopsis {
  border:1px solid #cccccc;
  margin-bottom:2em;
  background-color:#f8f8f8;
  padding:0.5em;
}

#synopsis ul{
  list-style-type: none;
}


.infos {
  border:1px solid #cccccc;
  background-color:#f8f8f8;
  padding:0.5em;
  font-size:8pt;
}

.ene{
  padding-left:2em;
  font-size:8pt;
  font-family:courier;
}

.panel {
  font-size: 9pt;
  background-color:#f0f0f0;
  font-weight:bold;
  width: 100%;
  height:100%;
}

.panel2 {
  font-size: 10pt;
  background-color:#ccc0c0;
  font-weight:bold;
  width: 100%;
  height:100%;
}

.panel input {
  font-size:8pt;
  font-family:courier;
  font-weight:normal;	
  background-color:#fff0f0;
  width: 40px;
  height:20px;
}

.panel2 input {
  font-size:9pt;
  font-family:courier;
  font-weight:normal;	
  background-color:#f0fff0;
  width: 40px;
  height:20px;
}

#content{
  background-color : #FFF8FF;
  border           : 1px solid #cccccc;
  padding          : 0.5em;
}

#content input.bouton{
  font-size:9pt;
  background-color:#f0f0f0;
  font-weight:bold;
}

#content textarea{
  font-size:9pt;
  font-family:courier;
  background-color:#999999;
}

#content option{
  font-size:9pt;
}

#content table{
  text-align:left;
  font-size:10pt;
}


#footer{
  padding-top:1em;
  text-align:center;
  font-size:7pt;
}

.reference {
  text-align:justify;
  padding-left:1em;
}

.authors {
  font-weight:bold;
}

.papTitle {
  font-style:italic;
}

.jRef {
  font-size:8pt;
}


#footer .reference {
  font-size:9pt;
  text-align:center;
}
#main{
  width:900px;
  background-color:#F8F8FF;
  padding:0.5em 2em 0.5em 2em;
  border:2px solid #cccccc;
  margin-left:auto;
  margin-right:auto;
}
#main {
  width:900px;
  background-color:#F8F8FF;
  margin:auto;
  padding:2px;
  border: 2px solid #500000;
}

#header{
  background-color:#F8F8FF; /* #f0f0f0; */
  padding:0px;
}

#header .fullWidthHalf {
  border-top:1px solid black;
  border-bottom:1px solid black;
}


#content {
/*   background-image:url('http://condor.ebgm.jussieu.fr/~maupetit/images/1pgb-bg.jpg'); */
  background-repeat:no-repeat;
  background-position:top center;
  padding:10px;
} 
  
#footer {
  border:1px solid #cccccc;
  padding:1em;
  font-size:7pt;
  text-align:center;
}

#options{
  background-color : #e6eeee;
  border           : 1px solid #cccccc;
  padding          : 0.5em;
}

#options td {
  color:black;
}
	#dhtmlgoodies_colorPicker{

		position:absolute;

		width:250px;

		padding-bottom:1px;

		background-color:#FFF;

		border:1px solid #317082;

		

		width: 252px;	/* IE 5.x */

		width/* */:/**/250px;	/* Other browsers */

		width: /**/250px;	

				

	}

	

	#dhtmlgoodies_colorPicker .colorPicker_topRow{

		padding-bottom:1px;

		border-bottom:3px double #317082;

		background-color:#E2EBED;

		padding-left:2px;

		

		width: 250px;	/* IE 5.x */

		width/* */:/**/248px;	/* Other browsers */

		width: /**/248px;	

		

		height: 20px;	/* IE 5.x */

		height/* */:/**/16px;	/* Other browsers */

		height: /**/16px;	

				

	}

	

	#dhtmlgoodies_colorPicker .colorPicker_statusBar{

		height:13px;

		padding-bottom:2px;

		width:248px;

		border-top:3px double #317082;	

		background-color:#E2EBED;

		padding-left:2px;

		clear:both;

		

		width: 250px;	/* IE 5.x */

		width/* */:/**/248px;	/* Other browsers */

		width: /**/248px;	

		

		height: 18px;	/* IE 5.x */

		height/* */:/**/13px;	/* Other browsers */

		height: /**/13px;	

						

	}

	

	#dhtmlgoodies_colorPicker .colorSquare{

		margin-left:1px;

		margin-bottom:1px;

		float:left;

		border:1px solid #000;

		cursor:pointer;

		

		width: 12px;	/* IE 5.x */

		width/* */:/**/10px;	/* Other browsers */

		width: /**/10px;	

		

		height: 12px;	/* IE 5.x */

		height/* */:/**/10px;	/* Other browsers */

		height: /**/10px;	

				

	}

	

	.colorPickerTab_inactive,.colorPickerTab_active{

	

		height:17px;

		padding-left:4px;

		cursor:pointer;	

		

		

	}

	.colorPickerTab_inactive span{

		background-image:url('images/tab_left_inactive.gif');

	}

	

	.colorPickerTab_active span{

		background-image:url('images/tab_left_active.gif');



	}

	.colorPickerTab_inactive span, .colorPickerTab_active span{

		line-height:16px;

		font-weight:bold;

		font-family:arial;

		font-size:11px;

		padding-top:1px;

		vertical-align:middle;

		background-position:top left;

		background-repeat: no-repeat;	

		float:left;

		padding-left:6px;

		-moz-user-select:no;

	}	

	.colorPickerTab_inactive img,.colorPickerTab_active img{

		float:left;

	}

	.colorPickerCloseButton{

		width:11px;

		height:11px;

		text-align:center;

		line-height:10px;

		border:1px solid #317082;

		position:absolute;

		right:1px;

		font-size:12px;

		font-weight:bold;

		top:1px;

		padding:1px;

		cursor:pointer;	

		

		width: 15px;	/* IE 5.x */

		width/* */:/**/11px;	/* Other browsers */

		width: /**/11px;

		

		height: 15px;	/* IE 5.x */

		height/* */:/**/11px;	/* Other browsers */

		height: /**/11px;



			

	}

	#colorPicker_statusBarTxt{

		font-size:11px;

		font-family:arial;

		vertical-align:top;

		line-height:13px;



	}

	form{

		padding-left:5px;

	}

	

	.form_widget_amount_slider{

		border-top:1px solid #9d9c99;

		border-left:1px solid #9d9c99;

		border-bottom:1px solid #eee;

		border-right:1px solid #eee;

		background-color:#f0ede0;

		position:absolute;

		bottom:0px;

		

		width: 5px;	/* IE 5.x */

		width/* */:/**/3px;	/* Other browsers */

		width: /**/3px;

		

		height: 5px;	/* IE 5.x */

		height/* */:/**/3px;	/* Other browsers */

		height: /**/3px;

				

	}

	.colorSliderLabel{

		width:15px;

		height:20px;

		float:left;

		font-size:11px;

		font-weight:bold;

	}

	.colorSlider{

		width:175px;

		height:20px;

		float:left;

	}

	.colorInput{

		width:45px;

		height:20px;

		float:left;

	}	

	.colorPreviewDiv{

		width:186px;

		margin-right:2px;

		margin-top:1px;

		border:1px solid #CCC;

		height:20px;

		float:left;

		cursor:pointer;

		

		width: 188px;	/* IE 5.x */

		width/* */:/**/186px;	/* Other browsers */

		width: /**/186px;

		

		height: 22px;	/* IE 5.x */

		height/* */:/**/20px;	/* Other browsers */

		height: /**/20px;

				



	}

	.colorCodeDiv{

		width:50px;

		height:20px;

		float:left;

	}


    .color-picker {
    background:	transparent;
    width:		200px;
    height:		10px;
    }
    
    .color-picker td {
    padding:	1px;
    }
    
    .slider-inputbox {
    width:		40;
    height:		18px;
    font-size:          50%;
    font-family:        times;
    }
    
    .INPUT { background-color: #FFEFD5 ; font-family: Arial, Helvetica, sans-serif ; color: red ; size = 50% ; height: 20px ; font-size:6pt ; }

    .dynamic-slider-control {
    width:		160px;
    height:		15px;
    margin:		0;
    font-size:          60%;
    }
    
    .color-picker input {
    text-align:	right;
    width:		40px;
    }
    .reset-button input {
    width:	80px;
    }
    .color-picker td,
    .color-picker input {
    font:	Message-Box;
    font:	MessageBox;
    }
        



@media print {
   .noprint {
      display: none;
   }
}

