/*

#####################################################################################################################

Structuration / Mise en page

#####################################################################################################################

*/


body{
  margin:0;
  padding:0;
  font: normal 0.85em Verdana;
  line-height: 1.5em;
  background: #EFF3F7;
  height: 100%;
}

a {
  color: #993300;  
  text-decoration: none;
}

a:link {

}

a:visited {

}

a:hover {
  text-decoration: underline;
}




div#conteneurPrincipal {
  width: 990px; 
  margin: 0 auto; 
  padding-left: 5px;
  padding-right: 5px;
  background: #FFFFFF;    
}

div#conteneurPrincipal div#bandeauFormaSarthe {
  width: 100%;
  height: 90px; 
  background: #E51801 url(img/bandeau-formasarthe.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;    
}


div#conteneurPrincipal div#posTop {
    
}


div#conteneurPrincipal div#zoneContenuPrincipal2Cols {
  min-height: 400px;
  clear: both;
  overflow: visible;
  background: #ddd url(img/zonecn-colonnesf.gif);
}


div#conteneurPrincipal div#zoneContenuPrincipal2Cols div#enveloppeContenuPrincipalColonneGauche {
  min-height: 400px;
  background: #ddd url(img/zonecn-colonnesf.gif);
  float: left;
  width: 100%; 
}


div#conteneurPrincipal div#zoneContenuPrincipal2Cols div#enveloppeContenuPrincipalColonneGauche div#contenuPrincipalColonneGauche {
  margin-right: 200px; 
  padding-left:10px;
  padding-right:10px;
}


div#conteneurPrincipal div#zoneContenuPrincipal2Cols div#enveloppeContenuPrincipalColonneGauche div#contenuPrincipalColonneGauche div#posBreadcrumb {

}

div#conteneurPrincipal div#zoneContenuPrincipal2Cols div#enveloppeContenuPrincipalColonneGauche div#contenuPrincipalColonneGauche div#posScroll {

}


div#conteneurPrincipal div#zoneContenuPrincipal2Cols div#enveloppeContenuPrincipalColonneGauche div#contenuPrincipalColonneGauche div#component {

}


div#conteneurPrincipal div#zoneContenuPrincipal2Cols div#contenuPrincipalColonneDroite {
  float: left;
  width: 170px; 
  margin-left: -200px; 
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 15px;
}


div#conteneurPrincipal div#zoneContenuPrincipal2Cols div#colonneDroite div#posRight {
    
}


div#conteneurPrincipal div#zonePiedDePage2Cols {
  clear: both;
  width: 100%;  
}

div#conteneurPrincipal div#zonePiedDePage2Cols div#enveloppePiedDePageColonneGauche {
  margin-top: 5px;
  float: left;
  width: 100%;  
}

div#conteneurPrincipal div#zonePiedDePage2Cols div#enveloppePiedDePageColonneGauche div#piedDePageColonneGauche {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-right: 200px; 
  text-align: center;
  border: solid 1px #cccccc;
  background: #F7F7F7;  
  height: 20px;
}

div#conteneurPrincipal div#zonePiedDePage2Cols div#enveloppePiedDePageColonneGauche div#piedDePageColonneGauche div#posBottom {
  
}

div#conteneurPrincipal div#zonePiedDePage2Cols div#piedDePageColonneDroite {
  margin-top: 5px;
  float: left;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 200px; 
  margin-left: -200px; 
  text-align: center;  
}

div#conteneurPrincipal div#zonePiedDePage2Cols div#piedDePageColonneDroite p {
  width: 160px;
  padding-left: 10px;
  padding-right: 0px;
  margin: 0 auto;
  font: normal 0.75em Verdana;
  border: solid 1px #cccccc;
  background: #B5E3ED url(img/fleche-upto.gif);
  background-repeat: no-repeat;
  background-position: 3px 50%;  
}

div#conteneurPrincipal div#zonePiedDePage2Cols div#piedDePageColonneDroite p  a {
  color: #2F0349;
  text-decoration: none;  
}

div#conteneurPrincipal div#zonePiedDePage2Cols div#piedDePageColonneDroite p  a:hover {
  color: #FF0000;
  text-decoration: underline;
}


div#conteneurPrincipal div#zoneMenuAdmin {

}






/*

#####################################################################################################################

Restitution / Contenu des articles

#####################################################################################################################

*/


div#component {
  font: normal 0.9em Verdana;    
  padding-bottom: 15px;
}

div#component div#page {
  padding: 8px;
  text-align: justify;
}

div#component div#page h2.contentheading {
  border-bottom:1px dashed #317D94;
  color:#84AA18;
  font: normal 1.5em Verdana;  
}

div#component div#page p.buttonheading {
  
}

div#component div#page p.buttonheading img {
  border: none;
}


