@charset "utf-8";
/* CSS Document */

img {margin:0; padding:0; border:none;}

a { text-decoration: none; color:#000000;}
a:hover { text-decoration: underline;}
ul { list-style: none;}

a, div, p, h { font-family:Geneva, Arial, Helvetica, sans-serif; }
body { margin: 0; text-align: center; background: url(acf_back.jpg) no-repeat center top;}
#general {	
	margin: 0 auto;
    padding: 0;
	width: 776px;
	height: 950px;/*825px;*/
	text-align: left; /* on rétablit l'alignement normal du texte */
}

/*  --------------------------- Header ---------------------------------------------- */

#header{ 
	 height: 85px;
        overflow: hidden;
        position: relative;
        width: 776px;
	 /* the background logo is now here */
	 background:url(logo_back.png) no-repeat 97px 8px;
        /*background: url(logo_back.png) no-repeat 112px 8px;  fixes IE6 problem */
}
h1{
	float:left;
	color: #101492;
        margin: 0;
	padding: 55px 0 0 9px;
	width: 280px;
	line-height: 15px;
	font-size: 14px;
	font-weight:500;
	letter-spacing: 0.36em;
	color: #a10025;
	text-align:left;
    display:block;
}
#chip {
	height:90px;
	width:90px; 
	float:left;
    padding: 0;
	margin:0;
    display:block;
}

#language {
	float: right;
    text-align: right;
	width:130px;
	height:;
    padding-top: 6px;
}

#social-media {
	clear:right;
	float:right;
	margin-top:15px;
	text-align:right;
	width:130px;
}

.align{
padding:2px;
}

/*  ----------------------------- Menu ----------------------------------------- */

/* This is the menu without pop up submenus, you may get rid of it
#menuandsearch { width: 776px; position: relative; margin: 0; margin-bottom: 10px;
                  _margin-left: 15px;
                  padding-bottom: 10px; border-bottom: 1px solid #333; overflow: auto; }
#menuandsearch #menujj { padding: 0; margin: 0; }
#menuandsearch #menujj li { display: inline; text-align: center; }
#menuandsearch #menujj li a { float: left; width: 91px; text-align: center; height: 35px; line-height: 35px; margin-right: 2px; padding: 0; background:url(button_menu.png) 0 0 no-repeat; font-size:14px; text-decoration:none; color: #11236f; font-weight: 600;}
#menuandsearch #menujj li a:hover { float: left; width: 91px; text-align: center; height: 35px; line-height: 35px; margin-right: 2px; padding: 0; background:url(button_menu.png) 0 -35px no-repeat; font-size:14px; text-decoration:none; color: #fff; font-weight: 600;}
#menuandsearch #searchjj { width: 117px; position: absolute; top: 0; right: 0; }
*/
/*  ------------------------------- main bloc  ------------------- */

#mainbloc_one { 
	height: 155px;
	width: 776px;
    padding-left: 8px;
}

#anim {
	height: 155px;
	width: 776px;
}
 
#slideshow {
	float:left;
	height:155px;
	width:570px;
	font-size:14px;
	color: #a10025;
	letter-spacing: 0.07em;
	font-size: 11px;
	font-weight: 700;
}

#partner_text {
	text-indent: 10px;
	margin-top: 6px;
	width:90px; 
	float:left;
}

#anim_partner{
	float:left;
	margin-left: 10px;
	height:30px;
	width:451px;
}

#anim_formule {
	height: 120px;
	width: 550px;
	text-align:left;
	margin-bottom: 10px;
	margin-left: 1px;
	float: left;

} 	
 

#caption {
	float:left;
	color:#11236f;
	margin-right: 40px;
	width:198px;
	height: 12px;
	margin-top:3px;
}
 
#caption p{
	float: left;
	font-size:12px;
	height: 16px;
	width: 180px;
	text-align: left;
	margin-left: 8px;
	margin-bottom:0;
	margin-top:0;
}

