* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000; margin: 0px; padding: 0px; }
body{ padding: 3px; background: #DDD;}
a {text-decoration: none; color:inherit;}

p.titreColonne { width: 100%; color: #333; background: #CCC; font-size:11px; text-align:center; font-weight: bold; padding: 3px; margin: 0px 0px;}
td {vertical-align: top}

img.pub1 { border:none; margin: auto; }
img.pub2 { border:none; margin: 0px 0px 4px 0px; width: 300px;}
img.pub3 { border:none; margin: 5px 0px; width: 140px;}
img.pub4 { border:none; margin: 0px 0px 4px 0px; width: 300px;}

img.pdf { width: 120px; margin: 2px 0px 0px 0px; border:1px solid #00CCFF; }
p.initiales {margin-bottom: 10px;text-align: right;font-style: italic;color: #333333;}

td.date { font-size:10px; padding: 5px 10px 0px 30px; font-weight:bold; font-size:11px; color:#006db0;}
td.hsep { height: 30px; vertical-align:bottom;}
a.lienarchives { display: block; padding: 3px 3px;  text-decoration:none; margin: 0px;}
a.lienarchives:hover { text-decoration: underline;}
a.active { display: block; font-weight: bold; }

table.menu { width: 100%; padding:0px; margin: 0px;}
table.menu td {	background-image: url(http://www.technopolitain.com/images/menu_td.jpg); height: 39px; background-repeat: repeat-x;}
table.menu td:hover { background-image: url(http://www.technopolitain.com/images/menu_tdon.jpg); height: 39px; background-repeat: repeat-x;}
table.menu td.last  { width:auto;padding : 10px; text-align: center; font-weight: bold; color: #000;}
table.menu td a { display:block; padding: 10px;text-align: center; font-weight: bold; color: #FFF; margin: 0px;}

table.general { background: #FFF; margin: auto; width: 940px;}
table.generalPub { margin: auto; width: 940px; background:#FFF;}
table.generalPub td { vertical-align: middle; }

table.meteo {border: 1px solid #555; width: 130px;}
table.meteo th { background: #555; color: #FFF;}
table.meteo td { background: #CCC; color: #555; padding: 1px;}

h1 {width : 700px; font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 10px 0px 3px 5px; border-bottom: 1px solid #999; }
h2 {font-family: Arial, Helvetica, sans-serif;	font-size: 28px;font-weight: bold;color: #333;padding: 3px;margin: 0px;}
h3 {font-size: 11px;color: #000;text-align: justify; padding: 3px; font-weight: normal; margin: 0px; }
h3:hover {text-decoration: underline; }
h4 {font-size: 12px;font-weight: bold;text-transform: uppercase;color: #999; border-bottom: 1px solid #999; margin: 0px 0px 10px 0px ;}
h5 {width : 700px; font-size: 11px; font-weight: bold; color:#999; text-transform: uppercase; margin: 10px 0px 3px 5px; text-align:right; }


form.nl { font-size: 10px; background-color:#006db0; padding: 4px 0px; color:#FFF; font-weight:bold; }
form.nl input { font-size: 10px; width: 115px; margin: 2px; }
form.nl input[type="text"] { border: 1px solid #555; padding: 1px;}
 
/* -------------------------- Colonnes-------------------------- */
td.actu { width: 500px; padding-right: 20px; padding-left: 10px;}
td.centre { width: 300px; padding: 0px; padding-right: 20px;  }
td.droite {	width: 160px; padding: 5px; background-color: #EEE; }
td.droiteBlanc { width: 160px; padding: 5px; background-color: #FFF; }

div.video {margin: 0 0 6px 6px; float:right; }

div.cadre { width:140px; padding:0px 0px 5px 0px; margin: 5px auto; background:#FFF; border: none; }
div.actu p.texte {font-size: 11px;color: #000;text-align: justify; padding: 3px; font-weight: normal; margin: 0px; display: none;}
div.actu div.texte {font-size: 11px;color: #000;text-align: justify; padding: 3px; font-weight: normal; margin: 0px; display: none;}
div.actu span.texte {font-size: 11px;color: yellow ;text-align: justify; padding: 3px; font-weight: normal; margin: 0px; display: none;}

div.actu img {border: solid 1px #333; margin: 0px 0px 5px 5px;  }

/* ---------------------------- Centre : Depeches ------------------------ */
div.depeches { padding: 0px;  border: 5px solid #CCC; margin-bottom: 4px; }
div.depeches p.titre {font-size: 12px;	padding: 3px;background:#CCC;color: #000;text-align: left;font-weight: bold;	font-variant: small-caps;}
div.depeches a { display: block; padding: 4px 3px; margin: 1px; text-decoration:none;  border-top: 1px dotted #F0F0F0;}
div.depeches a:hover { background-color: #DADA92;}
div.depeches a.first { border-top: none;}
div.depeches p.texte {font-size: 11px;color: #000;text-align: justify;padding: 3px; margin: 0px 0px 10px 10px; display: none;}


/* ------------------------- Archives ----------------------------------- */

td.archives { padding: 10px 20px;}
td.archives p,td.archives h6 { margin-bottom:10px; width: 670px; text-align: justify}
td.archives p img { margin: 3px; }

/* ------------------------- Encarts ---------------------------------- */
div.encart { margin: 5px;  text-align: left;}
div.encart p { width: 100%;	padding: 0px;margin:0px; margin-bottom: 10px; text-align: left; text-align:justify; }
div.encart p.encart2 { display:block; text-align:justify;  }
/* --------------------------- Archives PDF --------------------------------*/
ul.pdflist {margin: 5px ;padding: 0px;padding-left:40px;display:block; width:900px;}
ul.pdflist li { margin: 5px; list-style-image: none; list-style-type: none; float: left; height: 220px; text-align: center;}
ul.pdflist li img { width:150px; height: 200px; }


form.contact { margin: 5px;}
form.contact textarea { width: 100%; height: 200px;}
form.contact input[type="text"] { width: 100%; }
form.contact input[type="submit"] { margin: 10px; }


div.technoEnLigne { width: 140px; text-align:center; background-color:#FFF; text-decoration:underline; cursor:pointer;}

a.lienTechno{ font-family:Verdana; font-size:10px; color:#0C6CAE; font-weight: bold}
a.lienTechno:hover{	font-family:Verdana; font-size:10px;	color:#ffcc00;	}