html,body {
   height: 100%;
   margin: 0px;
   padding: 0px;
}

body {
   text-align: center;
   color: #000000;
   background-color: #FFFFFF;
   font: 0.8em Verdana, Arial, Helvetica, sans-serif;
        }
html>body 
{
overflow:100%;
}
html>body #FlyParent
{  
height:auto;
}



div#clearfloat { 
      clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
    
div#FlyParent {
   width: 955px;
   position: relative;
   margin: 0px auto;
   height:auto
 }
 div#container {
   margin-bottom:0;
   position: relative;
   width: 100%;
   height: auto;
   top: 3px;
}

 html>body #container{
 height:auto
 }


input, textarea, button, select {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: xx-small; 
}




div, span, p, ul, li, td, th { 
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**Ajout test WCM*****/
ul, li{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
list-style-type: none;
}

pre {
   font-family: monospace;
   font-size: small;
}

img{
   vertical-align:middle;
   border:0;
}
a, .wpsLink{
   color: #3366CC;
}
a:visited, .wpsLink:visited { 
   color: #666699;
}

a:active, .wpsLink:active {
   color: #3366CC;
}
.generalErrorText {
   color: red;
}

.clearing {
   clear: both;
}

.layoutRow {width: 100%; }
.layoutColumn {width: 100%; }



#mainContent {
   padding: 5px;
}




#bandeaux{
   width: 100%;
   height: 80px;
   position: relative;
   background-color: #BB0000;
   top: 3px;
}   

#titrePage{
   width: 58%;
   float: left;
   left: 20%;
   position: relative;
   text-align: center;
   overflow: auto;
   top: 50px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 30px;
   font-weight: bold;
   color: #FFFFFF;
   height: 30px;
   margin: 0px;
   padding: 0px;
   bottom: 0px;
   clip: rect(0px,auto,0px,auto);
   line-height: 30px;
}


#FlyParent #banner{ /* permettre enfermé les éléments du formulaire  recherche et votre caf*/
   width: 100%;
   height: 28px;
   color: #FFFFFF;
   background-color:#FF0000;
   text-align: right;
   font-size: 12px;
   float: left;   
   margin-top: 3px;
   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:#FF0000;
   text-align: right;
   font: 10px Verdana, Arial, Helvetica, sans-serif;
   top: 3px;
}


#fil{
height: 21px;
}

#filAriane{
   width: 100%;
   position: relative;
   color: #000000;
   height:0;
}

div#decoBanner {
   width: 41px;
   height: 21px;
   float: right;
   right: 72%;
   position:relative;
   top: 0px;
   margin: 0px;
   padding: 0px;
   background-image: url(/wps/themes/html/accueilCAF/images/banner/HomeBanner.gif);
   text-align: left;
   background-repeat: no-repeat;
   background-position: left top;
}

#logo img{
   position: absolute;
   width: 87px;
   height: 88px;
   top: 55px;
   left: 70px; 
}



#contenu{

   width: 708px;
   text-align: left;
   margin:0px;
   min-height: 375px;

  margin-left:225px;
   padding-top: 0px;
   padding-right: 5px;
   padding-bottom: 20px;
   padding-left: 15px;
}

* html #contenu {
   height: 375px;
}





.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(/wps/themes/html/accueilCAF/images/toolBar/accueilBanner_f.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;
   margin:0px;
   padding-top: 40px;
   padding-bottom: 20px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}
   


.menu
{
   overflow:hidden;
   text-decoration: none;
   position: relative;
   width: 100%;
   height: auto;
   text-align: left;
   left: 0px;
   top: 30px;
}

.menu a{
   color: #FFFFFF;
   text-decoration: none;
   font-weight: bold;
}

ul.menu li {
   padding:0;
   margin:0;
 
}
ul.menu li a {
  display: block;
}
ul.menu {   
   list-style-type: none;
   padding:0;
   margin:0; 
   position: relative;
}

ul.menu a:link {
   color:#FFFFFF;
   width: 198px;
   height: 22px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   line-height: 22px;
   font-weight: bold;
   text-indent: 22px;
   font-size: 85%;
   text-decoration:none;
}

ul.menu a:visited {
   color:#FFFFFF;
   width: 198px;
   height: 22px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 82%;
   line-height: 22px;
   font-weight: bold;
   text-indent: 22px;
   text-decoration:none;
   }
