*,div,html,body,h1,h2,h3,h4,h5,h6,p {
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
}
body,html {
width:100%;
height:100%;
}


a img {
	border:none;
}


div#page {
		width:930px;
		height:730px;
		margin-top:40px; /* marge haute */
		margin-left: auto; /* centrage horizontal */
		margin-right: auto;  /* centrage horizontal */
}

div#header {
	height:100px;
	margin-bottom:5px;
	
	
}

div.col_left {
	height:100%;
	width:405px;
	
}

div.col_right {
	height:100%;
	width:405px;
	float:right;	
}

div.col_logo {
	width:120px;
	height:100%;	
}

div#header div.col_center a{
	text-decoration:none;
}



div.col_center {
	width:710px;
	float:right;
	height: 100%;
}




div#header h1 {
	font-size:57px;
	line-height:45px;
	margin-top:20px;
	letter-spacing:-1px;
	margin-bottom:-10px;
	color:#87888A;
	text-transform: uppercase;
}

div#header h1 span {
	font-size:20px;
	color:#000;
}




/* menu */
div#menu {
	height:25px;
	width:810px;
	border-bottom:1px solid #BAB7B8;
}

	div#menu ul {
		list-style-type:none;
		padding:0;
		margin:0;		
	}
	div#menu ul li {
		display:inline;
		margin-right:10px; /* marge inter-menu */
		
 	}
 	
 	div#menu ul li a {
 		text-decoration:none;
 		color:#87888A;
		font-size:14px;
		line-height:25px;
		height:25px;
		font-weight:bold;
		text-transform:uppercase;
		padding-bottom:5px;
 	}
 	
 	div#menu ul li.current a , div#menu ul li.current a:hover {
 		color:#000;
 		background-image:url(_templates/gray_line.png);
 		background-repeat: no-repeat;
 		background-position:bottom left;
 	}
 	
 	div#menu ul li a:hover {
 		color:#7956f71;
 		background-image:url(_templates/gray_line.png);
 		background-repeat: no-repeat;
 		background-position:bottom left;
 	}

 	



/* fin menu */







div#header div.col_left {
	width:710px;
	}
div#header div.col_right {
	width:100px;
} 




/******** page accueil **********/


div#content_home {
	height:180px;
	margin-left:120px;
}



div#banner {
	height:390px;
	margin-left:120px;
}


div#carrousel {
	width:395px;
	height:170px;
	margin-top:10px;
	float:right;

}



div#cat_news {

	height:20px;
	border-bottom:1px solid #BAB7B8;
	padding-top:10px;

}

	div#content_home h1 {
	color:#f5a206;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	
	}
	
	
	div#content_home h2 {
	color:#000;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	
	}
	
	
	
div#list_news {
	height:144px;
	margin-top:5px;
}



	div#element_news {
	padding-top:10px;

	}
	
/**********portfolio letableau*******/


/*div#book_selecteur{
	height:70px;
	margin-left:120px;
	border-bottom:1px solid #BAB7B8;

}

	div#book_selecteur ul {
		list-style-type:none;
	}
		
	 	
 	div#book_selecteur ul li a {
		display:inline;
 		text-decoration:none;
 		color:#87888A;
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
 	}


 	div#book_selecteur ul li.current a , div#book_selecteur ul li.current a:hover {
 		color:#000;
	}

 	div#book_selecteur ul li a:hover {
 		color:#756f71;
 	}

*/

	
	
div#book_table {
	width:810px;
	height:540px;
	margin:0px 0px 0px 120px;
	text-decoration:none;
	line-height:6px;

}

div#page2 {
		width:930px;
		height:540px;
		margin-top:0px; /* marge haute */
		margin-left: auto; /* centrage horizontal */
		margin-right: auto;  /* centrage horizontal */
}





div#book_table h1 {
		font-size:10px;
		color:#006ab2;
		margin-top:5px;
		font-weight:normal;
		}


	div#book_table ul {
		list-style-type:none;
		margin-right:-5px;
		
	
	}
	
	div#book_table ul li {
		display:inline;
		float:left;
		margin-right:5px; /* marge inter_vignette */

	}
	
	div#book_table ul li a {
		display:block;
		width:158px;
		height:84px;
 		text-decoration:none;
 		color:#707072;
		font-size:10px;
		text-align:left;
 	}
	
	
	

