/****************************************************/
/* Contenus:                                       */
/* Titres                                           */
/* Page Accueil                                     */
/* Page theme et ssthemes                           */
/* Page Etudes                                      */
/****************************************************/

/****************************************************/
/* Titres                                           */
/****************************************************/
/**** Marge titres ****/
div.csc-header {
	clear: both;
}
#zoneCentrale div.csc-top-header{
  clear:left;
	margin: 0 4px 20px 10px;
}
#zoneCentrale div.csc-header,
#zoneCentrale div.csc-textpicHeader {
  margin: 0 4px 0 10px;
}
#ColonneDroite div.csc-header,
#ColonneDroite div.csc-textpicHeader  {
  margin: 0 0 0 10px;
}
#zoneCentrale div.csc-header,
#zoneCentrale div.csc-textpicHeader {
	line-height: 0.6em;
}
#zoneCentrale #ColonneA div.csc-header-n1 {
	margin-top: 50px;
}
/******** h1 ********/
h1 {
	font-size: 1.6em;
	color: #00AEEF;
}
h1 span#point,
h3 span#point {
  display: none;
}
h1 span#soustitre,
h3 span#soustitre {
	font-size: 0.8em;
/* Disposition */
  display: block;
}
#zoneCentrale h1 span#soustitre {
  line-height: 1.2em;
  margin-top: 0.2em;
}
#zoneCentrale #ColonneA h1,
#ColonneDroite h1 {
  color: red;
  text-decoration: line-through;
}
#ColonneBordure h1.csc-firstHeader {
  margin-bottom: 10px;
}
/******** h2 ********/
#zoneCentrale h2,
#ColonneDroite h2{
  /* Général */
	font-size: 1.3em;
	clear: right;
	/* Apparence */
  border-bottom: 1px solid #AAA;
}
#zoneCentrale h2 {
  /* modif 9.07 */
  margin-top: 8px;
  margin-bottom: 4px;
}
#ColonneA h2,
#ColonneDroite h2 {
	font-size: 1.1em;
  /* modif 9.07 */
  margin-top: 10px;
  margin-bottom: 4px;
}
#ColonneA h2.csc-firstHeader,
#ColonneDroite h2.csc-firstHeader {
  /* modif 9.07 */
  margin-top: 0;
}
#ColonneGauche h2 {
	font-size: 0.8em;
  line-height: 1.2em;
}
#ColonneGauche #auteurs h2,
#ColonneGauche #directeurs h2 {
  padding: 1px 6px;
}
#ColonneGauche #contexte h2 {
  padding: 3px 6px;
}
/******** h3 ********/
#zoneCentrale h3 {
  margin-left: 10px;
	margin-right: 4px;
	clear: right;
  /* modif 9.07 */
	padding : 8px 0 4px;
}
#ColonneGauche h3,
#ColonneDroite h3 {
	font-size: 0.8em;
  background: #F2EFE1;
  /* padding: 4px 8px; */
  padding: 4px 2px;
  text-align: center;
}
#zoneCentrale #ColonneA h3 {
	font-size: 0.9em;
}
#ColonneGauche h3 {
	margin: 0 10px 6px;
}
#zoneCentrale #ColonneA h3,
#ColonneDroite h3 {
  /* modif 20.08  margin: 10px 0 4px 10px; */
  /* margin: 0 -4px 2px 6px; */
  margin: 10px;
  margin-right: 0;
}
#ColonneDroite #bloc_etude h3 {
  line-height: 1.2em;
  background: none;
  padding: 0;
  margin-bottom: 10px;
  margin-top: 0;
}
#zoneCentrale #ColonneA h3.csc-firstHeader,
#ColonneDroite h3.csc-firstHeader {
  /* modif 9.07 */
  margin-top: 0;
}
/* correction */
#zoneCentrale div.csc-header h3,
#zoneCentrale div.csc-textpicHeader h3,
#zoneCentrale div.csc-header h4,
#zoneCentrale div.csc-textpicHeader h4,
#ColonneDroite div.csc-header h3,
#ColonneDroite div.csc-textpicHeader h3, 
#ColonneDroite div.csc-header h4, 
#ColonneDroite div.csc-textpicHeader h4 {
	margin-left: 0;
}
/******** h4 ********/
#zoneCentrale h4 {
  margin-left: 10px;
	margin-right: 2px;
}
#ColonneDroite h4 {
	font-size: 0.8em;
	margin-left: 10px;
}
#zoneCentrale #bloc_etude h4 {
	font-size: 1.1em;
	line-height: 1.1em;
	margin: 0 10px;
}
/******** h5 ********/
#zoneCentrale h5 {
	margin-left: 10px;
	margin-right: 2px;
}
#ColonneDroite h5 {
	font-size: 0.7em;
	margin-left: 10px;
}


