@import "nav.css";
@import "contact.css";

/* -------- CSS GENERAL -------- */
	
html {
 margin: 0;
 padding: 0;
}

/* Normalise les marges et le remplissage */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, select, p, blockquote, th, td {
 margin: 0;
 padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #999;
	background:#e5e0b9;
}


/* Normalise les tailles de polices pour les en-têtes */

h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}


/*  Supprime list-style pour les listes*/

ol, ul{
	list-style:none;
}

/* Supprime les bordures dans éléments fieldset et img*/

fieldset, img{
	border:0;
}

/* clear */

.clear{
	clear:both;
}

/* Mentions légales */

p.mentions_legales{
	padding:10px;
	font-size:.8em;
	color:#fff;
}

a,a:visited{
	color:#0067c7;
	text-decoration:none;
	font-size:12px;
}
a:hover{
	color:#333;
	text-decoration:none;
	font-size:12px;
}

.mister{
	padding-left:18px;
	font-size:16px;
	font-weight:bold;
	width:800px;
	color:#FF8C00;
}

/* -------- GENERAL -------- */
#reto{
	width:200px;
	height:200px;
}

#general{
	margin:0 auto;
	width:100%;
	background:#0068c7 url(../images/deco/bg_body.gif) top repeat-x;
}

/* -------- HEADER -------- */
/*POP*/
#styled_popup{
	top:40%;
	left:50%;
	margin-top:-275px;
	margin-left:-490px;
	width: 980px;
	height:550px; 
	display:none; 
	position: absolute; 
	zoom: 1; 
	z-index:105;
	background:#0068c7;
}

#fermer{
	left:200px;
}

#header{
	margin:0 auto;
	width:990px;
	height:550px;
	background:transparent url(../images/deco/bg_header_b.jpg) top no-repeat;
	position:relative;
}

#header_flash{
	margin:0 auto;
	padding:106px 0 0 5px;
	position:relative;
}

#header_qui{
	margin:0 auto;
	width:990px;
	height:347px;
	background:transparent url(../images/bg_header_qui.jpg) top no-repeat;
	position:relative;
}

#header_produits{
	margin:0 auto;
	width:990px;
	height:347px;
	background:transparent url(../images/bg_header_produits.jpg) top no-repeat;
	position:relative;

}

#header_finances {
	margin:0 auto;
	width:990px;
	height:347px;
	background:transparent url(../images/bg_header_soluce.jpg) top no-repeat;
	position:relative;
}

.finance{
	width:990px;
	height:347px;
	text-indent:-3000px;
	overflow:hidden;
	text-decoration:none;
	display:block;
}

#header_part{
	margin:0 auto;
	width:990px;
	height:347px;
	background:transparent url(../images/bg_header_part.jpg) top no-repeat;
	position:relative;
}

#header_contact{
	margin:0 auto;
	width:990px;
	height:347px;
	background:transparent url(../images/bg_header_contact.jpg) top no-repeat;
	position:relative;
}
/* -------- MENU HOME-------- */
ul.navhome{
	top:508px;
	left:75px;
	width:835px;
	height:36px;
	position:absolute;
	z-index:100;
}

ul.navhome li{
	text-align:center;
	font-size:.8em;
	color:#0067c7;
	float:left;
	display:block;
	height:36px;
	line-height:36px;
}

ul.navhome li a{
	color:#0067c7;
	text-decoration:none;
}

ul.navhome li a:hover{
	color:#0067c7;
	text-decoration:none;
}

/* -------- MENU -------- */

ul.nav{
	top:301px;
	left:78px;
	width:835px;
	height:36px;
	position:absolute;
	z-index:100;
}

ul.nav li{
	text-align:center;
	font-size:.8em;
	color:#0067c7;
	float:left;
	display:block;
	height:36px;
	line-height:36px;
}

ul.nav li a{
	color:#0067c7;
	text-decoration:none;
}

ul.nav li a:hover{
	color:#0067c7;
	text-decoration:none;
}

