/* $Id: main.css,v 1.16 2010/02/23 09:14:34 excellent Exp $ */
body {margin:0;padding:0;background:#F0F3FA;text-align:center;}
.print {display:none}

#main {position:relative;width:955px;margin:0 auto;padding:110px 0 0 0;background:no-repeat center top url(../images/main-logo.jpg);text-align:left;}

#main #home {position:absolute;display:block;top:15px;left:25px;width:200px;height:80px;text-decoration:none;background-repeat:no-repeat;}
#main > #home {}

#main .espace {position:absolute;left:740px;display:block;width:171px;height:31px;margin:0;padding:0 0 8px 0;font-size:12px;font-weight:bold;color:#ffffff;border:none;background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="styles/images/bouton-espace.png",sizingMethod="scale");}
#main #affilies {top:34px;}
#main #instances {top:73px;}
#main > .espace {background:no-repeat left top url(../images/bouton-espace.png);}
#main .espace:hover, #main #affilies.hover, #main #instances.hover {padding-bottom:6px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="styles/images/bouton-espace-hover.png",sizingMethod="scale");}
#main > .espace:hover {padding-bottom:6px;background-image:url(../images/bouton-espace-hover.png);}

#main #header {background-repeat:no-repeat;overflow:hidden;background-image:url(../images/main-accueil-header.jpg);}
body.ouvrage #main #header {background-image:url(../images/main-ouvrage-header.jpg);}

#main #content {margin:0;padding:0 4px 0 11px;line-height:150%;color:#08337B;}
body.construction #main #content {height:417px;}
#main #content .construction {width:100%;line-height:30px;text-align:center;color:#08337b;font-weight:bold;font-size:24px;}

#main #content .box .header {background:url(../images/box-header-left.gif) no-repeat;}
#main #content .box .header span {float:left;display:block;background:transparent;}
#main #content .box .header span {margin:0;padding:12px 0 0 40px;font-family:"Arial Black",arial,helvetica sans-serif;font-size:22px;font-weight:normal;color:#ffffff;text-align:left;}
#main #content .box .header .right {height:10px;line-height:normal;font-size:1px;background:transparent url(../images/box-header-right.gif) no-repeat right top;}
#main #content .box .header.blue {height:40px;background-image:url(../images/box-header-left-blue.jpg);}
#main #content .box .header.blue .right {height:40px;background-image:url(../images/box-header-right-blue.jpg);}
#main #content .box .header.cnv {height:40px;background-image:url(../images/box-header-left-cnv.jpg);}
#main #content .box .header.cnv .right {height:40px;background-image:url(../images/box-header-right-cnv.jpg);}
#main #content .box .header.red {height:40px;background-image:url(../images/box-header-left-red.jpg);}
#main #content .box .header.red .right {height:40px;background-image:url(../images/box-header-right-red.jpg);}
#main #content .box .header.orange {height:40px;background-image:url(../images/box-header-left-orange.jpg);}
#main #content .box .header.orange .right {height:40px;background-image:url(../images/box-header-right-orange.jpg);}
#main #content .box .header.grey {height:40px;background-image:url(../images/box-header-left-grey.jpg);}
#main #content .box .header.grey .right {height:40px;background-image:url(../images/box-header-right-grey.jpg);}
#main #content .box .header.pink {height:40px;background-image:url(../images/box-header-left-pink.jpg);}
#main #content .box .header.pink .right {height:40px;background-image:url(../images/box-header-right-pink.jpg);}
#main #content .box .header.brown {height:40px;background-image:url(../images/box-header-left-brown.jpg);}
#main #content .box .header.brown .right {height:40px;background-image:url(../images/box-header-right-brown.jpg);}
#main #content .box .header.zenith {height:40px;background-image:url(../images/box-header-left-zenith.jpg);}
#main #content .box .header.zenith .right {height:40px;background-image:url(../images/box-header-right-zenith.jpg);}
#main #content .box .header.com {height:40px;background-image:url(../images/box-header-left-com.jpg);}
#main #content .box .header.com .right {height:40px;background-image:url(../images/box-header-right-com.jpg);}
#main #content .box .body {background:transparent url(../images/box-body-left.gif) repeat-y;}
#main #content .box .body .side {height:1px;background:transparent url(../images/box-body-right.gif) repeat-y right top;}
#main #content .box .body > .side {height:auto;}
#main #content .box.full .body .side {height:362px;}
#main #content .box.full.menu .body .side {height:336px;}
#main #content .box .body .side .content {margin:0 8px 0 4px;background:#FFFFFF repeat-x;padding:5px;text-align:justify;}
#main #content .box.full .body .side .content {padding:1px 20px 1px 36px;}
#main #content .box.full.menu .body .side .content {padding:1px 20px 1px 36px;}
#main #content .box .body .side .content h2 {margin:5px 0;padding:0;line-height:100%;font-family:"Arial Black",arial,helvetica sans-serif;font-size:18px;font-weight:normal;color:#EC6400;text-align:left;}
#main #content .box .body .side .content p {margin:0;padding:5px 0;}
#main #content .box .body .side .content a {font-weight:bold;color:#08337B;text-decoration:underline;}
#main #content .box .body .side .content a:hover {color:#08337B;text-decoration:none;}
#main #content .box .body .side .content div.suite {margin:0 20px 0 0;padding:0;line-height:normal;font-weight:bold;text-align:right;color:#08337b;}
#main #content .box .body .side .content div.suite a {color:#08337b;text-decoration:none;}
#main #content .box .body .side .content div.suite a:hover {text-decoration:underline;}
#main #content .box .footer {background:transparent url(../images/box-footer-left.gif) no-repeat;}
#main #content .box .footer .right {height:15px;line-height:normal;font-size:1px;background:transparent url(../images/box-footer-right.gif) no-repeat right top;}

#main #content .box.b-w-red .header {background-image:url(../images/box-header-left-b-w-red.gif);}
#main #content .box.b-w-red .header .right {background-image:url(../images/box-header-right-b-w-red.gif);}
#main #content .box.b-w-red .body {background-image:url(../images/box-body-left-b-w-red.gif);}
#main #content .box.b-w-red .body .side {background-image:url(../images/box-body-right-b-w-red.gif);}
#main #content .box.b-w-red .footer {background-image:url(../images/box-footer-left-b-w-red.gif);}
#main #content .box.b-w-red .footer .right {background-image:url(../images/box-footer-right-b-w-red.gif);}

#main #content .box.b-w-orange .header {background-image:url(../images/box-header-left-b-w-orange.gif);}
#main #content .box.b-w-orange .header .right {background-image:url(../images/box-header-right-b-w-orange.gif);}
#main #content .box.b-w-orange .body {background-image:url(../images/box-body-left-b-w-orange.gif);}
#main #content .box.b-w-orange .body .side {background-image:url(../images/box-body-right-b-w-orange.gif);}
#main #content .box.b-w-orange .footer {background-image:url(../images/box-footer-left-b-w-orange.gif);}
#main #content .box.b-w-orange .footer .right {background-image:url(../images/box-footer-right-b-w-orange.gif);}

#main #content .box.b-w-taxe .header {background-image:url(../images/box-header-left-b-w-taxe.gif);}
#main #content .box.b-w-taxe .header .right {background-image:url(../images/box-header-right-b-w-taxe.gif);}
#main #content .box.b-w-taxe .body {background-image:url(../images/box-body-left-b-w-taxe.gif);}
#main #content .box.b-w-taxe .body .side {background-image:url(../images/box-body-right-b-w-taxe.gif);}
#main #content .box.b-w-taxe .footer {background-image:url(../images/box-footer-left-b-w-taxe.gif);}
#main #content .box.b-w-taxe .footer .right {background-image:url(../images/box-footer-right-b-w-taxe.gif);}

#main #content .box.b-w-brown .header {background-image:url(../images/box-header-left-b-w-brown.gif);}
#main #content .box.b-w-brown .header .right {background-image:url(../images/box-header-right-b-w-brown.gif);}
#main #content .box.b-w-brown .body {background-image:url(../images/box-body-left-b-w-brown.gif);}
#main #content .box.b-w-brown .body .side {background-image:url(../images/box-body-right-b-w-brown.gif);}
#main #content .box.b-w-brown .footer {background-image:url(../images/box-footer-left-b-w-brown.gif);}
#main #content .box.b-w-brown .footer .right {background-image:url(../images/box-footer-right-b-w-brown.gif);}

#main #content .box.b-w-zenith .header {background-image:url(../images/box-header-left-b-w-zenith.gif);}
#main #content .box.b-w-zenith .header .right {background-image:url(../images/box-header-right-b-w-zenith.gif);}
#main #content .box.b-w-zenith .body {background-image:url(../images/box-body-left-b-w-zenith.gif);}
#main #content .box.b-w-zenith .body .side {background-image:url(../images/box-body-right-b-w-zenith.gif);}
#main #content .box.b-w-zenith .footer {background-image:url(../images/box-footer-left-b-w-zenith.gif);}
#main #content .box.b-w-zenith .footer .right {background-image:url(../images/box-footer-right-b-w-zenith.gif);}

#main #content .box.b-br-brown .header {background-image:url(../images/box-header-left-b-br-brown.gif);}
#main #content .box.b-br-brown .header .right {background-image:url(../images/box-header-right-b-br-brown.gif);}
#main #content .box.b-br-brown .body {background-image:url(../images/box-body-left-b-br-brown.gif);}
#main #content .box.b-br-brown .body .side {background-image:url(../images/box-body-right-b-br-brown.gif);}
#main #content .box.b-br-brown .body .side .content {background:#AD8DEB;}
#main #content .box.b-br-brown .footer {background-image:url(../images/box-footer-left-b-br-brown.gif);}
#main #content .box.b-br-brown .footer .right {background-image:url(../images/box-footer-right-b-br-brown.gif);}

#main #content .box.b-b-red .header {background-image:url(../images/box-header-left-b-b-red.gif);}
#main #content .box.b-b-red .header .right {background-image:url(../images/box-header-right-b-b-red.gif);}
#main #content .box.b-b-red .body {background-image:url(../images/box-body-left-b-b-red.gif);}
#main #content .box.b-b-red .body .side {background-image:url(../images/box-body-right-b-b-red.gif);}
#main #content .box.b-b-red .body .side .content {background:#EEF1F6;}
#main #content .box.b-b-red .footer {background-image:url(../images/box-footer-left-b-b-red.gif);}
#main #content .box.b-b-red .footer .right {background-image:url(../images/box-footer-right-b-b-red.gif);}

#main #content .box.w-r-blue .header {background-image:url(../images/box-header-left-w-r-blue.gif);}
#main #content .box.w-r-blue .header .right {background-image:url(../images/box-header-right-w-r-blue.gif);}
#main #content .box.w-r-blue .body {background-image:url(../images/box-body-left-w-r-blue.gif);}
#main #content .box.w-r-blue .body .side {background-image:url(../images/box-body-right-w-r-blue.gif);}
#main #content .box.w-r-blue .body .side .content {background:#FDEFE5;}
#main #content .box.w-r-blue .footer {background-image:url(../images/box-footer-left-w-r-blue.gif);}
#main #content .box.w-r-blue .footer .right {background-image:url(../images/box-footer-right-w-r-blue.gif);}

#main #content .box.b-b-blue .header {background-image:url(../images/box-header-left-b-b-blue.gif);}
#main #content .box.b-b-blue .header .right {background-image:url(../images/box-header-right-b-b-blue.gif);}
#main #content .box.b-b-blue .body {background-image:url(../images/box-body-left-b-b-blue.gif);}
#main #content .box.b-b-blue .body .side {background-image:url(../images/box-body-right-b-b-blue.gif);}
#main #content .box.b-b-blue .body .side .content {background:#EEF1F6;}
#main #content .box.b-b-blue .footer {background-image:url(../images/box-footer-left-b-b-blue.gif);}
#main #content .box.b-b-blue .footer .right {background-image:url(../images/box-footer-right-b-b-blue.gif);}

#main #content .box.w-b-blue .header {background-image:url(../images/box-header-left-w-b-blue.gif);}
#main #content .box.w-b-blue .header .right {background-image:url(../images/box-header-right-w-b-blue.gif);}
#main #content .box.w-b-blue .body {background-image:url(../images/box-body-left-w-b-blue.gif);}
#main #content .box.w-b-blue .body .side {background-image:url(../images/box-body-right-w-b-blue.gif);}
#main #content .box.w-b-blue .body .side .content {background:#EEF1F6;}
#main #content .box.w-b-blue .footer {background-image:url(../images/box-footer-left-w-b-blue.gif);}
#main #content .box.w-b-blue .footer .right {background-image:url(../images/box-footer-right-w-b-blue.gif);}

#main #content .box.w-w-red .header {background-image:url(../images/box-header-left-w-w-red.gif);}
#main #content .box.w-w-red .header .right {background-image:url(../images/box-header-right-w-w-red.gif);}
#main #content .box.w-w-red .body {background-image:url(../images/box-body-left-w-w-red.gif);}
#main #content .box.w-w-red .body .side {background-image:url(../images/box-body-right-w-w-red.gif);}
#main #content .box.w-w-red .footer {background-image:url(../images/box-footer-left-w-w-red.gif);}
#main #content .box.w-w-red .footer .right {background-image:url(../images/box-footer-right-w-w-red.gif);}

#main #content .box.w-w-white .header {background-image:url(../images/box-header-left-w-w-white.gif);}
#main #content .box.w-w-white .header .right {background-image:url(../images/box-header-right-w-w-white.gif);}
#main #content .box.w-w-white .body {background-image:url(../images/box-body-left-w-w-white.gif);}
#main #content .box.w-w-white .body .side {background-image:url(../images/box-body-right-w-w-white.gif);}
#main #content .box.w-w-white .body .side .content {background:#FFFFFF;}
#main #content .box.w-w-white .footer {background-image:url(../images/box-footer-left-w-w-white.gif);}
#main #content .box.w-w-white .footer .right {background-image:url(../images/box-footer-right-w-w-white.gif);}

#main #content .box.w-w-brown .header {background-image:url(../images/box-header-left-w-w-brown.gif);}
#main #content .box.w-w-brown .header .right {background-image:url(../images/box-header-right-w-w-brown.gif);}
#main #content .box.w-w-brown .body {background-image:url(../images/box-body-left-w-w-brown.gif);}
#main #content .box.w-w-brown .body .side {background-image:url(../images/box-body-right-w-w-brown.gif);}
#main #content .box.w-w-brown .body .side .content {background:#FFFFFF;}
#main #content .box.w-w-brown .footer {background-image:url(../images/box-footer-left-w-w-brown.gif);}
#main #content .box.w-w-brown .footer .right {background-image:url(../images/box-footer-right-w-w-brown.gif);}

#main #content .box.w-w-com .header {background-image:url(../images/box-header-left-w-w-com.gif);}
#main #content .box.w-w-com .header .right {background-image:url(../images/box-header-right-w-w-com.gif);}
#main #content .box.w-w-com .body {background-image:url(../images/box-body-left-w-w-com.gif);}
#main #content .box.w-w-com .body .side {background-image:url(../images/box-body-right-w-w-com.gif);}
#main #content .box.w-w-com .body .side .content {background:#FFFFFF;}
#main #content .box.w-w-com .footer {background-image:url(../images/box-footer-left-w-w-com.gif);}
#main #content .box.w-w-com .footer .right {background-image:url(../images/box-footer-right-w-w-com.gif);}

#main #content #liste-affilies .body .side .content {padding:1px 15px 1px 15px;}
#main #content #liste-affilies .body .side .content h2 {text-align:center;border-style:dashed;border-width:0 0 1px 0;padding:0 0 5px 0;margin-bottom:10px;}
#main #content #liste-affilies .body .side .content form {padding:0;margin:0;line-height:100%;}
#main #content #liste-affilies .body .side .content form fieldset {border:none;padding:0;margin:0;}
#main #content #liste-affilies .body .side .content form fieldset legend {font-weight:bold;padding:0;margin:0 0 5px -5px;}
#main #content #liste-affilies .body .side .content form fieldset label {display:block;text-align:left;font-size:10px;margin:0 0 10px 10px;height:20px;}
#main #content #liste-affilies .body .side .content form fieldset label.select {height:auto;}
#main #content #liste-affilies .body .side .content form fieldset label span {display:block;float:left;width:120px;}
#main #content #liste-affilies .body .side .content form fieldset label input {display:block;float:left;width:120px;margin:0;text-align:left;font-size:10px;color:#08337B;border:solid 1px #08337B;}
#main #content #liste-affilies .body .side .content form fieldset label select {display:block;margin:3px 0 0 10px;text-align:left;font-size:10px;color:#08337B;}
#main #content #liste-affilies .body .side .content form button {height:16px;line-height:10px;margin:0;padding:0;background:white;font-weight:bold;font-size:10px;color:#08337b;}

/*
 *	Pied de page
 */
#main #footer {clear:both;height:31px;padding-top:4px;background:no-repeat url(../images/main-footer.jpg);overflow:hidden;}
#main #footer form {display:block;float:left;height:12px;margin:0 0 0 10px;padding:0;}
#main #footer form label {font-weight:bold;font-size:11px;color:#08337b;}
#main #footer form label input {height:16px;margin:0 10px 0 5px;padding:0;width:110px;font-weight:normal;font-size:11px;color:#08337b;}
#main #footer form label > input {height:12px;}
#main #footer form button {height:16px;line-height:10px;margin:0;padding:0;background:white;font-weight:bold;font-size:10px;color:#08337b;}