/*initialisation*/
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	outline: none;
}

img
{
	border : none;
}


/*------------------------- mise en page globale ---------------------------------------------------*/
body
{
     background-image:url(aa-imagesdesign/bg.gif);
     background-position:top left;
     background-repeat:repeat-x;
     background-color:#14202C;
     font-family: helvetica, arial, sans-serif;
     width:100%;
     margin:0;
     padding:0;
}

/*------------------------ mise en forme générale ------------------------------------------------*/
h5 {
     font-size: 14px;
     color: white;
     line-height: 14px;         /* interlignage agreable */
     margin: 0;
     padding: 12px 0 10px 10px;
   }

h1, h2, h3, h4, h6 {
     color: white;
     line-height: 14px;         /* interlignage agreable */
     margin: 0;
     padding: 14px 0 10px 0;
    }

/*-------------------------- gabarit des pages ----------------------------------------------------*/
div#container{width:1000px;margin:0;padding:0;text-align:left;}
div#header{position:relative;margin:0;padding:0;}
div#pub {height:90px;margin:0;padding:0;background: transparent url(aa-imagesdesign/headerimage.png) no-repeat;}
div#entete {height:30px;margin:0; width: 997px;padding:0;background: #FFF; }
div#log {height:90px;margin:0; padding:0; float:left; width:20px;}
/*-------------------------- banque de gabarits en fonction du contenu -----------------------------*/
/*-------------dispo page index ------------------------------------------------------*/
div#basgauche01{float:left;width:324px; height:470px;margin:0;padding:0;/*background:red;*/}
div#bascentre01{float:left;width:376px; height:470px;background:#FFF;}
div#basdroit01{float:left;width:297px; height:470px;background:transparent;color:white;}
.indexannonces{height:230px;}
.indexautoemissions{float:left;height:240px;background: yellow;}
/*-------------dispo page contact ----------------------------------------------------*/
div#basdroit{float:left;width:618px; height:470px;background:#FFF;margin:0;padding-left:55px;}
p#send_mail_e{ margin-bottom:20px;padding-top:15px;}
#nom {width:400px;}
#adressemail {width:400px;}
#subject{width:400px;}
/*------------dispo zone diffusion et emissions ---------------------------------------------------*/
div#basdroit03{float:left;width:633px; height:470px;background:transparent;margin:0;padding:0;}
div#bascentre03{float:left;width:40px; height:470px;background:#FFF;margin:0;padding:0;}
.carte {float:left;width:638px; height:308px;background:transparent;margin:0;padding:0;}
.carteflash {float:left;width:447px;}
.cartecommentaire {float:left;width:191px;}
.cartebox {
     float: left;
     width: 610px;
     margin: 10px 0 5px 10px;
     padding: 5px;
     height: 110px;
     color: #fff;
     font-size: 0.8em;
     background-color: #7f7f9c;
     	-moz-border-radius: 6px;       /*     pour les navigateurs à base de gecko  (firefox)*/
	-webkit-border-radius: 6px;
	-webkit-border-top-left-radius: 6px;       /*     pour (chrome) */
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-radius: 6px;     /* pour les navigateurs à base de khtml (safari, konqueror) */
        border-radius: 6px;
}
.box {
   float:left;
   font-size: 0.9em;
   margin-left:40px;
}
/*-----------dispo pour pub et equipe -------------------------------------------------------------*/
div#basgauche05{float:left;width:40px; height:470px;background:#ffffff;margin:0;padding:0;}
div#basdroit05{float:left;width:596px; height:470px;background:transparent;margin:0;padding:0;}
div#basdroit055{float:left;width:37px; height:470px;background:#ffffff;margin:0;padding:0;}
.pubentete {width:100%; height:100px;background:transparent;margin:0;padding:0;}
.pubentete01 {float:left;width:20%; height:100px;background:#4f5667;margin:0;padding:0;}
.pubentete02 {float:left;width:80%; height:100px;background:#4f5667;margin:0;padding:0;}
.pubentete03 {float:left;width:100%; height:180px;background:#25313d;margin:0;padding:0;}
.pubentete04 {float:left;width:100%; height:190px;background:transparent;margin:0;padding:0;}
.pubentete04p {float:left;width:450px;font-size:12px;}
.pubentete04pp{width:150px;float:left;font-size:12px;}
.pubentete04pp img.image {width:100px;height:75px;}
.pubentete04_p{height:80px;}
.pubentete04_p div{width:175px;float:left;}
.lien_ligne{color:#fec939;}
.lien_ligne:hover{background:transparent;}
.equipe01 {float:left;width:100%; height:100px; background:#4f5667;margin:0;padding:0;}
.equipe02 {float:left;width:100%; height:320px;background:#25313d;margin:0;padding:0;}
div#content01 {line-height:1.4; height:400px;}
div#content02 {line-height:1.4; height:250px;background: green;}
div#content03 {clear:both;width:100%;line-height:1.4; height:200px;background: green;}
div#basgauche{float:left;width:470px; height:150px;/*background:red;*/}


div#footer{clear:both;width:100%;height:10px;background: transparent;color: #FFF}

/*--------------------------- css pour les logos a gauche -------------------------------*/
/*-----logo de canal32-------*/
.logo {
      float: left;
      background-color: transparent;
      background-image:url(aa-imagesdesign/log-bg2.gif);
      width: 100%;
      height: 100px;
}
.logo_image {
      float: left; 
      margin: 0 6px 6px 0;
      padding: 0;
}
/*----TO DO a repositionner  pour le logo canal32 sport ---------*/
.logo2 {
      float: left;
      background-color: transparent;
      background-image:url(aa-imagesdesign/log-bg2.gif);
      width: 100%;
      height: 90px;

}
/*----fenetre pour l'affichage des 3 images tv(reception) contact plan ----*/
.logo3 {
      float: left;
      background-color: transparent;
      margin-top: 10px;
      width: 100%;
      height: 120px;

}
/*----fenetre pour le positionnement des guides infos --*/
.logo34 {
      float: left;
      background-color: transparent;
      margin-top: 10px;
      width: 100%;
      height: 30px;

}

	 .dmcontent_body {
	  /*border-left:1px solid #d4d0c8;*/
	 overflow-y: auto; 
	 text-align: left;
	 font-family: helvetica, arial, sans-serif;
	 line-height: 16px;
	 font-size: 12px;
	 margin-left: 0;
	 margin-right: auto;
	 width: 320px;
	 height: 96px;
	 color: #222222;
	 background-image:url(aa-imagesdesign/log-bg2.gif);
	 	 }
	 
	 .dmcontent_body a:hover 
	 {
	 text-decoration:underline;
	 }
	 .dmcontent_link 
	 {
	 color: #dddddd;
	 text-decoration:none;
	 }
/*----positionnement de chacun des elements dans logo3 (reception, contact, plan)--*/
.logo31 {
      float: left;
      background-color: transparent;
      margin-top: 10px;
      width: 33%;
      height: 120px;

}

.logo32 {
    float: left;
    background-image:url(aa-imagesdesign/log-bg2.gif);
    margin-top: 30px;
	color : white;
	font-size : 13px;
	
	width : 100%;
	height : 100px;
}

#entete_coordonnees {
	margin-top : 5px;
	margin-left : 20px;
	margin-bottom : 5px;
	
	font-size : 16px;
	font-weight : bold;
	color : #fec939;
}

#coordonnees {
	margin-left : 40px;
}

.texte_pressentation {
	font-size : 110%;
}

.adresse {
	text-indent : 58px;
}
/*----positonnement d'un div SOUS de div.logo3 c'est à dire les images contact, plan,...utilisé pour la page reception---*/
.logo4 {
      float: left;
      background-color: transparent;
      margin-top: 10px;
      width: 100%;
      height: 100px;
}
/*----positionnement div pour canal 32 sports --*/
.logo55
{
	float : left;
	margin-top : 0px;
	background : url( 'aa-imagesdesign/canal32sports_illustration.gif' ) bottom no-repeat;
	width : 100%;
	height : 100px;
}
.logo5 {
      float: left;
      margin-top:10px;
      background : url( 'aa-imagesdesign/canal32sports_illustration.gif' ) bottom no-repeat;
      width: 100%;
      height: 140px;
}
/*----utile pour la mise en forme de l'ensemble des fenetres logo surtout les textes--*/
.logo_texte1 {
      font-size: 0.8em;
      color: #fff;
      padding: 10px;

}

.logo_texte4 {
      font-size: 0.8em;
      color: #fff;
      margin: 0px 10px 10px 10px;
      padding: 0;

}

.logo_texte2 {
      background-image:url(aa-imagesdesign/arrow.gif);
      background-repeat:no-repeat;
      background-position: 0 0 0 0;
      background-position: 0 !important;
      font-size: 0.6em;
      color: #fec939;
      text-indent: 20px;
      float: left;
}

.logo_texte3 {
      background-image:url(aa-imagesdesign/arrow.gif);
      background-repeat:no-repeat;
      background-position: 0 0 0 0;
      background-position: 0 !important;
      font-size: 0.8em;
      font-weight: bold;
      color: #fec939;
      text-indent: 20px;
      float: left;
}
/*----------------------------- elements de deco --------------------------------------------------------*/
/*---------------------------- utilise pour l actu du jour sur index.php et utilisable pour les autres pages-*/

.lien {
      color: #fec939;
      text-decoration: none;
}

.bleuclair {
      background-color: #25313d;
      padding-left: 20px;
      font-size: 0.9em;
      color: #fff;

}

.bleuclair_2 {
      background-color: #25313d;
      padding-left: 0px;
      font-size: 0.9em;
      color: #fff;

}

.bleufonce {
      background-color: transparent;
      padding-left: 20px;
      font-size: 0.8em;
      color: #fff;
	padding-right : 5px;
}

.bleuclair2 {
      background-color: #25313d;
      padding-left: 20px;
      font-size: 0.8em;
      color: #7f7f9c;
      text-indent: 20px;

}

.bleuclair2_2 {
      background-color: #25313d;
      padding-left: 0px;
      font-size: 0.8em;
      color: #7f7f9c;
      text-indent: 20px;

}

.bleufonce2 {
      background-color: transparent;
      padding-left: 20px;
      font-size: 0.8em;
      color: #7f7f9c;
      text-indent: 20px;

}

.bleufonce2_2 {
      background-color: transparent;
      padding-left: 0px;
      font-size: 0.8em;
      color: #7f7f9c;
      text-indent: 20px;

}
/*----------------------------- formulaire --------------------------------------------------------------*/
.contenu_gaucheform {
     float: left;
     width: 580px;
     margin: 0;
     padding: 0;
     height: 400px;
     background-color: #7f7f9c;
     	-moz-border-radius: 6px;       /*     pour les navigateurs à base de gecko  (firefox)*/
	-webkit-border-radius: 6px;
	-webkit-border-top-left-radius: 6px;       /*     pour (chrome) */
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-radius: 6px;     /* pour les navigateurs à base de khtml (safari, konqueror) */
        border-radius: 6px;
}
                                      /* détails pour le formulaire contact */
.form {
     padding: 0 0 6px 6px;
     font-size: 12px;
}
.submit {
     width: 100px;
     font: 12px verdana;
     color: #ffffff;
     overflow: hidden;
     margin-bottom: 1em;
     padding: 9px 11px;
     border-width: 1px 0;
     border: 1px solid #7f7f9c;
     border-right: 1px solid #7f7f9c;
     background: #7f7f9c url(aa-imagesdesign/blockdefault.gif) center center repeat-x;
}

.submit:hover {
     background: #fe7900 url(aa-imagesdesign/blockactive.gif) center center repeat-x;
}

/*----------------------------- personnalisation lecteur dailymotion ------------------------------------*/


#play_button {
background-image: url(aa-imagesdesign/logo-canal32gris.png);
width: 150px;
height: 150px;
}
/*
#wall_container {background-color: #FFF;}
#player_container {background-color: #FFF;}
.thumbnail {background-color: #FFF;} */

/*----------------------------- definitions des bordures arrondies------------------------*/
/*-2bords arrondis uniquement pour afficheur video index-*/
dl.top_rgt2 {background:#7f7f9c url(aa-imagesdesign/c_tlwhite.gif) top left no-repeat; margin:0 22px 0 22px; padding:0; float:left; margin-right:10px; width:335px; display:inline;}
dl.top_rgt2 dt {background:transparent url(aa-imagesdesign/c_trwhite.gif) top right no-repeat; padding:10px; text-align:center; font-weight: bold; color:#fff;}

/*-pas arrondis-*/
dl.top_no {background-color:transparent; margin:0; padding:0; float:left; margin-right:0px; width:100%;display:inline;margin-bottom:7px;}
dl.top_no dt {background:#7f7f9c; padding:10px; text-align:center; font-weight: bold; color:#fff;}

/*-2bords arrondis-*/
dl.top_rgt {background:#7f7f9c url(aa-imagesdesign/c_tlwhite.gif) top left no-repeat; margin:0; padding:0; float:left; width:100%; display:inline;}
dl.top_rgt dt {background:transparent url(aa-imagesdesign/c_trwhite.gif) top right no-repeat; padding:10px; text-align:center; font-weight: bold; color:#fff;}

/*-bord gauche arrondi-*/
dl.top_rgt3 {background:transparent; margin:0; padding:0; float:left; width:100%; display:inline;}
dl.top_rgt3 dt {background:#7f7f9c url(aa-imagesdesign/c_tlwhite.gif) top left no-repeat; padding:10px; text-align:center; font-weight: bold; color:#fff;}
dl.top_rgt3 dd {margin-left : 7px;}

/*-bord droit arrondi-*/
dl.top_lft {background:transparent url(aa-imagesdesign/c_bl.gif) bottom left no-repeat; margin:0; padding:0; float:left; margin-right:0px; width:100%;}
dl.top_lft dt {background:#7f7f9c url(aa-imagesdesign/c_tr.gif) top right no-repeat; padding:10px; text-align:center; font-weight: bold; color:#fff;}
dl.top_lft dd {background:transparent url(aa-imagesdesign/c_br.gif) bottom right no-repeat; padding:0; margin:0;}