#qui {text-indent:8px;width:156px; left:0px;}
#present {text-indent:10px;width:109px; left:0px;}
#aide {text-indent:14px;width:145px; left:0px;}
#part{text-indent:13px;width:104px; left:0px;}
#rea{text-indent:14px;width:156px; left:0px;}
#contact{text-indent:65px;width:73px; left:0px;}
#compte{text-indent:8px;width:156px; left:0px;}
/*
.menu dt a.menu_actif{background:url(../images/tips.gif) no-repeat 60px 35px ;}*/


/* -------- CONTENU -------- */

/* -------- LES BOX -------- */
#contenu_left_box{
	width:590px;
	float:left;
}

#contenu_left_box h2{
	font:Arial;
	font-size:14px;
	color:#0068c7;
	padding:10px;
}

.divisionbox h2{
padding:0 0 0 25px;
}

.imageboxadp {
margin:0 auto;
padding:20px;
}

.boxtitreadp {
	color:#333;
	font-size:15px;
	padding:10px 0 0 15px;
}

.boxtitreduo{
	color:#333;
	font-size:15px;
	padding:10px 0 0 20px;
}

.textboxclassadp{
	width:275px;
	height:400px;
	float:left;
	color:#666;
	font-size:12px;
	text-align: justify;
	padding:20px;
}

.contenuboxadp{
	width:256px;
	height:367px;
	float:left;
	padding:5px;
}

.textboxclassduo{
	width:500px;
	height:200px;
	color:#666;
	font-size:12px;
	text-align: justify;
	padding:30px 0 50px 30px;
}

.contenuboxduo{
	width:580px;
	height:309px;
	padding:5px;
}

/* -------- FORM -------- */
.adpform {
	background:url(../images/form.jpg) no-repeat 0 0;
	width:590px;
	height:130px;
	float:left;
 }

 
.champ{
	width:190px;
	height:30px;
	border:none;
	vertical-align:baseline;
	font:18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:url(../images/champ.gif) no-repeat 0 0;
	margin:85px 0 0 55px;
	text-indent:28px;
 }
 
.boutons{
	width:69px;
	height:30px;
	border:none;
	vertical-align:top;
	background:url(../images/ok.jpg) no-repeat 0 0;
	margin:85px 0 0 0;
 }
 
.boutons:hover {
background:url(../images/ok.jpg) no-repeat 0 -30px;
}

/* -------- LES BOX -------- */

#content{
	margin:0 auto;
	width:980px;
}
#content_phrase_autre p{
color:#0068c7;
float:right;
font-size:.8em;
font-weight:bold;
padding:20px 0 0 10px;
margin:0 0 0 0;
width:900px;

}
#content_phrase_autre{
	margin:0 auto;
	height:77px;
	background: url(../images/deco/bg_content_txt.gif) top no-repeat;
}

#content_phrase{
	margin:0 auto;
	height:77px;
}
#content_phrase p{
width:600px;
padding:10px 75px 0 0;;
color:#0068c7;
float:right;
font-size:.8em;
font-weight:bold;
/*padding:20px 25px 0 75px;*/
}
.gains{
	width:175px;
	float:left;
	padding:8px 0 0 100px;;
}
#contenu{
	margin:0 auto;
	padding:0 23px 0 23px;
	width:834px;
	background:#fff url(../images/deco/bg_contenu.gif) repeat-y;
}

#contenu_rub{
	margin:0 auto;
	padding:0 23px 0 23px;
	width:834px;
	background:#fff url(../images/deco/bg_contenu_right.gif) repeat-y;
}

#contenu p{
color:#666;
padding:5px 20px 5px 20px;
font-size:12px;
}

#contenu img{
	width:375;
}

/*Colonne gauche*/
#contenu_left{
	width:560px;
	float:left;
}



#contenu_left img{
	margin:0 0 0 0px;
}


#contenu_left p{	
color:#666;
padding:5px 20px 5px 20px;
font-size:12px;
}

#contenu_left p.pied{
	font-size:.6em;
	color:#ccc;
}