/****************************************************/
/* Page theme et ssthemes                           */
/****************************************************/
/* Liste */
#zoneCentrale #liste_etudes {
  overflow: auto;
  /*   overflow-x: auto; */
}
#zoneCentrale #liste_etudes #layer {
  display: block;
  width: 100%;
}
#zoneCentrale #liste_etudes #bloc_etude {
	float: left;
	height:190px;
  margin-left: 5px;
  padding: 0pt 5px 2px;
}
#zoneCentrale #liste_etudes #bloc_etude p#date{
  margin: 0pt;
  padding: 0 4px;
  /* text-align: right; */
  border-top: 1px dotted #555;
  color: #555;
}
#zoneCentrale #liste_etudes #bloc_etude h5{
  margin: 0pt;
  color:#555;
  padding: 0 4px;
}
#zoneCentrale #liste_etudes #bloc_etude .vignette {
	float: left;
}
#zoneCentrale #liste_etudes #bloc_etude:hover, 
#zoneCentrale #liste_etudes #bloc_etude.sfhover {
	background: white;
}
#zoneCentrale #liste_etudes #bloc_etude:hover h5, 
#zoneCentrale #liste_etudes #bloc_etude:hover p#date{
	color: #00AEEF;
}
#zoneCentrale #liste_etudes #bloc_etude.sfhover h5, 
#zoneCentrale #liste_etudes #bloc_etude:sfhover p {
	color: #00AEEF;
}
/* Bloc */
#zoneCentrale #bloc_etude #vignette {
	float: left;
	width: 200px;
	min-height: 200px;
	margin: 0 10px 15px 20px;
}
*html #zoneCentrale #bloc_etude #vignette {
	height: 200px;
	margin-left: 10px;
}

#zoneCentrale #bloc_etude #vignette a {
  display: block;
  float: right;
}
#zoneCentrale #bloc_etude #texte {
	float: left;
	width: 520px;
}
#zoneCentrale #bloc_etude #texte a.telecharger_PDF {
	margin-top: 10px;
}
#zoneCentrale #bloc_etude #resume {
  margin-top: 10px;
	color: #666666;
	text-align: justify;
}
#zoneCentrale #bloc_etude p {
	margin: 0 10px;
}
#zoneCentrale #bloc_etude p#date {
	font-size: 0.8em;
	color: #999;
	line-height: 1.6em;
}
#zoneCentrale #bloc_etude #sous_theme {
  font-weight: bold;
  color: #777;
  font-size: 0.8em;
  margin-bottom: 2px;
  line-height: 1.2em;
}

/****************************************************/
/* Page Etudes                                      */
/****************************************************/
/******* Colonne Gauche ********************/
#ColonneGauche .csc-textpic-text p {
	margin: 0 10px 10px; /* Verifier l'ensemble des cas  */
}
#ColonneGauche #ajout {
  margin-top: 20px;
}
#ColonneGauche dd.csc-textpic-caption {
  color: #666666;
  font-size: 8pt;
}

