/*
 * Copyright © 2001-2007, Ecilia SARL, Francis PALLINI
 */

/*
 * Eléments principaux
 */

body, div, p, td, input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
}

body {
	font-size: 70%; margin: 0; background-color: #FFFFFF;
}

b, strong {
	font-weight: bold; color: #004D94;
}

small {
	font-size: 0.8em;
}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #333333;
	padding: 0;
}

h1 {
	font-size: 1.8em; margin: 0.4em 0;
}

h2 {
	font-size: 1.6em; margin: 0.4em 0 0.8em 0;
}

h3 {
	font-size: 1.4em; margin: 0.4em 0;
}

p {
	margin: 0.5em 0 1.5em 0; line-height: 1.25em; text-align: justify;
}

abbr {
	cursor: help;
}

img {
	border: 0; padding: 0;
}

/*
 * Classes communes
 */

span.services {
	font-weight: bold; color: #39890A;
}

span.solutions {
	font-weight: bold; color: #EE7900;
}

span.societe {
	font-weight: bold; color: #AF0A0A;
}

.background0 {
	background-color: #FFFFFF;
}

.background1 {
	background: #E1F4FD url('/images/background1.png') no-repeat right bottom;
}

.background1 h2, .background1 h3 {
	color: #004D94;
}

.background2 {
	background: #E5E5E5 url('/images/background2.png') no-repeat right bottom;
}

.box1 {
	padding: 1em; margin: 1em auto;
}

.box2 {
	padding: 1em 2em; margin: 1em auto;
}

.clear {
	clear: both;
}

.img_right {
	clear: right; float: right; margin: 2em 0px 0px 2em; width: 26em
}

/*
 * Listes
 */

ul 	{
	list-style: url('/images/bullet1.gif') outside; text-align: justify;
}

ul li ul {
	list-style: url('/images/bullet2.gif') outside;
}

ul li {
	margin-bottom: 0.25em;
}

ul.expand li {
	margin-bottom: 0.8em;
}

ul.expand li ul {
	margin-top: 0.8em;
}

ul.expand li ul li {
	margin-bottom: 0.25em;
}

ul.expand li ul.expand li {
	margin: 0.8em 0;
}

/*
 * Liens
 */

a {
	color: #5AC7F7;
}

a:hover {
	color: #004D94;
}

a.strong {
	font-weight: bold;
}

.background1 a, .background2 a {
	color: #004D94;
}

.background1 a:hover, .background2 a:hover {
	color: #5AC7F7;
}

/*
 * Octopus
 */

.border1 .north { background: url('/images/border1/north.png') repeat-x top; padding-bottom: 0em; }
.border1 .east { background: url('/images/border1/east.png') repeat-y right; }
.border1 .south { background: url('/images/border1/south.png') repeat-x bottom; }
.border1 .west { background: url('/images/border1/west.png') repeat-y left; }
.border1 .ne { background: url('/images/border1/ne.png') no-repeat top right; }
.border1 .se { background: url('/images/border1/se.png') no-repeat bottom right; }
.border1 .sw { background: url('/images/border1/sw.png') no-repeat bottom left; }
.border1 .nw { background: url('/images/border1/nw.png') no-repeat top left; padding: 20px; }

.border2 .east { background: url('/images/border2/east.png') repeat-y right; }
.border2 .south { background: url('/images/border2/south.png') repeat-x bottom; }
.border2 .ne { background: url('/images/border2/ne.png') no-repeat top right; }
.border2 .se { background: url('/images/border2/se.png') no-repeat bottom right; }
.border2 .sw { background: url('/images/border2/sw.png') no-repeat bottom left; padding: 9px; }
.border2 .border3 { border: 1px solid #ACACAC; padding: 0.5em; }

/*
 * Accueil (accroche)
 */

body#home {
	margin: 20px 0;
}

#external {
	margin: auto; width: 68em; min-width: 780px;
}

#home #internal {
	position: relative; border: 1px solid #5AC7F7;
	background: url('/images/home/happy_people.png') no-repeat bottom left;
}

#home #internal_maj {
	position: relative; border: 1px solid #5AC7F7;
	background: url('/images/home/ellipse.png') no-repeat bottom left;
}

#panel {
	position: absolute; width: 354px;
}

#panel img#logo {
	margin: 20px 0 0 20px; width: 334px; height: 97px;
}

#panel h1 {
	display: none;
}

#panel p {
	font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-style: italic; font-weight: bold;
	text-align: right;
}

/*
 * Accueil (actualités)
 */

#news_container {
	position: relative; width: 28em; margin: 25px auto 0;
	font-family: Arial, Helvetica, sans-serif;
}

#news_more {
	text-decoration: none;
}

#news_more span {
	font-weight: bold; color: #000000;
	margin-left: 0.5em; padding-left: 1em; background: url('/images/bullet3.gif') no-repeat center left;
}

#news_more a {
	color: #000000; text-decoration: none;
}