ul.menu a:hover {
   color:#536D7A;
   width: 198px;
   height: 22px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 85%;
   line-height: 22px;
   font-weight: bold;
   text-indent: 22px;
   text-decoration:none;
}
ul.menu a:active {
   color:#FFFFFF;
   width: 198px;
   height: 22px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 85%;
   line-height: 22px;
   font-weight: bold;
   text-indent: 22px;
   text-decoration:none;
}


li#particuliers
 a {
   background-image: url(/wps/themes/html/accueilCAF/images/sideNav/FlecheHomeMenuVert.gif);;
   background-repeat: no-repeat;
   background-color: #65b938;
   position: relative;
}
li#particuliers a:hover {
   background-image: url(/wps/themes/html/accueilCAF/images/sideNav/FlecheHomeMenuVert.gif);;
   background-repeat: no-repeat;
   background-color: #65b938;
   position: relative;
}
li#etudiants
 a {
   background-image: url(/wps/themes/html/accueilCAF/images/sideNav/FlecheHomeMenuRose.gif);
   background-repeat: no-repeat;
   background-color: #ec008c;
   position: relative;
}
li#etudiant a:hover {
   background-image: url(/wps/themes/html/accueilCAF/images/sideNav/FlecheHomeMenuRose.gif);
   background-repeat: no-repeat;
   background-color: #ec008c;
   position: relative;
}
li#professionnels
 a {
   background-image: url(/wps/themes/html/accueilCAF/images/sideNav/FlecheHomeMenuOrange.gif);
   background-repeat: no-repeat;
   background-color: #ff8400;
   position: relative;
}
li#professionnels a:hover {
   background-image: url(/wps/themes/html/accueilCAF/images/sideNav/FlecheHomeMenuOrange.gif);
   background-repeat: no-repeat;
   background-color: #ff8400;
   position: relative;
}
li#elus
 a {
   background-image: url(/wps/themes/html/accueilCAF/images/sideNav/FlecheHomeMenuViolet.gif);
   background-repeat: no-repeat;
   background-color: #873880;
   position: relative;
}
li#elus a:hover {
   background-image: url(/wps/themes/html/accueilCAF/images/sideNav/FlecheHomeMenuViolet.gif);
   background-repeat: no-repeat; 
   background-color: #873880;
   position: relative;
 
}
li#medias
 a {
   background-image: url(/wps/themes/html/accueilCAF/images/sideNav/FlecheHomeMenuBleu.gif);
   background-repeat: no-repeat;
   background-color: #009ee9;
   position: relative;
}
li#medias a:hover {
   background-image: url(/wps/themes/html/accueilCAF/images/sideNav/FlecheHomeMenuBleu.gif);
   background-repeat: no-repeat;
   background-color: #009ee9;
   position: relative;
}
li#nousnav
 a {
   background-image: url(/wps/themes/html/accueilCAF/images/sideNav/FlecheQuiSommeNous.gif);
   background-repeat: no-repeat;
   color: #006bb6;
   text-indent: 30px;
   height: 45px;
   font-size: 1em;
   letter-spacing: normal;
   position: relative;
   width: 80%;
   background-position: left top;
}  
li#nousnav a:hover {
   background-image: url(/wps/themes/html/accueilCAF/images/sideNav/FlecheQuiSommeNous.gif);
   color: #006bb6;
   height:45px;
   background-repeat: no-repeat;
   text-indent: 30px;
   letter-spacing: normal;
   position: relative;
   width: 80%;
   background-position: left top;
}

.menutexte
{
   overflow:hidden;
   text-decoration: none;
   position: relative;
   width: 80%;
   color: #536d7a;
   float: right;
   left: -15px;
   margin: 0px;
   top: 20px;
   font-size: 96%;
}

.menutexte a, .menutexte a:link, .menutexte a:visited, .menutexte a:hover, .menutexte a:active{
   color: #536d7a;
   text-decoration: none;
   position: relative;
   font-size: 92%;
}

.menubar {
   text-decoration: none;
   width: 100%;
   height: auto;
   position: relative;
   float: left;
   margin: 0px;
   top: 50px;
   text-align: left;
   left: 0px;
   font-size: 100%;
}
.menubar a{
   color: #FFFFFF;
   text-decoration: none;
   font-weight: bold;
   position: relative;
   left: 0px;
   width:auto;
}

ul.menubar li {
   padding:0;
   margin:0;
   position: relative;
 
}
ul.menubar li a {
  display: block;
}
ul.menubar {   
   list-style-type: none;
  padding:0; margin:0; 
}





