/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#ffffff/*url(images/bg_body.jpg) repeat-x*/;
	behavior:url("csshover.htc");

}
.textsimpleblancblanc {
	font-family:arial;
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
}
.textsimpleblanc {
	font-family:arial;
	color:#FCD421;
	font-size:12px;
	text-decoration:none;
}

.textsimplebleu {
	font-family:arial;
	color:#0c1a72;
	font-size:12px;
	text-decoration:none;
}
.textgrandbleu {
	font-family:arial;
	color:#0c1a72;
	font-size:16px;
	text-decoration:none;
}
.textgrandblanc {
	font-family:arial;
	color:#e5c01a;
	font-size:16px;
	text-decoration:none;
}
.textgrandjaune {
	font-family:arial;
	color:#FCD421;
	font-size:20px;
	text-decoration:none;
	font-weight:bold;
}
.textsimplenoir {
	font-family:arial;
	color:#000000;
	font-size:12px;
	text-decoration:none;
	text-align:justify;
}
.textsimplegris {
	font-family:arial;
	color:#111111;
	font-size:12px;
	text-decoration:none;
	text-align:justify;
}
.textgrandnoir {
	font-family:arial;
	color:#000000;
	font-size:16px;
	text-decoration:none;
}

*  {
	margin: 0 ;
}
h2, h3 , h4 , h5  {
	
	display:block;
	margin: 0 ;
	padding:0;	
}
p {
	text-align:justify;
}
ul,li  {
	margin: 0 ;
	padding:0;
	list-style:none;
	text-decoration:none;
}
a
{
	text-decoration:none;
	outline:none;
	cursor:pointer;						
}
a:hover
{
	text-decoration:none;
	outline:none;
	text-align: center;
}
.clr
{
	clear:both;	
}
.clrleft
{
	clear:left;	
}
.clrright
{
	clear:right;
}
img
{
	border:none;
}
/*****************     global     ********************/

#global{
	width:955px;
	margin:0 auto;
	background:url(images/bg_globall.jpg) no-repeat 0 top #717173;
}

#header{
	width:955px;
}

.logo{
	float:left;
	margin:0 0 0 5px;
}

.txtHeader{
	font-size:20px;
	line-height:22px;
	font-weight:bold;
	letter-spacing:0;
	color:#071470;
	float:left;
	letter-spacing:normal;
	text-align:left;
	padding:68px 0 8px 43px;
	width:573px;
	background:url(images/slogan.gif) no-repeat 0 55px;
}
.txtHeader_logiciel{
	font-size:18px;
	line-height:19px;
	font-weight:bold;
	letter-spacing:0;
	color:#071470;
	float:left;
	letter-spacing:normal;
	text-align:left;
	padding:58px 0 0px 43px;
	width:573px;
	background:url(images/bg_txt_header.gif) no-repeat 0 55px;
}
.headerTop{
	width:955px;
	padding:0 0 8px 0;
}
/*********************** menu **********************/
#menu{
	width:905px;
	clear:both;
	height:115px;
	padding-top:25px;
	padding-left:25px;
	background:url(images/bg_menu.jpg) no-repeat 0 top;
}
#menu li{
	float:left;
	text-transform:uppercase;
	position:relative;
}

#menu li a{
	font-size:13px;
	font-weight:bold;
	display:block;
	color:#555555;
}

