@charset "UTF-8";


/* --- STYLES DE BASE --- */

/* Page */


body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #303030 url(../img/bgheader2.gif) repeat-x top left;
}


/* SECTION : PORTFOLIO */


div.portfolio .titreprojet {
	margin:15px -160px 0 0;
}

div.portfolio li.titreprojet {
	padding: 10px 30px 0 0;
	
}

li.titreprojet h3 {
	color:#333;
	font-size:23px;
	font-weight:bold;
	width:180px;
	margin:-10px 0 0 -4px;
}

div.portfolio li.titreprojet p {color:#333; width:270px; line-height:1.5;}

div.menuprojet li, div.portfolio li.titreprojet p.type {color:#9E9E9E;}

div.portfolio .type span, div.portfolio .type span a {color:#00A0AF; font-size:9px;} div.portfolio .type span a:hover {text-decoration:underline;}

div.portfolio li.titreprojet p.type {font-size:14px;}

div.portfolio li.titreprojet p, div.menuprojet li {font-size:9px;}




div.portfolio li.titreprojet p.voiraussi, div.portfolio li.titreprojet p.voiraussi2, div.portfolio li.titreprojet p.voiraussi3, div.portfolio li.titreprojet p.voiraussi4, div.portfolio li.titreprojet p.voiraussi5, div.portfolio li.titreprojet p.voiraussi6 {background-color:#00A0AF; padding:11px 7px 10px 13px; color:#fff; margin-top:25px;}

div.portfolio li.titreprojet p.voiraussi {width:150px;}
div.portfolio li.titreprojet p.voiraussi2 {width:99px;} /* Voir web */
div.portfolio li.titreprojet p.voiraussi3 {width:116px;} /* Voir imprimé */
div.portfolio li.titreprojet p.voiraussi4 {width:106px;} /* Voir image */
div.portfolio li.titreprojet p.voiraussi5 {width:160px;}
div.portfolio li.titreprojet p.voiraussi6 {width:140px;}

		.win.ff3 div.portfolio li.titreprojet p.voiraussi {width:155px;}
		.ie div.portfolio li.titreprojet p.voiraussi, .chrome div.portfolio li.titreprojet p.voiraussi, .win.safari div.portfolio li.titreprojet p.voiraussi {width:156px;}
		
		.win.ff3 div.portfolio li.titreprojet p.voiraussi2 {width:100px;} /* Voir web */
		.ie div.portfolio li.titreprojet p.voiraussi2, .chrome div.portfolio li.titreprojet p.voiraussi2, .win.opera div.portfolio li.titreprojet p.voiraussi2, .win.safari div.portfolio li.titreprojet p.voiraussi2 {width:103px;} /* Voir web */
		
		.win.ff3 div.portfolio li.titreprojet p.voiraussi3 {width:120px;} /* Voir imprimé */
		.ie div.portfolio li.titreprojet p.voiraussi3, .chrome div.portfolio li.titreprojet p.voiraussi3, .opera div.portfolio li.titreprojet p.voiraussi3, .win.safari div.portfolio li.titreprojet p.voiraussi3 {width:121px;} /* Voir imprimé */
		
		.win.ff3 div.portfolio li.titreprojet p.voiraussi4 {width:110px;} /* Voir image */
		.ie div.portfolio li.titreprojet p.voiraussi4, .chrome div.portfolio li.titreprojet p.voiraussi4, .win.safari div.portfolio li.titreprojet p.voiraussi4 {width:110px;} /* Voir image */
		.mac.safari div.portfolio li.titreprojet p.voiraussi4, .opera div.portfolio li.titreprojet p.voiraussi4 {width:111px;} /* Voir image */
		
		.win.ff3 div.portfolio li.titreprojet p.voiraussi5 {width:165px;}
		.ie div.portfolio li.titreprojet p.voiraussi5, .chrome div.portfolio li.titreprojet p.voiraussi5, .win.safari div.portfolio li.titreprojet p.voiraussi5 {width:166px;}

		.win.ff3 div.portfolio li.titreprojet p.voiraussi6 {width:145px;}
		.ie div.portfolio li.titreprojet p.voiraussi6, .chrome div.portfolio li.titreprojet p.voiraussi6, .win.safari div.portfolio li.titreprojet p.voiraussi6 {width:146px;}

div.portfolio li.titreprojet p.voiraussi a, div.portfolio li.titreprojet p.voiraussi2 a, div.portfolio li.titreprojet p.voiraussi3 a, div.portfolio li.titreprojet p.voiraussi4 a, div.portfolio li.titreprojet p.voiraussi5 a, div.portfolio li.titreprojet p.voiraussi6 a {margin:0 3px; text-decoration: underline; color: #FFF;}

div.portfolio li.titreprojet p.voiraussi a:hover, div.portfolio li.titreprojet p.voiraussi2 a:hover, div.portfolio li.titreprojet p.voiraussi3 a:hover, div.portfolio li.titreprojet p.voiraussi4 a:hover, div.portfolio li.titreprojet p.voiraussi5 a:hover, div.portfolio li.titreprojet p.voiraussi6 a:hover {color:#B5ECF2;}


div.menuprojet {position:relative; z-index:2;}

		.ie6 div.menuprojet {margin-left:-28px;}
		
div.menuprojet li {line-height:1.5;}

div.menuprojet ul.col1, div.menuprojet ul.col2, div.menuprojet ul.col3 {
	float:left;
	padding-left:18px;
	margin-top:-7px;
}
		.ie6 div.menuprojet ul.col1, .ie6 div.menuprojet ul.col2, .ie6 div.menuprojet ul.col3 {position:relative; z-index:1; padding-left:0px; margin-left:18px; margin-top:-27px;}
		.ie7 div.menuprojet ul.col1, .ie7 div.menuprojet ul.col2, .ie7 div.menuprojet ul.col3 {position:relative; z-index:1; padding-left:0px; margin-left:18px; margin-top:-18px;}
		.ie8 div.menuprojet ul.col1, .ie8 div.menuprojet ul.col2, .ie8 div.menuprojet ul.col3 {margin-top:-12px;}
		.win.ff3 div.menuprojet ul.col1, .win.ff3 div.menuprojet ul.col2, .win.ff3 div.menuprojet ul.col3 {margin-top:-15px;}
		.mac.safari div.menuprojet ul.col1, .mac.safari div.menuprojet ul.col2, .mac.safari div.menuprojet ul.col3 {margin-top:-12px;}

div.menuprojet li a {
	color:#474747;
	font-size:10px;
}
div.menuprojet ul.col1 li a:hover, div.menuprojet ul.col2 li a:hover, div.menuprojet ul.col3 li a:hover {color:#00A0AF;}

div.menuprojet h1 {float:left; margin-top:-46px; border:none;}
		.ie6 div.menuprojet h1 {margin-top:-60px;}
		.win.ff3 div.menuprojet h1, .ie7 div.menuprojet h1 {margin-top:-53px;}


		.ie6 div.menuprojet {padding-top:10px;}  .ie7 div.menuprojet {padding-top:5px;} .ff2 div.menuprojet {padding-top:0px; margin-top:18px;} .win.ff3 div.menuprojet {padding-top:6px;}
		
		.ie div.menuprojet ul {padding-top:5px;}  .mac.safari div.menuprojet ul {padding-top:5px;}