/*-------------------------------------------------------



* Filename: styles.css



* Version: 2.0



* Website: http://www.conceptionfocus.com



* Author: Conception web Focus



* Description: Conception de site internet et référencement de site web



   -----------------------------------------------------*/







input.btn {
	


  color:#000;

  font: bold 84% 'calibri ms',helvetica,sans-serif;

  background-color:#fed;

  border: 1px solid;

  border-color: #696 #363 #363 #696;

  filter:progid:DXImageTransform.Microsoft.Gradient

  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');

}





   



/*------------------------------------------------------



  				Global Reset



  ------------------------------------------------------*/	



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 



	margin: 0; 



	padding: 0; 



	border: 0; 



	outline: 0; 



	font-weight: inherit; 



	font-style: inherit; 



	font-size: 100%; 



	font-family: inherit;  



}   



   



body	{



	margin:0px;



	font:12px "Helvetica Neue", "Helvetica", Arial, sans-serif; 

	*font-size:small; 

	*font:x-small; 

	line-height:1.50;



	color:#484848;



	background:#191919 url(../images/bgs2.jpg) top center no-repeat;



}



td	{



	margin:0px;



	font:12px "Helvetica Neue", "Helvetica", Arial, sans-serif; 

	*font-size:small; 

	*font:x-small; 

	line-height:1.50;





}









.fade:hover {



opacity:0.8;

filter:alpha(opacity=80);



}



* html {



	margin:0;padding:0;







}









.clear { clear:both; }







.imgborder



{



border:1px solid #CCCCCC;



padding:8px;



margin-right:10px;



}







#wrapper	{


	width:950px;



	height:auto;


	margin:auto;


	overflow:visible;



}



#topheader	{



	width:950px;



	height:170px;	



}







.carousel	{



	width:600px;



	height:250px;	



	overflow:hidden;



	float:center;

	





}





.transparentdiv {       

filter:alpha(opacity=50);  

                opacity: 0.50;

				}



/* -------- Mainpage Portfolio -------- */







