/*
    Document   : bac-stg.css
    Created on : 30 avril 2009, 11:01:16
    Author     : Dai-Minh VO
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*{
    margin:0;
    padding:0;
}

body
{
    font-family:Arial,Helvetica,Verdana,sans-serif;
    font-size:12px;
    background-image: url("/images/fond.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    background-color: #00a6e2;
}


#page
{
    width: 978px;
    margin-left: auto;
    margin-right: auto;

}

#header
{
    width: 978px;
    padding-top: 30px;
    background: url("/images/fond_header.jpg") no-repeat center top;
}

#titre_brevetdescolleges
{
    padding: 10px;
    padding-top: 0;
    width: 215px;
    height: 78px;
}

#btn_accueil
{
    display: block;
    width: 40px;
    height: 39px;
    margin-left: 12px;
    margin-right: 3px;
    background: url("/images/btn_menu_accueil.jpg") no-repeat;
    cursor: pointer;
}
#btn_accueil:hover
{
    background: url("/images/btn_menu_accueil_selected.jpg") no-repeat;
}
#btn_accueil_selected
{
    display: block;
    width: 40px;
    height: 39px;
    margin-left: 12px;
    margin-right: 3px;
    background: url("/images/btn_menu_accueil_selected.jpg") no-repeat;
    cursor: pointer;
}
.btn_menu
{
    display: block;
    width: 146px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    margin-left: 3px;
    margin-right: 3px;
    text-transform: uppercase;
    background: url("/images/btn_menu.jpg") no-repeat;
    cursor: pointer;
}
.btn_menu:hover
{
    background: url("/images/btn_menu_selected.jpg") no-repeat;
}
.btn_menu_selected
{
    display: block;
    width: 146px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    margin-left: 3px;
    margin-right: 3px;
    text-transform: uppercase;
    background: url("/images/btn_menu_selected.jpg") no-repeat;
    cursor: pointer;
}

#bord_haut_content
{
    width: 978px;
    height: 6px;
    background: url("/images/fond_bord_haut_content.gif") no-repeat;
}

#haut_content
{
    width: 978px;
    background: white;
    background: url("/images/fond_content.gif") repeat-y;
}

#header_haut_content
{
    width: 948px;
    height: 44px;
    margin-left: auto;
    margin-right: auto;
    background: url("/images/fond_recherche_connexion.jpg") no-repeat center center;
}

#header_ariane
{
    width: 948px;
    height: 44px;
    margin-left: auto;
    margin-right: auto;
}

#page_centre
{
    width: 978px;
    padding-bottom: 20px;
    background: url("/images/fond_content.gif") repeat-y;
}

#contenu_gauche
{
    width: 635px;
    padding: 5px 10px 10px 15px;
    float: left;
}

#hr_entete_gauche
{
    width: 636px;
    height: 3px;
    margin-bottom: 10px;
    background: url("/images/hr_entete_gauche.jpg") repeat-y;
}

#contenu_droite
{
    float: right;
    width: 300px;
    padding: 5px 15px 0 0;
}

#footer
{
    width: 978px;
    height: 199px;
    background: url("/images/fond_footer.jpg") no-repeat;
}



/*************************   Disposition   **************************************/

.float_left
{
    float: left;
}
.float_right
{
    float: right;
}

.clear_both
{
    clear: both;
}

.bloc_centre
{
    margin-left: auto;
    margin-right: auto;
}

#liste_documents_bloc
{
    width: 635px;
}

.input_recherche_brevetdescolleges
{
    width: 313px;
    height: 26px;
    padding: 5px 20px 0 5px;
    border: 0;
    background: url("/images/fd_champ_recherche.gif") no-repeat;
}

.input_login_pseudo
{
    width: 133px;
    height: 26px;
    padding: 5px 20px 0 5px;
    border: 0;
    background: url("/images/fd_champ_recherche.gif") no-repeat;
}

.input_login_password
{
    width: 93px;
    height: 26px;
    padding: 5px 20px 0 5px;
    border: 0;
    background: url("/images/fd_champ_recherche.gif") no-repeat;
}

