/*
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;}


@font-face {
	font-family: 'ITCLubalinGraphStdDemi';
	src: url('LubalinGraphStd-Demi.eot');
	src: local('ITC Lubalin Graph Std Demi'), local('LubalinGraphStd-Demi'), url('LubalinGraphStd-Demi.woff') format('woff'), url('LubalinGraphStd-Demi.otf') format('opentype'), url('LubalinGraphStd-Demi.svg#LubalinGraphStd-Demi') format('svg');
}


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:#cccccc; 
}

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

input.text, 
input.title   { width: 300px; padding:5px; }
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 */

acronym {
  border-bottom : 0;
}

.frise li a:focus, .frise li a:active, #contact .mail, #link-pix {
  outline : none;
}

body {
  background : #ffffff url(../images/diagonales-background.png) no-repeat center 0;
  min-height : 720px;
}

#page {
  width : 980px;
  margin : 0 auto;
}

header {
  background : url(../images/diagonales-reseau-header.png) no-repeat 0 0;
  height : 173px;
  position : relative;
}

#home-link {
  position : absolute;
  left : 61px;
  top : 13px;
}

#baseline{
  position : absolute;
  left : 270px;
  top : 12px;
  font-weight : bolder;
  color : #51626F;
  font-size : 14px;
  line-height : normal;
  font-family:'ITCLubalinGraphStdDemi',sans-serif;
  background : url(../images/diagonales_reseau_text.png) no-repeat 0 0;
  width : 463px;
  height : 66px;
  text-indent : -9999px;
}

#baseline  p {
  margin-bottom : 0.5em;
  text-indent : -9999px;
}

#baseline  .src {
  color  :#b3c313;
  font-size : 13px;
  text-align : right;
}

#contact {
  position : absolute;
  right : 44px;
  top : 12px;
}

#contact .fn{
  display : none;
}

#contact a{
  background : url(../images/diagonales-contact-mail.png) no-repeat 0 0;
  height : 17px;
  width : 190px;
  display : block;
  text-indent : -9999px;
}

#contact .tel{
  background : url(../images/diagonales-contact-tel.png) no-repeat 0 0;
  height : 35px;
  width : 190px;
  display : block;
  text-indent : -9999px;
}

#baseline-2 {
  height : 0;
  overflow : hidden;
}

nav {
}

#content {
  background : url(../images/diagonales-content.png) repeat 0 0;
  padding : 1px 0;
  margin-top : -49px;
}

nav {
  background : url(../images/nuages.jpg) no-repeat 30px 0;
  height : 290px;
  overflow : hidden;
  margin : 0;
}

.frise {
  margin : 1em 0 0;
  height : 210px;
  overflow : hidden;
}

.frise li {
  display : block;
  float : left;
  width : 190px;
  height : 209px;
}

.frise li a{
  text-indent : -9999px;
  display : block;
  float : left;
  width : 220px;
  height : 209px;
  background-image : url(../images/diagonales-reseau-frise.png);
  background-repeat : no-repeat;
  background-position :  0 0;
}


.frise li.frise-3ans a{
  background-position :  0 0;
}
.frise li.frise-3ans a:hover,.frise li.frise-3ans a:active, .frise li.frise-3ans a:focus, .frise li.frise-3ans.active a{
  background-position :  0 -209px;
}

.frise li.frise-6ans a{
  background-position :  -230px 0;
}
.frise li.frise-6ans a:hover,.frise li.frise--6ans a:active, .frise li.frise--6ans a:focus, .frise li.frise-6ans.active a{
  background-position :  -230px -209px;
}

.frise li.frise-18ans a{
  background-position :  -460px 0;
}
.frise li.frise-18ans a:hover,.frise li.frise-18ans a:active, .frise li.frise-18ans a:focus, .frise li.frise-18ans.active a{
  background-position :  -460px -209px;
}

.frise li.frise-25ans a{
  background-position :  -690px 0;
}
.frise li.frise-25ans a:hover,.frise li.frise-25ans a:active, .frise li.frise-25ans a:focus, .frise li.frise-25ans.active a{
  background-position :  -690px -209px;
}

.frise li.frise-65ans a{
  background-position :  -920px 0;
  width : 250px;
}
.frise li.frise-65ans a:hover,.frise li.frise-65ans a:active, .frise li.frise-65ans a:focus, .frise li.frise-65ans.active a{
  background-position :  -920px -209px;
}

.points {
  margin : 0.8em 0 0 30px;
  line-height : 19px
}

.points li{
  list-style : none;
  display : block;
  float : left;
  width : 380px;
  padding-left : 80px;
  text-transform : uppercase;
  color : #ffffff;
  font-family : 'ITCLubalinGraphStdDemi',sans-serif;
  font-size : 15px;
  line-height : normal;
  background : url(../images/points.png) no-repeat 50px center;
  text-shadow : 0 1px 0 #000000;
}

.points li a{
  color : #ffffff;
  text-decoration : none;
}

.points li a:hover, .points li a:focus, .points li a:active{
  color : #2B509A;
  text-shadow : 1px 1px 0 #ffffff;
}

