/*******************************************************************************
 *
 *   PROPRIETES COMMUNES
 *
 ******************************************************************************/   

*{
margin : 0;
padding : 0;
font-family : arial,verdana ;
}

body {
font-size : 12px;
color : #003399;
background : #A8C6EC;
}


/*******************************************************************************
 *
 * LES BLOCS DIV
 *
 ******************************************************************************/


/* bannière - fichier page.php dans dossier class*/
#fondBanniere {
background : url('../../../images/front_office_design/design_general/bout_banniere.jpg');
width : 100%;
height : 90px;

}

/* bannière - fichier page.php dans dossier class*/
#banniere {
width : 1024px;
height : 90px;
background-image: url('../../../images/front_office_design/design_general/banniere_infogecom.jpg');
}

/*conteneur de conteneur*/
#conteneur{
width : 1024px;
background : #A8C6EC;
margin-left: auto;
margin-right: auto;
}

/*conteneur gauche - fichier page.php dans dossier class*/
#conteneurBlocsDeGauche{
float : left;
width : 210px;
margin-left : 5px;
margin-top : 10px;
margin-bottom : 5px;
}

#conteneurBlocsDeGauche .haut, #connexion .haut {
font-size : 1px; /* corriger un bug ie 6 qui n'arrive pas à affecteur une hauteur inférieur à 13px */
height : 12px;
width : 210px;
background: url('../../../images/front_office_design/blocs_gauches/haut_cadre210x10.jpg');
}

#conteneurBlocsDeGauche .milieu, #connexion .milieu {

background: url('../../../images/front_office_design/blocs_gauches/milieu_cadre210x1.jpg');

}

#conteneurBlocsDeGauche .bas, #connexion .bas {
font-size : 1px; /* corriger un bug ie 6 qui n'arrive pas à affecteur une hauteur inférieur à 13px */
height :12px;
width : 210px;
background: url('../../../images/front_office_design/blocs_gauches/bas_cadre210x10.jpg');
}

#connexion, #pub {
margin-top : 5px;
}

/*conteneur droit - fichier page.php dans dossier class*/
#conteneurBlocsDeDroite{
margin-bottom : 5px;
margin : 10px;
width : 700px;
margin-left : 230px;
margin-top : 10px;

}

#conteneurBlocsDeDroite .haut {
margin-top : 5px;
font-size : 1px; /* corriger un bug ie 6 qui n'arrive pas à affecteur une hauteur inférieur à 13px */
height :12px;
width : 700px;
background: url('../../../images/front_office_design/blocs_droits/haut_cadre700x13.jpg');
}

#conteneurBlocsDeDroite .milieu {

background: url('../../../images/front_office_design/blocs_droits/millieu_cadre700x1.jpg');
background-repeat : repeat-y;
}

#conteneurBlocsDeDroite .bas {
font-size : 1px; /* corriger un bug ie 6 qui n'arrive pas à affecteur une hauteur inférieur à 13px */
height : 11px;
width : 700px;
background: url('../../../images/front_office_design/blocs_droits/bas_cadre700x11.jpg');
}






/*bloc 1 et 2- fichier page.php dans dossier class*/
#divMenu, #divConnexion, #divPub, #bloc1, #bloc2{
padding : 0 15px 0 15px;

}

#divPub {
font-weight : bold;
}
#divMenu {
font-size : 12px;
}

/*
.divSuppr{
background : pink;
}


.divInfo{
background : silver;
}


.divModif{
background : orange;
}
*/



div.cadreNew, div.cadreNewAdm {
position : relative;
border : solid 1px #ccccff;
margin-top : 10px;
padding:5px;
}


div.cadreNewAdm {
border : solid 1px #cc0000;
border : solid 1px #fed8de;
}

/* cahier de texte*/

.cadreSeance {
border : solid 1px #a6a6a6;
margin-top : 10px;
padding : 5px;
}

.divContSeance {
position : relative;
background : #ffffcc;
padding : 5px;
}

.divContTaf, .divContEval, .divContAbs, .divContAbs {

padding-left : 20px;
}

.divContTaf {
background : #fcead6;
}

.divContEval {
background :#edffd5;
}

.divContAbs {
background :#e9f5ee;
}

.divContajouter {
background :#f5ecff;
}

/*ressources*/
#divArbo {
background : #fdfecf;
margin-top : 20px;
}

/* */

/*******************************************************************************
 *
 * LES NIVEAUX DE TITRES
 *
 ******************************************************************************/

/*----------- titre faisant 1 seule ligne ------------------------*/




/*******************************************************************************
 *
 * MISE EN FORME DES ELEMENTS INFERIEURS AUX NIVEAUX DE TITRE
 *
 ******************************************************************************/