#news_more a:hover {
	text-decoration: underline;
}

#news_scroll {
	position: relative; padding: 0 2em 0 0.5em; margin-left: 0.5ex; margin-top: 0.5em;
	border-left: 2px solid #004D94; height: 3em; overflow: hidden;
}

#news_content {
	font-size: 0.8em; position: relative;
}

#news_content p { margin-top: 0 }

#news_container .date {
	color: #004D94;
}

/*
 * Accueil (contenu)
 */

#home #content {
	position: relative; margin: 26px 0 0 417px; min-width: 289px;
}

#home #phone {
	text-align: right; margin-right: 25px;
}

#home #menu {
	width: 28em; margin: 35px auto 0;
}

#home #menu_left {
	float: left; width: 50%;
}

#home #menu_right {
	float: left;
}

#home #menu div.spacer {
	float: left; width: 1px; min-height: 180px;
}

#home #menu img.spacer {
	width: 1px; height: 180px;
}

#home #menu dl {
	margin-top: 0; padding: 0;
}

#home #menu dt {
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.6em;
	white-space: nowrap; width: 3em; padding-bottom: 0.3em; margin-bottom: 0.3em;
}

#home #menu dt a, #home #menu dt a:hover {
	text-decoration: none; color: #004D94;
}

#home dt.services {
	border-bottom: 0.3em solid #39890A;
}

#home dt.solutions {
	border-bottom: 0.3em solid #EE7900;
}

#home dt.societe {
	border-bottom: 0.3em solid #AF0A0A; margin-top: 2em;
}

#home #menu ul, #home #menu dl {
	list-style: url('/images/bullet3.gif') outside; padding-left: 0; margin-left: 0;
}

#home #menu ul {
	margin-top: 6.4em;
}

#home #menu ul li, #home #menu dl dd {
	display: list-item;
	font-family: Arial, Helvetica, sans-serif; font-size: 1.2em;
	padding: 0.3em 0; margin-left: 3em;
}

#home #menu a {
	color: #000000; text-decoration: none;
}

a.strong {
	font-weight: bold;
}

#home #menu a:hover {
	text-decoration: underline;
}

#partners {
	text-align: center; clear: both; margin: 20px 0;
}

/*
 * Bas de page (accueil & article)
 */

#footer {
	position: relative; margin: 0 auto 20px; width: 68em; min-width: 780px;
}

#footer ul {
	display: block; list-style: none;
	position: absolute; right: 0; padding: 0 25px 0 0; margin: 0;
}

#footer ul li {
	display: list-item;
	float: left; margin-left: 2em; padding-left: 1em; font-size: 0.8em;
	background: url('/images/bullet4.gif') no-repeat left center;
}

#footer a {
	color: #666666; text-decoration: none;
}

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

p#copyright {
	color: #666666; font-size: 0.8em;
	position: absolute; padding: 0 0 0 25px; margin: 0;
}

#footer div.spacer {
	min-width: 700px; height: 1px;
}

#footer img.spacer {
	width: 700px; height: 1px;
}

/*
 * Article (en-tête)
 */

body#article {
	margin: 20px 0;
}

#article #internal {
	border: 1px solid #5AC7F7;
}

#header {
	text-align: right; top: 0;
}

#header #logo {
	float: left; margin: 1em 0 1.4em 2em;
}

#header h1 {
	margin-top: 0; margin-right: 1.1em; padding-top: 0.6em;
}

#header #underline {
	float: right; width: 5em; height: 0.6em; margin-right: 2em;
	background-color: #00A6EF;
}

.article_1 #header #underline {
	background-color: #39890A;
}

.article_2 #header #underline {
	background-color: #EE7900;
}

.article_4 #header #underline {
	background-color: #AF0A0A;
}

/*
 * Article (menu)
 */

#article #menu {
	height: 3em; padding-top: 1px;
	background: url('/images/article/menu.gif') repeat-x top;
}

#article #menu #buttons {
	float: right; margin: 0 1.8em 0 0;
}

#article #menu ul {
	display: block; list-style: none; float: right; margin: 0;
}

#article #menu ul li {
	float: left; margin-right: 0.5em; padding: 0.5em 0em 8px 0em;
	background: white url('/images/article/tab2.gif') repeat-x bottom;
}

#article #menu ul li a {
	padding: 0.5em 0em 8px 0.8em;
	background: url('/images/article/tab1.gif') no-repeat left bottom;
}

#article #menu ul li span {
	padding: 0.5em 0.8em 8px 0em;
	background: url('/images/article/tab3.gif') no-repeat right bottom;
}

#article #menu li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000; font-weight: bold; text-decoration: none;
}

#article #menu li.services a {
	color: #39890A;
}

#article #menu li.solutions a {
	color: #EE7900;
}

#article #menu li.societe a {
	color: #AF0A0A;
}

#article #phone {
	float: left; margin: 11px 0 0 22px;
}

