@font-face {
    font-family: 'allerregular';
    src: url('fonts/Aller/aller-webfont.eot');
    src: url('fonts/Aller/aller-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Aller/aller-webfont.woff') format('woff'),
         url('fonts/Aller/aller-webfont.ttf') format('truetype'),
         url('fonts/Aller/aller-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'allerbold';
    src: url('fonts/Aller/aller-bold-webfont.eot');
    src: url('fonts/Aller/aller-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Aller/aller-bold-webfont.woff') format('woff'),
         url('fonts/Aller/aller-bold-webfont.ttf') format('truetype'),
         url('fonts/Aller/aller-bold-webfont.svg#allerbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'allerbold_italic';
    src: url('fonts/Aller/aller-bolditalic-webfont.eot');
    src: url('fonts/Aller/aller-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Aller/aller-bolditalic-webfont.woff') format('woff'),
         url('fonts/Aller/aller-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/Aller/aller-bolditalic-webfont.svg#allerbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;

}
@font-face {
    font-family: 'alleritalic';
    src: url('fonts/Aller/aller-italic-webfont.eot');
    src: url('fonts/Aller/aller-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Aller/aller-italic-webfont.woff') format('woff'),
         url('fonts/Aller/aller-italic-webfont.ttf') format('truetype'),
         url('fonts/Aller/aller-italic-webfont.svg#alleritalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'aller_displayregular';
    src: url('fonts/AllerDisplay/allerdisplay-webfont.eot');
    src: url('fonts/AllerDisplay/allerdisplay-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/AllerDisplay/allerdisplay-webfont.woff') format('woff'),
         url('fonts/AllerDisplay/allerdisplay-webfont.ttf') format('truetype'),
         url('fonts/AllerDisplay/allerdisplay-webfont.svg#aller_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aller_lightregular';
    src: url('fonts/AllerLight/aller-light-webfont.eot');
    src: url('fonts/AllerLight/aller-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/AllerLight/aller-light-webfont.woff') format('woff'),
         url('fonts/AllerLight/aller-light-webfont.ttf') format('truetype'),
         url('fonts/AllerLight/aller-light-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aller_lightitalic';
    src: url('fonts/AllerLight/aller-lightitalic-webfont.eot');
    src: url('fonts/AllerLight/aller-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/AllerLight/aller-lightitalic-webfont.woff') format('woff'),
         url('fonts/AllerLight/aller-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/AllerLight/aller-lightitalic-webfont.svg#aller_lightitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

body{
    background:#FFF;
    background-repeat: repeat;
    background-attachment:fixed;
    margin-top:132px;
    font-size:13px;
	line-height:150%;
}
h1, h2, h3, h4, h5{line-height:normal;font-family:'aller_displayregular',Arial;font-weight:normal;}
.middle h4{font-size:16px;}
h2 .nogras,h4 .nogras{font-family:'aller_lightregular',Arial;}
.middle .titre-table{font-family:Arial;font-size:20px;text-align:center;color:#007ebc;}
.gras{font-weight:bold;}
#header{background-color:#FFF;height:120px;}
#header h2{overflow:hidden;text-indent:-999px;font-size:12px;margin:0;padding:0;}
#header .ombre{
    background:url('../images/bck-header.png') no-repeat 0 0 transparent;
    height:12px;
    /*position:absolute;bottom:-1px;left:0;z-index:1031;*/
    width:980px;margin:auto;}
#body{margin:auto;width:980px;}
#body .container{margin:8px 20px;}
#body>div{margin:0;float:left;padding:0;}
#col-left{width:178px;}
#col-left .module{margin-left:20px;width:158px;}
#col-right{width:242px;}
#col-right .module{margin-right:20px;width:222px;}
/*#body #main{width:560px;}*/
#body .affix-rep{margin-left:178px;*margin-left:0px;}
/* col right */
#contact .contenu{
    background:url('../images/bck-form.png') repeat-x left bottom #d4003b;
    padding:9px 10px;
    color:#FFF;
}
#contact .contenu p,#contact .contenu h4{text-align:center;}
#contact .contenu h4{line-height:17px;}
#contact .contenu h4{margin-top:0;}
#contact .contenu p{font-size:12px;}
#contact .contenu input[type=text]{width:188px;}
#contact .header,#contact .footer{width:100%;height:5px;}
#contact .header{background:url('../images/form-top.png') repeat-x left bottom transparent;}
#contact .footer{background:url('../images/form-bottom.png') repeat-x left bottom transparent;}
.form-horizontal .control-group{margin-bottom:10px;}
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline{margin-left:5px;}
.radio, .checkbox{padding-left:10px;}
select{width:auto;}
/* nav */
.nav{margin-top:23px;}
.nav a{padding:0px 5px 0 26px;text-align:center;font-size:20px;color:#FFF;height:90px;background:url('../images/nav.jpg') no-repeat transparent 0 bottom;font-family:'aller_displayregular',Arial;
       text-shadow: 0px -1px 0px #000000;
       /*filter: dropshadow(color=#000000, offx=0, offy=-1);*/}

.nav a:hover,.nav a.active{color:#004579;background-position:0 top;text-shadow:none;filter: none;}
.nav>li>a:hover,.nav>li>a:focus{background-color:transparent;}
.nav li{margin-bottom:16px;}
.nav .istya{text-align:right;padding-right:25px;margin-bottom:23px;}
#devis{line-height:92px;}
.nav a span{padding-top:28px;display:block;}
.contact-info{background:url('../images/contact-info.jpg') no-repeat;height:140px;}
/* content */
.mainpadding{margin-right:20px;}
#main{width:782px;}
#main .header{background:url('../images/main-top.png') no-repeat transparent;width:100%;height:20px;}
#main .footer{background:url('../images/main-bottom.png') no-repeat transparent;width:100%;height:21px;}
#main .header,#main .footer{background:url('../images/top-angle.png') no-repeat #EDF1F8;width:100%;height:20px;}
#main .footer{background:url('../images/bottom-angle.png') no-repeat #EDF1F8;width:100%;height:20px;}
.angle{float:right;background:url('../images/right-angle.png') no-repeat transparent;width:20px;height:20px;}
#main .footer .angle{background:url('../images/right-bottom-angle.png') no-repeat transparent;}
#main .middle{background-color:#edf1f8;min-height:400px;/*padding:10px 20px;*/}
.middle h1{color:#004578;font-size:20px;text-align:center;font-family:'aller_lightregular',Arial;}
.middle h2{color:#004578;font-size:25px;}
.middle h3{color:#007ebc;font-size:16px;font-family:'Arial';font-weight:bold;}
.middle h5{color:#004578;font-size:14px;font-family:'Arial';font-weight:bold;}
.middle ul{
    margin-left:15px;color:#535353;
}
.middle p{color:#004578;font-size:/*15px;*/13px;margin-bottom:5px;}
.box{background-color:#FFF;padding:20px 19px;margin-bottom:20px;/*margin:10px 20px*/}
.nobackground{background:transparent;}
.middle .nobackground{background:#EDF1F8;}
.nopadding{padding:0;}
.middle .box{margin:10px 20px;}
.middle .nomarge-b{margin-bottom:0;}
.middle>.box:first-child{margin-top:0;}
.box-shadow{background-image:url('../images/box-ombre.png');background-repeat: no-repeat;background-position:309px -4px;overflow: visible;padding:10px 19px;}
.box-shadow-bottom{background-image:url('../images/box-ombre-bottom.png');background-repeat: no-repeat;background-position:center bottom;overflow: visible;padding:0 19px 26px 19px;}
.box-shadow-bottom .box,.box-shadow .box{margin:0;}
/*.box-100{padding-top:20px;padding-bottom:20px;}*/
.box-2 .box{width:320px;float:left;margin:0;}
.box-2 .box:first-child,.box-2 .offset{margin-right:7px;margin-left:20px;}
.box .box-2{width: 215px;float:left;}
.box .box-2:first-child,.box .offset{margin-right:34px;}
.box-2 .box-1-3{width:240px;}
.box-2 .box-2-3{width:400px;height:517px;}
.box-2 .box-2-3 li{font-size:14px;margin-bottom:17px;}
.box p{color:#535353;line-height:14px;}
.box-bleu{background-color:#004578;color:#FFF;font-size:25px;}
.small{font-size:11px;color:#b5b5b5;}
.underline{border-bottom:1px dotted #000; margin-bottom:7px}
.majuscule{text-transform:uppercase;}
.box-bleu h2{margin:0;color:#FFF;}
ul.marginb{margin-bottom:0}
.box p.bleu,.bleu{color:#004578;}
.avantages .box{height:444px;}
.mauve{color:#8671AC;}
.mauvesante1{color:#7398C5;}
.mauvesante2{color:#4780B5;}
.mauvesante3{color:#0F6BA6;}
.mauvesante4{color:#005897;}
.mauvesante5{color:#00318F;}
.mauvesante6{color:#004780;}
.bleusante1{color:#004578;}
.bleusante2{color:#007ebc;}
.gris{color:#535353;}
.small2{font-size:14px;}
p.current {line-height:150%;}
p.small,.small{font-size:8px;line-height:9px;}
p.marge{margin:10px 20px;}
.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline{color:#B94A48;}
.form-horizontal div.error{margin-bottom:0px;}
.help-block{font-size:10px;}

.level1{background-color:#e5f2f8;}
.level2{background-color:#cce5f2;}
.level3{background-color:#99cbe4;}
.level4{background-color:#66b2d7;}
.level5{background-color:#3398c9;}
.level6{background-color:#007ebc;}
.level1,.level2,.level3,.level4,.level5,.level6{width:90px;text-align:center;font-family:'Aller_lightregular',Arial;font-size:12px;}
.level1 span,.level2 span,.level3 span,.level4 span,.level5 span,.level6 span{font-family:'Allerbold',Arial;}
table.niveau td{color:#004579;}
table.niveau td.blanc{color:#FFF;}
.type{width:115px;font-family:'Allerregular',Arial;font-size:13px;text-align:center;}
.star1{background:url('../images/star.png') no-repeat center center;display:block;width:100%;height:10px;}
.star2{background:url('../images/star2.png') no-repeat center center;display:block;width:100%;height:10px;}
.star3{background:url('../images/star3.png') no-repeat center center;display:block;width:100%;height:10px;}
.btn-red{width:100%;text-align:center;background:url('../images/btn-red.png') repeat-x #d4003b;height:40px;display:block;vertical-align:middle;line-height:40px;font-family:Arial;font-weight:bold;color:#FFF;font-size:16px;}
.btn-red:hover{text-decoration:none;color:#FFF;}

.date-heure .control-group .checkbox{ padding-left:20px;}
.contact-form{margin:0 20px;}
.contact-form h1{margin:0;}
.contact-form form{margin:0;}
#devis-form .mauve,#devis-form .col2 ol{color:#004578;}
#devis-form .col2 p{font-size:25px;font-family:'allerregular',Arial;line-height:normal;}
#devis-form .col2 ol span,#devis-form .col2 ol{font-size:15px;font-family:'allerregular',Arial;}
#devis-form .col2 ol li{border-bottom:1px dotted #535353;margin-bottom:10px;}
#devis-form .col2 ol span{color:#535353;}
#devis-form .col1,#devis-form .col2{float:left;}
#devis-form .col1{width:505px;margin:0 20px;}
#devis-form .col2{width:213px;background:url('../images/shadow-bottom.png') no-repeat transparent bottom right;/*height:295px;*/margin-top:46px;}
#devis-form .col2 .box-shadow{background:#FFF;width:200px;padding:0;margin-bottom:11px;}
#devis-form .col2 .box-shadow .box{padding:10px 20px;}
#devis-form label{display:inline-block;}
fieldset{padding:8px 20px;margin-top:20px;background-color:#FFF;}
fieldset .legend{margin-top:0px;margin-bottom:0;border:none;font-family:Arial;font-size:14px;line-height:normal;color:#000;margin:5px 0 15px 0;}
fieldset .legend span.gras{font-weight:bold;}
fieldset .legend span.italique{font-style:italic;}
fieldset .legend span.small{font-size:12px;color:#000;}
input.spinner{width:50px;border-radius:4px 0 0 4px;margin:0;}
.ui-widget-content{border:none;}
.ui-widget{font-size:13px;}
.ui-spinner a:hover,.ui-spinner a:focus{text-decoration:none;}
table.width100,#critere{width:100%;}
#critere .width45{width:45%;}
#critere .width5{width:5%;}
#critere div{display:inline-block;float:right;}
#critere td{color:#105180;}
td.valignmiddle{vertical-align: middle;}
td.aligncenter{text-align:center;}
p.thank{padding-left:45px;background:url('../images/tilt.png') no-repeat;color:#004578;font-family:'allerbold',Arial;font-size:40px;line-height:40px;}
p.noir{color:#000;}
.etape{background:url('../images/etapes.png') no-repeat;height:54px;width:505px;}
.etape-1{background-position:0 0px;}
.etape-2{background-position:0 -54px;}
.etape-3{background-position:0 -108px;}
#submit,.next{text-align:center;margin:auto;width:219px;margin-top:30px;display:block;}
#heure,#choix-heure{float:left;}
#choix-heure h3{margin-top:0;}
#choix-heure,#date{margin-left:30px;}
#choix-heure label{margin-left:30px;}
.label-dh{width:50px;}
textarea{width:90%;}
/*  etoile */
ul.notes-echelle {
	margin:0;
	padding:0;
	font:.75em/1.2 Arial, Helvetica, sans-serif;
}
ul.notes-echelle li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	min-width:20px;
	min-height:20px;
}
/* Correctif IE6 sur min-width & min-height */
* html ul.notes-echelle.js li {
	width:20px;
	height:20px;
}
ul.notes-echelle li label {
	display:block;
	text-align:center;
	line-height:20px;
	background:url('../images/couvertures.png') center top no-repeat;
	cursor:pointer;
        width:16px;
        height:16px;
}
ul.notes-echelle li.note-off label {
	background-position:center bottom;
}
ul.notes-echelle.js input {
	position:absolute;
	left:-999%;
}
/* Effet lorsque une note est cochée */
 ul.notes-echelle li.note-checked {
	font-weight:bold;
}
/* Effet lorsque une note est tabulée au clavier */
 ul.notes-echelle.js li.note-focus {
	outline:1px dotted #000;
}
/* nav secondaire */
.nav-secondary,.reseaux{position:absolute;top:150px;right:0;}
.reseaux{position:absolute;top:360px;}
.nav-secondary li,.reseaux li{list-style-type:none;}
.nav-secondary li a,.reseaux li a{background:url('../images/nav-droite.png') #FFF no-repeat;width:48px;height:30px;display:block;}
.nav-secondary li.contact a{height:210px;background-position:0 0;float:left;}
.nav-secondary li.contact  li a{height:20px;background:none;}
.nav-secondary li div{width:263px;display:none;float:left;position:relative;height:210px;background-color:#d4003b;}
.nav-secondary li.contact div a{float:none;}
.nav-secondary li.contact div li a{display:block;width:199px;background:url('../images/btns-contact.jpg') #d4003b no-repeat;height:41px;text-indent:-1000px;overflow:hidden;}
.nav-secondary li.contact div li a.ecrire{background-position:0 -64px;}
.nav-secondary li.contact div li a.tel{background-position:0 -124px;}
.nav-secondary li.contact div li{margin-top:23px;}
.nav-secondary li.contact div ul{margin-left:5px;}
.nav-secondary li.contact a.close{color:#FFF;font-size:23px;background:none #d4003b;display:inline-block;opacity:1;text-shadow: inherit;}
.reseaux li.fb a{background-position:0 -225px;margin-top:15px;margin-bottom:8px;}
.reseaux li.linkedin a{background-position:0 -262px;}
/*placeholder*/
.placeholding-input {
    position: relative;
}

.placeholding-input .placeholder {
    bottom: 1px;
    cursor: text;
    height: 20px;
    left: 7px;
    position: absolute;
    right: 1px;
    top: 5px;
    white-space: nowrap;
    z-index: 1;
    color:#aaaaaa;
}
.placeholding-input textarea:focus + .placeholder, .placeholding-input input:focus + .placeholder {
    opacity: 0.4;
}
.hasome .placeholder {
    font-size: 0 !important;
    opacity: 0;
    z-index: -1;
}
.groupe .control-group{width:35%;float:left;}
.groupe .control-group input{width:90%;}
.clear{clear:both;}