/* CSS Document - general_scf */

#gauche {
	margin:0;
	padding:0 0 10px 0;
	width: 810px;
	float: left;
}
/************************************************************************/
/* Titre des pages de contenu */
/************************************************************************/
/* Cette section comprend le titre en image, le fil d'ariane et les outils */
#titre {
	margin:0 0 5px 0px;
	padding:3px 0 5px;
	display:block;
}
#titre h1 {
	margin:0 !important;
	padding:0 !important;
}

/* Fil d'arianne */
/* Fil d'arianne : grosseur du caractère 70% */
#titre p {
    font-size:70%;
    color:#333;
    margin:0 0 20px 8px;
    padding:0;
}

#titre a {
    color:#656565;
    text-decoration:none;
}

#titre a:hover, #titre a:focus  {
    text-decoration:underline;
}

#titre img {
    margin:5px 0 0 0;
    padding:0;
}

#titre #outils img {
    margin:0 0 0 0;
    padding:0;
}

#titre h3 {
    font-size:115%;
    margin:10px 0 10px 0;
    padding:0;
    color:#336699;
}

.titre_page 
{
    font-size:115%;
    margin:10px 0 10px 0;
    padding:0;
    color:#666666;
}

#viewer_colGauche {
	border-top:0pt none;
	margin:0pt;
}

/************************************************************************/
/* Colonne du centre */
/************************************************************************/
/* Mise en forme de la colonne du centre */
#centre {
    width:570px;
    margin:0 0 0 0;
    padding:5px 5px 10px 0px;
    float:left;
    background-color:transparent;
    /*overflow:hidden; Corrige un bug avec les italiques qui font décaler le contenu vers le bas dans IE*/
    font-size: 0.9em;
}

/* Mise en forme de la colonne du centre s'il n'y a pas de colonne de droite */
#col2 #centre {
    width:571px;
    margin:0 0 10px 0;
    padding:5px 4px 0 10px;
    float:left;
    /*overflow:hidden; Corrige un bug avec les italiques qui font décaler le contenu vers le bas dans IE*/
}
#centre {
	font-size:0.85em;
	float: left;
}

/* Mise en forme des niveaux de titre */
#centre h2 {    
    font-size:160%;
    margin:0 0 7px 0;
    padding:0;
    color:#bc8d2f;
    font-weight:normal;
}

#centre h2 a {
    color:#bc8d2f;
}

#centre h3 {
    font-size:130%;
    margin:15px 0 10px 0;
    padding:0;
    color:#bc8d2f;
}

#centre h3 a {
    color:#bc8d2f;
}

#centre h3 a:hover, #centre h4 a:hover, #centre h5 a:hover, #centre h3 a:focus, #centre h4 a:focus, #centre h5 a:focus {
    /*color:#BA5400;*/
}

#centre h4 {
    font-size:115%;
    margin:10px 0 10px 0;
    padding:0;
 /*   color:#DFBE7B; */
}

#centre h4 a {
    color:#DFBE7B;
}

#centre h5 {
    font-size:110%;
    margin:10px 0 10px 0;
    padding:0;
    color:#333;
}

#centre h5 a {
    color:#333;
}

#centre h6 {
    font-size:105%;
    margin:5px 0 5px 0;
    padding:0;
}

#centre h7 {
    font-size:100%;
    margin:5px 0 5px 0;
    padding:0;
}

/* Mise en forme des paragraphes du centre */
#centre p {
    margin:0 0 1em 0;
}

/* Mise en forme des listes du centre */
#centre ul {
    list-style-type:none;
    margin:0 0 0 1px;
    padding:0;
    display:block;
}

#centre ul li {
    background-image: url(../images/viewer_menu_puce_bleue.gif);
    background-repeat: no-repeat;
    background-position: 3px 7px;
    padding-left:15px;
    margin-left: 15px;
    display:block;
}

#centre ol {
    margin:0 0 0.5em 35px;
    padding:0;
    display:block;
}

#centre ol li {
}

#centre li {
    margin-top:0.5em;
    margin-bottom:0.5em;
}

/* Mise en forme de différentes balises de la colonne du centre */
#centre acronym {
    border-bottom:1px dashed #999999;
    cursor:help;
}

#centre sup {
    vertical-align:text-top;
    font-size:95%;
}

#centre sub {

}


#centre table {
    border-collapse:collapse;
}

#centre img {
    vertical-align:middle;
}

