body {
 margin: 0px;
 padding: 0px;
 font: 13px normal Verdana;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }

img {
 border: none;
 display: block;
 }

b {
 font-weight: bold;
 }

h1 { color:#009; line-height:1px; margin-top:25px; font-size:32px;  }
h2 { color:#009; line-height:18px; font-size:20px;}
h3 { font-weight:bold; font-size:14px;}
h3 a:link { font-weight:bold; font-size:14px;  color: #009; text-decoration:none;}
h3 a:visited { font-weight:bold; font-size:14px;  color: #009; text-decoration:none;}
h3 a:hover { font-weight:bold; font-size:14px;  color: #cc3300; text-decoration:underline;}

.boldred {
	color: #F00;
	font-weight:bold;
}

/** DIV principales **/

#page{
 width: 100%;
 }

#menu{
 float: left;
 width: 175px;
 height: 600px;
 padding-left: 15px;
 margin-top: 6px;
 font-size: 0.8em;
 }

#center{
 float: left;
 width: 75%;
 font-size: 0.8em;
 }

#header{
 height: 80px;
 }

#content{
 color: #666666;
 margin-left: 15px;
 }

#sidebar{
 float: right;
 width: 140px;
 }
#sidebar.visites{
 width: 100px;
 }

#footer{
 float: left;
 width: 100%;
 height: 20px;
 }

/** MENU **/

#menu a#lang {
 display: block;
 margin: 10px 0px 18px 0px;
 font-size: 1.5em;
 font-weight: bold;
 }
#menu img#logo {
 
 }
#menu ul {
 width: 160px;
 list-style: none;
 margin: 0px 0px 12px 0px;
 padding: 0px 0px 8px 0px;
 border-bottom: 1px #474747 solid;
 font-size: 1.2em;
 }
#menu ul.last {
 border:none; 
 }
#menu ul li{
 margin: 0px 0px 4px 0px;
 line-height: 1.2em;
 }
 
#menu ul li.sous{
 margin: 0px 0px 4px 15px;
 line-height: 1.2em;
 }
 
a:link {
 color: #336699;
 }
a:visited {
 color: #336699;
 }
a:hover {
 color: #cc3300;
 }


/***********/

/** HEADER **/

#center #header #entete {
 width: 600px;
 height: 60px;
 } 
 
#center #header #link { float: right;  margin: 0px 100px 0px 0px; }
/** 
#center #header #link a { display: block; text-align: center; width: 100%; margin-top: 10px; }
**/

/**************/

/** CONTENT **/

#center #content #col_left {
 float: left;
 width: 50%;
 margin: 0px 0px 0px 0px;
 font-size:small;
 font-family:Verdana, Geneva, sans-serif;
 }

#center #content #col_left p{
 font-size: 1em;
 margin: 10px 0px 0px 0px;
 }
 
#center #content #col_right {
 float: right;
 width: 320px;
 margin: 0px 0px 0px 0px;
 font-size:small;
 font-family:Verdana, Geneva, sans-serif;
 }

/** CONTENT : Plan d'accès **/

#center  #content img.plan_acces { margin: 30px 30px 0px 30px; }
#center  #content div.plan_acces { margin: 40px 0px 0px 0px;  font-size:12px; font-family:Verdana, Geneva, sans-serif; }
#center  #content div.plan_acces p{ margin-bottom: 15px; }

/*********************************/

/** CONTENT : Visites et Itinéraires **/

#center #content #programme {
 width: 100%;
float: left;
 }

#center #content #programme_left {
 float: left;
 width: 48%;
 margin: 0px 0px 0px 0px;
 font-size:small;
 font-family:Verdana, Geneva, sans-serif;
 }
 
#center #content #programme_right {
 float: right;
 width:48%;
 margin: 0px 0px 0px 0px;
 font-size:small;
 font-family:Verdana, Geneva, sans-serif;
 }

