/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

.clear { clear : both;}
/* html 5 */
header, nav, section, aside, footer, article, figure {
  margin:0;padding:0;color:#000;background:#FFF;border:0;zoom: 1;display: inline-block;display : block;
}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
http://yui.yahooapis.com/2.8.0r4/build/base/base-min.css
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   http://www.blueprintcss.org/blueprint/src/forms.css
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text],
input.text, input.title, 
textarea, select { 
  background-color:#fff; 
  border:1px solid #bbb; 
}
input[type=text]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus { 
  border-color:#666; 
}

input[type=text], 
input.text, input.title,
textarea, select {
  margin:0;
}

input.text, 
input.title   { padding:0; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
  position:relative; top:.25em; 
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/* end form.css */

body, html{
  background : #eceded;
  margin : 0;
  padding : 0;
  font-family : Arial, sans-serif;
}

a {
  color : #000000;
}

#page {
  width : 900px;
  padding : 0 30px;
  margin : 0 auto;
  background : url(../images/bg-page.png) repeat-y 0 0;
}

header {
  height : 202px;
  overflow : hidden;
  position : relative;
  background : url(../images/bg-header.jpg) no-repeat 0 0;
}

#home-link {
  position : absolute;
  display : block;
  width : 300px;
  height : 200px;
}

#baseline {
  position : absolute;
  top : 135px;
  left : 134px;
  color : #ffffff;
  font-size:0.8em;
}

#baseline h1{
  font-size : 1em;
  color : #ffffff;
  margin : 0;
  font-weight : normal;
}

#login-form {
  position : absolute;
  top : 0;
  right : 0;
  width : 160px;
  height : 50px;
  background : url(../images/bg-login-form.png) no-repeat 0 0;
  padding-left : 37px;
  padding-right : 54px;
  background-color : #c70063;
  font-size : 10px;
  text-align : right;
  line-height : 1.6em;
}

#login-form  fieldset {
  padding : 0;
  margin : 0;
  border : 0;
}

#login-form  legend {
  color : #f7cd01;
  padding-left:20px;
}

#login-form  label {
  color : #ffffff;
  text-transform : uppercase;
}

#login-form  .bouton-ok {
  background : url(../images/bouton-ok.png) no-repeat 0 0;
  border : 0;
  margin : 0;
  padding : 0;
  width : 54px;
  height : 50px;
  position : absolute;
  top : 0;
  right : 0;
  overflow : hidden;
}

.text-login {
  width : 90px;
}

.text-password {
  width : 58px;
}

nav {
  height : 22px;
  line-height : 22px;
  overflow : hidden;
  background : #c035b0;
}

nav ul {
  list-style : none;
  margin : 0 auto;
  width : 742px;
}

nav ul li {
  list-style : none;
  display : block;
  float : left;
}

nav ul li a{
  background-image : url(../images/nav.png);
  background-repeat : no-repeat;
  display : block;
}

a.nav-accueil {background-position : 0 0;width: 71px;text-indent:-9999px;}
a.nav-societe {background-position : -71px 0;width: 76px;text-indent:-9999px;}
a.nav-concept {background-position : -147px 0;width: 80px;text-indent:-9999px;}
a.nav-utiliser-efficalenda {background-position : -227px 0;width: 154px;text-indent:-9999px;}
a.nav-formation {background-position : -381px 0;width: 93px;text-indent:-9999px;}
a.nav-assistance {background-position : -474px 0;width: 99px;text-indent:-9999px;}
a.nav-partenaire {background-position : -573px 0;width: 95px;text-indent:-9999px;}
a.nav-contact {background-position : -668px 0;width: 73px;text-indent:-9999px;}

