body
{
	margin : 0px;
}

p,h1,h2,h3,h4,h5,h6
{
	margin : 0px;
	padding : 0px;
}

a img{
	border : none;
}

.red_color
{
	color : red;
}

legend
{
	font-size : 11px;
	font-family: Arial, serif;
	color : #8A8A8A;
	font-weight : bold;
}

fieldset {-moz-border-radius:4px;}

/**********************************************************************************************/
/*** 									BACKGROUND 											***/
/**********************************************************************************************/
#background_top
{
	height: 232px;
	background-repeat : repeat-x;
	background-image : url("images/background_top.png");
}
#background_header
{
	height: 232px;
	
	background-repeat : no-repeat;
	background-position : top center;
	background-image : url("images/background_header.png");
}
#background_infobox
{
	background-repeat : repeat-y;
	background-position : center;
	background-image : url("images/background_infobox.png");
}
#background_center
{
	background-position : center;
	background-repeat : repeat-y;
	background-image : url("images/background_infobox.png");
}
#background_bottom
{
	height: 87px;
	background-repeat : repeat-x;
	background-image : url("images/background_bottom.png");
}
#background_footer
{
	height: 86px;
	margin : auto;
	padding-top : 1px;
	background-position : center;
	background-repeat : no-repeat;
	background-image : url("images/background_footer.png");
	
	float : bottom;
}

/**********************************************************************************************/
/*** 									HEADER 												***/
/**********************************************************************************************/

#header
{
	width : 801px !important;
	width : 798px;
	height: 232px;

	margin : auto;
	
	background-repeat : no-repeat;
	background-image : url("images/header.png");
}

#header p
{
	font-family: Arial, serif;
	font-size : 11px;
	font-weight: bold;
	color : #535353;
	padding-top : 28px;
	
}

#header .date
{
	float: left;
	padding-left : 11px;
}
#header .messages
{
	float: right;
	padding-right : 11px;
}

/**********************************************************************************************/
/*** 									SPEEDBAR											***/
/**********************************************************************************************/

#speedbar
{
	width : 798px !important; /*pour FF (800 - 2)*/ 
	width : 798px; /* pour IE */
	height: 42px;
	
	margin:auto;
	
	border-left : 1px solid #C9C8C8;
	border-right : 1px solid #C9C8C8;
	
	background-repeat : repeat-x;
	background-image : url("images/background_speedbar.png");
}

#speedbar a
{
	font-family: Arial, serif;
	font-size : 14px;
	color : white;
	font-style: italic;
	font-weight: bold;
	text-transform: capitalize;
	/*
		font-variant: small-caps;
	*/
	
	display : block;
	
	height : 29px; /* 42 - 11 - 2*/
	
	
	/*
	padding-left : 40px;
	padding-right : 40px;
	*/
	
	padding-left : 20px;
	padding-right: 20px;
	
	float : left;
	text-decoration : none;

	padding-top : 11px;
	
	border-left : 1px solid #D4D4D4;
}

#speedbar a:hover
{
	background-repeat : no-repeat;
	background-position : top center;
	background-image : url("images/speedbar_button_hover.png");
	border-bottom : 2px solid #3BB4E7;
}

/**********************************************************************************************/
/*** 									INFOBOX 											***/
/**********************************************************************************************/

#infobox
{
	width : 800px;
	height : 150px;
	
	
	
	margin : auto;

	background-color : #F7F7F7;
	background-image : url("images/bottom_infobox.png");
	background-position : bottom right;
	background-repeat : no-repeat;

}

#infobox h1
{
	font-family: Arial, serif;
	font-size : 14px;
	padding-top : 10px;
	color : #6E6E6E;
	
	margin-bottom : 10px;
}

#infobox h1:first-letter
{
	font-size : 17px;
	color : #228ABB;
}



#infobox .login_connected
{
	float:left;
	
	width : 250px;
	height : 120px;
	
	padding-left : 25px;
	
	padding-top : 10px;
	
	margin-top : 8px;
	margin-bottom : 8px;
	
	border-right : 1px solid #E6E6E6;
}

#infobox .login_connected .avatar
{
	border : 1px solid #0083AB;
	float : left;
	margin-right : 6px;
}

#infobox .login_connected h1
{
	float:left;
}

#infobox .login_connected .button_exit
{
	margin-top : 7px;
}

#infobox .login_connected p
{
	font-size : 11px;
	font-family: Arial, serif;
	color : #8A8A8A;
	margin-top : 5px;
	margin-left : 5px;
}

#infobox .login_not_connected
{
	float:left;
	
	width : 250px;
	height : 130px;
	
	padding-left : 25px;
	
	margin-top : 8px;
	margin-bottom : 8px;
	
	border-right : 1px solid #E6E6E6;
}