section {
  margin : 1px 30px;
  background : #ffffff url(../images/content-background.png) repeat-x 0 0;
  font-family : arial;
}

section .heading  {
  margin : 0;
  background : url(../images/content-introduction-top.png) no-repeat 17px 90px;
}

section h1{
  margin : 0;
  height : 84px;
  padding-top : 14px;
  line-height : 1.7em;
  text-shadow : 0 0 2px #fff;
  font-family:'ITCLubalinGraphStdDemi',sans-serif;
  font-size : 18px;
  margin-left : 380px;
  color : #2b509a;
  font-size : 1.2em;
  font-weight : bolder;
}

section .heading-blocs {
  width : 395px;
  float : left;
  height : 84px;
  margin-left : -30px;
  padding-left : 7px;
}

section .heading-blocs .heading-bloc {
  background-image : url(../images/diagonales-reseau.png);
  background-repeat : no-repeat;
  background-position : 0 -2px;
  width : 141px;
  height : 84px;
  display : block;
  float : left;
  margin : 10px 0 0 0;
}

section .heading-blocs div.heading-formation {
  background-position : 0 -122px;
}
section .heading-blocs div.heading-services {
  background-position : -173px -2px;
  margin-left : -15px;
}
section .heading-blocs div.heading-services-focus {
  background-position : -173px -122px;
  margin-left : -15px;
}
section .heading-blocs div.heading-solidarite {
  background-position : -349px -1px;
  margin-left : -15px;
}
section .heading-blocs div.heading-solidarite-focus {
  background-position : -349px -121px;
  margin-left : -15px;
}

section .heading  .introduction {
  margin : 0;
  background : url(../images/content-introduction-bottom.png) no-repeat 17px bottom;
  padding : 5px 30px 1px;
  color : #555555;
  font-weight : bolder;
  font-size : 14px;
  min-height : 120px;
}

section .heading  .introduction-text {
  margin-left : 187px;
}

section .heading  .introduction h2{
  margin:0 0 0.5em;
  line-height : 30px;
  color:#C7DB12;
  text-shadow : 0 0 2px #fff;
  font-family : 'ITCLubalinGraphStdDemi',sans-serif;
  font-size : 18px;
  border-bottom : none;
}

section .heading  .introduction img{
  float : left;
  margin-right : 20px;
}

section .content {
  padding : 0 30px;
  font-size : 14px;
}

section h2 {
  color : #2b509a;
  border-bottom : 2px solid #d6e63c;
  margin-bottom : 0.5em;
}

aside {
  background : #ffffff;
  height : 155px;
  margin : 1em 30px 0;
}

.reseaux-box {
  display: block;
  height:148px;
  width : 142px;
  padding:10px 3px 0 148px;
  float : left;
  background : url(../images/diagonales-formations.png) no-repeat 0 0;
  margin-left : 10px;
  font-family : 'ITCLubalinGraphStdDemi',sans-serif;
  font-size : 12px;
  color : #51626f;
  line-height : 17px;
  text-decoration: none;
}

.reseaux-box p {
  text-decoration: none;
}

a.reseaux-box:hover, a.reseaux-box:active, a.reseaux-box:focus,
a.reseaux-box:hover p, a.reseaux-box:active p, a.reseaux-box:focus p {
  text-decoration: underline;
}

.reseaux-box-diagonales-formations {
  background : url(../images/diagonales-formations.png) no-repeat 0 0;
}
.reseaux-box-diagonales-services {
  background : url(../images/diagonales-services.png) no-repeat 0 0;
}
.reseaux-box-diagonales-solidarites {
  background : url(../images/diagonales-solidarites.png) no-repeat 0 0;
}

.reseaux-box-diagonales-formations strong{
  color : #eaa332;
}
.reseaux-box-diagonales-services strong {
  color : #54ced1;
}
.reseaux-box-diagonales-solidarites strong {
  color : #7e5faf;
}


.bloc {
  padding-left : 65px;
  background : url(../images/icone-check.jpg) no-repeat 0 0;
}


footer {
  background : url(../images/diagonales-content-bottom.png) no-repeat 0 0;
  text-align : center;
  padding-top : 25px;
  font-size : 11px;
  color:#51626F;
  font-family:arial;
}

footer a {
  color:#51626F;
}

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

footer .url{
  text-decoration : none;
}

#link-pix {
  background : url(../images/agencepix.png) no-repeat center 0;
  display : block;
  height : 31px;
  text-indent : -9999px;
  margin-top : 10px;
}

footer .street-address, 
footer .tel, 
footer .email-type {
  border-left : 2px solid #ddde3e;
  padding-left : 5px;
}


.diagonales-formation, strong.diagonales-formation {
  color : #eaa231 !important;
}
.diagonales-services, strong.diagonales-services {
  color : #53ced1 !important;
}
.diagonales-solidarites, strong.diagonales-solidarites {
  color : #7d5fae !important;
}


#social-like {
  top: 10px; 
  right: 0pt; 
  position: fixed;
  z-index: 1000;
}