/*=======================================CSS=====
	Feuille de style
	Site : proge-tel.fr
	Auteur : Pernelle Rousselot - Studio EDISPO
	Date : 29/10/2008
*/


/*=======================================GENERAL=====*/
body{
  margin:0;
  padding:0;
  font:11px Arial, Helvetica, sans-serif;
  font-weight:normal;
  color:#000;
  text-align:center;
}
p{
  margin:0;
  padding:5px;
}
img{
  border:0;
  margin:0;
  padding:0;
}
table{
  border-collapse:collapse;
}
label{
	width:85px;
	float:left;
	margin:0;
	padding:4px 0 0 0;
	font-weight:bold;
	color:#56668c;
}
form{
	padding:10px;
}
input{
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal;
	border:1px solid #dfdfe0;
	background:url(../medias/bg-input.png) top left repeat-x;
	width:190px;
	height:13px;	/* init 17*/
	padding:2px 5px;
	margin:2px 0;
}
textarea{
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal;
	border:1px solid #dfdfe0;
	background:url(../medias/bg-textarea.png) bottom left repeat-x #fff;
	width:190px;
	height:203px;		/*init 207px*/
	padding:2px 5px;
	margin:2px 0;
}
a:link, a:visited, a:active{
	text-decoration:none;
	font-weight:normal;
	color:#819eef;
}
a:hover{
	text-decoration:underline;
    font-weight:normal;
    color:#819eef;
}


a.sans:link, a.sans:visited, a.sans:active, #pied a:link, #pied a:visited, #pied a:active{
	text-decoration:none;
	background:none;
	padding:0;
}
a.sans:hover, #pied a:hover{
	text-decoration:underline;
	background:none;
	padding:0;
}
a.points-blanc:link, a.points-blanc:visited, a.points-blanc:active{
	padding:0 0 0 35px;
	background:url(../medias/bg-lien.png) top left no-repeat;
}
a.points-blanc:hover{
	text-decoration:underline;
	background:url(../medias/bg-lien.png) top left no-repeat;
	padding:0 0 0 35px;
}
.separation{
	height:1px;
	width:100%; 
	clear:both;
}
.texte{
	text-align:left;
	margin:0;
	padding:0;
}

/*=======================================POSITIONNEMENT=====*/
.conteneur{
	width:965px;
    background:url(../medias/bg-body.png) top center repeat-y #fff;
	position:relative;
	margin:0 auto;
	text-align:center;
}
#conteneur{
	margin:0 auto;
	text-align:left;
	width:935px !important;
	position:relative;
  /*  background:url(../medias/bg-body.png) top center repeat-y #fff;*/
}
#entete{
	height:57px;
	width:935px;
	background:url(../medias/bg-header.png) top left repeat-x;
}
#fin-entete, #fin-entete-contenu, #fin-entete-contenu-2{
	margin:0;
	padding:0;
	height:20px;
	background:url(../medias/bg-end-header.png) top left no-repeat;
}
#fin-entete-contenu{
	background:url(../medias/bg-end-header-content.png) top left no-repeat;
}
#fin-entete-contenu-2{
	background:url(../medias/bg-end-header-content-2.png) top left no-repeat;
}
ul.menu{
	list-style:none;
    padding:20px 25px;
    margin:0;
}
.menu li{
	float:left;
    text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}
.menu li a{
	display:block;
    color:#003558;
}
a.item:link, a.item:visited, a.item:active{
    color:#fff;
    font-size:11px;
    font-weight:bold;
    padding:5px 25px;
    background:none;
    border-left:1px solid #fff;
}
a.item:hover{
    color:#fff;
    font-size:11px;
    font-weight:bold;
    padding:5px 25px;
    background:#44557e;
    text-decoration:none;
}
a.item-actif:link, a.item-actif:visited, a.item-actif:hover, a.item-actif:active{
    color:#809ce8;
    font-size:11px;
    font-weight:bold;
    padding:5px 25px;
    background:#fff;
    text-decoration:none;
}



#contenu, #contenu-2{
	margin:0;
	position:relative;
	background:#becbe5;
	padding:0;
    clear:both;
}

