Version lié aux couleurs de la charte proposé par la DIRCOM

CG67.FicheCollege.root/CG67.FicheCollege/Web/CG67.FicheCollege.Web/css/fichecollegev2.css

@@ -6,432 +6,445 @@
         font-size: smaller;
         font-family: Verdana;
         background-color: #FFFFFF;
+        min-width: 810px;      
     }
 
-}
+    body#Default
+    {
+        font-size: smaller;
+        font-family: Verdana;
+        background-color: #FFFFFF;
+    }
 
-#conteneur
-{
-    display: inline-block;
-    overflow: hidden;
-}
+    #conteneur
+    {
+        width: 100%;
+        overflow: hidden;
+        margin: auto;
+    }
 
-#info_fiche
-{
-    margin-top: 5px;
-    height: auto;
-    float: left;
-}
+    #info_fiche
+    {
+        margin-top: 5px;
+        height: auto;
+        float: left;
+    }
 
-#header_index
-{
-    background-image: url('../images/cg67.jpg');
-    height: 180px;
-    background-size: 100% auto;
-    background-position: 0% 50%;
-    background-repeat: no-repeat;
-}
+    #header_index
+    {
+        background-image: url('../images/cg67.jpg');
+        height: 180px;
+        background-size: 100% auto;
+        background-position: 0% 50%;
+        background-repeat: no-repeat;
+    }
 
-#header_fiche
-{
-    float: left;
-    clear: left;
-    margin-left: 50px;
-    margin-top: 30px;
-    width: 43%;
-}
+    #header_fiche
+    {
+        float: left;
+        clear: left;
+        margin-left: 50px;
+        margin-top: 30px;
+        width: 43%;
+    }
 
-#blank
-{
-    background-color: #1683CC;
-    height: 45px;
-    width: 100%;
-    border-top: 1px solid #FDFDFD;
-    border-bottom: 1px solid #FDFDFD;
-    font-weight: bolder;
-    font-size: 12px;
-}
+    #blank
+    {
+        background-color: #1683CC;
+        height: 45px;
+        width: 100%;
+        border-top: 1px solid #FDFDFD;
+        border-bottom: 1px solid #FDFDFD;
+        font-weight: bolder;
+        font-size: 12px;
+    }
 
-#logo
-{
-    height: 80px;
-    position: relative;
-    margin-left: 20px;
-    width: auto;
-    float: left;
-}
+    #logo
+    {
+        height: 80px;
+        position: relative;
+        margin-left: 20px;
+        width: auto;
+        float: left;
+    }
 
-img#logo
-{
-    height: 80px;
-    position: relative;
-    margin-left: 20px;
-    width: auto;
-    float: left;
-}
+    img#logo
+    {
+        height: 80px;
+        position: relative;
+        margin-left: 20px;
+        width: auto;
+        float: left;
+    }
 
-#entete_fiche
-{
-    width: auto;
-}
+    p#entete_fiche
+    {
+        width: auto;
+        float: left;
+    }
 
-#coordonnees_college
-{
-}
+    #coordonnees_college
+    {
+    }
 
-#photo_college
-{
-    width: 45%;
-    position: relative;
-    top: 15px;
-    -moz-border-radius: 20px;
-    -webkit-border-radius: 20px;
-    -o-border-radius: 20px;
-}
+    #photo_college
+    {
+        border-radius: 10px;
+        -moz-border-radius: 10px;
+        -webkit-border-radius: 10px;
+        /*width: 45%;*/
+        
+    }
 
-img#photo
-{
-    border-radius: 15px;
-    width: 45%;
-    position: relative;
-    top: 15px;
-}
+    #photo
+    {
+        padding: 10px;
+    }
 
-.libellerestruct
-{
-    width: 300px;
-}
-.libelle
-{
-    width: 350px;
-}
+    /*img#photo
+    {
+        border-radius: 15px;
+        position: relative;
+        top: 15px;
+    }*/
 
