*{
padding:0;
margin:0;
border:0
}

a,input,textarea,iframe,img,object,embed{
position:relative;
z-index:15;
text-decoration:none;
}

p{
padding:5px 0px 5px 0px;
text-align:justify;
}

html{
background:url('../images/bas-page.gif') #4E1544 center 350px no-repeat;height:100%;
}

body{
background:url('../images/haut-page.gif') center top no-repeat;height:100%;
font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000000;
}

.spacer{clear:both;font-size:0px;line-height:0px;}




H2 span{display:none}
H2{color:#4F1545;font-size:15px;font-weight:bold;padding:10px;}
H3{color:#0500D8;font-size:14px;text-align:right;border-bottom:1px #0500D8 solid}

a{color:#77B107;}
a:hover{color:#4E1544}
em{
	color:#4E1544;
}
*html em{/*bug ie6*/
	font-style:normal;
}


#conteneur{ 
margin:0px auto 0px auto;
padding:0 5px;
width:982px;
background:url('../images/fond-conteneur.png') repeat-y;

}
* html #conteneur{
background-image:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.logipro.com/images/fond-conteneur.png');
}

/*____________________________________________________________________*/
/*_________________________________=HAUT_____________________________*/
/*____________________________________________________________________*/

#haut{
height:199px;
background:url('../images/bandeau.jpg') no-repeat; 
}

#menu_haut{list-style:none;margin-left:804px;}
#menu_haut li{float:left;margin-right:-1px;}
#menu_haut li a{
color:#949494;font-size:9px;text-align:right;
padding:27px 2px 2px 2px;
text-transform:uppercase;
display:block;
width:53px;height:12px;
border-left:1px #E9E9E9 solid;border-right:1px #E9E9E9 solid;

}
#menu_haut li a:hover{
color:#000;
}


a.accueil{
background:url('../images/ico-accueil.jpg') 0 -43px no-repeat;
} 
a.accueil:hover{
background:url('../images/ico-accueil.jpg') 0 0 no-repeat;
} 

a.contact{
background:url('../images/ico-contact.jpg') 0 -43px no-repeat;
} 
a.contact:hover{
background:url('../images/ico-contact.jpg') 0 0 no-repeat;
} 

a.legales{
background:url('../images/ico-legales.jpg') 0 -43px no-repeat;
} 
a.legales:hover{
background:url('../images/ico-legales.jpg') 0 0 no-repeat;
} 

/*____________________________________________________________________*/
/*_________________________________=GAUCHE_____________________________*/
/*____________________________________________________________________*/

#gauche{
width:176px;
min-height:424px;height:auto;
background:url('../images/fond-menu-g.jpg') #FBFBFB repeat-x; 
border:1px #B8B8BA solid;
float:left;
margin:5px 0 5px 5px;
}

*html #gauche{
height:424px;
}

#menu_gauche{
list-style:none;padding-top:2px;
}
#menu_gauche li{
padding:1px 0;
}

#menu_gauche li a{
color:#fff;font-size:17px;text-transform:uppercase;
display:block;height:18px;
padding:10px 0 0 0;
background-image:url('../images/menu-gauche.gif');
background-repeat:no-repeat;
}

*html #menu_gauche li{
line-height:18px;
}



#menu_gauche li a:hover span{
color:#C8E24E
}

.espace{
margin-top:15px;
}


#mg_logipro {background-position:0 -390px;}
#mg_logipro:hover {background-position:0 0px;}

#mg_contact {background-position:0 -420px;}
#mg_contact:hover {background-position:0 -30px;}

#mg_creationsite {background-position:0 -450px;}
#mg_creationsite:hover {background-position:0 -60px;}

#mg_imagerie3d {background-position:0 -480px;}
#mg_imagerie3d:hover {background-position:0 -90px;}

#mg_ecommerce {background-position:0 -510px;}
#mg_ecommerce:hover {background-position:0 -120px;}

#mg_formation {background-position:0 -540px;}
#mg_formation:hover {background-position:0 -150px;}

