/**********************************************************************/
/* Couleur et Background                                              */
/**********************************************************************/
body {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: #eeeeee url(/images/interface/background_vad.jpg) repeat-x top center;
}
a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong {
	color: #A1B55D;
}
/*--------------------------------------------------------------------*/
/* Conteneur central */
#main {
	background: url(/images/11-colgauche.png) repeat-y left top;
}
#main-bis {
	background: url(/images/11-coldroite.png) repeat-y right top;
}
/*--------------------------------------------------------------------*/
/* Contenu principal */
div#page {
	color:#000000;
}

div#page h1 {
	text-decoration:underline;
	padding-left:5px;
}

div#page table {
	text-align:left;
}

div#page td {
	padding-left:5px;
	padding-right:5px;
	font-size:11px;
	text-align:justify;
}

div#page th {
	text-align:left;
	font-size:11px;
}

div#page .titre {
	text-align:left;
	font-size:13px;
	padding-bottom:3px;
	border-bottom: solid 2px #d2d2d2;
}

div#page .soustitre {
	text-align:left;
	font-weight:normal;
	font-size:10px;
	padding-top:3px;
	padding-bottom:5px;
	color:#CCCCCC;
}

div#page .contenu {
	padding-bottom:5px;
	border-bottom:dashed 1px #d2d2d2;
}

div#page textarea {
	text-align:left;
	width:100%;
	height:150px;
	overflow:auto;
}

div#page .form {
	border-bottom:dashed 1px #d2d2d2;
}
/*--------------------------------------------------------------------*/
/* Contenu secondaire */
#menu_droit {
	background: #181A12;
}

/**********************************************************************/
/* POSITIONNEMENT                                                     */
/**********************************************************************/
/*--------------------------------------------------------------------*/
/* Page */
body {
	margin: 0;
	padding: 0;
}
/*--------------------------------------------------------------------*/
div#content {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------------*/
/* En-tête */
div#header {
	padding: 20px 0;
}
div#header h1 {
	margin: 0;
}
div#header h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
div#header .sous-titre {
	margin: 4px 0 15px 0;
}
/**********************************************************************/
/* Bloc central */
div#main-bis {
	width: 100%;
	overflow: hidden;
}
/*--------------------------------------------------------------------*/
/* Menu GAUCHE */
div#menu {
	float: left;
	width: 170px;
	background:url(../images/interface/background_menu_titre.png) repeat-x;
}
div#menu h1 { 
	padding:4px 0 0 0;
	margin:0 0 -15px 0;
	text-align:center;
}
/*--------------------------------------------------------------------*/
/* Contenu principal */
div#page {
	margin-left: 180px;
	margin-right: 240px;
	padding: 10px 20px;
}
div#page > :first-child {
	margin-top: 10px;
}
div#page p, div#menu li {
	line-height: 1.5;
}
/*--------------------------------------------------------------------*/
/* Menu DROIT */
div#menu_droit {
	float: right;
	width: 230px;
	padding: 12px 20px;
	background:url(../images/interface/background_menu_titre.png) repeat-x;
}
/*--------------------------------------------------------------------*/
/* Pied de page */
div#about {
	margin: 0;
	background: url(/images/interface/bg.png) repeat-y top center;
	padding-top:20px;
}

div#text_about{
	border-top:dashed 1px #d2d2d2;
	margin: 0px 52px 0px 52px;
	padding: 5px 0px 5px 0px;
	text-align:center;
	color:black;
}

/********************************************************/
/* Header - Menu                                        */
/********************************************************/
#header ul {
	height: 150px;
	list-style-type: none;
	background: url(../images/interface/header_own-you.jpg) top center no-repeat;
	margin:0 0 15px 0;
	padding:0 1px 0 0;
}

li#morsultimaratio {
	margin-right:50px;
}

#header_menu li {
	margin-top:129px;
	float: right;
}

#header_menu li a:link, #header_menu li a:active, #header_menu li a:visited {
	display: block;
	background:url(../images/interface/header_button_own-you_bottom.png) top no-repeat;
	height: 21px;
	width: 109px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	padding-top:3px;
	color:black;
	letter-spacing:2px;
}

#header_menu li a:hover {
	background:url(../images/interface/header_button_own-you_bottom_hover.png) top no-repeat;
}

#header_menu li {
	padding-right:6px;
}	

/********************************************************/
/* Menu Gauche                                          */
/********************************************************/
ul#menu_principal {
	margin: 3px 15px 0 30px;
	padding: 20px 2px 5px 0;
	text-align: left;
	font-size: 12px;
	list-style-type: none;
}

ul#menu_principal li { 
	padding: 1px 0;
	background:url(../images/interface/separation_menu.png) bottom no-repeat;
}

ul#menu_principal li a:link, 
ul#menu_principal li a:visited,
ul#menu_principal li a:active, 
ul#menu_principal li a:hover {
	text-decoration: none;
}

ul#menu_principal li a:link, ul#menu_principal li a:visited {
	display: block;
	padding: 1px;
}