#contenu_left h2{
	padding:10px 0 0 10px;
	color:#0e6ed1;
	font-size:16px;
	font-weight:bold;
	margin:0 0 0 10px;
	background:url(../images/deco/pix_sep.gif) bottom repeat-x;
}

/*Colonne gauche compte*/
#contenu_leftcmpt{
	width:800px;
	float:left;
}


#contenu_leftcmpt img{
	margin:0 0 0 10px;
}

#contenu_leftcmpt p{	
color:#666;
padding:5px 20px 5px 20px;
font-size:14px;
}

#contenu_leftcmpt p.pied{
	font-size:.6em;
	color:#ccc;
}

#contenu_leftcmpt h3{
	padding:10px 0 0 10px;
	color:#0e6ed1;
	font-size:16px;
	font-weight:bold;
	margin:0 0 0 10px;
	background:url(../images/deco/pix_sep.gif) bottom repeat-x;
}
#contenu_leftcmpt h5{
	padding:10px 0 0 10px;
	color:#99CC32;
	font-size:16px;
	font-weight:bold;
	margin:0 0 0 10px;
}
#contenu_leftcmpt h6{
	padding:10px 0 0 10px;
	color:#8C1717;
	font-size:16px;
	font-weight:bold;
	margin:0 0 0 10px;
}


/*PAGE PRESSE*/
#press{
	padding:0 0 0 0;
}

#press li{
	padding:0 0 30px 0;
}

.sep{
	padding:5px 0 5px 0;
	height:1px;
	background:url(../images/deco/pix_sep.gif) bottom repeat-x;
}

.pdf{
	vertical-align:middle;
}

#press h4{
	color:#0e6ed1;
	font-weight:bold;
	padding:0 0 0 55px;
	font-size:16px;
}

#press p{
	color:#666;
	padding:0 0 5px 55px;
}

#press img{
	padding:0 0 0 0;
}

#contenu_left h3{
	padding:25px 0 0 10px;
	margin:0 0 0 10px;
	color:#f29400;
	font-size:18px;
	font-weight:bold;
}

/*Colonne droite*/
#contenu_right{
	width:240px;
	float:right;
	background-color:#f3f2f2;
}

#cont_rg li.logo {
	padding:10px 0 10px 13px;
}

#cont_rg li.logo_b {
	padding:10px 0 10px 16px;
}

#contenu_right h3{
	padding:0 0 0 10px;
	color:#0f6ed1;
	font-size:16px;
	font-weight:bold;
	background:url(../images/deco/pix_sep.gif) bottom repeat-x;
}

.lo{
	margin:0 auto;
	/*float:left;*/
}

#cont_rg p{
color:#666;
font-size:.7em;
}




/* -------- BLOC-------- */
ul.division{
	margin:0 auto;
	width:795px;
}



li#blocbox1{
	margin:0 auto;
	width:275px;
	height:195px;
	display:block;
	float:left;
	padding:1px 0 0 5px;
}

li#blocbox2{
	margin:0 auto;
	width:275px;
	height:195px;
	display:block;
	float:left;
}

li#blocbox3{
	margin:0 auto;
	width:275px;
	height:195px;
	display:block;
	float:left;
}

ul.divisionbox h2{
	color:#0f6ed1;
	font-size:16px;
	font-weight:bold;

}

li#bloc1 h2, li#bloc2 h2, li#bloc3 h2{
	text-indent:-9999px;

}
li#bloc1, li#bloc2, li#bloc3{
	margin:0 auto;
	background:url(../images/bg_bloc.jpg) no-repeat;
	width:265px;
	height:269px;
	display:block;
	float:left;
}

li#bloc1 p, li#bloc2 p, li#bloc3 p{
	margin:0 auto;
	color:#FFF;
/*	width:230px;*/
	padding:0 10px 0 15px;
	font-size:11px;
}
li#bloc1 img, li#bloc2 img, li#bloc3 img{
	margin:0 auto;
	padding:0 0 0 15px;
}

/* -------- FOOTER -------- */
#content_phrase_main{
	
}

#footer_ind{
	margin:0 auto;
	width:980;
	background:url(../images/deco/bg_footer.gif) top repeat-x;
	position:relative;
}