#contenu-2{
	background:#f7f7f8;
}
#gauche{
	width:489px;	/*init 519*/
	height:400px !important;	/*init 460*/
	height:409px;
	margin:0;
	padding:40px 0px 20px 30px;
	background:#f7f7f8;
}

#edito{
	width:195px;
	float:left;
	text-align:justify;
	color:#2f2f2f;
}
#edito ul, #edito ul li{
	margin:0;
	padding:0;
	text-align:left;
}
#edito ul{
	margin: 5px 0 10px 20px;
}
#edito h1 {
    padding: 21px 0 0 0;
	margin:0 0 15px 0;
    overflow: hidden;
    background: url(../medias/tit-progetel.gif) top left no-repeat;
    
    height: 0px !important;
    height /**/:21px;
}
#summary{
	float:right;
	width:270px;
	color:#2f2f2f;
}
#summary h1{
    padding: 16px 0 0 0;
	margin:0 0 15px 0;
    overflow: hidden;
    background: url(../medias/tit-services.gif) top left no-repeat;
    
    height: 0px !important;
    height /**/:16px;
}
#summary h2{
	padding:4px 20px;
	margin:10px 0 5px 0;
	background:url(../medias/bg-h2-services.png) top left no-repeat;
	font-size:11px;
	font-weight:bold;
	color:#56668c;
	text-transform:uppercase;
}
#summary .texte{
	padding:0 0 0 10px;
}
#droite{
	position:absolute;
	top:0;
	left:519px;
	width:416px;
	margin:0;
	padding:0;
}
.image{
	float:right;
	background:url(../medias/bg-image-home.png) top left repeat-y #fff;
	width:165px;
	height:460px !important;
	height:469px;
	margin:0;
	padding:0;
}
.carte{
	background:url(../medias/bg-carte.png) top left repeat-y #fff;
	width:211px !important;	/*init 251*/
	width:208px;
	height:430px;	/* init 460*/
	margin:0;
	padding:15px 20px;
	text-align:center;
	color:#484e5c;
}
#partenaires{
	padding:0;
	margin:0;
}
#h1partenaires {
    padding: 43px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h1-partenaires.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:43px;
}
.diapo-partenaire{
	background:url(../medias/bg-partenaires.png) top left repeat-y;
	width:100%;
	padding:0;
	margin:0;
	height:125px;
	text-align:center;
	position:relative;
}
#actualites{
	padding:0;
	margin:0;
}
#h1actualites {
    padding: 43px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h1-actualites.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:43px;
}
.actualites{
	background:#becbe5;
	width:519px;
	padding:0;
	margin:0;
	height:125px;
	color:#484e5c;
}
.actu1{
	width:200px;	/*init 235px */
	padding:0px 10px 0px 25px;
	float:left;
}
.actu2{
	width:260px;	/*init 280*/
	padding:0px 10px;
	float:right;
}
.actu1 h2{
	padding:4px 10px 3px 15px;
	height:15px;	/* init 22*/
	background:url(../medias/h2-background.png) top left no-repeat;
	font-weight:bold;
	font-size:11px;
	color:#484e5c;
}

.actu2 h2{
	padding:4px 10px 3px 15px;
	height:15px;	/* init 22*/
	background:url(../medias/h2-background2.png) top left no-repeat;
	font-weight:bold;
	font-weight:bold;
	font-size:11px;
	color:#484e5c;
}

.actu1 p, .actu2 p{
	padding:2px 10px;
}


#clients{
	width:470px;
	text-align:justify;
	color:#2f2f2f;
}
#clients ul, #clients ul li{
	margin:0;
	padding:0;
}
#clients ul{
	margin:0 0 0 20px;
}
#clients ul li{
	font-weight:bold;
	margin:5px 0;
}
#clients ul li p{
	font-weight:normal;
}
#clients ul li p em{
	font-style:normal;
	font-size:10px;
	color:#666;
}
#clients h1 {
    padding: 16px 0 0 0;
	margin:0 0 15px 0;
    overflow: hidden;
    background: url(../medias/tit-clients.gif) top left no-repeat;
    
    height: 0px !important;
    height /**/:16px;
}