-.infoAction
-{
-    width: 250px;
-}
+    .libellerestruct
+    {
+        width: 300px;
+    }
+    .libelle
+    {
+        width: 350px;
+    }
 
+    .infoAction
+    {
+        width: 250px;
+    }
 
 
-.nbClasse
-{
-    width: 150px;
-}
-.nbEleve
-{
-    width: 150px;
-}
 
-.typeCollege
-{
-    width: 10px;
-}
-.public
-{
-    width: 50px;
-    text-align: left;
-}
-.titre
-{
-    width: 90px;
-}
+    .nbClasse
+    {
+        width: 150px;
+    }
+    .nbEleve
+    {
+        width: 150px;
+    }
 
-.valeur
-{
-    width: 300px;
-}
-.libInv
-{
-    width: 120px;
-}
+    .typeCollege
+    {
+        width: 10px;
+    }
+    .public
+    {
+        width: 50px;
+        text-align: left;
+    }
+    .titre
+    {
+        width: 90px;
+    }
 
-.totaleffectif
-{
-    width: 20px;
-}
-.espacevide
-{
-    width: 50px;
-}
+    .valeur
+    {
+        width: 300px;
+    }
+    .libInv
+    {
+        width: 120px;
+    }
 
-.colonnevide
-{
-    width: 250px;
-}
-.nombre
-{
-    width: 50px;
-}
-.classe
-{
-    width: 20px;
-}
+    .totaleffectif
+    {
+        width: 20px;
+    }
+    .espacevide
+    {
+        width: 50px;
+    }
 
-.vide
-{
-    width: 100px;
-}
+    .colonnevide
+    {
+        width: 250px;
+    }
+    .nombre
+    {
+        width: 50px;
+    }
+    .classe
+    {
+        width: 20px;
+    }
 
+    .vide
+    {
+        width: 100px;
+    }
 
-.nbEleves
-{
-    width: 15px;
-}
-.totalsansbordure
-{
-    border-top-style: none;
-    border-right-style: none;
-    border-left-style: none;
-    border-bottom-style: none;
-    font-weight: bold;
-    color: black;
-    text-align: left;
-}
-.totalbordure
-{
-    border-top: black 1px solid;
-    border-right-style: none;
-    border-left-style: none;
-    border-bottom-style: none;
-    font-weight: bold;
-    width: 5px;
-    color: black;
-    text-align: right;
-}
-.sansbordure
-{
-    border-top-style: none;
-    border-right-style: none;
-    border-left-style: none;
-    border-bottom-style: none;
-}
 
-.sansborduredroite
-{
-    border-top-style: none;
-    border-right-style: none;
-    border-left-style: none;
-    border-bottom-style: none;
-    text-align: right;
-}
-.sansbordurecentre
-{
-    width: 360px;
-    text-align: center;
-    border-top-style: none;
-    border-right-style: none;
-    border-left-style: none;
-    border-bottom-style: none;
-}
+    .nbEleves
+    {
+        width: 15px;
+    }
+    .totalsansbordure
+    {
+        border-top-style: none;
+        border-right-style: none;
+        border-left-style: none;
+        border-bottom-style: none;
+        font-weight: bold;
+        color: black;
+        text-align: left;
+    }
+    .totalbordure
+    {
+        border-top: black 1px solid;
+        border-right-style: none;
+        border-left-style: none;
+        border-bottom-style: none;
+        font-weight: bold;
+        width: 5px;
+        color: black;
+        text-align: right;
+    }
+    .sansbordure
+    {
+        border-top-style: none;
+        border-right-style: none;
+        border-left-style: none;
+        border-bottom-style: none;
+    }
 
-td#public
-{
-    max-width: 50px;
-    background-color: Aqua;
-}
+    .sansborduredroite
+    {
+        border-top-style: none;
+        border-right-style: none;
+        border-left-style: none;
+        border-bottom-style: none;
+        text-align: right;
+    }
+    .sansbordurecentre
+    {
+        width: 360px;
+        text-align: center;
+        border-top-style: none;
+        border-right-style: none;
+        border-left-style: none;
+        border-bottom-style: none;
+    }
 
