/*** usual body **/
body { font: 12px Arial,sans-serif; color: black; background: white }

h2 {text-align:center }

/* table de design qui place des éléments, donc sans espaces */
table.layout { border: none; border-collapse: collapse; padding: 0; margin: 0; width: 100% }
table.layout td { padding: 0; text-align:center }
table.layout td img { vertical-align:bottom }

/* layout a partir d'images en colonne (pas terrible) */
.imgdesign { vertical-align:top }
.imgdesign a { margin: 0; padding: 0 }
.imgdesign img { display:block; vertical-align:middle; border: none }

/* cadre de texte sympa */
div.cadre { border: 1px solid; margin: 0.5em auto; padding: 0.5em; }

/**** sets images ***/
#latemplate { width: 650px; margin: auto }
#latemplate, #latemplate a { color: black }
#latemplate img { border: none }
#latemplate h3.archive { clear: both; padding-top: 2em }
#latemplate .desc { text-align: justify }

#latemplate .tplliste1 { display:block; text-decoration:none; overflow: auto; width: 100%; margin-bottom: 2em }
#latemplate .tplliste1 img { margin: 0 10px }
/*#latemplate .tplliste1 span.date { float: right; padding-top: 1.3em }*/

#latemplate .tplliste2 { display:block; text-decoration:none; float: left; text-align:center;
	width: 190px; margin: 5px 10px; }
#latemplate .tplliste2 h3 { margin: 0; padding: 0; font: bold 13px Arial,sans-serif; height: 18px; overflow:hidden; }
#latemplate .tplliste2 h3 span { display:block; line-height:18px; background: url(/com/dotdotdot.png) bottom right no-repeat; padding-right: 16px }
#latemplate .tplliste2 img { width: 160px; height: 120px; display:block; margin: 0 auto; }
#latemplate .tplliste2 span.date { font-size: 10px }
#latemplate div.lignepub { text-align: center; clear: both }

#latemplate ul { clear: both }

.navphotos { text-align:center }
.lignephotostxt { text-align:center; font-size: 1.5em }

/* un set */
table.settemplate { border-collapse: collapse; margin: auto; }
table.settemplate td { text-align:center; vertical-align: middle; padding: 5px;width: 110px }
table.settemplate td.big { width: 230px }
table.settemplate td.auto { width: auto }
table.settemplate td img { vertical-align:middle; border: none }
table.settemplate td.tpltxt { text-align:justify }

/* formulaire d'enregistrement à la newsletter */
form#formnewsletter { margin: 0 }
form#formnewsletter input#formnewsletter1 { width: 80% }
form#formnewsletter input#formnewsletter2 { width: 15% }
form#formnewsletter iframe { width: 99%; height: 2em; overflow: hidden; border:none; }
#formnewsletterreponse { color: red } /* couleur du petit texte de réponse */

form#formnewsletterh { margin: 0 }
form#formnewsletterh input#formnewsletter1 { width: 18em }
form#formnewsletterh input#formnewsletter2 { width: 4em }
form#formnewsletterh iframe { width: 99%; height: 1.2em; overflow: hidden; border:none; }


/**** news ***/
#lesnews { width: 600px; margin: 0px 0px 0px 100px; text-align: left ; font-size:10px}
#lesnews p { margin:0 }
#lesnews a { text-decoration: none}

#lesnews_colonne {
 font-size:10px; background: url(/imagettes/titre-inter.jpg); text-align:left; margin: 0; padding: 0 7px;
 border: 1px solid transparent; border-width: 1px 0;
}
#lesnews_colonne a { text-decoration: none }
#lesnews_colonne img { border: none }
#lesnews_colonne p { margin:0 }


/******** videos *********/

.onevideo h2, .perevideo h1 { text-align:center }

.perevideo table { width: 100% }

.onevideo img, .videochoix img, #pdvpayments img { border:none }

.onevideo .thumbs img { margin: 2px; } /* plus utile */

.onevideo table.thumbs { margin: auto; width: 530px; border-collapse:collapse }
.onevideo table.thumbs td { text-align:center }
.onevideo div.thumbs { margin: auto; height: 140px; width: 720px; }
.onevideo .thumbs a.image { display: block; background: center no-repeat; text-decoration: none; float: left; margin: 4px; }
.onevideo .thumbs>a.image { margin: 5px; } /* ie6 bis */
.onevideo div.thumbs a.image { margin: 0 5px ; } /* ie6 special */
.onevideo div.thumbs>a.image { margin: 0 10px ; }

