/*==================================================================================================================
//===(  Copyright 2005 Atomprod  -  Author Alain Chalet <ach@atomprod.com> & Patrice Bridoux <pjb@atomprod.com> )===
//================================================================================================================*/

/* ===ct-1*/
#ct-1           { float:left;width:720px;}
#ct-1 h1        { font-size:1.8em;color:#47494F;padding:4px 0 8px 0;margin:15px 0 20px 20px;font-family:arial;}
#ct-1 h2        { font-size:1.6em;margin:20px 0 10px 30px;padding:0 0 0 16px;background:url(img/css/3/h2.png) no-repeat 0px 50%;}
#ct-1 h3        { font-size:1.4em;margin:20px 0 10px 30px;padding:0 0 0 14px;background:url(img/css/3/h3.png) no-repeat 0px 40%;}
#ct-1 h4        { font-size:1.2em;margin:20px 0 10px 30px;padding:0 0 0 12px;background:url(img/css/3/h4.png) no-repeat 0px 50%;}
#ct-1 h5        { font-size:1em;margin:20px 0 10px 30px;padding:0px;}
#ct-1 p         { padding:8px 30px 8px 30px;text-align:justify;}
#ct-1 #titre    { padding:4px 0 12px 45px;background:url(img/css/3/ct_h1.png) repeat-y;}
#ct-1 a         { color:#68748F;text-decoration:underline;}
#ct-1 a:visited { color:#000;text-decoration:underline;}
#ct-1 a:hover   { color:#CB1313;}
#ct-1 a.top     { text-decoration:none;font-size:10px;position:absolute;bottom:14px;right:3px;color:#D1D1D1;}
#ct-1 a.top:hover { color:#fff;}

/* block  ct1 ct2 ---------------- */
.ct1             { width:720px;display:block;float:left;margin-bottom:8px;}
.ct2             { position:relative;left:80px;float:left;}
#ct-1 .ct1 p     { padding:8px 0;margin:8px 5px;}
#ct-1 .ct-txt p  { padding:8px 0;}

.ct1 .ct-acc     { margin:8px 25px 20px 45px;}
.ct1 .ct-acc ul  { margin:6px 0 10px 0px;padding:0 0 0 30px;}
.ct-acc .savoir  { margin:2px 0 2px 5px;clear:both;}

/* photo avec ombre ---------------- */
#ct-1 .ct-photo    { float:left;width:230px;padding:10px 0 30px 0;}
#ct-1 .ct-ph       { position:relative;top:0px;left:30px;float:left;}
#ct-1 .ph-o10      { position:absolute;height:19px;width:19px;
	           filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css/3/ct_pho10.png',sizingMethod='scale');}
.ct-ph>.ph-o10     { background:url(img/css/3/ct_pho10.png) no-repeat;}
#ct-1 .ph-o11      { position:absolute;height:19px;width:19px;
	           filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css/3/ct_pho11.png',sizingMethod='scale');}
.ct-ph>.ph-o11     { background:url(img/css/3/ct_pho11.png) no-repeat;}
#ct-1 .ph-o12      { position:absolute;height:19px;width:19px;
	           filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css/3/ct_pho12.png',sizingMethod='scale');}
.ct-ph>.ph-o12     { background:url(img/css/3/ct_pho12.png) no-repeat;}
#ct-1 .ph-o2       { position:absolute;height:19px;
                   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css/3/ct_pho2.png',sizingMethod='scale');}
.ct-ph>.ph-o2      { background:url(img/css/3/ct_pho2.png) repeat-x;}
#ct-1 .ph-o3       { position:absolute;width:19px;
                   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css/3/ct_pho3.png',sizingMethod='scale');}
.ct-ph>.ph-o3      { background:url(img/css/3/ct_pho3.png) repeat-y;}
#ct-1 .ct-ph img   { float:left;}
#ct-1 .ct-ph a     { float:left;}