#menu li a:hover, #menu li .active{
	color:#000;
}
#menu li.proj{
	padding-right:17px;
}
#menu li.copie{
	padding:0 0 0 0;
	width:140px;
}
/**/
#menu ul li.copie{
	margin:0 0 0 0;
	text-align:center;
}
#menu ul li.copie ul{
	background:url(images/menu_hover_systemes.gif) no-repeat 0 top;
	padding:0 0 42px 0;
	width:140px;
}
#menu ul li.copie a{
	color:#FFFFFF;
	
}
#menu ul li.copie a:hover, #menu ul li.copie .active{
	color:#000;
	
}
#menu ul li.copie a{
	color:#555555;
	
}
#menu ul li.copie .activeet{
	color:#d01182;
}
#menu ul li.espa a:hover, #menu ul li.espa .active {
	color:#000;
}
#menu ul li.espa .activeet{
	color:#000;
}
/***/
#menu li.mobil{
	padding:0 0 0 0;
	text-align:center;
	width:100px;
}
/**/
#menu li.espa{
	width:185px;
	text-align:center;
	
}
#menu li.espa ul{
	background:url(images/bg_mobille_on.gif) no-repeat 0 top;
	padding:0 0 80px 0;
	width:185px;
}
/***/
#menu li.cont{
	padding:0 16px 0 40px;
}
#menu li.votre_service{
	padding:0 0 0 22px;
	text-align:center;
}
#menu li.votre{
	padding:0 3px 0 20px;
	text-align:center;
	width:128px;
}
/****/
#menu ul ul {
    position:absolute; 
	top:16px;
	display:none;
	left:0;
}

#menu ul li ul li{
	position: relative;
	display:block;
	float:none;
	padding:4px 0 0 0;
	text-transform:none;
}
#menu ul li ul li a{
	color:#db0082;
	text-align:left;
	padding:0 0 0 21px;
	background:url(images/bg_on.gif) no-repeat left 1px;
}
/****/
#menu ul li.copie ul li a{
	color:#071972;
	text-align:left;
	height:19px;
	padding:0 0 0 32px;
	background:url(images/bg_on.gif) no-repeat 20px 4px;
}
#menu ul li.copie ul li a:hover, #menu ul li.copie ul li .active{
	display:block;
	color:#000;
	text-align:left;
	padding:0 0 0 34px;
	height:19px;
	background:url(images/bg_off.gif) no-repeat 20px 4px;
}
/****/
#menu ul li.espa ul li a{
	color:#BD6804;
	text-align:left;
	height:19px;
	width:150px;
	padding:0 0 0 36px;
	background:url(images/bg_on.gif) no-repeat 20px 4px;
}
#menu ul li.espa ul li a:hover, #menu ul li.espa ul li .active{
	display:block;
	color:#000;
	text-align:left;
	padding:0 0 0 34px;
	height:19px;
	background:url(images/bg_off.gif) no-repeat 20px 4px;
}
/****/
#menu ul li:hover ul{
	left:0px;
	text-align:center;
}
#menu ul li:hover .sousMenu2{
	left:0px;
	text-align:center;
	line-height:11px;
	
	
	
}
#menu ul li:hover .sousMenu2 li{
	padding:4px 0 8px 0;
	height:20px;
	}
	
 #menu ul li.over .sousMenu2 li{
	padding:4px 0 5px 0;
	
	}
*+ html #menu ul li:hover .sousMenu2 li{
	padding:4px 0 5px 0;	
	
	}

/*** fin menu ***/
/************************ content ****************************/

#content{
	width:955px;
	text-align: left;
}

#content .BlocAdresse{
	width:920px;
	padding-right:15px;
	padding:13px;
	clear:both;
	
}

#content .BlocAdresse .servir{
	font-size:17px;
	line-height:19px;
	font-weight:bold;
	color:#091470;
	margin:0 0 15px 0;
}
.servir_contact{
	font-size:17px;
	line-height:19px;
	font-weight:bold;
	color:#091470;
	padding:0 0 10px 0;
}
#content .servir_largeur{
	font-size:17px;
	line-height:19px;
	font-weight:bold;
	color:#091470;
	margin:0 0 500px 0;
}
#content .BlocAdresse .titre1{
	font-size:17px;
	line-height:19px;
	font-weight:bold;
	color:#333333;
	margin:0 0 2px 0;
}

#quatreAdresse{
	width:900px;
	padding-left:40px;
}