#centre img.espace_droite, #centre img.espace_gauche {
    vertical-align:top;
    float:left;
}
#centre img.espace_gauche {
    vertical-align:top;
    float:right;
}

.grand_titre {
    float : left;
}
#centre .clearer {
    clear:both;
    display:block;
    top:10px;
    margin: 10px 0 10px 0;
}

/* Mise en forme des notes de bas de pages et bas de vignettes du centre */
#centre p.note_bas_page        {font-size:90%; clear:both; border-top:1px solid #626262; padding-top:5px; margin-top:25px; color:#626262;}

#centre ol.note_bas_page    {margin-bottom:20px;}

#centre ol.note_bas_page li    {color:#626262; margin:0.4em 0 0.4em 0;}
#centre dl,dt,dd {margin:0px;}

/* Mise en forme des listes (voir les programmes) d'ancres de la colonne du centre */
#centre ul.liste_ancres, #centre ul.csc-menu {
    padding:0;
    margin:0 0 2em 0;
}

#centre ul.liste_ancres li, #centre ul.csc-menu li  {
    background:url(../images/puce_ancres.gif) no-repeat 0 0.4em;
    padding:0 0 0 12px;
    margin:0.3em 0 0.3em 0;
}

#centre ul.liste_ancres li ul, #centre ul.csc-menu li ul {
    padding:0;
    margin:0 0 0 0;
}

#centre ul.liste_ancres li a, #centre ul.csc-menu li a        {
    color:#336699;
    text-decoration:none;
}
#centre ul.liste_ancres li a:hover, #centre ul.liste_ancres li a:focus, #centre ul.csc-menu li a:hover, #centre ul.csc-menu li a:focus {
    color:#cc9933;
    text-decoration:underline;
}

#centre ul.liste_abregee li {
    margin:0.3em 0 0.3em 0;
}

#centre p.liste_horizontale {margin-top:10px;}



/* Mise en forme de la section voir aussi de la colonne de droite */
#voir_aussi {
	margin:10px 0 0 0;
	padding:0;
	border: 1px solid #5A769D;
	clear: inherit;
	float:right;
	width: 163px;
	font-size:0.85em;
}

#voir_aussi h1, #voir_aussi h2 {
    font-size:100%;
    margin:1px 0 0 0;
    padding:4px 5px 4px 5px;
    color:#336699;
}

#voir_aussi p {
    margin:7px 5px 7px 5px;
    padding:0;
}


#services_ligne {
    margin:10px 0 0 0;
    padding:0 0 7px 0;
    border: 1px solid #5A769D;
    font-size:0.85em;
}

#services_ligne h1, #services_ligne h2 {
    font-size:100%;
    margin:1px 0 0 0;
    padding:4px 5px 4px 5px;
    color:#336699;
}

#services_ligne img {
    margin:0.5em 0 0.5em 0;
    padding:0;
}

#services_ligne p {
    margin:3px 5px 3px 5px;
    padding:0;
}

#services_ligne p.aligner_droite a {
    color:#cc9933;
    text-decoration:none;
}

#services_ligne p.aligner_droite a:hover, #services_ligne p.aligner_droite a:focus  {
    color:#336699;
    text-decoration:underline;
}
#services_ligne p.aligner_droite a:visited {
    color:#cc9933;
    text-decoration:none;
}


/************************************************************************/
/* Divers */
/************************************************************************/
/* Mise en forme générale des listes, des champs et zones de texte de formulaires */
select, input, textarea {
    /*font-size:90%;*/
    margin:0 0 0 2px;
    color:#333;
}

/* Mise en forme générale des formulaires */
form {
    margin:0;
    padding:0;
}

/* Mise en forme générale des listes, des liens */
a:link        {
	color:#006699;
	text-decoration:none;
}
a:hover, a:focus {
	color:#006699;
	text-decoration:underline;
}
a:visited {
    color:#A56A08;
    text-decoration:none;
}

/* Mise en forme générale des listes, des images */
img {
    border:0;
    margin:0;
    padding:0;
}
.news-single-img {
    border:0;
    margin:0 5px 5px 0;
    padding:0;
    float:left;
}
/* Mise en forme de la navigation Précédents et suivants (voir section Patrimoine - Thèmes et fonctions) */
.nav_precedent a, .nav_precedent a:visited {
    background-image:url(../images/fond_bt_precedent.gif);
    background-repeat:repeat-x;
    background-position:0 50%;
    color:#626262;
    border:1px solid #626262;
    padding:2px 10px 3px 20px;
    margin:0 10px 0 10px;
    text-decoration:none;
}