#infobox .login_not_connected form
{
	float:left;
	margin:0px;
}

#infobox .login_not_connected input
{
	font-family: Arial, serif;
	border : 1px solid #BDBDBD;
	background-image : url("images/background_login_input.png");
	
	color : #7A7A7A;
	
	font-weight : bold;
	font-size : 13px;
}

#infobox .login_not_connected .text_field
{
	width : 105px;
	height : 18px;
	padding-top : 2px;
	padding-left : 8px;
	
	margin-bottom : 10px;
}
#infobox .login_not_connected .button
{
	cursor : pointer;
	margin-right : 15px;
}

#infobox .login_not_connected .button:active
{
	font-size : 12px;
	background-image : url("images/background_login_input_active.png");
}
#infobox .login_not_connected .login_text
{
	float:right;
	font-family: Arial, serif;
	
	font-size : 10px;
	color : #6e6e6e;
	
	margin-left : 7px;

	width : 120px;
	
	
	text-align : justify;
	
}

#infobox .login_not_connected a
{
	font-family: Arial, serif;
	
	font-size : 10px;
	
	color : #228ABB;

	
}
#infobox .login_not_connected a:hover
{
	
	text-decoration : none;
	
}
#infobox .login_not_connected p
{
	font-family: Arial, serif;
	
	font-size : 11px;
	
	color : #6e6e6e;
}
#infobox .last_news
{
	float:left;
	
	width : 235px;
	height : 130px;
	
	padding-left : 25px;
	
	margin-top : 8px;
	margin-bottom : 8px;
	
	border-right : 1px solid #E6E6E6;
}

#infobox   .last_news ul, #infobox   .last_downloads ul
{
	list-style-type : decimal;
	padding-left : 20px !important;
	margin-left : 0px;
	font-family: Arial, serif;
	
	font-size : 12px;
	font-weight : bold;
	
	color : #6e6e6e;
	
	text-decoration : none;
}

#infobox   .last_news a, #infobox   .last_downloads a
{
	color : #6e6e6e;
	
	text-decoration : none;
}

#infobox   .last_news a:hover, #infobox   .last_downloads a:hover
{
	text-decoration : underline;
}

#infobox   .last_news .plus, #infobox   .last_downloads .plus
{
	font-family: Arial, serif;
	
	font-size : 10px;
	font-weight : bold;
	
	color : #6e6e6e;
	
	margin-right : 20px;
	
	float :right;
}

#infobox .last_downloads
{
	float:left;
	
	width : 235px;
	height : 130px;
	
	padding-left : 25px;
	
	margin-top : 8px;
	margin-bottom : 8px;
}

/**********************************************************************************************/
/*** 									MENU ACCORDEON										***/
/**********************************************************************************************/

.arrowlistmenu{
	width: 202px; /*width of accordion menu*/
	padding-top : 1px;
	margin : auto;
	margin-top : 20px;
	background-repeat : repeat-y;
	background-image : url("images/links_box.png");	
	border : 1px solid #A7A7A7;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

	font: bold 14px Arial;
	color: white;
	background-image : url("images/grey_button_links_box.png");
	height:26px;
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 0px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	margin-left : 1px;
	
	background-repeat : no-repeat;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background-image : url("images/blue_button_links_box.png");	
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
	display : block;

	width : 190px;
	height : 26px;

	margin-left : 1px;
	padding : 0px;	
	
	font-family: Arial, serif;
	font-size : 15px;
	color : white;
	
	padding-top : 6px;
	padding-left : 10px;
	
	background-repeat : no-repeat;
	
	text-decoration : none;
	
	font-weight : bold;
	color:black;
}
/*
.arrowlistmenu ul li a:visited{
color: #A70303;
}
*/
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #86C0DF;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue; }



/**********************************************************************************************/
/*** 									CENTRE  											***/
/**********************************************************************************************/

#center_top
{
	width : 577px !important;
	width : 563px;
	height : 55px;
	
	margin-left : 223px;

	background-position : right top;
	background-repeat : no-repeat;
	background-image : url("images/top_center.png");
}

#center_top form
{
	float : right;
	margin-top : 10px;
	margin-right : 20px;
}

#center_top input
{
	font-family: Arial, serif;
	border : 1px solid #30BEED;
	background-image : url("images/background_login_input.png");
	width : 107px;
	height : 17px;
	padding-top : 3px;
	color : #7A7A7A;
	font-weight : bold;
	font-size : 11px;
}
#center_top label
{
	font-family: Arial, serif;
	
	font-size : 11px;
	font-weight : bold;
	
	color : #6e6e6e;
}
#background_center h2
{
	font-family: Arial, serif;
	font-size : 14px;
	color : #6E6E6E;
	
	padding-top : 32px;
	padding-left : 33px;
}