/******* zone Centrale ********************/
#page.newsletter #zoneCentrale p {
	text-align: justify;
}
#zoneCentrale p {
	margin: 0 10px 10px; 
	font-size: 0.9em;
}
#zoneCentrale legend  {
	padding: 0 10px 10px;
	font-size: 0.9em;
}
#zoneCentrale p#date {
	font-size: 0.8em;
	color: #999;
} 
#zoneCentrale ul, #zoneCentrale ol {
	margin: 0 4px 10px 10px;
	font-size: 0.9em;
}
#zoneCentrale ul {
	list-style-image: url(../images/img_css/pictos/point.gif);
}
#zoneCentrale li ul, #zoneCentrale li ol {
	margin-bottom: 2px;
}
#zoneCentrale p.decalage {
  margin-left: 30px;
}
#zoneCentrale li {
	margin-left: 16px;
}
#zoneCentrale li ul {
	font-size: 1em;
	list-style-image: url(../images/img_css/pictos/minus.gif);
}
#zoneCentrale li ol {
	font-size: 1em;
}
/******* Colonne A ********************/
#zoneCentrale #ColonneA {
	color: #666;
	text-align: justify;	
}
#zoneCentrale #ColonneA p, dd {
	line-height: 1.2em;
}
#zoneCentrale #ColonneA p {
	font-size: 0.8em;
}
#zoneCentrale #ColonneA dd  {
	font-size: 0.7em;
	text-align: justify;
}
#zoneCentrale #ColonneA p.bodytext {
  font-weight: bold;
}
#zoneCentrale #ColonneA div.illustration {
	margin-bottom: 4px;
	margin-left: 10px;
}
#zoneCentrale #ColonneA div.illustration #angle {
	position: relative;
	width: 30px;
	height: 30px;
	margin-top: -30px;
  margin-left: 155px;
	background: url('../images/img_css/angle_bas.png');
}
*html #zoneCentrale #ColonneA div.illustration #angle {
	margin-top: -29px;
  margin-left: 156px;
}
#zoneCentrale #ColonneA p.legende {
	margin-bottom: 12px;
	font-size: 0.7em;
}
#zoneCentrale #ColonneA span.copyright {
	color: #999;
	margin-left: 6px;
	font-style: italic;
}
#zoneCentrale #ColonneA div.carto {
	margin-left: 10px;
}
/******* ColonneB ********************/
#zoneCentrale #ColonneB p {
	text-align: left;
}
#zoneCentrale #ColonneB div.savoir_plus p {
  color: #444444;
  margin: 2px 10px 4px 0pt;
}
#zoneCentrale #ColonneB div.savoir_plus {
  border-top: 1px solid #999999;
  margin: 0px 4px 0pt 10px;
  padding: 8px 0pt;
}
#ColonneDroite #content_glossaire a,
#zoneCentrale #ColonneB #content_liens a {
  background: url('../images/img_css/pictos/picto_site_web.gif') no-repeat right top;
  color: #555;
  display: block;
  padding-top: 1px;
  padding-right: 40px;
  padding-bottom: 2px;
  text-decoration: none;
  font-weight: bold;
  min-height: 12px;
  vertical-align: baseline;
  line-height: 1.2em;
  border-bottom: 1px dotted #CCC;
}
#ColonneDroite #content_glossaire a:hover,
#zoneCentrale #ColonneB #content_liens a:hover {
  background: #F6F3E5 url('../images/img_css/pictos/picto_site_web.gif') no-repeat right top;
  border-bottom: 1px solid #AAA;
}
/******* Colonne Bordure ********************/
#zoneCentrale #ColonneBordure p {
	text-align: justify;
	margin: 0 10px 10px;
}
/******* Page Bandeauhaut 
 ******* Colonne Bordure ********************/
#page.bandeauhaut #ColonneBordure div.csc-textpic-text {
  width: 100%;
}
#page.bandeauhaut #ColonneBordure table.contenttable {
	margin-left: 5px; /* tmp */
}
#page.bandeauhaut #ColonneBordure table.contenttable td {
  font-size: 0.8em;
	vertical-align: top;
}
/******* Page Bandeauhaut ********************/
#page.bandeauhaut #zoneCentrale div.csc-textpic-text,
#page.bandeauhaut #zoneCentrale div.csc-textpic-imagewrap {
  width: 50%;
  float: left;
}
/******* Colonne Droite ********************/

