*{
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
    background-color: #010005;
    background-image: url(../image/background_gris_large.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #FFCC33;
	font-size: 10px;
	text-decoration: none;
}

a:hover {
	color: #00AAFF;
	text-decoration: none;
}

.clear{
	clear:both;
}
.clearl{
clear: left;
}
p {
	margin-left: 2px;
}
.retrait {
margin-left: 3px;
}
/*
div p
{
text-align:justify;
}
*/
#header {
height: 100px;
background-color: #000007;
background-repeat:no-repeat;
background-position:center right;
background-image: url(../image/fond_header.png);
/*background-image: url(../image/fond_header.png);*/
}
.logo{
	float:left;
	width: 334px;
	height: 91px;
	background-image: url(../image/rlogo4.png);
}
.pub{
	margin-top: 15px;
	margin-left: 20px;
}
#haut {
height: 22px;
background-color: #DCF394;
}
#conteneur {
	color: #fffff0;
	background-color: #202020;
	/*background-color: #2a2a2a;*/
	width: 1000px;
	margin: 0 auto;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}

#centre {
	color: white;
	margin-left: 212px;
	margin-right: 170px;
	min-height: 864px;
	background-color: #191919;
	background-image: url(../image/box1.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #4c4c4c;
	border-right: 1px solid black;
	border-top: 1px solid #4c4c4c;
	border-bottom: 1px solid black;
	margin-top: 10px;
	margin-bottom: 10px;
}

#centre_index {
	color: white;
	min-height: 864px;
	margin-left: 212px;
	margin-right: 170px;
	min-height: 446px;
	background-color: #191919;
	background-image: url(../image/box1.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #4c4c4c;
	border-right: 1px solid black;
	border-top: 1px solid #4c4c4c;
	border-bottom: 1px solid black;
	margin-top: 10px;
	margin-bottom: 5px;
}

