#conteneur {
position: relative;
width: 1004px;
margin: 0;
background: none;
}

/* Centre de la page */
#centre {
margin-left: 6px;
}

div#cadre_hors_serie { /* conteneur global et chapeau de l'arrière plan */
float:left;
bottom: 0;
padding: 15px 0 0 0px;
height:157px;
width:455px;
background-image:url(../images/charte/fd_cadre_hors_serie.png);
background-repeat:no-repeat;
margin:0px 0 0 0px;
}

div#cadre_hors_serie p {
text-align:center;
color:#717171; 
font-size:13px;
line-height:16px;
margin: 10px 15px 0px 15px;
font-weight:bold;
}

div#cadre_hors_serie h1 {
margin-top:20px;
font-size: 1.0em;
text-transform:uppercase;
text-align:center;
color:#EFB42F;
}

div#largeur_top { /* conteneur global et chapeau de l'arrière plan */
position:relative;
margin:0;
bottom: 0;
height:154px;
width:989px;
padding:2px 0px 2px 10px;
color:#EFB42F;
text-align:center;
}

div#cadre_faceaface { /* conteneur global et chapeau de l'arrière plan */
float:left;
bottom: 0;
padding: 22px 0 0 0px;
height:118px;
width:326px;
background-image:url(../images/charte/fd_cadre_faceaface.png);
background-repeat:no-repeat;
margin:0px 0 0 0px;
}


#cadre_faceaface input { 
margin: 0px 10px 0px 20px;
}

#cadre_faceaface label {
font-weight:bold;
width:80px;
margin:0px 0px 10px 0px;
}

#cadre_faceaface #candidat_1 {
margin-left:8px;
float:left;
width:97px;
height:50px;
text-align:center;
font-weight:bold;
color:#EFB42F;
}


#cadre_faceaface #candidat_2 {
float:left;
margin-left:10px;
width:80px;
height:60px;
text-align:center;
font-weight:bold;
color:#EFB42F;
}

#cadre_faceaface #candidat_2 select {
margin-top:2px;
border:1px solid #8B306B;
color:#8B306B;
font-size: 0.8em;
width:80px;
}

#cadre_faceaface #candidat_1 select {
margin-top:2px;
border:1px solid #8B306B;
color:#8B306B;
font-size: 0.8em;
width:80px;
}

#hop {
position:relative;
right:0px;
top:20px;
}


div#qcm { /* conteneur global et chapeau de l'arrière plan */
float:left;
bottom: 0;
padding: 6 5 0 4px;
height:144px;
width:330px;
background-image:url(../images/charte/fd_cadre_qcm.png);
background-repeat:no-repeat;
margin:0px 0 0 5px;
color:#5E5E5E;
font-size: 11px;
font-weight:normal;
}

div#poser_question{ /* conteneur global et chapeau de l'arrière plan */
float:right;
padding: 0px;
height:134px;
width:206px;
background-image:url(../images/charte/fd_poser_question.png);
background-repeat:no-repeat;
margin-top:7px;
}

div#menu_candidat{ /* conteneur global et chapeau de l'arrière plan */
float:left;
height:134px;
width:760px;
}

/******************BOX ONGLET****************/
.bloc-onglet-titre{
float:left;
height:508px;
width:669px;
padding-top:13px;
margin-left:5px;
background:url(../images/charte/fd_onglet_titre.png) no-repeat 0 36px;
}

.bloc-onglet{
width:669px;
height:508px;
margin:0;
padding:0px 6px 30px 7px !important;
padding:0px 5px 30px 5px;
background:url(../images/charte/fd_onglet.png) no-repeat left top;
}


div#qcm h1{
margin:10px 5px 0px 10px;
padding:0px 0px 0px 2px;
color:#8B306B;
font-weight:bold;
font-size: 11px;
}

div#qcm p{
margin:10px 5px 0px 10px;
font-weight:normal;
}

div#qcm a{
text-decoration:none;
color:#8B306B;
font-weight:bold;
}

#qcm a:hover{
text-decoration:underline;
color:#5E5E5E;
}

div#jukebox { /* conteneur global et chapeau de l'arrière plan */
float:left;
bottom: 0;
padding:0px;
height:270px;
width:640px;
margin:0px 0 0 0;
}

div#actu{ /* conteneur global et chapeau de l'arrière plan */
float:left;
bottom: 0;
padding:0px;
height:270px;
width:640px;
margin:0px 0 0 0;
color:#8A8989;
}

div#actu p a{ /* conteneur global et chapeau de l'arrière plan */
color:#8A8989;
font-weight:bold;
font-size:1.1em;
}

div#actu .plus_news a{ /* conteneur global et chapeau de l'arrière plan */
float:right;
font-weight:bold;
}

div#actu .ligne_actu  img{ /* conteneur global et chapeau de l'arrière plan */
clear:both;
float:left;
border:1px solid #8A8989;
margin:4px;
width:70px;
}

div#actu .ligne_actu { /* conteneur global et chapeau de l'arrière plan */
border-bottom:1px dotted #8A8989;
height:105px;
}

#infos {
font-size: 0.85em;
color:#8B306B;
margin:0 0 15px 0;
}

