/* CSS Document */



.csc-textpic-clear                              {clear:both; height:1%;}
.typo-text                                      {clear:both;}
.typo-image                                     {text-align:center; display:block;}
.photo .typo-image dl		               {float:left; margin:5px auto; overflow:visible; display:block;}
.photo .typo-image dt		               {float:left; position:relative; margin: 5px auto; min-height:15px; min-width:15px; display:block;}
.photo .typo-image dt a                        {float:none; text-align:center; position:relative; display:block; width:160px; overflow:hidden;}
.photo .typo-image dt a:hover                  {text-decoration:none; background:none;}
.photo .typo-image .csc-textpic-imagerow       {position:relative; display:block;}
.photo .typo-image .csc-textpic-imagewrap      {position:relative; display:block;}
.photo .typo-image .csc-textpic                {position:relative; display:block;}

.photo .typo-picto                              {float:left; text-align:left; width:190px;}
.photo .typo-picto titre                           {font-size:14px;}
.photo .typo-picto .p                         {border:none; display:block; width:100%; text-align:left;}
.photo .typo-picto .img                         {border:none; display:block; width:100%; text-align:left;}
.photo .typo-picto .img a                       {text-decoration:none; border:none; display:block; position:relative; left:0px; margin:0; text-align:left; width:100%;}
.photo .typo-picto .img a img                   {text-decoration:none; border:none; text-align:left; margin:0; padding:0;}


body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: arial;
}

#page {
  position: relative;
  width: 800px;
  margin: 0 auto 0 auto;
  text-align: left;
  font: 12px arial;
}

#header {
  width: 100%;
  height: 163px;
  background: url(images/fond-banniere.gif) repeat-x left bottom;
}

#logo {
  position: relative;
  display: block;
  float: left;
  width: 150px;
  height: 150px;
  left: 20px;
}

#headerborderright {
  position: relative;
  display: block;
  float: right;
  width: 53px;
  height: 100%;
}

#headertitlegeneral {
  position: relative;
  display: block;
  float: right;
  width: 550px;
  height: 70px;
  background: url(images/ensemble_ecrivons_l_avenir.gif) no-repeat center bottom;
}

#headermenu {
  position: relative;
  display: block;
  float: left;
  top: 30px;
  margin: 0 0 0 20px;
  padding: 0 15px 10px 0;
  background: url(images/fond_menu_accueil.gif) no-repeat left bottom;
}

#headermenu ul {
  display: block;
  margin: 0;
  padding: 15px 0 0 12px;
  list-style: none;
  font-weight: bold;
}

#headermenu li {
  padding: 0 0 0 10px;
  background: url(images/puce.gif) no-repeat left center;
}

#contentgeneral {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 10px 0 10px 0; 
  text-align: justify;
}

#menu {
  position: relative;
  display: block;
  float: left;
  width: 190px;
  margin: 0 0 0 0px;
  padding: 0 5px 5px 0;
}

.menu-level0 {
  margin: 0 0 5px 4px;
  font: bold 13px arial;
}

#menu ul {
  margin:0 0 10px 0;
  padding:0;
  list-style:none;
  text-align:left;
}

#menu ul li{
  
}

#menu ul li.item1 {
  * height:50px;
  margin: 0 0 10px 0;
  font: bold 15px arial;
  padding:0 0 0 0;
  background: url(images/menu_quel_projet.jpg) no-repeat 0 0;
}

#menu ul li.item2 {
  * height:50px;
  margin: 0 0 10px 0;
  font: bold 15px arial;
  padding:0 0 0 0;
  background: url(images/menu_pourquoi_cette_association.jpg) no-repeat 0 0;
}

#menu ul li.item3 {
  * height:50px;
  margin: 0px 0 10px 0;
  font: bold 15px arial;
  padding:0 0 0 0;
  background: url(images/menu_comment_agir.jpg) no-repeat 0 0;
}

#menu ul li a {
  display:block;
  color: #000;
  text-decoration: none;
  height:40px;
  padding:10px 0 0px 60px;
}

#menu ul li a:hover {
  color: #000;
  text-decoration: none;
}

#menu ul ul {
  margin: 5px 0 10px 20px;
  padding: 0 0 0 0;
}