.input_login_submit
{
    width: 18px;
    height: 18px;
    padding: 5px 20px 0 5px;
    border: 0;
    background: url("/images/icone_fleche_droite_orange.gif") no-repeat;
}

.bouton_inscription
{
    display: block;
    width: 145px;
    height: 22px;
    line-height: 22px;
    background: url("/images/btn_inscription_gratuite.jpg") no-repeat;
}

#liste_documents_entete
{
    height: 45px;
    line-height: 45px;
    background: url("/images/fd_liste_documents_entete.jpg") no-repeat;
}

#liste_documents_content
{
    background: url("/images/fd_liste_documents.gif") repeat-y;
}

#liste_documents_pied
{
    height: 13px;
    background: url("/images/fd_liste_documents_pied.gif") no-repeat;
}

.bouton_voter
{
    width: 75px;
    height: 60px;
    cursor: pointer;
    background: url("/images/btn_voter.gif") no-repeat center center;
}

.points_partager_documents
{
    padding-left: 40px;
    background: url("/images/gain_jetons_3.gif") no-repeat left center;
}

.partager_documents
{
    display: block;
    width: 281px;
    height: 43px;
    line-height: 43px;
    background: url("/images/btn_partager_documents.jpg") no-repeat center center;
}

.titre_proposer_document
{
    width: 627px;
    height: 29px;
    line-height: 29px;
    text-transform: uppercase;
    background: url("/images/fond_titre_proposer_document.jpg") no-repeat;
}

.bouton_visualiser_lien
{
    width: 276px;
    height: 36px;
    line-height: 36px;
    background: url("/images/btn_telecharger_doc.jpg") no-repeat;
}

#top-commentaires
{
    height: 10px;
    width: 627px;
    margin: 0;
    padding: 0;
    background-image: url(/images/top-commentaires.jpg);
    background-repeat: no-repeat;
}

#centre-commentaires
{
    width: 607px;
    margin: 0;
    padding: 0 10px;
    background-image: url(/images/centre-commentaires.jpg);
    background-repeat: repeat-y;
}

#bas-commentaires
{
    height: 15px;
    margin: 0;
    padding: 0;
    width: 627px;
    background-image: url(/images/bas-commentaires.jpg);
    background-repeat: no-repeat;
}

#uncom-top
{
    height: 7px;
    width: 377px;
    margin: 0;
    padding: 0;
    font-size: 2px;
    background-image: url(/images/uncom-top.jpg);
    background-repeat: no-repeat;
}

#uncom-centre
{
    width: 357px;
    min-height: 40px;
    margin: 0;
    padding: 0 10px;
    background-image: url(/images/uncom-centre.jpg);
    background-repeat: repeat-y;
}

#uncom-bas
{
    height: 24px;
    width: 377px;
    margin: 0;
    padding: 0;
    background-image: url(/images/uncom-bas.jpg);
    background-repeat: no-repeat;
}

#uncom-infosmembre p
{
    margin: 0;
    padding: 3px 40px 0 0;
    text-align: right;
}

#obtenez_2_jetons
{
    float: left;
    width: 200px;
    height: 43px;
    line-height: 43px;
    font-size: 19px;
    margin-left: 10px;
    color: #5a9f38;
    cursor: default;
    background: url("/images/gain_jetons_2.gif") bottom center no-repeat;
}

.entete_tableau_forum td
{
    padding-left: 10px;
}

.entete_forum
{
    background: url("/images/fond_haut_forum.jpg");
}

.entete_categorie_forum
{
    height: 33px;
    background: url("/images/fond_entete_categorie_forum.jpg");
}

.entete_topic_forum
{
    height: 33px;
    background: url("/images/fond_entete_topic_forum.jpg");
}

.tableau_forum
{
    background: url("/images/fond_tableau_forum.jpg") repeat-y;
}

.tableau_forum h2
{
    margin: 20px 0 10px 0;
}

.tableau_forum h3
{
    margin: 25px 0 5px 0;
}

.tableau_forum p
{
    padding: 0 0 10px 0;
}

.tableau_forum ul li
{
    margin: 0 0 0 30px;
    list-style-type: square;
}
.tableau_forum ol li
{
	margin: 0 0 0 30px;
}


