@charset "utf-8";
/* CSS Document */
body {

  }
#navigation, #pied_de_page, #menu, #menugauche, #tliens{
  display: none;
  }
#wrapper, #content {
  width: auto;
  margin: 0 5%;
  padding: 0;
  border: 0;
  float: none !important;
  color: black;
  }
div#content {
  margin-left: 10%;
  padding-top: 1em;
  border-top: 1px solid #930;
  }
div#mast {
  margin-bottom: -8px;
  }
div#mast img {
  vertical-align: bottom;
  }
a:link, a:visited {
  color: #520;
  font-weight: bold;
  text-decoration: underline;
  }
#content a:link:after, #content a:visited:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
  }
#content a[href^="/"]:after {
  content: " (http://www.cma-lyon.fr" attr(href) ") ";
  }
  
.sstitre {
   color: #990033;
   font-weight:bold;
   display:block;
   margin-left:10px;
   margin-top: 7px;
   margin-bottom: 3px;
   background-position: left;
   background-repeat:no-repeat;
   background-image:url(../images/arrow.png);
   padding-left:10px;
}


img {border: none;} 
p {text-align:justify; margin:0; padding-bottom:5px; margin-bottom:5px; font-weight:normal;}


strong {color: #990033;}


/* Corps */
#corps {
   color: #000000;
   background-color: #FFFFFF; 
}

#corps h1 {
   color: #990000;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.ctitre {
   color:#256A6F;
   text-align: left;
   font-size:14px;
   display:block;
   font-weight:bold;
   margin-top:10px;
   margin-bottom:5px;
   padding-bottom:3px;
   background-position:center left;
   background-repeat:no-repeat;
   background-image:url(../images/cmapuce.jpg);
   padding-left:30px;
}

.titre {
   color:#455685;
   text-align: center;
   font-size:16px;
   display:block;
   font-weight:bold;
   padding-top:3px;
   padding-bottom:3px;
}

#corps h3 {
   color: #256A6F;
   text-align: left;
   vertical-align:middle;
   font-size: 18px;
   line-height:70%;
}

#corps td {
	font-family: sans-serif;
	text-align: left;
	background-color: #ffffff;
}

#corps caption {font-family: sans-serif;}

#corps a {
	text-decoration:none; 
}


#actu a {
	text-decoration:none; 
	font-weight:bold;
}

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

#index a {
	text-decoration:none; 
	font-weight:bold;
}

#tliens a {
	text-decoration:none; 
	font-weight:bold;
}

#corps a:hover {
	text-decoration:underline;
	color:#6490BD;
	}
		
.corps li {color:#07875F;}


/* --- POSITIONNEMENT --- */

/* En-tête */
#entete {margin: 0;}
#entete h1 {margin: 0;}

#entete h1 img {
	float: left;
	margin: 0;
}
#entete .sous-titre {margin: 0;}

.decalage{margin-bottom:0px;}
#IE .decalage{margin-bottom:-3px;}
#IE6 .decalage{margin-bottom:-3px;margin-left:-3px;}


/* Bloc central */


#actu #index {
	padding-top: 5px;
	width: 100%; /* -> 4 */
}


#actu li {background:url(../images/puceor.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left:10px; margin-bottom:3px;}
#actu .bleu {background:url(../images/pucebleu.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left:10px; margin-bottom:3px;}
#actu ul {margin-top:0; margin-bottom:3px;}
#actu ol {margin-top:0; margin-bottom:3px;}
#actu p  {text-indent:3%; color: #000000;margin-bottom:0px;}
#actu .petit {text-indent:0%;font-size:10px;}





/* CORPS BLOCS IMAGES / ACTUS / LIENS */
/* Encapsuleur global*/
#intro { background:#FFFFFF; float: left; margin: 0; height:100%; width: 100%; color: #000; }

/* Bloc Actualités */
#intro .overview { width: 450px; height:auto; overflow: hidden; float: left;}

/* Bloc Image 1 */
#slideshow { width: 300px; height:210px; float: right; padding-right:10px; overflow: hidden;}
ul#banner { width: 300px; height:200px; float: left; display: inline; position: relative; overflow: hidden; }
ul#banner li { width: 980px;  background: transparent; border: solid 0px #FFF; border-bottom: 0; float: left; list-style-type:none;}

/* Bloc Image 2 */
#slideshow2 { width: 300px; height:210px; float: right; padding-right:10px; overflow: hidden;}
ul#banner2 { width: 300px; height:200px; float: left; display: inline; position: relative; overflow: hidden; }
ul#banner2 li { width: 980px;  background: transparent; border: solid 0px #FFF; border-bottom: 0; float: left; list-style-type:none;}

/* Bloc gabarit standard */
#intro .info { width: 545px; margin-right:10px; height:auto; overflow: hidden; float: left;}
#bandeau { width: 205px;  height:auto; float: right; overflow: hidden; background-color:#AAE3FF;}
.bandeauimg {text-align:center; background-color:#AAE3FF;}
#image { width:100px; height:100px; text-align:center; float: left; overflow:scroll;}

/* Bloc Liens */
#tliens { background:#FFFFFF; float: left; margin: 0; width: 100%; color: #000; }
#tableg { width: 210px; height:auto; float: left; margin-top:10px; }
#tablec { width: 210px; height:auto; float: left; margin-top:10px;}
#tabled { width: 270px; height:auto; float: right; margin-top:30px;}

.table li {list-style-type:none;}

.table ul {margin-top:50px;}

form {
margin-top:20px;
margin-bottom:20px;
margin-bottom: 3px;
padding-bottom: 3px;
}

.cssform fieldset {
padding: 5px;
margin: 5px;
}