#quatreAdresse .siege{
	float:left;
	width:171px;
	border-right:1px solid #9b9c9e;
}

#quatreAdresse .siege p{
	font-size:12px;
	font-weight:bold;
	color:#4d4d4f;
}
#quatreAdresse .agence{
	float:left;
	width:180px;
	border-right:1px solid #9b9c9e;
	margin:0 0 0 29px;
}

#quatreAdresse .agence p{
	font-size:12px;
	font-weight:bold;
	color:#4d4d4f;
}
#quatreAdresse .belfort{
	float:left;
	width:242px;
	border-right:1px solid #9b9c9e;
	margin:0 0 0 25px;
}

#quatreAdresse .belfort p{
	font-size:12px;
	font-weight:bold;
	color:#4d4d4f;
}
#quatreAdresse .bureau{
	float:left;
	width:180px;
	margin:0 0 0 23px;
}

#quatreAdresse .bureau p{
	font-size:12px;
	font-weight:bold;
	color:#4d4d4f;
}
.servicejaune{
	font-size:23px;
	line-height:21px;
	font-weight:bold;
	color:#FCD421;
	padding:18px 0 0 10px;
}
.service{
	font-size:23px;
	line-height:21px;
	font-weight:bold;
	color:#0c1a72;
	padding:18px 0 0 10px;
}
/***/
#BuroCom{
	width:945px;
	padding:15px 0 0 10px;
}
#contentLeft{
	float:left;
	width:215px;
	background:#FFFFFF url(images/blocLeft.gif) no-repeat;
}

#contentLeft .titre3{
	font-size:14px;
	font-weight:bold;
	color:#061570;
	margin:7px 0 0 13px;
}

#contentLeft img{
	margin:15px 0 5px 21px;
}

#contentLeft .blocCopieur{
	float:left;
	width:190px;
	padding:0 0 30px 12px;
}

#contentLeft .blocCopieur .photocopieur{
	font-size:13px;
	font-weight:bold;
	color:#707070;
	padding:0 0 10px 0;
	margin:0 0 8px 0;
	border-bottom:1px solid #707070;
}

#bloc_middel{
	float:left;
	width:335px;
	background:#FFFFFF url(images/bloc_middel.gif) no-repeat;
	margin:0 0 0 19px;
}

#bloc_middel .titre3{
	font-size:14px;
	font-weight:bold;
	color:#061570;
	margin:7px 0 0 13px;
}
 
#bloc_middel .blocVideo{
	width:316px;
	height:252px;
	background:#000;
	margin:15px 0 10px 10px;
}

.blocRight{
	float:left;
	width:100%;
	padding:5px 0 0 0;
	margin:0 0 0 15px;
}

.blocRight p{
	font-size:12px;
	text-align:left;
	color:#333335;
	background:url(images/puce_list.gif) 0 3px no-repeat;
	padding:0 0 5px 15px;
}
/**************************** logiciel **************************/
#produit{
	width:945px;
	padding:25px 0 15px 10px;
}
/**** bloc bigNmerisation****/
.bigproduit1{
	float:center;
	width:218px;
	padding:0 14px 0 0;
	background:url(images/bg_r_y_bloc_logiciel.gif) repeat-y 0 0;
}
.produit1{
	width:218px;
	background:url(images/bg_top_bloc_logiciel.gif) no-repeat 0 top;
}
.produit1 .titreproduit1{
	color:#071470;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	padding:10px 0 0 10px;
}
.produit1 img{
	margin:15px 0 0 18px;
} 
.produit1 p{
	color:#666666;
	text-align:justify;
	padding:10px 17px 0 17px;
}
/**** bloc bigNmerisation****/