.haut_forum
{
    width: 635px;
    height: 5px;
    background: url("/images/fond_forum_haut.jpg") no-repeat;
}

.bas_forum
{
    width: 635px;
    height: 5px;
    background: url("/images/fond_forum_bas.jpg") no-repeat;
}

.new_reponse_haut
{
    width: 636px;
    height: 5px;
    background: url("/images/fond_new_reponse_haut.jpg") no-repeat;
}

.new_reponse_haut_gris
{
    width: 636px;
    height: 5px;
    background: url("/images/fond_new_reponse_haut_gris.jpg") no-repeat;
}

.new_reponse_bas
{
    width: 636px;
    height: 5px;
    background: url("/images/fond_new_reponse_bas.jpg") no-repeat;
}

.new_reponse_bas_gris
{
    width: 636px;
    height: 5px;
    background: url("/images/fond_new_reponse_bas_gris.jpg") no-repeat;
}

.new_reponse_content
{
    /*width: 616px;*/
    height: 240px;
    color: white;
    background: black;
}

.new_reponse_content_gris
{
    /*width: 616px;*/
    height: 190px;
    color: black;
    background: #ececec;
}

.article_commentaire_top
{
    width: 559px;
    height: 5px;
    background: url("/images/article_commentaire_top.jpg") no-repeat;
}

.article_commentaire_content
{
    width: 539px;
    background: url("/images/article_commentaire_content.jpg") repeat-y;
}

.article_commentaire_bas
{
    width: 519px;
    height: 22px;
    background: url("/images/article_commentaire_bas.jpg") no-repeat;
}

.avatar_commentaire
{
    width: 60px;
    min-height: 55px;
    padding-top: 5px;
    text-align: center;
    background: url("/images/fond_avatar.jpg") no-repeat;
}

.plus_de_top
{
    width: 635px;
    height: 28px;
    background: url("/images/plus_de_top.jpg") no-repeat;
}

.plus_de_content
{
    width: 635px;
    background: url("/images/plus_de_content.jpg") repeat-y;
}

.plus_de_bas
{
    width: 635px;
    height: 4px;
    background: url("/images/plus_de_bas.jpg") no-repeat;
}

.plus_de_inside_top
{
    width: 614px;
    height: 6px;
    background: url("/images/plus_de_inside_top.jpg") repeat-y;
}

.plus_de_inside_bas
{
    width: 635px;
    height: 6px;
    background: url("/images/plus_de_inside_bas.jpg") no-repeat;
}

.articles_precedents
{
    width: 30px;
    margin-left: 7px;
}

.articles_suivants
{
    width: 30px;
    margin-right: 7px;
}

.features_bac-stg li
{
    padding-left: 12px;
    background: url("/images/puce_fleche_droite_noir.gif") no-repeat left center;
}

.direct_forum_top
{
    width: 301px;
    height: 31px;
    background: url("/images/direct_forum_top.jpg") no-repeat;
}

.direct_documents_top
{
    width: 301px;
    height: 31px;
    background: url("/images/direct_documents_top.jpg") no-repeat;
}

.direct_content
{
    width: 281px;
    background: url("/images/direct_content.jpg") repeat-y;
}

.direct_bas
{
    width: 301px;
    height: 4px;
    background: url("/images/direct_bas.jpg") no-repeat;
}

.direct_inside_top
{
    width: 281px;
    height: 5px;
    background: url("/images/direct_inside_top.jpg") no-repeat;
}

.direct_inside_bas
{
    width: 281px;
    height: 5px;
    background: url("/images/direct_inside_bas.jpg") no-repeat;
}

.puce_fleche_droite_orange_rond
{
    padding-left: 18px;
    background: url("/images/puce_fleche_droite_orange_rond.gif") no-repeat left center;
}

.plus_de_news_top
{
    width: 625px;
    height: 31px;
    background: url("/images/plus_de_news_top.jpg") no-repeat;
}

.plus_de_news_content
{
    width: 605px;
    background: url("/images/plus_de_news_content.jpg") repeat-y;
}