#background_center h2:first-letter
{
	font-size : 17px;
	color : #228ABB;
}


#center
{
	width : 800px; 

	margin : auto;
	background-repeat : repeat-y;
	background-position : right;
	background-image : url("images/center.png");
}

#center .big_block
{
	width : 538px;
	
	margin-left : 240px;
	padding-top : 10px;
	
}

#center .big_block .center
{
	width : 503px; /*538 - 30*/
	
	padding-left : 20px;
	padding-right : 25px;
	padding-bottom : 5px;
	
	margin : 0px;
	background-repeat : repeat-y;
	background-image : url("images/big_block.png");
	
	min-height : 70px;
	height : auto !important;
	height : 70px;
}

#center .big_block .title
{
	width : 538px;


	background-repeat : no-repeat;
	background-image : url("images/title_big_block.png");
	padding-bottom : 10px;
}


#center .big_block .title h1
{
	font-size : 13px;
	font-family: Arial, serif;
	color : #8A8A8A;
	padding-top : 15px;
	padding-left : 33px;
	margin-bottom : 10px;
}
#center .bigblock .title h1 a
{
	font-size : 13px;
	font-family: Arial, serif;
	color : #8A8A8A;
	text-decoration : none;
}

#center .big_block  .title .author_date
{
	font-size : 10px;
	font-family: Arial, serif;
	font-weight : bold;
	
	color : #8A8A8A;
	
	margin-left : 20px;
}
#center .big_block  .title .author_date a
{
	color : #228ABB;
	/*text-decoration : none;*/
}


#center .big_block .center p
{
	font-size : 11px;
	font-family: Arial, serif;
	
	color : #8A8A8A;
	padding-bottom : 10px;
}
#center .big_block .center ul
{ margin : 10px;}
#center .big_block .center li
{
	font-size : 11px;
	font-family: Arial, serif;
	
	
	color : #8A8A8A;
}

#center .big_block .center p.infrastructures
{
	font-size : 12px;
	text-align : justify;
}



#center .big_block .center .text
{
	text-align : justify;
}

#center .big_block .center h2
{
	padding : 0px;
	padding-top : 15px;
	padding-bottom : 5px;
}

#center .big_block .center a
{
	color : #228ABB;
}

#center .big_block .center a:hover
{
	text-decoration : none;
}

#center .big_block .comment
{
	width : 538px;
	height : 30px;
	
	
	
	
	background-repeat : no-repeat;
	background-image : url("images/comment_big_block.png");

}
#center .big_block .comment a
{
	font-size : 11px;
	font-family: Arial, serif;
	font-weight : bold;
	float : right;
	margin-right : 25px;
	text-decoration : none;
	color : #8A8A8A;
}

#center .smalls_blocks 
{	
	margin-left : 50px;
	margin-top : 10px;
	margin-bottom : 10px;
	
	width : 480px;
	height : 230px;
}
#center .smalls_blocks .buy
{
	height : 60px;
	
}
#center .smalls_blocks .buy a
{	
	display : block;
	width : 70px;
	float :left;
	
	color : #228ABB; 

	height : 30px;
	
	margin-top : 10px;
	
	vertical-align : middle;
}
#center .smalls_blocks .buy img
{
	float : left;
	margin-right : 5px;
	
	margin-top : 10px;
}

#center .smalls_blocks  .buy .first_letter
{
	color :red;
	font-weight : bold;
}


#center .small_block_left
{
	width : 214px;

	float:left;
	
	
	
	background-repeat : repeat-y;
	background-image : url("images/small_block_background.png");
}

#center .small_block_right
{
	width : 214px;

	margin-left : 230px;
	
	background-repeat : repeat-y;
	background-image : url("images/small_block_background.png");
}


#center .smalls_blocks .top
{
	width : 214px;
	height :5px;
	background-repeat : no-repeat;
	background-image : url("images/small_block_top.png");
	
}

#center .smalls_blocks .bottom
{
	width : 214px;
	height :5px;
	background-repeat : no-repeat;
	background-image : url("images/small_block_bottom.png");
}

#center .smalls_blocks .image
{
	width : 149px;
	height : 119px;
	
	margin : auto;
	margin-top : 15px;
	
	display : block;
	
	padding : 5px;
	
	background-repeat : no-repeat;
	background-image : url("images/small_block_image_background.png");
	
}

#center .smalls_blocks p
{
	font-size : 11px;
	font-family: Arial, serif;
	
	color : #8A8A8A;
	padding : 10px;
}