#mg_referencement {background-position:0 -570px;}
#mg_referencement:hover {background-position:0 -180px;}

#mg_hebergement {background-position:0 -600px;}
#mg_hebergement:hover {background-position:0 -210px;}

#mg_logiciel {background-position:0 -630px;}
#mg_logiciel:hover {background-position:0 -240px;}

#mg_nosrealisations {background-position:0 -660px;}
#mg_nosrealisations:hover {background-position:0 -270px;}

#mg_noslogiciels {background-position:0 -690px;}
#mg_noslogiciels:hover {background-position:0 -300px;}

#mg_technologies {background-position:0 -720px;}
#mg_technologies:hover {background-position:0 -330px;}

#mg_presse {background-position:0 -750px;}
#mg_presse:hover {background-position:0 -360px;}



/*____________________________________________________________________*/
/*_________________________________=CENTRE_____________________________*/
/*____________________________________________________________________*/

#centre{
width:621px;
min-height:400px;height:auto;
float:left;
padding-top:20px;
}

*html #centre{
height:400px;width:616px;
}


#sep-col{
background:url('../images/sep-col.jpg') center top no-repeat;
min-height:400px;height:auto;
}
*html #sep-col{
height:400px;width:616px;
}

.deuxcol{
width:310px;
float:left;
}
*html .deuxcol{
width:307px; 
}


#centre p{padding: 5px 15px;}

#centre h1{
font-size:23px;color:#4E1544;text-align:right;font-weight:normal;
margin:-47px 0 0 0;width:601px;
position:relative;
}

#centre a{
	font-weight:bold;
}
a.plus{
	font-size:11px;font-weight:normal;
}


#centre p.code{
	border:1px #C9E34E dashed;
	margin:5px 20px;
	padding:5px;
	background:#BCBEC9;
}

#centre ul {
	list-style:none;
	list-style-image:url('../images/puce-li.gif');
	padding-left:35px;
	margin:10px 0;
}

#centre ul li{
	padding:0 0 5px 10px;
}


/*____________________________________________________________________*/
/*_________________________________=DROITE_____________________________*/
/*____________________________________________________________________*/

#droite{
width:175px;height:496px;
margin:-158px 0 5px 0;padding:92px 0 0 0;
background:url('../images/fond-droite.png') no-repeat;
float:left;
}

*html #droite{
background-image:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.logipro.com/images/fond-droite.png');
}


#droite object{
width:174px;margin:0 0 0 1px;
}





/*____________________________________________________________________*/
/*_________________________________=BAS_____________________________*/
/*____________________________________________________________________*/

.spacer_v{
clear:both;
height:8px;font-size:6px;line-height:6px;
background-color:#4E1544;
}



#bas{
margin:0px auto 0px auto;padding-top:5px;
height:25px;width:992px;
background:url('../images/bas-conteneur.png') no-repeat;
clear:both;
text-align:center;
}
* html #bas{
background-image:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.logipro.com/images/bas-conteneur.png');
}


#menu_bas{list-style:none;}
#menu_bas li{display:inline;padding:0;}
#menu_bas li a{color:#fff;font-size:10px;padding:2px 1px;}
#menu_bas li a:hover{color:#C8E24E}

#menu_bas img{
	vertical-align:bottom;
} 


/*____________________________________________________________________*/
/*_________________________________=ACTUALITE_____________________________*/
/*____________________________________________________________________*/


#actualite,#zoom{
padding:35px 3px 3px 3px;
height:136px;width:264px;
margin:5px auto;
}



#actualite{
background:url('../images/fond-actualite.png') no-repeat;
}

*html #actualite{
background-image:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.logipro.com/images/fond-actualite.png');
}

#zoom{
background:url('../images/fond-zoom.png') no-repeat;text-align:center;
}

*html #zoom{
background-image:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.logipro.com/images/fond-zoom.png');
}