/* texte---------------- */
.ct1 .ct-texte    { float:left;width:490px;margin-bottom:15px;}
.ct2 .ct-texte    { float:left;width:610px;margin-bottom:15px;clear:both;}

/* titre du film ---------------- */
#ct-1 .ct-film     { padding:14px 4px 26px 50px;margin:0 30px 0 0;font-size:1.4em;display:block;background:url(img/css/3/ct_h2.png) no-repeat 0 100%;}
#ct-1 .ct-film2    { padding:14px 4px 26px 50px;margin:10px 0 10px 0;background:url(img/css/3/ct_h2-2.png) no-repeat 0 100%;float:left;width:595px;position:relative;left:40px;}

/* descriptif du film ---------------- */

.ct1 .ct-inf      { position:relative;left:50px;width:440px;margin-bottom:20px;float:left;}
.ct1 .ct-inf ul   { list-style:none;margin:0;padding:0;width:200px;float:left;}
.ct1 .ct-inf li   { margin:0;padding:0;}
.ct1 .ct-inf ul.ct-inf2  { margin:0 28px 0 0;padding:0;font-size:0.8em;width:200px;float:right;}

#ct-1 .ct2  h3    { padding:0;margin:8px 0 2px 0;background:transparent;}
.ct2 .ct-inf      { border-top:1px solid #000;margin:0;padding:2px 0 0 0;float:left;}
.ct2 .ct-inf ul   { list-style:none;margin:0;padding:0  0 6px 0;width:400px;float:left;}
.ct2 .ct-inf li   { margin:0;padding:0;}
.ct2  li.ct-dv    { margin:8px 0 0 0;padding:0;}
#ct-1 li.ct-dv p  { margin:4px 0 0 0;padding:0;}
.ct2 ul.ct-inf2   { margin:0 0 0 0;padding:0;font-size:0.8em;width:200px;float:right;}

.ct-inf-bouton    { width:300px;float:left;margin:0 0 2px 0;}

#ct-1 a.savoir         { background:url(img/css/3/savoir.gif) no-repeat 0 2px;padding:4px 0 4px 24px;height:16px;margin-right:16px;text-decoration:none;}
#ct-1 a.savoir:hover   { background:url(img/css/3/savoir.gif) no-repeat 0 -98px;}
.ct-inf .savoir        { margin:4px 0;float:left;}

#ct-1 a.voirfilm       { background:url(img/css/3/voirfilm.gif) no-repeat 0 2px;padding:4px 0 4px 28px;margin-right:16px;text-decoration:none;}
#ct-1 a.voirfilm:hover { background:url(img/css/3/voirfilm.gif) no-repeat 0 -98px;}
.ct-inf .voirfilm      { margin:4px 0;float:left;}

#ct-1 a.titrefilm      { text-decoration:none;}

#ct-txt                { clear:both;margin:20px 0 10px 0;width:720px;}

/* picto photo, caméra, info+ du film ---------------- */
#ct-1 .ph      	      { padding:2px 29px 2px 0;background:url(img/css/3/pho.gif) no-repeat 100% 2px;margin:0 4px;text-decoration:none;}
#ct-1 .cam    	      { padding:2px 30px 2px 0;background:url(img/css/3/cam.gif) no-repeat 100% 0;margin:0 4px;text-decoration:none;}
#ct-1 .inf            { padding:2px 27px 2px 0;background:url(img/css/3/inf.gif) no-repeat 100% 0px;margin:0 4px;text-decoration:none;}
#ct-1 .ph:hover       { background:url(img/css/3/pho.gif) no-repeat 100% -36px;}
#ct-1 .cam:hover      { background:url(img/css/3/cam.gif) no-repeat 100% -36px;}
#ct-1 .inf:hover      { background:url(img/css/3/inf.gif) no-repeat 100% -36px;}		


#block-1d        { float:left;width:70%;margin-left:25%;}
* html #block-1d { display:inline;}
#block-2d        { float:left;width:0%;}
#block-3d        { float:left;width:120px;margin-left:-92%;}


