/* Ocdm */
body{
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/bg3.jpg) repeat-x top;
 }
.body2{
	background:url(images/bg3.jpg) repeat-x top;
 }
 *{ margin:0; padding:0;}
.clear{
	clear:both;
}
p{
	margin:0;
	padding:0;
}

/*support top*/
#taille{
	width:955px;
	margin:0 auto;
	width:955px;
}
#supporttop{
	width:955px;
	background: url(images/px-top.gif) repeat-x ;
	height:209px;
	position:relative;
}
#page{
	width:100%;
	margin:0;
}
#topindex{
	background:url(images/top-index.jpg) no-repeat top;
	width:955px;
	height:209px;
}
.logo{
	position:absolute;
	left: 402px;
	top: 66px;
}

/*menu*/
.menu{
	width:625px;
	margin:0 auto;
}
.menu ul{
	list-style-type:none;
}
.menu li{
	float:left;
}
/*accueil*/
.menu li.accueil a{
	background:url(images/accueil.gif) no-repeat;
	width:122px;
	height:34px;
	display:block;
	margin:2px 0 0 0;
}
.menu li.accueil a:hover{
	background: url(images/accueil-on.gif) no-repeat;
	width:122px;
	height:34px;
}
.menu li.accueilactif{
	background: url(images/accueil-on.gif) no-repeat;
	width:122px;
	height:34px;
	margin:2px 0 0 0;
	display:block;
}
/*contenu int*/
#topint{
	background: url(images/top-page-int.jpg) no-repeat top;
	width:955px;
	height:209px;
}
#contenubottomint{
	background: url(images/bottom-contenu.jpg) no-repeat bottom;
	width:955px;
	position:relative;
	height: 438px;
	}
#contenuint{
	width:848px;
	margin:0 0 0 22px;
	padding:0 0 20px 60px;
}
#contenuint ul{
	list-style-type:none;
	margin:0 auto;
	width:250px;
	clear:both;
	font-size:11px;
	padding:30px 0 0 0;
}
#contenuint li{
	float:left;
}
#contenuint li a{
	color:#000000;
	text-decoration:none;
	padding:0 3px 0 3px;
}
#contenuint li a:hover{
	color:#20699D;
	text-decoration:none;
}
#contenuint address{
	font-style:normal;
	padding:5px 0 0 0;
	clear:both;
	color:#FFFFFF;
	font-size:11px;
}
#contenuint address span{
	position:relative;
	top:6px;
}

.historique1{
	background:url(images/px-bleu.jpg) repeat-x #206DA3;
	width:300px;
	float:left;
	margin:40px 50px 0 10px;
	color:#FFFFFF;
	font-size:12px;
	padding:20px 20px 20px 20px;
	height: 250px;
}
.historique1 p{
	display:block;
	padding-bottom: 10px;
	line-height: 18px;
}
.historique1 p.surveillance{
	display:block;
	line-height:20px;
	padding: 0 0 20px 0;
}
/*prestation*/
#prestation ul{
	list-style-type:none;
	margin:0 auto;
	width:250px;
	clear:both;
	font-size:11px;
	padding:30px 0 0 0;

}
#prestation li{
	float:left;
}
#prestation li a{
	color:#000000;
	text-decoration:none;
	padding:0 3px 0 3px;
}
#prestation li a:hover{
	color:#20699D;
	text-decoration:none;
}
#prestation address{
	font-style:normal;
	padding:5px 0 0 0;
	clear:both;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
}
#prestation address span{
	position:relative;
	top:6px;
}
#prestation{
	width:918px;
	margin:0px 0 0 22px;
	padding:10px 0 0 0;
}
#colonne1 {
	float: left;
	width: 455px;
	margin-left:10px;
	color:#FFFFFF;
}

#colonne2 {
	float: right;
	width: 430px;
	color:#FFFFFF;
}
#colonne2 h3 {
	margin:0 0 10px 5px;
	color: #2d5377;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
/****** videosurveillance *********/

#videosurveillance {
	float: left;
	width: 440px;
	background-image: url(images/bg-operationl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:15px;
	font-size:11px;
	padding-bottom: 20px;
}
#colonne1 h3 {
	margin:0 0 10px 5px;
	color: #2d5377;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

#visuels_video_surv {
	float: left;
}
#visuels_video_surv img{
	margin: 0;
}

#txt_video_surv {
	float: left;
	width: 270px;
	background: url(images/back_bleu.jpg) repeat-x;
	background-color: #3873A5;
	padding:20px;
	line-height: 15px;
	height: 168px;
}

