/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(images/body-tail.gif) center top;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

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


html, input, textarea
	{
		font-family:Helvetica, Arial, Times, serif;
		font-size:0.95em;
		line-height:1.4em;
		color:#434343;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#19b6c5; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

li { background:url(images/fleche-bleu.png) no-repeat 0 12px; padding-left:19px; line-height:2em;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent2 {margin:0 13px 0 0; float:left;}

/* ============================= header ====================== */



#header {padding:36px 0 14px 0; margin:0 38px 0 39px;}
#header .menu {border-top:2px solid #f3f3f4; border-bottom:2px solid #f3f3f4;}
* #header .menu {padding:2px 0 2px 0;}

#header .row1 {height:72px;}
#header .menu {padding:3px 0 4px 0;}
#header .menu ul {padding:5px 0 3px 0;}
#header .menu li {display:inline; font-size:1.4em; line-height:1em; text-transform:uppercase; font-weight:bold; padding:0; background:none;}
#header .menu li a {color:#333333; text-decoration:none;}
#header .menu li a:hover, #header .menu .active a {color:#18b5c4;}


#header .row2 {text-align:center; margin:0 50px;}

#header .menu .icon-list {float:right; width:16px; padding:0;}
.icon-list li {float:left; vertical-align:top;}
.icon-list img {vertical-align:top;}


h1 {font-size:2em; line-height:1em; color:#333333; letter-spacing:-2px; padding-bottom: 10px; }
.slogan {color:#dedede; font-size:3.333em; line-height:1em; display:block; margin-top:-10px; float:left; margin-right:20px;}


/* ============================= content ====================== */

#content .row2 {border-top:2px solid #f3f3f4; background:#fbfbfb; padding:28px 35px 40px 39px;}
.col-pad {padding-right:35px;}

#content .indent {padding:43px 35px 41px 39px;}

h2 {color:#333333; font-size:1.6em; line-height:1em; letter-spacing:-1px; margin:10px 0;}
h2 em {font-size:1.333em;}

h3 {color:#26c1d0; font-size:1.4em; line-height:1em;}
.margin1 {margin-top:40px;}
.margin2 {margin-top:30px;}
.margin3 {margin-top:20px;}

.link {background:#333333 url(images/link-right-bg.gif) right top no-repeat; display:inline-block; font-size:1.5em; line-height:1em; color:#fff; text-decoration:none; margin-top:21px;}
.link strong {background:url(images/link-left-bg.gif) left top no-repeat; padding:4px 19px 0 18px; height:27px; display:inline-block;}

.link2 {background:url(images/link2-tail-bg.gif) top repeat-x; display:inline-block; font-size:1.5em; line-height:1em; color:#fff; text-decoration:none;}
.link2 strong {background:url(images/link2-right-bg.gif) right top no-repeat; display:inline-block; }
.link2 strong strong {background:url(images/link2-left-bg.gif) left top no-repeat; padding:4px 19px 0 18px; height:27px;}

.date {background:url(images/link2-tail-bg.gif) top repeat-x; display:inline-block; font-size:1.083em; line-height:1em; color:#fff; text-decoration:none; margin-bottom:13px; text-transform:uppercase;}
.date strong {background:url(images/link2-right-bg.gif) right top no-repeat; display:inline-block; }
.date strong strong {background:url(images/link2-left-bg.gif) left top no-repeat; padding:7px 10px 0 12px; height:24px;}

.gallery {margin:0 -1px -1px 0;}
.gallery img {margin:0 1px 1px 0;}
.taright {text-align:right;}
.phone {width:93px; display:inline-block;}
.text2 {color:#1fb7c4;}

/* ============================= footer ====================== */

#footer {border-top:2px solid #f3f3f4; color:#333333; padding:15px 34px 0 40px;}
#footer a {text-decoration:none; color:#333333;}
#footer a:hover {text-decoration:underline;}
#footer .menu {float:right;}
#footer .menu li {display:inline; background:none; border-left:1px solid #b4b4b4; padding:0 5px 0 8px; line-height:1em;}
#footer .menu li a {color:#949494;}
#footer .menu .first {border:none;}

/* ============================= forms ============================= */

#SearchForm {float:right; padding:2px 0 0 0;}
#SearchForm label {height:33px; width:295px; display:block; background:url(images/search-input.gif) left top no-repeat;}
#SearchForm .input {width:263px; border:none; background:none; padding:7px 0 3px 32px; font-size:1.083em; color:#333333;}

* html #SearchForm .input {padding:3px 0 1px 32px;}
*+html #SearchForm .input {padding:3px 0 1px 32px;}

#ContactForm label {height:30px; display:block;}
#ContactForm .textarea {background:url(images/textarea-bg.gif) no-repeat 0 0; padding:10px 0 10px 5px; height:82px;}
#ContactForm .left {background:url(images/input-bg.gif) left top no-repeat; width:268px; height:45px;}
#ContactForm .link2 {margin-left:15px;}
#ContactForm .extra {margin-right:21px;}
#ContactForm .taright {padding:10px 0 0 0;}

.input {width:170px; border:none; background:none; padding:5px 0 5px 10px; font-size:1em; color:#333;}
textarea {width:525px; height:125px; background:none; padding:0 0 0 5px; margin-bottom:15px; margin-right: 10px; overflow:auto; font-size:0.9em; color:#333;}

fieldset{margin-left: 0.6em; padding-left: 1.5em;}
legend{	font-weight: bold;	font-size: 96%;}

input.text_input, textarea {  border:#26C1D0 1px solid; overflow: auto;}
input.text_input { width: 280px;}


/* begin Menu */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
	text-align:left;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
}

.art-menu, .art-menu ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.art-menu li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
}

.art-menu li:hover
{
	z-index: 10000;
	white-space: normal;
}

.art-menu li li
{
	float: none;
}

.art-menu ul
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background:none;
}

.art-menu li:hover>ul
{
	visibility: visible;
	top: 100%;
}

.art-menu li li:hover>ul
{
	top: 0;
	left: 100%;
}

.art-menu:after, .art-menu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.art-menu, .art-menu ul
{
	min-height: 0;
}

.art-menu ul
{
	background-color:#eee;
	padding: 10px 30px 30px 30px;
	margin: 0 0px;
}

.art-menu ul ul
{
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;

}





/* menu structure */

.art-menu
{
	padding: 0px 0px 0px 0px;
}

.art-nav
{
	position: relative;
	height: 25px;
	z-index: 100;
}

.art-nav .l, .art-nav .r
{
	position: absolute;
	z-index: -1;
	top: 0;
	height: 25px;
}

.art-nav .l
{
	left: 0;
	right:0px;
}

.art-nav .r
{
	right: 0;
	width: 1150px;
	clip: rect(auto, auto, auto, 1150px);
}


/* end Menu */

/* begin MenuItem */
.art-menu ul li
{
	clear: both;
}

.art-menu a
{
	position:relative;
	display: block;
	overflow:hidden;
	height: 25px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
}


.art-menu a .r, .art-menu a .l
{
	position:absolute;
	display: block;
	top:0;
	z-index:-1;
	height: 75px;
/*	background-image: url('images/MenuItem.png'); */
}

.art-menu a .l
{
	left:0;
	right:0px;
}

.art-menu a .r
{
	width:400px;
	right:0;
	clip: rect(auto, auto, auto, 400px);
}

.art-menu a .t 
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
	color: #333;
	padding: 0 10px;
	margin: 0 0px;
	line-height: 25px;
	text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
	top:-25px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
	top:-25px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
	top:-25px;
}
.art-menu a:hover .t
{
	color: #18b5c4;
}

.art-menu li:hover a .t
{
	color: #18b5c4;
}

.art-menu li:hover>a .t
{
	color: #18b5c4;
}



/* end MenuItem */

/* begin MenuSubItem */
.art-menu ul a
{
	display:block;
	text-align: center;
	white-space: nowrap;
	height: 24px;
	width: 199px;
	overflow:hidden;
	line-height: 24px;
	margin-right: auto;
/*	background-image: url('images/subitem-bg.png');
	background-position: left top;
	background-repeat: repeat-x;
*/	border-width: 0px;
	border-style: solid;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
	display: inline;
	float: none;
	margin: inherit;
	padding: inherit;
	background-image: none;
	text-align: inherit;
	text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
	text-align: left;
	text-indent: 12px;
	text-decoration: none;
	line-height: 24px;
	color: #F5F3EB;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.art-menu ul ul a
{
	margin-left: auto;
}

.art-menu ul li a:hover
{
	color: #18b5c4;
	background-position: 0 -24px;
}

.art-menu ul li:hover>a
{
	color: #18b5c4;
	background-position: 0 -24px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
	color: #18b5c4;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
	color: #18b5c4;
}


/* end MenuSubItem */

.col-1 h3 {
	padding-bottom: 15px;	
}

p.col-saas{
	margin: 0 10px;
	padding: 10px;
	text-align: center;
	border: #26C1D0 1px solid ; 
}

.title-saas h3, .title-saas h4{
	text-align: center;
}