.did_firstactualite{
font-size:11px;
overflow:auto;
height:110px;
z-index:15;
position:relative;
}

#actualite a{
	color:#0F9E04;font-size:11px;font-weight:normal;
}

#actualite a:hover{
	color:#4E1544;
}

#uneactualite .titre strong{
	font-size:12px;font-weight:bold;color:#000;
}
#uneactualite .titre{
	color:#4E1544;font-size:17px;
}

img.centrer{
	text-align:center;margin:0 auto;display:block;
	border:4px #E4E4E4 solid;
}
img.infos{
	text-align:center;margin:0 auto;display:block;
}

#actualite a.plus{
	font-weight:bold;
	color:#4F1545;
	text-align:right;
	display:block;
	width:230px;
}
#actualite a.plus:hover{color:#000}


#did_listeactualite{
	padding: 5px 15px;
	
}
#did_listeactualite hr{
	color:#4F1545;
	height:1px;
	border-bottom:1px #4F1545 solid;
	margin:3px 0;
}



/*____________________________________________________________________*/
/*_________________________________=REALISATIONS_____________________________*/
/*____________________________________________________________________*/

#arc_listetype{
	text-align:center;width:480px;padding:0 0 10px 70px;
}

.arc_unprojet{
	background:#E4E4E4;margin:5px 10px;padding:2px;
	font-size:12px;float:left;
	height:160px;width:286px;
}
*html .arc_unprojet{
width:278px;
}

.arc_unprojet img{
	border:1px #fff solid;float:right;margin-left:2px;
} 
#arc_listeprojet p{
	padding:2px 0;
} 
#arc_listeprojet a{
	font-size:11px;clear:both;display:block;
}
#arc_listeprojet font{
	font-size:12px;
}

#arc_listeprojet .titre{
	font-size:14px;color:#4E1544;font-weight:bold;
}


/*____________________________________________________________________*/
/*_________________________________=BOITES_____________________________*/
/*____________________________________________________________________*/
#boite{
	margin-left:15px;
}

#boite img {
	float:left;
}

.boite_m{
	margin:40px 0 0 0;border-bottom:1px #4F1545 solid;
}
.boite_p{
	margin:0px 0 2px 0px;border-bottom:1px #4F1545 solid;
}

#fiche_boite{
	display:none;
}

.img_left{
	float:left;margin-right:10px;
}



#TB_window a:link{font-weight:bold;color:#77B107;}
#TB_window a:visited{font-weight:bold;color:#77B107;}
#TB_window a:hover {color:#4E1544;font-weight:bold;}
#TB_window {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}





/*____________________________________________________________________*/
/*_________________________________=FORMULAIRE_____________________________*/
/*____________________________________________________________________*/

fieldset{
	padding:10px 10px 10px 15px;
}

legend{display:none}

/*label{width:35%;float:left;}*/
label{
	display:block;
}


input,textarea,select{
border:1px #4E1544 solid;
background:url('../images/fond-input.jpg') #EDEDED left bottom no-repeat;
font-size:13px;color:#000;
margin-top:1px;margin-bottom:1px; 
}

*html input {
margin:0;
}

.btn_submit{
	border:0;
}
label.obligatoire{
	font-size:10px;width:40%;float:left;
}

p.important{
	font-weight:bold;
	text-align:center;
	color:#f00;
}

/*____________________________________________________________________*/
/*_________________________________=TOOLTIP_____________________________*/
/*____________________________________________________________________*/



#tooltip {
	border: 1px solid #111;
	background-color: #4E1544;
	opacity: 0.85;
	padding: 3px;
}
#tooltip h3, #tooltip p { margin: 0;color:#fff;border:0;font-size:13px; }


/*____________________________________________________________________*/
/*____________________________=LOGIN EXTRANET_________________________*/
/*____________________________________________________________________*/

#h2extranet{
	margin-left:180px;
	padding-bottom:0;
}

#login-extranet{
	border:5px #d9d9d9 solid;
	margin:0 auto;
	width:250px;
}