#ColonneDroite p,
#ColonneDroite label,
#ColonneDroite input,
#ColonneDroite legend {
  font-size: 0.8em;
	margin: 0 0 8px 10px;
}
#ColonneDroite ul {
	list-style-image: url(../images/img_css/pictos/point.gif);
}
#ColonneDroite ul {
  font-size: 0.8em;
	margin: 0 0 10px 23px;
}
#ColonneDroite ol {
  font-size: 0.8em;
	margin: 0 0 10px 27px;
}
#ColonneDroite ul ul, #ColonneDroite ol ol, #ColonneDroite ul ol, #ColonneDroite ol ul {
  font-size: 1em;
}
#ColonneDroite p.decalage {
  margin-left: 25px;
}
#ColonneDroite #vignette {
  text-align: center;
  margin-bottom: 10px;
}
#ColonneDroite #vignette img {
	margin-left: 10px;
	margin-bottom: 4px;
}
#ColonneDroite #vignette img.vignette {
	border: 1px solid #CCC;
}
#ColonneDroite #vignette a {
	display: block;
	text-align: right;
	padding-right: 20px;
}
#ColonneDroite #contacts a {
	display: block;
	padding: 1px 1px 1px 20px;
	margin: 0 0 1px;
	text-decoration: none;
	color: black;
	background: url('../images/img_css/pictos/picto_email.gif') no-repeat left center; /*#F2F2E4*/
}
#ColonneDroite #contacts a:hover {
  background: url('../images/img_css/pictos/picto_email_over.gif') no-repeat left center;
}
/* Text-images 

#zoneCentrale div.csc-textpic-intext-right div.csc-textpic-imagewrap dl dt,
#zoneCentrale div.csc-textpic-intext-right div.csc-textpic-imagewrap dl dd,
#zoneCentrale div.csc-textpic-center div.csc-textpic-imagewrap dl dt,
#zoneCentrale div.csc-textpic-center div.csc-textpic-imagewrap dl dd {
  padding-left: 0 !important;
}
*/
#zoneCentrale div.csc-textpic-imagewrap dl dt,
#zoneCentrale div.csc-textpic-imagewrap dl dd {
  padding-left: 0px;
}
#zoneCentrale div.csc-textpic-intext-left div.csc-textpic-imagewrap dl dt,
#zoneCentrale div.csc-textpic-intext-left div.csc-textpic-imagewrap dl dd,
#zoneCentrale div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap dl dt,
#zoneCentrale div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap dl dd {
  padding-left: 10px;
}

#ColonneDroite div.csc-textpic-imagewrap dl dt,
#ColonneDroite div.csc-textpic-imagewrap dl dd {
  padding-left: 5px;
}

#ColonneDroite div.csc-textpic-above div.csc-textpic-imagewrap dl dt,
#ColonneDroite div.csc-textpic-above div.csc-textpic-imagewrap dl dd,
#ColonneDroite div.csc-textpic-below div.csc-textpic-imagewrap dl dt,
#ColonneDroite div.csc-textpic-below div.csc-textpic-imagewrap dl dd,
#ColonneDroite div.csc-textpic-intext-left div.csc-textpic-imagewrap dl dt,
#ColonneDroite div.csc-textpic-intext-left div.csc-textpic-imagewrap dl dd {
  padding-left: 10px;
}

*html #ColonneDroite div.csc-textpic-above div.csc-textpic-imagewrap dl dt,
*html #ColonneDroite div.csc-textpic-above div.csc-textpic-imagewrap dl dd,
*html #ColonneDroite div.csc-textpic-below div.csc-textpic-imagewrap dl dt,
*html #ColonneDroite div.csc-textpic-below div.csc-textpic-imagewrap dl dd,
*html #ColonneDroite div.csc-textpic-intext-left div.csc-textpic-imagewrap dl dt,
*html #ColonneDroite div.csc-textpic-intext-left div.csc-textpic-imagewrap dl dd {
  padding-left: 5px;
}
/*
#ColonneDroite div.csc-textpic-intext-right div.csc-textpic-imagewrap dl dt,
#ColonneDroite div.csc-textpic-intext-right div.csc-textpic-imagewrap dl dd,
#ColonneDroite div.csc-textpic-center div.csc-textpic-imagewrap dl dt,
#ColonneDroite div.csc-textpic-center div.csc-textpic-imagewrap dl dd {
  padding-left: 0;
}
*/

