/********* General *********/
*
{
    font-family:Arial;
    font-size:9pt;
    margin: 0;
    padding: 0;
}

body
{
    background:url(../images/bkgtop.gif) top left repeat-x;
    margin:0;
}

p
{
    margin:0;
    padding:0;
}

a
{
    text-decoration:none;
    color:#000000;
    /*color:#264845;*/
}
a:hover
{
    text-decoration:underline;
}

a.LienVoirAussi
{
    text-decoration:none;
    color:#000000;
}
a.LienVoirAussi:hover
{
    color:#000000;
    text-decoration:underline;
}

a.elementLink
{
    color:#000000;
    font-size:8pt;
    text-decoration:none;
}
a.elementLink:hover
{
    text-decoration:underline;
}

a.linkSmall1
{
    font-size:7pt;
    color:#3A3A3A;
}

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

a.link1
{
    color:#B16608;
}

h1
{
    color:#B16608;
    font-size:10pt;
    font-weight:bold;
    margin:0;
}

.titleSegment1
{
    color:#000000;
    font-size:10pt;
    font-weight:bold;
    margin:0;
}

.retourres{
    font-size:8pt;
    color: #264845;
    font-weight:bold;
}
.soustitreinfo{
    font-family:Arial;
    font-size:8pt;
}

.msgError{
    font-size:9pt;
    color: red;
    font-weight:bold;
}

img[onclick]
{
    cursor:pointer;
}

#PageWrap {
    width:947px;
    margin:0 auto;
}
#Header 
{
    width:947px;
    height:15px;
    background:url(../images/top_bande.gif) top left no-repeat;
}

#HeaderSelection
{
    width:947px;
    height:15px;
    background:url(../images/top.gif) top left no-repeat;
}

/*********  Left Side *********/
#LeftSide
{
    width:255px;
    float:left;
}
#SwitchLang
{
    margin-top:16px;
    margin-left:208px;
}
#SwitchLang a
{
    font-size:8pt;
}
#SwitchLang img
{
    border:none;
}
#LeftSpace1
{
    margin-top:32px;
}
#Logo img
{
    border:none;
}
#Title
{
    margin-top:37px;
}
#MenuWrapper
{
    margin-top:30px;
    width:167px;
    height:200px;
}
#MenuContainer
{
    /*border-bottom:solid 1px #e0e0df;*/
}
.divMenuItem{
    height:22px;
}
.imgMenuItem{
    cursor: pointer;
}
#Search
{
    margin-top:40px;
    
}
#Search input
{
    width:160px;
    border:solid 1px #e0e0df;
    font-size:8pt;
    vertical-align:middle;
}
#Search img
{
    margin-left:2px;
    border:none;
    vertical-align:middle;
}