.nav_precedent a:hover {
    background-image:url(../images/fond_bt_precedent_survol.gif);
    color:#626262;
    text-decoration:none;
}

.nav_suivant a, .nav_suivant a:visited {
    background-image:url(../images/fond_bt_suivant.gif);
    background-repeat:no-repeat;
    background-position:100% 50%;
    color:#626262;
    border:1px solid #626262;
    padding:2px 20px 3px 10px;
    margin:0 10px 0 10px;
    text-decoration:none;
}

.nav_suivant a:hover, .nav_suivant a:focus {
    background-image:url(../images/fond_bt_suivant_survol.gif);
    color:#626262;
    text-decoration:none;
}

/***********************************************************************************/

/* Mise en forme de formulaires de type Courriel*/
/* Mise en forme des messages d'erreur */
#erreur {
    border:1px solid #5A769D;
    background-color:#F9EBDD;
    margin:0 0 10px 0;
    padding:0 10px 0 10px;
}

#erreur p, #erreur ul, #erreur li {
    margin:7px 0 7px 0;
}

.champ_erreur {
    border:2px solid #5A769D;
    background-color:#FDF9F4;
}

p.erreur {
    border:1px solid #5A769D;
    background-color:#F9EBDD;
    margin:0 0 10px 0;
    padding:10px 10px 10px 10px;
}

/* Mise en forme du tableau contenant le formulaires */
table.formulaire {
    width:100%;
    border-bottom:1px solid #336699;
    border-top:1px solid #336699;
    border-collapse:collapse;
    margin:0 0 15px 0;
}

table.formulaire caption {
    background-color:#336699;
    color:#FFFFFF;
    font-weight:bold;
    padding:7px;
    text-align:left;
}

/* Mise en forme du titre du tableau */
table.formulaire td.entete {
    background-image:url(../images/fond_formulaire.gif);
    background-repeat:repeat-x;
    background-position:0 100%;
    color:#336699;
    padding:7px;
    border:0;
    border-top:1px solid #336699;
    font-weight:bold;
}

/* Mise en forme des étiquettes de champs de formulaire */
table.formulaire th {
    width:30%;
    text-align:right;
    font-weight:normal;
    color:#333;
    padding:4px;
    border-top:1px dashed #336699;
}

#centre table.formulaire td p {
    margin:0;
    padding:0;
}

/* Mise en forme des bordures infèrieures des lignes du tableau */
table.formulaire td {
    padding:4px;
    border-top:1px dashed #336699;
}

table.formulaire td .bouton {

}

/***************************************************************************************************/
/* Mise en forme du tableau de la page Aide financière */
table.programmes {
    width:100%;
    border-bottom:1px solid #336699;
    border-top:1px solid #336699;
    border-collapse:collapse;
    margin-top:20px;
}

table.programmes caption {
    background-color:#336699;
    color:#FFFFFF;
    font-weight:bold;
    padding:7px;
    text-transform:uppercase;
}

/* Mise en forme des titres de sections du tableau */
table.programmes td.entete {
    background-image:url(../images/fond_formulaire.gif);
    background-repeat:repeat-x;
    background-position:0 100%;
    color:#626262;
    padding:7px;
    border:0;
    border-top:1px solid #626262;
    font-weight:bold;
}

table.programmes th {
    width:30%;
    text-align:right;
    font-weight:normal;
    color:#626262;
    padding:4px;
    border-top:1px dashed #626262;
}

/* Mise en forme des bordures pointillées inférieures des lignes du tableau */
table.programmes td {
    padding:7px 0px 7px 4px;
    border-top:1px dashed #626262;
    vertical-align:top;
}

/***************************************************************************************************/
/* Mise en forme des tableaux de la colonne du centre */
#centre table.tableau td {padding:7px; border-bottom:1px dashed #626262; vertical-align:top;}

#centre table.tableau td p.bodytext {margin:0; padding:0;}

#centre table.tableau tbody {border-bottom:1px solid #626262; border-collapse:collapse;}

