/* ******** CONSEILS MD ***** fichier modifié le 23.03 ****  */

h1 {
background : #8320b1 ; 
padding : 2px ;
color : #fff ;
} 
.erreur {
margin : 0 ; padding :0 ; 
}
.colorBold {
font-weight : bold ;
color : #8320b1 ;
}

/* Permet d'ajouter dans les élements un div entourant l'lément voulu */
.bordureViolette {
border : 1px solid #8320b1 ; 
padding : 4px ;
margin-bottom : 10px ;
}
.bordureGrise {
border : 1px solid #61787e ; 
padding : 4px ;
margin-bottom : 10px ;
}

/* Liens type boutons */
.typeBouton {
height: 13px; color: #8320b1; font-weight: bold; text-decoration: none; padding: 4px 10px; border : 1px solid  #8320b1 ;
}
.typeBouton:hover {
height: 13px; color: #61787e ; font-weight: bold; text-decoration: none; padding: 4px 10px; border : 1px solid  #61787e ;
}
/* - - - - - - PAGE SOMMAIRE MON SITE - - - - - - */
.amorce {
color : #000 ;
font-weight : bold ;
text-transform : capitalize ;
font-size : 1.3em ;
}
.blocFiletGen p {
margin : 0 ; padding : 0 ;
}
/* - - - - Tableau de Bord dans la colonne de droite - - - - */

.blocTdB { background-color: #fff; width: 160px ; padding: 0; margin: 0; }
.titreTdB { text-align : center ; clear: both; padding : 5px 10px 3px 10px ; color: #8320b1; font-weight: bold; background : #fff url(../img/conseilsMD/hautTdB.gif) right bottom no-repeat; }
.txtTdB { clear: both ; padding : 5px 5px 3px 5px ; border-top : 1px solid #D0D4D5 ; border-left : 1px solid #D0D4D5 ; border-right : 1px solid #D0D4D5 ; }
.rubriqueTdB { clear: both ; padding : 1px 2px 30px 2px ; color: #000 ; border-left : 1px solid #D0D4D5 ; border-right : 1px solid #D0D4D5 ;border-bottom : 1px solid #D0D4D5 }
.campagneTdB { clear: both ; text-align : center ; padding : 2px 2px 2px 2px ; color: #8320b1 ;background : #fff url(../img/conseilsMD/fdCamp.gif) left top repeat-y; /* border-left : 1px solid #D0D4D5 ; border-right : 1px solid #D0D4D5 ; */  }
.finBlocTdB { clear: both; background : #fff url(../img/conseilsMD/basTdB.gif) right top no-repeat; margin-bottom : 12px ;  }

#nomCampagne { width : 130px ; float : left ; }
#plus { width : 20px ; float : right ; vertical-align : bottom ;}
#avant { width : 8px ; text-align : center ; float : left ; margin : 1px ; padding : 2px 2px 6px 2px ; /* background-color : #e7ebec */ }
#titreRubrique { float : left ; width : 105px ;  text-align : center ; }
#apres { width : 10px ; text-align : center ;  float : right ; margin : 1px ; padding : 2px 2px 6px 2px  ; /* background-color : #e7ebec */ }
 

ul#listeTdB {
padding : 0 ; margin : 0 ; list-style-type: none; 
}
ul#listeTdB li {
padding : 5px 0 ; margin :  0  ; clear : both ; 
}
ul#listeTdB li img {
margin : 2px ; float : left ;
}
ul#listeTdB li a {
/* float : right ;  */
width : 120px
}

a.autreCampagne  { 
margin : 0 ;
color : #8320b1 ; 
text-decoration : none ; 
}
a.autreCampagne:hover  { 
text-decoration : underline ; 
}

/* ------- Page sommaire sous-rubriques, marges sur les liens ------ */
.blocGaucheHome .blocGaucheTxtGen a.fleche { margin-top : 10px ; margin : 10px 0 0 0 ; }
.blocGaucheHome .blocGaucheTxtGen a.fleche:hover { margin-top : 10px }
.blocGaucheHome .blocGaucheTxtGen .margeHaut div a.fleche { margin : 0 }


/* ----------------- CONTENU ----------------- */

/* - - - - DIV ONGLETS  - - - - */

#onglets { 
padding : 10px ; padding-bottom : 0 ;  margin-top : 15px ; float : left ; 
}

/* --- Lien vers le tableau de bord à droite --- */

#lienTdB { 
width : 120px ; float : right ; 
margin : 0 0 4px 0 ; text-align : center ; 
border : 1px solid #8320b1 ; }
#lienTdB a {
color : #8320b1 ; font-weight : bold ; text-decoration : none ;
}
#lienTdB a:hover {
color : #8320b1 ; font-weight : bold ; text-decoration : underline ;
}

/* --- onglets CS , PA , PM --- */
ul#MenuSsRubrique {
margin : 0 ; 
padding: 0 ;
height : 18px ; 
list-style-type : none ; 
display : inline  ; 
list-style-position: inside;
}
ul#MenuSsRubrique li {
display : inline  ; 
margin : 0  1px; 
padding : 6px 15px 6px 15px ; 
width : 105px ; 
height : 18px ;
font-weight : bold ; 
color : #000 ; 
background :  #eeeff0 url(../img/conseilsMD/coin-onglet.gif) right top no-repeat ;
}
ul#MenuSsRubrique li a { 
color : #000 ; 
text-decoration : none ;
}
ul#MenuSsRubrique li a:hover {
color : #000 ; 
text-decoration : underline
}