/**** bloc Gestion documentaire ****/
.bigproduit2{
	float:left;
	width:218px;
	padding:0 14px 0 0;
	background:url(images/bg_r_y_bloc_logiciel.gif) repeat-y 0 0;
}
.produit2{
	width:218px;
	height:265px;
	padding:0 0 46px 0;
	background:url(images/bg_top_bloc_logiciel.gif) no-repeat 0 top;
}
.produit2 .titreproduit2{
	color:#071470;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	padding:10px 0 0 10px;
}
.produit2 img{
	margin:30px 0 0 18px;
} 
.produit2 p{
	color:#666666;
	text-align:justify;
	padding:10px 17px 0 17px;
}
/**** bloc Gestion documentaire ****/

/**** bloc Composition de documents  ****/
.bigproduit3{
	float:left;
	width:218px;
	padding:0 14px 0 0;
	background:url(images/bg_r_y_bloc_logiciel.gif) repeat-y 0 0;
}
.bigproduit3b{
	float:left;
	width:218px;
	padding:0 14px 0 0;
	background:url(images/bg_r_y_bloc_logiciel.gif) repeat-y 0 0;
}
.produit3{
	width:218px;
	padding:0 0 194px 0;
	background:url(images/bg-top2_bloc_logiciel.gif) no-repeat 0 top;
}
.produit3b p{
	color:#666666;
	text-align:justify;
	padding:20px 10px 0 10px;
}
.produit3b{
	width:218px;
	padding:0 0 0 0;
	background:url(images/bg-top2_bloc_logiciel.gif) no-repeat 0 top;
}
.produit3 .titreproduit3{
	color:#071470;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	padding:10px 0 15px 10px;
}
.produit3b .titreproduit3b{
	color:#071470;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	padding:10px 0 0 0;
}
.produit3 p{
	color:#666666;
	text-align:justify;
	padding:20px 10px 0 10px;
}

/**** bloc Composition de documents  ****/

/**** bloc Comptabilisation des flux   ****/
.bigproduit4{
	float:left;
	width:218px;
	padding:0 0 0 0;
	background:url(images/bg_r_y_bloc_logiciel.gif) repeat-y 0 0;
}
.produit4{
	width:218px;
	padding:0 0 194px 0;
	background:url(images/bg-top2_bloc_logiciel.gif) no-repeat 0 top;
}
.produit4 .titreproduit4{
	color:#071470;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	padding:10px 0 0 10px;
}
.produit4 p{
	color:#666666;
	text-align:justify;
	padding:20px 10px 0 17px;
}
/**** bloc Comptabilisation des flux   ****/

/**** bloc Gestion de vos outils Informatique de production avec ****/
.bigproduit5{
	float:left;
	width:218px;
	padding:0 14px 0 0;
	background:url(images/bg_r_y_bloc_logiciel.gif) repeat-y 0 0;
}
.produit5{
	width:218px;
	padding:0 0 51px 0;
	background:url(images/bg_top_bloc_logiciel.gif) no-repeat 0 top;
}
.produit5 .titreproduit5{
	color:#071470;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	padding:10px 0 0 10px;
}
.produit5 .imge{
	margin:15px 0 0 18px;
} 
.produit5 p{
	color:#666666;
	text-align:left;
	padding:10px 10px 0 17px;
}
/**** bloc Gestion de vos outils Informatique de production avec ****/

/**** bloc Impression spéciales avec  ****/
.bigproduit6{
	float:left;
	width:218px;
	padding:0 14px 0 0;
	background:url(images/bg_r_y_bloc_logiciel.gif) repeat-y 0 0;
}
.produit6{
	width:218px;
	padding:0 0 164px 0;
	background:url(images/bg-top2_bloc_logiciel.gif) no-repeat 0 top;
}
.produit6 .titreproduit6{
	color:#071470;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	padding:10px 0 15px 10px;
}
.produit6 p{
	color:#666666;
	text-align:justify;
	padding:20px 10px 0 10px;
}
/**** bloc  Impression spéciales avec  ****/

