/**
 * Par SEBASTIA Yannick
 * Validé CSS
 */

form {
	margin : 0px ;
}
body {
	color : #000;
	background : #fff ;
	padding : 0 ;
	margin : 0 ;
	text-decoration : none ;	
}
a,
a:link,
a:active,
a:visited {
	color : black;
	background : transparent ;
	margin : 0 ;
	vertical-align : inherit ;
	font-size : inherit ;
}
a:hover{
	text-decoration : underline ;
	color : black;
	background : transparent ;	
}
td{
	vertical-align : top;
	padding : 0;
	margin : 0;
}
img {
	vertical-align : bottom ; 
	border : 0 none ;
	padding : 0 ;
	margin : 0 ;
}
input.spip_bouton {
	border : 1px solid #000;
	color: #000;
	background : #fff ;
	text-indent: 2px;
	padding : 1px ;
	margin : 2px ;
	/*font-size : smaller !important;*/
	width : 150px;
}
input.search_text {
	width:75px;
}
input.search_img {
	width:16px;
	border:0;
	background:transparent;
	color:black;
	vertical-align:bottom;
}
hr {
	/*ligne horizontale*/
	border : 1px solid silver ;
	margin-top : 20px;
	margin-bottom : 10px;	
}
h2 {
	/*titre*/
	padding : 0px ;
	margin : 3px ;
	background : transparent ;
	border-bottom : 2px solid black ;
	color : black ;
	font-weight : bold ;
	text-decoration : none ;
	text-align : left ;	
	vertical-align : middle ;
	width : 99% ;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:12pt !important;
}
h3 {
	/*sous titre*/
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 10pt !important;
	text-align: left;
	margin-top : 10px;
	margin-left : 20px;
	margin-bottom : 5px;
	padding: 0em ;
	text-decoration : underline;
}
h3 a,
h3 a:hover,
h3 a:link,
h3 a:active,
h3 a:visited {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 10pt !important;
	color : inherit ;
}
h4,
h5,
h6 {
	text-align : right ;
	padding : 0px;
	padding-right : 5px;
	margin : 0px;
	/*font-size : smaller;*/
}

span.d {/*utilisé pour certaines dates*/
	color : #920202 ;
	font-style : italic;
/*	font-size : smaller;*/
}

/**
 * Cellules de tableaux
 */
table.main #left,
table.main #right {
	padding : 0px ;
	margin : 0px !important;
	width : 198px !important;
	text-align : center ;
	background : ;
	color : #000 ;
	vertical-align : top ;
	text-align : left ;	
	border : 0px;
}
#left ul,
#right ul {
	padding : 0 0 0 15px ;
	margin : 0 0 0 10px ;
}
#left ul li,
#right ul li {
	list-style : disc url("css_puce.gif");
	padding : 0 3px 0 0;
	margin : 1px 0 0;
	vertical-align : top !important;
}

table.main #article {
	padding : 0 3px 3px ;
	margin : 0;
	text-align : left ;	
}
table.main #article * {
	/*font-size : 9pt ;*/
}

table.footer td.mail {
	text-align : right !important;
	white-space : nowrap !important;
}

div.spacer{
	clear : both ;
}

/**/


/*générique*/
img.logo {
	/*image de logo*/
	padding : 0px ;
	margin : 10px ;
	float : left ;
	border : 0px outset black;
}

#texte {
	/*pour les textes*/
	padding : 2px;
	margin : 3px;
	font-weight : normal ;
	text-align : justify !important;
	clear : left ;
}
#note {
	/*notes de bas de pages des articles*/
	padding-top : 5px;
	margin-top : 40px;
	font-weight : normal ;
	text-align : left ;	
	clear : left ;
	border-top : 1px solid silver ;
}
div.chapo {
	/*chapeau et description*/
	padding : 10px;
	margin : 3px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color : #000000;
	background : transparent ;
	text-align : left ;	
}
#lien {
	padding : 20px 1px 1px;
	text-align : left ;
	clear : both;	
}
#lien a,
#lien a:hover,
#lien a:active,
#lien a:visited,
#lien a:link {
	font-weight : bold ;
	color : blue ;
	text-decoration : underline ;
}
#lien:before {
	content : "Lien associé : "  ;
}
#submit {
	/*proposer un nouveau lien*/
	font-weight : bold ;
	margin-left : 1px ;
	margin-top : 0px ;
	padding-top : 3px ;
	padding-bottom : 0px ;
	padding-top : 5px ;
	text-align : left ;	
	clear : both ;
}
#mot {
	/*liste des mots clès associes*/
	padding : 1px ;
	margin : 10px 1px 10px 10px ;
	font-weight : normal ;
	text-align : left ;	
}