a.nav-accueil:hover, a.nav-accueil:active, a.nav-accueil:focus, a.nav-accueil.active , .nav-accueil a.nav-accueil {background-position : 0 -22px;}
a.nav-societe:hover, a.nav-societe:active, a.nav-societe:focus, a.nav-societe.active, .nav-societe a.nav-societe {background-position : -71px -22px;}
a.nav-concept:hover, a.nav-concept:active, a.nav-concept:focus, a.nav-concept.active, .nav-concept a.nav-concept {background-position : -147px -22px;}
a.nav-utiliser-efficalenda:hover, a.nav-utiliser-efficalenda:active, a.nav-utiliser-efficalenda:focus, a.nav-utiliser-efficalenda.active, .nav-utiliser-efficalenda a.nav-utiliser-efficalenda {background-position : -227px -22px;}
a.nav-formation:hover, a.nav-formation:active, a.nav-formation:focus, a.nav-formation.active, .nav-formation a.nav-formation {background-position : -381px -22px;}
a.nav-assistance:hover, a.nav-assistance:active, a.nav-assistance:focus, a.nav-assistance.active, .nav-assistance a.nav-assistance {background-position : -474px -22px;}
a.nav-partenaire:hover, a.nav-partenaire:active, a.nav-partenaire:focus, a.nav-partenaire.active, .nav-partenaire a.nav-partenaire {background-position : -573px -22px;}
a.nav-contact:hover, a.nav-contact:active, a.nav-contact:focus, a.nav-contact.active, .nav-contact a.nav-contact {background-position : -668px -22px;}


#content {
  background-color : #ffffff;
  padding : 10px 20px;
  font-size:14px;
}

.col1-3 {
  float : left;
  width : 160px;
  margin-right : 20px;
}

.col2-3 {
  float : left;
  width : 310px;
  margin-right : 15px;
  padding-left : 15px;
  background : url(../images/col-sep.png) repeat-y 0 0;
}

.col3-3 {
  float : left;
  width : 310px;
  padding-left : 15px;
  background : url(../images/col-sep.png) repeat-y 0 0;
}

#content h1{
  color : #f24ff2;
  font-size :	24px;
  margin-top : 0;
}

#content h2{
  color : #f24ff2;
  margin-bottom:0.5em;
  font-weight : normal;
  font-size :	20px
}

#content h3 {
  margin : 0;
  font-size : 1.2em;
}

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

#content h3 a:hover, #content h3 a:focus, #content h3 a:active {
  text-decoration : underline;
}

a.read-more {
  color : #f24ff2;
  font-size : 1.4em;
  text-decoration : none;
  padding-left : 5px;
  font-weight : bolder;
}

article {
  padding-left : 80px;
}

.article-inscrivez {
  margin-top : -20px;
  padding-top : 30px;
  padding-bottom : 20px;
}

.article-organisez  { background : url(../images/article-icone.png) no-repeat 0 0; }
.article-sollicitez  { background : url(../images/article-icone.png) no-repeat 0 -100px; }
.article-inscrivez  { background : url(../images/article-icone.png) no-repeat 0 -200px;  }
.article-pro  { background : url(../images/article-icone.png) no-repeat 0 -300px; }
.article-innovant  { background : url(../images/article-icone.png) no-repeat 0 -400px; }
.article-entreprise  { background : url(../images/article-icone.png) no-repeat 0 -500px; }

.widget {
}

.widget-title {
  height : 26px;
  line-height : 29px;
  text-transform : uppercase;
  font-weight : bolder;
  text-align : center;
  background : #410341 url(../images/widget-title.png) no-repeat 0 0;
  font-size : 11px;
  color : #ffffff;
}

.widget-content {
  background : #8c1a6a url(../images/widget-content.png) no-repeat 0 bottom;
  color : #ffffff;
  padding : 10px 13px 10px 10px;
  font-size : 11px;
}

.widget a{
  text-decoration : none;
  color : #F24FF2;
}

.widget a:hover, .widget a:active, .widget a:focus {
  text-decoration : underline;
}

section {
}

aside {
}

footer {
  clear : both;
  margin : 0 auto;
  padding : 8px 30px 13px;
  width : 900px;
  height : 55px;
  overflow : hidden;
  text-align : center;
  font-size : 10px;
  background : url(../images/footer-bg.png) no-repeat 0 0;
}

footer  p {
  margin-bottom : 0.3em;
  color : #656466;
}

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

footer  a:hover, footer  a:focus, footer  a:active {
  text-decoration : underline;
}

form fieldset  table {
  width : 100%;
}

form fieldset  table td, form fieldset  table th{
  border : none;
}

.back-to-top {
  float : right;
}

.nav-assistance #content {
  padding-left : 130px;
  background : #ffffff url(../images/ico_assistance.jpg) no-repeat 25px 5px;
}