/**** bloc Gestion colorimétrique avec ****/
.bigproduit7{
	float:left;
	width:218px;
	padding:0 14px 0 0;
	background:url(images/bg_r_y_bloc_logiciel.gif) repeat-y 0 0;
}
.produit7{
	width:218px;
	padding:0 0 65px 0;
	background:url(images/bg_top_bloc_logiciel.gif) no-repeat 0 top;
}
.produit7 .titreproduit7{
	color:#071470;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	padding:10px 0 0 10px;
}
.produit7 img{
	margin:32px 0 0 18px;
} 
.produit7 p{
	color:#666666;
	text-align:justify;
	padding:18px 17px 0 17px;
}
/**** bloc Gestion de vos outils Informatique de production avec ****/

/******************************** Fin logiciel **************************************/

/********************************* systemes d'impressions **************************************/
#BuroCom_systemes{
	width:945px;
	padding:15px 0 0 10px;
}
#BuroCom_systemes .titre1{
	font-size:16px;
	line-height:17px;
	color:#FCD421;
	font-weight:bold;
	padding:8px 0 10px 19px;
	background:url(images/puce_flesh_blanch.gif) no-repeat 0 10px;
}
.blocNos_conseils{
	width:500px;
	float:left;
	margin:0 0 0 16px;
}
.blocNos_conseils p{
	color:#C4E7F8;
	line-height:17px;
	text-align:justify;
	padding:0 0 0 0;
}
/****/
.blocRightSystemes{
	float:left;
	width:304px;
	padding:0 0 0 20px;
}
.blocRightSystemes .titre2{
	font-size:16px;
	line-height:17px;
	color:#000;
	font-weight:bold;
	padding:8px 0 10px 19px;
	background:url(images/puce_flesh_noir.gif) no-repeat 0 10px;
	}
.blocRightSystemes p{
	font-size:12px;
	text-align:left;
	font-weight:bold;
	color:#333335;
	background:url(images/puce_list.gif) 0 4px no-repeat;
	padding:0 0 5px 15px;
}
/********************************* systemes d'impressions **************************************/


/********************************* acces_login **************************************/
.acces_login{
	width:220px;
	color:#000;
	padding:0 0 9px 0;
	background: url(images/bg-top2_bloc_logiciel.gif) no-repeat scroll 0 top;
}
.acces_login .titreBloc{
	color:#071470;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	padding:0 0 0 10px;
	background:transparent url(images/bg_top_bloc_logiciel.gif) no-repeat scroll 0 top;
}
.acces_login p{
	padding:10px 0 0 10px;
}
.acces_login strong{
	display:block;
	padding:14px 0 0 0;
	text-align:left;
}
.acces_login input{
	color:#000;
	border:solid 1px #000;
}
.acces_login .NameUsear{
	color:#000;
	border:solid 1px #000;
	background:none;
}
/********************************* Fin acces_login **************************************/

/******************************************* contact ************************************/
.blocformulaire{
	float:left;
	width:310px;
	
}
.coordonnees{
	font-size:16px;
	line-height:17px;
	font-weight:bold;
	color:#071470;
	border-bottom:1px solid #071470;
	padding:10px 0 6px 0;
	width:923px;
	margin-bottom:15px;
	text-transform:uppercase;
	}
.blocCartes{
	width:945px;
	padding:10px 0 0 0;
	}

.carte
{
	margin: 0 10px 0 0;
	border:1px solid #386AA8;
}.carte1
{
	margin:0;
	border:2px solid #ffffff;
}	
.informations{
	width:227px;
	padding:0 9px 0 0;
	float:left;
	font-size:12px;
	color:#FCD421;
}
.informations .titre{
	font-weight:bold;
	font-size:13px;
	padding:15px 0 10px 15px;
	background:url(images/smal_puce_flesh_blanch.jpg) no-repeat 0 19px;
}
.adrs{
	background: url("images/iconeAdrs.gif") no-repeat 0 2px;
	}