.plus_de_news_bas
{
    width: 625px;
    height: 4px;
    background: url("/images/plus_de_news_bas.jpg") repeat-y;
}

.plus_de_news_inside_top
{
    width: 602px;
    height: 6px;
    background: url("/images/plus_de_news_inside_top.jpg") no-repeat;
}

.plus_de_news_inside_bas
{
    width: 602px;
    height: 6px;
    background: url("/images/plus_de_news_inside_bas.jpg") no-repeat;
}

.top_classe_top
{
    width: 301px;
    height: 31px;
    background: url("/images/top_classe_top.jpg") no-repeat;
}

.bloc_vos_infos
{
    width: 280px;
    height: 130px;
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #00A6E2;
}

.le_top_recherche
{
    height: 37px;
    line-height: 37px;
    padding-left: 40px;
    background: url("/images/icone_top_recherche.jpg") no-repeat;
}

/*************************   Alignement   **************************************/

.align_left
{
    text-align: left;
}

.align_right
{
    text-align: right;
}

.align_center
{
    text-align: center;
}

.align_justify
{
    text-align: justify;
}

.bloc_centre
{
    margin-left: auto;
    margin-right: auto;
}

/*************************   Marges   **************************************/

.no_padding_margin
{
    padding: 0px;
    margin: 0px;
}

.padding_5
{
    padding: 5px;
}

.padding_10
{
    padding: 10px;
}

.padding_20
{
    padding: 20px;
}

.padding_margin_top_0
{
    padding-top: 0px;
    margin-top: 0px;
}

.padding_top_3
{
    padding-top: 3px;
}

.padding_top_5
{
    padding-top: 5px;
}

.padding_top_10
{
    padding-top: 10px;
}

.padding_top_15
{
    padding-top: 15px;
}

.padding_top_20
{
    padding-top: 20px;
}

.padding_left_5
{
    padding-left: 5px;
}

.padding_left_10
{
    padding-left: 10px;
}

.padding_left_15
{
    padding-left: 15px;
}

.padding_left_20
{
    padding-left: 20px;
}

.padding_right_5
{
    padding-right: 5px;
}

.padding_right_10
{
    padding-right: 10px;
}

.padding_right_20
{
    padding-right: 20px;
}

.padding_right_50
{
    padding-right: 50px;
}

.padding_bottom_5
{
    padding-bottom: 5px;
}

.padding_bottom_10
{
    padding-bottom: 10px;
}

.margin_top_5
{
    margin-top: 5px;
}

.margin_top_10
{
    margin-top: 10px;
}

.margin_top_15
{
    margin-top: 15px;
}

.margin_top_20
{
    margin-top: 20px;
}

.margin_top_30
{
    margin-top: 30px;
}

.margin_left_5
{
    margin-left: 5px;
}

.margin_left_10
{
    margin-left: 10px;
}

.margin_left_20
{
    margin-left: 20px;
}

.margin_right_5
{
    margin-right: 5px;
}

.margin_right_10
{
    margin-right: 10px;
}

.margin_right_20
{
    margin-right: 20px;
}

.margin_bottom_5
{
    margin-bottom: 5px;
}

.margin_bottom_10
{
    margin-bottom: 10px;
}

.margin_bottom_20
{
    margin-bottom: 20px;
}


.padding_margin_top_0
{
    padding-top: 0px;
    margin-top: 0px;
}

.padding_margin_bottom_0
{
    padding-bottom: 0px;
    margin-bottom: 0px;
}


/************************   Formes textes   **********************************/

ul, ol
{
    margin-bottom: 10px;
}

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

p
{
    margin: 0 0 10px 0;
}

.texte_normal
{
    text-decoration: none;
    color: black;
}

.texte_normal a
{
    text-decoration: none;
    color: black;
}

.no_underline
{
    text-decoration: none;
}

.no_underline a
{
    text-decoration: none;
}

.underline
{
    text-decoration: underline;
}

.bold
{
    font-weight: bold;
}

.weight_normal
{
    font-weight: normal;
}

.italique
{
    font-style: italic;
}

.small
{
    font-size: 10px;
}

