/* Modifications par rapport à la home */

table#colonnes {
background : #fff url('img/fdInterne.gif') left top no-repeat ;
}

#hautGauche {
background : #A91E57 url('img/fdInterne.gif') left top no-repeat ;
}

#ariane {
float : left ;
width : 100% ;
}


/* menu de gauche niveau 1 */

ul#menuGauche li.active a{
margin-bottom : 0px ;
background-color : #fff ;
color : #A91E57  ;
}


/* menu de gauche niveau 2 */
ul#menuGauche li ul#menuGaucheNiv2 {
margin-top : 1px ;
width : 199px ;
margin-bottom : 6px ;
}
ul#menuGauche li ul#menuGaucheNiv2 li {
display : inline ;
}
ul#menuGauche li ul#menuGaucheNiv2 li a{
padding-top : 4px ;
padding-left : 28px ;
padding-bottom : 4px ;
display : block ;
color : #545253 ;
text-decoration : none ;
font-size : 1em ;
margin-bottom : 0px  ;
font-weight : normal ;
background: #fff url('img/flGriseMenu.gif') 14px 5px  no-repeat ;
}

ul#menuGauche li ul#menuGaucheNiv2 li a:hover, ul#menuGauche li ul#menuGaucheNiv2 li.active a {
background-color : #fff ;
color : #A91E57  ;
text-decoration : none ;
background: #fff url('img/flVioletMenu.gif') 14px 5px  no-repeat ;
}





/*  * * * * * * * * * * * * * * * * * * *  * * 
          colonne centrale 
* * * * * * * * * * * * * * * * * * * * * * * * */
 
#contentMilieu, #menuBas {
width : 440px ;
margin-left : 20px ;
}

/* ***************************************************
                 Pages secteur
*************************************************** */

/* * * * * Text d'intro Secteur * * * * */
#secteurIntro {
margin-top : 10px ;
/*margin-bottom : 30px ;*/
clear : both ;
}

/* modif pierre 20110413 */
/* #secteurIntro p {
font-weight : bold ;
color : #595959 ;
font-size : 0.9em ;
line-height: 1.5em ;
}*/

.texteIntro {
float : left ; 
}

#secteurIntro p span.lettrine {
font-size : 5em ;
float : left ;
color : #a91e57 ;
line-height: 1em ;
padding : 0em ;

}

#liensSecteurIntro {
float : right ;
width : 170px ;
background-color : #F2F2F2 ;
margin : 0 0 6px 12px;
}

#liensSecteurIntro ul {
width : 150px ;
margin : 10px ;
}

#liensSecteurIntro ul li {
margin : 0 0 0 0 ;
padding : 0 0 0 0 ;
background : none ;
padding-left : 0px ;
}

#liensSecteurIntro ul li a {
display : block ;
color : #a91e57 ;
background: transparent url('img/fl2.gif') 5px 3px  no-repeat ;
padding-left : 15px ;
font-size : 0.8em ;
margin : 4px 0;
text-decoration: underline ;
}

#liensSecteurIntro ul li a:hover {

}


/* liens sur page secteurs dans colonne centrale */

.secteurMenu {
width : 200px ;
display:inline-block;
background : transparent url('img/flRoseUne.gif') left top no-repeat ;
margin-bottom : 30px ;
font-size : 0.9em ;
padding-left : 20px ;
vertical-align:top;

}


.secteurMenu ul, .secteurMenu li {
margin : 0 ;
padding : 0 ;
background : none ;
padding-left : 0px ;
}

.secteurMenu h2 {
color : #A91E57 ;
width : 200px ;
font-size : 1.1em ;
font-weight : bold ;
padding-top : 2px ;
background : none ;
/* voir autre s valeurs plus bas */
}

.secteurMenu li {
margin-top : 3px ;
padding-left : 0 ;
}

.secteurMenu a {
color : #000 ;
background : transparent url('img/flVioletMenu.gif') left 2px no-repeat ;
padding-left : 15px ;
}
.secteurMenu a:hover {
color : #A91E57 ;
}

.secteurMenu h2 a {
background : none ;
padding-left : 0 ;
}




/* * * * * Rubrique : encart avec image en haut à droite  * * * * */


/* **************************************************************
                        Spécifique à Rubriques
************************************************************** */