#center .smalls_blocks p:first-letter
{
	color :red;
	font-weight : bold;
}

#center .go_home
{
	display: block;
	

	width : 111px;
	height : 11px;
	
	text-align : center;

	padding-left : 1px;
	padding-bottom : 8px;
	
	margin : auto;
	margin-left : 436px;
	
	font-size : 12px;
	font-family: Arial, serif;
	font-weight : bold;
	text-decoration : none;
	color : #8A8A8A;
	
	background-repeat : no-repeat;
	
	background-image : url("images/arrow_go_home.png");	
}

#bottom_center
{
	height : 25px;

	background-repeat : no-repeat;
	background-position : bottom right;
	background-image : url("images/center_bottom.png");
}

/**********************************************************************************************/
/*** 									MENU GAUCHE 										***/
/**********************************************************************************************/

#left
{
	width : 234px;
	border-top : 1px solid #D6D8D6 ;
	float : left ;

	background-repeat : repeat-y;
	background-image : url("images/background_left.png");
	
}

#left .left_blocks
{
	width : 215px;
	
	float : left;
	margin-left : 4px;
}

#left .left_blocks .block
{
	width : 215px;
	height : 60px;
	
	float : left;
	margin-top : 10px;
	
	background-repeat : no-repeat;
	background-image : url("images/left_block.png");
}

#left .left_blocks .block p
{
	font-family: Arial, serif;
	width : 160px;
	font-size : 11px;
	
	float : left;
	color : #8A8A8A;

	margin-top :7px;
	margin-left : 5px;

}

#left .left_blocks .block img
{
	margin-top : 6px;
}

#left .left_blocks .block .phone_number
{
	display : block;
	font-weight : bold;
	font-size : 16px;
	margin-top : 6px;
	margin-left : 4px;
	
	color : #228ABB;
}

#left h2
{
	width : 207px;
	height : 24px;
	
	padding : 0px;
	
	margin-top : 32px;
	margin-left : 15px;
	
	background-repeat : no-repeat;
	background-image : url("images/left_title.png");
}

/**********************************************************************************************/
/*** 									PIED DE PAGE 										***/
/**********************************************************************************************/

#footer
{
	width : 802px !important;
	width : 798px;
	height: 86px;

	margin : auto;
	
	background-repeat : no-repeat;
	background-image : url("images/footer.png");
}
#footer p, #footer a
{
	font-size : 11px;
	font-family: Arial, serif;
	
	color : #8A8A8A;
	text-align : center;
	margin-top : 27px;
	
	text-decoration : none;
}


#footer #footer_left
{
	width : 266px;
	float:left;
}

#footer #footer_left img
{
	position : absolute;
	margin-top : -2px;
}


#footer #footer_center
{
	width :260px;
	float : left;

}
#footer #footer_center img
{
	position : absolute;
	margin-top : -2px;
}

#footer #footer_right
{
	width :266px;
	float:left;
}

/**********************************************************************************************/
/*** 									Mise en page formulaires 							***/
/**********************************************************************************************/
table tr td label {
	float:right;
	font-family:arial;
	font-size:10pt;
}

table.design tr td label.left {
	float:inherit;	
}

table.design tr td label.leftt {
	float:left;	
}

table.design th {
	background-image:url('images/blue_button_links_box.png');
	background-repeat:repeat-x;
	color:white;
	font-family:tahoma;
	padding-bottom:8px;
	padding-top:2px;
	width:198px;	
}

table.design1 th {
	background-color:#6DB6D8;
	font-family:arial;
	font-size:10pt;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	color:white;
}

table.design1 tr {color:grey;}

table.design1 td {
	font-family:arial;
	font-size:10pt;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;	
}