/*-------------- classes communes --------------------*/
.masquer {
display : none;
background : silver;
}
.relative {
position : relative;
}

.survol {
cursor : pointer;
}

.clearLeft {
clear : left;
}

.italic {
color : red;
font-style: italic;
}

.clindoeil{
font-style : italic;
}

.center {
text-align : center;
}

.floatR {
float : right;
}


/*-------------------- liens ----------------------------*/   
a {
text-decoration : none;
color : #ff33ff;
}

a:hover {
text-decoration : underline;
}
/* liens des fichiers composant l'arborescence*/
a.boite {
position : relative;
}

a.boite span {
display : none;
}
a.boite:hover {
background : none; /*contournement d'un bogue d'IE*/
z-index : 60;
}

a.boite:hover span {
display : block;
top : 10px;
width : 250px;
position : absolute;
z-index : 60;
background : yellow;
}

/* pour les liens du menu */
.lienMenu a{
display : block;
margin-left : 25px;
padding-left : 3px;
line-height : 22px;
text-decoration : none;
}

.lienMenu a:link, .lienMenu a:visited {
color : #000099;
font-weight : bold;
}

.lienMenu a:hover{
background : #000099;
color : white;
}

.remonter a {
color : #878787;
}

.remonter a:hover {
text-decoration : underline;
}


/* impression */
a.pageSel { /*lien sélectionné*/
text-align : center;
color : white;
background :  #ff33ff;
text-decoration : none;
}

a.pageSel:hover { /* pour ie 6 */
text-decoration : none;
}

a.page {
color:#ff33ff;
text-align : center;


}

a.page:hover {
color : white;
background : #3399ff;
text-decoration : none; /* pour ie6*/
}

/* lien de choix d'action des cahiers de texte*/
.aSelect {
text-decoration : underline;

}


/* liens de l'arborescence*/
.lienArbo {
color : #003366;
font-weight : bold;

}



/*-------------- liste ----------------*/
/* pour la liste affichant l'arborescence*/
/*li {
position : relative;
}*/

ul, ol {
margin-left : 20px;
}

.divContenu ul, .divContenu li{
margin-left : 10px;
}

ul.listeCt li{
margin-left : 5px;
background-image: url('../../../images/front_office_design/blocs_droits/livre_22x22.png');
line-height : 22px;
background-repeat : no-repeat;
padding-left : 25px;
list-style-type :none;
}

.liste{
margin-left : 10px;
}

/*----------- formulaire --------------*/
textarea {
width : 98%;
}

textarea#textAccueil {
height : 250px;
}

label {
font-weight:bold;
}

input {
color : #339933;
font-weight:bold;
}


.submitV, .submitA, #ajoutNew  {
background-image: url('../../../images/front_office_design/blocs_droits/martin4671_Flechedroiteverte.gif');
background-repeat : no-repeat;
background-color : transparent;
border : none;
height : 22px;
text-align : left;
/*text-indent : 18px;*/
padding-left : 25px;
font-weight : bold;
cursor : pointer;
color : #006600;
}

.submitA {
background-image: url('../../../images/front_office_design/blocs_droits/martin4671_Flechedroiterouge.gif');
color : #990000;
}

#ajoutNew {
height : 32px;
padding-left : 35px;
background-image: url('../../../images/front_office_design/blocs_droits/bananaboy_NotepadBlocNotes(2).png');
color : #cc0099;
}

#btnConnexion, #btnDeconnexion {
background : url('../../../images/front_office_design/blocs_gauches/exit_off_cameleonHelp.png');
background-repeat : no-repeat;
height : 22px;
border : 0;
padding-left : 25px;
color : #003399;
cursor : pointer;
}

#btnDeconnexion {
background : url('../../../images/front_office_design/blocs_gauches/exit_on_cameleonHelp.png');
background-repeat : no-repeat;
}


/*-------------- paragraphe ----------------*/
p {
line-height : 20px;
margin-top : 10px;
}

#connexion p, #Pub p{
margin : 0px;
padding : 0px;
}

p.dossier{
background-image: url('../../../images/front_office_design/blocs_droits/cameleonhelp-dossiervistaferme_16x16.png');
padding-left : 25px;
background-repeat : no-repeat;
height : 24px;
line-height : 24px;
/*background:red;*/
}

/* p entourant les liens du menu*/
p.lienMenu {
clear : left;
margin-top: 10px;
}

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

.floatRight {
float : right;
}

.clearRight {
clear : right;
}


/* page des nouvelles */

.infoNew{
margin-top : 5px;
text-align : right;
font-size : 9px;
border-top : solid 1px #b7b7b7;
}

