/* CSS Document by HUGO SOUCY */
*{
	margin:0;
	padding:0;
}
body {
	behavior:url("js/csshover.htc");/*Permet à IE de comprendre les :hover*/
	background:#ccc url(../images/body-bkg-pattern.gif) repeat top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	text-align:center;}
fieldset {border:none;}
input, select, textarea {border:1px solid #ccc;font-size:xx-small;margin-top:2px;}
form input[type="submit"] {font-size:x-small;}
form textarea {font-size:small;margin-top:2px;}
form label {}
form label.invalidField {color:#DD232E;}
label.invalidField {color:#DD232E;}
.warning {clear:both;color:#DD232E;font-weight:bold;}
.changeApply {color:#1B9919;font-weight:bold;}
.subForm {background:#e1e1e1;border:1px solid #ccc;margin:5px 10px 5px 10px;padding:5px;}
h2 {font-size:small;}
h3 {margin:5px 0 5px 0;font-size:x-small;}
hr {
	display:block;
	height: 1px;
	margin: 0 !important;
	margin: -7px 0;
	padding: 0;
	border: 0;
	background:#fff;border:none;border-bottom:1px dotted #ccc;
}
img {border:none;}
p, dl {margin: 10px 0 10px 0;}
p strong {font-size:1.1em;}
	
/*CANEVAS de la mise en page*/
#container {background:transparent;margin:auto;width:880px;height:600px;text-align:left;}

/*Section HEADER*/
#header {}
#menuHtml {position:relative;top:20px;left:25px;}
#menuHtml ul li {display:inline;margin: 0 10px 0 0;padding:0 10px 1px 0;text-decoration:none;}
#menuHtml ul li.sep {border-right:1px solid #b9b9b9;}
#menuHtml ul li a {color:#b9b9b9;text-decoration:none;}
#menuHtml li a:hover {color:#fff;}
/*HACK ALPHA PNG Seulement vue par IE*/
div#logoHeader {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header-logo-rodi.png');
	background: none;float:left;width:257px;height:133px;}
/*FIN///HACK ALPHA PNG Seulement vue par IE*/
div#logoHeader[id] {background:transparent url(../images/header-logo-rodi.png) no-repeat top left;float:left;width:257px;height:133px;}	
div#logoHeader h1 a {display:block;position:relative;top:50px;text-decoration:none;width:150px;height:75px;}
div#logoHeader h1 span {display:none;}
#menuHeader {float:left;width:623px;height:133px;}
#menuHeader object {width:623px;height:133px;}

/*WRAPPER*/
#wrapper {float:left;width:880px;height:464px;}
/*HACK ALPHA PNG Seulement vue par IE*/
#wrapperRight {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bkg-content.png');
	background: none;float:right;width:580px;height:464px;}
/*FIN///HACK ALPHA PNG Seulement vue par IE*/
#wrapperRight[id] {background:transparent url(../images/bkg-content.png) no-repeat top left;/*border:1px solid blue;*/float:right;width:580px;height:464px;}

/*Là où le CONTENU s'affiche*/
#content {background:transparent;color:#626262;line-height:1.3em;margin:0;padding-left:30px;position:relative;top:40px;right:45px;width:548px;height:381px;z-index:100;}
#content .borderNone {border:none;}
#content h2 {position:relative;top:0;right:30px;}
#content h2 span {position:absolute;text-indent:-999em;}
#content p {text-align:justify;}
#content form p {text-align:left;}
#content a {color:red;font-weight:normal;text-decoration:none;}
/*#content a.crossBoxLink {
	background:transparent url(../images/cross-box-off.png) no-repeat right center;
	margin:0;
	padding:0 13px 0 0;width:9px;height:9px;}		
#content a:hover.crossBoxLink {background:transparent url(../images/cross-box-on.png) no-repeat right center;}
#loadCrossBoxOn {background:transparent url(../images/cross-box-on.png) no-repeat right center;position:absolute;text-indent:-999em;}*/
#content .crossBoxLink .crossBox {
	background:transparent url(../images/cross-box-all.png) no-repeat 0 0;
	width:9px;height:9px;}
#content .crossBoxLink:hover img.crossBox {background:transparent url(../images/cross-box-all.png) no-repeat 0 -9px;}
#content ul, #content ol {margin:10px 0 0 30px;}
#content ul li, #content ol li {line-height:1.5em;}
#boxChangePage {/*border:1px solid aqua;*/position:absolute;bottom:-30px;left:30px;width:548px;height:40px;text-align:right;}
#switchPage {/*border:1px solid yellow;*/position:absolute;top:0;right:0;width:175px;}
#switchPage ul {margin:0;padding:0;}
#switchPage ul li {display:inline;list-style:none;}
.actionBtn {
	background:#D32929 url(../images/bkg-menu-private.png) repeat-x 0 0;
	border:1px solid #ccc;
	color:#fff;
	cursor:pointer;
	font-size:9px;
	margin:0;
	padding:3px !important;
	padding:2px 0 2px 0;
	text-decoration:none;
	text-align:center;}
.actionBtn:hover {background:#D32929;}

/**/
#navigation {}

/**/
#extra {}

/*Le PIED-DE-PAGE*/
#footer {text-align:right;}
#footer ul li {display:inline;margin: 0 10px 0 0;padding:0 10px 1px 0;text-decoration:none;}
#footer ul li a {color:#b9b9b9;text-decoration:none;}
#footer li a:hover {color:#fff;}
#footer #griffeKryzalid {float:left;margin:0 0 0 40px;}
#footer a#griffeKryzalid {color:#b9b9b9;text-decoration:none;}
#footer a#griffeKryzalid:hover {color:#fff;}

/*Message d'erreur*/
#error{position:absolute;top:100px;left:0px;width:500px;border:1px solid #CC0000; background:#FFF url(../images/icon_error.gif) no-repeat 6px 10px;}
#error div {}
#error .main {border:2px solid #CC0000;margin:3px;}
#error .close {float:right; left:500px; top:10px; text-align:center; vertical-align:middle; font-size:11px; color:#CC0000; font-weight:bold; padding:2px; cursor:pointer;}
#error .message {font-size:10px; color:#CC0000; font-weight:bold; margin:18px 10px 18px 36px; vertical-align:middle;}

#confirmation{position:absolute;top:100px;left:0px;width:500px;border:1px solid #1B9919; background:#FFF url(../images/icon_confirmation.gif) no-repeat 6px 10px;}
#confirmation .main {border:2px solid #1B9919;margin:3px;}
#confirmation .close {float:right; left:500px; top:10px; text-align:center; vertical-align:middle; font-size:11px; color:#1B9919; font-weight:bold; padding:2px; cursor:pointer;}
#confirmation .message {font-size:10px; color:#1B9919; font-weight:bold; margin:18px 10px 18px 36px; vertical-align:middle;}