/********************************************************
CSS pour le site de Sirocco Communication
Création du css : Martin Durette
Date : Décembre 2010
Une réalisation de Sirocco Communication
********************************************************/


/********************************************************
	Styles de base 
********************************************************/
	body{margin:0; padding:0; font-family:Arial, Geneva, sans-serif; font-size:12px; background:url(../images/bg.png)} 
	a{outline:none;}
	
	.clear{clear:both}
	.fleft{float:left}
	.fright{float:right}

	#contenant{margin:0 auto; padding:0; width:958px;}

/********************************************************
	Header
********************************************************/
	#header{margin:0; height:101px; width:958px; background:url(../images/header.png)}
	#menu{position:absolute; margin:35px 0 0 380px; }
	#menu-accueil{position:absolute; margin:0}


/********************************************************
	Main
********************************************************/
	#main{margin:10px 0 0 0;}
		#texte h2{color:#000; margin-top:0; padding-top:0; text-transform:uppercase; font-size:1.4em}
		#texte h3{color:#000; font-size:1.3em}
		#texte h4{color:#000; margin-top:0; padding-top:0; font-style:italic; font-size:1.2em}
		#texte p{color:#7b7b7b; font-family:Georgia, "Times New Roman", Times, serif;}
		#texte a{color:#444; text-decoration:unnderline}
		#texte a:hover{color:#000}
	
	/* Accueil */
	#slider{margin:10px 0 0 0; width:958px; height:400px; background:#ddd}
	#image-accueil{width:310px; height:163px; overflow:hidden}
	#infos{margin:10px 0 0 0; width:958px}
	#bloc-blogue{float:left; margin:0; width:310px;}
	#bloc-client{float:left; margin:0 0 0 14px; width:310px;}
	#bloc-travail{float:left; margin:0 0 0 13px; width:310px;}
		#bloc-texte h3{font-size:1.3em; text-transform:uppercase; color:#000}
		#bloc-texte p{color:#727272; font-family:Georgia, "Times New Roman", Times, serif}
		#bloc-texte h3 em{font-family:Georgia, "Times New Roman", Times, serif; font-size:0.8em; }
	
	/* Contact */
	#left{float:left; width:270px; background:#f2f2f2; padding:20px; margin:10px 0 0 0}
		#left h1{color:#000; margin-top:0; padding-top:0; text-transform:uppercase; font-size:1.4em}
		#left p{color:#7b7b7b; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}
		#left strong{color:#000; font-weight:normal; font-style:normal}
		#left a{color:#000; text-decoration:none}
		#left a:hover{text-decoration:underline}
	#right{float:left; margin:10px 0 0 10px}
	
	/* À propos */
	#bloc-propos{float:left; margin:10px 0 0 0; width:272px; padding:20px; background:#f2f2f2; min-height:200px}
		#bloc-propos h2{color:#000; margin-top:0; padding-top:0; text-transform:uppercase; font-size:1.4em}
		#bloc-propos p{color:#7b7b7b; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}
		#bloc-propos strong{color:#000; font-weight:normal; font-style:normal}
		#bloc-propos a{color:#000; text-decoration:none}
		#bloc-propos a:hover{text-decoration:underline}
	#equipe{float:left; margin:10px 0 0 0; width:312px; padding:0px;}
		#equipe p{margin:0; padding:0; line-height:150%; color:#727272}
		#equipe h3{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; text-transform:uppercase; color:#000; margin:10px 0 0 0; padding:0}
		#equipe h4{font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000; margin-top:0; padding-top:0; font-style:italic}
	
	/* Clients */
	#client{float:left; margin:10px 0 0 0; width:272px; padding:19px; border:1px solid #000}
		#client p{margin:0; padding:0; line-height:150%; color:#727272}
		#client h3{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; text-transform:uppercase; color:#000; margin:10px 0 0 0; padding:0}
		#client h4{font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000; margin:0; padding:0; font-style:italic}
	#client-left{float:left; margin:0; width:635px;}
	#client-right{float:left; margin:0 0 0 25px; width:270px;}
		#client-right h5{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; text-transform:uppercase; color:#000; margin:10px 0 0 0; padding:0}
		#client-right h3{color:#000; font-size:1em}
	
	/* Portfolio */
	#portfolio{float:left; margin:10px 0 0 0; width:272px; padding:19px; border:1px solid #000; background:#000}
		#portfolio-image{width:270px; height:145px; overflow:hidden}
		#portfolio p{margin:0; padding:0; line-height:150%; color:#fff}
		#portfolio h3{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; text-transform:uppercase; color:#fff; margin:10px 0 0 0; padding:0}
		#portfolio h4{font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#fff; margin:0; padding:0; font-style:italic}
	#portfolio-left{float:left; margin:0; width:635px;}
	#portfolio-right{float:left; margin:0 0 0 25px; width:270px;}
		#portfolio-right h5{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; text-transform:uppercase; color:#000; margin:10px 0 0 0; padding:0}
		#portfolio-right h3{color:#000; font-size:1em}
	

/********************************************************
	Footer
********************************************************/
	#footer{margin:10px 0 0 0; width:918px; padding:20px 20px 40px 20px; background:#000}
		#footer p{color:#fff; margin-top:0; padding-top:0}
		#footer a{color:#fff; font-size:1.1em; font-style:italic; font-weight:normal; margin-right:20px}
		#footer a:hover{text-decoration:none}