table.design1 tr {border:1px solid grey;}
table.design1 tr:hover {border:1px solid grey; background-color:#A4DBA4; color:orange;}

table.design1 {
	border-collapse: collapse;
	border-spacing:none;
	width:100%;	
	margin-top:20px;
}

table tr td input.large {
	width:218px;
}

#ville {margin-left:3px; width:158px;}

#pln {text-align:center;}

span.asterisk {color:red; font-family:verdana; font-size:8pt; margin-left:2px;}



/**********************************************************************************************/
/*** 									ERRORBOX + INFOBOX									***/
/**********************************************************************************************/
div.infobox {
	background-color:#E5F6FD;
	border-top:1px solid #7FD7F7;
	border-bottom:1px solid #7FD7F7;
	padding:10px;	
	margin:10px;
	margin-top : 0px;
	font-family:tahoma;
	font-size:10pt;
}

div.errorbox {
	background-color:#FFE3DF;
	border-top:1px solid #F08A73;
	border-bottom:1px solid #F08A73;
	padding:10px;	
	margin:10px;
	font-family:tahoma;
}
li.error {
	list-style-type:none;
	margin-left:20px;
	margin-right:20px;
	font-family:verdana;
	font-size:10pt;
}

/****** BULLES COMMENTAIRES ********/
/* Normal Bubble */
div.bubble {
	width: auto;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	font-size: 0.75em;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 5px;
	background: transparent url('images/bubbles/tip.gif') no-repeat 20px 0;
	font-style: normal;
}


/**** LIENS ******/
a.link1 {font-family:tahoma; font-size:10pt; text-decoration:none; color:grey;}
a.link1:hover {color:orange;}

a.link2{
	font-size : 13px;
	font-family: Arial, serif;
	color : #8A8A8A;
	text-decoration : none;
}
a.link2:hover{color:orange;}

/************ PAGINATION AUTO ***************/
p#pagelist.right {float:right;}
p#pagelist.left {float:left;}

p#pagelist span#label {float:left; margin-top:7px;}
p#pagelist a img {float:left; margin-top:5px;}
p#pagelist .pageno { float:left; margin-top:7px; margin-left:2px; margin-right:2px; color:red;}	
p#pagelist a.pageno {border:none; text-decoration:none; color:grey;}

/*
p#spacer {clear:both;}

.spacer {clear:both;}
*/
h3 {font-family:helvetica; font-size:10pt; color:grey;}


/***** AUTO SUGGESTION ******/

div.autosuggest
{
	background-color:black;
	border:3px soid red;
	
	position: absolute;
	background-image: url('images/autosuggest/as_pointer.gif');
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url('images/autosuggest/ul_corner_tr.gif');
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	background-image: url('images/autosuggest/ul_corner_br.gif');
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url('images/autosuggest/ul_corner_tl.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	background-image: url('images/autosuggest/ul_corner_bl.gif');
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
	font-family:tahoma;
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #1B5CCD;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url('images/autosuggest/hl_corner_br.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span
{
	background-image: url('images/autosuggest/hl_corner_bl.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	background-image: url('images/autosuggest/hl_corner_tl.gif');
	background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	background-image: url('images/autosuggest/hl_corner_tr.gif');
	background-position: bottom right;
}



div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style:normal;
	color: #6EADE7;
}

.asholder
{
	position: relative;
}

/**********************************************************************************************/
/*** 									NEWS												***/
/**********************************************************************************************/

.catnews
{
	width : 82px;
	height : 82px;
	
	float : right;
	text-align : center;
	 
	padding-top : 5px;
	margin : 4px;
	margin-bottom : 4px;
	margin-top : -20px;

	background-image : url('images/catnews.png');
	background-repeat : no-repeat;
}

.catnews img
{
	width : 50px;
}

.catnews p.catname
{
	font-size : 13px;
	font-weight : bold;
	text-align : center;
	color : red;
}

.spacer2{
clear:both;
visibility:hidden;
} 
/**********************************************************************************************/
/*** 									PAGE DE CONTACT										***/
/**********************************************************************************************/

#contact_form label
{
	display : block;
	float : left;
	width :130px;

	
	text-align : right;
	padding-right : 3px;
	font-weight : bold;
	
	font-size : 12px;
	font-family: Arial, serif;
	
	color : #8A8A8A;
	
}

#contact_form #nom_prenom 
{
		float : left;
		width : 133px;
		text-align : right;
}
#contact_form .text_field
{
	font-family: Arial, serif;
	
	font-size : 13px;
	
	margin-bottom : 4px;
	
	color : #6e6e6e;
	
	width : 300px;
}

#contact_form  .text_field_2
{
	font-family: Arial, serif;
	
	font-size : 13px;
	
	margin-bottom : 4px;
	
	color : #6e6e6e;
	
	width : 147px;
}

#contact_form  select
{
	font-family: Arial, serif;
	
	font-size : 13px;
	
	margin-bottom : 4px;
	
	color : #6e6e6e;
	
	width : 147px;
}

#contact_form #kits_form .text_field_2
{
	float : left;
	width : 120px;
}

#contact_form #kits_form select
{
	float : left;
	width : 122px;
}

#contact_form #kits_form label
{
	width : 100px;
}

#contact_form #nom_prenom label
{
		float : left;
		width : auto;
		float : right;
}



#contact_form #div_captcha 
{
	width : 515px;
	height : 50px;
	
	
	margin-left : -70px;
	

}

#contact_form #div_captcha input,#contact_form #div_captcha label, #contact_form #div_captcha a
{
	float : left;
	width : auto;
	
}
#contact_form #div_captcha input
{
	position : relative;
		top : 10px;
		left : 10px;
}

#contact_form .option_zone label
{
	display : inline;
	float : none;
}

#contact_form .option_zone 
{


	font-size : 12px;
	font-family: Arial, serif;
	font-weight : bold;
	color : #8A8A8A;
}

/*
hr
{
	margin : 0px;
	visibility:hidden; 
}
*/



/**********************************************************************************************/
/*** 									TABLEAU OFFRES										***/
/**********************************************************************************************/

#tables_offers{
	margin-left : 15px;
	height : 710px;

}

#tables_offers table{
	border-collapse: collapse;
	border-spacing:none;
	float:left;	
}

#tables_offers td{
	border-bottom:1px solid #CBCBCB;
	text-align:left;
	font-family:tahoma;
	font-size:10pt;
	padding:5px;
	color : #646464;

}