.uppercase
{
    text-transform: uppercase;
}

.font_10
{
    font-size: 10px;
}

.font_11
{
    font-size: 11px;
}

.font_12
{
    font-size: 12px;
}

.font_13
{
    font-size: 13px;
}

.font_14
{
    font-size: 14px;
}

.font_15
{
    font-size: 15px;
}

.font_16
{
    font-size: 16px;
}

.font_17
{
    font-size: 17px;
}

.font_18
{
    font-size: 18px;
}

.font_19
{
    font-size: 19px;
}

.font_20
{
    font-size: 20px;
}

.font_22
{
    font-size: 22px;
}

.font_23
{
    font-size: 23px;
}

.font_25
{
    font-size: 25px;
}

.font_30
{
    font-size: 30px;
}

.font_35
{
    font-size: 35px;
}

.font_40
{
    font-size: 40px;
}

h2
{
    font-size: 16px;
}

.background_white
{
    background-color: white;
}

.background_gris
{
    background-color: #efefef;
}

.background_silver
{
    background-color: silver;
}

.background_gris_F5F5F5
{
    background-color: #F5F5F5;
}

.puce_matiere
{
    padding-left: 8px;
    background: url("/images/puce_fleche_droite_orange.gif") no-repeat left center;
}

.numero_page
{
    padding-left: 3px;
    border: 1px solid black;
}
.numero_page:hover
{
    background-color: silver;
}



/*************************  couleurs textes   *********************************/

::-moz-selection
{
	background: #0A246A;
	color: white;
}

.gris
{
    color: #efefef;
}

.silver
{
    color: silver;
}

.gris_999999
{
    color: #999999;
}


.gris_999999 a
{
    color: #999999;
	text-decoration:none;
}

.gris_666666
{
    color: #666666;
}


.gris_666666 a
{
    color: #666666;
	text-decoration:none;
}
.white
{
    color: white;
}

.black
{
    color: black;
}

.orange_e25500
{
    color: #e25500;
}

.orange_e25500 a
{
    color: #e25500;
	text-decoration:none;
}
.orange
{
    color: orange;
}

.vert_5a9f38
{
    color: #5a9f38;
}

.vert_5a9f38 a
{
    color: #5a9f38;
	text-decoration:none;
}

.bleu_00a6e2
{
    color: #00a6e2;
}

.bleu_00a6e2 a
{
    color: #00a6e2;
	text-decoration:none;
}

/*************************  Types affichages   *********************************/

.display_none
{
    display: none;
}

.display_inline
{
    display: inline;
}

img.img_no_border
{
    border: 0px;
}

.no_border
{
    border: 0px;
}

.pointer
{
    cursor: pointer;
}

.border_test
{
    border: 1px solid blue;
}



/*************************  CSS propres au forum   *********************************/




/*************************  Page listing formations   *********************************/

#actu{

margin: 0 0 10px 0px;

width:605px;

padding:0;

font-size:12px;

}

#actu p{

padding:0 10px 0 0;

margin:10px 0 0 0;

font-size: 12px;

text-align:left;

}

#actu .paginationdroite{

color:#000000;

font-size:12px;

font-weight:bold;

text-decoration:none;

text-align:right;

}

#actu .paginationdroite:hover{

color:#000000;

font-size:12px;

font-weight:bold;

text-decoration:none;

text-align:right;

}

#actu .paginationgauche{

color:#000000;

font-size:12px;

font-weight:bold;

text-decoration:none;

text-align:left;

}

#actu .paginationgauche:hover{

color:#000000;

font-size:12px;

font-weight:bold;

text-decoration:none;

text-align:left;

}

.actuh1 {

font-size:12px;

color:#ffffff;

font-weight:bold;

padding:0 0 0 70px;

margin:0 0 0 0;

}

#actu em{

color:#333333;

font-weight:bold;

}

/*
#actu a:hover{

text-decoration: none;

color: #ff6a29;

}

#actu a{

color: #ff6600;

text-decoration: underline;

}*/

p#actuimage{

width:145px;

background:none;

float:left;

padding:0;

margin:5px;

}