/* Gestion de la marge à droite de l'image : uniquement firefox */
#zoneCentrale div.csc-textpic-imagewrap,
#ColonneDroite div.csc-textpic-imagewrap {
  padding-right: 10px;
}
*html #zoneCentrale div.csc-textpic-imagewrap,
*html #ColonneDroite div.csc-textpic-imagewrap {
  padding: 0;
}

/* Ajout temporaire */
#zoneCentrale div.csc-textpic-intext-right div.csc-textpic-imagewrap{
  margin-right: 5px;
}
*html #zoneCentrale div.csc-textpic-intext-right div.csc-textpic-imagewrap{
  margin-right: 2px;
}
/* fin Ajout */

#zoneCentrale div.csc-textpic-above div.csc-textpic-imagewrap  {
  margin-bottom: 5px;
}
#zoneCentrale div.csc-textpic-below div.csc-textpic-imagewrap  {
  margin-top: 5px;
}
#zoneCentrale dd.csc-textpic-caption {
  color: #666666;
  font-size: 8pt;
}
#ColonneDroite dd.csc-textpic-caption {
  color: #666666;
  font-size: 7pt;
}
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
  margin-left: 2px;
}

/**************************************/
/* Barre d'outils                     */
/**************************************/
#menu_contenu {
  float: right;
  text-align: right;
  margin: 0 6px 10px;
}
*html #menu_contenu {
  margin-right: 5px;
}
#menu_contenu a {
  display: block;
  float: left;
  margin-left: 3px;
	height: 20px;
	width: 20px;
}
#menu_contenu a#moins {
	background: url('../images/img_css/pictos/picto_a-.gif');
}
#menu_contenu a#moins:hover {
	background: url('../images/img_css/pictos/picto_a-_over.gif');
}
#menu_contenu a#plus {
	background: url('../images/img_css/pictos/picto_a+.gif');
}
#menu_contenu a#plus:hover {
	background: url('../images/img_css/pictos/picto_a+_over.gif');
}
#menu_contenu a#imprimer {
	background: url('../images/img_css/pictos/picto_imprimer.gif');
}
#menu_contenu a#imprimer:hover {
	background: url('../images/img_css/pictos/picto_imprimer_over.gif');
}
#menu_contenu a#envoyer {
	background: url('../images/img_css/pictos/picto_envoyer.gif');
}
#menu_contenu a#envoyer:hover {
	background: url('../images/img_css/pictos/picto_envoyer_over.gif');
}
#menu_contenu a#favoris {
	background: url('../images/img_css/pictos/picto_favoris.gif');
}
#menu_contenu a#favoris:hover {
	background: url('../images/img_css/pictos/picto_favoris_over.gif');
}

/****************************************************/
/* Cartes anciennes : 3 colonnes                    */
/****************************************************/
.colonne {
  float: left;
}
.colonne20pc {
  width: 20%;
  float: left;
}
.colonne25pc {
  width: 25%;
  float: left;
}
.colonne33pc {
  width: 33%;
  float: left;
}
.colonne50pc {
  width: 50%;
  float: left;
}
/* tableaux extension interco + cartes anciennes */
table {
  margin: 2px 10px 10px;
}
table td {
  padding: 0 2px;
  font-size: 0.9em;
}
.tab_ligne_entete {
	background: #E9E6D5;
  white-space:nowrap;
}
.tab_ligne_impair {
}
.tab_ligne_pair {
	background: #F2EFE1;
}
table.collectivites {
  margin: 0px 0px 6px;
}
table.collectivites td {
  padding: 0px;

  width: 83px;
  text-align: center;
}
table.collectivites a {
  text-decoration: none;
  width: 100%;
  display: block;
}
table.collectivites a:hover {
  text-decoration: underline;
}
/* */
#carteinter {
  padding-left: 5px;
}
/******************************************/
/*************** Formulaires **************/
/******************************************/
#zoneCentrale label,
#zoneCentrale input,
#zoneCentrale textarea,
#zoneCentrale select {
	margin: 0 0 10px 10px;
	font-size: 0.9em;
}
*html #zoneCentrale label,
*html #zoneCentrale input,
*html #zoneCentrale textarea,
*html #zoneCentrale select {
	margin: 0 0 5px 5px;
}
*html #zoneCentrale label {
	padding-bottom: 10px;
}
*html #zoneCentrale input {
  width: 200px;
}

