/*SITE COSSSETTE
Fichier CSS communs
Date création: 31 mai 2007
*/
 @font-face {
		font-family: Frutiger;
		font-style:  normal;
		font-weight: normal;
		src: url(http://www.cossette.com/css/FRUTIGE1.eot);
	  }
 @font-face {
		font-family: FrutigerInterne;
		font-style:  normal;
		font-weight: normal;
		src: url(http://www.cossette.com/css/FRUTIGE1.eot);
	  }
 @font-face {
		font-family: FrutigerInterneGras;
		font-style:  normal;
		font-weight: normal;
		src: url(http://www.cossette.com/css/FRUTIGE2.eot);
		}
/*/BALISES///////////////////////*/
#basdepage{
	text-align:right;
	width:985px;
	margin:0;
	padding:80px 0px 15px 5px;
	color:#aaa;
	font-size:11px;
}
#basdepage p{
	color:#7d7d7a;
	margin-right:770px;
	font-size:9px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}

#basdepage a {font-size:11px; text-decoration:none; color:#bebebc;}
#basdepage a:hover {font-size:11px; text-decoration:none; color:#7d7d7a;}

.ecm {
	DISPLAY: none;
	VISIBILITY: visible;
	HEIGHT: 0px;
}
*{
	margin:0;
}
body{
	background-color:#757575;
}
h1{
	font: 28px FrutigerInterne, "Lucida Grande","Arial Narrow",  Arial, sans-serif;
	color:#424242;
}
h2{
	font: 19px FrutigerInterne,"Lucida Grande","Arial Narrow", Arial, sans-serif;
	color:#424242;
}
h4{
	font: 16px "Lucida Grande","Arial Narrow", Arial, sans-serif;
	color:#424242;
}
/*Titre page*/
h3{
	font: 27px FrutigerInterne,"Lucida Grande","Arial Narrow", Arial, sans-serif;
	color:#fff;
}
h3 a{
	font: 27px FrutigerInterne,"Lucida Grande","Arial Narrow", Arial, sans-serif;
}
	h3 a:link{
		font: 27px FrutigerInterne,"Lucida Grande","Arial Narrow", Arial, sans-serif;
		color:#fff;
		text-decoration:none;
	}
	h3 a:visited{
		font: 27px FrutigerInterne,"Lucida Grande","Arial Narrow", Arial, sans-serif;
		color:#fff;
		text-decoration:none;
	}
	h3 a:hover{
		font: 27px FrutigerInterne, "Lucida Grande","Arial Narrow", Arial, sans-serif;
		color:#fff;
		text-decoration:none;
	}
	h3 a:active{
		font: 27px FrutigerInterne, "Lucida Grande","Arial Narrow", Arial, sans-serif;
		color:#fff;
		text-decoration:none;
	}

p{
	font-family:"Lucida Grande", Arial, sans-serif;
	font-size:12px;
	margin:10px 0;
}
div{
	font-family:"Lucida Grande", Arial, sans-serif;
	font-size:12px;
}
span{
	font-family:"Lucida Grande", Arial, sans-serif;
	font-size:12px;
	margin:10px 0;
}
a:link{
	color:#2AB2D1;
	text-decoration:none;
}
a:visited{
	color:#2AB2D1;
	text-decoration:none;
}
a:hover{
	color:#2AB2D1;
	text-decoration:underline;
}
a:active{
	color:#2AB2D1;
	text-decoration:none;
}
/*/////////////////////////////////////////////////*/
#body1col{
background: url(/img/fond_1colonne.jpg) repeat-y;
background-color:#757575;
}
#body2col{
background-color:#757575;
background-image:url(/img/fond_2colonnes.jpg);
background-repeat:repeat-y;
}
#bodygrisfonce{
background: url(/img/fondgrisfonce.gif) repeat-y;
background-color:#757575;
}
/*/////////////////////////////////////*/
/*Division colonnes*/
#contenu{
	width:726px;
	float:left;
}
#contenuprinc1colonne{
	width:985px;
	margin:0;
	padding:0;
	background: url(/img/fond_1colonne.jpg) repeat-y;
}
#contenuprinc2colonnes{
	width:985px;
	margin:0;
	padding:0;
	background-image:url(/img/fond_2colonnes.jpg);
	background-repeat:repeat-y;
}
#contenuprinc2colonnesfonce{
	width:985px;
	margin:0;
	padding:0;
	background: url(/img/fondgrisfonce.gif) repeat-y;
}
/*2 colonnes*/
#colonne1{
	border-top: solid 5px #d0d0d0;
	float:left;
	padding-top:20px;
	width:363px;
}
#colonne2{
	border-top: solid 5px #d9d9d9;
	float:right;
	padding-top:20px;
	width:363px;
}
/*1 colonne*/
#colonne{
	border-top: solid 5px #d9d9d9;
	padding-top:20px;
	width:100%;
}


