/* CSS Document */
body {
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:#000000;
margin:0;
padding: 0;
text-align:justify;}

a {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#009900;
	}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration:none;
	color:#d40001;
}
a:active {
	text-decoration: none;
	color:#d40001;
}

h1 {
color:#FFFFFF;
font-size:14px;
margin:0;
padding:0;
font-weight:normal;}

h2 {
color:#d40001;
font-weight:bold;
font-size:12px;
font-family:"Times New Roman", Times, serif;
margin:0;
padding:0;
display:inline;}


.style1 {
color:#d40001;
font-weight:bold;
font-size:12px;
font-family:"Times New Roman", Times, serif;}

#backheader {
height:188px;
width:100%;
background:#7cb61d;}

#header {
position:relative;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
margin-top:auto;
width:995px;
height:188px;
background:url(images/header_02.jpg) no-repeat;}

.left {
float:left;}

.logo {
border:0;
float:left;
padding-left:103px;
top:0;}

#backmenu {
height:50px;
width:100%;
background:url(images/back_menu_09.jpg) repeat-x;}

#menu {
position:relative;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
margin-top:auto;
width:995px;
height:50px;}

#menuhorizontal {
width:531px;
height:50px;
float:left;
background:url(images/back_menu_08.jpg) no-repeat;}

#menuhorizontal ul {
    list-style:none;
	padding: 0px;
	margin:0px;}

#menuhorizontal ul a {
	position:absolute;
	display:block;
	text-decoration:none;
	text-indent:-5000px;
	height:34px;}

#menuhorizontal ul a:hover{
	position:absolute;
	background-position:bottom left;
	}
#lien1 {
  left:24px;
  background:url(images/accueil.jpg) top left no-repeat;
  width:83px;
  top:9px;}
#lien2 {
	left:128px;
	background:url(images/notre_societe.jpg);
	width:125px;top:9px;}	
#lien3 {
	left:267px;
	background:url(images/realisations.jpg);
	width:93px;top:9px;}
#lien4 {
	left:390px;
	background:url(images/lexique_a.jpg);
	width:109px;top:9px;}

	
#backnews {
position:absolute;
top:238px;
height:41px;
width:100%;
background:url(images/back_news_28.jpg) repeat-x;}

#news {
position:relative;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
margin-top:auto;
width:995px;
height:41px;
background:url(images/infos_27.jpg) no-repeat;}

.newstt {
float:left;
margin-left:18px;}

#backglobal {
position:absolute;
top:279px;
width:100%;
height:559px;}

#global {
position:relative;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
margin-top:auto;
width:943px;
height:500px;
padding-top:23px;
padding-left:18px;
padding-right:32px;}

#ssmenu {
width:224px;
float:left;
height:381px;}


#title {
float:left;
margin-left:11px;
width:146px;
height:147px;}

#content {
width:562px;
height:484px;
float:left;
background:url(images/texte_39.jpg) no-repeat;}

#content li {
list-style:outside square;
padding:0;
margin:0 0 0 30px;}

#content p {
margin:0;
padding:15px 0 0 0;}


#conttt {
width:544px;
height:24px;
background:#000000;
float:left;
padding-top:6px;
text-align:right;
padding-right:18px;}

#text {
width:422px;
height:394px;
float:left;
padding-left:70px;
padding-right:70px;
padding-top:60px;}

#text2 {
width:522px;
height:424px;
float:left;
padding-left:20px;
padding-right:20px;
padding-top:30px;}

#formulaire {
width:522px;
height:424px;
float:left;
padding-left:20px;
padding-right:20px;
padding-top:30px;}

#formulaire p {
margin:0;
padding:0;}



.cadre1 {
text-align:right;
border:solid 2px #83d80b;
height:150px;
width:220px;
margin-right:16px;
margin-bottom:22px;
float:left;
padding:10px 10px 10px 10px;}
.cadre2 {
text-align:right;
border:solid 2px #83d80b;
height:150px;
width:220px;
margin-left:16px;
margin-bottom:22px;
float:left;
padding:10px 10px 10px 10px;}

.lexique {
text-align:justify;
width:240px;
margin-right:16px;
margin-bottom:22px;
float:left;
padding:0;
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:#000000;
font-weight:normal;}

.thumb {
float:left;
padding-right:5px;
padding-bottom:5px;
border:0;}

.medium{
float:left;
padding-right:30px;
padding-bottom:20px;
border:0;}


#backletter {
position:absolute;
top:800px;
width:100%;
height:30px;}

#newsletter {
position:relative;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
margin-top:auto;
width:943px;
height:30px;
padding-left:18px;
padding-right:32px;
text-align:right;
font-weight:bold;}

#footer {
position:absolute;
top:838px;
width:100%;
background:url(images/footer_63.jpg) repeat-x;
height:33px;}

#kobaltis {
position:absolute;
top:871px;
width:100%;}

#sitemap {
width:995px;
margin:auto;}

.colone {
width:199px;
float:left;
font-size:11px;
color:#999999;}

.colone a {
color:#666666;
font-size:11px;}

.colone a:hover {
color:#009900;}

.colone * {
margin:0;
padding:0;}

.colone li a {
color:#009900;}

.colone li a:hover {
color:#CCCCCC;}

.navigation {
      margin: 0;
      padding: 0;
      list-style: none;
      background: #000;
      color: #fff;
      width: 224px;
      font: 1.2em "Trebuchet MS", sans-serif;
      }
   .navigation a, .navigation span {
      display: block;
	  height:45px;
      color: #fff;
      text-decoration: none;
      }
	
	.img00 {
   background:url(images/cylindres.jpg);
   } 
   .img01 {
   background:url(images/cles_et_passes.jpg);
   }	  
   .img02 {
   background:url(images/serrures.jpg);
   }
   .img03 {
   background:url(images/portes.jpg);
   }	
   .img04 {
   background:url(images/controle_d_acces.jpg);
   }
    .img05 {
   background:url(images/armoires_et_coffres_forts.jpg);
   }
    .img06 {
   background:url(images/boites_aux_lettres.jpg);
   }
    .img07 {
   background:url(images/lexique_b.jpg);
   }
   .img08 {
   background:url(images/ss_real_51.jpg);
   }
	  
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu  {
      }
   .navigation .open a, .navigation .open span {
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: underline;
      }
   .navigation .subMenu {
      font-size:11px;
      background:#000000;
      margin: 0;
      padding: 0;
      border:0;
      }
   .navigation ul.subMenu a {
      background: none;
      padding: 3px 20px;
	  height:20px;
      }
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* ************************ NEWS LETTRE *************************** */
.buttonletter {
	border: 1px solid #454545;
	background-color:#7CB02A;
}

/* ************************ NEWS *************************** */
#lesnews {
	position:relative;
	top:6px;
}

.tickercontainer { 
border: 1px solid #000;
background: #fff; 
height: 25px; 
margin-left:192px;
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { 
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
}
ul.newsticker { 
position: relative;
/*left: 750px;*/
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}


ul.newsticker li {
float: left; 
margin: 0;
padding: 0;
background: #fff;
line-height:25px;
color:#666666;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 60px;
color:#ff0000;
}
/* ******************************************************* */

/* css contact */

.cssform p{

width: 338px;
clear: left;
margin: 0;
padding:0;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;
font-size:11px;
}

.cssform textarea{
width: 150px;
height: 40px;
font-size:11px;
}
.warn{
background:#f00;
}

label.etq {
	display:block;
	width:160px;;
	float:left;
}

label.error {
	margin-left:20px;
	color:#FF0000;
}

input.error {
	background:url(images/invalid_line.gif) repeat-x bottom #FFFFFF;
}