* { font-family:   Arial, sans-serif; }

body  { font-size: 12px; padding: 0px; margin: 0px; background-color: #eaeaea; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,html,p,blockquote,fieldset,input { margin: 0px; padding: 0px; }

a img,:link img,:visited img { border: none; color: #000;}
a, a:visited {color: #000;}
a { text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2 { 
    font-family:  Helvetica, Arial, sans-serif;
    background-color: #6dceee; color: #FFF; 	
    background-image: url(../images/sep_bas.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
}

h1  { font-size: 24px; padding: 5px 5px 11px 5px;}
h2  { font-size: 16px; padding: 3px 3px 8px 3px;}
h2 img { margin: 0px 5px 0px 0px;}
h3,h4 { margin: 15px 4px 4px 4px; }

input[type=text], input[type=password],textarea, input[type=file] { width: 200px;margin: 2px; padding: 1px; border: 1px solid #CDCDCD;}
input[type=submit], input[type=button] { width: 110px; margin: 2px; padding: 1px; font-width: 12px;  }
textarea {font-size: 12px; width: 80%;}
input[type=text]:hover,textarea:hover {background-color: #EEE;}
select {border: 1px solid #CDCDCD; padding: 1px; background-color: #FFF; font-size: 12px;}

ul {list-style-image:none;  list-style-position:outside;  list-style-type:none;}
li {}

div.siteName{ font-size: 36px; font-weight: bold; width: 100%; color: #fff; background-color: #6DCEEE; padding: 10px; text-align: center; margin-bottom: 5px;}


table.container {clear:both; margin: 0px auto; padding: 0px 10px ; max-width:95%; min-width:980px;  width:1010px; background-color: #eaeaea;}

table.container td.col1 { width: 195px; vertical-align: top; padding: 2px 15px 0px 0px; }
table.container td.col2 { width: 495px; vertical-align: top; padding: 2px 15px 0px 0px;}
table.container td.col2_2 { width: 795px; vertical-align: top; padding: 2px 15px 0px 0px;}
table.container td.col3 { width: 300px; vertical-align: top; padding: 2px 0px;}
table.container td.header { vertical-align: middle; font-size: 36px; font-family: Arial; text-align: center; text-weight: bold; padding: 10px; border-bottom: 1px solid #CDCDCD; }
table.container td.footer { vertical-align: middle; font-size: 10px; text-align: center; text-weight: normal; padding: 10px;}

table.pager {  }
table.pager th {width: 10px; font-weight: normal;}
table.pager a{ padding: 1px 4px;  }
table.pager a.active{ color: #039; font-weight: bold; border-bottom: 1px solid #039;}
table.pager a:hover{ background: #CDCDCD;  }

div.message,div.fiche { margin: 0px 0px 10px 0px; background-color: #FFF; border: 1px solid #CDCDCD; padding: 0px;}
div.detailMessage { padding: 5px;color: #666; font-size: 14px; font-family: Arial;}
div.detailMessage a {text-decoration: underline; color: inherit;}
img.guillemets { margin: 0px 5px;}

div.messageContainer { margin-left: 5px;}
div.reponseContainer { margin-left: 50px;margin-top:5px;}
div.containerDroite { padding: 4px;}
table.auteur {height: 30px; width: 100%;margin: 0px; padding:0px;}
table.membre {height: 30px; width: 100%;margin: 0px; padding:0px; margin-bottom: 3px;}
table.membre td.td1, table.auteur td.td1 { width: 30px; padding-right:5px;	}
table.membre td.td2, table.auteur td.td2 { background-color: #EEE;  color: #666; border-top: 1px solid #CCC;  border-bottom: 1px solid #CCC; padding-left: 5px;}

table.membre td.alt1 { background: #fff; }
table.membre td.alt2 { background: #ddd; }

div.containerDroite a.alt1,div.containerDroite a.alt2 { display: block;  padding: 4px; }
div.containerDroite a.alt1 {background-color: #FFF; }
div.containerDroite a.alt2 {background-color: #EEE; }
div.containerDroite a.alt1:hover,div.containerDroite a.alt2:hover { text-decoration: none; background: #6dceee; color: #fff;}

table.membre a, table.auteur a {color: #666;}
table.auteur span.date { color: #039; margin: 3px;}

div.addMessage {
	background-color: #FFF; 
	padding: 5px 5px 5px 25px;
    background-image: url(../images/icones/16/filetypes.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	border: 1px solid #CDCDCD;
	margin-bottom: 5px;
}
div.addMessage a { font-weight: bold; color: #039; font-size: 12px;}

div.message .actions {text-align: right; padding: 0px 10px 10px 10px; color: #039;}
div.message .actions a {color: inherit; margin-left: 10px;}
div.message .actions a img { margin-right: 3px; }

table.fiche { width: 100%; }
table.fiche td { vertical-align:top; padding: 3px; font-size: 12px;  color: #000; font-weight: normal;  line-height: 15px; }
table.fiche th { vertical-align:top; padding: 3px; text-align:right; color: #666; font-weight: normal; width: 120px; line-height: 15px;}

div.helpphoto{ font-size: 10px; margin: 0px 5px; color: #999; }

a:hover img { text-decoration: none;}

dl { margin: 10px; background-color:none; border: 1px solid #333; }
dt { text-align:right; width: 120px; vertical-align:top; padding: 0px 3px;  height: 15px; color: #666;}
dd { font-size: 12px; padding-bottom: 10px; font-weight: bold; color: #039; margin-left:125px; padding : 0px 3px 10px 3px; vertical-align:top; margin-top: -15px;  }
dd input { }
img.droite { float:right;}
img.droiteMarge { float:right; margin: 5px;}
img.gauche { float:left;}
img.gaucheMarge { float:right; margin: 5px;}
img.bord { border: 1px solid #CCC; }

.menu { height:1%; margin-bottom:7px; min-width:154px; border: 1px solid #CCC; background: #FFF; padding: 0px;}
.menu select {width: 100%;}

div.menu ul  { padding: 4px ; }
div.menu ul li  { padding: 3px ; }
div.menu ul li a {  color: #039; }
div.menu div.top { font-weight: bold; color: #FFF; background: #6dceee; min-height: 65px; padding: 5px;}
div.menu div.top img { float: left; border: 1px solid white; margin-right: 4px;}
div.menu div.top2 { font-weight: normal; color: #FFF; background: #6dceee; padding: 5px;}
div.menu div.top2 a { color: #FFF;}

form.connexion, form.fichemaj { width: 495px; padding: 0px 0px 5px 0px; border: 1px solid #CDCDCD; background-color: #FFF;}
form.connexion label { display:block; padding-top: 10px; margin-left: 25px;}
form.connexion input,form.connexion textarea, form.connexion select {margin-left: 35px; margin-bottom: 10px; }
form.connexion input[type=checkbox] { margin-bottom: 0px;}

/*form.fichemaj { background-color : #FFF }  */
form.fichemaj label { display: block; width:120px; float:left; text-align : right; margin-top:2px; padding-right: 5px; }
form.fichemaj div.ajaxmessage { margin: 0px 0px 0px 125px; padding: 0px; text-allign:left; }
form.fichemaj input {font-size: 12px;}
form.fichemaj input[type=text], form.fichemaj textarea,form.fichemaj select  { margin-bottom: 12px; width:250px;}
form.fichemaj button { margin-bottom: 12px; }
button {background-color: #CCC; border: 1px solid #AAA; margin: 0px; padding: 0px}

table.list { width: 100%; padding: 0px 0px 5px 0px; background-color: #FFF; margin:0px;}
table.list th {text-align: left; padding:10px;}
table.list td {padding: 4px; }
table.list tr.cl1  { background-color: #eee; }
table.list tr.cl2  { background-color: #FFF; }

ul.liste {margin-left: 5px; }
ul.liste li {padding: 3px; }
.error  { text-align: center; font-weight: bold; color: red; margin: 3px;}
.errorGauche { font-weight: bold; color: red; margin: 1em; line-height: 150%;}
.noerror { text-align: center; font-weight: bold; color: green; margin: 3px;}
table.liste { margin-left: 5px;  padding: 0px;}
table.liste td { margin: 2px;}

div.photoPreview { width: 100%; clear: both; } 
div.photoPreview img {margin: 5px; border: 1px solid #6dceee; cursor: pointer; }
div.photoPreview img.view { display: block; margin: 1px 5px 5px 5px; cursor: auto}

table.uploadPhotos { width: 100%; margin-top: 20px; border-top: 1px solid #CDCDCD;}
table.uploadPhotos td { vertical-align: top; border-bottom: 1px solid #CDCDCD;}
table.uploadPhotos td img { float: left; }
table.uploadPhotos input[type=checkbox] { padding: 0px; margin: 0px; float: left; }

div.doc { margin: 0px 0px 0px 0px; background-color: #FFF; padding: 5px; }
div.doc p { margin-bottom : 5px; text-align: justify}


@media  print 
{
  .actions a, .noprint {display: none;}
  td.col1, td.col3, .helpphoto { display: none; }
  body, table.container { background-color: #FFF;}
}