body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
/*
reglage par defaut de certain regle comme pas pde bordure autour des images qui sont dans une balise a

*/
a img
{
border-width : 0px;
border-style : none;
}
.piedpage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	vertical-align: bottom;
}

/*
 style pour le menu du bas
 == style de .piedpage
 */
 #menu_bas a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}

.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
	text-decoration: underline;
}
/*
style pour le menu du haut
 == .menu
*/
#menu_haut a
{
font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
	text-decoration: underline;
}
.fond {
	background-image: url(/elmt/clap_fond.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.ass_top {
	background-image: url(/elmt/clap_inscript_top.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 62px;
	width: 293px;
}
.ass_mid {
	background-image: url(/elmt/clap_inscript_mid.gif);
	background-repeat: repeat-y;
	background-position: center center;
	height: 8px;
	width: 293px;
    padding-left:20px;
	padding-right:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF0078;
	margin-left: 75px;
	text-align: justify;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
}

.ass_mid option
{ 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF0078;
	
}
/* style pour que les texte des selecteur dans firefox marche aussi */
.ass_mid select
{ 
font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF0078;
	width:170px;
	
}

/* regle la couleur du lien pour s'incrire  */
.ass_mid .link 
{
  color: #FF0078;
}
.ass_bot {
	
	background-image: url(/elmt/clap_inscript_bot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 29px;
	width: 293px;
}
.txt_base {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-align: justify;
	margin-left: 45px;
	margin-right: 25px;
	margin-top: 30px;
}
.txt_base  p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-align: justify;
}
.nl_top {
	
	background-image: url(/elmt/clap_letter_top.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 74px;
	width: 228px;
}
.nl_mid {
	
	background-image: url(/elmt/clap_letter_mid.gif);
	background-repeat: repeat-y;
	background-position: center center;
	height: 8px;
	width: 228px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ae8e03;
	margin-left: 73px;
	text-align: left;
	
}
.nl_mid .cont
{
    padding-left:24px;
}
/*
styles des champs texte de l'encart clap letter
 une bordure noir et une largeur de 115px pour que l'image go rentre a coté
 228 de large - 35 de padding - 74 pour largeur de l'image = 154-35 = 119 
 
*/
.nl_mid input 
{
  border : 1px solid #000000;
  width : 115px;
  margin:auto 0px;
  display:inline;
}
/*
cache la bordure des champs caché dans firefox
*/
.nl_mid input[type="hidden"]
{
  border : 0px none #000000;
}
/*
regles les marges de l'images a 0
*/
.nl_mid  img {
  margin: 0px;
}
/*
regle les marges du formulaire a 0
*/
.nl_mid form
{
  margin:0px;
  padding:0px;
}
/*
cache les bordures des fieldset et regle les marche a 0
*/
.nl_mid fieldset
{

  border: 0px none #FFFFFF;
  margin:0px;
  padding:0px;
}
.nl_bot {
	
	background-image: url(/elmt/clap_letter_down.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 29px;
	width: 228px;
}
.nl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ae8e03;
}
.actu_top {
	
	background-image: url(/elmt/clap_actu_top.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 72px;
	width: 283px;
}
.actu_mid {
	background-image: url(/elmt/clap_actu_mid.gif);
	background-repeat: repeat-y;
	background-position: center center;
	height: 8px;
	width: 293px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #73be1e;
	text-align: justify;
	padding-left:30px;
	padding-right:20px;
}
/*
lien dans les encart actu
*/
.actu_mid .link
{
	color: #73be1e;
}
.actu_bot {
	
	background-image: url(/elmt/clap_actu_bot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 283px;
}
.jy_top {
	
	background-image: url(/elmt/clap_jy_top.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 74px;
	width: 301px;
}
.jy_mid {
	
	background-image: url(/elmt/clap_jy_mid.gif);
	background-repeat: repeat-y;
	background-position: center center;
	height: 8px;
	width: 293px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #0887bf;

	padding-left:30px;
	padding-right:20px;
}
/* 
 
*/
.jy_mid .link 
{
color: #0887bf;
}

/*
style de l'image
*/
.jy_mid .vignette
{
border: 2px solid #0887bf;
}
/*
suppression border sur les fleches 
*/

.jy_mid a  img
{
border: 0px none #0887bf;
}

.jy_bot {
	
	background-image: url(/elmt/clap_jy_bot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 24px;
	width: 301px;
}
.com_top
{
	background : transparent  url(/elmt/clap_next_top.gif) no-repeat left top;
	height:69px;
	padding-left:63px;
	vertical-align:bottom;
	text-align:left;
    color : #FF9900;
    font-weight:bold;
    font-size:12px;
    font-family: arial;
		text-decoration: underline;
}

.com_mid
{
	
  background : transparent  url(/elmt/clap_next_mid.gif) repeat-y left top; 
  color : #FF9900;
  font-size:12px;
  font-family: arial;
  	padding-left:25px;
	padding-right:15px;
}

.com_mid .link
{
	
   color : #FF9900;
   font-size:12px;
   font-family: arial;
}
.com_bot
{
  background : transparent  url(/elmt/clap_next_bot.gif) no-repeat -3px 0px;
}

.com_titre
{
color : #FF9900;
font-weight:bold;
	text-decoration: underline;
}
.com_fond_illus
{
background: transparent url(/elmt/clap_next_fd.gif) no-repeat left center;
width:151px;
height:100%;
}