/******************** IMPORT ****************************/

@import url(../base.css);
@import url(../taoweb.css);
@import url(../admin.css);
@import url(../mail.css);

/******************** CSS SPECIFIQUES ****************************

@import url(../dhMenu.css);
@import url(../onglets.css);
@import url(../extranet.css);
@import url(../filesystem.css);
@import url(../popup.css);

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

.CONTENU  {
 background-image: url(images/FondContenu.jpg);
 background-repeat: no-repeat;
 overflow: hidden;
}

.INDEX {
 background-image: none;
}

.LOGO {
 width: 200px;
 float: left;
 padding: 18px 10px 10px 40px;
}

.BANDEAU {
 height: 120px;
 text-align: right;
}

.PAGES,
.HOME,
.CATALOGUE {
 min-height: 450px;
 height: expression(document.body.clientHeight > 450? "450px": "auto" );
}

.BASPAGE {
 text-align: right;
 width: 100%;
 float: left;
 background-color: #0072bb;
 color: White;
 padding: 2px;
}

.BASPAGE * {
 color: White;
}

.FLASHINTRO a {
 color: #4A569B;
 font-weight: bold;
}

div.HIDDEN {
 display: none;
}
/********** ARBO ***************/

.fondmenu {
 width: 200px;
 float: left;
 padding-top: 50px;
 filter: alpha(opacity=60);
 -moz-opacity: 0.6;
 opacity: 0.6;
}

.fondmenu .dhmenu {
 background-color: #0072BB;
 margin: 10px;
 padding: 4px;
 border: solid 2px #174381;
 -moz-border-radius: 20px 0 20px 0;
}

.fondmenu a {
 font-weight: bold;
 padding-left: 10px;
 color: White;
 text-decoration: none;
}

.fondmenu a:hover {
 /*color: #FF6600;*/
 font-style: italic;
 margin-left: -5px;
 text-decoration: underline;
 color: White;
}

/*************** PAGES ********************/

.PAGES {
 /*width: 500px;*/
 margin-left: 220px;
}

.PAGES .TITRE {
 color: #174381;
 margin-bottom: 20px;
}

.INTRO * {
 font-size: 16px;
}

.INTRO {
 border-bottom: solid 1px #0072BB;
 font-size: 16px;
}

div.PARAGRAPHE {
 display: block;
 position: relative;
 margin-bottom: 10px;
 width: 100%;
}

/************* ADMIN Phototheque **************/

.NAVIGATION {
 width: 100%;
}

.NAVIGATION * {
 display: inline;
}

/**************** CATALOGUE des R?alisations *****************/

.CATALOGUE dt {
 font-weight: bold;
 float: left;
 margin: 0px;
}

/**************** MOTEUR ******************/

.MOTEUR-REALISATION dt {
 width: 200px;
 text-align: right;
 padding: 3px;
 margin: 0 10px 0 10px;
 color: White;
 background-image: url(images/FondDT.jpg);
 background-repeat: repeat-y;
 background-position: right;
}

.MOTEUR-REALISATION * {
 margin: 1px;
}

.MOTEUR-REALISATION .ACTION dt {
 width: 100%;
 background-color: #88A3C8;
 background-image: none;
 text-align: center;
 float: none;
 margin: 0px;
 padding: 0px;
}

.MOTEUR-REALISATION dl.ACTION {
 margin: 10px 0 10px 0;
}

.MOTEUR-REALISATION dd input,
.MOTEUR-REALISATION dd select {
 border: solid 1px  #88A3C8;
 width: 250px;
 color: #174381;
 font-weight: bold;
}

.MOTEUR-REALISATION dd option {
 border: none;
 border-bottom: solid 1px white;
}

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

.REALISATIONLIST dl {
 width: 25%;
 height: 125px;
 float: left;
 text-align: center;
}

.REALISATIONLIST dt,
.REALISATIONLIST dd {
 float: none;
 margin: 0px;
}

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

.REALISATION {
 background-color: #88A3C8;
 position: relative;
 width: 100%;
 border-left: solid 1px #88A3C8;
}

.REALISATION dt {
 width: 100px;
 text-align: right;
 margin-right: 10px;
}

.REALISATION dl {
 width: 250px;
 background-color: White;
 margin: 0px;
 border-top: solid 1px #88A3C8;
}

.REALISATION dl.PHOTO * {
 margin: 0px;
}

.REALISATION dl.PHOTO {
 position: absolute;
 top: 10px;
 left: 260px;
 width: 300px;
}

.REALISATION .PHOTOLIST {
 margin-top: 10px;
 width: 260px;
}

.REALISATION .PHOTOLIST dl {
 margin-top: 10px;
 /*width: 260px;*/
}

.PHOTOLIST dl {
 width: 50%;
 height: 125px;
 float: left;
 text-align: center;
}

.PHOTOLIST dt,
.PHOTOLIST dd {
 text-align: center;
 float: none;
 margin: 0px;
 white-space: normal;
}

.REALISATION dl.DESCRIPTION dt {
 float: none;
}
/*
.REALISATION dd {
 margin: 0px;
}

.REALISATION dl.motscles textarea {
 width: 250px;
}*/

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

.PAGES fieldset {
 float: left;
 width: 100%;
 
}

iframe,
textarea.WYSIWYG {
 /*width: 320px ! important; 
 height: 100px ! important;*/
}

/***************************************/
/*
.CONTACT {
 margin-left: auto;
 margin-right: auto;
 width: 500px;
}

td.CONTACT {
 text-align: right;
 padding-right: 5px;
}

.CONTACT-VALIDATION {
 text-align: center;
}*/


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

.RUBRIQUE {
 /*width: 45%;
 float: left;
 margin-right: 2%;
 margin-left: 2%;*/
 border-top: solid 1px #88A3C8;
}

.SOMMAIRE li {
 display: inline;
 list-style: none;
 padding-left: 10px;
 padding-right: 10px;
 border-right: solid 2px #FF6600;
}

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

.POPUP .REALISATION {
 background-color: transparent;
}

.POPUP dl {
 position: relative;
 float: none;
 width: 600px;
 text-align: left;
}

.POPUP .REALISATION dl.PHOTO {
 position: relative;
 float: left;
}

.admin.PAGES {
 width: 500px;
}

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

* sup,
sup {
 font-size: 80%;
 margin-bottom: 12px;
}

.TEXTE li {
 margin-left: 20px;
}

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

.default div.RUBRIQUE {
 margin-bottom: 10px;
 width: 250px;
 float: left;
}

.RUBRIQUE .TITRE,
.ACTUALITE .TITRE {
 font-size: 150%;
 margin-bottom: 5px;
}

.REFERENCE H4 {
 margin-bottom: 2px;
}

.ACTUALITE img {
 float: left;
 margin-right: 10px;
}

.default div .ACTUALITE {
 width: 100%;
 float: left;
 margin-bottom: 10px;
}

.XITI {
 background-color: White;
 width: 100%;
}