#left h3, #center h3 {
text-align : left ;
}

.clearH3 {
clear : both ;
display : block ;
line-height : 1px ;
font-size : 1px ;
}

/* ***** Menu en fonction de l'id du body ***** */

#quisommesnous #subtop {
clear : both ;
background: transparent url('img/FondQui.jpg') 8px top no-repeat    ;
}

html[xmlns*=""] body:last-child #quisommesnous #subtop{
background: transparent url('img/fondDefaut.gif') left bottom no-repeat    ;
}

#quisommesnous #menuSearch {
background: transparent url('img/fondMenuQui.gif') left bottom no-repeat    ;
}

html[xmlns*=""] body:last-child #quisommesnous #menuSearch {
background: transparent url('img/fondMenuDefaut.gif') left bottom no-repeat    ;
}



#lesservices #subtop{
clear : both ;
background: transparent url('img/fondSouris.jpg') 8px top no-repeat    ;
}

#lesservices #menuSearch {
background: transparent url('img/fondMenuServices.gif') left bottom no-repeat    ;
}



#hautdebit #subtop{
clear : both ;
background: transparent url('img/fondPrises.jpg') 8px top no-repeat    ;
}

#hautdebit #menuSearch {
background: transparent url('img/fondMenuHautDebit.gif') left bottom no-repeat    ;
}

#operateurs #subtop{
clear : both ;
background: transparent url('img/fondOperateurs.jpg') 8px top no-repeat    ;
}

#operateurs #menuSearch {
background: transparent url('img/fondMenuOperateurs.gif') left bottom no-repeat    ;
}








#texteCartouche {
float : left ;
width : 230px ;
margin-left : 210px ;
}


/* ----- pages internes sur 1 colonne principale au lieu de left + center ----- */

#colonneInterne {
width : 695px ;
float : left ;
margin : 0 15px  0 0px ;
text-align : left ;
}

#colonneInterneLarge {
background:#fff;
}

/* * * * * haut de contenu : fil d'ariane * * * * */
#colonneInterne #ariane, #colonneInterneLarge #ariane {
clear : both ;
color : #9c9d9f ;
font-size : 0.95em ;
margin-bottom : 8px ;
}
#colonneInterne #ariane a, #colonneInterneLarge #ariane a {
color : #9c9d9f ;
text-decoration : none ;
}
#colonneInterne #ariane a, #colonneInterneLarge #ariane a {
text-decoration : underline ;
}
#colonneInterne h2, #colonneInterneLarge h2 {
float : left ;
display :inline ;
padding : 3px 6px  ;
background-color: #a4b10c ;
font-size : 1.1em ;
color : #fff ;
margin-bottom : 7px  ;
}
#colonneInterne h3, #colonneInterneLarge h3 {
margin:10px 0 ;
/* clear:both;*/ 
}
#colonneInterne #maj, #colonneInterneLarge #maj {
float:right;
color:#9c9d9f;
font-size:0.95em;
}

/* * * * * * blocs de contenu * * * * * */
#content h3 {
width : 100% ;
/* clear : both ;*/ 
margin-top : 10px ;
}
#content h4 {
padding-left : 0px ;
}
#content p {
padding-left : 0px ;
}

#content img {
margin-bottom : 10px ;
}


#content ul {
margin : 0 0 6px 0 ;
list-style-image : url(img/ptRouge.gif) ;
list-style-position : inside ;
}

#content ol {
margin : 0 0 6px 0 ;
list-style-position : inside ;
}

#content ul li, #content ol li {
margin : 5px 0 0 0 ;
}

#content ol li ul , #content ul li ul  {
margin-left : 10px  ;
}




#content #center a, #content #colonneInterne a {
color : #a6b210 ; text-decoration: none
} 

#content #center a, #content #colonneInterne a:hover {
color : #a6b210 ; text-decoration: underline
} 


.actuIllus {
  position:relative;
  float:left;
  margin-right : 10px ;
}
.actuIllus .news-single-img {
 position:relative;
}

.actuIllus .actuLegendWrapper{
  position:absolute;
  left:0px;
  bottom:10px;
  width:100%;

}


.actuIllus .actuLegendContent {
  color: #000;
  margin:10px;
  padding:5px;
  /*background: transparent url('img/fond_trans.png') ;*/
  z-index : 1 ;
  background:#fff;
  -moz-opacity:.70;
  opacity:.70;
  font-size:0.9em;
}

/* * * * Menu niveau 2 * * * */

ul#menu2 {
margin : 0 0 0 11px ;
padding : 0 ;
list-style-type : none ;
}
ul#menu2  li {

}

ul#menu2 li a  {
background : transparent url('img/fl01.gif') 2px 3px no-repeat ;
color : #858585 ;
font-weight : bold ;
font-size : 1em ;
text-decoration : none ;
padding-left : 16px ;
}
ul#menu2 li a:hover, ul#menu2 li a.active  {
background : transparent url('img/fl02.gif') 2px 3px no-repeat ;
color : #C20C1B ;
}

