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


/* -------- RESETS -------- */
*, ul, li						{margin:0;padding:0}
html					{min-width:912px}
body					{background:#244E8D url(bkhead.gif) repeat-x;text-align:center}


/* -------- STRUCTURE -------- */
#wrapper		{background:url(bkmain.gif) repeat-y;width:910px;margin:0 auto;position:relative;text-align:left}
#globalcontainer	{width:100%;background: url(bk_oenodev.jpg) top left no-repeat}
#contentcontainer	{}
#footcontainer	{clear:both;background:url(bkfoot.gif) repeat-y;padding:15px 15px 15px 255px;margin-bottom:25px}
#sidebar		{width:215px}
#head			{height:162px}	


#main	{margin:0 22px 0 5px;width:635px;float:right;clear:left;display:inline}
#home		{margin:0 0 0;background:url(oenodev_accueil.gif) 70px top no-repeat;padding:90px 0 0 175px;height:200px}


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

/* -------- STYLES -------- */
body		{font-size:75%;font-weight:normal;font:12px Arial,"Lucida Grande",Verdana,sans-serif;color:#333}
#main p		{line-height:150%}
p, li		{font-size:0.98em}
a			{text-decoration:none;color:#4BB9E2}
a:hover		{text-decoration:underline;color:#3FC4D3}

h1			{clear:both;color:#23538F;font:3em trebuchet MS, tahoma, Helvetica, sans-serif;padding-top:25px}
h2			{background: url(bkh2.gif) bottom no-repeat;padding-left:13px;color:#5EBFE3;margin:15px 0 10px;
			font:1.9em normal  "Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif}
h3			{color:#23538F;font:13px}
h3.deco	{font-size:1.6em;font-weight:normal;color:#ccc;border-bottom:1px solid #ccc;text-align:center;margin:-10px 0;padding:0}
#main h2; #main h3	{clear:both}

.soustitre	{color:#5EBFE3;font-size:1.4em;line-height:1.1em}
.intro		{color:#666666;font-weight:bold;font-size:1.2em}
.sm			{font-size:0.9em}
#footcontainer	{color:#999999}
blockquote, #main li	{margin-left:20px}

.homeintro	{color:#B6B6B6;font-size:1.7em;text-align:right;margin:0 25px 0;line-height:2.2em}
.home	{text-align:right;padding:10px 0;line-height:1.5em}
.compact p	{margin:0;padding:0;line-height:1em}
.compact	{width:100%}
.cadre		{background:#efefef;border:1px solid #ccc;width:98%;padding:0 5px;margin:10px 0}
.center		{text-align:center;}
.legende	{color:#999}

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


/*footer*/

#menufoot a			{color:#000}
#menufoot li		{display:inline;padding:0 25px 0 0;margin-top:25px;font-weight:bold}

/* -------- onglets -------- */
ul#onglets			{list-style-type: none;padding:0;width:100%;background:url(bkonglets.gif) 0 repeat-x;margin-top:15px;height:28px}
#onglets li			{display:inline;margin:0;padding:9px 6px;background:url(bkonglet.gif) top repeat-x}
#onglets a			{margin:0;padding:0 15px;color:#808080;line-height:28px}
#onglets li#current	{background:#fff none;border:1px solid #ABDEF0;border-bottom:0}
#onglets a:hover	{color:#000;text-decoration:none;border-bottom:3px solid #ABDEF0}


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

/* formulaire */
form			{padding:0}
fieldset		{border:0;margin:0;padding:0}
input,  textarea	{border:1px solid #ccc;padding:1px;line-height:1.5em;background:#efefef}
#codeD input,#codeD  textarea	{border:1px solid #221F56;padding:1px;line-height:1.5em;background:#214682;color:#fff}
#ok input {border:0;background:none;text-align:right;color:#fff;font-weight:bold}
input			{width:90px}

form div label	{display: block;float: left;width: 50px;padding: 0 3px;margin: 5px 0 2px 0;text-align: right}
#codeD label	{width: 100px}
form div.optional label,label.optional
				{font-weight: normal}
form div.required label,label.required	{font-weight: bold}
	/* //////////////////////////////////////////////////////////////// */		
				
/* zone principale */
#main p, #main h3 {margin:10px 0;padding:auto;text-align:justify}
#main p.right		{text-align:right}
#main li		{line-height:1.5em}

dt		{float:left;width:150px;font-weight:bold;}
dd		{float:right;width:480px}
dl		{clear:both;width:100%;line-height:1.5em}
.space dl 	{padding:10px 0}

legend		{color:#666;clear:both}
.big {font-size:2.2em}
			
/* colonnes */
.ligne30, .ligne50, .ligne90, .ligne120, .ligne160, .ligne200, .ligne250, .ligne300, .ligne350, .ligne400	{width:100%;text-align:justify}
.ligne30	{height:30px} .ligne50	{height:50px} .ligne90	{height:90px} .ligne120	{height:120px} .ligne160	{height:160px} .ligne200	{height:200px} .ligne250	{height:250px} .ligne300	{height:300px} .ligne350	{height:350px} .ligne400	{height:400px}

/* pour positionnement des éléments avec un mise en forme de type tableau : différentes largeurs de cellule */
.cell100, .cell120, .cell160, .cell200, .cell250, .cell300, .cell310, .cell365, .cell400, .cell450	{height:auto;float:left;padding:0 17px 0 0;margin:0;display:inline} .cell100	{width:100px} .cell120	{width:120px} .cell160	{width:160px} .cell200	{width:200px} .cell250	{width:250px} .cell300	{width:300px} .cell310	{width:310px} .cell365	{width:365px} .cell400	{width:400px} .cell450	{width:450px}
#compact .cell200	{padding:0 5px;font-size:0.95em}
last {padding:0;}
.borderight	{border-right:1px solid #ccc;margin-right:0px;padding-right:0px}
/* pour bloc avec ascenseur utilisé dans pages conférences */
.ligneP			{width:610px;height:200px;overflow-y:scroll;position:relative;margin-top:15px;padding:10px;border-bottom:1px solid #ABDEF0}
.ligneP img		{float:left;margin:10px;}
.ligneP h3		{background:url(newspaper.png) left no-repeat;padding-left:20px}


/* IE PC selector */
* html .menu li		{display:inline; /* solve a IE PC list bug */float:none; /* solve a IE5 clav nav bug */}

/*mise en forme des tableaux - pages du menu R et D entre autres*/

table		{margin:10px 0px;border:solid 1px #ccc; }
thead th	{background-color:#23538F;color:white}
th, td		{padding:8px;border:0;text-align:center}
caption		{font-weight:bolder;margin:10px}
.bkgrey		{background:#efefef}

/*specificites calculateur - menu Décision */
.tableau_calc, .tableau_calcP	{height:auto;padding:2px;border:1px solid #ccc;margin:5px 0 0}
.tableau_calc	{width:590px}
.tableau_calcP	{width:400px}
.calc_gris, .calc_bleu	{font-weight:bold;width:187px;margin:2px;float:left;height:100%;padding:2px}
.calc_gris, .calc_grisL	{background-color:#efefef}
.calc_bleu, .calc_bleuL	{background-color:#D7EFF8}
.calc_bleuL, .calc_grisL	{font-weight:bold;width:290px;margin:2px;padding-top:5px;float:left;height:100%}

input.haut, input.petit		{width:80px;height:24px;padding:2px;margin:15px 0 0 40px;background-color:#DBDBDB;font-weight:bold}
input.petit	{width:40px}

.part1, .part2, .part3	{}
.part1	{width:120px;height:25px;margin:2px 0 0 5px;padding-top:0;float:left;text-align:left;}
.part2	{width:50px;height:25px;float:left;margin:10px 0 0  5px}
.part3	{text-align:center;margin:10px 0 0  5px}

.tableau_calc input[type="text"], .tableau_calcP input[type="text"]	{background-color:white;border:1px solid #2E4893;width:40px;font-size:1.1em}
.tableau_calc input[type="button"], .tableau_calc input[type="reset"], .tableau_calcP input[type="button"], .tableau_calcP input[type="reset"] 	
		{width:60px;margin:5px;font-weight:normal;font-size:1em}
.tableau_calc p, .tableau_calcP p	{margin:0;padding:0;line-height:1em}

.encadrer	{border:1px solid #ccc;padding:1px 0px;margin:2px}

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

/* -------- colonne "sidebar" -------- */
#sidebar h3		{color:#fff;font-weight:bold;background:url(bkh3.gif) no-repeat;font:15px trebuchet MS, tahoma, Helvetica, sans-serif;line-height:28px;
				text-align:right;padding:0 15px 5px 0;margin:15px 0 0 0}
#sidebar h3 a	{color:#fff}
#sidebar h3 a:hover	{text-decoration:none;color:#3FC4D3}
#sidebar		{color:#fff}

#menu2			{margin:20px 0 15px 0;padding-bottom:5px;background: url(oenodevmenu2.png) bottom no-repeat;width:100%;width:235px}
#menu2 li		{text-align:center;background: url(bkmenu2.png) repeat-x;line-height:33px;list-style-type: none}
#menu2 h3		{background:none;padding:2px 15px 0;margin:0;background: url(bkmenu2title.gif) repeat-y}
#menu2 a:hover	{color:#fff;text-decoration:none}

/* formulaire */
#sidebar form div	{clear: left;display: block;margin:0;padding:1px;width:215px}
.spacerclear:after, .spacercontainer:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
* html .spacerclear {height: 1%}
.spacerclear {display: block}
.clear-left	{clear:left}


.border {border:1px solid #ccc;padding:1px}

/* -------- MENUS --------*/
#menu1 a:hover, #menufoot a:hover, h2  a:hover	{text-decoration:none}
#menu1 a, #foot a	{color:#fff}

#menutop		{text-align:right;padding:10px 20px 75px 0;font-size:0.85em}
#menutop li 	{display:inline;margin-left:20px}
#menutop a		{color:#fff}

/*menu principal*/
@media print 
{
.menu, .ssmenu 	{visibility:hidden}
}
#conteneurmenu	{position:absolute;text-align:right;padding:0 0 0 370px;}
/*.menu span		{display:none} */
.menu ul		{position:absolute;float:left;padding-right:9px;background:url(bkmenu1.png) repeat-y;border:1px solid #578CBE} 
.menu li		{float:left;display:block;padding:10px;font:bold 13px Arial, Helvetica, verdana, sans-serif;width:83px;_width:83px}
/*.fr .menu li	{padding-left:5px;padding-right:5px;width:74px;_width:74px}    */    
.menu li ul		{visibility:hidden;width:120px}
.menu li li		{font-weight:normal;font-size:11px;padding:2px;line-height:1em}
.D				{margin-left:121px;float:left;margin-top:-24px}
.menu a			{text-align:left;color:#fff;text-decoration:none;padding:4px;margin-left:6px}

.menu li li a	{display:block;width:100px;padding:4px;margin-left:6px}
.ss				{margin-top:11px}
.ss a			{border-bottom:1px solid #88BCD8;color:#000}
.ss a:hover		{color:#fff}

.marginright	{margin-right:10px}