div#component div#page div.contentpaneopen_edit {
  
}

div#component div#page div.contentpaneopen_edit {
  
}

div#component div#page div.contentpaneopen_edit span.hasTip {
  
} 

div#component div#page div.contentpaneopen_edit span.hasTip img {
  border: none;
} 

div#component div.componentheading {
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom:1px dashed #317D94;
  color:#84AA18;
  font: normal 1.5em Verdana;  
}


div#component  h3 {
  clear: both;  
}

div#component  p {
  clear: both;  
}

div#component a {
  font-weight: bold;
}

div#component div#page img {
  border: solid 1px #aaaaaa;
}


div#component div#page ul {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 25px;
  margin-right: 0px;
  padding: 0px;
}

div#component div#page ul  li {
  margin: 5px;
  padding: 0px;  
}





div#component div#page div.ImgCentre01 {
  clear: both;
  padding: 0px;
  text-align: center;
}

div#component div#page div.ImgEtLi01 {
  clear: both;
  padding: 0px;
  margin-top: 25px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  overflow: auto;
}

div#component div#page div.ImgEtLi01 img {
  float: left;
  margin-left: 50px;
  margin-right: 50px;
}

div#component div#page div.ImgEtLi01 ul {
  margin-top: 15px;
  margin-bottom: 5px;
  margin-left: 25px;
  margin-right: 0px;
  padding: 0px;
}

div#component div#page div.ImgEtLi01 ul li {
  margin: 5px;
  padding: 0px;  
}


div#component div#page div.ImgEtImg01 {
  clear: both;
  margin: 0px auto;
  text-align: center;
}

div#component div#page  div.ImgEtImg01 img {
  float: left;
  margin-left: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
}


div#component div#page div.ecouter {
  clear: both;
  font-size: 1em;
  font-weight: bold;
  color: #333333;
  padding-left: 57px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
  margin: 0px;
  }


div#component div#page div.enveloppePlayer {
  clear: both;
  padding-left: 50px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
}


div#component div#page table.tableauListeExposants {
  clear: both;
}

div#component div#page td.tdLigneInfosExposantCol1 {
  width: 660px;
  background-color: #fffffa;
  border: solid 1px #cccccc;
  height: 25px;
  padding: 5px;
  font: normal 0.9em Verdana;
}

div#component div#page td.tdLigneInfosExposantCol2 {
  width: 60px;
  background-color: #fffffa;
  border: solid 1px #cccccc;
  height: 25px;
  text-align: center;
  padding: 5px;
  font: normal 0.9em Verdana;

}





/*

#####################################################################################################################

Restitution / Résultat de recherche

Suffixe de classe spécifié : _searchres

(au niveau de la configuration de l'item de menu associé)

#####################################################################################################################

*/

div.componentheading_searchres {
  border-bottom:1px dashed #317D94;
  color:#84AA18;
  font: normal 1.5em Verdana;  
  margin-top: 15px;
  margin-bottom: 15px;
}

table.contentpaneopen_searchres {

}

table.contentpaneopen_searchres tr {

}

table.contentpaneopen_searchres tr td {
  padding: 2px;
} 

table.contentpaneopen_searchres tr td fieldset {
  border: 0px;
} 

table.contentpaneopen_searchres tr td fieldset div {
  padding: 1px;
} 

table.contentpaneopen_searchres tr td fieldset div a {
  font-weight: bold ;
} 



/*

#####################################################################################################################

Restitution / Tags

(modification apportée au niveau du template default du composant)

#####################################################################################################################

*/


 table.contentpaneopen_tag {

}

 table.contentpaneopen_tag tr {

}

 table.contentpaneopen_tag tr td {
  padding: 3px;
}

 table.contentpaneopen_tag tr a{
  font-weight: bold;
}



/*

#####################################################################################################################

Restitution / Modules sans suffixes

#####################################################################################################################

*/


div.moduletable {
  margin: 0px;
  padding: 0px;
}





/*

#####################################################################################################################

Restitution / Module Superfish

Suffixe de classe spécifié : _superfishmainmenu

(au niveau du menu de configuration : paramètres avancés)

Rappel : l'essentiel du rendu est géré au niveau du fichier superfish-topmenu.css

#####################################################################################################################

*/

div.moduletable_superfishmainmenu {
  
}








/*

#####################################################################################################################

Restitution / Module mooticker

#####################################################################################################################

*/


div#posScroll {
  margin-top: 3px;
  clear: both;  
  width: 765px;
  height: 20px;
  position: relative; 
  z-index: 1;
}



div#posScroll moduletable {
}







/*

#####################################################################################################################

Restitution / Module breadcrumb

Suffixe de classe spécifié : _breadcrumb

#####################################################################################################################

*/


