html, body{
height: 100%;
margin: 0px;
padding: 0px;
}
body {
text-align: center;
color: #000000;
background-color: #FFFFFF;
font: 100% Verdana, Arial, Helvetica, sans-serif;
}
html>body
{
overflow:100%;
}
html>body #FlyParent
{
height:auto;
}
div#FlyParent {
width: 955px;
position: relative;
margin: 0px auto;
height:auto;
}
div#container {
margin-bottom:0;
position: relative;
width: 100%;
height: auto;
float: left;
top: 5px;
}
html>body #container{
height:auto;
}
input, textarea, button, select {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
}
pre {
font-family: monospace;
font-size: small;
}
img{
vertical-align:middle;
border:0;
}
.generalErrorText {
color: red;
}
.clearing {
clear: both;
}
.layoutRow {width: 100%; }
.layoutColumn {width: 100%; }
#mainContent {
padding: 5px;
}
#topNav{
position: relative;
width:100%;
height: 30px;
font-size: 11px;
margin-top:0;
top: 5px;
}
#topNav ul {
margin:0;
list-style:none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
position: relative;
height: 30px;
}
#topNav li{
float:left;
margin:0px;
display: inline;
left: 30px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 9px;
}
#topNav a {
float:left;
display:block;
width:0.1em;
text-decoration:none;
font-weight:bold;
white-space:nowrap;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 4px;
padding-left: 6px;
height: 20px;
}
#topNav > ul a {
width:auto;
}
/* End IE5-Mac hack */
#topNav a:visited {
color:#ffffff;
}
#topNav li:visited, #topNav li:visited a {
background-position:0% -150px;
color:#ffffff;
line-height: 22px;
}
#topNav li:visited a {
background-position:100% -150px;
line-height: 22px;
}
#topNav a:hover {
color:#536d7a;
line-height: 20px;
}
#topNav li:hover, #topNav li:hover a {
background-position:0% -150px;
color:#536d7a;
}
#topNav li:hover a {
background-position:100% -150px;
}
li#topNavParticuliers {
background-image: url(/wps/themes/html/espaces/images/topNav/particulier_r1_c1.gif);
float:left;
margin:0;
background-repeat: no-repeat;
background-position: left top;
display: inline;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 18px;
position: relative;
left: 30px;
line-height: 20px;
color: #FFFFFF;
}
#topNavParticuliers a {
background-image: url(/wps/themes/html/espaces/images/topNav/particulier_r1_c2.gif);
float:left;
display:block;
width:0.1em;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
white-space:nowrap;
background-repeat: no-repeat;
background-position: right top;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 4px;
padding-left: 0px;
position: relative;
}
li#topNavEtudiants {
background-image: url(/wps/themes/html/espaces/images/topNav/etudiants_r1_c1.gif);
float:left;
margin:0;
background-repeat: no-repeat;
background-position: left top;
display: inline;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 18px;
position: relative;
left: 30px;
line-height: 16px;
color: #FFFFFF;
}
#topNavEtudiants a {
background-image: url(/wps/themes/html/espaces/images/topNav/etudiants_r1_c2.gif);
float:left;
display:block;
width:0.1em;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
white-space:nowrap;
background-repeat: no-repeat;
background-position: right top;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 4px;
padding-left: 0px;
position: relative;
line-height: 20px;
}
li#topNavProfessionnels {
background-image: url(/wps/themes/html/espaces/images/topNav/professionnels_r1_c1.gif);
background-repeat: no-repeat;
background-position: left top;
display: inline;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 18px;
position: relative;
left: 30px;
line-height: 20px;
color: #FFFFFF;
}
#topNavProfessionnels a {
background-image: url(/wps/themes/html/espaces/images/topNav/professionnels_r1_c2.gif);
float:left;
display:block;
width:0.1em;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
white-space:nowrap;
background-repeat: no-repeat;
background-position: right top;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 4px;
padding-left: 0px;
position: relative;
}
li#topNavElus {
background-image: url(/wps/themes/html/espaces/images/topNav/colectivites_r1_c1.gif);
background-repeat: no-repeat;
background-position: left top;
display: inline;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 18px;
position: relative;
left: 30px;
line-height: 20px;
color: #FFFFFF;
}
#topNavElus a {
background-image: url(/wps/themes/html/espaces/images/topNav/colectivites_r1_c2.gif);
float:left;
display:block;
width:0.1em;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
white-space:nowrap;
background-repeat: no-repeat;
background-position: right top;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 4px;
padding-left: 0px;
position: relative;
}
li#topNavMedias {
background-image: url(/wps/themes/html/espaces/images/topNav/medias_r1_c1.gif);
float:left;
margin:0;
background-repeat: no-repeat;
background-position: left top;
display: inline;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 18px;
position: relative;
left: 30px;
line-height: 20px;
color: #FFFFFF;
}
#topNavMedias a {
background-image: url(/wps/themes/html/espaces/images/topNav/medias_r1_c2.gif);
float:left;
display:block;
width:0.1em;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
white-space:nowrap;
background-repeat: no-repeat;
background-position: right top;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 4px;
padding-left: 0px;
position: relative;
}
li#topNavQuiSommes {
background-image: url(/wps/themes/html/espaces/images/topNav/quiSommes_r1_c1.gif);
float:left;
margin:0;
background-repeat: no-repeat;
background-position: left top;
display: inline;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 18px;
position: relative;
left: 30px;
line-height: 20px;
color: #FFFFFF;
}
#topNavQuiSommes a {
background-image: url(/wps/themes/html/espaces/images/topNav/quiSommes_r1_c2.gif);
float:left;
display:block;
width:0.1em;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
white-space:nowrap;
background-repeat: no-repeat;
background-position: right top;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 4px;
padding-left: 0px;
position: relative;
}
#activeparticuliers #topNavParticuliers, #activeetudiants #topNavEtudiants, #activeprofessionnels #topNavProfessionnels, #activeelusetcollectivites #topNavElus, #activemedias #topNavMedias, #activequisommesnous #topNavQuiSommes {
background-position:0% -150px;
border-top-width: 0;
}
#activeparticuliers #topNavParticuliers a, #activeetudiants #topNavEtudiants a, #activeprofessionnels #topNavProfessionnels a, #activeelusetcollectivites #topNavElus a, #activemedias #topNavMedias a, #activequisommesnous #topNavQuiSommes a {
background-position:100% -150px;
color:#ffffff;
padding-bottom:5px;
font-size: 11px;
line-height: 21px;
}
/************************** fin **********************/
#bandeaux{
width: 100%;
height: 80px;
position: relative;
background-color: #72BF00;
top: 5px;
}
#deconnexion {
width: 135px;
height: 20px;
position: relative;
float: right;
right: 17px;
top: -22px;
text-align: center;
background-repeat: no-repeat;
background-position: right center;
color: #FF0000;
font-weight: bold;
line-height: 20px;
}
#deconnexion a {
color: #FF0000;
font-size: 11px;
text-decoration: underline;
}
#compte {
width: 135px;
height: 30px;
margin: auto;
position: relative;
float: right;
right: -120px;
top: 0px;
text-align: right;
background-repeat: no-repeat;
background-position: right center;
background-image: url(./colors/votrecaf/votrecafCompte.gif);
}
#compte a {
width: 135px;
height: 30px;
margin: auto;
position: relative;
background-image: url(./colors/votrecaf/votrecafCompte.gif);
float: right;
top: 0px;
background-repeat: no-repeat;
background-position: right center;
text-align: right;
}
#titrePage {
width: 700px;
white-space:nowrap;
left: 225px;
position: absolute;
text-align: left;
top: 50px;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: bold;
color: #FFFFFF;
height: 30px;
margin: 0px;
padding: 0px;
bottom: 0px;
line-height: 30px;
}
#logo a {
position: absolute;
top: 88px;
left: 65px;
width: 87px;
height: 88px;
}
#FlyParent #banner { /* permettre enfermé les éléments du formulaire recherche et votre caf*/
width: 100%;
height: 28px;
color: #FFFFFF;
background-color:#A3E300;
text-align: right;
font-size: 12px;
float: left;
margin-top: 5px;
margin-bottom: 0;
}
#banner #formBanner {/* formulaires avec de dimensionnes élastique adaptable a la taille d’écran */
width: 42em;
height: 28px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
position:relative;
z-index:2;
float:right;
}
#bannerVotreCaf, #bannerSearchControl, #bannerAide {
float:right;
}
div.labelBanner, div.labelBannerImg { /* Label du formulaire importante dans la acesivilite*/
float: left; /* le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div */
position: relative;
padding: 2px 0px 2px 6px;
top: 4px;
}
div.labelBannerImg {
padding: 2px 0px 2px 6px;
}
div.champTextBanner {
float: left; /* le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div */
position: relative;
padding: 0px 0 0px 6px;
top: 2px;
}
div.champTextBanner input{
margin-top: 2px;
}
.searchControl input{
margin-right: -2px;
margin-top: 0px;
padding: 2px;
}
#header{
width: 100%;
height: 28px;
position: relative;
color: #FFFFFF;
background-color: #A3E300;
text-align: right;
font: 10px Verdana, Arial, Helvetica, sans-serif;
top: 5px;
}
#filAriane {
width: 100%;
height: 22px;
position: relative;
color: #020000;
}
div#decoBanner {
width: 41px;
height: 21px;
float: right;
right: 72%;
position:relative;
top: 0px;
margin: 0px;
padding: 0px;
background-image: url(./colors/votrecaf/votrecafFooter_r1.gif);
text-align: left;
background-repeat: no-repeat;
background-position: left top;
}
div#fil {
width: auto;
height: auto;
float: left;
left:28%;
position:relative;
top: 3px;
text-align: left;
font: 10px/19px Verdana, Arial, Helvetica, sans-serif;
bottom: 0px;
text-decoration: none;
margin: 0px;
padding: 0px;
}
div#fil a, div#fil a:visited, div#fil a:hover, div#fil a:active {
color: #7C7B7B;
font: 10px/19px Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#container {
width: 100%;
height: auto;
position: relative;
float: left;
top: 5px;
}
#contenu {
text-align: left;
margin:0px;
margin-left:225px;
padding:5px 5px 0px 15px;
margin-bottom:25px;
min-height:400px
}
* html #contenu{
height:400px;
}
.iframe{
margin: 0px;
padding: 0px;
height: auto;
width: 710px;
border-style: none;
position: relative;
left: 10px;
right: 5px;
overflow: hidden;
overflow-x:hidden;
overflow-y:hidden;
}
.searchControl {
float:right;
color: #FFFFFF;
background-color: transparent;
margin-right: 5px;
margin-top: 3px;
}
.searchControl input {
margin-right: -2px;
margin-top: 0px;
padding: 2px;
}
.controlBoutton {
text-decoration: none;
display:inline;
border-style: none;
background-color: transparent;
background-image: url(./colors/votrecaf/votrecafFlecheBanner.gif);
background-repeat: no-repeat;
background-position: center left;
padding-right: 18px;
width:20px;
margin:0px;
cursor:pointer;
cursor:hand;
}
.controlFleche {
text-decoration: none;
display:inline;
border-style: none;
padding-right: 2px;
margin:0px;
cursor:pointer;
cursor:hand;
width:16;
height:14;
}
#sideNav {
width: 225px;
position:absolute;
left:0px;
text-align: left;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
margin:0px;
padding-top: 0px;
padding-bottom: 20px;
z-index:1;
}
/**************** login ******************/
#login {
position: relative;
color: #536d7a;
padding: 5px;
font-size: 11px;
top:20px;
}
.bonjour {
padding-right: 10px;
text-transform: uppercase;
color: #536d7a;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.nomPrenom {
padding-right: 10px;
}
#sideNavMenu {
width: 225px;
position: relative;
float: left;
text-align: left;
margin: 0px;
/* font-size: 11px; */
top:30px;
}
.smenu {
overflow:hidden;
text-decoration: none;
position: relative;
width: 100%;
height: auto;
text-indent: 0px;
display: block;
padding: 0px;
margin: 0px;
}
.smenu ul {
text-decoration: none;
list-style: none;
display: block;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 24px;
}
.smenu ul ul {
background-image: none;
display: block;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 7px;
list-style: none;
}
.smenu ul ul ul {
background-image: none;
display: block;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 7px;
font: Verdana, Arial, Helvetica, sans-serif;
color: #536d7a;
list-style: none;
}
ul.smenu li {
margin: 0px;
padding: 0px;
list-style: none;
font-size: 16px;
}
ul.smenu li a {
text-indent: 24px;
text-decoration: none;
height: 22px;
display: block;
padding-top: 2px;
padding-bottom: 2px;
list-style: none;
}
ul.smenu a:link {
color:#536d74;
width: 225px;
height: 22px;
font: 0.8em/22px Verdana, Arial, Helvetica, sans-serif;
background-image: url(./colors/votrecaf/votrecafSidenav.gif);
background-repeat: no-repeat;
}
ul.smenu a:visited {
background-image: url(./colors/votrecaf/votrecafSidenav.gif);
background-repeat: no-repeat;
position: relative;
color: #536d74;
font: 0.8em/22px Verdana, Arial, Helvetica, sans-serif;
}
ul.smenu a:hover {
background-image: url(./colors/votrecaf/votrecafSidenav.gif);
background-repeat: no-repeat;
position: relative;
color: #72BF00;
font-weight: normal;
}
ul.smenu a:focus {
background-image: url(./colors/votrecaf/votrecafSidenav_a.gif);
background-repeat: no-repeat;
position: relative;
color: #72BF00;
}
ul.smenu a:active{
background-image: url(./colors/votrecaf/votrecafSidenav_a.gif);
background-repeat: no-repeat;
position: relative;
color: #72BF00;
}
ul.smenu li:focus , smenu li:focus smenu li:focus ul {
display:block;
background-image: url(./colors/votrecaf/votrecafSidenav_a.gif);
background-repeat: no-repeat;
position: relative;
color: #72BF00;
}
ul.subMenu li {
margin: 0px;
padding: 0px;
list-style: none;
}
ul.subMenu li a {
text-decoration: none;
height: 22px;
display: block;
list-style: none;
}
.subMenu ul {
background-image: none;
list-style: none;
}
ul.subMenu li a {
background-image: url(./colors/votrecaf/subMenu.gif);
background-repeat: no-repeat;
background-position:center left;
position: relative;
display: block;
font: 0.7em/20px Verdana, Arial, Helvetica, sans-serif;
color: #6d6d6d;
text-indent: 12px;
margin: 0px;
padding: 0px;
height: 20px;
}
ul.subMenu li a:link {
width: 198px;
height: 20px;
font: 0.7em/20px Verdana, Arial, Helvetica, sans-serif;
background-image: url(./colors/votrecaf/subMenu.gif);
background-repeat: no-repeat;
background-position:center left;
text-indent: 12px;
color: #6d6d6d;
margin: 0px;
padding: 0px;
list-style: none;
}
ul.subMenu li a:visited {
background-image: url(./colors/votrecaf/subMenu.gif);
background-repeat: no-repeat;
background-position:center left;
position: relative;
color: #6d6d6d;
font: 0.7em/20px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
text-indent: 12px;
height: 20px;
margin: 0px;
padding: 0px;
}
ul.subMenu li a:active {
background-image: url(./colors/votrecaf/subMenu.gif);
background-repeat: no-repeat;
background-position:center left;
position: relative;
color: #6d6d6d;
font: 0.7em/20px Verdana, Arial, Helvetica, sans-serif;
text-indent: 12px;
margin: 0px;
padding: 0px;
height: 20px;
}
ul.subMenu li a:hover {
background-image: url(./colors/votrecaf/subMenu.gif);
background-repeat: no-repeat;
background-position:center left;
position: relative;
font: 0.7em/20px Verdana, Arial, Helvetica, sans-serif;
color: #72BF00;
text-indent: 12px;
margin: 0px;
padding: 0px;
height: 20px;
font-weight:normal;
}
.smenu li a.ExpandedAndSelected, .smenu li a.ExpandedAndSelected:link, .smenu li a.ExpandedAndSelected:visited , .smenu li a.ExpandedAndSelected:active, .smenu li a.ExpandedAndSelected:hover{
background-image: url(./colors/votrecaf/sidenavActive.gif);
background-repeat: no-repeat;
position: relative;
color: #72BF00;
font-weight: normal;
}
.smenu li a.Expanded, .smenu li a.Expanded:link, .smenu li a.Expanded:hover , .smenu li a.Expanded:visited , .smenu li a.Expanded:active {
background-image: url(./colors/votrecaf/sidenavOuvert.gif);
background-repeat: no-repeat;
position: relative;
}
.smenu li a.Selected, .smenu li a.Selected:link, .smenu li a.Selected:hover , .smenu li a.Selected:visited , .smenu li a.Selected:active{
background-image: url(./colors/votrecaf/votrecafSidenav_a.gif);
background-repeat: no-repeat;
background-position:center left;
position: relative;
color: #72BF00;
font-weight: normal;
}
.subMenu li a.Selected, .subMenu li a.Selected:link, .subMenu li a.Selected:hover , .subMenu li a.Selected:visited , .subMenu li a.Selected:active {
background-image: url(./colors/votrecaf/subMenuActive.gif);
background-repeat: no-repeat;
background-position:center left;
position: relative;
color: #72BF00;
font-weight: normal;
text-indent: 12px;
}
puce ul ul ul {
background-color: #00FF00;
}
#footer{
width: 100%;
height: 28px;
background-color: #A3E300 ;
bottom: 0px;
top: 0px;
padding-bottom: 0px;
position: relative;
margin-bottom: 0px;
float: left;
}
#cr {
color: #FFFFFF;
width: 8em;
top: 0em;
left: 3em;
float: left;
height: 2.3em;
line-height: 2.3em;
font-size: 12px;
}
.footerMenu {
color: #FFFFFF;
width: 750px;
position: relative;
float: right;
right: 2%;
text-align: right;
display: inline;
margin: 0px;
padding: 3px;
height: 12px;
top: 3px;
font-size: 12px;
}
.footerMenu ul {
display: inline;
background-image: none;
list-style: none;
margin: 0px;
padding: 0px;
}
.footerMenu li {
display: inline;
list-style: none;
}
a.footer, a.footer:link, a.footer:visited, a.footer:hover {
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
font-weight:normal;
}
div#decoFooter {
width: 41px;
height: 21px;
float: right;
right: 72%;
position:absolute;
top: -21px;
margin: 0px;
padding: 0px;
background-image: url(./colors/votrecaf/votrecafFooter_r2.gif);
text-align: left;
background-repeat: no-repeat;
background-position: left top;
}
.wpsPortlet {
margin:5px;
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
border-color: #CACACA;
background-image:none;
}
.wpsPortletBody {
margin: 5px;
background-image:none;
}
.wpsPortletTitleBar {
font-size: small;
color: #616161;
background: url("./colors/default/portletTitleBarBg.gif") repeat-x;
background-color: #FFFFFF;
padding-left: 5px;
width:100%;
white-space: nowrap;
}
.wpsPortletTitleBar img {
vertical-align:middle;
}
.wpsPortletIcons {
text-align: right;
vertical-align: top;
padding-right: 3px;
}
.wpsPortletTitleIconNonStandardSize, .wpsPortletTitleToolsIconNonStandardSize {
}
.wpsThinSkinContainerBar {
height: 12px;
border: 1px solid white;
margin-bottom: 2px;
}
.wpsThinSkinContainerBarBorder {
background: url("./colors/default/portletTitleBarBg.gif") repeat-x;
background-position: bottom;
background-color: #FFFFFF;
}
.wpsThinSkinDragZoneContainer {
width: 75%;
display: inline;
float: left;
}
.wpsThinSkinInvisible {
visibility: hidden;
}
.wpsThinSkinVisible {
visibility: visible;
}
.wpsThinSkinMenuContainer {
display: inline;
float: right;
padding-right: 3px;
}
/*------------*/
/**** Body ****/
body {
font-family: Verdana, Arial, Helvetica, sans-serif; /* Style de la police pour le contenu general */
font-size: 0.8em; /* Taille de la police pour le contenu general */
margin: 0; /* il est conseille de mettre a zero la marge et le remplissage de l'element body, pour tenir compte des differentes valeurs par defaut des navigateurs */
padding: 0;
color: #536d7a; /* Couleur de police bleue */
background-color: #FFFFFF;
}
body.popup {
background-image: url(../images/fd_popup.gif);
}
.blocTexte {
margin: 0px;
padding: 0px;
width: 100%;
position: relative;
float: left;
}
/*-------------*/
/**** Liens ****/
a:link, a:visited { /* La couleur est geree par les navigateurs */
text-decoration: none; /* Non souligne */
}
a:hover, a:active {
text-decoration: underline; /* Souligne quand la souris est au-dessus */
}
a img {
border: 0; /* Afin d'eviter les bordures sur les images (Mozilla/Firefox, notamment) */
}
.fermer a {
float: right;
margin-right: 10px;
}
.serreDroite a {
margin-right: 10px;
float: right;
}
.retour a {
background-image: url(../images/flecheParticuliersRetour.GIF);
background-repeat: no-repeat;
background-position: center top;
text-align: center;
display: block;
height: 30px;
width: 20px;
line-height: 50px;
font-weight: normal;
float: right;
}
.retourfaq a {
background-image: url(../images/particuliers/particuliersAide.gif);
background-repeat: no-repeat;
background-position: center top;
text-align: center;
display: block;
height: 30px;
width: 20px;
line-height: 50px;
font-weight: normal;
float: right;
}
/* actunationale/Mediation.css */
.retourMediation a {
background-image: url(../images/fleche2v.gif);
background-repeat: no-repeat;
background-position: center top;
text-align: center;
display: block;
height: 30px;
width: 20px;
line-height: 50px;
font-weight: normal;
float: right;
margin-right: auto;
margin-left: auto;
}
/*--------------*/
/**** Titres ****/
/* Tailles preconisees par la charte d'accessibilite */
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.17em;
}
h4 {
font-size: 1em;
}
h5 {
font-size: 0.83em;
}
h6 {
font-size: 0.67em;
}
/* Accueil */
h1 {
color: #6D6D6D; /* couleur de la police */
margin: 0px; /* Pas de marge en bas pour coller le titre au paragraphe */
padding: 0px;
}
h3,h4,h5,h6 {
color: #536D7A;
margin: 0px;
padding: 0px;
}
/* FAQ */
h3.faq { /* Pour ligne pointillee entre sections */
border-top: 1px dotted;
margin-top: 1.5em;
}
/* EspaceParticulier, ParticulierCatalogue, et actunationale/Mediation */
h3.particulier,h4.particulier,h5.particulier,h6.particulier {
color: #536D7A; /* couleur de la police */
margin: 0px; /* Pas de marge en bas pour coller le titre au paragraphe */
padding: 0px;
}
h2.particulier {
color: #65B938; /* couleur de la police */
margin-top: .2em;
margin-bottom: 0px; /* Pas de marge en bas pour coller le titre au paragraphe */
padding: 0px;
}
h2.particuliers {
color: #65B938; /* couleur de la police */
margin-top: .2em;
margin-bottom: 0px; /* Pas de marge en bas pour coller le titre au paragraphe */
padding: 0px;
}
h3.TitreRsa {
color: #65B938; /* couleur de la police */
margin-bottom: 0px; /* Pas de marge en bas pour coller le titre au paragraphe */
padding: 0px;
}
/* espace etudiants */
h2.etudiants {
color: #e30289; /* couleur de la police */
margin-top: .2em;
margin-bottom: 0px; /* Pas de marge en bas pour coller le titre au paragraphe */
padding: 0px;
}
/* accueilespaces/css/portailAccueilProfessionnel.css */
h2.professionnel {
color: #fb830f; /* couleur de la police */
margin-top: .2em;
margin-bottom: 0px; /* Pas de marge en bas pour coller le titre au paragraphe */
padding: 0px;
}
/* espace elus et collectivites */
h2.elus {
color: #902a7e; /* couleur de la police */
margin-top: .2em;
margin-bottom: 0px; /* Pas de marge en bas pour coller le titre au paragraphe */
padding: 0px;
}
/* espace medias */
h2.medias {
color: #00a5e2; /* couleur de la police */
margin-top: .2em;
margin-bottom: 0px; /* Pas de marge en bas pour coller le titre au paragraphe */
padding: 0px;
}
/* espace qui sommes-nous */
h2.qui {
color: #006bb6; /* couleur de la police */
margin-top: .2em;
margin-bottom: 0px; /* Pas de marge en bas pour coller le titre au paragraphe */
padding: 0px;
}
/* moteurDeRecherche et actunationale/Mediation */
h2.recherche,h3.recherche,h4.recherche,h5.recherche,h6.recherche {
color: #536D7A; /* couleur de la police */
margin-top: 6px;
margin-bottom: 6px;
}
h2.GrosTitreVert {
color: #8CBD00; /* couleur de police vert */
height: 100px;
width: 511px;
text-align: center ;
margin-top: 64px;
}
h3.TitreVert {
color: #8CBD00; /* couleur de police vert */
height: 250px;
width: 511px;
text-align: center ;
margin-top: 125px;
margin-bottom: -125px;
}
h4.GrosTitreOrange {
color:#EC9800; /* couleur de police orange */
width: 511px;
height: 109px;
text-align: center ;
margin-bottom: -70px;
margin-top: 35px;
}
.TitreOrange {
color: #EC9800; /* couleur de police orange*/
font-weight: bold ;
margin: 2.5em 0 0 0;
}
.TitreVertAlignGauche {
color: #8CBD00; /* couleur de police vert */
width: 511px;
margin-top: 70px;
}
.TitreVertCentre {
font-weight: bold;
color: #8CBD00; /* couleur de police vert */
padding-top: 3px;
padding-left: 27px;
height: 53px;
width: 530px;
}
/* Titre vert pour la page Creche.htm */
.TitreVert {
font-weight: bold;
clear: left;
color: #8CBD00; /* couleur de police vert */
padding-top: 20px;
width: 530px;
}
/* Titre vert pour la page Fonctionnaires.htm */
.TitreVertFonctionnaires {
font-weight: bold;
color: #8CBD00; /* couleur de police vert */
display: inline;
}
/*-------------*/
/**** Texte ****/
p {
display: block;
clip: rect(4px,auto,4px,auto);
margin-top: 4px;
}
p.PrDroite {
display: block;
float: right;
margin: 0px 0px 0px auto;
position: relative;
width: 95%;
padding-bottom: 6px;
text-align: right;
}
small {
font-size: 0.8em;
}
big {
font-size: 1.2em;
}
.option {
color: #536d7a;
}
.left { /* Alignement a gauche*/
margin-left: 0px;
padding-left: 0px;
text-indent: 0px;
padding-top: 2px;
margin-top: 2px;
display: block;
}
.italique {
font-style: italic;
}
.italique1 {
font-style: italic;
margin-left: 50px;
}
.italique2 {
font-style: italic;
margin-left: 100px;
}
.italique3 {
font-style: italic;
margin-left: 150px;
}
.TexteOrange {
color: #ec9800;
}
.TexteAlignDroite {
text-align: right;
}
.labelSite {
font-size: 0.8em;
color: #516d87;
letter-spacing: normal;
font-weight: bold;
}
blockquote {
width: 95%;
padding-right: 10px;
padding-left: 10px;
font-weight: bold;
}
blockquote #formMoteurRecherche {/* formulaires avec des dimensions elastiques adaptables a la taille d'ecran */
width: 42em;
text-align: left;
height: 2.3em;
margin-top: 0;
margin-right: 1em;
margin-bottom: 0;
margin-left: auto;
}
blockquote #formMoteur {/* formulaires avec des dimensions elastiques adaptables a la taille d'ecran */
width: 42em;
text-align: right;
height: 2.3em;
margin-top: 0;
margin-right: 1em;
margin-bottom: 0;
margin-left: auto;
}
blockquote #champTextMoteur {
float: left; /* le remplissage en haut et en bas cree un espace visuel a l'interieur de cet element div */
position: relative;
padding: 0px 0 0px 0px;
top: 2px;
}
blockquote #labelMoteurRecherche { /* Label du formulaire importante dans l'accessibilite*/
float: left;
padding: 2px 0 2px 6px;
position: relative;
top: 4px;
}
blockquote #labelMoteur { /* Label du formulaire importante dans l'accessibilite*/
float: right;
padding: 1px 0 2px 6px;
position: relative;
top: 4px;
}
blockquote #flecheMoteur { /* Label du formulaire importante dans l'accessibilite*/
float: right;
padding: 2px 0 2px 6px;
position: relative;
top: 4px;
}
.aideEnLigne {
padding: 10px;
text-align: left;
}
.aideContextuel {
color: #65B938;
}
.aideContextuelTableau {
color: #536D7A;
}
/* Texte zone de titre */
.labelEspaceVotreCaf {
letter-spacing: normal;
vertical-align: top;
}
.labelEspaceVotreCaf h2 {
color: #4ebc01;
font-size: 1.45em;
}
.labelEspaceVotreCompte {
letter-spacing: normal;
vertical-align: top;
}
.labelEspaceVotreCompte h2 {
color: #ff0000;
font-size: 1.45em;
}
.labelEspaceParticuliers {
letter-spacing: normal;
vertical-align: top;
}
.labelEspaceParticuliers h2 {
color: #a3e300;
font-size: 1.45em;}
.labelEspaceEtudiants {
letter-spacing: normal;
vertical-align: top;
}
.labelEspaceEtudiants h2 {
color: #e30289;
font-size:1.45em;
}
.labelEspaceProfessionnels {
letter-spacing: normal;
vertical-align: top;
}
.labelEspaceProfessionnels h2 {
color: #fb830f;
font-size:1.45em;
}
.labelEspaceElus {
letter-spacing: normal;
vertical-align: top;
}
.labelEspaceElus h2 {
color: #902a7e;
font-size:1.45em;
}
.labelEspaceMedias {
letter-spacing: normal;
vertical-align: top;
}
.labelEspaceMedias h2 {
color: #00a5e2;
font-size:1.45em;
}
.labelEspaceCorporate {
letter-spacing: normal;
vertical-align: top;
}
.labelEspaceCorporate h2 {
color: #003e76;
font-size:1.45em;
}
/*--------------*/
/**** Listes ****/
/* Listes telles que definies auparavant :
/* ul { /* Liste premier niveau -- illustration par defaut des puces */
/* display: block; /* Liste affichee en bloc */
/* position: relative;
/* margin: 0;
/* padding: 0;
/* }
/*
/*ul ul { /* Liste deuxieme niveau -- illustration par defaut des puces */
/* display: block; /* Liste affichee en bloc */
/* position: relative;
/* }
/*
/*ul ul ul { /* Liste troisieme niveau -- illustration par defaut des puces */
/* display: block; /* Liste affichee en bloc */
/* position: relative;
/* }
/* Fin listes anciennes */
ul li { /* Pour avoir les puces par defaut */
list-style-type: disc;
position: relative;
}
.LiensFleche { /* Pour aligner les listes sur la gauche */
margin-left: 0px;
padding-left: 0px;
text-indent: 0px;
padding-top: 2px;
margin-top: 2px;
}
.LiensFlecheActu { /* Pour aligner les listes sur la gauche et avoir un fond gris dans Actualites */
margin-left: 0px;
padding-left: 5px;
text-indent: 0px;
padding-top: 4px;
margin-top: 0px;
background-color: #f5f5f5;
}
li.particulier {
list-style-type: none;
background-color: transparent;
background-image: url(../images/puceParticuliersNiveau1.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 15px;
margin-left: 0px;
position: relative;
}
li.elus {
list-style-image: url(../images/);
}
li.flecheParticuliers { /* Style de puce pour les listes de liens uniquement, espace Particuliers */
list-style-type: none;
background-image: url(../images/fleche1v.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 25px;
margin-left: 0px;
margin-top: 0.2em;
}
li.flecheParticuliers2 { /* Style de puce pour les listes de liens uniquement, niveau 2, espace Particuliers */
list-style-type: none;
background-image: url(../images/particuliers/subMenu.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 20px;
margin-left: 0px;
margin-top: 0.2em;
}
li.flecheExternePart { /* Style de puce pour les listes de liens externes, espace Particuliers */
list-style-type: none;
background-image: url(../images/lienImg.png);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 25px;
margin-left: 0px;
margin-top: 0.2em;
}
li.flecheProfessionnels { /* Style de puce pour les listes de liens uniquement, espace Professionnels */
list-style-type: none;
background-image: url(../images/fleche1o.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 25px;
margin-left: 0px;
margin-top: 0.2em;
}
li.flecheProfessionnels2 { /* Style de puce pour les listes de liens uniquement, niveau 2, espace Professionnels */
list-style-type: none;
background-image: url(../images/professionnels/subMenu.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 20px;
margin-left: 0px;
margin-top: 0.2em;
}
li.flecheEtudiants { /* Style de puce pour les listes de liens uniquement, espace Etudiants */
list-style-type: none;
background-image: url(../images/etudiants/etudiants.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 25px;
margin-left: 0px;
margin-top: 0.2em;
}
li.flecheEtudiants2 { /* Style de puce pour les listes de liens uniquement, niveau 2, espace Etudiants */
list-style-type: none;
background-image: url(../images/etudiants/subMenu.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 20px;
margin-left: 0px;
margin-top: 0.2em;
}
li.flecheElusCollectivites { /* Style de puce pour les listes de liens uniquement, espace Elus et Collectivites */
list-style-type: none;
background-image: url(../images/fleche1p.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 25px;
margin-left: 0px;
margin-top: 0.2em;
}
li.flecheElusCollectivites2 { /* Style de puce pour les listes de liens uniquement, niveau 2, espace Elus et Collectivites */
list-style-type: none;
background-image: url(../images/elusetcollectivites/subMenu.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 20px;
margin-left: 0px;
margin-top: 0.2em;
}
li.flecheMedias { /* Style de puce pour les listes de liens uniquement, espace Medias */
list-style-type: none;
background-image: url(../images/medias/media.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 25px;
margin-left: 0px;
margin-top: 0.2em;
}
li.flecheMedias2 { /* Style de puce pour les listes de liens uniquement, niveau 2, espace Medias */
list-style-type: none;
background-image: url(../images/medias/subMenu.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 20px;
margin-left: 0px;
margin-top: 0.2em;
}
li.flecheQui { /* Style de puce pour les listes de liens uniquement, espace Medias */
list-style-type: none;
background-image: url(../images/fleche1b.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 25px;
margin-left: 0px;
margin-top: 0.2em;
}
li.flecheQui2 { /* Style de puce pour les listes de liens uniquement, niveau 2, espace Qui Sommes-Nous */
list-style-type: none;
background-image: url(../images/quisommesnous/subMenu.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 20px;
margin-left: 0px;
margin-top: 0.2em;
}
li.flecheMonCompte { /* Style de puce pour les listes de liens uniquement, espace Mon Compte */
list-style-type: none;
background-image: url(../images/monCompteLiens.jpg);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 25px;
margin-left: 0px;
margin-top: 0.2em;
}
li.gauche { /* Style pour aligner les elements d'une liste a gauche, par ex. dans une table */
text-align: left;
}
/* planDuSite */
.plansite ul ul { /* Liste deuxieme niveau -- illustration par defaut des puces */
position: relative;
display: block;
padding-left: 2em;
}
/* actunationale/Mediation */
/* Listes avec flech.gif avec une largeur (width) plus etroite (dans le cas de liste a droite d'une image) pour les page Creche.htm, fonctionnaires.htm */
ul.flecheEtroite li {
list-style-type: none;
background-image: url(../images/fleche3v.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 25px;
margin-left: 0px;
margin-top: 0.2em;
}
/*-----------*/
/* conteneur */
.clearfloat { /* cette classe doit etre place pour un element div ou break et doit etre l'element final avant la balise de fin d'un conteneur qui doit contenir entierement un element flottant */
clear: both;
height: 0;
font-size: 1px;
line-height: 0px;
}
/*------------*/
/* Actualites */
/* Styles generaux pour les actualites */
.blocActualite {
background-color: #f5f5f5;
height: auto;
width: 58em;
position: relative;
color: #536d7a;
font-size: 0.9em;
padding-top: 15px;
padding-bottom: 5px;
border-width: 0px;
}
.blocActualite strong{
color: ;
background-color: #f5f5f5;
}
.blocActualite h2{
color: ;
}
.blocActualite span{
background-color: #f5f5f5;
color: ;
font-weight: bold;
}
.blocActualite .actualitesAccueil .actualite {
background-color: #f5f5f5;
padding-bottom: 0.1em;
}
.blocActualite p { /* Paragraphes */
background-color: #f5f5f5;
display: block;
margin-top: 0.5em;
margin-bottom: 0.8em;
}
.actualite p { /* Paragraphes */
background-color: #f5f5f5;
display: block;
margin-top: 0.5em;
margin-bottom: 0.8em;
.blocActualite hr { /* Ligne horizontale */
color: #536d7a;
text-decoration: underline line-through;
}
/* Styles actualites pour l'accueil */
.actualitesAccueil {
position: relative;
color: #536d7a;
margin: 0px;
padding: 0px;
border-width: 0px;
width: 60em;
font-size: 0.9em;
}
.actualitesAccueil h2 {
color: #009ee9;
display: block;
margin: 1px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #536d7a;
}
.actualitesAccueil h3 {
color: #009ee9;
background-color: #f5f5f5;
display: block;
font-weight: bold;
margin-top: .4em;
}
.actualitesAccueil p {
background-color: #f5f5f5;
text-decoration: none;
list-style-type: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: left;
text-indent: 0px;
padding-top: 0.8em;
padding-bottom: 0px;
padding-left: 0px;
display: block;
}
.actualitesAccueil strong {
font-weight: bold;
color: #009EE9;
}
strong.alerte{
color: red;
}
strong.GrasNoir {
color: #536d7a;
}
/* Styles actualites pour portailContenu */
h2.actualitesContenu {
color: #65b938;
display: block;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #536d7a;
padding-bottom: 2px;
}
h3.actualitesContenu {
color: #65b938;
background-color: #f5f5f5;
font-weight: bold;
margin-top: .4em;
}
/* Styles actualites pour Particuliers */
.blocActualiteParticuliers {
height: auto;
width: 58em;
position: relative;
color: #536d7a;
font-size: 0.9em;
padding-top: 15px;
padding-bottom: 5px;
border-width: 0px;
}
.blocActualiteParticuliers h2 {
color: #65b938;
display: block;
margin: 1px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #536d7a;
}
.blocActualiteParticuliers h3 {
color: #65b938;
background-color: #f5f5f5;
font-weight: bold;
margin-top: .4em;
}
.blocActualiteParticuliers p {
background-color: #f5f5f5;
text-decoration: none;
list-style-type: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: left;
text-indent: 0px;
padding-top: 0.8em;
padding-bottom: 0px;
padding-left: 0px;
display: block;
}
/* Styles actualites pour Espace Elus et collectivites */
.blocActualiteElus {
height: auto;
width: 58em;
position: relative;
color: #536d7a;
font-size: 0.9em;
padding-top: 15px;
padding-bottom: 5px;
border-width: 0px;
}
.blocActualiteElus h2 {
color: #902a7e;
display: block;
margin: 1px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #536d7a;
}
.blocActualiteElus h3 {
color: #902a7e;
background-color: #f5f5f5;
font-weight: bold;
margin-top: .4em;
}
.blocActualiteElus p {
background-color: #f5f5f5;
text-decoration: none;
list-style-type: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: left;
text-indent: 0px;
padding-top: 0.8em;
padding-bottom: 0px;
padding-left: 0px;
display: block;
}
/* Styles actualites pour Etudiants */
.blocActualiteEtudiants {
height: auto;
width: 58em;
position: relative;
color: #536d7a;
font-size: 0.9em;
padding-top: 15px;
padding-bottom: 5px;
border-width: 0px;
}
.blocActualiteEtudiants h2 {
color: #e30289;
display: block;
margin: 1px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #536d7a;
}
.blocActualiteEtudiants h3 {
color: #e30289;
background-color: #f5f5f5;
font-weight: bold;
margin-top: .4em;
}
.blocActualiteEtudiants p {
background-color: #f5f5f5;
text-decoration: none;
list-style-type: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: left;
text-indent: 0px;
padding-top: 0.8em;
padding-bottom: 0px;
padding-left: 0px;
display: block;
}
/* Styles actualites pour Professionnels */
.blocActualitePro {
height: auto;
width: 58em;
position: relative;
color: #536d7a;
font-size: 0.9em;
padding-top: 15px;
padding-bottom: 5px;
border-width: 0px;
}
.blocActualitePro h2 {
color: #fb830f;
display: block;
margin: 1px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #536d7a;
}
.blocActualitePro h3 {
color: #fb830f;
background-color: #f5f5f5;
font-weight: bold;
margin-top: .4em;
}
.blocActualitePro p {
background-color: #f5f5f5;
text-decoration: none;
list-style-type: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: left;
text-indent: 0px;
padding-top: 0.8em;
padding-bottom: 0px;
padding-left: 0px;
display: block;
}
/* Styles actualites pour QuiSommesNous */
.blocActualiteQui {
height: auto;
width: 58em;
position: relative;
color: #536d7a;
font-size: 0.9em;
padding-top: 15px;
padding-bottom: 5px;
border-width: 0px;
}
.blocActualiteQui h2 {
color: #006bb6;
display: block;
margin: 1px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #536d7a;
}
.blocActualiteQui h3 {
color: #006bb6;
background-color: #f5f5f5;
font-weight: bold;
margin-top: .4em;
}
.blocActualiteQui p {
background-color: #f5f5f5;
text-decoration: none;
list-style-type: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: left;
text-indent: 0px;
padding-top: 0.8em;
padding-bottom: 0px;
padding-left: 0px;
display: block;
}
/* Styles actualites pour Medias */
.blocActualiteMedias {
height: auto;
width: 58em;
position: relative;
color: #536d7a;
font-size: 0.9em;
padding-top: 15px;
padding-bottom: 5px;
border-width: 0px;
}
.blocActualiteMedias h2 {
color: #00a5e2;
display: block;
margin: 1px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #536d7a;
}
.blocActualiteMedias h3 {
color: #00a5e2;
background-color: #f5f5f5;
font-weight: bold;
margin-top: .4em;
}
.blocActualiteMedias p {
background-color: #f5f5f5;
text-decoration: none;
list-style-type: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: left;
text-indent: 0px;
padding-top: 0.8em;
padding-bottom: 0px;
padding-left: 0px;
display: block;
}
/*---------------*/
/* classes photo */
.photo {
height: 130px;
width: 680px;
position: relative;
padding: 0px;
margin: 0px;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
clip: rect(0px,0px,0px,0px);
border-top: 0em;
border-right: 0em;
border-bottom: 0em;
border-left: 0em;
}
.photo img {
width: 680px;
position: relative;
padding: 0px;
border-width: 0px;
margin: 0px;
}
.message{
font-weight: normal;
text-align: left;
display: block;
padding: 1em 1em 0em 2em;
width: 632px;
border: 1px solid #536D7A;
}
.message, h2 {
font-weight: normal;
text-align: left;
}
.photo object {
padding: 0px;
border-width: 0px;
margin: 0px;
}
/*-----------*/
/* carte CAF */
#carteCaf{
width: 200px;
position: relative;
float: left;
height: 178px;
padding-top: 20px;
padding-left: 20px;
}
#carteCaf p {
margin: 2px 0px;
}
.carteCp {
width: 171px;
font-weight: normal;
position: relative;
height: 117px;
}
.carteCp a {
background-image: url(../images/carteCaf.jpg);
background-repeat: no-repeat;
background-position: center top;
text-align: center;
display: block;
width: 171px;
line-height: 50px;
font-weight: normal;
height: 117px;
left: 0px;
}
#carteCaf .labelErreur {
color: #ff3333;
text-align: left;
padding: 2px;
width: 171px;
}
.gaucheCp {
background-position: left top;
height: 15px;
float: left;
position: relative;
bottom: 0px;
top: 7px;
}
.droiteCp {
height: 15px;
text-align: right;
float: right;
position: relative;
top: 7px;
}
.labelCp {
color: #FFFFFF;
position: relative;
top: -3px;
font: 75%/15px Verdana, Arial, Helvetica, sans-serif;
}
#codePostal {
height: 23px;
position: relative;
width: 171px;
background-color: #0588a4;
border-width: 0px;
margin: 0px;
padding: 0px;
}
.formCP {
position: relative;
float: left;
width: 140px;
height: 23px;
}
.labelCmaf { /* modification de label votre caf - accueil caf.fr*/
position: relative;
display: inline;
height: auto;
width: auto;
top: 0px;
text-align: left;
vertical-align: text-top;
margin-top: 2px;
margin-bottom: 2px;
}
/* Obsolete */
/* .labelCmaf a {
/* color: #0597B6;
/* text-decoration: underline;
/* } */
/*--------------------*/
/* prestation accueil */
.prestationAccueil a{
font-size: 0.85em;
color: #65b938;
text-align: left;
display: inline;
font-size: 10px;
}
ul.prestationAccueil
{
list-style-type:none;
text-indent: 0px;
height: auto;
margin: 0px;
padding: 0;
position: relative;
}
.prestationAccueil li
{
background-color: transparent;
background-image: url(../images/particulierLiens.jpg);
background-repeat: no-repeat;
background-position: left center;
text-align: left;
text-indent: 15px;
margin: 0;
padding: 0;
list-style-type: none;
}
.prestationAccueil{
width: 215px;
position: relative;
text-align: left;
float: left;
}
.prestationAccueil h5 {
color:#65b938;
text-align: left;
margin: 0px;
}
.prestationAccueil p {
font-size: 0.9em;
text-align: left;
display: block;
margin-top: 1px;
margin-bottom: 3px;
}
.actualitesAccueil .actualite {
background-color: #e8e8e8;
padding-bottom: 0.1em;
}
.actualitesAccueil .actualite p {
margin-top: 0.5em;
margin-bottom: 0.8em;
display: block;
}
/*-----------------------------*/
/* Portlets et formulaire login */
/* pour EspaceParticulier */
#portletParticulier {
width: 95%;
margin: 0px 0px 20px;
padding: 0px 0px 20px;
height: auto;
}
#portletParticulier p {
color: #65b938;
font-weight: bold;
}
#portletParticulier h3 {
color: #65b938;
}
/* pour portailContenu */
.portletContenu {
width: 650px;
position: relative;
float: left;
height: auto;
padding: 15px;
color: #65b938;
font-weight: bold;
}
/* porlets generaux */
#portletEspaceAccueil {
width: 100%;
position: relative;
}
.loginAccueil {
height: 198px;
width: 257px;
position: relative;
text-align: center;
float: left;
font-size: 11px;
}
.loginAccueil h2 {
color:#ff0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
display: block;
margin-bottom: 3px;
margin-top: 3px;
}
.loginAccueil p {
display: block;
margin-bottom: 4px;
margin-top: 4px;
}
.row {
clear: both;
text-align: center;
display: block;
padding-top: 1px;
padding-bottom: 1px;
margin-top: 0px;
margin-bottom: 0px;
}
.row .labelw {
float: left;
width: 180px;
text-align: right;
font: 85%/20px Verdana, Arial, Helvetica, sans-serif;
color: #536D7A;
position: relative;
margin: 0px;
padding: 0px;
}
.row .formw {
text-align: left;
display: block;
left: 5px;
right: 5px;
float: left;
padding: 0px 0px 0px 5px;
}
.spacer {
clear: both;
}
.loginPerdu a {
color: #FF0000;
}
/*-------------------*/
/* Tables */
table {
margin: 0em;
padding: 0em;
border-collapse: collapse;
border: 0px solid gray;
}
td {
background-color: white;
margin: 0em;
padding: 5px;
border-left: 0px solid gray;
text-align: left;
}
td.gauche { /* Pour alignement du texte a gauche dans une table */
background-color: white;
margin: 0em;
padding: 5px;
border-left: 1px solid gray;
text-align: left;
}
th.particuliers {
color: #FFFFFF;
background-color: #65b938;
margin: 0em;
padding: 5px 20px 5px 20px;
text-align: center;
font-size: 1em;
border: 1px solid gray;
}
/* Classes blocTableau */
.blocTableau {
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
padding-right: 0px;
padding-left: 0px;
position: relative;
}
.blocTableau span {
color: #65b938;
font-weight: bold;
}
.blocTableau h4 {
display: block;
color: #FFFFFF;
background-color: #65b938;
height: 56px;
padding-top: 10px;
padding-right: 0px;
padding-left: 0px;
text-align: center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C0C0C0;
}
.blocTableau h5 {
background-color: #65B938;
color: #FFFFFF;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #C0C0C0;
height: 27px;
}
.blocTableau p {
padding: 8px 4px;
display: block;
text-align: center;
margin: 0px;
}
/* Tableau Aeeh1 */
.tableauAeeh {
width: auto;
position: relative;
float: left;
height: auto;
padding-top: 10px;
vertical-align: middle;
text-align: center;
}
.tableauAeehGauche {
position: relative;
float: left;
width: 190px;
height: auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
font-size: 11px;
}
.tableauAeehCentre {
position: relative;
float: left;
width: 79px;
height: auto;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #C0C0C0;
border-left-color: #C0C0C0;
font-size: 11px;
}
.tableauAeehDroite {
position: relative;
float: left;
width: 79px;
height: auto;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
font-size: 11px;
}
.tableauAeeh h4 {
display: block;
color: #FFFFFF;
background-color: #65b938;
text-align: center;
line-height: 25px;
}
.tableauAeeh p {
padding: 8px;
margin: 2px;
display: block;
height: 32px;
}
.tableauAeehA {
height: auto;
width: 125px;
position: relative;
float: left;
display: block;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #65B938;
border-bottom-color: #65B938;
border-left-color: #65B938;
text-align: left;
}
.tableauAeehA h4 {
line-height: 50px;
}
.tableauAeehB {
width: 85px;
position: relative;
float: left;
display: block;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #65B938;
border-bottom-color: #65B938;
border-left-color: #65B938;
}
.tableauAeehB h4 {
height: auto;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
}
.filTable {
position: relative;
width: 663px;
float: left;
margin: 0px;
padding: 0px;
border-width: 0px;
}
/* Tableau Clca */
.tableauColonneGaucheClca {
position: relative;
float: left;
width: 160px;
height: auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
}
.tableauClca {
position: relative;
float: left;
left: 10px;
height: auto;
right: 10px;
}
.tableauClca h4 {
color: #FFFFFF;
background-color: #65b938;
line-height: 20px;
text-align: center;
}
.tableauClca h5 {
color: #FFFFFF;
background-color: #65b938;
line-height: 20px;
text-align: center;
}
.tableauClca p {
height: 20px;
}
.tableauClcaA {
width: 200px;
height: auto;
}
.tableauClcaA h4 {
color: #FFFFFF;
background-color: #65b938;
line-height: 20px;
text-align: center;
width: 200px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
.tableauClca p {
height: 20px;
width: 200px;
}
.tableauClcaB {
width: 200px
}
.tableauClcaB h4 {
color: #FFFFFF;
background-color: #65b938;
line-height: 20px;
text-align: center;
width: 200px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
.tableauClcaB h5 {
color: #FFFFFF;
background-color: #65b938;
text-align: center;
width: 200px;
line-height: 20px;
}
.tableauClcaC {
width: 200px
}
.tableauClcaC h4 {
color: #FFFFFF;
background-color: #65b938;
line-height: 20px;
text-align: center;
width: 200px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
.tableauClcaC h5 {
color: #FFFFFF;
background-color: #65b938;
text-align: center;
width: 200px;
line-height: 20px;
}
.tableauClcaD {
width: 396px;
}
/* Tableau 3 colonnes larges pour Ave */
.tableauCentre3ColLarges {
width: 640px;
height: auto;
position: relative;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.tableauCentre3ColLarges h4 {
display: block;
color: #FFFFFF;
background-color: #65b938;
height: 55px;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
text-align: center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C0C0C0;
font-size: 11px;
width: auto;
}
.tableauColGaucheLarge {
position: relative;
float: left;
width: 196px;
height: auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
}
.tableauColCentreLarge {
position: relative;
float: left;
width: 220px;
height: auto;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #C0C0C0;
border-left-color: #C0C0C0;
}
.tableauColDroiteLarge {
position: relative;
float: left;
width: 220px;
height: auto;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
}
.tableauColGaucheBas {
text-align: left;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #C0C0C0;
left: 9px;
top: 125px;
margin-top: 0px;
margin-bottom: 0px;
}
.tableauColCentre {
position: relative;
float: left;
width: 220px;
height: auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
}
.tableauColDroite {
position: relative;
float: left;
width: 220px;
height: auto;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
border-bottom-width: 1px;
}
.tableauColDroiteBas {
text-align: left;
border-bottom-width: 1px;
}
.tableauColonnesTitre {
color: #FFFFFF;
float: right;
}
/* Table de donnees prime de Noël */
.tablePrimeNoel strong {
font-weight: bold;
}
.tablePrimeNoel table {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
border: 0.02em solid #536D7A;
width: 80%;
}
.tablePrimeNoel table caption {
font-size: 1.1em;
line-height: 1.2em;
}
.tablePrimeNoel table th {
background-color: #65B938;
color: #fff;
font-weight: normal;
border-width: 1px;
border-style: solid;
border-color: #536D7A;
}
.tablePrimeNoel table td {
vertical-align: top;
border-width: 1px;
border-style: solid;
border-color: #536D7A;
}
.tablePrimeNoel table tr.pair {
background-color: #CBEABB;
}
.tablePrimeNoel table .c1 {
text-align: left;
width: 40%;
border-right-width: 0.1em;
border-right-style: solid;
border-right-color: #6D6D6D;
background: #FFFFFF;
color: #536D7A;
}
.tablePrimeNoel table .c2 {
width: 30%;
text-align: center;
border-right-width: 0.02em;
border-right-style: solid;
border-right-color: #6D6D6D;
}
.tablePrimeNoel table .c3 {
text-align: center;
width: 30%;
font-weight: bold;
}
/* Tableau Clca2 */
.tableauClca2 {
width: auto;
position: relative;
float: left;
left: 10px;
height: auto;
padding-top: 10px;
right: 10px;
}
.tableauClca2 h4 {
display: block;
color: #FFFFFF;
background-color: #65b938;
text-align: center;
line-height: 20px;
}
.tableauClca2 p {
height: 70px;
padding: 8px;
margin: 2px;
display: block;
text-align: center;
}
.tableauClca2A {
height: 70px;
width: 220px;
position: relative;
float: left;
display: block;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #65B938;
border-bottom-color: #65B938;
border-left-color: #65B938;
}
.tableauClca2A h4 {
height: 80px;
line-height: 80px;
}
.tableauClca2A p {
height: 70px;
vertical-align: middle;
line-height: 20px;
}
.tableauClca2B {
height: 70px;
width: 220px;
position: relative;
text-align: left;
float: left;
line-height: 70px;
}
.tableauClca2B h5 {
height: 70px;
width: 220px;
position: relative;
text-align: center;
float: left;
border-left: 1px solid #C0C0C0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
}
.tableauClca2B p {
height: 70px;
vertical-align: middle;
}
.tableauClca2C {
height: 70px;
width: 220px;
position: relative;
text-align: center;
float: left;
display: block;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #65b938;
border-bottom-color: #65b938;
}
.tableauClca2C h4 {
display: block;
height: 70px;
text-align: center;
background-color: #65B938;
color: #FFFFFF;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
}
.tableauClca2C p {
height: 70px;
vertical-align: middle;
}
/* Adaptation titre h5 pour tableau Ajpp */
.tableauColonnesTitre h5 {
color: #FFFFFF;
background-color: #65b938;
text-align: center;
padding-top: 5px;
}
/* Tableau 2 colonnes Ajpp */
.tableauCentre2Colonnes {
width: 354px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: auto;
position: relative;
}
/* Tableau 3 colonnes Ajpp Rmi Af Cf */
.tableauCentre3Colonnes {
width: 500px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: auto;
position: relative;
}
/* Tableau 3 colonnes texte fer a gauche: ActiPaje */
.tableau3colGauche p {
text-align: left;
left: 100px;
}
/* pour Actipaje conditions */
.tableauColGauLarHaut {
position: relative;
float: left;
width: 232px;
height: 200px;
border-left: 1px solid #C0C0C0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
}
/* pour Actipaje conditions */
.tableauColDroiteDouble {
float: left;
width: 441px;
border-top: none;
border-right: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
margin-top: 0px;
position: relative;
height: 200px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
}
/* Tableau 3 colonnes larges pour montants ActiPaje */
.tableauActiPajeMontants {
width: 668px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: auto;
position: relative;
}
.tableauActiPajeConditions {
width: 676px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: auto;
position: relative;
}
.tableauActiPajeMontants h4 {
display: block;
color: #FFFFFF;
background-color: #65b938;
height: 68px;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
text-align: center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C0C0C0;
font-size: 11px;
width: auto;
}
.tableauActipajeGauche {
position: relative;
float: left;
width: 228px;
height: auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C0C0C0;
}
.tableauActipajeGauche p {
height: 50px;
text-align: left;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #C0C0C0;
}
.tableauActipajeDroite {
position: relative;
float: left;
width: 218px;
height: auto;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
}
.tableauActipajeDroite p {
height: 50px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #C0C0C0;
}
/* Tableau avec texte utilise pour Aah BasePaje */
.tableauCentre2ColFerG {
width: 663px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: auto;
position: relative;
}
.tableauCentre2ColFerG p {
text-align: left;
}
.tableauColonneGauche330Px { /***aah***/
position: relative;
float: left;
width: 330px;
height: 290px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
}
.tableauColonneDroite330Px { /***aah***/
position: relative;
float: left;
width: 330px;
height: 290px;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
}
.tableauColonneGauche330x140 { /***BasePaje**/
position: relative;
float: left;
width: 330px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
height: 147px;
background-position: left;
text-align: left;
}
.tableauColonneDroite330x140 { /***BasePaje***/
position: relative;
float: left;
width: 330px;
height: 147px;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
}
.tableauColonneGauche330x220 { /***PajeEmploi***/
position: relative;
float: left;
width: 330px;
height: 220px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
}
.tableauColonneDroite330x220 { /***PajeEmploi***/
position: relative;
float: left;
width: 330px;
height: 220px;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
}
/* Tableau 2 colonnes Prime paje */
.tableauPrimPajeCentre {
width: 670px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: auto;
position: relative;
}
.tableauPrimPajeCentre p {
height: auto;
text-align: left;
}
.Tableau2ColPrimPajeG {
position: relative;
float: left;
width: 330px;
height: 230px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
}
.Tableau2ColPrimPajeD {
position: relative;
float: left;
width: 330px;
height: 230px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C0C0C0;
}
/* Tableau 2 colonnes GardePaje */
.tableau2ColGardePaje {
width: auto;
position: relative;
float: left;
display: block;
border: 1px solid #65b938;
left: 25px;
margin-bottom: 20px;
margin-top: 20px;
height: auto;
}
.tableau2ColGardePajeA {
height: 30px;
width: 300px;
position: relative;
float: left;
display: block;
text-align: left;
}
.tableau2ColGardePajeA h4 {
height: 30px;
width: 300px;
position: relative;
text-align: center;
float: left;
color: #FFFFFF;
background-color: #65b938;
line-height: 30px;
}
.tableau2ColGardePajeA p {
text-align: left;
height: 50px;
}
.tableau2ColGardePajeB {
height: auto;
width: 300px;
position: relative;
text-align: center;
float: left;
display: block;
border-left: 1px solid #65b938;
}
.tableau2ColGardePajeB h4 {
height: 30px;
width: 300px;
position: relative;
text-align: center;
float: left;
background-color: #65B938;
color: #FFFFFF;
line-height: 30px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
}
/* Tableau 3 colonnes + titre Prime paje */
.primePaje3ColTitre {
width: auto;
position: relative;
float: left;
left: 10px;
height: auto;
padding-top: 10px;
right: 10px;
}
.primePaje3ColTitre h4 {
display: block;
color: #FFFFFF;
background-color: #65b938;
text-align: center;
line-height: 30px;
}
.primePaje3ColTitre p {
padding: 8px;
margin: 2px;
display: block;
}
.primePaje3ColTitreA {
height: auto;
width: 222px;
position: relative;
float: left;
display: block;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #65B938;
border-bottom-color: #65B938;
border-left-color: #65B938;
}
.primePaje3ColTitreA h4 {
height: 51px;
line-height: 51px;
}
.primePaje3ColTitreB {
height: auto;
position: relative;
text-align: left;
float: left;
width: 378px;
}
.primePaje3ColTitreB h4 {
height: 30px;
position: relative;
text-align: center;
float: left;
border-left: 1px solid #C0C0C0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
width: 377px;
}
.primePaje3ColTitreC {
height: auto;
width: 188px;
position: relative;
text-align: center;
float: left;
display: block;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #65b938;
border-bottom-color: #65b938;
}
.primePaje3ColTitreC h5 {
display: block;
line-height: 20px;
text-align: center;
background-color: #65B938;
color: #FFFFFF;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
}
.primePaje3ColTitreC h4 {
height: 22px;
position: relative;
text-align: left;
float: left;
display: block;
border-left: 1px solid #65b938;
}
/* Elements standards */
/* pour moteur de recherche */
.recherche table {
border-width: 0px;
border-style: outset;
border-color: gray;
border-collapse: separate;
background-color: white;
}
.recherche th {
border-width: 0px;
padding: 0px;
border-style: inset;
border-color: gray;
background-color: white;
}
.recherche td {
border-width: 0px;
padding: 0px;
border-style: inset;
border-color: gray;
background-color: white;
}
/* autres elements standards de tables */
.tableauColonneGauche {
position: relative;
float: left;
width: 164px;
height: auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
}
.tableauColonneCentre {
position: relative;
float: left;
width: 166px;
height: auto;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #C0C0C0;
border-left-color: #C0C0C0;
}
.tableauColonneDroite {
position: relative;
float: left;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
width: 166px;
}
.tableauA h4 {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
display: block;
width: auto;
}
#tableau {
padding: 0 0 2em 3em;
margin-bottom: 2em;
width: 500px;
}
.tableauCentredeuxColonnes {
width: 310px;
height: auto;
position: relative;
margin: 0px auto;
}
.tableauCentredeuxColonnesL {
width: 600px;
height: auto;
position: relative;
margin: 0px auto;
}
.ColonneGauche {
position: relative;
float: left;
width: 150px;
height: auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
margin: 0px;
padding: 0px;
}
.ColonneDroite {
position: relative;
float: left;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
width: 150px;
}
.ColonneGaucheL {
position: relative;
float: left;
width: 315px;
height: auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
margin: 0px;
padding: 0px;
}
.ColonneDroiteL {
position: relative;
float: left;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
width: 270px;
}
.TitreTableau {
margin-top: 8px;
}
.Colonne {
float: left ;
}
.TexteTableauGauche {
font-weight: normal;
width: 208px;
padding-left: 40px;
}
.TexteTableauDroite {
font-weight: normal;
width: 238px;
padding-left: 40px;
}
/* Tableau vert clair de la page contrat enfance et jeunesse.htm */
.TableauVert {
height: 40px;
color:#008A20; /* couleur de police vert clair*/
text-align: center ;
}
/* Tableau texte 2 colonnes */
.tableauTexte2Colonnes {
width: 700px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
}
.tableauTexteDroit {
position: relative;
float: left;
width: 540px;
height: auto;
text-align: left;
padding-top: 40px;
}
.tableauTexteGauche {
position: relative;
float: left;
width: 160px;
height: auto;
}
/* actunationale/Mediation.css */
.tableauTexte2ColonnesMediation {
width: 580px;
margin: 0px auto;
position: relative;
padding: 0px;
}
.tableauTexteDroitMediation {
float: left;
width: 400px;
height: auto;
text-align: left;
border: 1px solid #B5C5CC;
top: 45px;
position: relative;
}
/* Tableau 2 colonnes */
.tableau2Colonnes {
width: auto;
position: relative;
float: left;
display: block;
border: 1px solid #65b938;
left: 10px;
margin-top: 20px;
height: auto;
}
.tableau2ColonnesA {
height: 30px;
width: 300px;
position: relative;
float: left;
display: block;
text-align: left;
margin-right: 0px;
}
.tableau2ColonnesA h4 {
height: 30px;
width: 300px;
position: relative;
text-align: center;
float: left;
color: #FFFFFF;
background-color: #65b938;
line-height: normal;
}
.tableau2ColonnesA p {
text-align: left;
left: 10px;
}
.tableau2ColonnesB {
height: auto;
width: 300px;
position: relative;
text-align: left;
float: left;
display: block;
border-left: 1px solid #65b938;
}
.tableau2ColonnesB h4 {
height: 30px;
width: 300px;
position: relative;
text-align: center;
float: left;
background-color: #65B938;
color: #FFFFFF;
line-height: 30px;
}
/* Tableau 3 colonnes */
.tableau3Colonnes {
float: left;
width: 670px;
margin-left: 20px;
}
.tableau3Colonnes h4 {
display: block;
color: #FFFFFF;
background-color: #65b938;
height: 50px;
vertical-align: middle;
text-align: center;
padding-top: 10px;
padding-right: 5px;
padding-left: 5px;
}
.tableau3Colonnes p {
padding: 8px;
display: block;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C0C0C0;
}
.tableau3ColonnesA {
height: auto;
width: 220px;
position: relative;
float: left;
display: block;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-bottom-color: #65B938;
border-left-style: solid;
}
.tableau3ColonnesA p {
padding: 8px;
margin: 2px;
display: block;
}
.tableau3ColonnesB {
position: relative;
float: left;
display: block;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #65B938;
text-align: center;
vertical-align: middle;
width: 220px;
}
.tableau3ColonnesB h4 {
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
}
.tableau3ColonnesB p {
padding: 8px;
margin: 2px;
display: block;
}
.tableau3ColonnesC {
position: relative;
float: left;
display: block;
text-align: center;
vertical-align: middle;
width: 220px;
}
.tableau3ColonnesC p {
padding: 8px;
margin: 2px;
display: block;
}
/* Tableau 3 colonnes + titre */
.tableau3ColonnesTitre {
position: relative;
float: left;
left: 10px;
height: auto;
right: 10px;
width: 670px;
}
.tableau3ColonnesTitre h4 {
display: block;
color: #FFFFFF;
background-color: #65b938;
text-align: center;
text-indent: 5px;
}
.tableau3ColonnesTitre p {
margin: 2px;
display: block;
line-height: 20px;
}
.tableau3ColonnesTitreA {
position: relative;
float: left;
display: block;
width: 200px;
}
.tableau3ColonnesTitreA h4 {
line-height: 30px;
}
.tableau3ColonnesTitreB {
height: auto;
position: relative;
text-align: left;
float: left;
width: 440px;
}
.tableau3ColonnesTitreB h4 {
text-align: center;
float: left;
border-left: 1px;
line-height: 20px;
background-color: #65B938;
height: auto;
width: auto;
}
.tableau3ColonnesTitreC {
width: 200px;
}
.tableau3ColonnesTitreC h4 {
display: block;
text-align: center;
background-color: #65B938;
color: #FFFFFF;
position: relative;
height: 40px;
line-height: 40px;
width: 200px;
}
.tableau3ColonnesTitreC p {
padding: 8px;
margin: 2px;
display: block;
height: auto;
line-height: 20px;
}
.tableau3ColonnesTitreD {
width: 200px;
}
.tableau3ColonnesTitreD h4 {
display: block;
text-align: center;
color: #FFFFFF;
height: 40px;
line-height: 20px;
width: 200px;
}
.tableau3ColonnesTitreD p {
padding: 8px;
margin: 2px;
display: block;
height: 20px;
}
/* Tableau 4 colonnes */
.tableau4ColGauche {
position: relative;
float: left;
width: 220px;
height: auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C0C0C0;
}
.tableau4ColGauche h4 {
display: block;
color: #FFFFFF;
background-color: #65b938;
padding-top: 10px;
padding-right: 5px;
padding-left: 5px;
text-align: center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C0C0C0;
width: auto;
height: 62px;
}
.tableau4ColGauche h5 {
display: block;
color: #FFFFFF;
background-color: #65b938;
padding-top: 10px;
padding-right: 5px;
padding-left: 5px;
text-align: center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C0C0C0;
width: auto;
height: 25px;
}
.tableau4ColTitre {
position: relative;
float: left;
width: 429px;
height: auto;
}
.tableau4ColTitre h5 {
display: block;
color: #FFFFFF;
background-color: #65b938;
padding-top: 10px;
padding-right: 5px;
padding-left: 5px;
text-align: center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C0C0C0;
width: auto;
height: 25px;
}
.tableau4ColDroite {
position: relative;
float: left;
width: 142px;
height: auto;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
}
/* Table avec dimensions relatives */
.contenerTable {
width: 46em; /* cette largeur cree un conteneur qui s'adaptera dans une fenetre de navigateur de 800 pixels avec les tailles de police par defaut */
background: #FFFFFF;
margin: 0 auto; /* les marges automatiques (et dotees d'une largeur positive) centrent la page */
border: 1px solid #000000;
text-align: left; /* ce parametrage annule le parametre text-align: center de l'element body. */
}
.contenerTable .titresTables {
background: #DDDDDD;
padding: 0 10px; /* ce remplissage correspond a l'alignement a gauche des elements des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est inseree dans l'element #header, il est conseille de supprimer le remplissage. */
}
.contenerTable .colGauche {
margin: 0; /* la mise a zero de la marge du dernier element du div #header permet d'eviter une disparition de la marge (espace inexplicable entre les elements div). Si l'element div est entoure d'une bordure, cette precaution n'est pas necessaire, car la bordure evite egalement la disparition de la marge */
padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'eloigner l'element des bords de l'element div */
width: 10em;
}
.contenerTable .colDroit {
float: right;
width: 11em; /* cet element est flottant, il faut donc lui attribuer une largeur */
background: #EBEBEB; /* la couleur de l'arriere-plan est affichee sur la largeur du contenu de la colonne, mais pas au-dela */
padding: 15px 0; /* le remplissage en haut et en bas cree un espace visuel a l'interieur de cet element div */
}
.contenerTable .colCentre {
margin: 0 12em; /* la marge droite peut etre indiquee en ems ou en pixels. Elle cree l'espace dans la partie inferieure du cote droit de la page. */
width: 35px;
}
.tableauColnCentre {
position: relative;
width: 168px;
height: auto;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #C0C0C0;
border-left-color: #C0C0C0;
float: left;
}
.tableauERPTitre {
display: block;
color: #FFFFFF;
background-color: #65b938;
height: 56px;
text-align: center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C0C0C0;
}
.tableauERPTitre h4 {
color: #FFFFFF;
font-weight: bold;
height: 30px;
padding-top: 20px;
}
/* table trois colonne exemple*/
#tableauRsoCentre3Colonnes {
width: 644px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #C0C0C0;
border-bottom-color: #C0C0C0;
border-left-color: #C0C0C0;
border-top-width: 0px;
padding: 0px;
}
#tableauRsoCentre3Colonnes h4 {
line-height: 44px;
}
#tableauRsoCentre3Colonnes .rsoGauche {
width: 164px;
float: left;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin: 0px;
padding: 0px;
}
#tableauRsoCentre3Colonnes .rsoGauche p {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #EBEBEB;
}
#tableauRsoCentre3Colonnes .rsoDroit {
float: right;
width: 308px;
padding: 0px;
margin: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
#tableauRsoCentre3Colonnes .rsoDroit p {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #EBEBEB;
}
#tableauRsoCentre3Colonnes .rsoMilieu {
width: 164px;
height: auto;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 164px;
margin-right: 307px;
float: none;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #EBEBEB;
border-left-color: #EBEBEB;
}
#tableauRsoCentre3Colonnes .rsoMilieu p {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #EBEBEB;
}
.texteN2 { /*****retrait du texte de 60px pour alignement sous texte puce niveau1 *****/
padding-left: 60px;
}
/* Tables oneColLiqCtrHdr */
.oneColLiqCtrHdr #container {
margin: 0 auto;
text-align: left;
}
.oneColLiqCtrHdr #header {
padding: 0 0px; /* ce remplissage correspond a l'alignement a gauche des elements des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est inseree dans l'element #header, il est conseille de supprimer le remplissage. */
}
.oneColLiqCtrHdr #header h1 {
margin: 0; /* la mise a zero de la marge du dernier element du div #header permet d'eviter une disparition de la marge (espace inexplicable entre les elements div). Si l'element div est entoure d'une bordure, cette precaution n'est pas necessaire, car la bordure evite egalement la disparition de la marge */
padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'eloigner l'element des bords de l'element div */
font-size: 2em;
}
.oneColLiqCtrHdr #mainContent {
padding: 0 0em;
}
.oneColLiqCtrHdr #footer {
padding: 0 10px; /* ce remplissage correspond a l'alignement a gauche des elements des div qui apparaissent au-dessus. */
background:#DDDDDD;
}
.oneColLiqCtrHdr #footer p {
margin: 0; /* la mise a zero de la marge du premier element du pied de page permet d'eviter une possible disparition de la marge (espace entre les elements div) */
padding: 10px 0; /* l'utilisation d'un remplissage pour cet element cree un espace, tout comme une marge l'aurait fait, mais en evitant le risque de disparition de la marge */
}
/* Tables uneColLiqCtr */
.uneColLiqCtr #container {
width: 98%; /* ce parametrage cree un conteneur dont la largeur est 80 % de celle du navigateur */
margin: 0 auto; /* les marges automatiques (et dotees d'une largeur positive) centrent la page */
text-align: left; /* ce parametrage annule le parametre text-align: center de l'element body. */
}
.uneColLiqCtr #mainContent {
padding: 0.5em; /* ne pas oublier que le remplissage (padding) est l'espace a l'interieur du cadre de l'element div, alors que la marge (margin) est l'espace a l'exterieur de celui-ci */
}
/* Styles pour les tableaux par taille */
.uneColLiqCtr #ColEls100, .uneColLiqCtr #ColEls90, .ColEls90, .uneColLiqCtr #ColEls80, .uneColLiqCtr #ColEls70 {
background: #FFFFFF;
border: 0.1em solid #000000;
text-align: left; /* ce parametrage annule le parametre text-align: center de l'element body. */
margin-top: 0;
margin-right: auto; /* les marges automatiques (et dotees d'une largeur positive) centrent la page */
margin-bottom: 0;
margin-left: auto;
}
.uneColLiqCtr #ColEls100 { /* table avec trois colEls 100% */
width: 100%;
border: 1px solid #536D7A;
}
.uneColLiqCtr #ColEls90 { /* table avec trois colEls 90% */
width: 98%;
}
.uneColLiqCtr .ColEls90 { /* table avec trois colEls 90% */
width: 98%;
}
.uneColLiqCtr #ColEls80 { /* table avec trois colEls 80% */
width: 80%;
}
.uneColLiqCtr #ColEls70 { /* table avec trois colEls 75% */
width: 75%;
}
/* Styles pour les tableaux generiques */
.uneColLiqCtr #ColEls100 h3, .uneColLiqCtr #ColEls90 h3, .ColEls90 h3, .uneColLiqCtr #ColEls80 h3, .uneColLiqCtr #ColEls70 h3 {
color: #FFFFFF;
background-color: #65b938;
display: block;
margin: 0px;
padding: 0px;
text-align: center;
font-size: 1em;
}
.uneColLiqCtr #colGa p, .uneColLiqCtr #colDr p, .uneColLiqCtr #colCent p, .uneColLiqCtr #colGaC p, .uneColLiqCtr #colDrC p, .uneColLiqCtr #colCentC p, .uneColLiqCtr #colGa50 p, .colGa50 p, .uneColLiqCtr #colCent50 p, .colCent50 p, .uneColLiqCtr #colDr67 p, .uneColLiqCtr #colGauche50 p {
margin-left: 0.4em;
display: block;
margin-top: 0.1em;
margin-bottom: 0.1em;
}
/* Styles pour les tableaux contenu a gauche */
.uneColLiqCtr #colGa, .uneColLiqCtr #colCent, .uneColLiqCtr #colDr {
float: left;
width: 33.1%;
position: relative;
}
.uneColLiqCtr #colCent, .uneColLiqCtr #colDr {
border-left-width: 0.1em;
border-left-style: solid;
border-left-color: #CCCCCC;
}
/* Styles pour les tableaux contenu centre */
.uneColLiqCtr #colGaC, .uneColLiqCtr #colCentC, .uneColLiqCtr #colDrC {
float: left;
width: 33.2%;
position: relative;
text-align: center;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
.uneColLiqCtr #colCentC, .uneColLiqCtr #colDrC {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCCCCC;
}
/* Styles pour les tableaux contenu centre et gauche 50% et 67% */
.uneColLiqCtr #colGa50, .uneColLiqCtr #colCent50, .colCent50, .uneColLiqCtr #colDr67 {
float: left;
position: relative;
}
.uneColLiqCtr #colGa50 {
width: 49.7%; /* cet element est flottant, il faut donc lui attribuer une largeur */
text-align: left;
float: left;
}
.uneColLiqCtr .colGa50 {
width: 49.7%; /* cet element est flottant, il faut donc lui attribuer une largeur */
text-align: left;
float: left;
position: relative;
}
.uneColLiqCtr #colCent50, .colCent50, .uneColLiqCtr #colDr67 {
border-left-width: 0.1em;
border-left-style: solid;
border-left-color: #CCCCCC;
text-align: center;
}
.uneColLiqCtr #colCent50 {
width: 49.7%;
}
.uneColLiqCtr .colCent50 {
width: 49.7%;
}
.uneColLiqCtr #colDr67 {
width: 66.6%;
}
.uneColLiqCtr #colGauche50 {
width: 49.7%;
text-align: left;
float: left;
border-left: 0.1em solid #536D7A;
position: relative;
}
/* Styles pour les contenus deux colonnes borne */
.uneColLiqCtr #ColElsBorne {
background: #FFFFFF; /* les marges automatiques (et dotees d'une largeur positive) centrent la page */
text-align: left; /* ce parametrage annule le parametre text-align: center de l'element body. */
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 100%;
}
.uneColLiqCtr #colBorGa, .uneColLiqCtr #colBorDr {
width: 46.5%; /* cet element est flottant, il faut donc lui attribuer une largeur */
text-align: left;
position: relative;
margin: 0em;
border-width: 0px;
}
.uneColLiqCtr #colBorGa h2, .uneColLiqCtr #colBorDr h2 {
font-size: 1em;
border-width: 0px;
display: block;
position: relative;
}
.uneColLiqCtr #colBorGa{
float: left;
border-right: 0.1em solid #F0F0F0;
}
.uneColLiqCtr #colBorDr {
float: right;
position: relative;
}
/* Permettre d'afficher les ancres */
.uneColLiqCtr .retour {
text-align: center;
display: block;
height: 25px;
width: 20px;
float: right;
margin: 0px;
padding: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
.uneColLiqCtr .retour a {
background-image: url(../images/flecheParticuliersRetour.GIF);
background-repeat: no-repeat;
background-position: center top;
text-align: center;
display: block;
line-height: 50px;
font-weight: normal;
float: right;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
height: 25px;
width: 20px;
}
.uneColLiqCtr strong {
font-weight: bold;
}
/* Page suppression de revenus */
.oneColLiqCtr #mainContent {
padding: 0 0em; /* ne pas oublier que le remplissage est l'espace a l'interieur du cadre de l'element div, alors que la marge est l'espace a l'exterieur de celui-ci */
}
/*-------------*/
/* Blocs */
.divCentreTailleFixe {
margin: 0 auto 0 auto;
width: 450px;
}
.blocPhoto {
height: auto;
width: 100%;
position: relative;
}
.blocContenu {
height: auto;
width: 100%;
position: relative;
}
.blocContenuAccueil {
height: auto;
width: 54em;
position: relative;
}
.blocContenu p {
margin-top: 0.2em;
margin-bottom: 0.2em;
}
.blocContenu h1 {
display: block;
padding-top: 10px;
padding-bottom: 5px;
}
.blocContenu h2{
color: ;
}
.blocContenu span {
color:#902a7e;
}
/* .blocContenu strong { /* pour portailContenu */
/* color:#65b938
/* }
*/
/*.blocContenu strong {
/* color: ;
/* }
*/
.blocContenuElus strong { /* pour Elus et Collectivites */
color:#902a7e;
}
.blocContenuEtudiants strong { /* pour Etudiants */
color:#e30289;
}
.blocContenuPros strong { /* pour Professionnels */
color:#fb830f;
}
.blocContenuMedias strong { /* pour Medias */
color:#00a5e2;
}
.blocContenuQui strong { /* pour Qui Sommes Nous */
color:#006bb6;
}
.blocTitre{
background-color: #bb0000;
height: auto;
width: 100%;
position: relative;
}
.labelTitre {
font-size: 1.5em;
font-weight: bold;
color: #ffffff;
}
.blocPage{
width: auto;
height: auto;
text-align: center;
position:relative;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.bloc1 {
background-color: #A2D700; /* couleur de police vert clair */
height: 32px;
width: 248px;
float: left;
}
.bloc2 {
background-color: #A2D700; /* couleur de police vert clair */
height: 32px;
width: 248px;
float: left;
margin-left: 3px;
}
.BlocDroite {
float: right;
width: 28em;
}
.blocOrangeTitre {
margin: 1px;
font-weight: bold;
color: #825400;
float: left;
background-color: #EC9800;
padding: 0.7em;
width: 236px;
}
.blocVertTitre {
text-align: center;
float: left;
font-weight: bold;
color: #008A20;
background-color: #A2D700;
margin: 1px;
width: 200px;
padding: 0.7em;
}
.blocOrange {
padding: 2px;
margin: 1px;
float: left;
background-color: #FFB833;
color: #825400;
width: 250px;
}
.blocBlanc {
float: left;
margin-bottom: 1px;
width: 200px;
text-align: center;
padding: 3px 0 0 0;
}
.contenuBloc {
width: auto;
position: relative;
float: left;
display: block;
border: 1px solid #65b938;
left: 25px;
margin-bottom: 20px;
margin-top: 20px;
height: auto;
}
.contenuBloc h4 {
display: block;
padding: 8px;
color: #FFFFFF;
background-color: #65b938;
text-align: center;
}
.contenuBloc p {
padding: 8px;
margin: 2px;
}
.blocAah1 {
height: auto;
width: 320px;
position: relative;
float: left;
display: block;
padding-bottom: 5px;
}
.blocAah2 {
height: 335px;
width: 300px;
position: relative;
text-align: left;
float: left;
display: block;
border-left: 1px solid #65b938;
}
/* BlockAeeh1 old */
.contenuBlocAfe {
width: auto;
position: relative;
float: left;
left: 10px;
height: auto;
padding-top: 10px;
right: 10px;
}
.contenuBlocAfe h4 {
display: block;
color: #FFFFFF;
background-color: #65b938;
text-align: center;
line-height: 30px;
}
.contenuBlocAfe p {
padding: 8px;
margin: 2px;
display: block;
}
.blocAfe1 {
height: auto;
width: 222px;
position: relative;
float: left;
display: block;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #65B938;
border-bottom-color: #65B938;
border-left-color: #65B938;
}
.blocAfe1 h4 {
height: 51px;
line-height: 51px;
}
.blocAfe1a {
height: 20px;
width: 222px;
position: relative;
float: left;
display: block;
}
.blocAfe1b {
height: auto;
width: 222px;
position: relative;
float: left;
display: block;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #65B938;
border-bottom-color: #65B938;
border-left-color: #65B938;
}
.blocAfe1a h4 {
height: 31px;
width: 222px;
position: relative;
float: left;
display: block;
text-align: center;
}
.blocAfe2 {
height: auto;
position: relative;
text-align: left;
float: left;
width: 378px;
}
.blocAfe2 h4 {
height: 30px;
position: relative;
text-align: center;
float: left;
border-left: 1px solid #C0C0C0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
width: 378px;
}
.blocAfe3 {
height: auto;
width: 125px;
position: relative;
text-align: center;
float: left;
display: block;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #65b938;
border-bottom-color: #65b938;
}
.blocAfe3 h5 {
display: block;
line-height: 20px;
text-align: center;
background-color: #65B938;
color: #FFFFFF;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
}
.blocAfe3 h4 {
height: 22px;
width: 126px;
position: relative;
text-align: left;
float: left;
display: block;
border-left: 1px solid #65b938;
}
/* BlockAjpp1 */
.contenuBloc2Col {
width: auto;
position: relative;
float: left;
display: block;
border: 1px solid #65b938;
left: 25px;
margin-bottom: 20px;
margin-top: 20px;
height: auto;
}
.bloc2Col1a {
height: 30px;
width: 300px;
position: relative;
float: left;
display: block;
text-align: left;
}
.bloc2Col1a h4 {
height: 30px;
width: 300px;
position: relative;
text-align: center;
float: left;
color: #FFFFFF;
background-color: #65b938;
}
.bloc2Col1b {
height: auto;
width: 300px;
position: relative;
text-align: center;
float: left;
display: block;
border-left: 1px solid #65b938;
}
.bloc2Col1b h4 {
height: 30px;
width: 300px;
position: relative;
text-align: center;
float: left;
background-color: #65B938;
color: #FFFFFF;
line-height: 30px;
}
/* BlocTableau3ColonnesComplex */
.contenuBloc3ColCx {
width: auto;
position: relative;
float: left;
left: 10px;
height: auto;
padding-top: 10px;
right: 10px;
}
.contenuBloc3ColCx h4 {
display: block;
color: #FFFFFF;
background-color: #65b938;
text-align: center;
line-height: 30px;
}
.contenuBloc3ColCx p {
padding: 8px;
margin: 2px;
display: block;
}
.bloc3ColCx1 {
height: auto;
width: 228px;
position: relative;
float: left;
display: block;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #65B938;
border-bottom-color: #65B938;
border-left-color: #65B938;
}
.bloc3ColCx1 h4 {
height: 51px;
line-height: 51px;
}
.bloc3ColCx2 {
height: auto;
width: 381px;
position: relative;
text-align: left;
float: left;
}
.bloc3ColCx2 h4 {
height: 30px;
width: 380px;
position: relative;
text-align: center;
float: left;
border-left: 1px solid #C0C0C0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
}
.bloc3ColCx3 {
height: auto;
width: 220px;
position: relative;
text-align: center;
float: left;
display: block;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #65b938;
border-bottom-color: #65b938;
}
.bloc3ColCx3 h4 {
display: block;
line-height: 20px;
text-align: center;
background-color: #65B938;
color: #FFFFFF;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
}
/* Enfance et jeunesse */
.blocEnfanceJeunesse {
width: 95%;
}
/*.blocEnfanceJeunesse h2 {
width: 95%;
color: #902A7E;
}*/
.blocEnfanceJeunesse .blocTableau span {
color: #902A7E;
font-weight: bold;
}
.blocEnfanceJeunesse .blocTableau h4 {
display: block;
color: #FFFFFF;
background-color: #902A7E;
text-align: center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C0C0C0;
margin: 0px;
padding: 0px;
height: 40px;
line-height: 20px;
}
.blocEnfanceJeunesse .ColonneGauche {
position: relative;
float: left;
width: 197px;
height: auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C0C0C0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #C0C0C0;
margin: 0px;
padding: 0px;
}
.blocEnfanceJeunesse .ColonneDroite {
position: relative;
float: left;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
width: 195px;
}
.blocEnfanceJeunesse .tableauCentredeuxColonnes {
width: 400px;
height: auto;
position: relative;
margin: 0px auto;
}
/*-----------------*/
/* Formulaire Wapp */
.rowDialogue {
clear: both;
text-align: left;
display: block;
padding-top: 2px;
padding-bottom: 2px;
}
.rowDialogue, .labelDialogue {
float: left;
width: 320px;
text-align: right;
font: 0.9em/20px Verdana, Arial, Helvetica, sans-serif;
color: #536D7A;
position: relative;
margin: 0px;
padding: 0px;
}
.rowDialogue, .formDialogue {
text-align: left;
display: block;
left: 5px;
right: 5px;
color: #536D7A;
float: left;
padding: 0px 0px 0px 5px;
width: 320px;
}
.labelValid {
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
color: #ff3333;
letter-spacing: normal;
font-weight: bold;
}
.labelInfoDialogue {
font: 0.8em/20px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
}
.labelErreur {
color: #ff3333;
}
.labelEnvoyer {
text-align: right;
display: block;
}
.submiter { /*Permet le dessin des boutons de commandes */
font-size: 1em;
color: white; /* Police d'ecriture blanche du bouton */
font-weight:bold; /* Police d'ecriture en gras */
background-color: #536d7a; /* Couleur de fond bleu du bouton */
text-decoration: none;
border: none;
cursor: pointer;
width: 119px; /* largeur de 119 pixels du bouton */
}
.bouton { /* Pour dessiner des boutons tels que definis par la charte d'accessibilite */
background: blue; /* Couleur de fond bleu du bouton */
padding: 0.3em;
text-decoration: none;
font-weight: bold; /* Police d'ecriture en gras */
color: white; /* Police d'ecriture blanche du bouton */
}
.centre { /* Centrage par rapport a une largeur donnee */
text-align: center;
clear: left;
width: 699px;
}
.centre2{ /* Centrage par rapport a une largeur donnee */
text-align: center;
clear: left;
width: 100%;
}
/*-------------------*/
/* Code Accordion QR */
.Accordion {
overflow: hidden;
border: 0.1em solid #E7ECEF;
}
/* Le selecteur pour le conteneur AccordionPanel qui contient l'onglet panel et le contenu du panel. Il ne
* s'affiche pas, mais il faut qu'il ait des margin et padding a zero. */
.AccordionPanel {
margin: 0px;
padding: 0px;
}
/* Le selecteur pour AccordionPanelTab. Ce conteneur contient le titre du panel. L'utilisateur clique sur ce
* conteneur pour ouvrir un panel specifique. */
.AccordionPanelTab {
margin: 0px;
padding: 0px;
cursor: pointer;
background-image: url(../images/fleche1v.gif);
background-position: left center;
background-repeat: no-repeat;
text-indent: 20px;
height: 2em;
line-height: 2em;
font-weight: bold;
border-top: 0.07em solid #E7ECEF;
}
/* Le selecteur pour le contenu d'un panel. Pour utiliser les animations du panel Accordion correctement, il ne
* faut jamais rajouter du padding. Un padding qui n'est pas zero fera accroitre l'accordion quand il y a une
* animation des panels.
*
* Une hauteur (height) est obligatoire pour le conteneur AccordionPanelContent. */
.AccordionPanelContent {
overflow: auto;
margin: 0em;
min-height: 10em;
padding: 0em 0em 0em 2em;
border-bottom: 0.05em solid #F7F8F9;
}
/* Pour changer l'affichage de l'onglet panel qui est ouvert actuellement. Cette classe "AccordionPanelOpen" est
* rajoutee et retiree des panels programmatiquement quand l'utilisateur clique sur des onglets dans l'Accordion. */
.AccordionPanelContent span {
color: #65b938;
font-weight: bold;
display: block;
padding-top: 0.8em;
}
.AccordionPanelContent p {
display: block;
}
/* Pour changer l'affichage de l'onglet panel quand la souris est au-dessus. Cette classe "AccordionPanelTabHover" est
* rajoutee et retiree du conteneur de l'onglet panel programmatiquement quand la souris rentre et quitte le conteneur. */
.AccordionPanelTabHover {
color: #0000FF;
}
/*--------*/
/* Images */
img.fermer {
width:66px;
height:25px;
}
image.bandeau{
width: 150px;
height: 32px;
}
/* image Petitlogo60ans.gif de la page 60ans.htm */
.logo60ans {
height: 101px;
width: 120px;
float: left ;
}
/* image Creche.gif de la page Creche.htm */
.ImageCreche {
height: 152px;
width: 74px;
float: left ;
}
/* image cafinfofnct.gif de la page fonctionnaires.htm */
.ImageCafinfo {
height: 143px;
width: 101px;
float: left ;
}
/* image Dialogue.gif de la page fonctionnaires.htm */
.ImageDialogue {
height: 33px;
width: 87px;
}
/* Texte se plaçant la droite de l'image et occupant 77% de la largeur */
.DroiteImage {
width: 380px;
float: left;
padding-left: 20px;
}
/* Texte se plaçant dessous l'image */
.DessousImage {
clear: left ;
}
.HautDePage { /* pour une image */
border: 0px;
width: 12px;
height:24px;
margin-top: 10px;
}
/*----------------*/
/* Autres classes */
hr { /* Ligne horizontale */
width: 50%;
}
.floatRight {
float: right;
}
.flleft {
float: left;
}
.clearboth { /* Permet de "ne plus flotter" et donc passer a la ligne */
clear: both;
}
.largeur { /* Largeur generale de toutes les pages du repertoire Actunationale */
width: 530px;
}
/* alignement au centre par rapport a la largeur de la classe "largeur" fixe a 530px de largeur (width: 530px;) pour les pages du repertoire Actunationale */
.AlignCentre {
text-align: center;
}
object.flash {
width:450px;
height:300px;
}
.TexteNormal { /* Alignement avec les puces dans la page garde2.htm */
font-weight: normal ;
width: 510px;
clear: left ;
}
.CadreListe {
width: 446px;
}
.CadreListePuce {
width: 505px;
}
.RectangleVertClair { /* Rectangle vert clair de la page contrat enfance et jeunesse.htm */
background-color:#EEF4D2;
height: 170px;
width: 355px;
margin-left:80px;
border: white solid 1px;
padding: 15px 15px 0px 15px;
}
.RectangleVertClairItalique { /* Rectangle vert clair avec texte en italique pour la page mediation */
background-color:#EEF4D2;
width: 355px;
margin-left:80px;
padding: 1.3em;
font-style: italic;
}
.TexteRectangleVertClair { /* Texte a l'interieur du rectangle vert clair de la page enfance et jeunesse.htm */
position: relative;
top:50%;
margin-top: -3em;
font-weight: normal;
font-size: 1.3em;
}
.RectangleVert { /* Rectangle vert de la page Fonctionnaires.htm */
background-color:#A2D700;
height: 97px;
width: 540px;
margin-top: 3px;
}
.TexteRectangleVert { /* Texte a l'interieur du rectangle vert de la page Fonctionnaires.htm */
color: #008A00;
margin-top: 8px;
}
.RectangleGris { /* Rectangle gris de la page Fonctionnaires.htm */
background-color:#CCCCCC;
height: 190px;
width: 540px;
}
.TexteRectangleGris { /* Texte a l'interieur du rectangle gris de la page Fonctionnaires.htm */
color: #006699;
font-weight: bold;
font-style: italic;
margin-top: 20px;
}
.PetiteBarre {
text-align: center;
border: 0;
border-top: 1px solid black;
width: 20em;
margin: 2em 0;
}
.upperFont {
font-size: 1.8em;
}
strong.TitreLienBleu {
font-size:1.2em;
}
.AllocFam {
background-color:#FFB833;
color: #825400;
width: 75px;
height: 38px;
text-align: center;
margin-right: 2px;
float: left;
}
.col2 {
float: left;
margin-bottom: 2px;
}
.enfant2 {
color: #007700;
background-color: #C2FF0D;
width: 218px;
height: 18px;
text-align: center;
}
.enfant3 {
color: #007700;
background-color: #C2FF0D;
width: 218px;
height: 18px;
margin-top: 2px;
text-align: center;
}
.AllocPaje {
background-color:#FFB833;
color: #825400;
width: 295px;
height: 22px;
clear: left;
}
.AllocEnfant {
background-color:#FFB833;
color: #825400;
width: 295px;
height: 22px;
margin-top: 2px;
}
.prix {
float: left;
width: 175px;
height: 20px;
text-align: center;
}
.prixbis {
float: left;
width: 175px;
height: 22px;
margin-top: 2px;
text-align: center;
}
div.LienLsf {
font-family: Verdana, Arial, Helvetica, sans-serif;
position: relative;
text-align: left;
font-size: .9em;
width:215px;
padding-top: 15px;
clear:left;
}
div.LienLsf a{
color: #65b938;
text-decoration: none;
text-align: left;
display: inline;
font-size: 10px;
}
img.ImgLSF
{
border: 0;
width: 65px;
height: 19px;
}
.LiensPDF {
width:36.9em;
-width:36.7em;
float:left;
}
.FlecheInfoLibertes{
background-image:url(../images/flecheLienOutil.gif);
background-position:0 3px;
background-repeat:no-repeat;
list-style-type:none;
margin-left:0;
margin-top:0.2em;
padding-left:25px;
height:1%;/* Pour que l'image s'affiche sous IE6!*/
}