ul#menu_principal li a:active, ul#menu_principal li a:hover  {
	color: #eee;
	background-color: #333;
}

/**************************************************************/
ul#menu_principal li.menu_principal_sub ul {
	padding: 0 0 0 3px;
	margin:0;
}

ul#menu_principal li.menu_principal_sub ul li  {
	list-style-type: none;
	list-style-image: none;
	background:none;
	font-size: 11px;
}

ul#menu_principal li.menu_principal_sub ul li a:link, 
ul#menu_principal li.menu_principal_sub ul li a:visited {
	display: block;
	padding: 1px;
}

ul#menu_principal li.menu_principal_sub ul li a:active, 
ul#menu_principal li.menu_principal_sub ul li a:hover {
	color: #eee;
	display: block;
	padding: 1px;
}

ul#menu_principal li.menu_principal_sub p {
	padding: 0;
	margin : 0;
}

/**************************************************************/
ul#menu_principal li.menu_principal_sub ul li ul {
	padding: 0 0 0 10px;
	margin:0;
}

ul#menu_principal li.menu_principal_sub ul li ul li{
	list-style-type: none;
	list-style-image: none;
	background:none;
	font-size: 10px;
}

ul#menu_principal li.menu_principal_sub ul li ul li a:link, 
ul#menu_principal li.menu_principal_sub ul li ul li a:visited {
	display: block;
	padding: 1px;
}

ul#menu_principal li.menu_principal_sub ul li ul li a:active, 
ul#menu_principal li.menu_principal_sub ul li ul li a:hover {
	color: #eee;
	display: block;
	padding: 1px;
}

ul#menu_principal li.menu_principal_sub ul li p {
	padding: 0;
	margin : 0;
}
/********************************************************/
/* Menu Droit                                           */
/********************************************************/
ul#menu_principal_droit {
	margin: 3px 5px 0 5px;
	padding: 20px 2px 5px 0;
	text-align: left;
	font-size: 10px;
	list-style-type: none;
}

ul#menu_principal_droit li { 
	padding: 1px 0; 
}

ul#menu_principal_droit li a:link, 
ul#menu_principal_droit li a:visited,
ul#menu_principal_droit li a:active, 
ul#menu_principal_droit li a:hover, 
li#menu_principal_division_droit ul li a:link, 
li#menu_principal_division_droit ul li a:visited, 
li#menu_principal_division_droit ul li a:active, 
li#menu_principal_division_droit ul li a:hover  {
	text-decoration: none;
}

ul#menu_principal_droit li a:link, ul#menu_principal_droit li a:visited {
	display: block;
	padding: 1px;
}

ul#menu_principal_droit li a:active,ul#menu_principal_droit li a:hover  {
	color: #eee;
	background-color: #333;
}

/********************************************************/
/* Module - Commentaire                                 */
/********************************************************/
div#commentaire .titre {
	text-align:left;
	font-size:11px;
	padding-bottom:0px;
	padding-top:10px;
	border-bottom: none;
}

div#commentaire textarea {
	width:100%;
	height:60px;
	overflow:auto;
}

div#commentaire h1 {
	font-size:12px;
}

/********************************************************/
/* Module - Forum                                       */
/********************************************************/
div#forum table {
	text-align:left;
	width:100%;
}

div#forum table tr th.titreforum {
	text-align:center;
	background:url(../images/interface/background_menu_titre.png) repeat-x;
	font-size:12px;
}

div#forum table tr th.soustitreforum {
	text-align:left;
	padding-top:2px;
	font-size:11px;
}

div#forum table tr td.contenuforum0 {
	text-align:left;
}

div#forum table tr td.contenuforum1 {
	text-align:left;
}

div#forum table tr td.avatarforum0 {
	text-align:left;
}

div#forum table tr td.avatarforum1 {
	text-align:left;
}

div#forum table tr td.avatarforum0 img {
	padding:0;
	margin:0;
	border:none;
	max-height:100px;
	max-width:100px;
}

div#forum table tr td.avatarforum1 img {
	padding:0;
	margin:0;
	border:none;
	max-height:100px;
	max-width:100px;
}

div#forum table tr td.quoteforum0 {
	text-align:left;
	font-style:italic;
	border-bottom:1px solid black;
	vertical-align:bottom;
}

div#forum table tr td.quoteforum1 {
	text-align:left;
	font-style:italic;
	border-bottom:1px solid black;
	vertical-align:bottom;
}

div#forum table tr.listeforum0 td {
	text-align:left;
	border-bottom:1px solid black;
}

div#forum table tr.listeforum1 td {
	text-align:left;
	border-bottom:1px solid black;
}

.BBButtons img {
	border:1px solid black; 
	background:url(../images/interface/background_menu_titre.png) repeat-x;
	margin:1px;
}

