/*------------------------------------------------------------------------------------*/
/* Feuille de style ".css" pour http://www.tricomconception.com                       */
/*------------------------------------------------------------------------------------*/
/* Auteur : David Forge                                                               */
/*                                                                                    */
/* Socit : Tricomconceprion                                                         */
/*           Tour de Menives                                                          */
/*           49 400 Saint Hilaire Saint Florent                                       */
/*------------------------------------------------------------------------------------*/
/* Dernire mise  jour : 20 dcembre 2005                                            */
/*------------------------------------------------------------------------------------*/

body , html {
	margin : 0px ;
	padding : 0px ;
	height : 100% ;
	font-family : verdana, arial, helvetica, sans-serif ;
	text-align : center ;
	font-size : 11px ;
	background :  #2F4456 ;
	background:url(images3cc/fond-videosurveillance.gif) repeat-x;
}

.skin {	
	position : absolute ;
	left : 0 ;
	top : 0 ;
	color : #fff ;
	font-size : 10px ;
}

a {
	color : #00f ;
	text-decoration : none ;
}

a:hover {
	text-decoration : underline ;
}

img {
	margin : 0px ;
	padding : 0px ;
	border : 0px solid #fff ;
}

.skin {	
	color : #fff ;
	position : absolute ;
	width : 80px ;
	left : 2px ;
	top : 5px ;
}

.top_container {	
	width : 800px ;
	/*background : #FFF url("images3cc/bor der.gif") top center repeat-y ;*/
	margin : 0px auto 0 auto ;
	padding: 0 ;
	
}

.container {	
	width : 800px ;
	height : 230px;
	/*min-height:100% ;*/
	margin : 0px auto 0 auto ;
	padding : 0 0 0 0 ;
	position : relative ;
	text-align : left ;
	background : transparent ;
}
.container2 {	
	width : 800px ;
	
	/*min-height:100% ;*/
	margin : 0px auto 0 auto ;
	padding : 0 0 0 0 ;
	position : relative ;
	text-align : left ;
	background : #FFF ;
}

.titrebarre{
margin-left: 60px;
margin-top: -20px;
height:50px;
float:center;
color:white;
font-size:22px;
font-weight:bold;
font-family:"Courier New", Courier, mono;
font-family:"Arial Black";
text-align: center;
background:transparent;
}
/* Pour IE */
/*\*/
/** html .container{
	height: 100% ;
}*/
/**/

.header {
	position : relative ;
	width : 800px ;
	height : 200px ;
	
	background : url("images3cc/logosectronic.jpg") top left no-repeat ;
	/*background : url("images3cc/minerva-tricomtitre.jpg") top left no-repeat ;*/
	/*background : #f00 ;*/
	padding : 0 ;
	margin : 0 ;
	color:black;
}

.header_menu {
	position : absolute ;
	width : 570px ;
	margin : 80px 0 0 230px ;
	height:80px;
background:transparent;
}

.header_menu a.link,.header_menu a.home {
	color : #000 ;
	/*padding : 0 10px 0 10px ;*/
	padding : 0px ;
	margin : 0 10px 0 10px ;
	width : 70px ;
	text-align : center ;
	display : block ;
	float : left ;
	text-decoration : none ;
background:transparent;
}

.header_menu input{
border-right:1px Solid #000;
border-top:1px Solid #000;
border-left:1px Solid #000;
border-bottom:1px Solid #000;
margin-right:0;
width:55px;
height:13px;
}

.header_menu a.link:hover,.header_menu a.home:hover {
	border-bottom : 3px solid #990021 ;
}

.titre {
	/*background : url("images3cc/c rea.png") top left repeat-x  ;*/
	height : 65px ;
	padding : 0px ;
	width : 800px ;
	background:white;
}

.ret {
	margin : 0px 0 0 100px ;
	background:white;
}

.accroche_open {
	position : relative ;
	font-size : 45px ;
	float : left ;
	color : #990021 ;
	font-family: arial, verdana;
}

.accroche {
	float : left ;
	padding : 10px 20px 0 20px ;
	font-size : 15px ;
	font-weight : bold ;
	color : #990021 ;
}

.accroche_close {
	font-size : 25px ;
	padding : 5px 0 0 0 ;
	color : #990021 ;
	font-family: arial, verdana;
}

.titre_off {
	height : 100px ;
}

.cont_paraph {
	width : 800px ;
	text-align : center ;
	background:white;
}