.fixe {
	float: left;
	height: 135px;
	width: 1px;
}

/************Interventions*********************/

#interventions {
	float: left;
	width: 440px;
	background-image: url(images/bg-operationl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:15px;
	font-size:11px;
	margin:0;
}
#interventions h3 {
	margin:0 0 10px 5px;
}


#visuels_interventions {
	float: left;
}
#visuels_interventions img{
	margin-right:0px;
}

#txt_interventions {
	float: left;
	width: 270px;
	background: url(images/back_bleu.jpg) repeat-x;
	background-color: #3873A5;
	padding:20px;
	text-align:justify;
	height: 185px;
}






/************Gardiennage*********************/



.gardiennage {
	float: left;
	width: 410px;
	background-image: url(images/bg-operationl2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:15px;
	font-size:11px;
	padding-bottom: 20px;
}
.gardiennage h3 {
	margin:0 0 10px 5px;
}


#visuels_gardiennage {
	float: left;
}
#visuels_gardiennage img{
	margin: 0;
	
}

.txt_gardiennage {
	float: left;
	width: 245px;
	background: url(images/back_bleu.jpg) repeat-x;
	background-color: #206DA3;
	padding:20px;
	text-align:justify;
	line-height: 14px;
	height: 168px;

}


.txt_gardiennage  ul{
	padding:0;
	margin:0 0 0 10px;
	list-style:square;

}

/************Protection rapprochée*********************/

#protecp_rappr {
	float: left;
	width: 410px;
	background-image: url(images/bg-operationl2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:15px;
	margin:0;
	font-size:11px;
	padding-bottom: 50px;
}
#protecp_rappr h3 {
	margin:0 0 10px 5px;
}


#visuels_protecp_rappr {
	float: left;
}
#visuels_protecp_rappr img{
	margin-right:5px;
}

#txt_protecp_rappr {
	float: left;
	width: 140px;
	background: url(images/back_bleu.jpg) repeat-x;
	background-color: #206DA3;
	margin-left:10px;
	text-align:justify;
	padding:20px;
	height: 94px;
	
}
/*historique*/
.menu li.historique a{
	background: url(images/historique.gif) no-repeat;
	width:132px;
	height:34px;
	display:block;
	margin:2px 0 0 30px;
}
.menu li.historique a:hover{
	background: url(images/historique-on.gif) no-repeat;
	width:132px;
	height:34px;
}
.menu li.historiqueactif{
	background: url(images/historique-on.gif) no-repeat;
	width:132px;
	height:34px;
	margin:2px 0 0 30px;
	display:block;
}
/*prestestation*/
.menu li.prestation a{
	background: url(images/prestation.gif) no-repeat;
	width:143px;
	height:34px;
	display:block;
	margin:2px 0 0 20px;
}
.menu li.prestation a:hover{
	background: url(images/prestation-on.gif) no-repeat;
	width:143px;
	height:34px;
}
.menu li.prestationactif{
	background: url(images/prestation-on.gif) no-repeat;
	width:143px;
	height:34px;
	margin:2px 0 0 20px;
	display:block;
}
/*contact*/
.menu li.contact a{
	background: url(images/contact.gif) no-repeat;
	width:117px;
	height:34px;
	display:block;
	margin:2px 0 0 15px;
}
.menu li.contact a:hover{
	background: url(images/contact-on.gif) no-repeat;
	width:117px;
	height:34px;
}
.menu li.contactactif{
	background:  url(images/contact-on.gif) no-repeat;
	width:117px;
	height:34px;
	margin:2px 0 0 15px;
	display:block;
}
/*contenu*/
/*
#topcontenu{
	background: url(images/top-contenu.gif) no-repeat top;
	width:955px;
	height:49px;
}
*/
#taille2{
	margin:0;
	background:url(images/bg2.jpg) repeat-x left 423px;
	width:100%;
}

#contenu{
	background:url(images/milieu-contenu.gif) no-repeat top;
	width:955px;
	height: auto;
}

#contenubottom{
	background: url(images/bottom-contenu.jpg) no-repeat bottom;
	width:955px;
	position:relative;
	padding:0 0 35px 0;
	height: 403px;
	}

#contenubg{
	background:url(images/px-contenu.gif) repeat-y;
	margin: 0 auto;
	width: 955px;
}