#mportfoliowrap {



	border-top:7px solid #e3e3e3; 



	border-bottom:7px solid #e3e3e3;



	padding:12px 0 12px 0;



	margin: 25px 0 25px 0;



	}



	.mportfolio {}



		.mportfolio img {



	width:190px;



	height:121px;



	float:left;



}



		.mportfoliospace {



	margin-left:10px;

	



}



		.mportfoliobg {



	width:190px;



	height:121px;



	float:left;



	background: #fff;



}







	#mblogwrap {



		padding: 0 0 12px 0;



		margin: 25px 0 15px 0;



		}



	.mblogbox {



		width:286px;



		float:left;



		}



		.mblogtitle { font-size:16px; font-weight:bold; margin-bottom:10px;}



			.mblogtitle a { color:#111; text-decoration:none;}



			.mblogtitle a:hover { color:#0878aa; text-decoration:none;}







		.mblogtext { font-size:13px; line-height:20px; color:#7d7d7d;}



		.mblogspace { margin-left:20px; padding-left:20px; border-left:1px solid #e3e3e3;}



















/* -------- Portfolio Page -------- */



		



.portfoliopagerows {



	margin:0;



	padding-top: 0;



	padding-right: 0;



	padding-bottom: 15px;



	padding-left: 4px;



	}



	.portfoliobox {



	width:190px;



	float:left;



}



		.portfoliotitle { 	font:normal 12px Arial, Tahoma, Helvetica, sans-serif;



	color:#484848;



	padding:10px 0 0 5px;}



			.portfoliotitle a { text-decoration:none;}



			.portfoliotitle a:hover { text-decoration:none;}



		.portfoliocontents { 	font:normal 11px Arial, Tahoma, Helvetica, sans-serif;



	color:#484848;



	padding:5px 0 0 5px;}



		



		



		



		



.logo	{



	font:normal 5em "Trebuchet MS", "Times New Roman", Times, sans-serif;



	color:#fff;



	padding:16px 0 0 5px;



	float:left;



	letter-spacing:-3px;



}



.logo span	{



	color:#fff;



}







.toptext	{



	font:normal 14px Arial, Helvetica, sans-serif;



	color:#fff;



	float:right;



	text-transform:uppercase;



	padding-top: 7px;



	padding-right: 108px;



	padding-bottom: 0px;



	padding-left: 10px;



	border-bottom-width: 1px;



	border-bottom-style: none;



	border-bottom-color: #383838;

	



}





.toptext a	{



	color:#c6c6c6;





}







.portfolio_text	{



	font:normal 10px Arial, Helvetica, sans-serif;



	padding-right: 150px;



	padding-bottom: 0px;







}











.toptext img {



vertical-align:middle;



padding:0 5px;



}







.validicons



{



padding: 10px 0;



}







#middlepart	{



overflow:visible;



	width:950px;



	z-index:2;



	margin:20px auto 0 auto;



	padding-bottom:30px;



	margin-bottom:10px;







}



.features {



width:500px;



color:#565656;	



font:italic 11px Georgia, Helvetica, sans-serif;



float:left;



margin:0 0 0 0;



padding:25px 0px 0 20px;



}



.features h2



{



	font:normal 3em Arial, Helvetica, sans-serif;



	color:#ffffff;



	margin:10px 0 0 0;



	padding:0px;



	letter-spacing:-1px;

	

	text-shadow: -1px 2px 6px #000;



}



.features span



{



	font:bold 10px Arial, Helvetica, sans-serif;



	text-transform:uppercase;



}







#basic-accordian{



	border:0px solid #EEE;



	padding:5px;



	width:auto;



	position:relative;



	margin-left:0px;



	z-index:2;



	margin-top:0px;



	color:#000;



	margin:auto;











}







.menu	{



	width:300px;



	float:left;



	padding:32px 0 0 0;



}









.menu_forfait_2010	{



	width:150px;



	float:left;



	padding:0px 0 0 0;



}





.menu_forfait	{



	width:190px;



	float:left;



	padding:0px 0 0 0;



}







.menu_body {



	display:none;



}







.menu_body2 {







}










.menu_head{



	font:normal 10px Arial, Tahoma, Verdana, Sans-serif;



	padding:6px 20px 6px 0;



	color:#fff;



	border:0px solid #FFF;



	cursor:pointer;



		background:URL(../images/menu.gif) repeat-x;



	margin-bottom:1px;



	text-align:right;



	text-transform:uppercase;

	text-shadow: -1px 1px 1px #777;

	}

	

	.menu_head:hover{



	color:#000000;

	background:#fff URL(../images/bg_menu_blanc.gif) right repeat-y;




	text-shadow: -1px 1px 1px #777;





	}







.accordion_headings{



	font:normal 10px Arial, Tahoma, Verdana, Sans-serif;



	padding:6px 20px 6px 0;



	color:#fff;



	border:0px solid #FFF;



	cursor:pointer;



		background:URL(../images/menu.gif) repeat-x;



	margin-bottom:1px;



	text-align:right;



	text-transform:uppercase;

	text-shadow: -1px 1px 1px #777;

	}



	



.accordion_headings_forfait{



	font:normal 9px Arial, Tahoma, Verdana, Sans-serif;



	padding:6px 20px 6px 0;



	color:#fff;



	border:0px solid #666;




	text-shadow: -1px 1px 1px #777;


		background:URL(../images/menu_over2.gif) repeat-x;



	margin-bottom:1px;



	text-align:left;



	text-transform:uppercase;



	}



	



	.accordion_headings_forfait2{



	font:normal 9px Arial, Tahoma, Verdana, Sans-serif;



	padding:6px 20px 6px 0;



	color:#fff;



	border:0px solid #666;




	text-shadow: -1px 1px 1px #777;


		background:URL(../images/menu.gif) repeat-x;



	margin-bottom:1px;



	text-align:left;



	text-transform:uppercase;


	}







.accordion_headings:hover{



	color:#000000;





	

	background:#fff URL(../images/bg_menu_blanc.gif) right repeat-y;

	



}







.accordion_child{



	padding:20px 20px 40px 20px;



	background-color:#fff;



	background:URL(../images/bg_corner.gif);



	background-position:top right; 



	background-repeat:no-repeat;












}







.header_highlight{



color:#000000;




text-align:right;



	background:#fff URL(../images/bg_menu_blanc.gif) right repeat-y;



}









.header_highlight_forfait3{



color:#000000;



text-align:center;



background:#fff ;



}







.header_highlight_forfait{

	color:#000000;

	text-align:center;

	background:#fff URL(../images/bg_menu_blanc.gif) right repeat-y;



}







.header_highlight2{







text-align:right;



background:URL(../images/menu_over2.gif) repeat-x;







}





.header_highlight:hover{







	background:#fff URL(../images/bg_menu_blanc.gif) right repeat-y;





}

.header_highlight2:hover{







	background:#fff URL(../images/bg_menu_blanc.gif) right repeat-y;





}









h1	{



	font:normal 2.5em Arial, "Trebuchet MS", Tahoma, Verdana, Sans-serif;



	color:#000000;



	padding:0;



	letter-spacing:-1px;



	margin:5px 0;

	









}







h2	{



	font:normal 2.8em Arial, "Trebuchet MS", Arial, Verdana, Sans-serif;



	color:#646464;



	padding-top:5px;



	padding-bottom:5px;



	margin:0;



}



h3	{



	font:normal 1.6em Arial, "Trebuchet MS";



	color:#000;



	padding:5px 0px;



	margin:0;



	text-shadow: -1px 1px 3px #d9d9d9;




}







h3 a	{



	font:normal 1em Arial, "Trebuchet MS";



	color:#000;



	padding:5px 0px;



	margin:0;





}



h3 a:hover	{



	font:normal 1em Arial, "Trebuchet MS";



	color:#000;



	padding:5px 0px;



	margin:0;



}











p	{



	font: normal 12px/1.7em Arial, Tahoma, Verdana, Sans-serif;



	color:#646464;



	margin:0;



	padding:10px 0;





}







.newsbox	{







	border-left:1px solid #222;



	padding-top:5px;
		padding-left:20px;

	padding-right:20px;

	padding-bottom:10px;




	font: normal 11px/1.7em Geneva, Arial, Verdana, Sans-serif;



	color:#646464;
	
		text-shadow: -1px 2px 2px #000;



}











.bg_web	{







	background:URL(../images/bg_glass_web.jpg);



	background-repeat:no-repeat;



		border-bottom:1px solid #111;







}







.bg_web2	{







	background:URL(../images/bg_glass_web.jpg);



	background-repeat:no-repeat;











}







.newsbox p	{



	font: normal 11px/1.7em Geneva, Arial, Verdana, Sans-serif;



	color:#777;



	margin:5px 0 10px 0;



}







a {







 color:#48bae1;



 text-decoration:none;



}







a:hover {







 color:#48bae1;



  text-decoration:none;

  



}















.newsdate	{



	font:bold 14px "Trebuchet MS", Georgia, Arial;



	color:#6bcb08;











	padding:5px;







}



.menubottom	{





	color:#6bcb08;





}







.news	{



	font-size:11px;



	color:#0000CC;



}



a.readmore {



margin:0 0 10px 0;



padding:0 0 0 0;



}







a.readmore:link, a.readmore:visited, a.readmore:active 	{



	font: normal 10px Arial, Arial, Verdana;



	color:#646464;float:right;



	text-transform:uppercase;



	text-decoration:none;



}







a.readmore:hover	{



	font: normal 10px Arial, Arial, Verdana;



	color:#37b300;float:right;



	text-transform:uppercase;



	text-decoration:none;



}











.blocktxt	{



	font:normal 10px Arial, "Trebuchet MS", Sans-serif;



	color:#48bae1;


	background:URL(../images/bg_glass_web-2.png);



	background-repeat:no-repeat;





	padding:5px 10px;



	margin:0;



	text-transform:uppercase;



}











.blocktxtwhite	{



	font:normal 10px Arial, "Trebuchet MS", Sans-serif;



	color:#48bae1;







	padding:5px 10px;



	margin:0;



	text-transform:uppercase;

	



}



.blocktxtwhitemenu	{



	font:normal 10px Arial, "Trebuchet MS", Sans-serif;



	color:#48bae1;





	margin:0;



	text-transform:uppercase;

	





}







.blocktxtblue	{



	font:normal 10px Arial, "Trebuchet MS", Sans-serif;



	color:#48bae1;







	padding:5px 10px;



	margin:0;



	text-transform:uppercase;













}







#middlepart ul	{



	padding:0px 0 0 15px;



	margin:0px;







}







#middlepart ul li	{



	list-style:disc;



	margin:0;



	padding-top:5px;



	color:#484848;



}