#caption img{
	margin-right: 2px;
	vertical-align: middle;	
}

#caption a{
	vertical-align: middle;
	margin: 0;
	font-size: 10px;
	letter-spacing: 0.03em
}

#btn {
	float: right;
	width: 173px;
	height: 26px;
	margin: 5px 7px 2px 0;
	padding:0;
}

#btn input{
	margin-left:3px;
	line-height: 10px;
}

#btn_ins{
	float:left;
	width: 116px;
	height: 26px;
	
}

#btn_ins a{
	width: 116px;
	height: 20px;
	background: url(btnInscri_big.png) 0 0 no-repeat;
	display:block;
	font-weight: bold;
	text-align:center;
	color:#FFFFFF; 
	margin: 0;  
	font-size:14px;
	padding-top: 5px;
}

#btn_ins a:hover{ 
	text-decoration:none;
	background-position: 0 -24px ;
         color:#FFFFFF; 
   }


.login_submit {
	

}


a.desc
{
	text-align:center;
	color:#a10025;  
	font-size:14px;
	width:200px;
}

a.desc:hover{ 
	text-decoration:none;
   color:#a10025;  
   }


#buttonGojj {
	float: left;
	background: url(btnGo2.png) 0 0 no-repeat;
	height:25px;
	width:54px;
	padding:0;
	margin:0;
	border:0;
	cursor: pointer;	
}


#buttonGojj:hover {
	background: url(btnGo2.png) 0 -24px no-repeat;
	color:#FFFFFF; 
	cursor: pointer;

}
	
#register {
	float:right;
	padding: 0;
	height: 140px;
	width: 185px;
	margin-right: 15px;
        _margin-right: 4px;
}

#register h2 {
	font-size: 15px;
	text-align: left;
	margin:0 ;
	color:#11236f;
	text-indent: 3px;
	width:185px; 
	padding:0;
}


#register form {
	background-color: transparent;
	height: 115px;
	border: #ccc 1px solid;
	margin: 0;
	padding: 5px 0 0 0;
}

#registerName, #registerPassword {
	width: 104px;
	height: 20px;
	border: none;
	color:#999999;
	font-size: 11px;
	background: url(field.png) no-repeat top;
	text-align: center;
	font-size: 12px;
	margin: 0 ;
	padding: 2px 0 0 0;
	vertical-align: middle;
	float:left;
}


#welcome {
	font-size:12px;
	margin:5px 2px 0 2px ;
}

#alignment, #alignment2{  /*   alignment2 applies when  member logged in    */
	float:right;
	text-align: left;
	padding:0;
	vertical-align: middle;
	margin-right: 5px;
	width: 175px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#alignment div{
	width:70px;
	float:left;
	margin:0 0 0 0;
	color:black;
	font-size: 11px;
}

#alignment2 div {
	width:150px;
	font-size:12px;
	margin:0 0 0 0;
}

#alignment2 div img{
	vertical-align:middle;
}

#alignment2 div a{

}

/*  -------------------------------  colored 4 boxes ------------------------- */

#mainbloc_two {
	width: 767px;
	height: 170px ;
	font-size: 11px;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 0;
    padding-left: 0px;
	_margin-left:25px;
	
    
}

.box_four {
float: left;
text-align: left;
margin: 2px 0 0 0;
height:170px;
width:186px;
}

/*.box_four #ie_fix { padding: 0; margin: 0 15px 0 15px; height:90px; }*/

.justify { text-align:justify; }

.title1, .title2, .title3, .title4  {font-size: 12px; padding: 0; width:130px; height: 40px; font-weight: bold; text-align:center; }

.title1, .title2 { margin-left: 40px; }
.title3, .title4 { margin-left: 50px; }

#plus1, #plus2, #plus3, #plus4, #plus5, #plus6, #plus7 {
	float: right;
	padding:0 5px 0 0;
	text-align: right;
	height: 15px;
	
}