/* * * * * Menu niveau 3 * * * * */

ul#menu3 {
margin : 0 0 0 14px ;
padding : 0 ;
list-style-type : none ;
}
ul#menu3  li {
}
ul#menu3 li a  {
background : transparent url('img/fl01.gif') 2px 3px no-repeat ;
color : #858585 ;
font-weight : bold ;
font-size : 0.9em ;
text-decoration : none ;
padding-left : 16px ;
}
ul#menu3 li a:hover, ul#menu3 li a.active  {
background : transparent url('img/fl02.gif') 2px 3px no-repeat ;
color : #C20C1B ;
}

/* * * * * * * Tableaux insérés dans le RTE * * * * * * */

.contenttable  {
border-collapse: collapse;
}


.contenttable th {
border : 0px ;
border-right : 1px solid #fff ;
}

/*  * * * * * * Tableaux type liste de fichiers * * * * * * */

#content table, #content table tr td  {
border : none ;
font-size : 1em ;
margin-top : 10px ;
}

#content table th {
background-color : #ccc ;
padding : 8px ;
}

#content table th.th1 {
width : 20% ;
}

#content table th.th2 {
width : 80% ;
}

#content table caption {
text-align : left ;
font-size : 1.8em ;
color : #9C9D9F ;

}


#content table tr td {
border-bottom : 1px solid #cecece  ;
padding : 4px ;
vertical-align : top ;
}

#content table tr td a {
color : #000;
font-size : 0.95em ;
}

#content table tr td a:hover {
color : #c20c1b;
}


/* * * * * 
                Plan du site 
                                  * * * * */

#content .csc-sitemap ul li {
margin-top : 20px ;
margin-left : 15px ;
}
#content .csc-sitemap ul li ul li {
margin-top : 5px ;
margin-left : 15px ;
}
#content .csc-sitemap ul li ul li ul li{
margin-top : 5px ;
margin-left : 15px ;
}

#content #center .csc-sitemap ul li a {
font-size : 1.2em ;
font-weight : bold ;
color : #000 ;
}

#content #center .csc-sitemap ul li a:hover {
color : #c20c1b ;
}

#content #center .csc-sitemap ul li ul li a {
font-size : 1em ;
font-weight : bold ;
}

#content #center  .csc-sitemap ul li ul li ul li a {
font-size : 1em ;
font-weight : normal ;
}


/* * * * * * *
                dernières pages mises à jour 
                			* * * * * * */

#content #left a{
color : #000 ;
}

#content #left a:hover {
color : #c20c1b  ;
}


/* -------------  agenda ---------- */

#content p.date {
display : inline ;
font-size : 1.1em ;
}
#content h3.news {
font-size : 1.1em ;
margin-left : 18px ;
font-weight : bold ;
margin-top : 5px ;
}
#content .listNews .infos {
margin-left :18px ;
margin-top : 6px ;
} 
#content .listNews .more {
margin-left : 18px ;
margin-bottom : 20px ;
}
 
#content .listNews h4 {
font-weight : normal ;
margin-left : 18px ;
color: #000 ;
padding : 0 ;
}

/*CARTO */
#content ul.carto3col1,
#content ul.carto3col2,
#content ul.carto3col3 {
margin:10px 0;
padding:0;
list-style:none;
list-style-image:none;
list-style-position:outside ;
display:inline-block;
width:33%;
vertical-align:top;
}
#content ul.carto3col1 li,
#content ul.carto3col2 li,
#content ul.carto3col3 li {
margin:0;
padding:2px 0;
}
#content ul.carto3col1 li label,
#content ul.carto3col2 li label,
#content ul.carto3col3 li label {
vertical-align:top;
display:block;
padding:0 0 0 18px;
}
#content ul.carto3col1 li input,
#content ul.carto3col2 li input,
#content ul.carto3col3 li input {
vertical-align:top;
float:left;
}


/* 2010 - nouvelles colonnes internes */
#content table.deuxCols1,
#content table.deuxCols2 {
margin:0;
border-collapse:collapse;
border-spacing:0;
height:360px;
clear:both;
}
#content table.deuxCols1 tr td,
#content table.deuxCols2 tr td {
vertical-align:top;
padding:0;
border:0;
}
#content table.deuxCols1 tr td a,
#content table.deuxCols2 tr td a {
font-size:1em;
}
#content table.deuxCols1 tr td.gauche {
width:180px;
padding-right:10px;
border-right:1px solid #ccc;
height:100%;
}
#content table.deuxCols2 tr td.gauche {
width:446px;
padding-right:10px;
border-right:1px solid #ccc;
height:100%;
}
#content table.deuxCols1 tr td.droite,
#content table.deuxCols2 tr td.droite {
padding-left:10px;
height:100%;
}