/********* Right Side *********/
#RightSide
{
    position:relative;
    width:692px;
    float:left;
    padding:0;
}
#LeftSpacer1
{
    position:absolute;
    top:224px;
    left:0;
    bottom:0;
    width:5px;
    border-left:solid 1px #e0e0de;
    border-top:solid 1px #e0e0de;
    border-bottom:solid 1px #e0e0de;
}
#LeftSpacer1A
{
    position:absolute;
    top:243px;
    left:0;
    bottom:0;
    width:5px;
    border-left:solid 1px #e0e0de;
    border-top:solid 1px #e0e0de;
    border-bottom:solid 1px #e0e0de;
}
#LeftSpacer1B
{
    position:absolute;
    top:224px;
    left:0;
    bottom:0;
    width:5px;
    border-left:solid 1px #e0e0de;
    border-top:solid 1px #e0e0de;
    border-bottom:solid 1px #e0e0de;
}
#LeftSpacer1C
{
    position:absolute;
    top:243px;
    left:0;
    bottom:0;
    width:5px;
    border-left:solid 1px #e0e0de;
    border-top:solid 1px #e0e0de;
    border-bottom:solid 1px #e0e0de;
}
#LeftSpacerAA
{
    position:absolute;
    top:216px;
    left:0;
    bottom:0;
    width:5px;
    border-left:solid 1px #e0e0de;
    border-top:solid 1px #e0e0de;
    border-bottom:solid 1px #e0e0de;
}
#LeftSpacerAB
{
    position:absolute;
    top:216px;
    left:0;
    bottom:0;
    width:5px;
    border-left:solid 1px #e0e0de;
    border-top:solid 1px #e0e0de;
    border-bottom:solid 1px #e0e0de;
}
#LeftSpacer2A
{
    position:absolute;
    top:239px;
    left:0;
    bottom:0;
    width:5px;
    border-left:solid 1px #e0e0de;
    border-top:solid 1px #e0e0de;
    border-bottom:solid 1px #e0e0de;
}
#LeftSpacer2B
{
    position:absolute;
    top:254px;
    left:0;
    bottom:0;
    width:5px;
    border-left:solid 1px #e0e0de;
    border-top:solid 1px #e0e0de;
    border-bottom:solid 1px #e0e0de;
}
#LeftSpacer3A
{
    position:absolute;
    top:239px;
    left:0;
    bottom:0;
    width:5px;
    border-left:solid 1px #e0e0de;
    border-top:solid 1px #e0e0de;
    border-bottom:solid 1px #e0e0de;
}
#LeftSpacer3B
{
    position:absolute;
    top:338px;
    left:0;
    bottom:0;
    width:5px;
    border-left:solid 1px #e0e0de;
    border-top:solid 1px #e0e0de;
    border-bottom:solid 1px #e0e0de;
}
#Content
{
    margin-left:6px;
    width:678px;
    border-left:solid 1px #e0e0de;
    border-right:solid 1px #e0e0de;
    border-bottom:solid 1px #e0e0de;
    background-color:#f5f6f1;
}
#ContentTop
{
    height:136px;
    background-color:#edeee8;
    background-position:top right;
    background-repeat:no-repeat;
    border-bottom:solid 1px white;
}
.Photo1
{
    /*background-image:url(../images/photo1.jpg);*/
    text-align:right;
}
#ContentTitle
{
    margin-top:25px;
    margin-left:20px;
    padding-left:15px;
    color: #264845;
    font-size:9pt;
    font-weight:bold;
    height:12px;
    padding-top:1px;
    background:url(../images/ctitlebullet.gif) left 3px no-repeat;
}
#ContentSubTitle
{
    font-size:8pt;
    color: #264845;
    margin-left:35px;
    font-weight:bold;
    height:18px;
    line-height:18px;
    vertical-align:middle;
}
#ContentSubTitle a
{
    font-size:8pt;
    color: #264845;
    text-decoration:none;
}
#ContentSubTitle a:hover
{
    text-decoration:underline;
}
#ContentEmptySubTitle
{
    margin-left:35px;
    height:10px;
    line-height:10px;
}
.titleThickBox{
    color: #264845;
    font-size:9pt;
    font-weight:bold;
}
.ContentMenuSelect
{
    font-size:8pt;
    color: #000000;
    font-weight:bold;
}
.ContentMenuSelectI
{
    font-size:8pt;
    color: #000000;
}
#MainContent ul
{
    padding-left:17px;
}
.SegmentBox
{
    padding-top:7px;
    padding-left:60px;
    margin-bottom:9px;
    width:582px;
    background:url(../images/segmentbullet.gif) top left no-repeat;
}
.SegmentBox div
{
    position:relative;
}
.SegmentBox a
{
    color:#B16608;
}
.SegmentBoxPDF
{
    padding-top:7px;
    padding-left:58px;
    margin-bottom:9px;
    width:582px;
    background:url(../images/ico_type_doc_pdf.gif) top left no-repeat;
}
.SegmentBoxPDF div
{
    position:relative;
}

.SegmentBoxCine
{
    padding-top:7px;
    padding-left:60px;
    width:582px;
    height:22px;
    background:url(../images/segmentbullet.gif) top left no-repeat;
}
.SegmentBoxCine div
{
    position:relative;
}