#footer{
   width: 100%;
   height: 28px;
   background-color: #BB0000;
   position: relative;
   bottom: 0px;
   float: left;
   top: 0px;
   padding-bottom: 0px;
   margin-bottom:0px;
}
#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: 600px;
   position: relative;
   float: right;
   right: 2%;
   text-align: right;
   top: 18%;
   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(/wps/themes/html/accueilCAF/images/footer/HomeFooter.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: ;
   background-image:none;
}
.wpsPortletBody{
   margin: 5px;
   background-image:none;
}

.wpsPortletTitleBar{
   font-size: small;
   color: ;
   background: ;
   background-color: ;
   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: ;
   background-position: bottom;
   background-color: ;
}

.wpsThinSkinDragZoneContainer{
   width: 75%; 
   display: inline; 
   float: left;
}

.wpsThinSkinInvisible{
   visibility: hidden;
}

.wpsThinSkinVisible{
   visibility: visible;
}

.wpsThinSkinMenuContainer{
   display: inline; 
   float: right; 
   padding-right: 3px;
}


/***********************************************/
/* Attributs specifiques a chaque espace       */
/***********************************************/
h1{
	margin: 0px;
	padding: 0px;
	color: #6d6d6d;
	font-size: 2em;
	display: block;
}
h2{
	margin: 0px;
	padding: 0px;
	font-size: 1.5em;
}

/***********************************************/
/*  Attributs pour la homepage             *   /
/**********************************************/

.actualitesAccueil{
padding-bottom: 0.1em;
position: relative;
color: #536d7a;
background-color: #FFFFFF;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0.1em;
padding-left: 0px;
border-top-width: 0px;
border-right-width-value: 0px;
border-bottom-width: 0px;
border-left-width-value: 0px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
width: 60em;
font-size: 1.3em;
}

.actualitesAccueil h2{
color: #009ee9;
font-size: 1.25em;
background-color: #FFFFFF;
display: block;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #536d7a;
}

.actualitesAccueil p{
background-color: #e8e8e8;
text-decoration: none;
list-style-type: none;
margin-top: 0.5em;
margin-bottom: 0.8em;
margin-left: 0px;
text-align: left;
text-indent: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
display: block;
}

.actualitesAccueil span{
background-color: #e8e8e8;
font-weight: bold;
color: #009ee9;
}

.actualitesAccueil a{
background-color: #e8e8e8;
text-decoration: none;
color: #0480bb;
}

.prestationAccueil{
width: 210px;
position: relative;
text-align: left;
float: left;
}

.prestationAccueil p{
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align: left;
display: block;
margin-top: 1px;
margin-bottom: 3px;
}

.prestationAccueil li{
background-color: transparent;
background-image: url(images/accueilCont/particulierLiens.jpg);
background-repeat: no-repeat;
background-position: left center;
text-align: left;
text-indent: 15px;
}

.prestationAccueil a{
text-decoration: none;
text-align: left;
color: #65b938;
display: inline;
}

.prestationAccueil hover{
text-decoration: underline;
text-align: left;
color: #65b938;
display: inline;
}

/***********************************************/
/*  Attribut general pour toutes les pages *   /
/**********************************************/

.blocPhoto{
	height: auto;
	width: 100%;
	position: relative;
}
.blocContenu{
	height: auto;
	width: 100%;
	position: relative;
	font-size: 1.45em;
}
	
.blocContenu h1{
	display: block;
	padding-top: 10px;
	padding-bottom: 5px;
}

.blocContenu h2{
	color: ;
	display: block;
	font-size: 1.45em;
}
.blocContenu p{
	display: block;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
.blocContenu strong {
	color: ;
	}
	
.blocActualite{
	background-color: #e8e8e8;
	height: auto;
	width: 100%;
	position: relative;
	color: #536d7a;
	margin: 0px
	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 1.3em;
}
.blocActualite strong{
	color: ;
}
.blocActualite span{
	color: ;
	font-weight: bold;
}
.blocActualite p{
	text-decoration: none;
	list-style-type: none;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	font: 0.8em;
	
}

.blocActualite ul{
	text-decoration: none;
	list-style-type: none;
	margin-top: 4px;

}

.blocActualite h2{
	background-color: #FFFFFF;
	color: ;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #536d7a;
	padding-bottom: 2px;
}
.blocActualite hr{
	color: #536d7a;
	text-decoration: underline line-through ;
}
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

.test {}