/*MENU GAUCHE PRINCIPAL*/
#menuprinc{
	width:220px;
	background-color:#fff;
	float:left;
	text-align:right;
	margin:0 30px 0 0;
	padding:0;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
}

#menuprinc a {text-transform:uppercase; color:#bebebc; font-size:11px;}
#menuprinc a:hover {color:#7d7d7a;}

/*logo cossette*/
a img {outline:none;}
#imglogo{
	margin:40px 0 30px 0;
	border:none;
}


.menuniveau1 {
	padding:0;
	font-size:28px;
	letter-spacing:-1px;
}

.menuniveau1 a {
	text-indent:-10000px;
	text-align:left;
	display:block;
	width:218px;
	height:23px;
	font-size:11px;
	outline:none;
}

.menuniveau1.item1_en {background:url(/img/menu/aboutus.gif) no-repeat center right;}
.menuniveau1.item2_en {background:url(/img/menu/ourwork.gif) no-repeat center right;}
.menuniveau1.item3_en {background:url(/img/menu/news.gif) no-repeat center right;}

.menuniveau1.item1_fr {background:url(/img/menu/apropos.gif) no-repeat center right;}
.menuniveau1.item2_fr {background:url(/img/menu/realisations.gif) no-repeat center right;}
.menuniveau1.item3_fr {background:url(/img/menu/nouvelles.gif) no-repeat center right;}

