/* Start of CMSMS style sheet 'Layout' */
* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #bd0901;
}
a:hover {
  text-decoration: underline;
}

img {
  border: none;
}

.spacer {
  visibility: hidden;
  clear: both;
}

body {
  background: #006233 url(images/cms/bgBody.gif) left top repeat-x;
  font-family: "Trebuchet MS";
  font-size: 76%;
}

#page {
  margin: 0 auto;
  width: 950px;
  background: url(images/cms/bgHeader.jpg) left top no-repeat;
}

#content {
  background: url(images/cms/bgPage.gif) left top repeat-y;
  margin: 0 auto;
  width: 950px;
  height: auto !important;
  height: 800px;
  min-height: 800px;
}

#content-in {
  background: url(images/cms/bgHeader2.jpg) left top no-repeat;
  margin: 0 auto;
  width: 950px;
}

#center {
  float: right;
  width: 380px;
  padding-left: 10px;
  margin-left: 10px;
  margin-bottom:15px;
  border-left: 1px solid #ccc;
}
.secteur #center {
  float: right;
  width: 100%;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 30px;
  border-left: none;
}

/* --------------------------------------------------------------------- HEADER --*/

#header {
/*background: url(images/cms/bgHeader.jpg) left top no-repeat;*/
  height: 200px;
  width: 950px;
  margin: 0 auto;
  position: relative;
}

#header h1 a {
  background: url(images/cms/logo.gif) left top no-repeat;
  display: block; 
  width: 215px;
  height: 125px;
  text-indent: -9999em;
  text-decoration: none;
  position: absolute;
  left: 60px;
  top: 65px;
}


/* --------------------------------------------------------------------- FOOTER --*/

#footer {
  background: url(images/cms/bgFooter.gif) left top no-repeat;
  width: 950px;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  display: inline;
}

#footer p {   
  color: #333;
  font: normal 90%;
  margin: 0 0 0 50px;
  width: 400px;
}

#footer ul {
  list-style: none;
  display: inline;
  margin: 0 0 0 50px;
  padding-top: 10px;
}

#footer ul li {
  display: inline;
  color: #333;
  font: normal 90%;
}

#footer a:hover {
  text-decoration: underline;
}

#footer a#link_pole {
  width: 81px;
  height: 44px;
  background: #fff url(images/cms/logo_pole.gif) left top no-repeat;
  float: right;
  margin-right: 55px;
  margin-top: -44px;
}


/* --------------------------------------------------------------------- ESPACE PRIVE --*/

#private {
  width: 210px;
  height: 120px;
  background: #fff url(images/cms/bgPrivate.gif) left top no-repeat;
  float: right;
  margin: 55px 55px 0 0;
  display: inline;
}
#private h2 {
  color: #5a3320;
  font-weight: bold;
  margin: 5px;
}

#private ol, #private ol li {
  list-style-type: none;
}

#private fieldset {
  border: none;
}

#private form ol input, #private form ol input.off {
  width: 193px;
  height: 15px;
  font: normal 100%/90% Arial, Verdana, Helvetica, sans-serif;
  margin: 0 10px 2px 5px;
  padding: 2px 2px 0 2px;
  color: #666;
  border: 1px solid #ccc;
}

form ol input.on {
  background: #f3f3f3;
  border: 1px solid #ccc;
}

form fieldset.submit {
  text-align: right;
  margin-top: 2px;	
}

form fieldset.submit input.submit, form fieldset.submit input.off {
  background: #bd0901;
  color: #fff;
  font: bold 100%/90% Arial, Verdana, Helvetica, sans-serif;
  border: 1px solid #bd0901;
  width: auto;
  margin-right: 7px;
}

form fieldset.submit input.on {
  background: #fff;
  color: #bd0901;
  font: bold 100%/90% Arial, Verdana, Helvetica, sans-serif;
  border: 1px solid #bd0901;
  width: auto;
  margin-right: 7px;
  cursor: pointer;
  cursor: hand;
}

/* --------------------------------------------------------------------- BLOC SLOGAN --*/

#slogan {
  background: #fff url(images/cms/imgSlogan.jpg) left top no-repeat;
  width: 605px;
  height: 300px;
  margin-bottom: 10px;
  margin-top: 10px;
}
#slogan h2 {
  color: #006233;
  font: bold 140%/170% "Trebuchet MS";
  padding: 10px;
}
#slogan h2 span {
  font-size: 180%;
}


/* --------------------------------------------------------------------- BLOC POSTERS --*/

#liens_posters {
  width: 605px;
  height: 287x;
  margin-bottom: 10px;
  margin-top: 10px;
}
#poster1, #poster2, #poster3 {
  display: block;
  width: 201px;
  height: 287px;
  float: left;
  text-indent: -9999px;
  margin-bottom: 10px;  
}
#poster1 {  
  background: #fff url(images/cms/AFPF_poster1_vign.jpg) left top no-repeat;
}
#poster2 {  
  background: #fff url(images/cms/AFPF_poster2_vign.jpg) left top no-repeat;
}
#poster3 {  
  background: #fff url(images/cms/AFPF_poster3_vign.jpg) left top no-repeat;
}

