/* ===================================================================
   BODY
   ================================================================== */

* {
	margin: 0 auto; 
	padding: 0;
}
body{
	margin: 0 auto;
	font-size: 12px; 
	font-family: Arial, Sans-Serif; 
	font-weight:normal;
	line-height: 18px; 
	color:#626262;
	text-align:justify;

	/*text-justify:distribute;*/

}

/*	-------------------------------------------------------------
	Fonts
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

h1,h2,h3,h4,h5,h6{
font-family:Georgia;
font-weight:normal;
 }

h1 {
font-size:36px; 
font-style:normal; 
color:#fff; 
line-height:52px;
overflow:visible;
}

h2 {
font-size:23px; 
line-height:30px;
font-style:normal;
color:#bdde91;
}
h3{
font-size:16px;
color:#2d2d2d;
letter-spacing:2px;
}
h4{
font-size:17px; 
font-style:italic;
color:#595959;
}
h5{
font-size:13px; 
font-style:italic;
color:#697189;
}
h6{
font-size:17px; 
color:#010723;
}
p  {
font-size:12px;
line-height:18px;
color:#595959;
}
p  span{
font-size:20px; 
font-weight:bold;
}
.banner p  {
font-size:12px;
line-height:18px;
color:#9ea0a7;
}
.banner p  span{
font-size:12px;
font-weight:normal;
color:#7ca21a;
}
.banner h2 span {
font-size:26px; 
font-style:italic; 
color:#fff; 
line-height:30px;
overflow:visible;
}
.HowTo {
font-size:33px;
line-height:40px;
font-family: georgia;
color:#80a81a; 
font-style:italic;
}

.intro{
font-size:5px;
color:#FFF;
}


#footer,.BoxContent p, label,.button{font-size:11px;}
.form {font-size:11px;color:#33addb;font-style:normal;font-family:tahoma;}
select{font-size:11px;font-family:arial;}


/*	-------------------------------------------------------------
	Asset - rESSET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.left {float:left;}
.leftmargin {float:left;margin-right:40px;}
.right {float:right;}
.clear {clear:both;} 
img { border:none;} 
div.hr { height:2px; margin:10px 0; padding:0; background: url(../images/hr.gif) repeat-x scroll center;}
*+html div.hr { margin:10px 0; }
*html div.hr { margin:2px 0; }
.block ul {font-size:11px;}
.block-qui ul,.block ul,.BoxContent ul { list-style-type:none;padding:0 15px; }
.block-qui ul li, .block ul li , .BoxContent ul li{ list-style-image: url(../images/arrow.gif);}

/*	-------------------------------------------------------------
	Links
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


a {outline:none; text-decoration:none; color:#626262; }
a:hover, .block a:hover ,.blockmiddle a:hover ,.product a:hover ,.link a:hover, .BoxContent ul li a:hover{ color:#7ca21a;}
.block a, .blockmiddle a, .product a {font-family: georgia;color:#626262;font-style:italic;font-weight:bold;}
.link a{color:#010723;}
 .BoxContent ul li a{color:#626262;}
/*	-------------------------------------------------------------
	Page
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#page{width:960px; height:100%; margin:0 auto; padding:0;}
#header{height:77px;}
.logo{top:20px;position:absolute;}

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

#menu{
float:right; 
padding:0px 0 0px 0;
margin:40px 0 0 0;
}
#menu li { 
float:left;
text-align:left;
color:#5c5c5c; 
display:inline;
list-style:none; 
/*display: block;*/
padding:10px 4px;
}
#menu a {
text-decoration:none;
font-family:Georgia;
font-weight:normal;
font-size: 14px; 
color:#5c5c5c;
padding:10px 8px;
}
#menu li  a:hover {
color:#162a81; 
background-color:#b5e932;
}
#menu  li  a.current {
color:#162a81; 
background-color:#b5e932;
}


