/* anam */

/*-------------------------------------------- GENERAL */
h1, h2, h3, address, p, ul, li{
	display:block;
	margin:0;
	padding:0;
}

a{
	text-decoration:none;
}

*{
	margin:0;
	padding:0;
}

html, body{
	font:100%/100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#003754;
}

#contenutotal{
	width:100%;
	background:#fff url(img/bg-contenu.jpg) repeat-x top left;
}

.contenu{
	width:955px;
	margin:0 auto;
}

.bg-contenu{
	background:#fff url(img/bg-contenu02.jpg) repeat-x top left;
	padding: 30px 0 20px 0;
}

/*-------------------------------------------- BANDEAU */
#bandototal{
	width:100%;
}

.bg-bando01{
	background:#fff url(img/bg-bandoint.jpg) repeat-x bottom left;
	height:442px;
}

.bg-bando02{
	background:#fff url(img/bg-bandoint02.jpg) repeat-x bottom left;
	height:305px;
}

.minimenu{
	width:895px;
	height:15px;
	background:url(img/bg-minimenu.jpg) no-repeat top left;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:right;
	padding:0 20px 0 0;
	margin:0 auto;
}

.minimenu a{
	color:#fff;
}

.minimenu a:hover{
	color:#e8932f;
}

.flash{
	width:955px;
	height:285px;
	position:absolute;
	top:118px;
	left:0px;
}

.logo{
	width:175px;
	height:85px;
	padding:15px 0 0 53px;
	float:left;
}

.bando-haut{
	width:955px; 
	height:118px;
	margin:0 auto;
	position:relative;
}

.bando-haut h3{
	padding:85px 0 0 10px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#e8932f;
	float:left;
}

.bando-bas{
	width:955px;
	height:309px;
	margin:0 auto;
}

.bando-bas h3{
	padding:2px 20px 0 0;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	float:right;
}

.bando-bas02{
	width:955px;
	height:172px;
	background:url(img/bg-bando.jpg) no-repeat top left;
	margin:0 auto;
}

.liensint{
	width:955px;
	height:24px;
	padding:12px 0 0 0;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
}

a.coffres:hover, a.alarmes:hover, a.portes:hover, a.cles:hover{
	color:#e8932f;
}

p.coffres{
	width:150px;
	color:#fff;
	padding:6px 0 0 60px;
	float:left;
}

p.alarmes{
	width:60px;
	color:#fff;
	padding:6px 0 0 40px;
	float:left;
}

p.portes{
	width:135px;
	padding:6px 0 0 120px;
	float:left;
	color:#fff;
}

p.cles{
	width:164px;
	color:#fff;
	padding:6px 0 0 80px;
	float:left;
}

.imgbando{
	width:398px;
	height:106px;
	padding:29px 0 0 60px;
}

.imgbando img{
	width:113px;
	height:106px;
	padding:0 18px 0 0;
}

.imgliens{
	width:419px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#003754;
	padding:13px 0 0 39px;
}

.imgliens a{
	color:#003754;
}

.imgliens a:hover{
	color:#e8932f;
}

.pcoffres{
	width:164px;
	height:30px;
	background:url(img/img-coffres.jpg) no-repeat top left;
	padding:12px 0 5px 45px;
	float:left;
}

.palarmes{
	width:159px;
	height:30px;
	background:url(img/img-alarmes.jpg) no-repeat top left;
	padding:12px 5px 0 45px;
	float:left;
}

.pportes{
	width:159px;
	height:30px;
	background:url(img/img-portes.jpg) no-repeat top left;
	padding:12px 5px 5px 45px;
	float:left;
}

.pcles{
	width:164px;
	height:30px;
	background:url(img/img-cles.jpg) no-repeat top left;
	padding:12px 0 0 45px;
	float:left;
}

a.voirproduits {
	width:130px;
	height:39px;
	background:url(img/fleche2.jpg) no-repeat 15px 10px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:underline;
	margin:0 0 0 60px;
	padding:10px 0 0 40px;
	display:block;
}

a.voirproduits:hover{
	color:#e8932f;
}

/*-------------------------------------------- ACCUEIL/PRESENTATION */
.cadre-bleu{
	width:186px;
	background:url(img/bg-cadrebleu.jpg) no-repeat 31px 25px;
	padding:25px 0 25px 31px;
	float: left;
}

.cadre-bleu h3{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#003754;
	padding:15px 0 10px 40px;
}

.cadre-bleu p{
	background:url(img/puce2.jpg) no-repeat 35px 18px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:15px 0 0 50px;
}

.cadre-jaune{
	width:190px;
	background:url(img/bg-cadrejaune.jpg) no-repeat 19px 25px;
	padding:25px 0 25px 19px;
	float: left;
}

.cadre-jaune h4.noir{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#002234;
	padding:15px 0 0 35px;
}

.cadre-jaune h4.bleu{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#0075b2;
	padding:0 0 10px 35px;
}

.cadre-jaune p{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#e68b20;
	padding:5px 0 5px 25px;
}

.cadre-jaune ul li{
	background:url(img/puce.jpg) no-repeat 15px 5px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#0f7a9f;
	padding:3px 0 0 30px;
	list-style-type:none;
}

.cadreimg{
	width:179px;
	padding:25px 0 25px 27px;
	float: left;
}

.cadreimg p{
	width:105px;
	height:50px;
	background-color:#3994c3;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	float: left;
	margin: 12px  0 0 0;
	padding: 5px 0 0 15px;
}