.paraph {
	color : #000 ;
	width : 750px ;
	position : relative ;
	margin : 0 auto 20px auto ;
	padding : 10px 0 0 0 ;
	font-size : 11px ;
	text-align : justify ;
	line-height : 130% ;
	height : 68px ;
	border-top : 1px solid #990021 ;
	border-bottom : 1px solid #990021 ;
	background:white;
}

.paraph span, .savoir_faire span {
	color : #990021 ;
	font-weight : bold ;
	background:white;
}

.home {
	float : right ;
	width : 650px ;
	margin : 0 0 0 0 ;
	padding : 0 20px 0 0 ;
	background:white;
}

.home_flash {
	height : 375px ;
	width : 350px ;
	text-align : right ;
	background:white;
}

.home_coord {
	/*background : url("../images3cc/caddie.gif") no-repeat  ;*/
	width : 273px ;
	float : right ;
}

.home_coord a {
	font-weight : bold ;
}

.home_coord a.tft {
	color : #990021 ;
}

.home div.boutique {
	margin : 25px 0 50px 30px ;
}

.home div.boutique a {
	color : #fff ;
	padding : 0 20px 0 20px ;
	font-size : 12px ;
}

.fermeture {
	clear : right ;
	float : right ;
	background : #990021 ;
	color : #fff ;
	width : 650px ;
	padding : 5px ;
	margin : 5px 40px 0 0 ;
	border : 2px solid #c4c4c4 ;
}

.tricom {
	position : absolute ;
	display : block ;
	top : 10px ;
	left : 10px ;
	height : 180px ;
	width : 210px ;
}

.menu {
	width : 125px ;
}

.menu a {
	display : block ;
	color : #000 ;
	text-decoration : none ;
	line-height : 30px ;
	height : 30px ;
	margin : 0 3px 0 0px ;
	padding : 0 0 0 25px ;
	background : #f9f9f9 url("images3cc/arrow.gif") 2px 12px no-repeat ;
}

.menu a:hover {
	color : #fff ;
	text-decoration : underline ;
	background : #990021 url("images3cc/arrow.gif") 2px 12px no-repeat ;
}

.menu ul {
	list-style : none ;
	margin : 0 0 0 0px ;
	padding : 0px ;
	background : /*#f0f*/ url("images3cc/dotted_line.gif") top right repeat-y ;
}

.menu li {
	padding : 0px ;
	margin : 0px ;
}

.in_menu {
	background : url("images3cc/dotted_line.gif") 1px 10px repeat-x ;
	height : 13px ;
}

.end_menu {
	background : url("images3cc/dotted_line.gif") 1px 0px repeat-x ;
	height : 3px ;
}

.rea {
	width : 600px ;
	padding : 0 50px 0 0 ;
	float : right ;
	background:white;
}

.rea div {
	background : #666666 ;
	padding : 0 0 0 10px ;
	margin : 20px 0 20px 0 ;
	line-height : 18px ;
	border-top : 3px solid #990021 ;
	color : #fff ;
}

.rea a {
	width : 238px ;
	display : block ;
	float : left ;
	margin : 0 10px 0 0 ;
}

.rea p {
	text-align : justify ;
	color : #777777 ;
}

.savoir_faire {
	float : right ;
	width : 600px ;
	padding : 0 50px 0 0 ;
}

.savoir_faire p {
	text-align : justify ;
	margin : 0 0 30px 0 ;
	padding : 0 0 25px 0 ;
	border-bottom: 1px solid #99001F;
}

.savoir_faire div {
	text-align : center ;
	margin : 30px 0 0 0 ;
}

.devis {
	float : right ;
	width : 600px ;
	padding : 0 50px 0 0 ;
}

.contact {
	float : right ;
	padding : 0 0 0 0 ;
}

.contact img.carte {
}

.contact div.coord {
	text-align : center ;
}


.contact a.logo {
	float : left ;
	padding : 30px 0 30px 0 ;
}

.link {
	float : right ;
	padding : 0 50px 0 00;
	width : 600px ;
}

.link p {
	text-align : justify ;
}

.footer {
	text-align : center ;
	width : 800px ;
	margin : 15px auto 0 auto ;
	padding : 3px 0	3px 0 ;
	background : #272A2C ;
	color : #FFF ;
}

.footer_border {
	background : url("images3cc/border_botxtom.gif") 0px 0px no-repeat ;
	height : 15px ;
	width : 850px ;
	margin : 0px ;
	padding : 0px ;
}