/*	-------------------------------------------------------------
	Banner
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*commun*/
.banner, .banner-small {position:relative;width:960px;background-color:#010723;}
.bannerIMG, .bannerTXT,.ban, .banner-smallTXT, .banner-howto , .banner-howto2{position:absolute;}

.green {position:relative;width:960px;background-color:#72b220;}

/*big banner*/
.banner{height:330px;}
.bannerIMG{z-index:1;}
.bannerTXT{top:20px;left:420px;right:40px;z-index:2;}


/*Small banner*/
.banner-small{height:110px;}
.banner-smallTXT{top:10px;left:20px;}
.banner-howto{top:30px;left:350px;}
.banner-howto2{top:30px;left:650px;}
.banner-howto p, .banner-howto2 p{position:absolute;color:white;top:0px;left:60px;width:200px;}

/*banner - gif swf */

.ban{height:90px;position:relative;width:960px;}
.ban-img{top:10px;left:20px;position:absolute;}
.ban-menu{top:60px;left:120px;position:absolute;width:360px;}
.ban-titre{top:10px;left:450px;position:absolute; border: 1px solid #ccc;}
.ban-img h2,.ban-titre h2{position:absolute;color:#010723;top:10px;left:100px;width:400px;}


/*	-------------------------------------------------------------
	Block - Homepage
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.block{
width:270px;
height:auto; 
padding:10px 40px 10px 0px;
float:left; 
display:inline;
overflow:hidden; 
background:#fff url(../images/bgproduit.gif) no-repeat right top;
height:auto;
}
.blockmiddle{ 
width:270px;
height:auto; 
margin:10px 35px 0px 30px;
float:left; 
display:inline;
overflow:hidden; 
}
.blocklast{ 
width:300px; 
height:auto;
float:right; 
display:inline; 
overflow:hidden; 
}

/*	-------------------------------------------------------------
	Block - 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.block-mailling, .blocklast-mailling{
width:295px;
float:left; 
background:#f7f7f7 ;
border:1px solid #010723;
height:auto;
margin-bottom:20px;

}
*+html .block-mailling, *+html .blocklast-mailling{ max-height:391px;}
*html .block-mailling, *html .blocklast-mailling{ max-height:387px;}

.block-mailling{margin-right:33px;}
.blocklast-mailling{ margin-right:0px;}
.pad img{padding:10px;height:325px; width:270px;}



/*	-------------------------------------------------------------
	Block - 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.block-qui{width:610px;height:auto; padding:10px ;float:left;}
.tab tr td{padding:10px;}
.product{padding:20px;}



/*	-------------------------------------------------------------
Formulaire - Input , Textareas,  etc
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


.tabform tr td{padding:5px;}
label{display:block;padding-bottom:3px;}
label.inline{display:inline;}	
textarea, iframe {overflow:auto;}
textarea{line-height:1.5em;width:100%;height:120px;font-size:10px;
}	
.input-small, .input-medium, .input-big, .input-flex,  textarea{padding:3px;border:1px solid #c8c8c8;background-color:#fff;color:#333;}

.input-small{width:120px;}
.input-medium{width:220px;} 
.input-big{width:280px;} 
.input-flex{width:70%;}

.button{border:none;background-color: transparent;padding:0;color:#626262;cursor:pointer;}
.button:hover{padding:0;color:#030e33;}



	

/*	-------------------------------------------------------------
	BOX LOGIN - INSCRIPTION AFFILIES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



.BoxTop{
background: url("../images/box_top.gif") no-repeat right bottom;
height:10px;
width:295px;
margin:0;
position:relative;
}
.Box{
background: url("../images/box_mid.gif") repeat-y right top;
height:auto;
width:295px;
margin:0;
padding:0;
/*min-height:400px;*/
}
.BoxBottom {
background: url("../images/box_bot.gif") no-repeat right top;
height:8px;
width:295px;
padding:0px;
padding-bottom:20px;
float:left;
}


.BoxContent {padding: 10px 30px 20px 30px;} 



/*	-------------------------------------------------------------
	FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


#footer{
width:960px; 
padding:5px 0 0 0;
margin:0 auto; 
text-align:center;
}

#footer a.col {color:#7ca21a;}

.hrFoot {
border-bottom:1px solid #eaeaea;
border-left:none;
border-right:none;
border-top:none;
margin:10px 0; 
padding:0;
}




.somediv{
width: 920px;
clear: left;
overflow: hidden;
background:#f7f7f7; padding:20px;margin-bottom:20px;
}

.somediv .floatbox{
float: left;
width: 600px;

}
.somediv .floatbanner{
float: left;
width: 600px;

}

pre{font-size:11px; background-color:white; border: 1px solid #ccc;padding:20px;margin-top:20px;
width:880px;
height:auto;
}

.title{ padding:5px;}
.title p{color:#010723;font-weight: bold;font-family:Georgia;font-weight:normal;font-style:italic; Font-size:24px;}