.onevideo .telecharger { text-align:center; color: red; font: bold 1.1em sans-serif;
	text-decoration: underline; margin-bottom: 1em; cursor: pointer }

table.infos_videos { border-collapse: collapse; }
table.infos_videos td, table.infos_videos th { border: 1px solid #ef861d; text-align:left; padding: 0 0.2em }

#pdvpayments h2 { font-size: 1.2em }

#pdvpayments table.infos_videos { width: 100%; font-size: 90%; margin-bottom: 0.2em }
#pdvpayments table.infos_videos td { width: 33%; text-align:center }
#pdvpayments table.infos_videos td:first-child { border-left: none }
#pdvpayments table.infos_videos td:last-child { border-right: none }

#pdvpayments .onevideo { border: 1px solid #ef861d; }

#pdvpayments .description { text-align: justify }

#pdvpayments { text-align: center; width: 750px; margin: auto; }
#pdvpayments h3 { background: url(/com/videos/imgs/paymentBG.gif);
	width: 750px; height: 30px; margin: 1em auto 0 auto;
	line-height: 30px;font-size:18px }
#pdvpayments div.elcadre { border: 1px solid #209DF5; border-top: none; padding: 4px }

#pdvpayments ol { text-align:left;width: 30em; margin: auto; }

#pdvpayments table.clickici { width:750px; margin:auto; border: 1px solid #ef861d; border-width: 0 1px }
#pdvpayments table.clickici tr {  height: 55px; font-size: 1.3em }
#pdvpayments table.clickici tr td.clickici { background: url(/com/videos/imgs/ici.gif); width: 120px;
	text-align:center }
#pdvpayments table.clickici a { display:block; height:100%; width:100%; color: black; text-decoration:none }
#pdvpayments table.clickici tr td.clickici  a { font: bold 16px sans-serif; line-height:50px }


#acteur { position: relative; width: 510px; height: 383px; margin: auto }
#acteur #actimg { position: absolute; top:0; left: 0; opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30); }
#acteur #acttlb { position: absolute; top:0; left: 0; width: 90%; margin: 1em }

.admin1 {
	position: fixed; z-index:999; left: 1em; top: 1em;
	border: 1px solid; background: #ccc;
width: 15em; text-align:center; padding: 1em;
}

/**** annuaire *****/
div.myannuaire { margin: 5px }
div.myannuaire h2, div.myannuaire h3 { clear: both; text-align:center; background: url(/com/annu/titre-bg.png); width: 660px; height: 40px; line-height:40px }
div.myannuaire div.categorie { width: 33%; height: 2.5em; float: left; text-align:center }
div.myannuaire div.categorie, div.myannuaire div.categorie a { font: bold 1em sans-serif; text-decoration: none }
div.myannuaire div.unsite { height: 100px }
div.myannuaire div.unsite a { text-decoration: none; color:black; margin: 0 1em }
div.myannuaire div.unsite h4 { margin: 0 }
div.myannuaire div.unsite img { float:left; border: none; margin-right: 5px; width:120px; height: 90px }

/******/

div.liensexternes { width: 960px; margin: 1em auto; overflow:auto; }
div.liensexternes img { border: none; margin: 0; padding: 0 }
div.liensexternes div { margin: 0.5em 0 }
div.liensexternes .liensexternes_big div { width: 480px; min-height: 60px; float: left; text-align:center }
div.liensexternes .liensexternes_small div { width: 160px; height: 60px; float: left; text-align:center }
div.liensexternes .liensexternes_big div img { max-width: 468px; max-height: 80px }
div.liensexternes .liensexternes_small div img { max-width: 120px; max-height: 60px }

/*****/

div.publicite { text-align:center; margin: auto; }
div.publicite img { border: none; margin: 0; padding: 0 }

/*******/

ul.tgp li a span {
	display: none;
}
ul.tgp li a:hover span {
	display: inline;
	right: 5px;
	position: absolute;
	/* on laisse ce qui suit pour une bordure et un bug ie */
	background: #FFFFFF;
	color: black;
	padding: 2px;
	margin-top: 1.5em;
}
ul.hoverimgonleft li a:hover span { left: 5px; right: auto }

div.tgptpl1 a {
display: block; text-decoration: none; margin: 1px; text-align:center; text: 11px sans-serif;
width: 162px; height: 152px; float: left; background: #a00; color: white;
}
div.tgptpl1 a div {
overflow: hidden; height: 15px;
}
div.tgptpl1 a img {
border: 1px solid red;
}