div#book_page {

	height:29px;
	margin-left:120px;
}


	div#book_num {
		height:29px;
		text-align:center;
	}
	
	
		div#book_num ul {
			list-style-type:none;
			padding:0;
			margin:0;		
		}
		div#book_num ul li {
			display:inline;
			margin-right:5px; /* marge inter-menu */
			
		}
		
		div#book_num ul li a {
			text-decoration:none;
			color:#87888A;
			font-size:14px;
			line-height:35px;
			font-weight:bold;
			padding-bottom:5px;
		}
		
		div#book_num ul li.current a , div#book_num ul li.current a:hover {
			color:#000;
		}
		
		div#book_num ul li a:hover {
			color:#756f71;
		}
	
		
		div#book_num ul li img {
			margin:0 5px -2px 5px;
		
			}	





/**********FIN portfolio tableau*******/





/**********page portfolio *******/

div#content_book {
	height:570px;
	margin-left:120px;
}


div#content_book div.col_right  {
	background-image:url(http://de14.ispfr.net/~tresadenn__223/_images/7215.png);
	background-repeat: no-repeat;
	background-position:top left;
} 


div#content_home div.col_left {
	height:100p%;
	width:402px;

}




div#book_carac {
	height:400px;
	font-size:10px;
	color:#707072;
	margin-left:10px;
}



	div#book_carac h2 {
		font-size:10px;
		font-weight:bold;
		color:#006ab2;
	}

	div#book_carac span {
		text-transform:uppercase;
		font-weight:bold;
		color:#000
	}
	
	div#book_carac h2 span {
		color:#006ab2
	}


div#book_carac2 {
	height:180px;
	font-size:10px;
	color:#707072;
	padding-top:10px;
	background-image:url(http://de14.ispfr.net/~tresadenn__223/_images/7217.png);
	background-repeat: no-repeat;
	background-position:0px 2px;

}

	div#book_carac2 p.description {
		font-size:10px;
		color:#707072;
		margin-top:55px;
		text-align:justify;
	
	}



	div#book_carac2 h2 {
		font-size:10px;
		font-weight:bold;
		color:#006ab2;
		text-transform:none;
	}

	div#book_carac2 span {
		text-transform:uppercase;
		font-weight:bold;
		color:#000
	}
	
	div#book_carac2 h2 span {
		color:#006ab2
	}
	
	
	
	
p.description {
	font-size:10px;
	color:#707072;
	margin-top:65px;
	text-align:justify;

}



div#book_thumb {
	text-align:right;
	color:#006AB2;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	
}

	div#book_thumb ul li {
		display:inline;
		float:right;
		margin-left:5px; /* marge inter_vignette */
	}


	div#book_thumb ul li a:hover img {
		width:30px;
		height:12px;
		border:1px solid #006ab2;
	}
	
	
	
	div#book_thumb ul li a img {
		width:30px;
		height:12px;
		border:1px solid #B1B3B4; 
	}
	
	
	div#book_thumb li a.current img {
		width:30px;
		height:12px;
		border:1px solid #006ab2;
	}



div#book_thumb2 {
	text-align:right;
	color:#006AB2;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:10px;
	
}
	div#book_thumb2 ul li {
		display:inline;
		float:right;
		height:12px;
                margin-left:5px; /* marge inter_vignette */
	}


	div#book_thumb2 ul li a:hover img {
		width:30px;
		height:12px;
		border:1px solid #006ab2;
	}
	
	
	
	div#book_thumb2 ul li a img {
		width:30px;
		height:12px;
		border:1px solid #B1B3B4; 
	}
	
	
	div#book_thumb2 li a.current img {
		width:30px;
		height:12px;
		border:1px solid #006ab2;
	}
		
	