#footer_content{
	margin:0 auto;
	width:980px;
	height:130px;
	background:url(../images/deco/bg_footer_content.gif) top center no-repeat;
	position:relative;
}

#footer_content_gris{
	margin:0 auto;
	width:980px;
	height:130px;
	background:url(../images/deco/bg_footer_content_gris.gif) top center no-repeat;
	position:relative;
}


#footer{
	margin:0 auto ;
	width:980px;
	font-size:0.8em;
	padding:25px 0 0 0;
	position:relative;
}

#footer li{
	margin:0 auto;
	display:block;
	float:left;
	left:80px;
	position:relative;
	color:#0067c7;
}

#footer li a{
	color:#0067c7;
	text-decoration:none;
}

#footer li a:hover{
	text-decoration:underline;
}

/* NEWS */
#NewsTicker{
	width:260px;
	height:250px;
	float:right;
}
#NewsTicker h2{
	color:#1f7dbc;
	font-size:1em;
}
#NewsVertical {
	width: 260px;
	height: 225px;
	display: block;
	overflow: hidden;
	position: relative;
}
#controller{
	padding:0;
	float:right;
}
#play_scroll_cont{display:none;}

.play{
	padding:0px 0px;
	color:#2381bf;
	font-size:10px;
}

#TickerVertical {
		width: 260px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
}
#TickerVertical li {
		display: block;
		width: 260px;
		text-align: left;
		margin: 0;
		padding: 10px;
		float: left;
}
#TickerVertical li .NewsTitle{
		display: block;
		margin-bottom:6px;
}
#TickerVertical li .NewsTitle a:link,
#TickerVertical li .NewsTitle a:Visited {
		display: block;
		margin-bottom:6px;
		text-decoration:none;
}
#TickerVertical li .NewsTitle a:hover {
		text-decoration:underline;
}
		
#TickerVertical li .NewsImg{
		float:left;
		margin-right:0px;
}
#TickerVertical li .NewsFooter{
		display: block;
		margin:0px 0 14px 0;
}

.date{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:36px;
	height:110px;
	background:transparent url(../images/deco/bg_date.gif) top no-repeat;
	float:left;
	font-size:.9em;
	color:#fff;
	text-align:center;
}

li.blocnews h4{
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#1f7dbc;
	font-size:.7em;
}

li.blocnews p{
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:.7em;
}

/*login*/

/* form 2 */

	#loginForm{
		margin:1em 0;
		color:#666;
		width:784px;
		}
	#loginForm h2{
		margin:0;	
		color:#666;
		font-size:20px;
		}		
	#loginForm h2 span{
		display:block;
		padding:10px 20px;	
		}				
	#loginForm fieldset{
		margin:0;
		padding:0;
		border:none;	
		background:#FFF url(../img/form_top.gif) repeat-x;		
		}		
	#loginForm legend{display:none;}	
	#loginForm p{margin:.5em 20px;}	
	#loginForm label{display:block;}
	
	/*#loginForm input, #loginForm textarea{		
		width:272px;
		border:1px solid #111;
		background:#282828 url(../img/form_input.gif) repeat-x;
		padding:5px 3px;
		color:#FFF;
		}*/
		
	.formtxt {
		width:272px;
		border:1px solid #111;
		background:#282828 url(../img/form_input.gif) repeat-x;
		padding:5px 3px;
		color:#FFF;
	}
	
	#loginForm select{		
		width:280px;
		border:1px solid #111;
		background:#282828 url(../img/form_input.gif) repeat-x;
		padding:5px 3px;
		color:#fff;
		}
		
	#loginForm textarea{
		height:125px;
		overflow:auto;
		}					
	#loginForm p.submit{
		text-align:left;
		}	
	#loginForm button{
		padding:0 20px;
		height:32px;
		line-height:32px;		
		border:1px solid #6c6a6a;
		background:#6c6a6a url(../img/form_button.gif) repeat-x;
		color:#fff;
		cursor:pointer;		
		text-align:center;		
		}