</***************** BODY *****************/
* {/*---on passe toutes les marges à 0---*/
margin:0;padding:0;}
body,html{height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;---*/
}
body{background:#f8f9f8 url(http://www.porteafe.fr/charte/images/bg-body.jpg) center top no-repeat;overflow-x: hidden; -ms-oveerflow-x: hidden; 
}

/***************** FONTFACE *****************/

@font-face {font-family: 'din_light-webfont';src: url('http://www.porteafe.fr/charte/font/din_light-webfont.eot');src: local('☺'), url('http://www.porteafe.fr/charte/font/din_light-webfont.woff') format('woff'), url('http://www.porteafe.fr/charte/font/din_light-webfont.ttf') format('truetype'), url('http://www.porteafe.fr/charte/font/din_light-webfont.svg') format('svg');font-weight: normal;font-style: normal;}

@font-face {font-family: 'din_medium-webfont';src: url('http://www.porteafe.fr/charte/font/din_medium-webfont.eot');src: local('☺'), url('http://www.porteafe.fr/charte/font/din_medium-webfont.woff') format('woff'), url('http://www.porteafe.fr/charte/font/din_medium-webfont.ttf') format('truetype'), url('http://www.porteafe.fr/charte/font/din_medium-webfont.svg') format('svg');font-weight: normal;font-style: normal;}

@font-face {font-family: 'din_black-webfont';src: url('http://www.porteafe.fr/charte/font/din_black-webfont.eot');src: local('☺'), url('http://www.porteafe.fr/charte/font/din_black-webfont.woff') format('woff'), url('http://www.porteafe.fr/charte/font/din_black-webfont.ttf') format('truetype'), url('http://www.porteafe.fr/charte/font/din_black-webfont.svg') format('svg');font-weight: normal;font-style: normal;}