div#book_previous_next {
	height:95px;
	margin-top:59px;
	margin-left:10px;
	border-top:1px solid #BAB7B8;
	padding-top:10px;
	text-decoration:none;
	color:#87888A;
	font-size:14px;
	height:25px;
	font-weight:bold;
	text-transform:uppercase;
	/* pas de float:right ici 
	c'est les bloc li qui doivent s'aligner en flottant à droite.
	(peut-être faudra reordonné l'ordre des li thumb , mais ca c'est au CMS de le faire si besoin)
	
	NB: "vue active" est venu se placer devant... si tel ne doit pas être le cas, il peut aussi être mis endehors du ul... dans un paragraphe en dessous/en dessous.
	*/
}

	div#book_previous_next ul {
		list-style-type:none;
		padding:0;
		margin:0;
		
	
	}
	
	div#book_previous_next ul li {
		display:inline;
		float:left;				/* on fait flotter les éléments à gauche */
		margin-left:2px; /* marge inter_vignette */

	}
	
	div#book_previous_next ul li a {
		display:block;				/* on force le a contenu dans chaque li a une largeur de bloc bien défini */
		width:130px;
 		text-decoration:none;
 		color:#87888A;
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
		text-align:center;
 	}
	
	div#book_previous_next ul li a:hover {
	color:#000;
	}
	
	
	div#book_previous_next ul li div img {
	margin:0 5px -2px 5px;

	}
	
	div#book_previous_next ul li img {
	margin-top:8px;

	}
	




/**********************about**************************/	
	
div#content_about {
	margin-left:120px;
}

p.presentation {
	font-size:10px;
	color:#707072;
	text-align:justify;

}

p.presentation a{
	color:#000;
	text-decoration:none;
	font-weight:bold;

}




p.presentation a:hover{
	color:#707072;
	font-weight:bold;

}



div#content_about div.col_left {
	width:810px;
	height:169px;
	padding-top:10px;

}


	div#content_about h1 {
		font-size:10px;
		font-weight:bold;
                color:#6ab023;
		text-transform:uppercase;
	}

	

/**********************FIN_about**************************/

/**********************contact**************************/	
	
div#contact {
	margin-left:120px;
	width:810px;
	height:570px;
	color:#707072;
	font-size:10px;
	font-family:Arial,Helvetica,sans-serif;
	border:none;
}




/**********************contact**************************/

/**********************legals**************************/	
	
div#legals{
	margin-left:120px;
	width:810px;
	height:570px;
	border:none;
}




/**********************legals**************************/

/**********************services**************************/	


div#content_services_main {
	height:390px;
	margin-left:120px;
	border-bottom:1px solid #BAB7B8;
}


	div#content_services_main h1 {
		font-size:10px;
		font-weight:bold;
		color:#f5a206;
		text-transform:uppercase;
	}
	
	div#content_services_main ul li {
		font-size:10px;
		color:#707072;
		text-align:justify;	
		list-style-type:none;
		line-height:14px;
		}

	
div#content_services_table {
	height:180px;
	width:810px;
	margin-left:120px;
}

	div#content_services_table h1 {
		font-size:10px;
		font-weight:bold;
		color:#f5a206;
		text-transform:uppercase;
		padding-bottom:10px;
	}



	div#content_services_table ul li {
		font-size:10px;
		color:#707072;
		text-align:justify;
		list-style-type:none;
		line-height:14px;
		}



	div#cat_skills_1 {
		width:203px;
		height:170px;
		padding-top:10px;
	}
	
	div#cat_skills_2 {
		width:202px;
		float:right;
		height:170px;
		padding-top:10px;
	}
	
	
	div#cat_skills_3 {
		width:203px;
		height:170px;
		padding-top:10px;
	}
	
	div#cat_skills_4 {
		width:202px;
		float:right;
		height:170px;
		padding-top:10px;
	}
	
	
	



/**********************FIN_services**************************/






/**********************footer**************************/

div#footer {
	height:40px;
	margin-left:120px;
	margin-top:15px;
	border-top:1px solid #BAB7B8;
	color:#707072;
	font-size:8px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:15px;
}


div#footer a {
	color:#707072;
	text-decoration:none;	
}


div#footer a:hover {
	color:#000;
	text-decoration:none;	
}

	
	
div#footer span {
	color:#000;
}


div#footer div.col_right {
	text-align:right;

}


div#footer img {
	float:right;
	margin-left:5px; /* marge inter_vignette */
	margin-top:-3px
}


/**********************FIN footer**************************/