#tables_offers table.offers td{
	text-align : center;
}

/*
table.offre {
	float:right;
	
	border-collapse: collapse;
	border-spacing:none;
}

table.offre tr td {
	border-bottom:1px solid #CBCBCB;
	text-align:center;
	font-family:tahoma;
	font-size:10pt;
	padding:5px;
}

.offrestitle {
border-bottom:1px solid #CBCBCB; text-align:center; font-family:tahoma; font-size:10pt; padding:5px;	
}
*/


/**********************************************************************************************/
/*** 									BOUTONS 											***/
/**********************************************************************************************/

input.ok
{
	padding-left : 25px;
	height : 24px;
	
	background-image : url("images/button_ok.png");
	background-repeat : no-repeat;
	
	border : none;
	border-right : 1px solid #1C88A2;
	
	cursor : pointer;
	
	color : #1E87A5;
	
	font-weight : bold;
	
	font-size : 11px;
	
	
}

input.ok:hover
{

}

input.error
{
	padding-left : 25px;
	height : 24px;
	
	background-image : url("images/button_error.png");
	background-repeat : no-repeat;
	
	border : none;
	border-right : 1px solid #1C88A2;
	
	cursor : pointer;
	
	color : #545454;
	
	font-weight : bold;
	
	font-size : 11px;
	
	
}

input.error:hover
{

}


  /****************************/
 /* vlaCalendar apple_widget */
/****************************/

/* Picker */

.vlaCalendarPicker {
	position: absolute;
	z-index: 999;
	
	margin-top: -5px;
	margin-left: -2px;
	
	display: none;
}

.vlaCalendarPicker .pickerBackground {
	background: transparent url('../images/calendar_background.png') no-repeat top center;
	padding: 16px;
	height: 130px;
	width: 166px;
	overflow: hidden;
}

/* Background for IE6 - code does not validate as it is a hack */
*html .vlaCalendarPicker .pickerBackground {
	background-image: url('../images/calendar_background.gif');
}

/* Main calendar */

.vlaCalendar, .vlaCalendar table {
	font-family: calibri, arial !important;
	color: black;
	font-size: 12px !important;
}

.vlaCalendar {
	display: block;
	width: 164px;
}
.vlaCalendar .container, .vlaCalendar .container div {
	width: 164px;
	height: 130px;
	text-align: left;
	position: absolute;
	overflow: hidden;
}

.vlaCalendar span.indication {
	display: block;
	text-align: center;
}

.vlaCalendar table {
	margin-top: 8px;
	text-align: right;
	border-collapse: collapse;
	background-color: white; /* <- IE ugly text in transition fix  */
}

.vlaCalendar .picker td {
	cursor: pointer;
}

/* Label & arrows */

.vlaCalendar .label:hover {
	color: #0066cc;
	cursor: pointer;
}
.vlaCalendar .noHover:hover {
	color: black;
	cursor: default;
}

.vlaCalendar .arrowLeft, .vlaCalendar .arrowRight {
	background: transparent url('../images/arrowleft.gif') no-repeat center;
	height: 12px;
	width: 10px;
	cursor: pointer;
}
.vlaCalendar .arrowLeft {
	margin-left: 5px;
	float: left;
}
.vlaCalendar .arrowLeft:hover {
	background-image: url('../images/arrowleft_hover.gif');
}
.vlaCalendar .arrowRight {
	margin-right: 5px;
	float: right;
	background-image: url('../images/arrowright.gif');
}
.vlaCalendar .arrowRight:hover {
	background-image: url('../images/arrowright_hover.gif');
}

/* Month */

.vlaCalendar .month th {
	text-align: center;
	font-weight: normal;
	width: 24px;
	padding-bottom: 1px;
	border-bottom: 1px solid #f5f5f5;
}

.vlaCalendar .month td {
	padding-right: 3px;
	height: 15px;
}