#tableSTRATPA5 {
text-align : left ;
}
#tableSTRATPA5 td {
width : 50% ;
}
#tableSTRATPA5 td.centre {
text-align : center ;
}

/* -- Rubrique active -- */

ul#MenuSsRubrique li.Active {
display : inline  ; 
margin : 0  1px; 
padding : 6px 15px 6px 15px ; 
width : 105px ; 
height : 18px ;
font-weight : bold ; 
color : #fff ; 
background :  #8320b1 url(../img/conseilsMD/coin_ongletViolet.gif) right top no-repeat ;
}
ul#MenuSsRubrique li.Active a { 
color : #fff ; 
text-decoration : none ;
}
ul#MenuSsRubrique li.Active a:hover {
color : #fff ;
text-decoration : underline
}

/* - - - - DIV ECRAN (affichage des contenus CS, PA...) - - - - */
#Ecran { 
clear : both ; 
margin : 0 ; 
padding : 5px ; 
/* background :  #fff url(../img/conseilsMD/coin_ecran.gif) left top no-repeat ; */
border-top : 2px solid #8320b1 ;
border-left : 2px solid #8320b1 ;
}
#Ecran form {margin : 5px 0  ; padding : 0 ;}
#Ecran h2 { margin : 5px 0  ; padding : 0 ;}

/* ---- LIENS (lire la suite des conseils, etc.)---- */
div.lienBas {
margin-top : 5px ;
}

/* - - - - Connection - - - - */
#Ecran .blocContact { 
text-align : left ;
}

/* ---------------------------------------
            Passer à l'action
------------------------------------------ */
.texte { margin : 0 }

.questionChoix label {
font-weight : bold ; 
color : #61787e ; 
}

.question, .questionChoix {
margin-top : 15px ;
margin-bottom : 10px ;
}

#survey_item1346 .questionChoix {
margin-top : 0px ;
}

/* -----------------------------------------
             Pack Mailing
------------------------------------------- */

#formLiensPackBilan #survey_item1315 {
border-top : 1px solid #61787e ; 
margin-top : 10px
}

.amorceDate {
color : #000 ;
font-weight : bold ;
font-size : 1.3em ;
}

div.questionMD {
margin-top : 10px ;
margin-bottom : 5px ;
width : 100 % ;
}
div.reponseMD {
margin-bottom : 5px ;
}

div.reponseMD p {
margin : 0 ;
}
/*
.selValide a { 
height: 13px; background-image: url(../img/fleche_couleur.gif); background-repeat: no-repeat; color: #8320b1; font-weight: bold; text-decoration: none; padding-left: 15px
}	 
.selValide a:hover {
background-image: url(../img/fleche_grise.gif); background-repeat: no-repeat; color: #61787e; text-decoration: none; padding-left: 15px;
}
*/
.md1 label {
font-weight : bold ; 
color : #61787e ; 
}

form.MDformLeft { 
margin : 0 ; padding : 0 ;
width : 18% ; 
float : left ; 
text-align : center ;
}
.paragraphe form { 
margin : 0 ; padding : 0 ;
}

form.MDformLeft .submit{ 
/*margin-top : 69px ; */
}
form.MDformRight { 
width : 78% ; 
float : right; 
text-align : right ;
font-weight : bold ;
color : grey ; 
}
form.MDformRight label { 
width : 90% ; 
float : right; 
text-align : left ;
font-weight : bold ;
vertical-align : top ;
color : #61787e ; 
}
form.MDformRight textarea {
width : 360px;
height : 60px ;
margin-bottom : 10px ;
}
formEnvoyerPM { 
float : right; 
font-weight : bold ;
color : grey ; 
}
.formEnvoyerPM label { 
width : 90% ; 
text-align : left ;
font-weight : bold ;
vertical-align : top ;
color : #61787e ; 
}
.formEnvoyerPM textarea {
width : 260px;
height : 100px ;
margin-bottom : 10px ;
margin-left : 5px ;
}

a.flechePM { height: 13px; background-image: url(../img/fleche_couleur.gif); background-repeat: no-repeat; color: #8320b1; font-weight: bold; text-decoration: none; padding-left: 15px; }	 

a.flechePM:hover { background-image: url(../img/fleche_grise.gif); background-repeat: no-repeat; color: #61787e; text-decoration: none; padding-left: 15px; }

	

/* --- PACK BILAN MS --- */

.finBlocHome { 
background-position : right bottom ; 
height : 20px ;
}

.bilanMS-valide {
font-weight : bold ;
padding-bottom : 2px ;
margin-bottom : 2px ;
border-top : 1px solid black ; 
}
.bilanMS-nonValide {
font-weight : bold ; 
padding-bottom : 2px ;
margin-bottom : 2px ;
border-top : 1px solid black ;
}


/* ---------------- Inscription à Mon site ------------ */
.blocContactMD {
float: left;  width: 95%; padding-top: 5px; text-align: right; margin-left : 2px ;
}
.blocContactMD inputContact {
margin-right : 10px ;
}
p.submitAlignRight {
text-align : right ; clear : both ; margin-top : 5px ; padding-top : 5px ; padding-right : 22px ;
}