*{
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	background: #191919;
	/*background-image: url(../image/background_bleu.jpg);*/
	background-image: url(../image/box1.gif);
	background-repeat: repeat-x;
}
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;
color: #ffffff;
background-color: black;
}
.logo{
	float:left;
	width: 334px;
	height: 91px;
	background-color:#ffffff;
	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: 950px;
	margin: 0 auto;
	border-left: 1px solid #333333;
	border-right: 1px solid black;
}

#centre {
	color: white;
	margin-left: 212px;
	margin-right: 170px;
	min-height: 810px;
	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;
	height: auto;
	margin-left: 212px;
	margin-right: 170px;
	min-height: 450px;
	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_slide {
	color: white;
	height: 365px;
	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: 38px;
	padding-right: 38px;
}
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:145px;}
#centre_video {
	color: white;
	margin-left: 210px;
	margin-right: 170px;
	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;
}
#gauche {
	float: left;
	width: 200px;
	min-height: 810px;
	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: 10px;
	margin-left: 3px;
}
#droite {
	float: right;
	overflow: auto;
	width: 155px;
	min-height: 810px;
	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;
	text-align: center;	
}
#pied {
	clear: both;
	background-color: #404040;
	padding: 10px;
	min-height: 20px;
	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-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 de gauche*/
#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: 178px;
	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: 178px;
	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: 545px;
	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: 5px; /*distance autour du bloc*/
	bottom: 5px;
}

.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: 27px;
}

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

.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;
}
.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; }