.petit {
font-size : 9px;
}

.remonter {
position : relative;
margin-left: 560px;
background : url('../../../images/front_office_design/blocs_droits/haut_3d_cameleonhelp_divers.png');
background-repeat : no-repeat;
height : 27px;
line-height : 27px;
padding-left : 30px;
z-index : 0;
}

.erreur, .ok, .alert {
font-size : 15px;
/*height : 35px;*/
padding-left : 35px;
font-weight : bold;
padding:8px 0 7px 35px; 
}


.ok {
background : url('../../../images/front_office_design/blocs_droits/valid.png');
background-repeat : no-repeat;
color : #009900;

}

.alert {

background : url('../../../images/front_office_design/blocs_droits/messagebox_warning.gif');
background-repeat : no-repeat;
color : #ff6600;
}

.erreur {
background : url('../../../images/front_office_design/blocs_droits/delete.png');
background-repeat : no-repeat;
color : #cc0000;
}

/* cahier de texte */

#pCreerCt{
background : url('../../../images/front_office_design/blocs_droits/ct_add.png');
background-repeat : no-repeat;
margin-left : 15px;
}

#pCompCt{
margin-left : 30px;
background : url('../../../images/front_office_design/blocs_droits/ct3.png');
background-repeat : no-repeat;
}

#pConsCt{
background : url('../../../images/front_office_design/blocs_droits/ct2.png');
background-repeat : no-repeat;
margin-left : 30px;
}

.choixCt {
display : block;
height : 32px;
line-height : 32px;
padding-left : 32px;
font-weight : bold;
float : left;
}

p.imprimer {
text-indent : 32px;
background-image: url('../../../images/front_office_design/blocs_droits/impr.png');
background-repeat : no-repeat;
line-height : 27px;
}


/* affichage du contenu du cahier*/
.sousTitreSeance {
margin-bottom : 0;
background : #e6e6e6;
font-weight : bold;
text-decoration :underline;
}

.sousSousTitreSeance {
margin-top : 0;
padding-left : 30px;
padding-top : 3px;
font-weight : bold;
position : relative; /*pour permettre aux éléments à l'intérieur du p de se positionner*/
height : 24px;
line-height : 24px;
}

.pSousTitreSeance, .pSousTitreTaf, .pSousTitreEval , .pSousTitreAbs, .pSousTitreActions, .ajouterElmtSeance {
font-weight : bold;
text-align : center;
position : relative; /* pour permettre le positionnement des éléments contenus*/
}

.pSousTitreSeance {
background : #ffff66;
}

.pSousTitreTaf {
background : #fad3b8;
}

.pSousTitreEval {
background : #ccff99;
}

.pSousTitreAbs {
background : #b9fafd;
}

.pSousTitreActions {
background : #d7d7d7;
}

.pIcones {
border-top : solid 1px #b1b1b1;
background : white; /* bug ie*/
padding-top : 5px;
}

.ajouterElmtSeance {
background : #e9b1fe;
font-weight : bold;
}

.relative {
position : relative;
}

.margRight {
margin-left :500px;
}
.margRight2 {
margin-left :515px;
}

/* */
/*-------------- span ----------------*/
p.lienMenu span {
display : block;
background-repeat : no-repeat;
float : left;
height : 22px;
width : 22px;
}

.gras {
font-weight : bold;
}

.important {
font-weight : bold;
color : red;
}

/* icone de modification du ct */

.icoModifDate {
position : absolute;
display : block;
left : 2px;
top :1px;
}

.icoModifDate2 {
position : absolute;
display : block;
left : 2px;
top :3px;
}



/* ressources */
.icoRessources {
margin-left : 430px;
}

#dossierSelect2 {
position : relative;
width : 430px;
top : -40px;
display : block;
font-size : 20px;

}

#dossierSelect {
font-weight : bold;
color : #006600;
}



/*------------images-------------*/
img {
border : 0;
vertical-align: middle;
}

#xiti {
width:0px;
height:0px;
border:0;
margin-left : 4px;
}

/*-------tableau------------*/
table {
/*table-layout:fixed;*/
border : 2px solid #6699cc;
/*width : 100%;*/
border-collapse:collapse;
margin-top : 5px;
}
table.width100 {
width : 100%;
}


td{
border : 2px solid #6699cc;
padding : 5px;
}

th {
background : #6699cc;
text-align : center;
color : #000000;
}

#thDate {
width : 90px;
}
#thCorrectif {
width : 450px;
}
#thNumVersion {
width : 50px;
}

td.tdCentrer {
text-align : center;
}



/*--------------balises plus rares---------*/
acronym {
cursor : help;
}