#centre_slide {
	color: white;
	height: 365px;
	position:relative;
	margin-left: 212px;
	margin-right: 170px;
	background-color: #191919;
	background-image: url(../image/box1.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #4c4c4c;
	border-right: 1px solid black;
	border-top: 1px solid #4c4c4c;
	border-bottom: 1px solid black;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 62px;
}
div#centre_slide h1 {
   font-family:Arial, Helvetica, sans-serif;
   font-size:24px;
   color:#EB2D2E;
   padding:0px;
   margin:0px;
  font-weight:normal;
  text-decoration:none;
}
div#centre_slide h1 a,
div#centre_slide h1 a:hover {font-size:18px;}
div#centre_slide a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#99cc00;
}
div#centre_slide a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
font-weight:bold;
text-decoration:underline;
}
div#centre_slide a: active,a: focus {outline:0;}
div#centre_slide font-family: Arial, Helvetica, sans-serif;{
font-size:11px;
padding:0px;
margin:0px;
font-weight:normal;
text-decoration:none;
}
#fpss-static-title {text-align:center;margin:20px auto;}
#fpss-container {background:#191919;position:absolute; top:25px;}
#centre_video {
	color: white;
	margin-left: 210px;
	margin-right: 215px;
	background-color: #191919;
	background-image: url(../image/box1.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #333333;
	border-right: 1px solid black;
	border-top: 1px solid #333333;
	border-bottom: 1px solid black;
	margin-top: 10px;
	margin-bottom: 10px;
}
#video {
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}
#centre_live{
	color: white;
	margin-left: 210px;
	margin-right: 172px;
	background-color: #191919;
	background-image: url(../image/box1.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #333333;
	border-right: 1px solid black;
	border-top: 1px solid #333333;
	border-bottom: 1px solid black;
	margin-top: 10px;
	margin-bottom: 10px;
}
div#centre_live h3{
   position: relative;
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #00AAFF;
	margin-left: 2px;
}
#centre_film_index{
	color: white;
	height: 410px;
	margin-left: 210px;
	margin-right: 172px;
	background-color: #191919;
	background-image: url(../image/box1.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #333333;
	border-right: 1px solid black;
	border-top: 1px solid #333333;
	border-bottom: 1px solid black;
	padding-left: 0px;
	margin-top: 10px;	
	margin-bottom: 10px;
	padding-top: 3px;
}
div#centre_film_index h3{
   position: relative;
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #00AAFF;
	margin-left: 2px;
}
#gauche {
	float: left;
	width: 200px;
    min-height: 864px;
	margin-top: 10px;
	background-color: #191919;
	background-image: url(../image/box1.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #333333;
	border-right: 1px solid black;
	border-top: 1px solid #333333;
	border-bottom: 1px solid black;
	margin-bottom: 5px;
	margin-left: 3px;
}
#droite {
	float: right;
	overflow: auto;
	width: 155px;
	min-height: 864px;
	margin-top: 10px;
	background-color: #191919;
	background-image: url(../image/box1.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #333333;
	border-right: 1px solid black;
	border-top: 1px solid #333333;
	border-bottom: 1px solid black;
	margin-right: 3px;
	padding-left: 2px;
    margin-bottom: 5px;
	text-align: center;	
}
#pied {
	clear: both;
	background-color: #404040;
	padding: 10px 10px 6px 10px ;
	min-height: 20px;
	background-image: url(../image/box5.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #333333;
	border-right: 1px solid black;
	border-top: 1px solid #333333;
	border-bottom: 1px solid black;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
.pied_inc{
	/*background: #121212;*/
	text-align: center;
	height: 20px;
	/*color: #666;*/
}
.info{
	border-left: 1px solid #333333;
	border-right: 1px solid black;
	border-top: 1px solid #333333;
	border-bottom: 1px solid black;
	width: 185px;
	margin-left: 5px;
	margin-bottom: 5px;
	text-align: center;
}
/*menu haut*/
#navcont ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url("../image/navBarBg.gif") repeat-x 20px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcont a
{
color: #000;
text-decoration: none;
display: block;
width: 117px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}

#navcont li#active {background: url("../image/navBarBgHover.gif")  repeat-x 20px; }
#navcont a:hover {background: url("../image/navBarBgActif.gif")  repeat-x 20px; }

/*--------------menu haut 2------------------------*/	
.menu_haut {padding:0 0 0 5px; margin:0; list-style:none; height:25px; background:#fff url(../image/menu_haut_fond.gif); position:relative; border:1px solid #000; border-width:0 1px 1px 1px; border-bottom-color:#444;}
/*.menu_haut {padding:0 0 0 5px; margin:0; list-style:none; height:25px; background:#fff url(../image/menu_haut_0.gif); position:relative; border:1px solid #000; border-width:0 1px 1px 1px; border-bottom-color:#444;}*/
.menu_haut li {float:left;}
.menu_haut li a {display:block; float:left; height:25px; line-height:23px; background:url(../image/menu_haut_0.gif); color:#fff; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 12px 0 12px; cursor:pointer;}
.menu_haut li a b {float:left; display:block; padding:0 12px 0 12px; background:url(../image/menu_haut_0.gif) right top;}
.menu_haut li.current a {color:#fff; background:url(../image/menu_haut_2.gif);}
.menu_haut li.current a b {background:url(../image/menu_haut_2.gif) right top;}
.menu_haut li a:hover {color:#fff; background:url(../image/menu_haut_1.gif);}
.menu_haut li a:hover b {background:url(../image/menu_haut_1.gif) right top;}
.menu_haut li.current a:hover {color:#fff; background:url(../image/menu_haut_2.gif); cursor:default;}
.menu_haut li.current a:hover b {background:url(../image/menu_haut_2.gif) right top;}
/*---------------menu gauche 2---------------------*/
.menu_gauche{
	width: 193px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #191919;
	border-size: 1px;
	border-width: 1px;
}

.menu_gauche ul{
	list-style-type: none;
	margin: 0 0 0 3px;
	padding: 0;
}
	
.menu_gauche li a{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	color: #fff;
	background: transparent url(../image//arrowgreen.png) 100% 0;
    height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 2px 0 6px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.menu_gauche li a:link, .menu_gauche li a:visited {
	color: FFFFFF;
}

.menu_gauche li a:hover{
	color: FFFFFF;
	background-position: 100% -32px;
}

	
.menu_gauche li a.selected{
	color: FFFFFF;
	background-position: 100% -64px;
}	

/*--------------menu de gauche 1----------------------------*/
#menugauche
{
	color: white;
	padding: 0 1px;
	margin-left: 5px;
	width: 185px;
	white-space: nowrap;
	font: normal 0.8em Verdana, sans-serif;
}


#menugauche li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#menugauche a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #606060;
border-width: 1px;
border-style: solid;
border-color: #c6c6c6 black #151515 white;
border-left: 1em solid #b1ff00;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#menugauche a#actuel { border-color: #c6c6c6 black #151515 #f30; }

#menugauche a
{
width: 99%;
/* Seulement nécessaire pour Internet Explorer */
}

#menugauche a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#menugauche a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}

#menugauche a:hover, #menugauche a#actuel:hover
{
background: #757575;
border-color: #2a2a2a #aaaaaa #bfbfbf #b1ff00;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#menugauche a:active, #menugauche a#actuel:active
{
background: #6a6a6a;
border-color: #2a2a2a #aaaaaa #bfbfbf aqua;
padding: 0.4em 0.35em 0.25em 0.9em;
}
/* Hack IE6 */
* html #navcontainer>#menugauche a
{
width: 185px;
/* only necessary if you use the hacks above for the Internet Explorer */
}
/*typo*/
h1{
	font-size:20px;
	font-weight:normal;
}
h2{
	font-size:18px;
	font-weight:normal;
}
h3{
	font-size:15px;
	font-weight:bold;
}
h4{
	font-size:12px;
	font-weight:bold;
	
}

div#centre h4{
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
   color: #ffcc33;
	margin-left: 2px;
}

div#centre h3{
   position: relative;
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #00AAFF;
	margin-left: 2px;
}

div#centre h2{
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #00AAFF;
	margin-left: 2px;
}

div#centre_index h4{
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
   color: #ffcc33;
	margin-left: 2px;
}

div#centre_index h3{
   position: relative;
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #00AAFF;
	margin-left: 2px;
}

div#centre_index h2{
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #00AAFF;
	margin-left: 2px;
}

div#droite h4{
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
   color: #ffcc33;
}

div#droite h2{
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #00AAFF;
}

hr_ancien{
color: #b1ff00;
background-color: #b1ff00;
height: 1px;
border: 0;
}
.hrligne{
display: none;
width: 569px;
height: 2px;
background-image: url(../image/box2.gif);
}
/*image*/
/*
img_iii

{

border-top-width: 0pt;
border-right-width: 0pt;
border-bottom-width: 0pt;
border-left-width: 0pt;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;

}
*/
img

{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccccdd;
	border-right-color: #ccccdd;
	border-bottom-color: #ccccdd;
	border-left-color: #ccccdd;
}

a:hover img
{
border-top-color: #ffcc33;
border-right-color: #ffcc33;
border-bottom-color: #ffcc33;
border-left-color: #ffcc33;

}



/*
.post {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12pt;
	display: block;
	float: left;
	height: 190px;
	width: 170px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 15px;
	padding-left: 5px;
	background-color: #191919;
	background-image: url(../image/box1.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #4c4c4c;
	border-right: 1px solid #000000;
	border-top: 1px solid #4c4c4c;
	border-bottom: 1px solid #000000;
	haslayout: -1;
}
*/
.post{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 190px;
	width: 195px;
	float: left;
	margin-right: 2px; /*5px avant modif ie6*/
	margin-bottom: 5px;
	margin-left: 5px;
	background-color: #191919;
	background-image: url(../image/box1.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #4c4c4c;
	border-right: 1px solid black;
	border-top: 1px solid #4c4c4c;
	border-bottom: 1px solid black;
	margin-top: 5px;
	text-align: center;
	padding-top: 2px;
}

.wcam{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 160px;
	width: 195px;
	float: left;
	margin-right: 2px; /*5px avant modif ie6*/
	margin-bottom: 5px;
	margin-left: 5px;
	background-color: #191919;
	background-image: url(../image/box1.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #4c4c4c;
	border-right: 1px solid black;
	border-top: 1px solid #4c4c4c;
	border-bottom: 1px solid black;
	margin-top: 5px;
	text-align: center;
	padding-top: 6px;
}

.agenda{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 597px;
	float: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 15px;
	padding-left: 5px;
	margin-left: 2px; /*5px avant modif ie6*/
	margin-right: 2px; /*5px avant modif ie6*/
	margin-bottom: 4px;
	margin-left: 5px;
	background-color: #191919;
	background-image: url(../image/box1.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #4c4c4c;
	border-right: 1px solid black;
	border-top: 1px solid #4c4c4c;
	border-bottom: 1px solid black;
	margin-top: 2px;
}

/* pagination*/

.pagination{
   /*clear: both;*/
	padding: 15px; /*distance autour du bloc*/
	bottom: 15px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 14px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 2px;
border: 1px solid #E0CC33;/*couleur bordure */
text-decoration: none; 
color: #E0CC33;/*couleur texte non selectionner*/
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2e6ab1;
color: #000;
background-color: #FFFF80;/*couleur link*/
}

.pagination a.currentpage{
background-color: #00AAFF;
color: #FFF !important;
border-color: #E0CC33;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

/***********************************************pagination webcam
/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.virtualpage, .virtualpage2, .virtualpage3{
	/*hide the broken up pieces of contents until script is called. Remove if desired*/
	display: block;
	width: 535px;
	padding-left: 55px;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 560px;
text-align: center;
padding: 2px 0;
margin: 30px ;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}
/*
.img_cam222
{
  margin: 3px;
  border: 1px solid #788FCD;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}
*/	
.img_cam{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
	margin-right: 2px; /*5px avant modif ie6*/
	margin-bottom: 2px;
	margin-left: 2px;
	background-color: #191919;
	background-image: url(../image/box1.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #4c4c4c;
	border-right: 1px solid black;
	border-top: 1px solid #4c4c4c;
	border-bottom: 1px solid black;
	margin-top: 2px;
	text-align: center;
	padding-top: 2px;
}
.centres {
   text-align: center
}

img.centre
{
display:block;
clear:both;
margin-left:auto;
margin-right:auto;
border-top-width: 0pt;
border-right-width: 0pt;
border-bottom-width: 0pt;
border-left-width: 0pt;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
}

div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 0px;
}
.cam_applet
{
width: 290 px;
/*padding-left: 27px;*/
}
/*form */
.img_form{
border-top-width: 0pt;
border-right-width: 0pt;
border-bottom-width: 0pt;
border-left-width: 0pt;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
}
div#content{
float: left;
clear: none;
margin-top: 5px;
margin-right: 0pt;
margin-bottom: 5px;
margin-left: 0pt;
min-height: 350px;
}	
.contact {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
}

.err {
color: #FF0000;
font-size: 16px;
font-weight:bold;
}

.img_agda{
float: left;
margin-right: 4px;
}
/*tag mot clef */
 
.tag_cloud { padding: 3px; text-decoration: none; }
.tag_cloud:link  { color: #81d601; }
.tag_cloud:visited { color: #019c05; }
.tag_cloud:hover { color: #ffffff; }
.tag_cloud:active { color: #ACFC65; }
/*bouton play video*/
.play {
	background:transparent url(../../image/play-video.png) no-repeat scroll 0pt 50%;
	cursor:pointer;
	color:#000000;
	display:block;
	height:52px;
	width:52px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	vertical-align:bottom;
	left: 72px; 
	top: 26px;
	opacity : 0.8;
	opacity : 0.8;
    -moz-opacity : 0.8;
	z-index:100;
}

.play_2 {
	background:transparent url(../../image/play-video-2.png) no-repeat scroll 0pt 50%;
	cursor:pointer;
	color:#000000;
	display:block;
	height:32px;
	width:32px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	vertical-align:bottom;
	left: 60px; 
	top: 23px;
	z-index:100;
}

.play_3{
	background:transparent url(../../image/play-video-2.png) no-repeat scroll 0pt 50%;
	cursor:pointer;
	color:#000000;
	display:block;
	height:32px;
	width:32px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	vertical-align:bottom;
	left: 44px;
   *left: 49px;/*hack ie 6 et 7*/
	top: 20px;
   *top: 32px;/*hack ie 6 et 7*/
	z-index:100;
}

.img_play{
display: block;
position:relative;
}