#gauche-contenu{
	width:653px;	/*init 683*/
	height:400px !important;	/*init 460*/
	height:409px;
	margin:0;
	padding:40px 0px 20px 30px;
	background:url(../medias/bg-contenu.png) top right repeat-y #f7f7f8;
}
#formulaire h1 {
    padding: 16px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/tit-contact.gif) top left no-repeat;
    
    height: 0px !important;
    height /**/:16px;
}
.picto{
	width:8px;
	display:block;
	float:left;
	margin:-5px 2px 0 5px;
	height:15px;
	background:url(../medias/picto-required.gif) top left no-repeat;
}
.picto-input{
	width:8px;
	display:inline;
	padding:0 3px;
	margin:0;
	height:15px;
	background:url(../medias/picto-required.gif) top left no-repeat;
}
.bleu{
	font-size:11px;
	color:#275fe6;
}
.message-form{
	float:right;
}
.bt-envoi{
	padding:0 0 0 85px;
}
.bt-envoi input, input.bt-envoi{
	width:auto;
	height:auto;
	border:0;
	background:none;
	padding:0;
	margin:0;
}
.erreur{
	border:1px dotted #275fe6;
	font-weight:bold;
	color:#275fe6;
	padding:7px;
	margin:0;
	width:90%;
}
.erreur ul, .erreur li{
	margin:0;
	padding:0;
}
.erreur li{
	width:auto;
	padding:2px 10px;
	float:left;
}
#droite-contenu{
	position:absolute;
	top:0;
	left:683px;
	width:252px;
	margin:0;
	padding:0;
	background:#becbe5;
}

.image-bord{
	float:right;
	background:url(../medias/bg-image-bord.png) top left repeat-y #fff;
	width:5px !important;
	height:641px !important;
	height:663px;
	margin:0;
	padding:0;
	position:relative;
}
.calage-fond{
	width:5px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(../medias/bg-calage-image-bord.png) bottom left no-repeat;
	height:162px;
}
.carte-contenu{
	background:url(../medias/bg-bottom-carte-content.png) bottom left no-repeat #fff;
	width:211px !important;	/*init 251*/
	width:208px;
	height:550px !important;	/* init 662*/
	height:572px;
	margin:0;
	padding:15px 16px 75px 20px;
	text-align:center;
	color:#484e5c;
}
#plans{
	padding:0;
	margin:0;
}
#plans h1 {
    padding: 34px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h1-plans.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:34px;
}
.plans{
	background:url(../medias/bg-plans.png) top right no-repeat #becbe5;
	width:683px;
	padding:0;
	margin:0;
	color:#484e5c;
	height:220px;
}
#plans iframe{
	border:1px solid #29395f;
	margin:10px 0 5px 0;
}
.plan1{
	width:310px !important;	/*init 310px */
	width:275px;
	height:220px;
	padding:0px 15px 0 20px;
	float:left;
	background:url(../medias/border-plan.png) top right no-repeat;
}
.plan2{
	width:310px;	/*init 310*/
	height:220px;
	padding:0;
	margin:0 12px 0 5px;
	float:right;
}
.plan1 h2, .plan2 h2{
	padding:4px 10px 3px 35px;
	height:15px;	/* init 22*/
	background:url(../medias/bg-h2-plans.png) top left no-repeat;
	font-weight:bold;
	font-size:11px;
	color:#56668c;
}
#plans a{
	color:#000;
}

#gauche-contenu-2{
	width:657px;	/*init 687*/
	margin:0;
	padding:40px 0px 20px 30px;
	background:#f7f7f8;
}
#droite-contenu-2{
	position:absolute;
	top:0;
	left:687px;
	width:248px;
	margin:0;
	padding:0;
	background:#becbe5;
}
.carte-contenu-2{
	background:url(../medias/bg-carte-content-2.png) top left repeat-y #fff;
	width:212px !important;	/*init 248*/
	width:209px;
	margin:0;
	padding:15px 16px 35px 20px;
	text-align:center;
	color:#484e5c;
	position:relative;
}
.fond-carte-2{
	position:absolute;
	bottom:0;
	left:0;
	background:url(../medias/bg-carte-2.png) top left no-repeat;
	width:248px;
	height:30px;
}