/* --------------------------------------------------------------------- PARTENAIRES --*/

#partenaires {
  margin: 20px 0;
  padding: 10px;
}
#partenaires h2 {
  color: #5a3320;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding-bottom: 3px;
  margin-bottom: 5px;
}
#partenaires a.titre_link_part {
  margin-bottom: 2px;
  display: block;
}
#partenaires p {
  margin-bottom: 5px;
}
#partenaires p.link {
  text-align: right;
  margin-top: 10px;
}
#partenaires a {
  font-weight: bold;
  font-size: 110%;
}
#partenaires p.link a:hover {
  text-decoration: underline;
}


/* --------------------------------------------------------------------- LOGOS FINANCEURS --*/

#logos_finance {
  width: 201px;
  height: 203px;
  margin-left: 5px;
  background: #fff url(images/cms/logos_finance2.gif) left top no-repeat;
}


/* --------------------------------------------------------------------- A LA UNE --*/

#alaune {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ccc;
  float: left;
  width: 201px; 
}
#alaune h2 {
  color: #5a3320;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding-bottom: 3px;
  margin-bottom: 2px;
}
#alaune img {
  margin: 2px 0;
}
#alaune h3 {
  color: #006233;
  font-weight: bold;
  margin-bottom: 2px;
}
#alaune p.alaune_date {
  font-style: italic;
  color: #5a3320;
  margin-bottom: 2px;
}
#alaune p.alaune_detail {
  margin-bottom: 5px;
}
#alaune p.link {
  text-align: right;
  margin-bottom: 0;
}
#alaune a {
  font-weight: bold;
  color: #bd0901;
  font-size: 110%;
}



/* --------------------------------------------------------------------- CONTENU CENTRAL --*/

#center h2 {
  color: #5a3320;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding-bottom: 3px;
  margin-bottom: 10px;
}

#center h2.titre2 {
  margin-top: 15px;
}

div.breadcrumbs {
   margin: 0 0 15px 0;
   font-size: 85%;   
   text-align: right;
}

div.breadcrumbs a {
   color: #666;
}

div.breadcrumbs a:hover {
   color: #fff;
   background-color: #008242;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 


div#main {   
   margin-left: 55px;
   width: 605px;
   float: left;
   display: inline;
}


div#sidebar {
   float: right; /* set sidebar on the left side. Change to right to float it right instead. */
   display: inline;  /* FIX ie doublemargin bug */
   width: 210px;
   margin-right: 55px;
   display: inline;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
}

div#center h3 {
   color: #006233;
   font-weight: bold;
   margin-bottom: 8px;
   margin-top: 15px;
}

div#center p {   
   text-align: justify;
   margin-top: 5px;   
}


div#center ul {
  list-style-type: none;
}
div#center ul li {
  background: url(images/cms/puce1.gif) left 4px no-repeat;
  padding-left: 10px;
  margin-top: 8px;
  margin-left: 25px;
  text-align: justify;
}
div#center ul li li {
  background: url(images/cms/puce2.gif) left 4px no-repeat;
  padding-left: 10px;
  margin-top: 5px;
  margin-left: 25px;
}
div#center ul li li li {
  background: url(images/cms/puce3.gif) left 4px no-repeat;
  padding-left: 10px;
  margin-top: 2px;
  margin-left: 50px;
}

#center table {
  border: 1px solid #006233;
}

#center table caption {
  font-weight: bold;
  font-size: 110%;
  color: #006233;
  text-align: left;
}

#center table td {
  border: 1px solid #ccc;
  padding: 5px;
}


/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}




/* --------------------------------------------------------------------- FORMULAIRE CONTACT --*/

fieldset {
   border: 1px dashed #bcc6c1;
}

legend {
   font-weight: bold;
   color: #bcc6c1;
   font-size: 120%;
   font-family: "Trebuchet MS", Verdana, Arial, Geneva, sans-serif;
   margin:  10px 0 15px 0;
   background-color: #fff;
}

#identite label, #demande label {
   width: 30%;
   text-align: right;
   padding-right: 1em;
   float: left;
}

label span {
   font-weight: bold;
   color: #f00;
}

#identite input, #identite textarea, #demande input, #demande textarea {
   width: 40%;
   margin-bottom: 1em;
}

textarea#message {
   width: 50%;
   margin-bottom: 1em;
}


fieldset#boutons {
   border: none;
   margin: 15px 0 15px 0;
} 


#boutons button {
   margin-right: 5px;
}


#boutons button.off {
   border: 1px solid #006233;
   background-color: #006233;
   color: #fff;
   font-weight: bold;
   padding: 3px;
   cursor: pointer;
}

#boutons button.on {
   border: 1px solid #006233;
   background-color: #008242;
   color: #fff;
   font-weight: bold;
   padding: 3px;
   cursor: pointer;
}
/* End of 'Layout' */