/****************************************************************************
*                                                                           *
*                  Copyright (c) 2008-2010 Nicolas BIDET                    *
*                               OUAPI pack                                  *
*        License http://www.gnu.org/licenses/ GNU/GPL Public License        *
*                                                                           *
****************************************************************************/

/* Header */
.topmenu {
 width:97%;
  margin-left:auto; 
  margin-right:auto;
}

.button {
  margin:0px;
  background-color:#669DF0;
  border:2px solid #2956B2;
  border-bottom:0px;
  float:left;
  margin-left:3px;
  margin-bottom:0px;
  margin-top:10px;
  padding:4px;
  height:22px;
  color:white;
  font-size:11px;
}

.button_right {
  margin:0px;
  background-color:#669DF0;
  border:2px solid #2956B2;
  border-bottom:0px;
  float:right;
  margin-right:3px;
  margin-bottom:0px;
  margin-top:10px;
  padding:3px;
  height:24px;
}

p.button_right:hover {
  margin:0px;
  background-color:#FF9911;
  border:2px solid #FFFFFF;
  border-bottom:0px;
  float:right;
  margin-top:10px;
  margin-right:3px;
  margin-bottom:0px;
  padding:3px;
  height:24px;
  -moz-transition-property: background-color, border;
  -moz-transition-duration:1s;
  -moz-transition-timing-function: ease;
  -webkit-transition-property: background-color, border;
  -webkit-transition-duration:1s;
  -webkit-transition-timing-function: ease;
}

.cat_title {
  padding-bottom:4px;
  color:#FF9911;
  font-size:16px;
  font-weight:bold;
  border-bottom:2px solid #2956B2;
  margin-right:auto;
  margin-left:auto;
  width:100%;
}

.cat_title2 {
  padding-bottom:4px;
  color:#FF9911;
  font-size:12px;
  font-weight:bold;
  border-bottom:2px solid #CCDBFF;
  margin-right:auto;
  margin-left:auto;
  width:100%;
}

/* Général */

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin: 0px;
  background-color:#669DF0;
  background-image: -moz-linear-gradient(top,#1A283D, #669DF0);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#1A283D),to(#669DF0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1A283D, endColorstr=#669DF0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1A283D, endColorstr=#669DF0)";
  background-repeat: no-repeat; 

}

img {
  vertical-align:middle;
}

a:link, a:visited {
    color: #000000;
	text-decoration: underline;
    font-weight:normal;
}

a:hover, a:active {
    color: #000000;
    text-decoration: none;
    font-weight:normal;
}

.toolbox {
  float:left;
  margin-top:0;
  margin-left:5px;
  font-size:11px;
  border:2px solid #2956B2;
  border-top:0px;
  padding:2px;
  padding-left:10px;
  padding-right:10px;
  background-color:#CCDBFF;
  height:16px;
}

.body {
  border-top:4px solid #2956B2;
  width:96%;
  padding:10px;
  padding-top:12px;
  padding-bottom:22px;
  margin-left:auto; 
  margin-right:auto;
  background-color:#FFFFFF;
}

.table {
  width:100%;
  margin-left:auto; 
  margin-right:auto;
  margin-top:10px;  
}