#menu ul ul li {
  * height:1%;
  margin: 0 0 0 6px;
  padding: 0 0 1px 0px;
  font: bold 12px arial;
  background: url(images/puce.gif) no-repeat 0px 2px;
}

#menu ul ul li a {
  display:block;
  color: #000;
  text-decoration: none;
  height:auto;
  margin:0;
  padding:0 0 0 7px;
}

#menu ul ul li a:hover {
  color: #b95300;
  text-decoration: underline;
}

#menu ul ul li a.on {
  color: #b95300;
  text-decoration: none;
}

#menu ul ul li a.on:hover {
  color: #b95300;
  text-decoration: underline;
}

a.on {
  color: #b95300;
  text-decoration: none;
}

a.on:hover {
  color: #b95300;
  text-decoration: underline;
}

#contentright {
  position: relative;
  display: block;
  float: right;
  width: 600px;
  margin: 0 0 0 0;
  padding: 0 0 5px 0;
}

*html #contentright {
  height:1%;
}

#contenttitle  {
  position: relative;
  display: block;
  float: right;
  width: 600px;
  margin: 10px 0 0 0;
  padding: 0 0 0px 0;
}

#contenttitle h1 {
  position: relative;
  display: block;
  margin: 0 0 15px 0;
  padding: 1px 1px 0px 15px;
  color: #b95300;
  font: bold 26px arial;
  /*background: url(images/bordure_titre_bas_right.gif) no-repeat left bottom; */
}

#contentright h1 {
  position: relative;
  display: block;
  margin: 0;
  padding: 15px 1px 6px 5px;
  color: #b95300;
  font: bold 18px arial;
}

#contentright p {
  position: relative;
  display: block;
  margin: 5px 5px 0 5px;
  font: 12px arial;
  border:0px solid;
  overflow:hidden;
  line-height:14px;
}

#contentright a {
  color: #b95300;
  font-weight: bold;
  text-decoration: none;
}

#contentright a:hover {
  color: #b95300;
  background-color: none;
  text-decoration: underline;
}

#contentright ul {
  margin:10px 0 15px 0;
  padding: 0 40px 0 40px;
  list-style: disc outside;
}

#contentright img {
  position: relative;
  display: block;
  margin: 20px 10px 0 10px;
  padding: 0px;
  text-align: center;
}

#contentright a img {
  margin:0;
  padding:0;
  display:block;
  overflow:hidden;
}

#contentright dt {
  margin: 0 0 0 0;
  padding:0px;
  overflo:hidden;
  display:block;
}

#contentright dl {
  margin: 0 5px 0 5px;
  overflo:hidden;
}

#contentright dd {
  margin: 0 0 10px 0;
  overflow:hidden;
  font-style:italic;
}

#footer {
  position: relative;
  display: block;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 20px;
  padding: 15px 0 0 0;
  text-align: center;
  background: url(images/crayons-ligne.gif) no-repeat;
}

#footermenu {
  display: inline;
  color: #b95300;
}

#footermenu ul {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
  font: 13px arial;
}

#footermenu ul li.menu-footer-level1 {
  display: inline;
  margin: 0 0 0 0;
  list-style: none;
}

#footermenu ul li.menu-footer-level1 a {
  color: #b95300;
  text-decoration: none;
}

#footermenu ul li.menu-footer-level1 a:hover {
  color: #b95300;
  text-decoration: underline;
}

#footercopyright {
  display: inline;
  color: #b95300;
}

.form					{margin:0 0 0 50px;}

.newsletter p.label			{float:left; font-weight:bold; display:inline; width:140px;}
.newsletter label			{font-weight:bold; display:inline;}
.newsletter  p.input-text               {float:left; display:inline;}
.newsletter .input_text			{border:1px solid; width:200px;}
.newsletter .submit			{}
.newsletter .input_submit		{margin:0 0 0 250px; width:100px;color:#fff; font-weight:bold; border:1px solid #b95300; background-color:#b95300;}

.tx-gooffotoboek-pi1 img                    {display:block; float:left; margin:0 5px; padding:0 5px; border:0px solid; }
.tx-gooffotoboek-pi1 .gfpb_landscape img    {display:block; float:none; border:0px solid; }
.tx-gooffotoboek-pi1 .gfpb_portret img      {display:block; float:none; border:0px solid; }
.tx-gooffotoboek-pi1 a                      {float:left; margin:0; padding:0; border:0px solid red;}