#index{
	width:885px;
	margin:0 0 0 51px;
	background:url(images/perso-index.gif) left bottom no-repeat;
}
.pesentation{
	width:307px;
	margin:0;
	background:url(images/bg-operationl.gif) 220px 0 no-repeat;
	font-size:11px;
	color:#0B6C94;
	padding:0 0 20px 240px;
	float:left;
}
.pesentation h2{
	color:#0F2134;
	font-size:15px;
	padding:0 0 15px 0;
	display:block;
	text-transform: uppercase;
}
.pesentation p{
	margin:0 0 15px 0;
	display:block;
}
.pesentation ul{
	margin:0 0 15px 20px;
}
.pesentation li{
	margin:2px 0 2px 0;
	font-weight: bold;
}
.cadre{
	background: url(images/bg-cadre.gif) no-repeat bottom #206DA3;
	width:313px;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	padding:10px 0 10px 20px;
}
.cadre ul{
	list-style-type:none;
}
.cadre li{
	padding:5px 0 5px 0;
}
.float_left{
	float:left;
}
/*page contact*/
.contenucontact{
	width:900px;
	margin:0px 0 0px 41px;
	padding-top: 20px;

	}
.plan{
	width:295px;
	float:left;
	background: url(images/bg-operationl.gif) top left no-repeat;
	padding:0 0 0 20px;
	}
.plan img{
	margin:0 0 20px 0;
}
.midlcontact{
	width:239px;
	float:left;
	margin:45px 0 0 20px;
	color:#626469;
	font-size:12px;
	line-height:20px;
}
.adresse{
	background:url(images/bg-adress.gif) 0 5px no-repeat;
	padding:5px 0 20px 50px;
	display:block;
}
.adresse img{
	margin:0 0 5px 0;
	clear:both;
}
.tel{
	background:url(images/bg-tel.gif) 0 5px no-repeat;
	padding:5px 0 20px 50px;
	display:block;
}
.tel img{
	margin:0 0 5px 0;
	clear:both;
}
.mail{
	background: url(images/bg-mail.gif) 0 5px no-repeat;
	padding:5px 0 10px 50px;
	display:block;
}
.mail img{
	margin:0 0 5px 0;
	clear:both;
}
/*formulaire*/
.formulaire{
	width:291px;
	float:left;
	background: url(images/bg-operationl.gif) top left no-repeat;
	padding:0 0 0 25px;
	font-size:12px;
	color:#0B6C94;
}
.formulaire p{
	margin:2px 0 5px 0; 
	width:270px;
	float:left;
	display:block;
}
 
.formulaire span{
	float:left;
	font-weight:normal;
}
.formulaire .question{
	padding-top:10px;
}
 
.formulaire input{
	float:right;
	border:1px solid  #0B6C94;
	width:180px;
	color:#1456AA;
}
 
.formulaire textarea{
	float:right;
	border:1px solid  #0B6C94;
	width:180px;
	height:70px;
	color:#1456AA;
}

.formulaire .bout{
	width: 120px;
	height:20px;
	border:none;

}

.formulaire .envoyer{
	color:#08516F;
	text-align:right;
	font-weight:bold;
}
.right{
text-align: right;
}
/**/
.operational{
	width:285px;
	background:url(images/bg-operationl.gif) no-repeat left top;
	padding:0 0 0 20px;
	float: right;
}
.operational p{
	font-size:11px;
	color:#0B6C94;
	line-height: 20px;
	padding: 10px 0 0 0;
}
.cartefrance{
	margin:30px 0 0 0;
}
.personageaccueil{
	position: absolute;
	left: 287px;
	top: 178px;
}
.operational h2{
	color:#0F2134;
	font-size:16px;
	padding:0 0 15px 0;
	display:block;
}

/*footer*/
.footer{
	width:955px;
	margin:0;
	padding:0;
	color:#000000;
	font-size:11px;
	/*background:url(images/px-footer.gif) repeat-x;*/
	background-color:#fff;
	text-align:center;
 }
.footer ul{
	list-style-type:none;
	margin:0 auto;
	width:250px;
	clear:both;
}
.footer li{
	float:left;

}
.footer li a{
	color:#000000;
	text-decoration:none;
	padding:0 3px 0 3px;
}
.footer li a:hover{
	color:#20699D;
	text-decoration:none;
}
.footer address{
	font-style:normal;
	padding:10px 0 0 0;
	clear:both;
}
.footer address span{
	position:relative;
	top:6px;
}

/* logo top tec */
.logotoptec{
	width:350px;
	margin:0 auto;
	font-size:9px;
	padding:10px 0 0 0;
}
.logotoptec a{
	color:#8B8B8B;
	text-decoration:none;
}
.logotoptec a:hover{
	color:#224E73;
	text-decoration:none;
}