/*
 * Article (contenu)
 */

#article #content {
	margin: 2em auto; width: 60em;
}

div.layout1#left {
	float: left; width: 33em;
}

div.layout1#right {
	float: left; width: 26em; margin-left: 1em;
}

.layout2 #outside {
}

.layout2 #inside {
	float: right; width: 26em; margin: 1em 0 0 2em;
}

.news_box {
	margin: 2em;
}

/*
 * Formulaires
 */

fieldset, input, textarea, select {
	font-size: 100%;
}

input, textarea, select {
	border: 1px solid #CCCCCC;
}

fieldset legend {
	font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.6em; color: #333333;
	padding: 1ex; margin: 0;
}

form .error {
	background-color: #FFDDDD;
}

#error_fade {
	border: 1px solid #990000; margin: 0 1em 1em; padding: 1em;
}

#error_fade strong {
	color: #990000;
}

#error_fade ul {
	list-style-image: url('/images/bullet5.gif');
}

/*
 * Formulaire de contact
 */

form#contact {
	background: url('/images/forms/britannia.png') no-repeat left 20px;
	padding-left: 240px; min-height: 282px; margin: 0 1em;
}

form#contact fieldset {
	width: 70ex;
}

form#contact label {
	text-align: right; float: left; width: 19ex; padding: 0.3ex 1ex 0 0;
}

form#contact input.text {
	width: 46ex;
}

form#contact textarea {
	width: 46ex; height: 12em;
}

form#contact #submit {
	width: 66ex;
}

form#contact #submit input {
	float: right;
}

#contact_success {
	background: url('/images/forms/britannia.png') no-repeat left 20px;
	padding: 1em 0 0 240px; height: 282px; margin: 0 1em;
}

#contact_success p {
	border: 1px solid #004D94; margin: 1em; padding: 1em;
}

/*
 * Formulaire Call Expert
 */

form#callexpert {
	background: url('/images/forms/casque.png') no-repeat left 20px;
	padding-left: 240px; min-height: 282px; margin: 0 1em;
}

form#callexpert fieldset {
	width: 70ex;
}

form#callexpert label {
	text-align: right; float: left; width: 19ex; padding: 0.3ex 1ex 0 0;
}

form#callexpert input.text {
	width: 46ex;
}

form#callexpert textarea {
	width: 46ex; height: 12em;
}

form#callexpert #submit {
	width: 66ex;
}

form#callexpert #submit input {
	float: right;
}

form#callexpert #preview {
	margin-top: 2em;
}

form#callexpert iframe {
	width: 72ex; height: 30em;
	border: 2px groove #F0F0F0;;
}

#callexpert_success {
	background: url('/images/forms/casque.png') no-repeat left 20px;
	padding: 1em 0 0 240px; height: 320px; margin: 0 1em;
}

#callexpert_success div {
	border: 1px solid #004D94; margin: 1em; padding: 1em;
}

/*
 * Formulaire de rappel
 */
 
form#recall {
	min-height: 282px; margin: 0em;
}

form#recall fieldset {
	width: 58ex;
}

form#recall label {
	text-align: right; float: left; width: 20ex; padding: 0.3ex 1ex 0 0;
}

form#recall input.text {
	width: 30ex;
}

form#recall textarea {
	width: 46ex; height: 12em;
}

form#recall #submit {
	width: 51ex;
}

form#recall #submit input {
	float: right;
}

/*
 * Implantations
 */

#map {
	width: 400px; height: 425px; margin: 3em 0 3em 1em;
}

/*
 * Majic
 */

#warning_fade {
	background-color: #E3F0FC;
	border: 1px solid #004C92; margin: 0 1em 1em; padding: 1em 1em 0 1em;
}

#warning_fade strong {
	color: #004C92;
}

#warning_fade ul {
	list-style-image: url('/images/bullet1.gif');
}

#success_fade {
	background-color: #DEFCD1;
	border: 1px solid #316F17; margin: 0 1em 1em; padding: 1em 1em 0 1em;
}

#success_fade img {
	float: left;
	margin: 0 1em 1em 0;
}

#success_fade span {
	line-height: 16px;
}

#home #menu_maj {
	height: 3em; padding-top: 1px;
	background: url('/images/article/menu.gif') repeat-x top;
}

form#data {
	width: 84ex;
	margin: auto;
}

form#data label {
	text-align: right; float: left; width: 38ex; padding: 0.3ex 1ex 0 0;
}

form#data input.text {
	width: 40ex;
}

form#data select {
	width: 40.4ex;
}

form#data #submit {
	width: 79.4ex;
}

form#data #submit input {
	float: right;
	margin-bottom: 2ex;
}

form#data .check_news {
	width: 80ex;
}

form#data #phone {
	text-align: left;
}

.maj_desc {
	margin: -1em 2em 1.4em 2em;
}

/*
 * Actualités (page Twitter)
 */
 
#latest_tweet {
	font-size: 1.4em;
}