/*------------------------------------------------------------------------------------------------------
########################################################################################################
GLOBAL PROPERTIES
########################################################################################################
------------------------------------------------------------------------------------------------------*/
	body, input, textarea, select, a {color:#510269; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
	body {background:#21299c; text-align:center;}
	body, form, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
	
	h1 {}
	h2 {font-size:14px; font-weight:bold; padding:4px 0 20px 20px; background:url(../imgs/bg_tit.gif) no-repeat;}
	h3 {font-size:16px;}
	h4 {font-size:13px; font-weight:bold; margin:5px 0 0 0;}
	h5 {}
	h6 {}
	
	p {margin:0; padding:0 0 10px 0;}
	hr {height:1px; border:none; border-bottom:1px solid #bd71ae;}
	input, select {vertical-align:middle; margin-bottom:3px;}
	img {margin:0; padding:0; border:0;}
	
	a {text-decoration:underline;}
	a:hover {text-decoration:none;}
/*----------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------
########################################################################################################
GLOBAL CLASSES (menu, navigator, footer...)
########################################################################################################
------------------------------------------------------------------------------------------------------*/
	.topMenu {background:url(../imgs/bg_menu.gif); border:1px solid #fff;}
	.pageTitle {background:#bd71ae url(../imgs/bg_titpage.gif) right top no-repeat;}
	.navTitle {color:#fff; font-size:11px; font-weight:bold; background:#844292;}
	.navItem {font-weight:bold; color:#510269; text-decoration:none; background:url(../imgs/arrow_nav.gif) 1px 1px no-repeat; border-bottom:1px solid #510269;}
	.footerLink {font-size:11px; color:#21299c; margin-top:2px;}
/*----------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------*/
/* LINK CLASSES */
/*----------------------------------------------------------------------------------------------------*/
	.linkDot {font-weight:bold; padding:0 0 0 8px; background:url(../imgs/dot_violet.gif) left 5px no-repeat; text-decoration:underline;}
	.textDot {font-weight:bold; padding:0 0 0 8px; background:url(../imgs/dot_violet.gif) left 5px no-repeat;}
	.linkArrow {font-weight:bold; padding:0 0 0 10px; background:url(../imgs/arrow_orange.gif) left 3px no-repeat; text-decoration:underline;}
	.linkArrowRev {font-weight:bold; padding:0 0 0 10px; background:url(../imgs/arrow_orange_rev.gif) left 3px no-repeat; text-decoration:underline;}
	.linkArrowSui {font-weight:bold; padding:0 10px 0 0 ; background:url(../imgs/arrow_orange.gif) right 3px no-repeat; text-decoration:underline;}
/*----------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------*/
/* STYLES - color, background, border */
/*----------------------------------------------------------------------------------------------------*/
	/*color*/
	.hiColor {color:#f00;}

	/*background*/
	.bg1 {background-color:#ffffff;}
	.bg2 {background:#f7e6f7;}
	.bg3 {background-color:#efc8e7;}
	.bg4 {color:#fff; height:135px; background:url(../imgs/top_bg.jpg) no-repeat;}
	.bg3c {background-image:url(../imgs/bg.gif); background-position:right top; background-repeat: repeat-y;} /*show right background*/
	.cloudBg {height:100px; background:url(../imgs/bg_cloud.jpg) no-repeat;}
	
	/*border*/
	.brd1 {border-bottom:2px solid #efc8e7;}
	.brd2 {border-bottom:1px solid #bd71ae;}
	.brd3 {border-right:1px solid #bd71ae;}
	.brd4 {border-top:1px solid #bd71ae; padding:10px 0;}
	.brd5 {border-top:1px solid #bd71ae; border-bottom:1px solid #bd71ae; padding:20px 0; margin:0 0 15px 0;}
	.brd6 {border-right:1px solid #a1a1a1; border-bottom:1px solid #6b6b6b;}
	.brd7 {border:1px solid #f00;}
	.brd8 {border:1px solid #fff;}
	.brd9 {border-bottom:1px dashed #510269; padding:0 0 5px 0; margin:0 0 5px 0;}
	.bdr10 {border-top:2px solid #bd71ae; }
/*----------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------
########################################################################################################
LAYOUT CLASSES
########################################################################################################
------------------------------------------------------------------------------------------------------*/

	/*font size (used in format paragraph)*/
	.sz1 {font-size:9px;}
	.sz2 {font-size:11px;}
	.sz3 {}
	.sz4 {font-size:18px;}

	/*titles*/
	.formTitle {font-size:11px; font-weight:bold; text-transform:uppercase;}
	.planTitle {font-weight:bold; background:url(../imgs/icon_tit1.gif) bottom left no-repeat; padding:20px 0 0 70px;}
	.titleLabel {padding:0 0 7px 0; display:block;}

	/*padding*/
	.pad0 {padding:0;}
	.pad1 {padding:10px;}
	.pad2 {padding:5px;}
	.pad3 {padding:2px;}
	.pad4 {padding:10px 0 0 0;}
	.pad5 {}
	
	/*text align*/
	.alignRight {text-align:right;}
	.alignCenter {text-align:center;}

	/*image align*/
	.imgLeft {padding:0 10px 5px 0; float:left;}
	.imgRight {padding:0 0 5px 10px; float:right;}
	.alignMiddle {vertical-align:middle;}
	.alignBottom {vertical-align:bottom;}
	.alignTop {vertical-align:top;}

	/*result top bar*/
	.resultNav {height:40px;}
	.offre {width:120px; font-weight:bold; padding:16px 0 0 0; float:left;}
	.pages {width:140px; padding:16px 0 0 0; float:left;}
	.liste {width:120px; float:left;}

	/*page nav*/
	.navPart {float:left; width:50%;}

	/*nos bons plans highlight*/
	.txt1 {font-size:24px; font-weight:bold; padding:10px 0 0 80px;}
	.txt2 {font-size:17px; font-weight:bold; padding:0 0 0 80px;}
	.txt3 {font-size:17px; font-weight:bold; padding:30px 2px 0 0; text-align:right;}
	.txt4 {font-size:11px; text-align:right; padding:0 2px 0 0;}

	/*form layout*/
	.formBox {padding:7px; margin:0;margin-left:1px;}
	.formBox label {padding:3px 0 0 0; margin-bottom:3px; font-size:11px;}
	/*.formBox textarea {width:180px; height:100px;}*/
	
	/*field width*/
	.fullfill {width:99%;}
	.num {width:25px;}
	.year {width:50px;}
	.text {width:127px;}
	.longtext {width:280px;}
	.titre {width:55px;}
	
	/*field note*/
	.note {width:150px; float:left; padding:0 0 5px 0;}
	
	/*captions*/
	.cap1 {width:135px; padding:3px 0 0 0; display:block; float:left;}
	.cap2 {width:60px; padding:3px 0 0 0; display:block; float:left;}
	.cap3 {width:200px; padding:3px 0 0 0; display:block; float:left;}
	.cap4 {width:270px; padding:3px 0 0 0; display:block; float:left;}

	/*used in align OK/Submit button to the right*/
	.rightBtn {vertical-align:middle; float:right;}

/*----------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
########################################################################################################
PAGES OBJECTS
########################################################################################################
------------------------------------------------------------------------------------------------------*/
	/*page container*/
	#container {width:778px; margin:auto; text-align:left;}

	/*top menu*/
	#menu {height:26px; padding:0 0 0 90px;}
	#menu ul {margin:0; padding:0; list-style:none;}
	#menu li {margin:0; padding:0; display:inline;}
	#menu img {float:left; display:block;}

	/*left content*/
	#contleft {width:174px; border-left:1px solid #fff; float:left;}	
		#nav {margin:0 0 15px 0; padding:0 0 10px 0;}
		#nav div {margin:0 0 15px 0; padding:4px 7px;}
		#nav ul {margin:0; padding:0; list-style:none;}
		#nav li {margin:0; padding:0; display:inline;}
		#nav a {margin:0 2px 0 1px; padding:2px 2px 3px 17px; display:block;}

		#pres {margin:5px 0 0 0; padding:2px;}
	
	/*center content (3 column mode)*/
	#cont3 {width:429px; float:left;}
		
		/*home center*/
		.homeColumn3 {width:133px; float:left;}
		.homeColumn3 p {margin:0; padding:0;}
		.homeColumn3 a {display:block;}
		#centerLink {padding:0 14px 0 0; clear:both;}
		.imgNote {padding:2px 50px 0 15px;}
		.imgNote p {margin:0; padding:2px 0;}
		.imgNote a {float:right;}

		#selLeft {width:220px; margin:0 0 30px 0; padding:0 30px 0 0; float:left;}
		#selRight {width:120px; margin:0 0 30px 0; padding:30px 0 0 30px; float:left;}
		
	/*center content (2 column mode)*/
	#cont2 {width:598px; margin:2px; float:left;}
		.retour {padding:0 15px 0 0;}
		.formshort {width:450px;}

	/*right content*/
	#contright {width:173px; float:left;}
	
	/*footer*/
	#footer {height:20px; padding:0 0 2px 195px; border-top:2px solid #77C1F0; }
	#footer img {float:right;}

/*----------------------------------------------------------------------------------------------------*/
#contleft, #contright {display:none;}