.titre2  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight:bold;
  color:white;  
  border:1px solid #669DF0;
  background-color:#2956B2;
  background-image: -moz-linear-gradient(left,#2956B2, #669DF0);
  background-image: -webkit-gradient(linear,left center,right center,from(#2956B2),to(#669DF0));
  padding:2px;
  padding-left:4px;
  padding-right:4px;

}

.titre3  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight:bold;
  border:1px solid #2956B2;
  background-color:#CCDBFF;  
  background-image: -moz-linear-gradient(left,#CCDBFF, #EDF3FF);
  background-image: -webkit-gradient(linear,left center,right center,from(#CCDBFF),to(#EDF3FF));
  padding-left:4px;
  padding-right:4px;
}

.titre4  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight:bold;
  background-color:#EAEAEA;  
  border:1px solid black;
  padding-left:4px;
  padding-right:4px;
}

.row1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  border:1px solid #2956B2;
  padding:1px;
  padding-left:4px;
  padding-right:4px;
  background-color:white;
}

.row_spec {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  border:1px solid #2956B2;
  background-color:red; 
  padding:1px;  
  padding-left:5px;
}

tr.liste:hover td {
  -moz-transition-property: background-color;
  -moz-transition-duration:1s;
  -moz-transition-timing-function: ease;
  -webkit-transition-property: background-color;
  -webkit-transition-duration:1s;
  -webkit-transition-timing-function: ease;
  background-color:#FF9911;
  cursor:default;
}

div.textbox {
  width:100%;
  margin-top:10px;
}

div.legend {
  width:99%;
  margin-top:15px;
  border:2px solid #2956B2;
  padding:4px;
}

div.information {
  width:99%;
  margin-top:15px;
  margin-bottom:15px;
  border:2px solid #2956B2;
  background-color:#CCDBFF;
  padding:8px;
  padding-right:0;
  overflow:auto;
}

.warning {
  width:99%;
  margin-top:15px;
  margin-bottom:15px;
  padding:8px;
  padding-right:0;
  overflow:auto;
  border: 1px solid #2D446A;
  background-color:#FF9911;
  font-size:14px;
  color:black;
}

div.leftmenu {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  margin-top:6px;
  background-color:#CCDBFF;
  border: 2px solid #2956B2;
  float:left;
  width:25%;
  padding:5px;
  height:98%;
}

div.rightmain {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  margin-top:6px;
  border: 2px solid #2956B2;
  padding:5px;
  float:right;
  width:72%;
  height:98%;
}

.contenu {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin-left: 10px;
  margin-right: 10px;
  margin-top:5px;
  padding:2px;
  text-align:justify;
}

.contenu#mess_retour {
  border: 1px solid #2D446A;
  background-color:#CCDBFF;
  margin-top:150px;
  margin-bottom:150px;
  text-align:center;
  padding:20px;
  font-size:14px;
  font-weight:bold;
  color:#FF9911;
}

.contenu#warning {
  border: 1px solid #2D446A;
  background-color:#FF9911;
  margin-top:150px;
  margin-bottom:150px;
  text-align:center;
  padding:20px;
  font-size:14px;
  font-weight:bold;
  color:black;
}

.contenu#alert {
  background-color:#CCDBFF;
  border: 2px solid #FF0000;
  margin-top:120px;
  margin-bottom:150px;
  text-align:center;
  padding:20px;
  font-size:12px;
  font-weight:bold;
  color:#FF0000;
}

.no_record {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color:#FF9911;
  border:1px solid black;
  background-color:#CCDBFF; 
  margin:auto;
  margin-top:50px;
  margin-bottom:40px;
  font-weight:bold;
  padding-top:10px;
  padding-bottom:10px;
  width:100%;
  text-align:center;
}

.help {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  border:1px solid black;
  background-color:#FFFF40; 
  margin-left:auto; 
  margin-right:auto;
  margin-top:25px;
  margin-bottom:20px;
  border:2px solid #2956B2;
  padding:10px;
  width:85%;
}

div.inbulle {
  background-color:#CCDBFF;
  padding:5px;
  border:2px dashed #FF9911;
}

/* footer */

.copyright {
  border-top:4px solid #2956B2;
  width:96%;
  padding:10px;
  margin-left:auto; 
  margin-right:auto;
  background-color:#2D446A;
  color:#FFFFFF;
  text-align:center;
}

/* Formulaire */

form {
  margin:0;
  padding:0;
}

label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin-top:2px;
  position:absolute;
  line-height:22px;
  margin-top:3px;
  margin-left:10px;
  width:172px;
}

select, input, textarea {
  margin-left:180px;
  margin-right:20px;
  width:250px;
  line-height:22px;
  margin-top:5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  border:1px solid #2956B2;
}

select {
  margin-right:22px;
}

input#large, select#large, textarea#large, span.valeur#large {
  width:355px;
}

select#ocs, input#ocs, textarea#ocs, span.valeur #ocs{
  margin-left:2em;
}

input:hover, input:active, textarea:hover,textarea:active {
  border:1px solid #2D446A;
  background-color:#EDF3FF;
  -moz-transition-property: background-color, border;
  -moz-transition-duration:1s;
  -moz-transition-timing-function: ease;
  -webkit-transition-property: background-color, border;
  -webkit-transition-duration:1s;
  -webkit-transition-timing-function: ease;
}

input#required, select#required {
  border:1px solid #FF0000;
}