.concet01 {
  padding-left : 130px;
  background : url(../images/ico_concept_01.jpg) no-repeat 25px 0;
}

.concet02 {
  padding-left : 130px;
  background : url(../images/ico_concept_02.jpg) no-repeat 25px 0;
}

.nav-formation  #content{
  padding-left : 130px;
  background : #ffffff url(../images/ico_formation.jpg) no-repeat 25px 5px;
}

#societe2  {
  padding-left : 170px;
  background : #ffffff url(../images/ico_societe.jpg) no-repeat 20px 0;
}
#societe1  {
  padding-left : 190px;
  background : #ffffff url(../media/img_societe.jpg) no-repeat 0 0;
  margin-left : -20px;
}

#fiche-contact {
  padding-left : 150px;
  background : url(../images/ico_efficalendar_01.jpg) no-repeat 25px 0;
}
#bibliotheques {
  padding-left : 150px;
  background : url(../images/ico_efficalendar_05.jpg) no-repeat 25px 0;
}
#pastilles-couleur {
  padding-left : 150px;
  background : url(../images/ico_efficalendar_02.jpg) no-repeat 25px 0;
}
#rendez-vous-manques {
  padding-left : 150px;
  background : url(../images/ico_efficalendar_03.jpg) no-repeat 25px 0;
}
#alertes {
  padding-left : 150px;
  background : url(../images/ico_efficalendar_04.jpg) no-repeat 25px 0;
}
#agenda-personnalise {
  padding-left : 150px;
  background : url(../images/ico_efficalendar_05.jpg) no-repeat 25px 0;
}
#agenda-mobile {
  padding-left : 150px;
  background : url(../images/ico_efficalendar_06.jpg) no-repeat 25px 0;
}
#agenda-securise {
  padding-left : 150px;
  background : url(../images/ico_efficalendar_07.jpg) no-repeat 25px 0;
}
#panne-internet {
  padding-left : 150px;
  background : url(../images/ico_efficalendar_07.jpg) no-repeat 25px 0;
}
#independance {
  padding-left : 150px;
  background : url(../images/ico_efficalendar_08.jpg) no-repeat 25px 0;
}

#article-innovant1 { padding-left : 130px;background : url(../images/ico_article-innovant_01.jpg) no-repeat 25px 0;}
#article-innovant2 { padding-left : 130px;background : url(../images/ico_article-innovant_02.jpg) no-repeat 25px 0;}
#article-innovant3 { padding-left : 130px;background : url(../images/ico_article-innovant_03.jpg) no-repeat 25px 0;}
#article-innovant4 { padding-left : 130px;background : url(../images/ico_article-innovant_04.jpg) no-repeat 25px 0;}

#agenda-professionnel1 { padding-left : 130px;background : url(../images/ico_agenda-professionnel_01.jpg) no-repeat 25px 0;}
#agenda-professionnel2 { padding-left : 130px;background : url(../images/ico_agenda-professionnel_02.jpg) no-repeat 25px 0;}
#agenda-professionnel3 { padding-left : 130px;background : url(../images/ico_agenda-professionnel_03.jpg) no-repeat 25px 0;}

#gestion-rendez-vous1 { padding-left : 130px;background : url(../images/ico_gestion-rendez-vous_01.jpg) no-repeat 25px 0;}
#gestion-rendez-vous2 { padding-left : 130px;background : url(../images/ico_gestion-rendez-vous_02.jpg) no-repeat 25px 0;}
#gestion-rendez-vous3 { padding-left : 130px;background : url(../images/ico_gestion-rendez-vous_03.jpg) no-repeat 25px 0;}

#prise-rendez-vous1 { padding-left : 130px;background : url(../images/ico_prise-rendez-vous_01.jpg) no-repeat 25px 0;}
#prise-rendez-vous2 { padding-left : 130px;background : url(../images/ico_prise-rendez-vous_02.jpg) no-repeat 25px 0;}

.failure { 
	padding: 3px 10px 3px 40px; 
	background: url(../images/information_2.png) 16px center no-repeat; 
	color: #9B8362; 
	font-size: 12px;
}

.image-right {
  float : right;
  margin : 5px;
}