-#graphique
-{
-    text-align: center;
-}
+    td#public
+    {
+        max-width: 50px;
+        background-color: Aqua;
+    }
 
-.typedotation
-{
-    width: 160px;
-}
-.mtn
-{
-    width: 80px;
-}
+    #graphique
+    {
+        text-align: center;
+    }
 
-.mtn1
-{
-    width: 80px;
-}
-.ecart
-{
-    width: 80px;
-}
-.bordure
-{
-    border-right: #FFFFFF 1px solid;
-    border-top: #FFFFFF 1px solid;
-    border-left: #FFFFFF 1px solid;
-    border-bottom: #FFFFFF 1px solid;
-}
+    .typedotation
+    {
+        width: 160px;
+    }
+    .mtn
+    {
+        width: 80px;
+    }
 
-.borduredroite
-{
-    border-right: #1683CC 1px solid;
-    border-top: #1683CC 1px solid;
-    border-left: #1683CC 1px solid;
-    border-bottom: #1683CC 1px solid;
-    text-align: right;
-}
-.bordurecentre
-{
-    border-right: #1683CC 1px solid;
-    border-top: #1683CC 1px solid;
-    border-top: #1683CC 1px solid;
-    border-left: #1683CC 1px solid;
-    border-bottom: #1683CC 1px solid;
-    text-align: center;
-}
-#travaux
-{
-    table-layout: fixed;
-    border-collapse: collapse;
-}
-.travannee
-{
-    width: 80px;
-}
-.typetravaux
-{
-    width: 180px;
-}
-.travlibelle
-{
-    width: 600px;
-}
+    .mtn1
+    {
+        width: 80px;
+    }
+    .ecart
+    {
+        width: 80px;
+    }
+    .bordure
+    {
+        border-right: #FFFFFF 1px solid;
+        border-top: #FFFFFF 1px solid;
+        border-left: #FFFFFF 1px solid;
+        border-bottom: #FFFFFF 1px solid;
+    }
 
-.travmontant
-{
-    width: 80px;
-}
-.travstatus
-{
-    width: 100px;
-}
-.travimprevu
-{
-    width: 80px;
-}
-.filiere
-{
-    width: 150px;
-}
-.effectif
-{
-    width: 120px;
-}
-#TitreGraph
-{
-    margin-left: 200px;
-    width: 800px;
-    text-align: center;
-}
-h1#fiche
-{
-    width: 430px;
-    color: #1F64BF;
-}
-h3#Default
-{
-    color: White;
-    margin-left: 20px;
-}
-h2
-{
-    /*background-color: #1683CC;*/
-    position: relative;
-    left: 30px;
-    width: 800px;
-    border-bottom: solid 2px black;
-    color: #FF007A;
-}
+    .borduredroite
+    {
+        border-right: #1683CC 1px solid;
+        border-top: #1683CC 1px solid;
+        border-left: #1683CC 1px solid;
+        border-bottom: #1683CC 1px solid;
+        text-align: right;
+    }
+    .bordurecentre
+    {
+        border-right: #1683CC 1px solid;
+        border-top: #1683CC 1px solid;
+        border-top: #1683CC 1px solid;
+        border-left: #1683CC 1px solid;
+        border-bottom: #1683CC 1px solid;
+        text-align: center;
+    }
+    #travaux
+    {
+        table-layout: fixed;
+        border-collapse: collapse;
+    }
+    .travannee
+    {
+        width: 80px;
+    }
+    .typetravaux
+    {
+        width: 180px;
+    }
+    .travlibelle
+    {
+        width: 600px;
+    }
 