/********************************************************/
/* Autre                                                */
/********************************************************/
h1 {
	color:#696666;
	font-weight:bold;
	font-size:14px;
	font-family:Tahoma, "Arial Black";
}
h2 {
	color:#696666;
	font-weight:bold;
	font-size:12px;
	font-family:Tahoma, "Arial Black";
}

h3 {
	color:#696666;
	font-weight:bold;
	font-size:11px;
	font-family:Tahoma, "Arial Black";
}

caption {
	font-size:12px;
	font-weight:bold;
}

img {
	padding:0;
	margin:0;
	vertical-align:middle;
}

/* A RANGEr */
a:link {
	text-decoration: none;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
}

a:visited {
	text-decoration: none;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
}

a:active {
	text-decoration: none;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
}

a:hover {
	text-decoration:underline;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
}

.separation {
	border-bottom:dashed 1px #d2d2d2;
	width: 100%;
	margin-top:10px;
	margin-bottom:10px;
}

.separation hr {
	display: none;
}

input, textarea {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:black;
	padding: 1px 1px 1px 1px;
	border-style:solid;
	border-width: 1px;
	border-color:black;
	overflow:hidden;
	vertical-align:middle;
}

.noborder {
  border:none;
}

input.small {
  width:60px;
}

input.medium {
  width:75px;
}

input.standard {
  width:150px;
}

input.large, textarea.large {
  width:200px;
}

input.checkbox {
  border:none;
}

form {
	margin:0;
	padding:2px 0 2px 0;
}

select {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:black;
	padding: 1px 1px 1px 1px;
	border-style:solid;
	border-width: 1px;
	border-color:black;
	vertical-align:middle;
}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}


th {
	font-weight:bold;
	padding-left:2px;
}

label {
	padding-left:5px;
}

.er {
	color:red;
}

.ok {
	color:green;
}

.warn {
	color:#FF6600;
}

.inv {
	color:#DDDDDD;
}

.floatLeft {
	float:left;
	padding-right:10px;
}

.iframe_sub {
	margin:0px;
	padding:0px;
	border:solid purple 1px;
}

.iframe_std {
	margin:0px;
	padding:0px;
	border:solid black 1px;
}

.button_std {
	cursor:pointer;
}

/********************************************************/
/* Module - Calendrier                                  */
/********************************************************/
#monCalendrier {
	margin: 20px 0 0 0;
	padding: 0;
}

.calendar_simple {
	width:15px;
	height:15px;
	background-color:#EEEEEE;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:1px;
}

.calendar_today {
	background-color:#FFFFFF;
	border:1px dotted #222222;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	text-align:center;
	padding:1px;
}

td.calendar_link { 
	background-color:#EEEEEE;
	font-size:10px;
	text-align:center;
	padding:1px;
}

td.calendar_link a:link,
td.calendar_link a:visited {
	text-align:center;
	background-color:#F49073;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	display:block;
	padding:1px;
}

td.calendar_link a:hover{
	background-color:#DDDDDD;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	display:block;
	padding:1px;
}

td.calendar_todayLinked{
	border:1px dotted #222222;
	background-color:#F49073;
	font-size:9px;
	padding:1px;
}

td.calendar_todayLinked a:link,
td.calendar_todayLinked a:visited {
	background-color:#FF0000;
	text-decoration:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bolder;
	display:block;
	padding:1px;
}

td.calendar_todayLinked a:hover{
	background-color:#EEEEEE;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bolder;
	padding:1px;
}

.calendar_weekDays{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:white;
	text-align:center;
	padding:1px;
}

td.calendar_heading{ 
	background-color:#EEEEEE;
	font-size:11px;
	text-align:center;
	padding:1px;
	width:162px;
}

td.calendar_heading a:link,
td.calendar_heading a:visited {
	background-color:#EEEEEE;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	display:block;
	padding:1px;
}

td.calendar_heading a:hover{
	background-color:#333;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	display:block;
	padding:1px;
}

/********************************************************/
/* Module - Petit Calendrier  JS                        */
/********************************************************/
#basis {
  display:inline;
  position:relative;
}

#calender {
  position:absolute;
  top:0;
  left:0;
  width:220px;
  background-color:#fff;
  border:1px solid black;
  padding:10px;
  z-index:10;
}

#control {
  text-align:center;
  margin:0 0 5px 0;
}

#calender .controlPlus {
  padding:0 5px;
  text-decoration:none;
  color:#333;
}

#calender table {
  empty-cells: show;
  width:100%;
  font-size:11px;
  table-layout:fixed;
}

#calender .weekdays td{
  text-align:right;
  padding:1px 5px 1px 1px;
  color:#333;
}

#calender .week td {
  text-align:right;
  cursor:pointer;
  border:1px solid #fff;
  padding:1px 4px 1px 0;
}

#calender .week .today { 
  background-color:#46518C;
  border-color:#46518C;
  color:white;
}

#calender .week .holiday {
  font-weight: bold;
  background-color:#cdcdcd;
}

#calender .week .hoverEle {
  border-color:#666;
  background-color:#141161;
  color:white;
}