.encadre {border:1px solid #A8B8CF; background-color:#F2F5F9; padding:10px;}

/***************************************************************************************************/
.news-pagebrowser {
    background-color: #F0E9DA;
    border-top:1px solid #BEBCAD;
    border-bottom: 1px dashed #BEBCAD;
    padding: 4px;
}
.ind_obligatoire {color:#CC6700;}

.form_petit {
    width:100px;
}

.form_moyen {
    width:200px;
}

select.form_moyen {
    width:204px;
}

.form_large {
    width:98%;
}

/* Video player FLV */
.tx-rspflvplayer-pi1 {
    text-align:center;
    margin: 20px 0;
}

/* Video multimedia */
.video {
    text-align:center;
    padding-top:1em;
}
.avertissementvideo {
    border-top:1px solid #CC6700;
    border-right:2px solid #CC6700;
    border-bottom:2px solid #CC6700;
    border-left:1px solid #CC6700;
    padding:0.6em 0.6em 0.6em 2em;
    margin:0.7em;
    font-size:1.1em;
    background-image:url(../images/avertissementvideo.gif);
    background-repeat:no-repeat;
    background-position:center left;
}

/* Tableau pour les libraires/Editeur */
table.tableau_libraire, table.tableau_editeur {
    width:100%;
}

table.tableau_libraire td, table.tableau_editeur td {
    padding:5px;
}

table.tableau_libraire td.fiche, table.tableau_editeur td.fiche {
    width:50%;
}

/* Extension pbsurvey qui sert à la consultation publique */
.tx-pbsurvey-pi1 div {margin-bottom: 10px;}
.tx-pbsurvey-pi1 .pagenumbering {font-size: 90%; position: relative; height: 15px;}
.tx-pbsurvey-pi1 .barcontainer {background-color: #FFFFFF; border: 1px solid #333; width: 100px; height: 15px; position: absolute; z-index: 6; right: 0px;}
.tx-pbsurvey-pi1 .bar {background-color: #CCCCFF; height: 15px; z-index: 4; position: absolute; left: 0px;}
.tx-pbsurvey-pi1 .bartext {z-index: 5; text-align: center; position: absolute; left: 0px; width: 100px; height: 15px;}
.tx-pbsurvey-pi1 .pageHeader {font-size: 150%; font-weight: bold; color: #336699;}
.tx-pbsurvey-pi1 .pageIntroduction {}
.tx-pbsurvey-pi1 .survey_item {margin-top: 20px; margin-bottom: 20px;}
.tx-pbsurvey-pi1 .itemform {}
.tx-pbsurvey-pi1 .question {font-size: 120%; font-weight: bold;}
.tx-pbsurvey-pi1 .questionNumber {}
.tx-pbsurvey-pi1 .questionSubtext {font-size: 100%;}
.tx-pbsurvey-pi1 .required {color: #FF0000; vertical-align: super;}
.tx-pbsurvey-pi1 .survey_error {color: #FF0000;}
.tx-pbsurvey-pi1 .additional_ver {margin-left: 20px;}
.tx-pbsurvey-pi1 .matrix {width: 100%;}
.tx-pbsurvey-pi1 .matrix .surveyrow_even {background-color: #CCCCFF;}
.tx-pbsurvey-pi1 .matrix .columnFirst {font-weight: bold; text-align: left;}
.tx-pbsurvey-pi1 .matrix .columnNext {text-align: center;}
.tx-pbsurvey-pi1 .checkbox input {margin-right:5px;margin-top:5px;}
.tx-cwtcommunity-pi1 span {
	text-align: center;
	color: #999999;
	font-weight: normal;
	font-size: 0.9em;
}


/* CATMENU pour l'extranet*/
.news-catmenu{
height:50px;
display:inline;
}

p.news-catmenu-header { margin:0;padding:0;}

div.level1 {
/*	background: url("../images/puce_ancres.gif") no-repeat scroll 0 0.4em transparent;*/
	padding: 0px 0px 0px 10px;
	color: #336699;
}

div.level1 a {
		color: #336699;
		}
		
#treeRoot a {
		color: #336699;
		}		
		
.treeRoot ul li {
	background: url("../images/puce_ancres.gif") no-repeat scroll 0 0.4em transparent;
}

/* PATCH pour contourner tous les #centre ul li qui s'appliquent dans des contenus et dans
un élément de contenu "Texte et Image" et qu'il y a plus d'une image dans l'onglet Media*/
li.csc-textpic-image {
    background-position: -10px -10px !important;
    padding:0px !important;
}

.bodytext {
	clear:both;
}