#plus1 {margin:1px 10px 0 0; }
#plus2 {margin:1px 3px 0 0; }
#plus3 {margin:1px 0px 0 0; }
#plus4 {margin:1px -6px 0 0; }


#plus1 a { color: #2a9c2a;  } 
#plus2 a { color: #582e59; }
#plus3 a { color: #2c94a6; } 
#plus4 a { color: #d07a06;}

/*  -------------------------------  end 4 boxes ------------------------- */


#slogan {
	float: left;
	color: #a10025;
	letter-spacing: 0.1em;
	text-align: center;
	width:776px;
	padding:10px 0 0 0;
	font-size:16px;
	
}

#forgotss  {
	color: #a10025;
	padding:0 5px 0 0;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 13px;
	
}

#forgotss  a{
	color: #a10025;
}



#slogan table {
	margin:0 auto 0 auto;
	padding:0;
}



#slogan a { 
	color: #a10025; 
	float: left; 
	margin-top:0;
	padding-top: 4px;
}


#promo {
	float: left;
	font-size: 11px;	
	margin-top: 22px;
	margin-left: 20px;
	letter-spacing: 0.07em;	
	text-align: center;
}

#promo p {
	margin: 0;
	padding: 0;
	height:20px;
}

#promo a{ color:#000000;}

marquee {
	margin:0 20px 0 0;

}

.red {	color: #a10025; }
.blue { color: #11236f; }


#slogan a:hover { text-decoration:underline;}

#inscri_btn { float: left; display: inline; overflow: hidden; width: 100px; height: 26px; padding-left: 10px; }

#inscri_btn a{ 
	margin-top:0;
	background: url(inscri_btn.png) no-repeat top;
	font-size: 11px;
	color:#000000;
	display:block;
	height: 20px;
	width: 100px;
	padding-top: 5px;
        color: black;
	font-weight: bold;
	border:solid 1px #ccc;   
 }

#inscri_btn a:hover { 
   text-decoration: none;
   background-position: 0 -27px ;
   color: #FFFFFF;
   border:solid 1px #ccc;  
  }
   
 
/*  ------------------------------- main bloc colored 3 boxes ------------------- */

#mainbloc_three {
	float: left;
	width: 776px;
	height: 163px ;
	margin-left:19px;
	margin-top: 46px;
	margin-bottom: 20px;
	font-size: 11px;
}

.three_box1, .three_box2, .three_box3  {
	float:left;
	width: 223px;
	height: 112px;
	margin: 0 27px 0 0;
	padding-top: 50px;
}

.three_box1 p, .three_box2 p, .three_box3 p {
	padding: 2px 0 0 28px ;
	width: 185px;
	height:60px;

}

#plus5 {margin: 12px 2px 0 0; }
#plus6 {margin: 12px 2px 0 0; }
#plus7 {margin: 12px 3px 0 0; }

#plus5 a{ color:#c63c32; }
#plus6 a{ color:#101492 ;}
#plus7 a{ color:#5c6330 ;}

/*  ------------------------------- footer ------------------- ------------------- */

.bookmark {
	text-align:center;
	margin-bottom:8px;
}

#footer {
	float: left;
	font-size:9px;
	color: #595858;
	line-height: 2em;
	text-align:center;
	width: 779px;
	padding-left: 18px;
	padding-top:6px;
	height: 90px;
	margin-top:0px;
}

.float { float:left; }

.bold { font-weight:bold; margin-bottom:5px;}

#footer div{ margin:6px 0 10px 0; }

#copyright { color: #a4a3a3; margin-bottom:10px; padding:0px;_padding-top:5px; }

#footer_label {
	text-align:center;
	margin:0 auto;
	overflow:hidden;
}

#footer_label a{

}