/***************** CONTAINER *****************/
#container{position:relative;min-height:100%;width:990px;margin:0 auto;background:none;}
/***************** HEADER *****************/
#header{width:990px;height:280px;/*obligatoire si il y a un flash*/
display:block;outline:0;}
/***************** MENU TOP *****************/
#menuTop{position:relative;z-index:10;width:700px;height:35px;padding:15px 0 0 40px;list-style:none;}
#menuTop li{position:relative;float:left;}
#menuTop a{text-decoration:none;font: 12px/20px 'din_medium-webfont', Arial, Helvetica, sans-serif; 
color:#00006A;text-align:center;text-transform:uppercase;display:block;height:25px;overflow:hidden;border:solid #FFF;border-width:0 1px 0 0;padding: 5px 20px 0 20px;}
#container #menuTop a:hover,
#container #menuTop a.trigered,
#container #menuTop a.rubrique_active
{color:#FF3300;}
/***************** SOUS MENU */

#menuTop li ul{list-style:none;position:absolute;padding:0 20px 0 20px;top:-6000px;left:0;background:#3798aa;}
#menuTop li li{float:none;}
#container #menuTop li li a{background:none;width:auto;position:relative;height:20px;font:11px/20px 'din_medium-webfont', Arial, Helvetica, sans-serif;text-transform:none;color:#fff;border:none;padding: 2px 0 2px 0;}
#container #menuTop li li a:hover{color:#00315b;}
/***************** MENU LEFT *****************/
#topMenuLeft{width:180px;height:40px;list-style:none;background: url(http://www.porteafe.fr/charte/images/bg-TopMenuleft.jpg) left top no-repeat;}
#bottomMenuLeft{width:180px;height:40px;list-style:none;background:url(http://www.porteafe.fr/charte/images/bg-BottomMenuleft.jpg) left bottom no-repeat;}
#menuLeft{float:left;width:180px;margin:30px 0 0 20px;list-style:none;background: url(http://www.porteafe.fr/charte/images/bg-Menuleft.jpg) left top repeat-y;}
#menuLeft li a{text-decoration:none;font: 11px/13px 'din_medium-webfont', Arial, Helvetica, sans-serif;color:#3798aa;display:block;width:115px;overflow:hidden;padding:5px 25px 5px 30px;margin:10px 0 0 10px;text-transform:uppercase;}
#menuLeft li a:hover ,
#menuLeft li a.rubrique_active{color:#0d3d65;background: url(http://www.porteafe.fr/charte/images/puce-Menuleft.gif) no-repeat scroll left 5px transparent;}
/***************** SOUS MENU */
#menuLeft li ul{width:180px;list-style:none;padding:3px 0 12px 0;background: url(http://www.porteafe.fr/charte/images/bg-sousMenuleft.jpg) left top repeat-y;}
#menuLeft li ul li a{background:none;border:none;text-decoration:none;font: 11px/11px 'din_medium-webfont', Arial, Helvetica, sans-serif;text-transform:none;color:#666;display:block;width:130px;overflow:hidden;padding:2px 25px 2px 30px;}
#menuLeft li ul li a:hover,
#menuLeft li ul li a.rubrique_active {text-decoration:none;color:#0d3d65;background:none;background: url(http://www.porteafe.fr/charte/images/puce-sousMenuleft.gif) no-repeat scroll left transparent;}
/***************** CONTENU *****************/
#contenu_bg {float:left;width:960px;}
#contenu{position:relative;float:left;width:950px;padding:20px 0 10px 10px;margin: 30px 20px 0 10px;}
#contenu-gauche{float:left;width:630px;margin:0 20px 0 20px;}
#contenu-droite{float:right;width:240px;margin: -15px 30px 0 0;}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{clear:both;}
#clearFooter{height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#containerfooter {position:relative;clear:both;width:100%;height:105px;margin:-30px 0 0;background:none;}
#footer{position:relative;width:990px;height:75px;padding:35px 0 0 0;margin:0 auto;background: url(http://www.porteafe.fr/charte/images/bg-footer.jpg) center top no-repeat;font:9px/15px Arial, Helvetica, sans-serif;color:#003e53;}
#linkeo{position:absolute;left:0;top:35px;width:350px;height:26px;line-height:10px;color:#003e53;padding:4px 0 0 40px;}
#linkeo img{float:left;margin:4px 10px 0 10px;}
#footer #linkeo a.linkeo{text-decoration:none;font:9px Arial, Helvetica, sans-serif;color:#00006A;}
#footer #linkeo a:hover.linkeo{text-decoration:none;color:#FF3300;}
/******************* STYLE FOOTER *****************/
#footer p{font:10px/30px Arial, Helvetica, sans-serif;color:#003e53;text-align:right;padding:0 40px 0 0;}
#footer a:link, #footer a:visited{text-decoration:none;color:#00006A;}
#footer a:hover, #footer a:active{text-decoration:underline;color:#FF3300;}


/********************* STYLES BANNIERES DE PUBS ***************/

#pub468 {width:468px;height:60px;position:absolute;top:5px;left:50%;margin-left:-234px;z-index:100;border: 1px solid #FFFFFF;}
#pub468 img {padding:0 !important;margin:0 !important;border:0 !important;}
#pub180{width:180px;height:150px;float:right;margin-left:15px;border: 1px solid #FFFFFF;}
#pub180 img {padding:0 !important;margin:0 !important;border:0 !important;}

/**/


/*
     FILE ARCHIVED ON 11:29:49 Jan 27, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:51:15 Jan 29, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 203.526 (3)
  esindex: 0.006
  captures_list: 219.347
  CDXLines.iter: 11.145 (3)
  PetaboxLoader3.datanode: 489.886 (4)
  exclusion.robots: 0.18
  exclusion.robots.policy: 0.168
  RedisCDXSource: 1.559
  PetaboxLoader3.resolve: 3075.003 (3)
  load_resource: 3390.845
*/