.vlaCalendar .month tr.firstRow td {
	padding-top: 2px;
}

.vlaCalendar .month td:hover {
	background: url('../images/day_hover.gif') bottom no-repeat;
	color: #0066cc;
}

.vlaCalendar .month td.selected {
	background: url('../images/day_selected.gif') bottom no-repeat;
	color: #0066cc;
}
.vlaCalendar .month td.selected:hover {
	background-image: url('../images/day_selected_hover.gif');
}

.vlaCalendar .month td.outsideDay {
	color: #a8a8a8;
}
.vlaCalendar .month td.outsideDay:hover {
	color: #b1c5fc;
}

/* Year & decade */

.vlaCalendar .year {
	margin-left: 2px;
}

.vlaCalendar .year td {
	width: 40px;
	height: 35px;
	text-align: center;
	cursor: pointer;
}
.vlaCalendar .year td:hover {
	background: url('../images/month_hover.gif') center no-repeat;
	color: #0066cc;
}

.vlaCalendar .year td.selected {
	background: url('../images/month_selected.gif') center no-repeat;
}
.vlaCalendar .year td.selected:hover {
	background-image: url('../images/month_selected_hover.gif');
}

.vlaCalendar .year td.current {
	background: url('../images/month_current.gif') center no-repeat;
	color: #0066cc;
}
.vlaCalendar .year td.current:hover {
	background-image: url('../images/month_current_hover.gif');
}

.vlaCalendar .year td.selectedcurrent {
	background: url('../images/month_selectedcurrent.gif') center no-repeat;
}
.vlaCalendar .year td.selectedcurrent:hover {
	background-image: url('../images/month_selectedcurrent_hover.gif');
}

.vlaCalendar .year td.outsideYear {
	color: #a8a8a8;
}
.vlaCalendar .year td.outsideYear:hover {
	color: #b1c5fc;
}

/* Picker */

.pickerImg {
	position: absolute;
	margin-left: -16px;
	margin-top: 5px;
	cursor: pointer;
}

.apple_widget .pickerBackground {
	background-image: url('images/calendar/calendar_background.png');
}
/* Background for IE6 - code does not validate as it is a hack */
*html .apple_widget .pickerBackground {
	background-image: url('images/calendar/calendar_background.gif');
}

/* Calender */

.apple_widget, .apple_widget table {
	font-family: "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, Sans Serif;
	font-size: 11px;
}
.apple_widget table {
	color: white;
	background-color: black;
}

.apple_widget .arrowLeft {
	background-image: url('images/calendar/arrowleft.gif');
}
.apple_widget .arrowRight {
	background-image: url('images/calendar/arrowright.gif');
}
.apple_widget .arrowLeft:hover {
	background-image: url('images/calendar/arrowleft_hover.gif');
}
.apple_widget .arrowRight:hover {
	background-image: url('images/calendar/arrowright_hover.gif');
}

.apple_widget .label {
	color: #ccff00 
}
.apple_widget .noHover:hover {
	color: #ccff00 !important;
}
.apple_widget .label:hover {
	color: white;
}

.apple_widget .month th {
	border-bottom-color: black;
	color: #999;
	text-transform: uppercase;
}

/* Month */

.apple_widget .month td:hover {
	color: #ccff00;
}

.apple_widget .month td.selected {
	color: #ccff00;
}

.apple_widget .month td.outsideDay, .apple_widget .year td.outsideYear {
	color: #313131;
}
.apple_widget .month td.outsideDay:hover, .apple_widget .year td.outsideYear:hover {
	color: #999;
}

/* Year & decade */

.apple_widget .year td:hover {
	color: #ccff00;
}
.apple_widget .year td.current {
	color: white;
}

.apple_widget .year td.current:hover, .apple_widget .year td.selectedcurrent, .apple_widget .year td.selectedcurrent:hover,
	.apple_widget .year td.selected:hover, .apple_widget .month td.selected:hover, .apple_widget .year td.current, .apple_widget .year td:hover,
	.apple_widget .month td.selected, .apple_widget .month td:hover, .apple_widget .year td.selected {
	background: none;
}


/* PROGRESSBAR */

.progressbar {
	background-image:url('images/progressbar/progressbar.png');
	background-repeat:no-repeat;
	height:16px;
	width:98px;
}

.progressbar .label {
	float:left;
	margin-left:40px;
	margin-top:1px;
	font-size:8pt;
	color:white;
}

.progressbar .progress {
	background-image:url('images/progressbar/progress.png');
	background-repeat:repeat-x;
	height:16px;
}