#footer_label img{ vertical-align:middle; margin:3px 3px 0 3px; }
/* 
  ------------------------------------
  PVII Menu CSS Express Drop-Down Menu
  by Project Seven Development
  www.projectseven.com
  ------------------------------------
*/
#menuwrapper { 
width: 776px;
position: relative;
margin: 0;
border-bottom: 1px solid #333;
display:block;
height: 45px;
}
#p7menubar { width: 651px; display:block; height: 35px;}
#p7menubar, #p7menubar ul { padding: 0; margin: 0; list-style: none; }
#p7menubar li span{ margin: 0; height:1px; width:2px; display: block; float:left; }
#p7menubar a { display: block; text-decoration: none; padding: 0; text-align:center; width:91px; font-size: 14px; color: #fff; line-height: 35px; color: #11236f; font-weight: 600; }
#p7menubar a.trigger { background: url(button_menu.png) no-repeat 0 0; }
#p7menubar a.trigger:hover { background-position: 0 -35px; color: #fff; }

#p7menubar li { float:left; width:91px; }
#p7menubar li { position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li { width: 89px;border: 1px solid #FFFFFF; }
#p7menubar ul li a { width: 88px;line-height: 15px;padding: 4px 0 4px 0; font-weight: 400; font-size: 11px; color: rgb(0, 0, 0); text-align:left;}
#p7menubar li ul li a { padding-left:5px;width:83px;display:block;}
#p7menubar li ul { position: absolute; display: none; background-color: #cccccc; }
#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a { color: #000000; }
#p7menubar li:hover ul, #p7menubar li.p7hvr ul { display: block; }
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a { color: #000; }
#p7menubar ul a:hover { background-color: #ff0000!important; color: #fff !important; }

#color1{ background-color: #ff0; }
#color2{ background-color: #cecece; }
#color3{ background-color: #00ff00; }

.clearit { clear: both; height: 0; line-height: 0; font-size: 0; }

#menuwrapper #searchjj { width: 117px; position: absolute; top: 0; right: 0; }

/* -------------------------- PVII Menu End ------------------------------ */


/*  ----------------------------- Search button ----------------------------------------- */

#btn_okjj {
	display: block;
	height: 16px;
	width: 24px;
	float: left;
	margin-top: 9px;
}

#btn_okjj a{
	font-size:10px;
	background: url(btnOk.png) 0 0 no-repeat;
	display:block;
	width:24px;
	height:16px;
	font-weight: bold;
        padding-left: 4px;
	padding-top: 3px;
}

#btn_okjj a:hover { 
	 text-decoration: none;   
	 background-position: 0 -18px ;
         color: #FFFFFF;
         text-decoration: none;
}

#btn_okjj a:active {
   background-position: 0 -17px ;
   color: #FFFFFF;
  text-decoration: none;
   }

#recherche{
       background: transparent;
	float: left;
        width: 87px;
	height: 18px;
	border: none;
	color:#999999;
	font-size: 11px;
	text-align: left;
	padding-top: 12px;
}
#align{
	float:right;
	font-size: 11px;
	text-align: left;
	color: #11236f;
	padding:0;
	vertical-align: middle;
}

#align img{
	margin: 8px 0px 0 5px;
}
#menuwrapper_holder{
_margin-left:23px;
}
#header{
_margin-left:23px;
}
#anim{
_margin-left:15px;
}
.ie6_fix{
margin:12px 0 0 10px;
padding:0 0 0 0;	
border:0px solid red;
width:170px;
height:100px;
display:block;
}
.ie6_fix1{
margin:12px 0 0 13px;
_margin:12px 0 0 15px;
padding:0 0 0 0;	
border:0px solid red;
width:170px;
height:100px;
display:block;
}
.ie6_fix2{
margin:12px 0 0 20px;
_margin:12px 0 0 20px;
padding:0 0 0 0;	
border:0px solid red;
width:170px;
height:100px;
display:block;
}
.ie6_fix3{
margin:12px 0 0 25px;
_margin:12px 0 0 22px;
padding:0 0 0 0;	
border:0px solid red;
width:170px;
height:100px;
display:block;
}


/*--------------- special -------------*/


.CAP_program {
	position: relative; top: 83px; right:127px;
}

#IEroot .CAP_program{
	top:85px;
}