/**********************************************************************/
/* @file site.css                          	          		          */
/* @brief Ce fichier met en forme l'intranet du CDES                  */
/**********************************************************************/
/* @htmlinclude copyright_mediaprojets.html                		      */
/* @since 2011-01-20                                       		      */
/* @date 2011-01-20                                       		      */
/* @author Didier RIBIERE                                  		      */
/**********************************************************************/

/**********************************************************************/
/*  STYLE GENERAL                                                     */
/**********************************************************************/

body { background-color: #FFFFFF; font-family: arial, sans-serif; font-size: 1em; width: 100%; margin: 0px auto 0px auto; padding: 0px; overflow: scroll; }
ol, ul, li { margin: 0px; padding: 0px; }
ul { list-style-type: none; }
img { border: 0px; }
a { text-decoration: underline; color: black; }
th { text-align: center; }
.crossbrowser { font-size: 0.7em; padding-top: 3px; text-align: right; }
.crossbrowser a { color: blue!important; }
.autocomplete { font-style: italic; width: 250px; border: 2px solid black; }
.succes { font-size: 0.8em; color: #0000FF!important; text-align: center; }
.echec { font-size: 0.8em; color: #FF0000!important; text-align: center; }
.ui-autocomplete { z-index: 1000!important; }

div#temps_exec { width: 1250px; height: 20px; margin-left: 5px; padding: 0px; }
#debug { clear: both; }

/**********************************************************************/
/*  SITE                                                              */
/**********************************************************************/

div#site { background: #FFFFFF; width: 1250px; height: 620px; border-collapse: collapse; margin: 0px auto 0px auto; padding: 0px; }
div#site a { text-decoration: none; }

div#site div#loading { width: 1250px; height: 1000px; text-align: center; border-collapse: collapse; margin: 0px; padding: 0px; position: absolute; z-index: 99999; display: none; }
div#site div#loading img { margin: 350px 0px 0px 0px; }

div.message { width: 1000px; height: 15px; font-size: 0.8em; text-align: center; margin: 10px 0px 0px 0px; position: relative; float: right; }

/**********************************************************************/
/*  MENU                                                              */
/**********************************************************************/

div#tete { width: 1250px; height: 120px; }
div#logo { width: 250px; height: 120px; text-align: center; position: relative; float: left; }
div#logo img {padding-top: 10px; width: 162px; height: 102px; }
div#menu { width: 1000px; height: 55px; position: relative; float: left; margin: 35px 0px 0px 0px; }
div#menu div#developpement { background: grey; font-weight: bold; font-size: 11px; color: white; width: 1000px; height: 28px; margin: -35px 0px 2px 0px; position: absolute; overflow: hidden; float: left; }
div#menu div#developpement li.notice { padding-left: 5px; }
div#menu div#developpement:hover { background: grey; height: 600px; overflow: scroll; position: absolute; z-index: 1000; }
div#menu div#developpement:hover li.notice { visibility: hidden; }
div#menu div#fil { width: 600px; height: 24px; position: relative; float: left; }
div#menu div#fil span.module { font-weight: bold; font-size: 18px; }
div#menu div#fil span.rubrique { font-weight: bold; font-size: 10px; }
div#menu div#fil span.sous_rubrique { font-weight: bold; font-size: 10px; }
div#menu div#connexion { width: 200px; height: 24px; text-align: right; padding: 0px 10px 0px 0px; position: relative; float: left; }
div#menu div#connexion img { margin: 0px 8px 0px 0px; }
div#menu div#deconnexion { width: 10px; height: 24px; position: relative; float: left; }
div#menu div#raccourcis { width: 124px; height: 24px; position: relative; float: right; }
div#menu div#raccourcis div.acces_module { width: 12px; height:	12px; position: relative; float: left; margin: 0px 0px 0px 10px; }
div#menu div#raccourcis div.module_courant { width: 24px; height: 24px; position: relative; float: left; margin: 0px 0px 0px 10px; }
div#menu div#raccourcis a.lien_module { width: 12px; height: 12px; display:	block; }
div#menu div#rubriques { width: 1000px; height:	30px; position: relative; float: left; }
ul.rubrique { font-weight: bold; font-size: 11px; list-style: none; padding: 0px 20px ; margin: 0; float: left; font-size: 11px; }
ul.rubrique li { float: left; margin: 0; padding: 0 15px 0 0; position: relative; }
ul.rubrique li a { color:#FFFFFF; text-decoration: none; padding: 8px 5px; display: block; float: left; }
ul.rubrique li a { padding-bottom: 9px\9;}
ul.rubrique li ul.sous_rubrique { width: 230px; left: -20px; top: 28px; margin: 0; padding: 0; border: 1px solid;border-top: 2px solid; list-style: none; display: none; position: absolute; float: left; z-index: 500; }
ul.rubrique li ul.sous_rubrique li { width: 227px; color: #FFFFFF; margin: 0; padding: 0px 0px 0px 3px; clear: both; }
ul.rubrique li ul.sous_rubrique li a { width: 210px; color: #FFFFFF; float: left; padding-left: 20px; }
ul.rubrique li ul.sous_rubrique li:hover { background: #FFFFFF; }
ul.rubrique li ul.sous_rubrique li:hover a { color: #000000; }

/**********************************************************************/
/*  EXPORTS                                                           */
/**********************************************************************/

input.courrier{ background: url('../images/export_courrier.png') transparent no-repeat; border: 0px !important; height: 36px; width: 38px; text-indent: -999999em; margin-right: 5px; cursor: pointer; }
input.etiquette{ background: url('../images/export_etiquette.png') transparent no-repeat; border: 0px !important; height: 36px;	width: 38px; text-indent: -999999em; margin-right: 5px; cursor: pointer; }
input.mail, input.mail_personne, input.email_consenti { background: url('../images/export_mail.png') transparent no-repeat; border: 0px !important; height: 36px; width: 38px; text-indent: -999999em; margin-right: 5px; cursor: pointer; }
input.complet{ background: url('../images/export_complet.png') transparent no-repeat; border: 0px !important; height: 36px; width: 38px; text-indent: -999999em; margin-right: 5px; cursor: pointer; }

/**********************************************************************/
/*  CHOIX TYPE ETUDE CONSEIL                                          */
/**********************************************************************/

div#choix_type_etude_conseil a { font-size: 1.8em; font-weight: bold; color: #337920; text-decoration: underline; }
div#choix_type_etude_conseil span { margin-left: 10px; }
div#convention { width: 275px; margin: 150px auto 0px auto; }
div#convention img { vertical-align: -10%; }
div#gesport { width: 275px; margin: 20px auto 0px auto; }
div#gesport img { vertical-align: -10%; }