* { margin:0; padding:0;}
body { background:#fff; font-family:Tahoma, Arial, helvetica, sans-serif; font-size:100%; line-height:1em; color:#4f5a5b; }

input, textarea { font-family:Tahoma, Arial, helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0;}

.tail-top { background:url(images/tail-top.gif) left top repeat-x #fff;}
.tail-left { background:url(images/tail-left.gif) repeat-y left;}
.tail-right { background:url(images/tail-right.gif) repeat-y right; padding:15px 55px 0 55px;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:36px; font-size:.92em;}
.form input {width:167px; padding:2px 0 2px 3px; background:#fff; border:1px solid #a4a4a4;}
textarea { width:196px; height:123px; background:#fff; overflow:auto;  border:1px solid #a4a4a4; padding:2px 0 0 3px; }
.encadre {padding:10px;border:1px solid #bfbfbf;}
	.encadre ul {margin-left: 20px;}

.bon {
	font-weight: bold;
	background: url(images/sent.png) center left no-repeat;
	padding: 5px 0 0px 60px;
	margin: 0 0 15px 0;
}
.red {
	color: #A21D21;
	background: url(images/error.png) center left no-repeat;
	padding: 20px 0 0px 60px;
	margin: 0 0 15px 0;
}

/*==================list====================*/
ul { list-style:none;}

.site-nav {width:100%; overflow:hidden;}
.site-nav li { display:inline; background:url(images/divider.gif) no-repeat left top; float:left; margin-left:-2px;}
.site-nav li a { font-size:1.17em; text-decoration:none; color:#fff; font-weight:bold; padding:25px 36px 25px 35px; float:left; display:block;}
.site-nav li a:hover, .site-nav li a.selected { background:#384761; }


.footer-nav { width:100%; overflow:hidden; font-size:.83em;}
.footer-nav li { display:inline; float:left; color:#263047; line-height:.91em; margin-left:-10px; border-left:1px solid #263047}
.footer-nav li a { display:block; float:left; color:#263047; text-transform:uppercase; text-decoration:none; padding:0 20px 2px 10px;}
.footer-nav li a:hover { text-decoration:underline;}

.list li { background:url(images/marker-1.gif) no-repeat left 5px; padding:0 0 9px 16px;}
.list li a { color:#3f3f3f;}


/*==================other====================*/
.p1 { margin-bottom:25px;}
.p2 { margin-top:10px;}
.p3 { margin-top:20px;}
.p4 { padding-bottom:10px;}

.phone { float:right;}
.phone1 { float:right; margin-right:155px;}

.centpourcent {width:100%;}
.rounded { border-radius:14px 0 0 0;-moz-border-radius:14px 0 0 0;-webkit-border-radius:14px 0 0 0;}
img.centered {display: block; margin: 0 auto;}
.margin20 {margin:20px;}


/*==================txt, links, lines, titles====================*/
a {color:#3f3f3f;}
a:hover{text-decoration:none;}

h2 { font-size:1.3em; } 
h3 { color:#0967b3; font-size:1em; margin-bottom:15px;}
#page7 h3, #page2 h3 {margin: 15px 0 5px 0;}
h4 { font-size:.92em; font-weight:normal; color:#0967b3; margin-bottom:6px;}

.txt1 { color:#0967b3;}
.txt2 { font-size:.92em;}

.link { background:url(images/marker-2.gif) no-repeat right center; color:#0967b3; font-size:.92em; padding-right:14px; text-decoration:none; margin-bottom:10px;}
.link:hover { text-decoration:underline;}

.link1 { display:block; float:left; color:#000; font-size:.92em; text-decoration:none; background:url(images/link1-left.gif) no-repeat left top;}
.link1 em { display:block; background:url(images/link1-right.gif) no-repeat right top;  padding:0px 8px 0px 8px;}
.link1 b { display:block; background:url(images/link1-bgd.gif) left top repeat-x; font-style:normal; padding:5px 4px 6px 4px;}
.link1:hover { text-decoration:underline;}

.line-hor { background:url(images/line-2.gif) repeat-x bottom; padding-bottom:20px; margin-bottom:20px;}
.line-ver1 { background:url(images/line-1.gif) repeat-y 267px 0;}
.line-ver2 { background:url(images/line-1.gif) repeat-y 553px 0;}
.line-ver3 { background:url(images/line-1.gif) repeat-y 436px 0;}

.title { margin-bottom:16px;}
.title .icon1 { background:url(images/title-icon1.gif) no-repeat left center; padding-left:41px;}
.title .icon2 { background:url(images/ico-actus.png) no-repeat left center; padding-left:41px; height:46px;}
.title .icon3 { background:url(images/title-icon3.gif) no-repeat left center; padding-left:41px;}
.title .icon4 { background:url(images/title-icon4.gif) no-repeat left center; padding-left:41px;}
.title .icon5 { background:url(images/title-icon5.gif) no-repeat left center; padding-left:41px;}
.title .icon6 { background:url(images/ico-contact.png) no-repeat left center; padding-left:41px;}


/*==================boxes====================*/
#header .row-1 .nav-box {  background:url(images/nav-bg.gif) repeat-x; width:100%; overflow:hidden;}
#header .row-1 .nav-box .left { background:url(images/nav-left.gif) no-repeat left top;}
#header .row-1 .nav-box .right { background:url(images/nav-right.gif) no-repeat right top; padding:0px;}


.box { background:#f2f2f2 url(images/box-bg.gif) repeat-x bottom; width:100%;}
.box .border-top {background:url(images/border-top.gif) repeat-x top;}
.box .border-bot {background:url(images/border-bot.gif) repeat-x bottom;}
.box .border-left {background:url(images/border-left.gif) repeat-y left;}
.box .border-right {background:url(images/border-right.gif) repeat-y right;}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom;}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:20px 24px 5px 17px;}
#footer .box .inner { padding:12px 0 15px 20px;}
.box .icon { padding:3px 0 0 11px;}
.box .title { margin-bottom:12px;}

.box1 { background:#f4fbff; width:100%; line-height:1.42em;}
.box1 .left-top-corner {background:url(images/left-top-corner1.gif) no-repeat left top;}
.box1 .right-top-corner {background:url(images/right-top-corner1.gif) no-repeat right top;}
.box1 .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom;}
.box1 .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom; }
.box1 .inner { padding:0px 23px 22px 20px;}


/*=========== Anim simply2sms  ===================*/
#simplyanim {position:absolute;top:500px; left:100px; height:570px;}
#img_changer {width:240px !important; font-size:1em;}
	#img_changer p {color:#676767; padding-right:3px;}
	#img_changer_buttons {background:url(images/bg_selector.png) no-repeat 0 0; display: block; width:211px; height:40px;position:absolute; top:200px;}
	#img_changer_highlight {background:url(images/img_changer_highlight.png) no-repeat 2px 4px; width:211px; height:38px;list-style:none;}
		#img_changer_highlight li {font-size:1em; float:left;}
	#img_changer_highlight { background-position:2px 4px /* included for animation */ }
	#img_changer_buttons a {font-size:1.5em; color:#5e5e5e; letter-spacing:-0.02em; text-decoration:none; margin:8px 23px 3px 19px; display:block;}
	#img_changer {height:220px;overflow:hidden;}

#iphone_top {background:url(images/bg_phone_top.png) no-repeat 5px 5px; display:block; width:251px; height:453px; position:absolute;z-index:100;right:25px;top:0px;}
		#iphone_shadow {background:url(images/bg_iphone_shadow.png) no-repeat 0 0; display:block; width:317px; height:52px; position:absolute;z-index:100;right:-8px; top:453px;}
			#iphone_display {height:310px;overflow:hidden;position:absolute;width:208px;right:45px;top:78px;}
			#iphone_imgs {position:absolute; left:0px;top:0px; width:832px;}
			#iphone_imgs img {display:inline;float:left;top:-400px;/*top:0;*/}
			#state_2_text,
			#state_3_text,
			#state_4_text {display:none;}	
			#state_1_text, #state_2_text, #state_3_text, #state_4_text{width:240px;height:220px;}
			
.col_right {width:240px; /*background:url(images/hr_sidebar.png) no-repeat bottom left;*/}
.columns {margin:	0px 30px 0 50px;
	padding-top: 19px;
	padding-right: 0px;
	padding-bottom: 0pt;
	padding-left: 13px;
	position: relative;
	padding-top: 25px;
	padding-right: 294px;
	padding-bottom: 0pt;
	padding-left: 13px;
}
.columns h4 {font-size:1.5em; color:#0967b3;/*letter-spacing:-0.02em;*/margin-bottom:8px; font-weight:bold;}
/* =Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*================================================*/


/*header*/
#header .left { background:url(images/header-left.gif) no-repeat left bottom; width:100%;}
#header .right { background:url(images/header-right.gif) no-repeat right bottom; padding:0px;}
#header .row-1 { height:205px; width:100%; overflow:hidden;}
#header .row-1 .fleft { padding:10px 0 10px 50px;}
#header .row-1 .indent { padding:0 40px 0 40px;}
#header img#baseline {position:absolute;top:40px; right:55px;}
#header img#headerleft {position:absolute;top:0px;left:0px;}
#header img#headerright {position:absolute;top:0px;right:0px;}
/*#header .row-2 { height:344px; padding-left:40px;}*/



/*content*/
#content { line-height:1.25em; padding:0 0 30px 0;}
#content .indent { padding:30px 0 0 21px;}
#page3 #content .indent { padding:30px 0 27px 21px;}

/*footer*/
#footer {text-transform:uppercase;padding-bottom:10px;}
#footer p { font-size:.83em; margin-top:2px;}
#footer p span { color:#5e97e4} 
#footer p a { color:#263047; text-transform:none; margin-left:6px;}

/*==========================================*/