a.savoirplus {
	width:65px;
	height:13px;
	background:url(img/puce3.jpg) no-repeat 5px 2px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:underline;
	padding:0  10px 0 20px;
	display:block;
	float:right;
}

a.savoirplus:hover{
	color:#002234;
}

.cadre-present{
	width:275px;
	padding:25px 0 20px 31px;
	float: left;
}

.cadre-present h3, .cadre-services h3, .cadre-mentions h3, .cadre-mentions02 h3{
	background:url(img/bg-titre.jpg) no-repeat top left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#003754;
	padding:8px 0 10px 40px;
}

.cadre-present p, .cadre-services p, .cadre-mentions p, .cadre-mentions02 p{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#0C789E;
	padding:5px 0 0 0;
}

.cadre-present ul li{
	background:url(img/puce.jpg) no-repeat 0px 5px;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#0f7a9f;
	padding:3px 0 0 15px;
}

a.voirservices {
	width:130px;
	height:15px;
	background:url(img/fleche.jpg) no-repeat 0px 7px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#0075b2;
	text-decoration:underline;
	padding:5px 0 0 25px;
	display:block;
}

a.voirservices:hover{
	color:#002234;
}

/*-------------------------------------------- SERVICES */
.cadre-services{
	width:275px;
	padding:0 50px 20px 70px;
	float: left;
}

/*-------------------------------------------- PRODUITS */
.cadre-jaune02{
	width:304px;
	background:url(img/bg-cadrejaune02.jpg) no-repeat bottom left;
	padding:0;
	float: left;
}

.cadre-jaune02 h4.noir{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#002234;
	padding:15px 0 0 35px;
}

.cadre-jaune02 h4.bleu{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#0075b2;
	padding:0 0 10px 35px;
	float: left;
}

.cadre-jaune02 p{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#e68b20;
	padding:5px 0 5px 25px;
}

/*-------------------------------------------- CONTACT */
.cadre-jaune03{
	width:198px;
	background:url(img/bg-cadrejaune03.jpg) no-repeat 23px 21px;
	padding:21px 0 0 23px;
	float: left;
}

.cadre-jaune03 h3{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#003754;
	padding:15px 0 10px 40px;
}

.cadre-jaune03 h4.noir{
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#002234;
	padding:15px 0 0 35px;
}

.cadre-jaune03 h4.bleu{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#0075b2;
	padding:8px 0 8px 35px;
}

.cadre-jaune03 h4.jaune{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#e8932f;
	padding:0 0 10px 35px;
}

.cadre-jaune03 p{
	background:url(img/puce5.jpg) no-repeat 25px 18px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#2287bc;
	padding:15px 0 10px 40px;
}

.cadre-bleu02{
	width:198px;
	background:url(img/bg-cadrebleu02.jpg) no-repeat 0px 0px;
	padding:0;
}

.cadre-plan-total{
	width:644px;
	padding:21px 0 0 36px;
	float: left;
}

.cadre-plan{
	width:200px;
	padding:0 0 30px 0;
	float: left;
}

.cadre-plan02{
	width:230px;
	padding:0 0 15px 0;
	float: left;
}

.cadre-plan p, .cadre-plan02 p{
	background:url(img/puce4.jpg) no-repeat 10px 18px;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#005785;
	padding:15px 0 0 25px;
	float: left;
}

.cadre-email{
	width:443px;
	height:27px;
	background:url(img/bg-email.jpg) no-repeat 0px 0px;
	padding:10px 0 0 190px;
}

.tof-magasin{
	padding:0 0 10px 0;
}

/*-------------------------------------------- MENTIONS LEGALES */
.cadre-mentions{
	width:250px;
	padding:0 0 20px 90px;
	float: left;
}

.cadre-mentions02{
	width:400px;
	padding:0 0 20px 50px;
	float: left;
}

/*-------------------------------------------- MENU */
#menu{
	width:391px;
	height:30px;
	padding:70px 31px 0 0;
	float:right;
}

#menu ul{
	width:391px;
	height:30px;
}

#menu ul li{
	display:inline;
}

#menu ul li a{
	display:block;
	height:30px;
	margin:0;
	padding:0;
	float:right;
}

#menu ul li a.menu1{
	background:url(img/titre1.jpg) no-repeat;
	width:72px;
}

#menu ul li a.menu2{
	background:url(img/titre2.jpg) no-repeat;
	width:110px;
}

#menu ul li a.menu3{
	background:url(img/titre3.jpg) no-repeat;
	width:115px;
}

#menu ul li a.menu4{
	background:url(img/titre4.jpg) no-repeat;
	width:94px;
}

#menu ul li a:hover{
	background-position:0px -30px;
}

#menu ul li a.focus{
	background-position:0px -30px;
}

/*-------------------------------------------- FOOTER */
#footertotal{
	width:100%;
	background:#003754 url(img/bg-footer.jpg) repeat-x 0px 0px;
	clear: both;
	padding: 30px 0 0 0;
}

#footertotal p{
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	padding:5px 0 0 0;
}

#footertotal a, .encart03 a{
	color:#fff;
}

#footertotal a:hover, .encart03 a:hover{
	color:#e8932f;
}

/*------------------------- TYPOS -------------------------- */
.txthidden{
	visibility:hidden;
	font:normal 1px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1px;
}

.txtitalik{
	font:italic normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin-left:80px;
	padding:0 0 10px 0;
}

.txtbold{
	font-weight:bold; 
}

.txtclear{
	height:0px;
	clear:both;
	line-height: 0px;
}

.txtorange{
	color:#e68b20;
}

.txtbleufonce{
	color:#002031;
}