h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;font-weight: normal;}
body{font-family: arial;}
a{text-decoration: none;outline: none;}
a img{border:0px;}
a.selectionMenu,a.selectionProjet{
	font-weight: bold;
}
.menu ul{list-style-type: none;margin:0px;padding:0px;}
.menu  ul li{float:left;}
.menu ul a {height:16px;float:left;padding:0px 8px 0px 8px;background-image: none;text-decoration: none;font-size: 13px;color: rgb(63,63,63);}
.menu ul a:hover {background-color: #ffffff;color: rgb(0,0,0);}
.item ul{list-style-type: none;margin:0px;}
.item ul li{float:left;margin-left:4px;}
.item ul a {color: rgb(194,214,227);background-image: none;padding:6px 8px 4px 4px;float:left;font-size: 13px;}
.item ul a:hover {color: rgb(255,255,255);font-weight: bold;}
.image_menu ul{list-style-type: none;margin:0px 5px 0px 0px;}
.image_menu ul li{float:left;margin-left:6px;}
.image_menu ul a {background-image: none;background-color: rgb(153,153,153);padding:6px;float:left;text-decoration: none;font-size: 13px;
				-moz-border-radius: 18px;-webkit-border-radius: 16px;border-radius:16px;}
.image_menu ul a:hover,.image_menu ul a.imageSelected {background-color: rgb(255,255,255);}

#logo img{float:left;margin:8px 0px 0px 2px;height:28px;}
#menu_portfolio{float: right;margin:20px 0px 4px 0px;}
#menu_portfolio li{border-right: 1px solid #636363;margin:0px 0px 3px 0px}
#menu_entreprise{float:left;margin:0px 0px 0px -8px;padding:0px;margin:6px 0px 0px 0px}
#menu_entreprise li{border-right: 1px solid #636363;}
#menu_projets{position:absolute;top:43px;right:32px; z-index:15;width:250px;}
#menu_projets.transition {opacity:0;}

#liens_publications{position:absolute;top:44px;right:0px;width:230px;}
#liens_publications.transition {opacity:0;}

#image_publication_devant{width:514px;height:596px;position:absolute;top:10px;left:10px;z-index:41;background-color:transparent;}
#image_publication_derriere{width:514px;height:596px;position:absolute;top:10px;left:10px;z-index:40;background-color:transparent;}

#principal{position:relative;width:1045;height:630px;text-align:right;clear:both;overflow: hidden;}

#banderole{overflow:visible;position:absolute;bottom:80px;float:left;width:1045px;height:180px;padding:14px 0px 0px 0px;font-family:century gothic,arial;font-variant: small-caps;z-index:10;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
background-color:rgba(0,0,0,0.5);
}
#banderole.initial{bottom:-260px;}
#banderole.entreprise{bottom:300px;height:200px;overflow:visible;}
#banderole.portfolio{bottom:0px;}
#titre{position:absolute;width:100%;right:0px;padding-right:250px;}
#titre.fiche{padding-right:10px;text-align:left;}
#titre.initial,#titre.transition{}
#image_publication_devant.transition{right:-600px;}
#titre h1{position:absolute;top:33px;right:255px;letter-spacing:-1px;font-size:42px;color:rgb(194,214,227);margin-top:-14px;}
#titre.fiche h1{font-size:31px;left:510px;right:auto;}
#titre h1.reduit{position:absolute;top:37px;letter-spacing:-1px;font-size:36px;color:rgb(194,214,227);}
#titre h3{font-size:13px;letter-spacing:2px;color:rgb(194,214,227);position:absolute;bottom:-30px;right:251px;}
#titre div{color:rgb(194,214,227);}
#titre div.texte{width:780px;font-size:13px;color:#c6c8ca;float:right;margin:69px 0px 0px 0px;}
#titre.fiche div.texte{width:538px;font-size:12px;}
#titre div.texte div.colonne{float:right;text-align:left;padding:0px 0px 0px 16px}
#titre div.texte p{margin:4px}
#titre p{font-variant: normal;letter-spacing:0px;color:rgb(194,214,227);}
#titre #menu_images{float:right;position:absolute;top:75px;right:250px;}

#contenu{position:absolute;bottom:194px;right:0px;width:228px;top:0px;padding:4px 4px 4px 4px;overflow: hidden;z-index:10;
					text-align:left;font-size: 13px;font-family:century gothic,arial;color:#c6c8ca;
					filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000);
					background-color:rgba(0,0,0,0.7);}
					
#contenu div.bordure{position:absolute;bottom:0px;right:0px;width:228px;top:0px;margin:30px 0px 30px 0px;overflow: hidden;z-index:10;}

#information{position:absolute;top:0px;right:0px;}
#contenu.ouvert{width:228px;top:0px;}
#contenu.ferme{width:22px;bottom:166px;top:auto;height:20px;cursor:pointer;}
#contenu .control{width:228px;height:22px;z-index:12;font-style: italic;font-size: 10pt;}
#contenu.ouvert .control{width:228px;background:url("../images/Fermer_18.png") no-repeat right;}
#contenu.ferme .control{width:22px;background:url("../images/Info_18.png") no-repeat right;}
#contenu.ouvert #defilement_haut{position:absolute;width:228px;height:20px;bottom:24px;right:0px;opacity:0.1;z-index:11;cursor:pointer;}
#contenu.ouvert #defilement_bas{position:absolute;width:228px;height:20px;bottom:0px;right:0px;opacity:0.1;z-index:11;cursor:pointer;}

#contenu.ouvert #defilement_haut img{position:absolute;bottom:0px;left:32px;padding:2px 0px 4px 180px;width:12px;} /*padding to patch ie8 hover behavior*/
#contenu.ouvert #defilement_bas img{position:absolute;bottom:0px;left:32px;padding:4px 0px 2px 180px;width:12px;}/*padding to patch ie8 hover behavior*/

#contenu a{text-decoration: none;font-size: 13px;color:#e5e5e5;}
#contenu h3{color: #999999;font-size: 13px;font-weight: regular;text-align:left;padding:0px 0px 0px 9px;}
#contenu p{padding:1px 12px 8px 8px;}
#chargeur{display:none;}#prechargeur{display:none;}
#gallerie{display:none;}
#diaporama_publications{display:none;}
#derriere{position:absolute;top:0px;width:1045px;height:630px;background-color:white;z-index:1;}
#devant{position:absolute;top:0px;width:1045px;height:630px;background-color:white;z-index:2;}
#page{width:1045px;margin:1% auto 10px auto;}#loading{	position:absolute;	top:40%;	left:50%;  margin-left: auto;	margin-right: auto;}