-h2#Default
-{
-    color: White;
-    text-align: right;
-    border-bottom: none;
-    position: absolute;
-    top: 90px;
-    right: 100px;
-    width: 65%;
-}
-table
-{
-    width: 100%;
-    table-layout: auto;
-    border-collapse: collapse;
-    border: 0px #1683CC solid;
-    border-radius: 5px;
-}
-td
-{
-    border-right: #1683CC 0px solid;
-    border-top: #1683CC 0px solid;
-    border-left: #1683CC 0px solid;
-    border-bottom: #1683CC 1.25px dashed;
-}
+    .travmontant
+    {
+        width: 80px;
+    }
+    .travstatus
+    {
+        width: 100px;
+    }
+    .travimprevu
+    {
+        width: 80px;
+    }
+    .filiere
+    {
+        width: 150px;
+    }
+    .effectif
+    {
+        width: 120px;
+    }
+    #TitreGraph
+    {
+        margin-left: 200px;
+        width: 800px;
+        text-align: center;
+    }
+    h1#fiche
+    {
+        width: 430px;
+        color: #1F64BF;
+    }
+    h3#Default
+    {
+        color: White;
+        margin-left: 20px;
+    }
+    h2
+    {
+        /*background-color: #1683CC;*/
+        position: relative;
+        left: 30px;
+        width: 800px;
+        border-bottom: solid 2px black;
+        color: #FF007A;
+    }
 
-.td_head
-{
-    /*background-color: #1270CC;*/
-    color: Black;
-    font-weight: bold;
-}
+    h2#Default
+    {
+        color: White;
+        text-align: right;
+        border-bottom: none;
+        position: absolute;
+        top: 90px;
+        right: 100px;
+        width: 65%;
+    }
+    table
+    {
+        width: 100%;
+        table-layout: auto;
+        border-collapse: collapse;
+        border: 0px #1683CC solid;
+        border-radius: 5px;
+    }
+    td
+    {
+        border-right: #1683CC 0px solid;
+        border-top: #1683CC 0px solid;
+        border-left: #1683CC 0px solid;
+        border-bottom: #1683CC 1.25px dashed;
+    }
 
-#catouche
-{
-    margin-top: 30px;
-    margin-left: 25px;
-    font-size: smaller;
-    font-family: Arial;
-    float: left;
-}
-#listeagentscg
-{
-    width: 100%;
-    border: 1px solid #EFEFEF;
-}
-#listeagentsaide
-{
-    width: 100%;
-}
-.Zone
-{
-    width: 200px;
-}
-.Nb_Eleves
-{
-    width: 100px;
-}
+    .td_head
+    {
+        /*background-color: #1270CC;*/
+        color: Black;
+        font-weight: bold;
+    }
 
-.Montant_Subvention
-{
-    width: 125px;
-}
+    #catouche
+    {   
+        font-size: smaller;
+        font-family: Arial; /*float: left;*/
+        bottom: 0px;
+        width: 100%;
+        background-color: White;
+    }
+    #listeagentscg
+    {
+        width: 100%;
+        border: 1px solid #EFEFEF;
+    }
+    #listeagentsaide
+    {
+        width: 100%;
+    }
+    .Zone
+    {
+        width: 200px;
+    }
+    .Nb_Eleves
+    {
+        width: 100px;
+    }
+
+    .Montant_Subvention
+    {
+        width: 125px;
+    }
+
+    .atcnom
+    {
+        width: 80px;
+        text-align: left;
+    }
+    .atcprenom
+    {
+        width: 80px;
+        text-align: left;
+    }
+    .atcfonction
+    {
+        width: 150px;
+        text-align: left;
+    }
+    .atcqtew
+    {
+        width: 100px;
+        text-align: right;
+    }
+    .atcstatut
+    {
+        width: 80px;
+        text-align: center;
+    }
+    .atcgrade
+    {
+        width: 150px;
+        text-align: left;
+    }
 
-.atcnom
-{
-    width: 80px;
-    text-align: left;
-}
-.atcprenom
-{
-    width: 80px;
-    text-align: left;
-}
-.atcfonction
-{
-    width: 150px;
-    text-align: left;
-}
-.atcqtew
-{
-    width: 100px;
-    text-align: right;
-}
-.atcstatut
-{
-    width: 80px;
-    text-align: center;
-}
-.atcgrade
-{
-    width: 150px;
-    text-align: left;
 }