li.menuniveaudeux{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.menuniveaudeux a:link{
	color:#bebebc;
	margin:6px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.menuniveaudeux a:visited{
	color:#bebebc;
}
.menuniveaudeux a:hover{
	text-decoration:none;
	color:#7d7d7a;
	margin:0;
	padding:0;
}
.menuniveaudeux a:active{
	color:#bebebc;
}

.listemenu_ul_sousniv3{
	border-right:#aaa solid 1px;
	padding:0 8px 0 0px;
	margin:0 8px 0 0;
	text-align:right;
}

li.listemenu_sousniv3{
	margin:3px 0;
	padding:0;
	list-style-type:none;
	font-size:11px;
}

.listemenu_sousniv3 a:link{
	color:#4C4C4C;
	font-size:11px;
	list-style-type:none;
	text-decoration:none;
}
.listemenu_sousniv3 a:visited{
	color:#4C4C4C;
	font-size:11px;
	list-style-type:none;
	text-decoration:none;
	}
.listemenu_sousniv3 a:hover{
	color:#2AB2D1;
	font-size:11px;
	list-style-type:none;
	text-decoration:none;
}
.listemenu_sousniv3 a:active{
	color:#4C4C4C;
	font-size:11px;
	list-style-type:none;
	text-decoration:none;
}
/*menu investor/human resources/get in touch*/
.lienactif{
	color:#7d7d7a;
	font-size:11px;
}
.menusous2{
	color:#008CA3;
	font-size:11px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
.menusous2 a:link{
	font-size:11px;
	color:#4C4C4C;	
	text-decoration:none;
}
.menusous2 a:visited{
	font-size:11px;
	color:#4C4C4C;	
	text-decoration:none;
}
.menusous2 a:hover{
	font-size:11px;
	color:#2AB2D1;	
	text-decoration:none;
}
.menusous2 a:active{
	color:#4C4C4C;	
	font-size:11px;
	text-decoration:none;
}

/*______________________*/

p.langue{
	margin-top:20px;
	margin-bottom:40px;
	color:#aaa;
	text-transform: uppercase;
	display:none;
}

p.langue a:link{
	color:#aaa;
}
p.langue a:visited{
	color:#aaa;
}
p.langue a:hover{
	color:#2AB2D1;
	text-decoration:none;
}
p.langue a:active{
	color:#aaa;
}

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


/*SOUS MENU*/

div#sousmenu{
	background-color:#424242;
	border-top: 10px solid #000;
	padding: 20px 0 15px 20px;
	margin:0;
}
ul.listesousmenu_ul{
	margin:10px 0 0 0;
	padding:0;
	float:left;
	list-style-type:none;
	width:33%;
}
ul.listesousmenu_ul2{
	margin:10px 0 0 0px;
	padding:0;
	float:left;
	list-style-type:none;
	width:33%;
}
li.listesousmenu{
	 font-size:12px;
	 color:#fff;
	 margin:4px 0;
	 font-family:Arial, Helvetica, sans-serif;
}
li.listesousmenu a:link{
	 font-size:12px;
	 color:#2AB2D1;
	 margin:4px 0;
	 text-decoration:none;
}
li.listesousmenu a:visited{
	 font-size:12px;
	 color:#2AB2D1;
	 margin:4px 0;
	 text-decoration:none;	 
}
li.listesousmenu a:hover{
	 font-size:12px;
	 color:#2AB2D1;
	 margin:4px 0;
	 text-decoration:underline;
	 font-family:Arial, Helvetica, sans-serif;
}
li.listesousmenu a:active{
	 font-size:12px;
	 color:#2AB2D1;
	 margin:4px 0;
	 font-family:Arial, Helvetica, sans-serif;
}
li.listesousmenu_petit a:link{
	 font-size:10px;
	 color:#aaa;
	 margin:5px 0;
	 text-decoration:none;
	 font-family:Arial, Helvetica, sans-serif;
}
li.listesousmenu_petit a:visited{
	 font-size:10px;
	 color:#aaa;
	 margin:5px 0;
	 text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
li.listesousmenu_petit a:hover{
	 font-size:10px;
	 color:#aaa;
	 margin:5px 0;
	 text-decoration:underline;
	 font-family:Arial, Helvetica, sans-serif;
}
li.listesousmenu_petit a:active{
	 font-size:10px;
	 color:#aaa;
	 margin:5px 0;
	 text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
li.listesousmenu_petit {
	 font-size:10px;
	 color:#fff;
	 margin:5px 0;
	 font-family:Arial, Helvetica, sans-serif;
}
/*////////*/


/*Placement images/////////////*/

/*haut relations investisseurs - index*/
#pimgtop{
	height:300px;
	margin:0;
	padding:0;
}
/*haut relations investisseurs2 - petit - */
#pimgtop2{
	height:150px;
	margin:0;
	padding:0;
}
/*haut Carrières - index */
#pimgtophuman{
	height:300px;
	margin:0;
	padding:0;
}
/*haut Carrières  - petit - */
#pimgtophuman2{
	height:150px;
	margin:0;
	padding:0;
}

.rssimg{
	border:none;
	margin:auto 5px;
}

.imgbarre{
	margin:3px 0px;
}
/*///////////////////////////*/


.lienhautdecasse a{
	text-transform:uppercase;
}
.pfondgris{
	color:#f4f4f4;
	font-size:11px;
}
.pfondblanc{
	color:#4c4c4c;
	font-size:11px;
}
.pfondblanc a{
	font-size:11px;
}
.date{
	font-size:11px;
	color:#aaa;
	font-family:"Lucida Grande", Arial, sans-serif;
}
.pressrel{
	margin:20px 0;
}

.sansmargin{
	margin:0;
	padding:0;
}


.aligright{
	text-align:right;
}

.scroll{
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	color: #424242;
}

.copy { 
    font-family:"Lucida Grande", Arial, sans-serif;
	font-size:9px;
}
/*SECTION TALEO*/

.head1{
font-size:12px;
}