div.moduletable_breadcrumb {
  clear: both;  
  background: #37A8B9;
  border-top: solid 1px #294D73;
  margin-top: 6px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 25px;
  padding-right: 8px;
  font: bold 0.9em Verdana;
  color: #ffffff;
  background-image: url(img/pucereperenavigation.gif);
  background-repeat: no-repeat;
  background-position: 5px 50%;    
}

div.moduletable_breadcrumb a {
  text-decoration: none;
  color: #ffffff;  
}

div.moduletable_breadcrumb a:hover {
  text-decoration: underline;
  color: #FAF8DE;  
}





/*

#####################################################################################################################

Restitution / Module search

Suffixe de classe spécifié : _search

#####################################################################################################################

*/

div.moduletable_search {
  background-color:#FAFAE8;
  border:1px solid #DDDDDD;  
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

div.moduletable_search form {
  margin: 0px;
  padding: 0px;
}


div.moduletable_search form input.inputbox_search {
  width: 110px;
  height:15px;
  padding-left:2px;
  margin-right:10px;
  padding-top:3px;
  background-color: #FFFFFF;
  border: 1px solid #AAAAAA;
  font: normal 9px arial;  
}

div.moduletable_search form input.button_search {
  height:19px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
  background: #F33737;
  border: solid 1px #000000;
  font: bold 11px arial;
  color: #ffffff;  
}




/*

#####################################################################################################################

Restitution / Module mod_custom (html personnalisé)

Rappel : ce module est inséré via un module metamod

Suffixe de classe spécifié : _custom_html

#####################################################################################################################

*/

div.module_custom_html, div.moduletable_custom_html {
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;  
  font: normal 0.85em Arial;
  color: #111111;  
  text-align: right;
}

div.module_custom_html  hr, div.moduletable_custom_html hr {
  border-style: dashed;
  border-color: #cccccc;
  height: 1px;
  margin-top: 0px;
  margin-bottom: 20px;
  margin-right: 10px;
  margin-left: 10px;  
}

div.module_custom_html p, div.moduletable_custom_html p {
  margin: 0px;
  padding-top: 0px;
  padding-right: 12px;
  padding-bottom: 0px;
  padding-left: 0px;  
  text-align: right;
}


/*

#####################################################################################################################

Restitution / Module articlelist

Rappel : ce module est inséré via un module metamod

Suffixe de classe spécifié : _menu_liste_rubriques

#####################################################################################################################

*/


div.module_menu_liste_rubriques {
  font: normal 0.85em Arial;
  color: #333333;
  margin: 0px;
}

div.module_menu_liste_rubriques ul.menu_menu_liste_rubriques {
  text-align: right;
  list-style-type: none;
  margin: 0px;
  padding: 0px;  
}

div.module_menu_liste_rubriques ul.menu_menu_liste_rubriques li.menuitem {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 15px;
  background-image: url(img/fleche-orange-gauche.gif);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  margin: 0px;
}

div.module_menu_liste_rubriques ul.menu_menu_liste_rubriques li.menuitem a {
  color: #FF6500;
  line-height: 1.5em;
  text-decoration: none;  
}

div.module_menu_liste_rubriques ul.menu_menu_liste_rubriques li.menuitem a:hover {
  color: #33A2B3;
  text-decoration: underline;
}



/*

#####################################################################################################################

Restitution / Module modmainmenu

Suffixe de classe spécifié : _bottommenu

#####################################################################################################################

*/


div.moduletable_bottommenu {
  
}

div.moduletable_bottommenu ul.menu {
  padding-top: 3px;
  margin: 0px;
  font: normal 0.8em Verdana;
}

div.moduletable_bottommenu ul.menu li {
  display: inline;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 5px;
  margin: 0px;
}

div.moduletable_bottommenu ul.menu li a {
  color: #993300;
  text-decoration: none;  
}


div.moduletable_bottommenu ul.menu li a:hover {
  color: #FF0000;
  text-decoration: underline;  
}
 
 
 

/*

#####################################################################################################################

Restitution / Module modmainmenu

Suffixe de classe spécifié : _adminmenu

#####################################################################################################################

*/


div.moduletable_adminmenu {
  clear: both;
  margin-top: 30px;
  background: #ff0000;
  border: solid 1px #000000;
  padding: 5px;
}

div.moduletable_adminmenu ul.menu {
  padding-top: 3px;
  font: normal 0.8em Verdana;
  color: #ffffff;
}

div.moduletable_adminmenu ul.menu li {
  display: inline;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 50px;
  padding-right: 5px;
  margin: 0px;
}

div.moduletable_adminmenu ul.menu li a {
  color: #ffffff;
  text-decoration: none;  
  font-weight: bold;
}


div.moduletable_adminmenu ul.menu li a:hover {
  color: #ffffff;
  text-decoration: underline;  
}