#center #content #col_visite {
width: 100%;
float: left;
 }

#center #content #visite_right {
 float: right;
 width:48%;
 margin: 0px 0px 0px 0px;
 }

#center #content #visite_left  {
 float: left;
 width:48%;
 margin: 0px 0px 0px 20px;
 font-size:small;
 font-family:Verdana, Geneva, sans-serif;
 }

#center #content #col_visite_fixe {
width: 780px;
float: left;
 }

#center #content #visite_right_fixe {
 float: right;
 margin: 0px 0px 0px 0px;
 }

#center #content #visite_left_fixe  {
 float: left;
 margin: 0px 0px 0px 0px;
 font-size:small;
 font-family:Verdana, Geneva, sans-serif;
 }


#center  #content.visites img { margin: 0px 15px 15px 15px; }
#center  #content.visites #col_visite #visite_left img { margin: 0px 0px 0px 0px; }
#center  #content.visites #col_visite #visite_left_marge img { margin: 0px 30px 0px 0px; }
#center  #content.visites #col_visite #visite_right img { margin: 0px 0px 0px 0px; }
#center #content.visites { width: 100%;
 font-size: small;
 font-family:Verdana, Geneva, sans-serif;
 }
#center #content.visites div p{ margin-bottom: 15px; }

#center #content.visites h2 { background-repeat: no-repeat; width: 240px; height: 40px; margin: 0px auto; margin-top: 20px; text-indent: -9999px; }

#center #content.visites h2.coeurparis { background-image: url('../img/img_texte/titre_coeurparis.gif'); }
#center #content.visites h2.parisnocturne { background-image: url('../img/img_texte/titre_parisnocturne.gif'); }
#center #content.visites h2.parisinsolite { background-image: url('../img/img_texte/titre_parisinsolite.gif'); }
#center #content.visites h2.pariscontrastes { background-image: url('../img/img_texte/titre_pariscontrastes.gif'); }
#center #content.visites h2.pariseveille { background-image: url('../img/img_texte/titre_pariseveille.gif'); }
#center #content.visites h2.specialjeunes { background-image: url('../img/img_texte/titre_specialjeunes.gif'); }
#center #content.visites h2.specialgroupes { font-family:Verdana, Geneva, sans-serif; }
#center #content.visites h2.autresitineraires { background-image: url('../img/img_texte/titre_autres_itineraires.gif'); }

#center #content.visites h2.coeurparisgb { background-image: url('../en/img/img_texte/titre_coeurparis.gif'); }
#center #content.visites h2.parisnocturnegb { background-image: url('../en/img/img_texte/titre_parisnocturne.gif'); }
#center #content.visites h2.parisinsolitegb { background-image: url('../en/img/img_texte/titre_parisinsolite.gif'); }
#center #content.visites h2.pariscontrastesgb { background-image: url('../en/img/img_texte/titre_pariscontrastes.gif'); }
#center #content.visites h2.pariseveillegb { background-image: url('../en/img/img_texte/titre_pariseveille.gif'); }
#center #content.visites h2.specialjeunesgb { background-image: url('../en/img/img_texte/titre_specialjeunes.gif'); }
#center #content.visites h2.autresitinerairesgb { background-image: url('../en/img/img_texte/titre_autres_itineraires.gif'); }


#center #content.visites h3 { text-align: left; font-size: 1em; color: #333366; font-weight: bold; margin: 15px 0px 0px 0px; text-transform: uppercase; }

#center #content.visites div.langues { float: right; width: 90%; margin-top: 60px; text-align: center; }

#center #content.visites div.infos { float: left; clear: both; width: 100%; border-top: 1px solid #474747; margin-top: 20px; padding-top: 20px; }
#center #content.visites div.infos p { text-align: center; margin: 0px; }
#center #content.visites div.infos img { float: left; }
#center #content.visites div.infos.left p { text-align: left; margin: 0px; }