div#col_index_droite { /* conteneur global et chapeau de l'arrière plan */
float:right;
bottom: 0;
height:185px;
width:310px;
margin:20px 0 0 0;
padding:5px 0 0 0;
}

div#partenaires { /* conteneur global et chapeau de l'arrière plan */
padding:0px;
margin-top:15px;
height:185px;
width:310px;
}

#partenaires .logo {
margin:7px 20px 7px 0px;
float:left;
display:inline;
height:75px;
text-align:center;
}

div#ban_bas { /* conteneur global et chapeau de l'arrière plan */
float:left;
bottom: 0;
padding:10px;
height:255px;
width:305px;
margin:4px 0 0 0px;
}

.theme_jour { /* conteneur global et chapeau de l'arrière plan */
position:relative;
margin:10px 2px 0px 2px;
padding:14px 2px 0px 2px;
height:196px;
width:138px;
background-image:url(../images/charte/theme_jour.png);
background-repeat:no-repeat;
background-position:top left;
text-align:center;
color:#5E5E5E;
}

div.theme_jour p{
padding:0px 0px 0px 2px;
margin:0 0 0px 0;
font-weight:normal;
font-size:1em;
line-height:1.2em;
text-align:left;
} 

div.theme_jour a{
color:#8B306B;
font-weight:bold;
font-size:1em;
line-height:1.2em;
text-align:left;
} 

div.theme_jour h1{
margin:0px;
padding:0px 0px 0px 2px;
color:#8B306B;
font-weight:bold;
font-size:1em;
line-height:1.2em;
text-align:left;
} 


/* colonne du milieu */
#colonne_milieu p{ 
margin-top:15px;
color:#EFB42F;
font-weight:bold;
font-size: 12px;
text-transform:uppercase;
text-align:center;
margin:0;
}


/* Encart dernières publications */


div#dernieres_publications { 
width:212px;
height:285px;
color:#5E5E5E;
font-size: 11px;
font-weight:bold;
background-image:url(../images/charte/fd_cadre_dernieres_publicat.png);
background-repeat:no-repeat;
padding: 10px 0px 5px 0px;
}

#dernieres_publications p{
margin:9px 8px 0px 10px;
}

#dernieres_publications .plus{
text-decoration:none;
font-size: 13px;
color:#8B306B;
}

#dernieres_publications  a{
text-decoration:none;
color:#5E5E5E;
}
#dernieres_publications  a:hover{
text-decoration:underline;
color:#5E5E5E;
}


/* Parametres d'agrandissement des menus */
div#bloc_cadre_menu_gauche{ /* conteneur global et chapeau de l'arrière plan */
height:775px;
z-index:99999999;
}

#candidats{
float:left;
margin:0;
bottom: 0;
height:144px;
width:657px;
margin-top:5px;
padding:2px 0px 10px 5px;
color:#EFB42F;
text-align:center;
background-image:url(../images/charte/fd_cadre_candidats.jpg);
background-repeat:no-repeat;
}

#candidats_index{
float:left;
margin:0;
bottom: 0;
height:138px;
width:774px;
margin-top:5px;
padding:2px 0px 7px 0px;
color:#EFB42F;
text-align:center;
background-image:url(../images/charte/fd_cadre_candidats_index.jpg);
background-repeat:no-repeat;
}

/* Encart page centrale */
#cadre_fond {
float:left;
width:443px;
border:1px solid #8B306B;
margin:0px 0px 0px 4px;
padding:0px;
}


#hautdroit, #hautgauche, #basdroit, #basgauche {
height:7px;
width:7px;
background-repeat:no-repeat;
font-size:1px; /* correction d'un bug IE*/
}

#hautgauche {
float:left;
position:relative;
top:-1px;
left:-1px;
background-image:url(../images/charte/fd_cadre_violet_hg.jpg);
}

#hautdroit {
float:right;
position:relative;
top:-1px;
right:-1px;
background-image:url(../images/charte/fd_cadre_violet_hd.jpg);
}

#page_centrale_large_titre {
position:relative;
top:-10px;
right:-13px;
width:100px;
height:20px;
background-color:#FDFDFD;
color:#9D3180;
font-family: "Trebuchet MS", Arial, sans-serif;	
font-size: 1.2em;
font-weight:bold;
z-index:1;
}

/* Encart Actions sitoyen */
#action_sitoyen{
margin:0px 0 0 10px;
padding-top:50px;
width:189px;
height:301px;
text-align:left;
background-image:url(../images/charte/fd_acte_sitoyen.jpg);
background-repeat:no-repeat;
}

#action_sitoyen p{
margin:0;
padding:0px 22px 10px 25px;
color:#8B8B8B;
font-style:normal;
font-size: 0.85em;
text-align:left;
font-weight:lighter;
}

#action_sitoyen a{
padding:0px 12px 0px 20px;
}

#action_sitoyen .bouton{
padding:0px 12px 0px 35px;
}

/* Partie centrale (contenu) */
#centre {
height:920px;
}