/* Documents */

div.fichier {
	margin-top : 20px;
	clear : both;
	border-top: 1px solid black;
}
div.fichier img{
	padding : 2px ;
	margin : 0px;	
}
div.fichier td.info{
	/*font-size : smaller;*/
}
div.fichier a,
div.fichier a:hover,
div.fichier a:link,
div.fichier a:active,
div.fichier a:visited {
	text-decoration : underline;
}

/* GALERIE */
div.galerie{
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
div.galerie #documents_portfolio img.spip_logos{
	border : 1px solid black;
	margin : 5px;
	padding : 1px;
}

/*pour les éléments listé*/
#list {
	clear : left ;
}
#list table {
	width : 100%;
	border : 0px;
	background : white ;
	border-collapse : separate ;
	border-spacing : 1px;
}
#list table th{
	text-align : left ;
	padding-top : 20px;
	border-bottom : 1px solid black ;
}
#list table th.date{
	text-align : right ;
	padding-right : 0px;
}
#list table td {
	padding : 1px;
	margin : 0px;
	vertical-align : middle;
	border : 1px solid #ccc ;
	background : #FEFEFE ;
}
#list table td.date {
	text-align : right ;
	width : 80px;
}
#list table td.num {
	text-align : center ;
}
#list table td.online {
	/*font-size : smaller ;*/
	text-align : right ;
	white-space : nowrap ;
}
#list ul {
	padding-left : 10px !important;
	margin-left : 0px !important;		
}
#list li {
	list-style : none;
	padding-left : -10px !important;
	margin-left : -10px !important;		
}

/*page d'accueil*/
div.bloc,
div.bloc2,
div.bloc3 {
	background : white ;
	padding : 2px ;
	border : 1px #646464 solid ;
	margin-bottom : 15px;
	text-align : left;
	/*position : relative ;*/
	top : 10px ;
	width : auto;
}
div.bloc2 {
	border : 2px #646464 solid ;	
}
div.bloc3 {
	overflow : auto !important;
	
	min-height : auto;
	height : 150px;	
	max-height : 150px;
}
div.bloclogo {
       background : white url("/squelettes/logocpadd.jpg") no-repeat 0% 0%;
       background-position : center ;
       padding : 2px ;
       border : 0px ;
       margin-bottom : 15px;
       /*position : relative ;*/
       top : 10px ;
       width : auto;
       height : 165px;
}

div.bloc h3,
div.bloc2 h3,
div.bloc3 h3 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-align: left;
	margin : 0px;
	margin-bottom : 5px;
	padding: 1px ;
	color : #920202 ;
	text-decoration : none;
	letter-spacing : -1px;
}
div.bloc h3 a,
div.bloc h3 a:hover,
div.bloc h3 a:active,
div.bloc h3 a:visited,
div.bloc h3 a:link,
div.bloc2 h3 a,
div.bloc2 h3 a:active,
div.bloc2 h3 a:link,
div.bloc2 h3 a:hover,
div.bloc2 h3 a:visited,
div.bloc3 h3 a,
div.bloc3 h3 a:active,
div.bloc3 h3 a:hover,
div.bloc3 h3 a:link,
div.bloc3 h3 a:visited{
	color : #920202 ;
}
#s_actu {
	border : 1px solid #444 ;
	padding : 0 0 3px ;
	margin : 0 0 5px 3px ;
	background : #F9F9F9 ;
	color : #000 ;
	width :99%;
	text-align : left ;
	position : relative ;
	top : 10px ;
}

/*META informations dans article*/
#meta {
	float : right !important ;
	border : 1px solid #ddd ;
	width : 33% !important;
	padding : 0px;
	margin : 0px;
	margin-left:10px;
	margin-bottom : 10px;
	padding-bottom : 10px;
	background : #F9F9F9 ;
}
#meta p {
	padding : 0px;
	padding-left : 10px;
	margin : 0px;
	/*font-size : 90%!important;*/
}

/*TOC informations dans article*/
#toc  {

}
#toc ul{
	width : auto;
	margin-top : 0px;
	padding-left : 20px;
}
#toc li {
	padding : 0px;
	margin : 0px;
	list-style-image : url("css_puce.gif");
}
/*pagination*/
.pagination {
	text-align:center;
	color : red;
	padding-top : 30px;
}
.pagination a,
.pagination a:hover,
.pagination a:active,
.pagination a:link,
.pagination a:visited{
	color : black;
	font-weight : bold;
	text-decoration : underline;
}

/*stats*/
dl.stats {
	padding : 5px;
}
dl.stats dt {
	font-weight : bold;
	margin-top : 5px;
	text-decoration : underline;
}