#content{

}
h1.presentation{
    padding: 16px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/tit-presentation.gif) top left no-repeat;
    
    height: 0px !important;
    height /**/:16px;
}
h1.plan{
    padding: 16px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/tit-plan.gif) top left no-repeat;
    
    height: 0px !important;
    height /**/:16px;
}
h1.mentions{
    padding: 21px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/tit-mentions.gif) top left no-repeat;
    
    height: 0px !important;
    height /**/:21px;
}
h1.informatique{
    padding: 20px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/tit-informatique.gif) top left no-repeat;
    
    height: 0px !important;
    height /**/:20px;
}
h1.telecom{
    padding: 16px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/tit-telecom.gif) top left no-repeat;
    
    height: 0px !important;
    height /**/:16px;
}
h1.communication{
    padding: 16px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/tit-communication.gif) top left no-repeat;
    
    height: 0px !important;
    height /**/:16px;
}
.encart{
	padding:5px;
	background:#d4e0f9;
	border:1px dotted #56668c;
	width:95%;
}
#offres{
	padding:0;
	margin:0;
}
#offres h1 {
    padding: 40px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h1-offres.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:40px;
}
.offres{
	background: #becbe5;
	padding:0;
	margin:0;
	color:#484e5c;
	height:220px;
}
.offre{
	width:200px !important;	/*init 216px */
	/*width:171px;*/
	height:220px;
	padding:0px 20px 0 15px;
	float:left;
	background:url(../medias/border-plan.png) top right no-repeat;
}
.end{
	width:185px;
	background:none;
	padding:0 0 0 15px;
}
.offre h2{
	padding:4px 10px 3px 35px;
	height:15px;	/* init 22*/
	background:url(../medias/bg-h2-offres.png) top left no-repeat;
	font-weight:bold;
	font-size:11px;
	color:#56668c;
}

.texte ul, .texte ul li{
	margin:0;
	padding:0;
}
.texte ul{
	margin:10px 0 0 15px;
}
.texte ul li{
	padding:5px 0;
}
#logos-partenaires {
	list-style:none;
	width:50%;
	margin:0 auto;
}
#logos-partenaires li, #logos-partenaires li img{
	float:left;
}
#logos-partenaires li {
	position: absolute;
	top: 10px;
	left: 30px;
	visibility: hidden;
	width:150px;
	text-align:right;
}
#logos-partenaires li img {
	display: block;
}
.plansite, .plansite li{
	margin:0;
	padding:0;
	list-style:none;
}
.plansite li, .plansite li a{
	font-weight:bold;
	padding:5px 10px;
	color:#555;
}
.plansite li a{
	padding:0;
}
.plansite li ul {
	margin:0;
	padding:0;
}
.plansite li ul li a{
	color:#888;
}
.bleuoffre {
	color:#69F;
}
/*=======================================PIED=====*/
#pied{
	width:905px;	/*init 935*/
	margin:0;
	height:40px;	 /* init 70*/
	padding:15px 15px;
	background:url(../medias/bg-footer.png) top left repeat-x;
	font-size:10px;
	color:#fff;
	text-align:left;
	position:relative;
}
#espace-client{
	position:absolute;
	top:0;
	right:0;
	background:url(../medias/bg-espaceclient.png) top left no-repeat;
	width:402px;	/*init 412*/
	padding:5px 5px;
}
#espace-client h3{
	padding:0 5px;
	margin:0;
	font-size:11px;
}
#espace-client h3 span{
	font-style:normal;
	font-size:10px;
}
#espace-client form{
	padding:5px;
	margin:0;
}
#espace-client input{
	width:130px;
	margin:4px 2px 0 0;
}
#espace-client .bt-envoi{
	width:auto;
	margin:-5px 0 0 5px;
}
#pied a:link, #pied a:visited, #pied a:active{
	color:#fff;
    text-decoration:none;
}
#pied a:hover{
	color:#fff;
    text-decoration:underline;
}
.copyright{
	float:right;
	text-align:right;
}