.SegmentBoxCineMsg
{
    padding-top:7px;
    padding-left:60px;
    width:582px;
    height:52px;
    background:url(../images/segmentbullet.gif) top left no-repeat;
}

.SegmentBoxCineMsg div
{
    position:relative;
}

.SegmentBoxNotions
{
    padding-top:6px;
    padding-left:32px;  /*60*/
    margin-bottom:9px;
    width:630px;     /*582*/
    /*background:url(../images/segmentbullet.gif) top left no-repeat;*/
}
.SegmentBoxNotions div
{
    position:relative;
}

.SegmentBoxNotions a{
    color:#B16608;
}

#titreCineBox
{
    padding-left:60px;
    width:582px;
    clear:both;
}

#cineTitre
{
    padding-top:7px;
    padding-left:60px;
    width:434px;
    height:30px;
    background:url(../images/segmentbullet.gif) top left no-repeat;
    font-weight:bold;
    float:left;
}

#cineTitreModif
{
    padding-top:7px;
    padding-left:60px;
    width:400px;
    height:28px;
    background:url(../images/segmentbullet.gif) top left no-repeat;
    font-weight:bold;
    float:left;
}

.nomCinerama
{
    padding-left:60px;
    width:434px;
    height:30px;
    float:left;
}

.optionCinerama
{
    width:148px;
    height:30px;
    float:left;
    text-align:center;
}

.entreTitreThumb{
    width:582px;
    height:55px;
}
.entreTitreThumb2{
    width:582px;
    height:26px;
}

.thumbCine{
    /*width:107px;
    height:80px;*/

    width:160px;
    height:90px;
    padding:4px;
    border:solid 1px #dad9d7;
    background:white;
    text-align:center;
    float:left;
}

.thumbCine img{
    /*max-width:107px;
    height:80px;      */

    max-width:160px;
    height:90px;
    border:none;
}

.contentThumbCine{
    /*width:137px;
    height:150px;*/

    width:190px;
    height:150px;
    float:left;
}

.entreCine{
    width:30px;
    height:80px;
    float:left;
}
.entreBoite{
    width:30px;
    height:20px;
    float:left;
}

.boiteOrdre1{
    width:35px;
    height:20px;
    background:url(../images/zone_ordre.gif) top left no-repeat;
    padding-top:2px;
    text-align:center;
    float:left;
}

.boiteOrdre2{
    /*width:82px;*/
    width:133px;
    height:20px;
    padding-top:4px;
    text-align:right;
    float:left;
}
.spacerLigne{
    width:582px;
    height:45px; /*90*/
    clear:both;
}
.spacerLigne2{
    width:0px;
    height:0px;
    clear:both;
}

.spacerLigneEnreg{
    width:582px;
    height:45px;
    clear:both;
}
#btnEnregModif{
    width:582px;
    height:17px;
    text-align:left;
    clear:both;
}

#btnOuter
{
    width:608px;
    height:23px;
    display:table;
    text-align:right;
    vertical-align:middle;
    margin-bottom:25px;
    float:left;
}
#btnOuterTbl
{
    height:23px;
    line-height:23px; 
    margin-bottom:25px;
    padding-top:5px;
    float:left;
}
#logOut
{
    padding-left:35px;
    padding-top:8px;
    display:block;
    text-align:left;
    vertical-align:middle;
    float:left;
}
/**kinda the same, but keep in order to not create malfunctions**/
#btnInner1
{
    padding-top:5px;
    float:left;
}
#btnInner3
{
    padding-top:5px;
    float:left;
}
#btnInner5
{
    padding-top:5px;
    float:left;
}
/****************************************************************/
#titreListe
{
    padding-top:7px;
    padding-left:60px;
    width:525px;
    height:30px;
    background:url(../images/segmentbullet.gif) top left no-repeat;
    float:left;
}

#type
{
    padding-top:7px;
    width:164px;
    height:30px;
    font-weight:bold;
    text-align:center;
    float:left;
}

#action
{
    padding-top:7px;
    width:128px;
    height:30px;
    font-weight:bold;
    text-align:center;
    float:left;
}