/* DRAG TO DOWNLOAD */
#container {
	font: 9pt arial;
	border: 1px solid #aaa;	
	overflow: hidden;
	width: 440px;
	margin: 0 auto;
	padding: 20px;
	background-color: #444;
	color: #fff;
}

#status { 
	font: 9pt arial;
	text-align: center;
	padding-top: 25px;
}

#drag {
	font: 9pt arial;
	float: left;
	cursor: move;
}

#drag2 {
	font: 9pt arial;
	cursor: move;
}

#drop {
	font: 9pt arial;
	float: right;
	color: #fff;
}

.hovered {
	font: 9pt arial;
	background: url("images/download/download_white.png") no-repeat center center;
}

.SplashFrame {
	background: url('images/slashframe.png') no-repeat 0 0;
	width:533px;
	height:263px;
	margin: 0 auto;
	padding:27px 0 0 36px;
}

.Slash {
	cursor:pointer;
}
/**********************************************************************************************/
/*** 									BOUTONS SplashFrame									***/
/**********************************************************************************************/

#buttons_splashframe 
{
	height : 30px;
	margin-top : -20px;
}

#buttons_splashframe input
{
	float : right;
	border : none;
	background : none;
	
	width : 30px;
	height : 30px;
	background-image : url('images/button_splashframe.png');
	
	margin-left : 3px;
	
	cursor : pointer;
	
	color : #3DA9BC;
}

.tarifs ul
{
		
list-style-image: url("images/puces/bullet_star.png");

}

.tarifs li
{
	
	vertical-align : top;

	font-size : 13px;
	font-weight : bold;
	padding-bottom : 10px;
}

.tarifs .price_box
{
	font-size : 16px;
	font-family: Arial, serif;
	font-weight : bold;
	
	color : blue;
}


/**********************************************************************************************/
/*** 									MIDDLE BLOCK : les créations						***/
/**********************************************************************************************/

#center .middle_block
{
	width : 500px;

	margin-bottom : 15px;
	
	
	background-repeat : repeat-y;
	background-image : url("images/middle_block_background.png");
}

#center .middle_block p
{
	height : 60px;
}


#center .middle_block .top
{
	width : 500px;
	height :5px;

	
	background-repeat : no-repeat;
	background-image : url("images/middle_block_top.png");
	
}

#center .middle_block .bottom
{
	width : 500px;
	height :5px;
	background-repeat : no-repeat;
	background-image : url("images/middle_block_bottom.png");
}

#center .middle_block .image
{
	width : 267px;
	height :140px;
	
	display : block;
	
	float : left;
	
	padding : 5px;
	margin : 5px;

	
	background-repeat : no-repeat;
	background-image : url("images/middle_block_image_background.png");
}

#center .middle_block h2
{
	
	margin-left : 285px;
	
}

#center .middle_block .links
{
	height : 40px;
	
	font-weight : bold;
	font-size : 11px;
}

#center .middle_block .link
{
	display : block;
	float: left;
	
	
	margin-top : 3px;
	margin-right : 6px;
	
	width : 94px;
	height : 19px;
	
	padding-top : 5px;
	
	text-align : center;

	
	
	
	background-image : url("images/button.png");
	background-repeat : repeat-x;
	
	border-left : 1px solid #1C88A2;
	border-right : 1px solid #1C88A2;
	
	cursor : pointer;
	
	color : #1E87A5;
	
	font-weight : bold;
	
	font-size : 11px;
	
	text-decoration : none;
	
}

/**********************************************************************************************/
/*** 									KIT													***/
/**********************************************************************************************/

#center .kit .screenshot_header
{
	width : 500px;
	margin : auto;
}

#center .kit table
{
	width : 450px;
	border-collapse: collapse;
	border-spacing:none;
	
	margin-bottom : 20px;
}

#center .kit table td
{
	border-bottom:1px solid #CBCBCB;
	text-align:left;
	font-family:tahoma;
	font-size:10pt;
	padding:5px;
	color : #646464;
}

#center .kit table td.left
{
	width : 300px;
	
}

#center .kit table td.right
{
	width : 150px;
	text-align : center;
}

#center .kit table td.img
{
	width : 30px;
}

#center .kit table td.nav
{
	width : 270px;
}

#center .kit .buttons a
{
	display : block;
	
	float: left;

	margin-right : 6px;
	
	width : 220px;
	height : 19px;
	
	padding-top : 5px;
	
	text-align : center;
	
	background-image : url("images/button.png");
	background-repeat : repeat-x;
	
	border-left : 1px solid #1C88A2;
	border-right : 1px solid #1C88A2;
	
	cursor : pointer;
	
	color : #1E87A5;
	
	font-weight : bold;
	
	font-size : 11px;
	
	text-decoration : none;
}