p#actuimage2{

background:none;

text-align: center;

}

p#actuimage3{

width:195px;

background:none;

float:left;

padding:0;

margin:5px;

}

p#actuimagehaut{

width:80px;

background:none;

float:left;

padding:0;

margin:5px;

}

p#actuimagedroite{

width:165px;

background:none;

float:right;

padding:0;

margin:5px;

}

p#actutexte{

text-align:justify;

font-size: 12px;

color:#666666;

padding:0 0 0 10px;

margin:0 0 0 10px;

}

.titreactu{

font-family:Arial, Helvetica, sans-serif;

font-size: 24px;

color:#000000;

margin:0;

padding:0 0 0 0;

font-weight:bold;

}

.sstitreactu {

font-family:Arial, Helvetica, sans-serif;

font-size: 16px;

color:#6fc711;

margin:8px 0 0 0;

padding:20px 0 0 0px;

font-weight:bold;

}

.sssstitreactu {

font-family:Arial, Helvetica, sans-serif;

font-size: 14px;

color:#6fc711;

margin:8px 0 0 0;

padding:20px 0 0 0px;

font-weight:bold;

}

#basactus {

margin:0;

padding:0;

background-image:url(../images/basactu.gif);

background-repeat:no-repeat;

height:200px;

}

#actualites {

width:125px;

border: 1px solid #FF6F1F;

color:#FF6F1F;

font-weight:bold;

font-size:12px;

padding:0;

margin:0 0 10px 0;

}

#actualites p{

display:block;

color:#FFFFFF;

background:#FF6F1F;

text-decoration:none;

padding:0;

margin:0 0 5px 0;

}

#actualites a{

color:#FFFFFF;

text-decoration:none;

}

#actualite {

width:296px;

position: static;

vertical-align: top;

text-indent: 1px;

padding:2px 2px 17px 0;

margin:8px 2px 0 2px;

border: 2px dashed #e8e8e8;

}

#actualite p{

margin:1px 2px 1px 0;

padding:0;

}

#actualite a:hover  {

color: #ff6a29;

text-decoration:none;

}



#commentaires {

width:520px;

margin:0 0 0 0px;

padding:13px 0 10px 20px;

background-color:#eeeeee;

}



#commentaires-vert {

width:540px;

margin:20px 0 0 0px;

padding:0;

height:21px;

background-color:#66c203;

}



#commentaires-gris {

width:540px;

margin:20px 0 0 0px;

padding:0;

height:21px;

background-color:#93936A;

}



#commentaires-orange {

width:540px;

margin:20px 0 0 0px;

padding:0;

height:21px;

background-color:#FF6A29;

}



#titrevoscommentaires {

margin:0 0 30px 0;

padding:0;

font-size:18px;

font-weight:bold;

}



#commentaires ol {

margin:0;

padding:0;

}



#commentaires li {

margin:0 0 20px 20px;

padding:0 0 10px 0;

background-image:url(../images/sepcom.gif);

background-repeat:no-repeat;

background-position:bottom left;

}



cite {

font-size:13px;

font-weight:bold;

font-style: normal;

}



.griscommentaire {

text-decoration:none;

color:#939393;

}



.orangecommentaire {

text-decoration:none;

color:#FF6A29;

}



#actu .respond {

color:#66c203;

font-size:23px;

margin:0 0 5px 0;

padding:0;

}



#actu .respondorange {

color:#FF6A29;

font-size:23px;

margin:0 0 5px 0;

padding:0;

}



#actu .respondgris {

color:#93936A;

font-size:23px;

margin:0 0 5px 0;

padding:0;

}



#comment {

width:480px;

padding:10px;

font-size:14px;

}


#mediaetudiant {
WIDTH:978px;
margin:0;
padding:6px 0 10px 0;
text-align:right;
font-size:10px;
color:#00000;
background-color:#00A6E2;
height:73px;
font-weight:bold;
}
#mediaetudiant p{
margin:0;
padding:0;
}
#mediaetudiant a{
text-decoration:none;
color:#000000;
}
.orangemedia {
color:#ff7d00;
}


#center img{
border:0;
}