/*********************************/
/*           Recherche           */
/*********************************/
.tx-indexedsearch-searchbox table {
  clear: left;
}
.tx-indexedsearch-searchbox label,
.tx-indexedsearch-searchbox input
 {
	float: left;
}
/*********************************/
/*     Formulaire de contact     */
/*********************************/
#mailform .csc-mailform-field {
  float: left;
  clear: left;
}
#mailform label {
  display: block;
  float: left;
  width: 90px;
}
#mailform input {
  display: block;
  float:left;
}
#mailform textarea {
  display: block;
  float:left;
}
#mailform select {
  display: block;
  float: left;
}
#mailform #mailformformtype_mail {
  margin-left: 110px;
  clear: both;
}

/* */
.tx-sremailsubscribe-pi1 {
  margin-bottom: 10px;
}
p.tx-sremailsubscribe-pi1-error {
  float: left;
  background: #E71E00;
  color: white;
  padding: 0 6px;
}
p.tx-sremailsubscribe-pi1-notice {
  color: #5B5B50;
}
#tx-sremailsubscribe-pi1-tx-sremailsubscribe-pi1-tt_address_form input {
  float: left;
}
#tx-sremailsubscribe-pi1-tx-sremailsubscribe-pi1-tt_address_form label {
  float: left;
  clear: left;
}
*html p.tx-sremailsubscribe-pi1-click-to-edit {
  padding-top: 10px;
}

/********************************
#bloc_lettre {
	float: left;
  clear: both;
	padding-bottom: 10px;
}
#bloc_lettre img {
	float: left;
	margin : 0 10px;
}
#bloc_lettre img.puce {
	float: none;
	margin : 0 4px;
}
#page.accueil #actu  p {
  margin-bottom: 6px;
	float: none;
}
#bloc_lettre {
	text-decoration: none;
}
#bloc_lettre:hover {
	text-decoration: underline;
}
*/

/*
#bloc_lettre ul {
	list-style-position: inside;
  list-style-image: url(../images/img_css/pictos/point.gif);
}
*html #bloc_lettre ul {
  list-style-image: none;
}
#bloc_lettre li {
  margin-bottom: 4px;
}
#ColonneDroite #bloc_lettre ul {
  clear: both;
  margin-left: 10px;
}
*/

#ColonneDroite #bloc_lettre img {
  display: none;
}
/*********************************/
/*            Sitemap            */
/*********************************/
#zoneCentrale .csc-sitemap ul ul {
  margin-bottom: 20px;
}
#zoneCentrale .csc-sitemap ul ul ul {
  margin-bottom: 2px;
}
#zoneCentrale .csc-sitemap ul ul ul ul {
  margin-bottom: 0;
}
#zoneCentrale .csc-sitemap ul li a {
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}
#zoneCentrale .csc-sitemap ul ul li a {
  text-transform: none;
  text-decoration: underline;
}
#zoneCentrale .csc-sitemap ul ul ul li a {
  font-weight: normal;
}
#zoneCentrale .csc-sitemap ul ul ul ul li {
  /* display: inline; margin-left: 0; maring-right: 4px;  font-size: 0.9em; Gestion horizontale du dernier niveau */
}
#zoneCentrale .csc-sitemap ul ul ul ul li a {
  color: #666;
}
/*********************************/
/* Commande cartes (à supprimer) */
/*********************************/
#iframe_commande {
  width : 775px; 
  height : 600px;
}
*html #iframe_commande {
  width : 755px; 
}

.onclik {
  cursor: pointer;
}

.inactif {
  background: #E9E6D5 url('../images/img_css/grosses_rayures.gif') repeat;
}
/****************************************************/
/* Inutiles : a verifier                            */
/****************************************************/
.clear_all {
	clear: both;
}
.hide {
	display: none;
}
.upper {
	text-transform: uppercase;
}
/* utiles ?*/
#pdf {
  position: absolute;
}

/**** tmp : trouver une autre methode ***/
div.tx-indexedsearch-whatis {
  margin-left: 10px;
}