#introRubrique {
font-weight : bold ;
color : #5C5C5C ;
font-size : 1em ;
padding-top : 15px ;
margin-bottom:10px;
}
#introRubrique h1{
font-size : 1.4em ;
margin-bottom:10px;
}


#rubrique #contentMilieu h1, #contentMilieu #introRubrique h1  {
color : #a91e57 ;
font-size : 1.8em ;
background : transparent url('img/flH1Rubrique.gif') left top no-repeat ;
padding-left : 25px ; 
}



#contentMilieu #introRubrique {
margin-top: 10px ; 
}


#rubrique #contentMilieu h2 {
color : #a91e57 ;
font-size : 1.2em ;
background : transparent url('img/flVioletMenu.gif') left 3px no-repeat ;
padding-left : 14px ;
margin-top : 12px ;
clear : both ;
}

#rubrique #contentMilieu h3 {
color : #a91e57 ;
font-size : 1.1em ;
margin-top : 12px ;
clear : both ;
}

#contentMilieu .paragraphe p, #contentMilieu .paragraphe  ul {
font-size : 0.9em ;
}


/* annule h2 précédent */
#rubrique #contentMilieu .secteurMenu h2 {
color : #A91E57 ;
width : 200px ;
font-size : 1.1em ;
font-weight : bold ;
padding-top : 2px ;
background : none ;
padding-left : 0px ;
margin-top : 0px ;
}


/* Paragraphes */

.paragraphe p img {
float : left ;
border : 1px solid #dcdcdc ;
margin-right : 8px ;
}

/* docs */
.droite .docs {
border : 0px solid #dcdcdc ;
clear : both ;
margin-top : 6px ;
font-size : 0.9em ;
width : 440px ;
}
.docs {
border : 1px solid #A91E57;
background : #EFEFEF;
clear : both ;
margin-top : 6px ;
font-size : 0.9em ;
min-height : 80px ;
width : 440px ;
margin-bottom : 40px ;
}

.docs li{
min-height : 37px ;
float : left ;
display : block ;
width : 207px ;
padding : 5px ;
}
.ttcontent .docs ul li{
background:none;
}
.docs li a{
font-weight : bold ;
}

.docs li img{
float : left ;
margin-right : 8px ;
padding-top :4px 
}

br.clear {
clear : both ;
font-size : 0.1em ;
height : 2px ;
display : block ;
}


/* * * * * colonne de droite * * * * **/
#spirales {
/*background : #fff url('img/fdSpirale.gif') left top repeat-y ;*/
margin-bottom : 12px ;
}


#spirales #spirTop {
height : 51px ;
background : transparent url('img/fdRubriqueTop2.gif') left bottom no-repeat ;
}
#spirales #spirMid {
background : transparent url('img/fdRubriqueMid.gif') left top repeat-y ;
padding-left : 40px ;
}
#spirales #spirBas {
height : 12px ;
background : transparent url('img/fdRubriqueBas.gif') left top no-repeat ;
}


#secteur #spirales {
background : #A91E57 url('img/fdSecteurTopDroite.gif') left top no-repeat ;
height :  192px ;
}

#secteur #spirales #spirTop { 
padding-bottom : 0px;
}
#secteur #spirales #spirMid { 
padding-bottom : 0px;
height : 131px ;
background : none ;
}
#secteur #spirales #spirBas { 
padding-bottom : 0px;
background : none ;
}

#spirales #titreSecteur {
width : 156px ;
color : #fff ;
padding : 13px 0 0 80px ;
font-size : 1.6em ;
line-height : 1em ;
height : 38px ;
}



#rubrique #spirales #spirMid { 
padding-bottom : 6px;
}


/* * * * liste docs * * * * */ 
#spirMid ul {
width : 220px ;
margin : 0px ;
padding : 0 ;
padding-top : 8px  ;
}
#spirMid ul li {
/*height : 40px ;*/
font-size : 0.9em;
margin-bottom:5px;

}
#spirMid ul li a {
font-weight : bold ;
}
#spirMid ul li p{

width:170px;
margin-bottom:15px;
float:left;
}
#spirMid ul li img{
/*padding-top : 4px ;*/
float:left;
margin-right : 8px ;
vertical-align:top;
}