.tel{
	background: url("images/iconeTEl.gif") no-repeat 0 2px;
	}
	
.mail{
	background: url("images/iconeEmail.gif") no-repeat 0 2px;
	}
.informations p{
	padding:0 0 10px 40px;
}
.contactez_nous{
	float:left;
	margin:22px 0 0 90px;
	border:solid 1px #FCD421;
	}
/*** css formulaire ********/
.formulaire {
	float:left;
	width: 593px; 
	color: #FCD421;
}
.formulaire P{
	padding-right:0px;
	padding-left: 0px; 
	float: left; 
	padding-bottom: 0px; 
	margin: 0px 0px 4px;
	 width: 240px; 
	 padding-top: 0px;
	 color:#FCD421;
}
.form1 {
	padding-right:50px; 
	padding-left: 0px; 
	float: left; 
	padding-bottom: 0px; 
	width:250px; 
	padding-top: 0px;
	
}
.form2 {
	float: left; 
	width:292px;
}
.form2 p{
	float: left; 
	width:292px;
}
.formulaire form {
	margin-top: 16px;
}
.formulaire label {
	clear: left;
	font-size: 11px; 
	float: left;
}
.formulaire .info {
	color: #FCD421; 
	text-align: left;
}
.formulaire em {
	color: #FCD421;
}
.formulaire input {
 background:none;
 float: right; 
 border:#FCD421 1px solid; 
 width: 190px; 
 color: #FCD421; 
 height: 16px;
}
.formulaire textarea {
	border:#FCD421 1px solid; 
	background:none; 
	float: right; 
	width:210px;
	overflow:auto; 
	color: #FCD421;  
	height: 90px;
}
.formulaire input.bout {
	padding-right: 0px; 
	margin-top: 4px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	width:88px; 
	border-top-style: none; 
	padding-top: 0px; 
	height:28px; 
	border: none;
}
.rouge {
	display: block; 
	font-weight: bold; 
	float: left; 
	width: 180px; 
	color: #ff0000; 
	height: 16px;
}
.formulaire P.pbout {
	margin-bottom: 0px;
}


.formulaire div.definitio{
	color:#FCD421;
	font-size:16px;
	line-height:17px;
	font-weight:bold;
	border-bottom:1px solid #FCD421;
	padding:0 0 5px 0;
}
/******************************************* Fin contact ************************************/


/************************** footer ****************************/

#bg_footer{
	width:100%;
	height:250px;
	background:url(images/bg_bg_footer.gif) repeat-x #FFF;
	background-color:#FFF;
}

/*********************** blocValide **************************/

#bg_footer .blocValide{
	float:left;
	width:318px;
/*	height:62px;
*/	border:1px solid #d7d7d7;
	padding:0 0 10px 5px;
}

#bg_footer .blocValide p{
	font-size:15px;
	font-weight:bold;
	color:#192476;
	margin:7px 0 0 6px;
}

#bg_footer .blocValide span{
	font-size:12px;
	margin:0 0 0 12px;
}

#bg_footer .blocValide input {
	float:left;
	width:200px;
	height:19px;
	background:none;
	border:1px solid #d7d7d7;
	color:#000;
	margin:5px 0 0 4px;
}

#bg_footer .blocValide .boutt {
	width:127px;
	height:19px;
	border:none;
	background:none;
	margin:9px 0 0 7px;
} 


#footer{
	width:942px;
	/*height:289px;*/
	padding:20px 0 0 0;
	margin:0 auto;
	background:url(images/repeat_footer.jpg) repeat-x;
	background-color:#FFF;
}

#footer .images_marque{
	float:left;
	width:432px;
	margin:0 0 0 136px;
}

#footer .images_marque img{
	float:left;
}

#footer .images_marque .canon{
	margin:23px 0 0 15px;
}

#footer .images_marque .olivetti{
	margin:24px 0 0 26px;
}