div#cadre_hors_serie { /* conteneur global et chapeau de l'arrière plan */
float:left;
bottom: 0;
padding: 15px 0 0 0px;
height:157px;
width:455px;
background-image:url(../images/charte/fd_cadre_hors_serie.png);
background-repeat:no-repeat;
margin:0px 0 0 0px;
}

div#cadre_hors_serie p {
text-align:center;
color:#717171; 
font-size:13px;
line-height:16px;
margin: 10px 15px 0px 15px;
font-weight:bold;
}

div#cadre_hors_serie h1 {
margin-top:20px;
font-size: 1.0em;
text-transform:uppercase;
text-align:center;
color:#EFB42F;
}


/* Colonne droite specifique programmes */
#colonne_droite{
margin:15px 0 0 0;
padding:0px 2px 0px 2px;
bottom: 0;
height:900px;
width:144px;
text-align:right;
color:#8B8B8B;
font-size: 0.85em;
border-left:1px solid #8B306B;
}

#colonne_droite p a{
text-decoration:none;
}
#colonne_droite a:hover{
text-decoration:underline;
}



/* colonne du milieu */
#colonne_milieu p{ 
margin-top:15px;
color:#EFB42F;
font-weight:bold;
font-size: 12px;
text-transform:uppercase;
text-align:center;
margin:0;
}


div#colonne_centre { 
float:right;
width:208px;
height:525px;
margin-right:4px;
}

/* Encart dernières publications */


div#dernieres_publications { 
width:212px;
height:285px;
color:#5E5E5E;
font-size: 11px;
font-weight:bold;
background-image:url(../images/charte/fd_cadre_dernieres_publicat.png);
background-repeat:no-repeat;
padding: 25px 0px 5px 0px;
}

#dernieres_publications p{
margin:10px 8px 0px 10px;
}

#dernieres_publications .plus{
text-decoration:none;
font-size: 13px;
color:#8B306B;
}

#dernieres_publications  a{
text-decoration:none;
color:#5E5E5E;
}
#dernieres_publications  a:hover{
text-decoration:underline;
color:#5E5E5E;
}


/* Parametres d'agrandissement des menus */
div#bloc_cadre_menu_gauche{ /* conteneur global et chapeau de l'arrière plan */
height:775px;
z-index:99999999;
}

#candidats{
float:left;
margin:0;
bottom: 0;
height:144px;
width:657px;
margin-top:5px;
padding:2px 0px 10px 5px;
color:#EFB42F;
text-align:center;
background-image:url(../images/charte/fd_cadre_candidats.jpg);
background-repeat:no-repeat;
}

/* Encart page centrale */
#cadre_fond {
float:left;
width:443px;
border:1px solid #8B306B;
margin:0px 0px 0px 4px;
padding:0px;
}


#hautdroit, #hautgauche, #basdroit, #basgauche {
height:7px;
width:7px;
background-repeat:no-repeat;
font-size:1px; /* correction d'un bug IE*/
}

#hautgauche {
float:left;
position:relative;
top:-1px;
left:-1px;
background-image:url(../images/charte/fd_cadre_violet_hg.jpg);
}

#hautdroit {
float:right;
position:relative;
top:-1px;
right:-1px;
background-image:url(../images/charte/fd_cadre_violet_hd.jpg);
}

/* Bloc contenu eclairage */
#page_theme {
position:relative;
width:443px;
margin:0px;
padding:0px;
line-height:16px;
color:#4D4D4D;
text-align:justify;
z-index:1;
}

#page_theme div {
margin:5px;
padding:0px;
z-index:1;
}

#page_theme p {
margin:5px;
padding:0px;
z-index:1;
}

#page_theme a {
color:#A1045A;
text-decoration:underline;
}

#page_theme img {
float:left;
margin:4px;
z-index:1;
}

#page_centrale_large_titre {
position:relative;
top:-10px;
right:-13px;
width:100px;
height:20px;
background-color:#FDFDFD;
color:#9D3180;
font-family: "Trebuchet MS", Arial, sans-serif;	
font-size: 1.2em;
font-weight:bold;
z-index:1;
}

/**** BOUTON  ONGLET ****/
.bt-video, .bt-actu, .bt-video2, .bt-actu2{
float:left;
cursor: pointer;
height:25px;
width:75px;
margin:0;
padding:0;
margin-left:30px;

}

.bt-video a , .bt-actu a ,.bt-video2 a , .bt-actu2 a {
text-decoration: none;
}

.bt-video a:hover , .bt-actu a:hover ,.bt-video2 a:hover , .bt-actu2 a:hover {
text-decoration: none;
}

.bt-actu{
display:block;
text-decoration: none;
height:25px;
background:url(../images/charte/bt-actu.png) no-repeat scroll left top;
}

.bt-video{
display:block;
text-decoration: none;
height:25px;
background:url(../images/charte/bt-video.png) no-repeat scroll left top;
}

.bt-actu2{
display:block;
text-decoration: none;
height:25px;
background:url(../images/charte/bt-actu.png) no-repeat scroll left bottom;
}

.bt-video2{
display:block;
text-decoration: none;
height:25px;
background:url(../images/charte/bt-video.png) no-repeat scroll left bottom;
}