.containerChamp{
    padding-left:60px;
}
.spacerChamp
{
    height:30px;
    clear:both;
}
.inputGroup
{
    font-weight:normal;
}
.inputMini
{
    width:50px;
}
.inputMedium
{
    width:180px;
}
.textareaFormCP
{
    width:550px;
    height:30px;
}
.spacingInput
{
    height:7px;
}
.notionsInSequence
{
    width:550px;
    height:200px;
    background-color:#FFFFFF;
    border:1px solid gray;
    padding-top:5px;
    padding-left:3px;
    overflow-y:scroll;
}
.Comment
{
    font-weight:normal;
    font-size:8pt;
}
.Comment i
{
    font-weight:normal;
    font-size:8pt;
}
.notionsInSequence a
{
    color:#000000;
}
.notionsInSequence a:hover
{
    text-decoration:none;
}

#phraseVide
{
    width:582px;
    height:45px;
    padding-top:50px;
    clear:both;
}

.ligneGrise
{
    width:642px;
    height:16px;
    background:url(../images/imgcn.gif) top left no-repeat;
    clear:both;
}

.ligneGriseSep
{
    width:563px;
    height:16px;
    margin-left:50px;
    border-top:1px solid #DEDEDE;
    clear:both;
}

.ligneGriseSep2
{
    width:563px;
    height:1px;
    margin-left:50px;
    border-top:1px solid #DEDEDE;
    clear:both;
}

.sepSpacer
{
    width:563px;
    height:20px;
}

.titreElement
{
    padding-left:60px;
    width:292px;
    height:30px;
    float:left;
}

.typeElement
{
    width:162px;
    height:30px;
    text-align:center;
    float:left;
}

.optionElement
{
    width:133px;
    height:30px;
    text-align:center;
    float:left;
}

.GlossarySource
{
    margin-left:10px;
    font-weight:bold;
    font-size:8pt;
}
.BtnActivity
{
    margin-top:30px;
    height:17px;
}
.BtnActivity img
{
    border:none;
}
.formUser
{
    padding-left:60px;
    margin-bottom:9px;
    width:582px;
}
.formCPLeftSide{
    width:252px;
    font-weight:bold;
    float:left;
}
.formCPRightSide{
    font-weight:bold;
    float:left;
}
#titleCodeAcces{
    font-weight:bold;
}
.inputformCP
{
    width:180px;
}
.skipLineForm{
    height:17px;
    clear:both;
}
#skipLineFormLine{
    width:582px;
    height:13px;
    border-bottom:solid 1px #e0e0df;
}
.labelIntro
{
    width:522px;
    padding-bottom:3px;
    font-weight:bold;
}
#RightSpacer
{
    position:absolute;
    top:103px;
    left:686px;
    height:120px;
    width:5px;
    border-right:solid 1px #e0e0de;
    border-top:solid 1px #e0e0de;
    border-bottom:solid 1px #e0e0de;
}

.spacerTitleContent
{
    height:5px;
}
.spacerContent
{
    height:5px;
}
.spacerNotionGroup
{
    height:10px;
}
.materielContainer
{
    height:21px;
}

.materielContent img
{
    vertical-align:middle;
}

#Footer
{
    /*margin-top:65px;*/
    height:37px;
}

.hoverActive {
   background-color: #123456;
}

#printTheorie{
    font-family:Arial;
    font-size:9pt;
}

.redMessage{
    color:red;
}

.Msg
{
    font-weight:normal;
    font-size:8pt;
}
.Info
{
    color:Green;
}
.Warning
{
    color:Yellow;
}
.Error
{
    color:Red;
}

.endSpacer
{
    height:60px;
}

.inputSubmitUser
{
    width:87px;
    height:17px;
    border:none;
    background: url(../images/btn_enregistrer_nm.gif) no-repeat;
    cursor:default;
}

.inputSubmitUser:hover
{
    background: url(../images/btn_enregistrer_hv.gif) no-repeat;
    cursor:pointer;
}

.inputSubmitUser:active
{
    background: url(../images/btn_enregistrer_md.gif) no-repeat;
    cursor:pointer;
}