@charset "utf-8";
/* CSS Document */
body {margin:auto; background-color:#FFF;width:990px; font-family:Arial, Helvetica, sans-serif}
#header { background:url(../images/blog_head.jpg) no-repeat #fff; width:990px; height:270px;}
#centre { background:url(../images/blog_centre.jpg) no-repeat #fff; width:990px; height:597px; padding-left:60px;}
#centre_videos { background:url(../images/blog_centre_videos.jpg) no-repeat #fff; width:990px; height:597px; padding-left:60px;}
#centre_videos_long { background:url(../images/blog_centre_videos_long.jpg) no-repeat #fff; width:990px; height:897px; padding-left:60px;}
#centre_photos { background:url(../images/blog_centre_photos.jpg) no-repeat #fff; width:990px; height:597px; padding-left:60px;}
#centre_gauche {float:left; padding-top:10px; width:440px; }
.centre_gauche_ligne {height:140px; }
.centre_gauche_ligne_image {float:left; width:115px}
.centre_gauche_ligne_texte { float:right; vertical-align:bottom; padding-left:5px; width:320px; color:#707070; font-size:11px;}
.centre_gauche_ligne_texte_titre {color:#F00;font-size:14px;}

#centre_droite {float:left; padding-left:50px; padding-top:70px; width:440px; }
#centre_droite_image {float:left;}
#centre_droite_texte { color:#FFF; font-size:18px; width:200px; float:left; padding-top:70px; padding-left:10px; text-transform:uppercase; letter-spacing:-1px}

#centre_gauche_videos {float:left; padding-top:30px; width:440px; }
.centre_gauche_ligne_videos {height:150px; }
.centre_gauche_ligne_image_videos {float:left; width:115px}
.centre_gauche_ligne_texte_videos { float:left; vertical-align:bottom; padding-left:5px; width:320px; color:#707070; font-size:11px;}
.centre_gauche_ligne_texte_titre_videos {color:#F00;font-size:12px;}

.afficheMessage {color:#F00;font-size:10px;}

#centre_droite_videos {float:left; padding-left:50px; padding-top:70px; width:440px; }
#centre_droite_image_videos {float:left;}
#centre_droite_texte_videos { color:#FFF; font-size:18px; width:200px; float:left; padding-top:70px; padding-left:10px; text-transform:uppercase; letter-spacing:-1px}

/* galerie */


.pikachoose{width:480px; }

/* This is the ul you have all your images in */

.pikachoose ul{padding-left:0;width:480px;height:480px;overflow:hidden;}

.pikachoose ul li{display:inline;float:left;background:#777;margin:1px;position:relative;overflow:hidden;}

.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */

.pika_main{width:480px;height:480px;display:block;position:relative;}

/*sine we give it the fake border, you need to position the image a little. */

.pika_main_img{position:absolute;top:0;left:0;}

.pika_back_img{position:relative;top:0px;}

.pika_subdiv{position:relative;}

.pika_subdiv img, .pika_subdiv a img{border:none;}

.pika_caption{}

.pika_caption a{color:white;}



.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}

.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}

.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}



.pika_navigation a{font-size: 12px; text-decoration: none;}

.pika_navigation a:hover{text-decoration: underline;}

.pika_navigation{padding-top:10px;clear:both;text-align:center;}



/* if you want to 'hide' these jus make their height and width 1px */

.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}

.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}