#middlepart ol	{



	padding:0px 0 0 20px;



	margin:0px;







}







#middlepart ol li	{



	margin:0px;



	padding-top:5px;



	color:#484848;



}





.footerbg	{

	

	



	background:#191919 url(../images/bgsb.jpg) bottom center no-repeat;

	position:absolute;

	

	}



.footer	{

width:970px;

	overflow:visible;

	z-index:1;


	padding:30px 0 220px 0;


	background:URL(http://www.conceptionfocus.com/images/bg_bas_glass.jpg);


	background-repeat:no-repeat;
	

	background-position: -13px 0px;
	



}







.footer a	{



	color:#fff;


	text-shadow: -1px 2px 2px #000;

	text-decoration:none;



}







.footer a:hover	{



	color:#fff;



	text-decoration:underline;



}











.img_news	{







	padding:0 10px 0 0;



}



.img_news2	{







	padding:40px 0 0 0;



}











form label { 



	display: block;  /* block float the labels to left column, set a width */



	float: left; 



	width: 150px; 



	padding: 0 8px 0 0; 



	margin: 4px 0 0; /* set top margin same as form input - textarea etc. elements */



	text-align: right;



	font:normal 10px Arial, Tahoma, Sans-serif;



	text-transform:uppercase;







}



form textarea {



	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */



	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */



	background:#fff;	font:normal 11px Arial, Tahoma, Sans-serif;



	border:1px solid #555;



	padding:4px;



	margin:4px 0 0 0px; /* set margin on left of form elements rather than right of



			            label aligns textarea better in IE */



						



}





form input{



	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */



	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */



	font:normal 10px Arial, "Trebuchet MS", Sans-serif;



	color:#000;



	padding:4px;



	margin:4px 0 0 0px; /* set margin on left of form elements rather than right of



			            label aligns textarea better in IE */



						



}



.form_text {



	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */



	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */



	background:#fff;	font:normal 11px Arial, Tahoma, Sans-serif;

	





	border:1px solid #555;



	padding:4px;



	margin:4px 0 0 0px; /* set margin on left of form elements rather than right of



			            label aligns textarea better in IE */



						

			



}



.form_client {



	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */



	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */



	background:#444;	font:normal 11px Arial, Tahoma, Sans-serif;

	





	border:1px solid #555;



	padding:2px;



	margin:4px 0 0 0px; /* set margin on left of form elements rather than right of



			            label aligns textarea better in IE */



						

			



}





/*



form input[type="submit"]



{



background:URL(images/send.gif) no-repeat;



border:none;



	font:normal 10px Arial, Tahoma, Sans-serif;



	text-transform:uppercase;







width:106px;



height:24px;



}



*/







#gallery 			{width: 100%;  text-align:center;}



#gallery ul 		{list-style: none;margin:auto;}



#gallery ul li 		{display: inline; }



#gallery ul img 	{border: 7px solid #e8e8e8;	border-width:5px;	margin:5px;}



#gallery ul a:hover img {border: 7px solid #c8c8c8;border-width:5px;	color: #000000;}



#gallery ul a:hover { color: #fff; }











.pagelink			{width:20px;color:#484848;background:#e8e8e8;border:1px solid #8FA9B6;font:normal 10px Arial, Tahoma, Verdana, Sans-serif;clear:both;line-height:20px;text-decoration: none;text-transform:uppercase;}



.pageactive			{width:20px;color:#484848;background:#191919;border:1px solid #8FA9B6;border-top:1px solid #8FA9B6;border-right:1px solid #8FA9B6;border-bottom:0px;border-left:1px solid #8FA9B6;font:normal 10px Arial, Tahoma, Verdana, Sans-serif;clear:both;line-height:20px;text-decoration: none;text-transform:uppercase;}





a.pageactive:active,



a.pageactive:visited,



a.pageactive:link	{width:20px;background:#fff;color:#6ac6f0;padding:5px;margin-bottom:10px;text-decoration: none;}



a.pageactive:hover	{width:20px;background:#6ac6f0;color:#ffffff;padding:5px;text-decoration: none;}





a.pagelink:active,



a.pagelink:visited,



a.pagelink:link		{width:20px;background:#e8e8e8;color:#484848;padding:5px;margin-bottom:10px;text-decoration: none;}



a.pagelink:hover	{width:20px;background:#6ac6f0;color:#ffffff;padding:5px;text-decoration: none;}



.pagecurrent		{width:20px;background:#6ac6f0;color:#ffffff;padding:5px;text-decoration: none;}