html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,/*button,*/a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}



/* CSS Document */







body{font-size:12px;font-family:Arial, Helvetica, sans-serif;background-color:#fff;color:#434343}











input,select,textarea{font-size:12px;color:#434343;font-family:Arial, Helvetica, sans-serif}







#mainnav li.lastEl li{text-align:right}



#partenaires,section.formation ol li span.num, section.calendrier .activite h3,.center{text-align:center}







#mainnav li{font-size:14px}



small,sup{font-size:85%}



section.formation ol li span.num{font-size:11px}



#mainnav li li, section.calendrier .activite h3 span{font-size:12px}



#autres-sections dd,.others dd{font-size:13px}



#inscription,section.content h3,section.maisons h4,a.bouton,section.content table th{font-size:14px}



/*#brief-news h2 span{font-size:17px}*/



#videosnav h2{font-size:16px}



.others dt{font-size:17px}



#brief-news h2, #home-video h2,#main h1, section.content h2,#sendfriend h1{font-size:18px}



#tagline{font-size:28px}



section.calendrier .activite h3{font-size:37px}



#tagline span.quote,#henri_cta span.quote{font-size:45px}







#box,#tagline,p.plus-info a,dl.outils dd a,section.formation ol li span.num,a.bouton,.others dd a,#videosnav article h2,.toobig .scrollbar,.toobig .track,.toobig .thumb,.toobig .thumb .end,.toobig .begin{background-position:0 0;background-repeat:no-repeat}











#f-wrap,#subnav,section.metier h3,a.bouton:hover,section.formation div.fiche h5,section.oeuvre h4,.others dt,section.content table tbody th{background-color:#f49b00}



#mainnav,#mainnav li ul,#inscription,section.content table thead th,section.content table tfoot th,div.intro{background-color:#af1500}



section.metier ul,section.formation div.fiche ul,section.formation div.fiche p{background-color:#e3e3e3}



#p-newsletter div.content div.liste-infolettre p.odd{background-color:#efefef}



#show,#show img{background-color:transparent !important}



#mainnav li ul ul{background-color:#cf240c}



.politique-confidentialite{background-color:#643100}







.politique-confidentialite a{color:#F49B00}



#breadcrumb,#breadcrumb a{color:#434343}



#brief-news h2,#home-video h2, #sendfriend h1{color:#ffa800}



#footer-nav a{color:#643100}



#brief-news h2 span, #home-video h2 span,p.plus-info a,#breadcrumb a.active,#autres-sections dd a:hover,section.content h2,section.content h3,section.content p a,section.content li a,section.formation div.fiche h4,section.menusec h3 a, #sendfriend h1 span, section.content a, #return-top a, section.calendrier .activite strong,.others dl.links-newsletter dd a, #p2 a, section.content .formations h2 a{color:#af1500}



#tagline,#mainnav li a,#subnav li,#subnav li a,#inscription h2,#inscription button,section.metier h3,section.formation ol li span.num,section.formation div.fiche h5,div.intro h2,section.oeuvre h4,.others dt{color:#fff}



#mainnav li:hover a,#mainnav li.over a{color:#ffa200}



#main h1{color:#bf2e1a}



#autres-sections dd a,section.content h2 a{color:#5b5b5b}



section.maisons h4,.others dd a,#videosnav h2,.others dl.links-newsletter dd a strong,.others dl.links-newsletter dd a:hover{color:#737373}











.hasPlaceholder{color:#a1a1a1}







#mainnav li:hover li a,#mainnav li.over li a,section.content table th,div.intro,#mainnav li li.over li a,#mainnav li li:hover li a{color:#fff}



#mainnav li a:hover,#mainnav li:hover li a:hover,#mainnav li.over li a:hover,#mainnav li li.over a,#mainnav li li:hover a{color:#ffa200}



#mainnav li a.active, #mainnav li li a.active{color:#ffa200 !important}



a.bouton{color:#fff !important}











#footer-nav a,#mainnav li a,#subnav li a,#inscription a,p.plus-info a,#breadcrumb a,#autres-sections dd a,section.content a:hover,a.bouton,.others dd a, section.content a, section.content a.bouton:hover, #return-top a:hover,.others dl.links-newsletter dd a:hover, #p2 a, section.content .formations h2 a:hover, .politique-confidentialite a{text-decoration:none}



#footer-nav a:hover,#subnav li a:hover,p.plus-info a:hover,#breadcrumb a:hover,.others dd a:hover, section.content a:hover, #return-top a, #p2 a:hover, .politique-confidentialite a:hover{text-decoration:underline}







#footer-nav dd{font-size:11px}







footer dl,#mainnav li,#subnav li,#brief-news,#brief-news article,#inscription h2,#inscription form div,#inscription form button,#main h1,#autres-sections dd,dl.outils dd,section.formation ol li span.num,#maps,#leftside,section.pratiques #playerContainer,#videosnav article img, form div.left, form div.right, .formation-inscription #note label, .formation-inscription #note span, section.conseil-admin div.sep p.left, section.conseil-admin div.sep p.right, #comm-quebec div{float:left;}



/*#mainnav li li{float:none}*/



#brief-news article.auto{float:none}



#home-video,#inscription form,#breadcrumb,/*dl.outils,*/section.pratiques aside,section.pratiques #videosnav{float:right}







div.clear,#inscription,#partenaires,#main section.content,#f-wrap,section.formation h3,section.guides div.items p.img, .formation-inscription #form-inscription .form-inscription-entreprise div.left, #listing-etudiant, section.conseil-admin div.sep,.toobig .scrollbar{clear:both}



.clearleft,section.formation ol li{clear:left}



#home #main section{}







#footer-nav dt,#mainnav li,section.formation ol li span.num,.others dd, #home-video h2{font-weight:bold}



#tagline h2 span.title,#henri_cta h2 span.title, #mainnav li li,section.content table th,.others dl.links-newsletter dd, #home-video h2 span{font-weight:normal}







hr,dl.outils a span,#mainnav li ul,#brief-news h2 span.space, #home-video h2 span.space, #autres-sections dt,#autres-sections dd.hidden,dl.outils dt, #return-top, .js .formations .formations-content{display:none}



#mainnav li a,



#mainnav li.over ul.fLevel,#mainnav li:hover ul.fLevel,#mainnav a:hover ul.fLevel,



#mainnav li li.over ul.sLevel,#mainnav li li:hover ul.sLevel,#mainnav li li a:hover ul.sLevel,



#inscription a,dl.outils dd a,section.formation ol li span.txt, form div label, section.calendrier .activite h3 span{display:block}



section.content a.bouton,div.others a.bouton, .formations h2{display:inline-block}







#sendfriend form label{display:inline}







header,#mainnav li,#tagline,.ie6 #m-wrap,.ie7 #m-wrap,.ie6 #h-wrap,.ie7 #h-wrap,section.metier h3,section.content,section.formation div.fiche h5,section.guides div.items,#main.menusec,#video-content, section.calendrier .activite, #f-wrap{position:relative}



#tagline,#mainnav,#mainnav li ul,#logo,#tagline #show,#subnav,dl.outils,#main.menusec .others, section.calendrier .activite h3, .politique-confidentialite{position:absolute}







.fixed{position:fixed !important; }











#tagline h2,#mainnav,#inscription,#brief-news h2, #home-video h2, #main h1,#autres-sections dd,.others dt,#sendfriend h1{text-transform:uppercase}











.js #tagline h2,.js #mainnav li,.js #inscription h2,.js #brief-news h2, .js #home-video h2, .js #inscription button,.js #main h1,.js #autres-sections dd,.js a.bouton,.js .others dt,.js #sendfriend h1{



	/*visibility: hidden !important;*/



}



.cufon-ready #tagline h2,.cufon-ready #mainnav li,.cufon-ready #inscription h2,.cufon-ready #brief-news h2, .cufon-ready #home-video h2, .cufon-ready #inscription button,.cufon-ready #main h1,.cufon-ready #autres-sections dd,.cufon-ready a.bouton,.cufon-ready .others dt,.cufon-ready #sendfriend h1{



	visibility: visible!important;



}







.nostyle{background:none;border:0;outline:none}







sup{vertical-align:super}



/* CSS Document */





#box{background-image:url(/images/site_bg.jpg);background-position:center top}

#box{}



footer,header,#inscription{width:989px;margin:0 auto}





#h-wrap{height:381px}

.ie6 #h-wrap,.ie7 #h-wrap{z-index:100}

header{height:381px}

#tagline{bottom:30px;width:965px;margin-left:12px;background-image:url(/images/tagline_bg.png);background-repeat:repeat-x;}

#tagline h2{line-height:74px;height:74px;padding:0 18px;}

h2 span.quote{line-height:normal;margin-top:0px;display:inline-block}

#tagline #show{width:329px;height:306px;right:-12px;bottom:0;overflow:hidden;}

#tagline #show img,#mainnav li{background-color:transparent !important}



#mainnav{height:30px;bottom:0px;width:100%}

#mainnav ul{margin:0 auto;width:934px}

.cufon-ready #mainnav ul{width:auto}

#mainnav li a{padding:0 15px}

#mainnav li{margin:0 0 0 5px;line-height:29px}

#mainnav li.lastEl{margin-right:0}

#mainnav li.lastEl ul{right:0;}

#mainnav li ul{padding:5px 0 8px 0;width:220px !important;z-index:100}

#mainnav li.auto ul{width:285px !important}

#mainnav li li a{padding:5px 0 6px 0;/*width:190px;*/width:205px}

#mainnav li.auto li a{/*width:240px;*/width:255px}

#mainnav li.lastEl li a{width:190px}

#mainnav li li{margin:0 15px;line-height:normal;border-bottom:1px solid #d78a80;width:190px}

#mainnav li.auto li{width:auto !important}

.ie6 #mainnav li li{margin:0 7px}

#mainnav li li.last{margin-right:15px;border-bottom:0}

.ie6 #mainnav li li.last{margin-right:7px}

#mainnav li ul ul{top:-4px;right:-235px;padding-bottom:7px}

#mainnav li.lastEl{}



#subnav{right:0;top:6px;padding:0 10px 0 10px;height:30px;display:table}

#subnav ul{display:table-cell;vertical-align:middle}

#subnav li{padding-right:10px;margin-right:10px;border-right:1px solid #fff}

.ie6 #subnav li,.ie7 #subnav li{margin-top:10px;}

#subnav li.last{margin-right:0;border-right:0;}



#m-wrap{background-image:url(/images/main_bg.png);padding-top:35px;min-height:230px}

.ie6 #m-wrap,.ie7 #m-wrap{z-index:1}

#main{width:941px;margin:0 auto;}

#home #m-wrap{padding-top:0;background-image:none;min-height:auto}

#home #main{width:965px;background-image:url(/images/main_bg.png);min-height:200px;}



#inscription{height:45px;margin-left:-12px;}

#inscription h2{line-height:43px;margin-left:27px}

#inscription form{padding-top:12px;margin-right:27px}

#inscription form input{width:278px;margin-right:5px}

#inscription form button{cursor:pointer}



/*#home-video{margin:35px 34px 25px 0;height:234px;width:313px;}*/

#home-video{margin:24px 34px 25px 0;/*height:470px;*/width:335px; text-align:center}

.ie6 #home-video{margin-right:17px}



#home a.bouton{padding:5px 10px}



#brief-news{margin:20px 0 15px 17px;width:948px;line-height:23px}

.ie6 #brief-news{margin-left:8px}

#home-video h2{line-height:32px}

#brief-news h2{line-height:20px; margin-bottom:5px}

#brief-news article{width:240px;margin:0 45px 30px 0}

#brief-news article.last{width:240px;margin-right:45px;}

#brief-news article.auto{margin-right:0}

p.plus-info{margin-top:8px}

p.plus-info a{display:inline-block;line-height:19px;padding-right:26px;background-image:url(/images/plus_info.png);background-position:right center}

#home-video .plus-info{font-size:18px; text-align: center;}



#partenaires{/*margin-left:-50px;width:989px;*/height:210px;display:table-cell;vertical-align:middle;}

.ie6 #partenaires,.ie7 #partenaires{padding-top:25px}

#partenaires img,#partenaires span{vertical-align:middle;margin:0 10px 18px;}





#comm-quebec #p1, #comm-quebec #p2{width:190px}

#comm-quebec{margin:30px auto 0; width:590px}

/**

Pages de texte "ordinaires"

**/

#breadcrumb{line-height:20px;padding-top:3px}

#main h1{line-height:24px}

#main section.content{border-top:1px solid #af1500;padding:11px 80px 20px 0}

#main section.metier

{

	border-top: none !important;

	padding:11px 20px 20px 165px !important;

	border-right: 1px solid #af1500;

}





.ie6 #main section.content,.ie7 #main section.content{padding-top:6px;}

section.content{line-height:22px}

section.content p,section.content ul,section.content ol{margin:8px 0 12px 0}



section.content .formations p,section.content .formations ul,section.content .formations ol{margin-right:320px}





section.content ul,section.content ol{margin-left:25px;list-style:disc;}

section.content ul ul{ list-style:square;}

section.content ol{list-style:decimal}

section.content li{}

section.content h2{line-height:21px}

section.content table{margin-top:12px;margin-bottom:12px;width:100%}

section.content table th{border-left:1px solid #fff;border-bottom:1px solid #fff}

section.content table td{border-right:1px solid #af1500;border-bottom:1px solid #af1500;vertical-align:top;}

section.content table tbody th{}

section.content table td.none,section.content table th.none{border:0;background-color:none}

section.content table th,section.content table td{padding:5px 10px}



section.content table ul, section.content table ol, section.content table p{margin-right:0 !important;}



section.page-archives-infolettre table{margin-top:0;margin-bottom:0;width:100%}

section.page-archives-infolettre table th{border-left:0;border-bottom:0}

section.page-archives-infolettre table td{border-right:0;border-bottom:0}

section.page-archives-infolettre table th,section.page-archives-infolettre table td{padding:0 0}





.toobig { width: 100%; clear: both; margin: 20px 0 10px;position:relative }

.toobig .viewport { width: 100%; height: 200px; overflow: hidden; position: relative; }

.toobig .overview { list-style: none; position: absolute; left: 0; top: 0; }

.toobig .scrollbar { position: relative; /*float: right;*/ width: 15px; z-index:100; top:0;background-image:url("/images/bg-scrollbar-track-x.png");background-attachment:scroll;background-repeat:repeat-x;height:15px;margin:0 0 5px;}

.toobig .track { height: 15px; width:13px; position: relative;background-image: url("/images/bg-scrollbar-trackend-x.png");background-position:100% 0;background-attachment:scroll;}

.toobig .thumb { height: 25px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: -5px; background-image: url("/images/bg-scrollbar-thumb-x.png");background-position:100% 50%;background-attachment:scroll;}

.toobig .thumb .end { overflow: hidden; height: 25px; width: 5px;background-image: url("/images/bg-scrollbar-thumb-x.png");background-position:0 50%;background-attachment:scroll;}

.toobig .begin { overflow: hidden; height: 15px; width: 11px;position:absolute;background-image: url("/images/bg-scrollbar-trackbegin-x.png");background-attachment:scroll;}

.toobig .disable{ display: none; }







/**

Sections Métiers et sous-sections

**/

#main section.metier{padding-left:165px;

position:relative}

section.metier h2,section.metier p{margin-left:12px}

section.metier p{margin-bottom:0}

section.metier h2,section.metier p.img{margin-top:15px !important}

section.metier h3,section.formation div.fiche h5{padding-left:6px;margin-left:6px;margin-top:10px;line-height:23px;width:190px;margin-bottom:-11px}

section.metier ul,section.formation div.fiche ul,section.formation div.fiche p{padding:19px 0 15px 25px;margin:0 0 0px 0px;line-height:18px}

section.metier ul ul{padding-top:4px;padding-bottom:0}

section.metier ul li,section.formation div.fiche li{padding:2px 0}

section.metier ul.firstPar li{margin-right:30px}

section.metier p.img{left:0px;margin:0;padding:0;

position:absolute;

/*width:155px;

height:133px;background-color:silver*/}







/**

Sections Formations et compétences

**/

#main section.maisons,#main section.formation,#main section.guides,#main section.oeuvre,#main section.commande{padding-right:140px !important;}

section.maisons h2,#main section.formation{padding-right:160px;}

section.maisons h3{border-bottom:1px solid #af1500;margin-top:15px;}

section.formation h3,section.oeuvre h3{border-top:1px solid #af1500;margin-top:15px;padding-top:10px}



section.maisons div.block ul{margin-right:0;margin-left:0;list-style:none;}

section.maisons div.block div.first li{}

section.maisons div.block div.first{width:359px;margin-right:30px}

section.maisons div.block div.last{width:400px}

section.maisons div.block li{margin-bottom:20px}



section.formation ul.morespace,section.formation ol.morespace{margin-top:5px}

section.formation div.first li{margin-right:30px}

section.formation ol{margin-left:0;list-style:none}

section.formation ol li{}

section.formation ol li span.txt{margin-left:32px;margin-bottom:8px;}

section.formation ol li span.num{background-image:url(/images/cercle_r_form_liste.png);margin-bottom:10px;height:22px;width:22px}

section.formation div.fiche h4{margin-left:6px;margin-top:15px}

section.formation div.fiche ul,section.formation div.fiche p{padding-right:70px}

section.formation div.fiche p{padding-left:15px}

section.formation div.fiche ul{}



.formations h2{border-bottom:2px solid; margin-bottom:15px}



section.guides{}

div.intro{padding:15px 15px}

div.intro h2{margin-bottom:12px}

div.intro p{margin-top:0;}

section.commande div.intro p{margin-bottom:0}

section.guides div.items h3,section.guides div.items p{padding-left:140px;}

section.guides div.items h3{border-top:1px solid #af1500;padding-top:18px}

section.guides div.items p.img{left:0px;margin:15px 0 0 0;padding:0;

/*position:absolute;*/

float:left;

}

section.guides div.items p.img img{border:1px solid #7f7f7f}



.formation-inscription #note{margin-top:10px}

.formation-inscription #note span{width:500px; margin-left:10px}

.formation-inscription #form-div{margin:20px 0 20px 0}

.formation-inscription #form-inscription div.left.no-margin{margin-right:0px}



form div.left{margin-right:90px}

form div.left, form div.right{margin-bottom:15px}

form div.left.no-margin{margin-right:0px}

form input{width:290px}





.formation-inscription #form-inscription-entreprise, .formation-inscription #form-inscription-etudiant{padding-left:10px}



.formation-inscription #form-inscription-entreprise{margin-bottom:20px}

.formation-inscription #form-inscription-entreprise #first-step{margin-bottom:30px}



.formation-inscription #form-inscription-etudiant input{width:260px}



.formation-inscription #form-inscription-etudiant div.left{margin-right:20px}



.formation-inscription #form-inscription-etudiant #formation-input{width:440px;}



.formation-inscription #form-inscription-etudiant{background-color:#f1f1f1; width: 671px;}



.formation-inscription #form-inscription-etudiant #msg-form-inscription-etudiant{height:20px}



section.formation-inscription h3{color:#ffffff; background-color:#f49b00; display:block; width:270px; padding-left:10px; margin-bottom: 5px;}



.formation-inscription #form-inscription-etudiant #ajout-etudiant-btn{background-color: #A81400; border: 0 none; color: #FFFFFF; cursor: pointer; font-family:Arial, Helvetica, sans-serif; font-size: 16px;  font-weight: bold; padding: 5px 15px; margin:10px 0 0 50px}



.formation-inscription #form-inscription-etudiant #listing-etudiant table{width:660px;}

.formation-inscription #form-inscription-etudiant #listing-etudiant table th{background-color:#2a2a2a; text-align:left; padding-left:10px}

.formation-inscription #form-inscription-etudiant #listing-etudiant table td, .formation-inscription #form-inscription-etudiant #listing-etudiant table th.first{border-left:1px solid #2a2a2a; border-right:0px}

.formation-inscription #form-inscription-etudiant #listing-etudiant table td{border-bottom:1px solid #2a2a2a}

.formation-inscription #form-inscription-etudiant #listing-etudiant table td.last{border-right:1px solid #2a2a2a}





#form-infolettre div.error, #form-infolettre div.good{height:30px}

#form-infolettre div.good{background-color: #E6EFC2; border: 1px solid #529214; color: #529214; line-height: 30px; margin-bottom: 10px; padding: 0 5px; text-align: center;}

.errorMessage{position:absolute; border:1px solid #c90000;color:#c90000;background-color:#fcf2f2; padding:0px 5px}



/********************/

blockquote.message{width:909px;z-index:100; /*position:absolute; top:0px;*/ padding:10px 20px;margin-bottom:10px;display:none;}

.no-js blockquote.message{display:block}

blockquote.error{;border:1px solid #c90000;color:#c90000;background-color:#fcf2f2;}

blockquote.good{;border:1px solid #529214;color:#529214;background-color:#E6EFC2;}

iframe.erreur,object.erreur, input.erreur, select.erreur{border:1px solid #c90000 !important}

object.erreur{ border-width:3px !important;height:36px;width:114px}



/**

Sections Main d'oeuvre

**/

#main section.pratiques{padding-right:0px}

section.pratiques aside{width:260px}

.ie7 section.pratiques aside,.ie6 section.pratiques aside{float:none}

section.pratiques #leftside{border-right:1px solid #af1500;margin-right:10px;width:666px}

section.content #leftside p{padding-right:50px}

.ie6 section.content #leftside p{padding-right:0px;}

#banner_coffret{margin-bottom:10px}

section.oeuvre{}

section.oeuvre h3{margin-bottom:12px;}

section.oeuvre h4{padding-left:6px;line-height:23px;width:190px;/*margin-left:-6px;*/margin-bottom:7px}

section.oeuvre ul{margin-bottom:12px}

section.oeuvre ul ul{margin-bottom:0;}

section.oeuvre ul,section.oeuvre p{margin-right:35px}







/**

Sections Outils

**/

section.promo{}

section.promo div.list-items{}

section.promo div.items p.img{margin-bottom:15px;}

section.promo div.items ul{padding-left:140px;margin-top:-6px}



/**

Section portrait de l'industrie

**/

section.portait-industrie div.content h2{margin-bottom:10px}

section.menusec.portait-industrie div.content{padding-right:10px}

section.guides.portait-industrie div.items h3, section.guides.portait-industrie div.items p{padding-left:0px}



/**

Section Conseil d'administration

**/

section.conseil-admin.menusec div.content{padding-right:23px; padding-top:50px}

section.conseil-admin h3{border-bottom:1px solid #a01300; font-size:18px}

section.conseil-admin div.sep{border-bottom:1px solid #c4c5c5}

section.conseil-admin div.sep p{width:212px; padding-left:105px}

section.conseil-admin div.sep p strong{font-size:14px; color:#737373}

section.conseil-admin div.sep p .big{font-size:18px; color:#313131}

section.conseil-admin #administration{margin-bottom:25px}





/**

Section calendrier

**/



section.calendrier #listing-activites{padding-top:40px}

section.content.calendrier .activite p{margin:0 0 20px 0}

section.calendrier .activite{margin-left:85px}

section.calendrier .activite h3{top:0px; left:-85px; width:72px; height:75px; padding:22px 0 0 0px; background-image:url(/images/bg-date-activite.png); background-repeat:no-repeat}

section.calendrier .activite h4{font-weight:normal}



td.events a{background-color:#af1500 !important; background-image:none !important; color: #FFFFFF !important;}







/**

**/

section.contact{}

section.contact p{margin-left:580px;}



#main section.menusec{padding-right:268px !important;}

section.menusec div.content{border-right:1px solid #af1500;padding-right:85px}

section.liens h3{padding-top:8px}





#autres-sections{padding-top:6px}

#autres-sections dd{margin-left:9px;padding-left:9px;border-left:1px solid #af1500}





#form-commande{}

#form-commande{ margin-top:10px}







footer{padding-top:15px;}

#footer-nav{margin:0 0 0 25px;padding-bottom:30px}

#footer-nav dl{width:145px;margin-right:45px;line-height:15px}

#footer-nav dt,#footer-nav dd{padding:5px 0}

#footer-nav dl.last{margin-right:0;}

#footer-nav #fn-sect, #footer-nav #fn-met{margin-right:40px}

#footer-nav #fn-met{}

#footer-nav #fn-form{margin-right:60px}

#footer-nav #fn-main{}

#footer-nav #fn-outils{width:auto}



/*******************************/

div.clear{height:1px}

.auto{width:auto !important}

dl.outils{/*margin-right:-80px;*/right:0;}

.ie6 dl.outils{/*margin-right:-40px;*/}

section.menusec dl.outils{right:275px;z-index:50;}

dl.outils dd{border-right:1px solid #af1500;padding-right:6px;margin-right:6px;line-height:32px}

dl.outils dd a{width:32px;height:32px;}

dl.outils dd a:hover{background-position:0 -32px}

dl.outils dd.last{border-right:0;padding-right:0;margin-right:0;}

dl.outils a.print{background-image:url(/images/icn_print.png)}

dl.outils a.iframe{background-image:url(/images/icn_send.png)}

section.content .noborder_l{border-left:0 !important}

section.content .noborder_r{border-right:0 !important}

section.content .noborder_t{border-top:0 !important}

section.content .noborder_b{border-bottom:0 !important}

section.content .noborder{border:0 !important}

section.content .nomargin_t{margin-top:0 !important}

section.content .nomargin_b{margin-bottom:0 !important}

section.content .nomargin_l{margin-left:0 !important}

section.content .nomargin_r{margin-right:0 !important}

.others{right:0;width:257px;top:35px;z-index:90}

.others dt{padding:0 8px 2px 8px;line-height:28px;margin-bottom:15px}

.others dd{padding-right:0;margin-bottom:15px}

.others dd a{padding-left:20px;background-image:url(/images/aside_link_arrow.png)}

.others dd.pagination a{padding-left:0;background-image:none}



.others dl.links-newsletter dd{line-height:21px;}

.others dl.links-newsletter dd a{display:inline-block;background-position:0 2px}



.others #autre-plans{top:240px;}

.others #autre-plans dt{font-size:17px}

.others #autre-plans a.most_recent{color: #AF1500;}



.scroll-me-wrapper div.fixed{top:20px; width:257px;}



a.bouton{padding:0 10px;height:33px;line-height:32px;margin-bottom:15px;background-color:transparent;background-repeat:repeat-x;background-image:url(/images/bg_bouton_red.png);

     -moz-border-radius: 4px; 

  -webkit-border-radius: 4px; 

          border-radius: 4px;

}

a.red{}

a.bouton:hover{background-image:none}



#maps{width:550px;height:400px;margin-top:15px}



#video-content{width:666px}

.ie6 #video-content{width:auto}

#video-content{z-index:0}

section.pratiques #playerContainer{height:270px;width:360px;}

.ie7 section.pratiques #playerContainer{}



#videosnav{}

section.pratiques #videosnav{width:292px;}

#videosnav article{cursor:pointer;margin-bottom:21px}

.ie6 #videosnav article{margin-bottom:10px}

#videosnav article h2{margin-left:105px;padding-left:22px;/*padding-top:6px;*/background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAMAAAAYGszCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3QkY2QkMyOTRCMjY2ODExODAzQ0NDNzY3RUFDQTFBRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4OEQ5MjIyODhERjMxMUUwOTJDNzg1NjkxRDc3M0RBMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4OEQ5MjIyNzhERjMxMUUwOTJDNzg1NjkxRDc3M0RBMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QTkxM0Y0NTZEN0FFMDExODZDNkIwQTUyMkMzRDAxQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QkY2QkMyOTRCMjY2ODExODAzQ0NDNzY3RUFDQTFBRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnjbCxwAAAAMUExUReKChuF/hMQCC////1azKV0AAAAEdFJOU////wBAKqn0AAAALklEQVR42mJgxgIYqCbIgE2QiQGbIFwURRAmiirIiEWQEYt2RiwWMZLhI4AAAwDTWwMp/5EfYwAAAABJRU5ErkJggg==);

	/*background-position:0 29px;line-height:75px*/

}



section.content p#long-banner{margin-bottom:0 !important;}





#p-newsletter section.content div.content{min-height:600px}

div.content{min-height:300px}

#p-newsletter div.content div.liste-infolettre p{padding:11px 12px;margin-bottom:0;}





form#selectYear input.input-image,form#searchInfolettre input.input-image{margin-bottom:-10px}

#searchInfolettre{padding-top:4px;margin-bottom:11px}

#searchInfolettre div input{width:245px}

#searchInfolettre.nouvelles div input{width:220px}

#searchInfolettre div{padding-bottom:6px}

form input.input-image{width:auto !Important;}



.politique-confidentialite{top:117px; padding:15px}

.politique-confidentialite li{margin-bottom:10px;}

.politique-confidentialite li.last{margin:0}

.politique label{display:inline-block}

.politique input{width:50px;}



.sondage iframe body{background-image:none !important; background-color:transparent !important;}



section#henri_cta {position: relative; margin-bottom: 10px; margin-top: 40px;}

.ie8 #home-video{margin-bottom: 85px;}

section#henri_cta article{

	color: #911100;

	text-transform: uppercase;

	width: 792px;

	height: 67px;

	border-top: 1px solid #af1500;

	margin-left: -12px;

	padding-left: 12px;

	font-size: 23px;

	line-height: 68px;

}

section#henri_cta article a{color: #911100; text-decoration:none;}



section#henri_cta h2 img{ margin-bottom: -13px;}

section#henri_cta img.dvd{

	position: absolute;

	right: -12px;

	bottom: 0px;

}

#henri_header{

	margin-left: -24px;

	margin-top: -26px;

	padding-top: 30px;

	margin-bottom: 10px;

}

.henri #main h3{

	width: 940px;

	margin-top: 40px;

	color: #252525;

	text-transform: uppercase;

	font-size: 21px;

	line-height: 24px;

}

.henri #main article{

	border-bottom: 1px solid #af1500;

	padding-left: 10px;

	width: 930px;

	margin-bottom: 15px;

}

.henri #main article p{font-size: 15px;}

.henri #main article span{ font-size: 18px; color: #911100;display: block;margin: 10px 0 15px;}



/* Calculateur

=================================================================== */

section#calculateur .row{padding: 7px 5px; background: #eee; border-bottom: 1px solid #ddd;}

section#calculateur .row.odd {padding: 7px 5px; background: #fafafa; border-top: 1px solid white;}

section#calculateur .error {font-weight: bold; color: red;}

section#calculateur .row label{ float: left; width: 205px;}

section#calculateur .row input{margin-right: 10px;}

section#calculateur .row select{ margin-right: 10px; width: 134px;}

section#calculateur .row span{ margin-right: 10px; width: 134px; display:block; float: left;}



#controls{ padding-top: 35px; border-top: 1px solid #af1500; margin-top: 20px;}

#controls a{

	width: 256px;

	height: 63px;

	background: #f59b00;

	float:left;

	margin-left: 20px;

	padding: 10px 22px;

}

#controls a:hover{background: #ffab1a;}

#controls a:first-child{margin-left:0;}

#controls p{ line-height: 0px; margin: 0;font-size: 12px; color: #643100; width:211px; float:left;}

#controls h4{ color: white; font-size: 18px; margin: 0; line-height: 14px;}

#controls img{float:right;}



.calcul {

	border: 1px solid #146491;

	margin-top:20px;

	margin-bottom: 10px;

	min-height: 40px;

	position: relative;

}

.calcul a{

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

	color: white !important;

	position: absolute;

	top: 0;

	bottom: 0;

	padding: 9px 26px 0px;

	height: 100%;

	margin:0;

	margin-bottom:-1px;

	background: #2882b4;

	text-transform: uppercase;

	font-size: 14px;

}



.calcul span{

	margin-left: 131px;

	display:block;

	margin-top: 10px;

}

.minheight{min-height:350px;}



.clearfix{

	clear:both;

	zoom:1;

}













@media print {

  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;

  -ms-filter: none !important; } 

  a, a:visited { color: #444 !important; text-decoration: underline; }

  section.content a[href]:after { content: " (" attr(href) ")"; }

  abbr[title]:after { content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  

  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

  thead { display: table-header-group; }

  tr, img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }

  

  header,#h-wrap{height:auto}

  #logo{position:static}

  #main section.menusec{padding-right:80px}

  section.menusec div.content{border-right:0;padding-right:0}

  #f-wrap,#tagline,#mainnav,#subnav,dl.outils,#maps,div.others,dl.others{display:none}

}