@charset "UTF-8";
/* CSS Document */


body{
	font-family:Georgia;
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height: 1.5;
	}
	
a img{
	border:none;
	}
	
p 	{
	margin:0px;
	padding:0px;
	text-decoration:none;
	}
	
.lien a	{
	margin:0px;
	padding:0px;
	text-decoration:none;
	color:#000;
	}
	
	
a	{
	text-decoration:none;
	}
	
/**************************************************** PAGE ****************************************************/
#page{
	width:850px;  
	margin:20px auto 0 auto;
	}
	
#banner{
	float:left;
	background-image:url('../images/Banner_janvier_12.jpg');
	background-repeat:no-repeat;
	width:850px;
	height:342px;
	}
	
/**************************************************** NAVIGATION ****************************************************/
#nav{
	float:left;
	margin-top:314px;
	}
	
#nav img{
	float:left;
	padding-right:25px;
	}

/**************************************************** CONTENT ****************************************************/

#content{
	float:left;
	width:842px;
	}

.col{
	float:left;
	margin-top:47px;
	}

.col_left{
	width:177px;
	margin-right:48px;
	}
	
.big_titre{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:0;
	margin:0px;
	}
	
.titre{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:18px;
	margin:0px;
	}
	
.txt_description{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:1.5;
	padding:0px;
	margin:15px 0 0 0;
	}
	
.txt_base_lien a{
	font-family:Georgia;
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height: 1.9;
	text-decoration:none;
	color:#000;
	}
	
	
.col_center{
	width:358px;
	margin-right:32px;
	font-family:Georgia;
	font-size:12px;
	line-height:1.5em;
	}

.col_right{
	width:208px;
	padding-left:13px;
	border-left:5px solid #000;
	font-family:Arial;
	font-size:12px;
	}
	
.block_hs{
	display:block;
	background-color:#666;
	height:20px;
	padding-top:2px;
	color:#FFF;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	}
	
/**************************************************** PORFOLIO ****************************************************/

#portfolio{
	margin-top:20px;
	}
	
#portfolio2{
	width:580px;
	height:450px;
	margin-top:20px;
	float:left;
	}
	
#zone_image_vignette{
	width:580px;
	height:50px;
	margin-top:10px;
	text-align:left;
	}
	
.vignette_mois{
	float:left;
	margin:25px 15px 0 0;
	width:180px;
	}
	
.vignette_mois p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:5px;
	color:#000;
	font-weight:bold;
	float:left;
	}
	
.col_large_portfolio{
	width:602px;
	margin-right:12px;
	}
	
.col_large_portfolio img{
	float:left;
	margin:5px 5px 0 0;
	padding:0px;
	}
	
.vignette_mois a {
	text-decoration:none;
	}
	
.col_right_portfolio{	
	width:208px;
	height:700px;
	float:left;
	padding-left:13px;
	border-left:5px solid #000;
	font-family:Arial;
	font-size:12px;
	}
	
.portfolio_droite a{
	text-decoration:none;
 	color:#000;	
	}
	
.portfolio_droite a:link{
	text-decoration:none;
	color:#333;
	}

.portfolio_droite a:visited{
	text-decoration:none;
 	color:#000;	
	}

.portfolio_droite a:hover{
	text-decoration:none;
	color:#999;
	}
	
.portfolio_droite_actif a{
	text-decoration:none;
	color:#999;
	}


/**************************************************** EDITIONS ****************************************************/
.editions{
	height:169px;
	width: 530px;
	border-bottom:4px solid #666;
	margin-top:20px;
	}
	
.editions p{
		line-height: 1.6;
	}

.editions img{
	padding-right:20px;
	}

a.bouton{
	float:right;
	height:16px;
	width:80px;
	display:block;
	background:#666666;
	color:#FFFFFF;
	padding:4px;
	text-decoration:none;
	text-align:center;
	margin:47px 0 0 20px;
	}
	
/****************************************************  ACTUALITE ****************************************************/
.actuality p{
	line-height:1.3em;
	margin-bottom:5px;
	}
	
.actuality p a, .contact p a{
	text-decoration:none;
	color:#999;
	font-style:italic;
	}
	
/****************************************************  CONTACT ****************************************************/

.contact h2{
	font-family:Arial;
	font-weight:bold;
	font-size:10px;
	margin:0;
	padding:0;
	}

.contact p{
	font-family:Georgia;
	font-size:11px;
	line-height:1.4em;
	margin-bottom:20px;
	}

.contact p a{
	display:block;
	padding-top:2px;
	}

.col_large_center{
	width:602px;
	margin-right:12px;
	}
	
.col_large_center img{
	float:right;
	margin:0 0px 0 0;
	padding:0px;
	}
	
.col_large_center_editions{
	width:602px;
	margin-right:12px;
	overflow:auto;
	height:970px;
	}

.header_contact{
	width:358px;
	float:left;
	}

.header_contact h1{
	font-family:Arial;
	font-weight:bold;
	font-size:16px;
	padding-bottom:5px;
	}

.header_contact h2{
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	padding-bottom:5px;
	}

.header_contact h3{
	font-family:Georgia;
	font-weight:normal;
	padding:0px;
	font-size:12px;
	line-height:1.5em;
	}

.header_contact a{
	color:#999;
	font-family:Georgia;
	text-decoration:none;
	}

.cover_contact{
	float:right;
	width:243px;
	}
  
.contact_form{
	float:left;
	margin-top:35px;
	font-family:Arial;
	font-size:12px;
	width:490px;
	}

.contact_form p{
	clear:left;
	margin-bottom:25px;
	padding-left:135px;
	}

.contact_form label{
	float:left;
	margin-left:-135px;
	}

.contact_form input, .contact_form textarea{
	width:347px;
	border:1px solid #000;
	}

#zip   { width:83px; }
#city  { width:258px; }
#tel_01{ width:60px; }
#tel_02{ width:50px; }
#tel_03{ width:38px; }
#tel_04{ width:38px; }

#send{
	float:right;
	width:99px;
	border:0;
	background-color:#666;
	color:#fff;
	padding:0.2em;
	font-family:Georgia;
	cursor:pointer;
	}
	
#message{
	height:115px;
	}
	
/**************************************************** FOOTER ****************************************************/
#footer{
	float:left;
	width:842px;
	margin:20px 0 0 0;
	padding:8px 0 10px 0;
	border-top:3px solid #ccc;
	text-align:center;
	font-family:Arial;
	font-size:9px;
	color:#666;  
	}

.legend{
	font-family:Arial;
	font-size:10px;
	text-align:center; 
	margin-top:5px;
	}