#center #content.visites div.deux_photos { float: left; width: 50%;  }
#center #content.visites div.deux_photos img { margin: 0px auto; margin-top: 10px; margin-bottom: 5px; }

#center #content.visites div.3photos { width: 33%; }
#center #content.visites div.3photos img { margin: 0px auto; }

#center #content.visites div.alignLeft { float: left; text-align: left; }
#center #content.visites div.alignLeft img  { float: left; margin-top: 20px; }
#center #content.visites div.alignLeft h3 { margin-top: 60px; }

#center #content.visites div.alignRight { float: right; text-align: right; }
#center #content.visites div.alignRight img  { float: right; margin-top: 20px; }
#center #content.visites div.alignRight h3 { text-align: right; margin-top: 60px; }

#center  #sidebar ul{
 height: 150px;
 background: #99CCCC;
 list-style: none;
 margin: 0px 0px 0px 2px;
 padding: 4px;
 }
#center  #sidebar ul.visites{
 height: 250px;
 }
#center  #sidebar div#infos{
 text-align: center;
 color: #666666;
 }

/*********************************/

/** CONTENT : Location **/

#center  #content table { margin: 0px auto; }
#center  #content table p { margin: 0px; }

/*********************************/

/** CONTENT : Ce mois au programme  **/

#center  #content.ce_mois {  }
#center  #content.ce_mois h2 { text-align: center; font-size: 1.2em; text-transform: uppercase; margin-bottom: 50px; }
#center  #content.ce_mois p { font-size: 1.2em;}

/*********************************/

/** CONTENT : En balade **/

#center  #content div.en_balade { margin: 0px auto; width: 800px; }
#center  #content div.en_balade h2{ text-align: center; font-size: small; text-transform: uppercase; }

#center  #content div.en_balade p { margin-top: 25px;  font-size: small; }

#center  #content div.en_balade ul { margin: 0px auto; width: 520px; list-style: none; padding: 0px; }
#center  #content div.en_balade ul li { float: left; width: 260px; height: 250px; text-align: center; }
#center  #content div.en_balade ul li img { margin: 0px auto; height: 180px; }
#center  #content div.en_balade ul li.last img { height: auto; }
#center  #content div.en_balade ul li p { width: 240px; margin: 5px 0px 0px 0px; }

/*********************************/

/** CONTENT : Revue de presse **/

#center #content.revuedepresse { margin: 0px auto; width: 800px; }
#center #content.revuedepresse h2 { background-repeat: no-repeat; width: 240px; height: 40px; margin: 0px auto; margin-top: 20px; text-indent: -9999px; }
#center #content.revuedepresse h2 { background-image: url('../img/img_texte/titre_revuedepresse.gif'); }

#center #content.revuedepresse ul { margin: 0px auto; width: 400px; list-style: none; }
#center #content.revuedepresse ul li { margin-top: 10px; border-bottom: 1px solid #454545; }

/*********************************/

/** CONTENT : Liens  **/

#center #content.liens { margin: 0px auto; width: 100%; }
#center #content.liens h2 { text-align: center; font-size: 1.2em; text-transform: uppercase; margin-bottom: 100px; }

#center #content.liens ul { list-style: none; }
#center #content.liens ul li { margin-top: 10px; height: 60px; }
#center #content.liens ul li a { float: left; height: 100%; }
#center #content.liens ul li a img { float: left; margin-right: 10px; }
#center #content.liens ul li dl dt a { float: none; }
#center #content.liens ul li dl dd { margin-top: 15px; }

/*********************************/

/** CONTENT : CGL  **/

#center .cgl h2 { color: #FFF; background: #336699; }
#center .cgl div { width: 380px; height: 500px; float: left; margin-left: 15px;  }

/*********************************/

/***************/


#center .right {
 float: right;
 }
#center .left {
 float: left;
 }
#center .center {
 margin: 0px auto;
 }