input#ok, select#ok {
  border:1px solid #00FF00;
}

select.site, input.site {
  font-size:0.9em;
  height:19px;
  margin:0px;
  width:100px;
}

/* Moteur de recherche */

input.search_field {
  height:16px;
  font-size:1em;
  margin:0px;
  width:auto;
  display:inline;
  vertical-align:middle;
}

input.search {
  margin:0px;
  margin-right:3px;
  height:18px;
  width:18px;
  display:inline;
  vertical-align:middle;
}

.search_title1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  color:#FFFFFF;
  background-color: #2956B2;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:5px;
  padding:2px;
  border:1px solid #669DF0;
}

.search_title2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight:bold;
  color: #686995;
  padding-top:5px;
  padding-bottom:5px;
}

.search_result{
  font-family: Arial, Helvetica, sans-serif;
  margin-right:auto;
  margin-left:1%;
  margin-top:5px;
  margin-bottom:5px;
  background-color: white;
  border-top:1px solid #686995;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:5px;
  line-height:1em;
}

.search_result:hover {
  font-family: Arial, Helvetica, sans-serif;
  margin-right:auto;
  margin-left:1%;
  margin-top:5px;
  margin-bottom:5px;
  background-color: #EDF3FF;
  border-top:1px solid #FF9911;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:5px;
  line-height:1em;
  -moz-transition-property: background-color, border;
  -moz-transition-duration:1s;
  -moz-transition-timing-function: ease;
  -webkit-transition-property: background-color, border;
  -webkit-transition-duration:1s;
  -webkit-transition-timing-function: ease;
}

.no_result{
  font-family: Arial, Helvetica, sans-serif;
  margin-right:auto;
  margin-left:1%;
  margin-top:5px;
  margin-bottom:5px;
  background-color: white;
  padding-left:10px;
  padding-right:10px;
  text-align:center;
}

a.search_link:link , a.search_link:visited , a.search_link:hover ,a.search_link:active  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #9899C5;
}

.search_thissite {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  float:left;
  color:#FF9911;
  font-weight:bold;
  border:1px solid #686995;
  border-top:0;
  padding:5px;
  margin-right:10px;
}

.search_othersite {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  float:left;
  border:1px solid #686995;
  border-top:0;
  padding:5px;
  margin-right:10px;
}

/* Calendrier */
input.calendrier {
  width:auto;
}

select.calendrier {
  margin-left:3px;
  width:auto;
}

.resa_complday {
  font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:gold;
	padding:1px;
	padding-top:15px;
	padding-bottom:15px;
	margin:0px;
	border: 1px outset black;
	text-align:center;
}

.resa_hour{
  font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#CCDBFF;
	padding:4px;
	margin-bottom:1px;
	border: 1px outset black;
	text-align:left;
}

.resa_hour_light {
  font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#CCDBFF;
	margin-bottom:1px;
	border: 1px outset black;
	text-align:left;
}

/*** Boutons *****/
button{
    display:block;
    float:right;
    margin:2px 7px 2px 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;    
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    text-decoration:none;
    font-weight:bold;
    color:#000063;
    cursor:pointer;
}
button{
    width:auto;
    overflow:visible;
    padding:2px 8px 2px 7px; /* IE6 */
}
button[type]{
    padding:1px 8px 1px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:1px 8px 1px 7px; /* IE7 */
}

/* STANDARD */

button:hover, .menufixe a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

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




/* Général */






input.non_form, select.non_form {
  margin:auto;
  width:auto;
  vertical-align:middle;
}




/* */

.row {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
}

.row_alert{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color:red;
  border:1px solid red;
  font-weight:bold;
  padding:20px;
}




.col_alert{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color:red;
  border:1px solid red;
  padding:1px;
  font-weight:bold;
}

.col_none{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  border:1px solid black;
  padding:1px;
  font-style:italic;
}


/* Popup */
.action  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  border:1px solid black;
  text-align:center;
  margin:5px;
}

/* Bas de page */
 .footer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color:#A8A8A8;
  margin:0px;
  margin-top:-4px;
  padding-left: 2px;
  padding-top:0px;
}

/********* DEBUG *********/
.debug_box {
  border: 1px solid black;
  background-color:#DDDD00;
  float:center;
  margin:10px;
  padding:5px;
}