/* CSS Document */
body {
	background-color:#B8C1CB;
    margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
}

h3{
	font-size:25px;
	color:#5E656B;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

h5{
	font-size:12px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration:underline;
}

hr{
	border: dotted 1px #5E656B;

}
a img{
border: none;

}

.gen
{
	width:855px;
	height:100%;
	margin:auto;
	margin-top:10px;
}

ul {
 margin: 15px;
 padding: 0;
 list-style: none;
 list-style-image: none; /* On enleve les puces par défaut */
}

.gauche{
	position:relative;
	z-index:5;
	float:left;
	width:207px;
	margin-top:-402px;
	margin-left:7px !important;
	margin-left:4px;
	
	}

.zonetexte{
	float:right;
	width:600px;
	height:auto;
	margin-top:-380px !important;
	margin-top:-350px;
	margin-right:25px !important;
	margin-right:12px;
	color:#000000;
	font-size:12px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	z-index:2;
}

.texte_index{
width: 325px;

}

.bas{
	clear:both;
	width:855px;
	background-image:url(../graphisme/architecture/bas.jpg);
	height:25px;

}
.textecopy
{
	color:#2C3137;
	padding-top:3px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.zonetexte p:first-letter { 
	font-weight:bold; 
	font-size:1.2em; 
}

.zonetexte p { 
	text-indent:15px;	
	background-repeat: no-repeat;
	background-position: left 6px;
}

/*
-------------------------
 Architecture Graphique 
------------------------- 
 */


.corps{
	height:583px;
	background-image:url(../graphisme/architecture/fond-corps.jpg);
	background-repeat:no-repeat;
	z-index:1;
}
.tarifs{
	height:583px;
	background-image:url(../graphisme/architecture/tarifs.jpg);
	background-repeat:no-repeat;
	z-index:1;
}

.page_info{
	height:583px;
	background-image:url(../graphisme/architecture/page_info.jpg);
	background-repeat:no-repeat;
	z-index:1;
}

.page_contact{
	height:583px;
	background-image:url(../graphisme/architecture/page_contact.jpg);
	background-repeat:no-repeat;
	z-index:1;
}

.hebergement{
	height:583px;
	background-image:url(../graphisme/architecture/hebergement.jpg);
	background-repeat:no-repeat;
	z-index:1;
}
.publicite{
	height:583px;
	background-image:url(../graphisme/architecture/publicite.jpg);
	background-repeat:no-repeat;
	z-index:1;
}
.maintenance{
	height:583px;
	background-image:url(../graphisme/architecture/maintenance.jpg);
	background-repeat:no-repeat;
	z-index:1;
}
.magazines{
	height:583px;
	background-image:url(../graphisme/architecture/magazine.jpg);
	background-repeat:no-repeat;
	z-index:1;
}

.siteweb{
	height:583px;
	background-image:url(../graphisme/architecture/siteweb.jpg);
	background-repeat:no-repeat;
	z-index:1;
}

.infographie{
	height:583px;
	background-image:url(../graphisme/architecture/fond_infographie.jpg);
	background-repeat:no-repeat;
	z-index:1;
}
.conditions{
	height:583px;
	background-image:url(../graphisme/architecture/conditions.jpg);
	background-repeat:no-repeat;
	z-index:1;
}
.dessous_corps{
	float:left;
	width:855px;
	text-align:left;
	height:auto;
	background-image:url(../graphisme/architecture/dessous-corps.jpg);
	background-repeat:repeat-y;
	z-index:0;
}

.divers_sites{
margin-left:10px;
width:595px;
height:210px;
margin-top:30px;
}

.titre_sites{
position:relative;
z-index:15;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
margin-bottom:15px;
}


.dsite1{
position:relative;
float:left;
text-align:center;
width:180px;
margin-left:10px;
}

.dsite2{
position:relative;
float:left;
width:180px;
text-align:center;
margin-left:10px;
}

.dsite3{
position:relative;
float:left;
width:180px;
text-align:center;
margin-left:10px;

}


/*
--------------
 PAGE ACCUEIL 
--------------
 */
.sitestatique1 {
	position:relative;
	float:left;
	text-align: right;
	width:300px;
	margin-top:-185px !important;
	margin-top:-165px;
	margin-left:-30px !important;
	margin-left:-35px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}



.sitestatique2 {
	position:relative;
	float:left;
	text-align: right;
	width:300px;
	margin-top:-126px !important;
	margin-top:-106px;
	margin-left:-30px !important;
	margin-left:-300px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	font-weight:bold;
	}

.sitestatique3 {
	position:relative;
	float:left;
	text-align: right;
	width:300px;
	margin-top:-65px !important;
	margin-top:-45px;
	margin-left:-30px !important;
	margin-left:-300px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.sitestatique1 a:link {color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:11px; text-decoration:none;}
.sitestatique1 a:visited{color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;}
.sitestatique1 a:hover{color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:underline;}

.sitestatique2 a:link {color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:11px; text-decoration:none;}
.sitestatique2 a:visited{color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;}
.sitestatique2 a:hover{color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:underline;}

.sitestatique3 a:link {color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:11px; text-decoration:none;}
.sitestatique3 a:visited{color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;}
.sitestatique3 a:hover{color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:underline;}

.sitestatique {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;
	float:left;
	width:300px;
	height:40px;
	margin-top:-160px;
	margin-left:50px !important;
	margin-left:30px;
	margin-bottom:10px;
}

.prix{
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	margin-left:10px;
}

.texte_index_wifi{
position:relative;
z-index:10;
width: 250px;
margin-left: 342px;
margin-top: -215px !important;
margin-top: -210px;
border: dotted 2px #5E656B;
background:#CCCCCC

}

.titre_wifi{
text-align:center;
font-weight:bold;

}

.titre_der{
text-align:center;
font-weight:bold;
margin-top: 10px;
margin-bottom: 7px;

}

.prix_wifi{
text-align:center;
font-size: 25px;
color:#FF0000;
}


p.flag img, span { 

   vertical-align: middle;

   display: inline-block; 

}

p.flag span { 

   padding-left: 5px; 

}

.texte_referencement{
position:relative;
margin-top:-5px;
margin-bottom:30px;
}
/*
--------------
 PAGE TARIFS 
--------------
 */


.photositestatique{
	text-align:center;

}

.teintes_gen{
position:relative;
z-index:5;
margin-left:30px;
margin-top:5px;
}
.teintes{
float:left;
margin-right:2px;
}

/*
--------------
 PAGE Site Web 
--------------
 */
 
 
 .zonetexte_site{
	float:right;
	width:625px;
	height:auto;
	margin-top:-380px !important;
	margin-top:-350px;
	margin-right:9px !important;
	margin-right:5px;
	color:#000000;
	font-size:12px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	z-index:2;
}


 .tableauxsite{
	float:right;
	width:600px;
	height:auto;
	margin-top:-0px !important;
	margin-top:-0px;
	margin-right:15px !important;
	margin-right:7px;
	font-size:12px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	z-index:2;

}

 .explication{
	 text-align:left;
	 width:580px;
	 padding-left:7px;
	
 }
 
.photosite{
text-align:center;
width:380px;
margin:auto;
margin-top:15px;
margin-bottom:20px;
}

.liens{
	margin-top:5px;
	text-align:center;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.liens a:link { color:#3E4644; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.liens a:visited{color:#3E4644; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.liens a:hover{color:#000000;text-decoration:underline; font-family:Arial, Helvetica, sans-serif;}

.separ{
clear:both;
}

.separ1{
margin-top:450px !important;
margin-top:350px;
}
.separ2{
margin-top:440px !important;
margin-top:350px;
}

.separ3{
margin-top:515px !important;
margin-top:350px;
}

.separ4{
margin-top:475px !important;
margin-top:350px;
}

.separ6{
margin-top:425px !important;
margin-top:325px;
}
  
.textesite{
	margin-top:10px;
	width:590px;
	font-size:12px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:20px;

  }
  
  /*
--------------
 PAGE Magazines 
--------------
 */
.magazines{
	text-align:center;

}

  /*
--------------
 PAGE Publicité 
--------------
 */
 
 .textepub{
	 float:left;
	 width:280px;
	 height:150px;
	 padding-left:20px;

	 }
 
 .photopub{
	float:right;
	width:300px;
	margin-top:-140px !important;
	margin-top:-150px;
	text-align:center;
	margin-bottom:20px;

	} 

.bppdf{
	float:left;
	width:200px;
	margin-top:100px;
	margin-left:20px;
	z-index:3;
}

.bppdf2{
	float:left;
	width:200px;
	margin-top:0px;
	margin-left:20px;
	z-index:3;
}


.lienspdf{
	float:right;
	margin-top:-15px;
	text-align:center;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.lienspdf a:link { color:#21354D; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.lienspdf a:visited{color:#21354D; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.lienspdf a:hover{color:#000000;text-decoration:underline; font-family:Arial, Helvetica, sans-serif;}

.separ5{
margin-top:400px !important;
margin-top:200px;
}
  /*
   Maintenance
   ----------------------------------------------------------------------------------------------------------------
   */
.zonetexte_maintenance{
	float:right;
	width:600px;
	height:auto;
	margin-top:-380px !important;
	margin-top:-350px;
	margin-right:25px !important;
	margin-right:12px;
	color:#000000;
	font-size:12px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	z-index:2;
}
 
.photo_maintenance{
	width:250px;
	border: dotted 2px #5E656B;
} 
   
.texte_maintenance{
	width:335px;
	height:400px;
	margin-left:265px;
	margin-top:-375px;
}
   
.zonetexte_maintenance p:first-letter { 
	font-weight:bold; 
	font-size:1.2em; 
}

.zonetexte_maintenance p { 
	text-indent:15px;	
	background-repeat: no-repeat;
	background-position: left 6px;
}  


   /*
    Hébergement
   ----------------------------------------------------------------------------------------------------------------
   */
 
.photo_hebergement{
	width:250px;
	border: dotted 2px #5E656B;
	margin-left:340px;
} 
   
.texte_hebergement{
	width:325px;
	height:400px;
	margin-left:0px;
	margin-top:-385px;
}
   
.zonetexte_maintenance p:first-letter { 
	font-weight:bold; 
	font-size:1.2em; 
}

.zonetexte_maintenance p { 
	text-indent:15px;	
	background-repeat: no-repeat;
	background-position: left 6px;
}  
    
   
  /*
   INFORMATIONS
   ----------------------------------------------------------------------------------------------------------------
   */
 

.logo_info{
margin-top:-375px;
 } 
 
.photo_info{
position:relative;
border: dotted 2px #5E656B;
z-index:10;
width: 250px;
margin-left: 342px;
margin-top: 10px !important;
margin-top: 10px;
}

.texte_info{
	float:left;
	width:300px;
	height:auto;
	margin-top:-150px !important;
	margin-top:-140px;
	margin-left:170px !important;
	margin-left:85px;
	color:#000000;
	font-size:12px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	z-index:2;
}

.tel_info{
	position:relative;
	text-align: left;
	width:300px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.tel_info a:link {color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:11px; text-decoration:none;}
.tel_info a:visited{color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;}
.tel_info a:hover{color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:11px;text-decoration:underline;}


.num_info{
	width:342px;
	height:230px;
	margin-top:30px !important;
	margin-top:30px;
	margin-left:20px;
	color:#000000;
	font-size:12px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	z-index:2;
}

  /*
   CONTACT
   ----------------------------------------------------------------------------------------------------------------
   */
  
.form_div{
	margin-top:30px;
	text-align:left;
  }
   

input.style_fond1{
	border: 1px solid #88898A;
	width:230px;
}

input.style_fond2{
	border: 1px solid #88898A;
	background:#EFCACC;
	width:230px;
}

textarea.style_fond1{
	border: 1px solid #88898A;
	width:230px;
}

textarea.style_fond2{
	border: 1px solid #88898A;
	width:230px;
	background:#EFCACC;
}

.photo_contact{
float:right;
margin-top:-20px;
margin-right:15px;
width:250px;
}

  /*
--------------
 PAGE Plugin 
--------------
 */
.genplugin
{
background-color:#F2F7FD;
width:100%;
height:100%;
}
.corpplugin
{
   position:absolute;
     left: 50%; 
     top: 50%;
     width: 770px;
     height: 560px;
     margin-top: -280px; /* moitié de la hauteur */
     margin-left: -385px; /* moitié de la largeur */
     background-color:#F1F7FD;
	
}

.flash a:link { color:#21354D; text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
.flash a:visited{color:#21354D; text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
.flash a:hover{color:#000000;text-decoration:underline; font-family: Arial, Helvetica, sans-serif;}

.retourplugin a:link { color:#21354D; text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
.retourplugin a:visited{color:#21354D; text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
.retourplugin a:hover{color:#000000;text-decoration:underline; font-family: Arial, Helvetica, sans-serif;}

.plugin
{
width: 680px;
height: 230px;
overflow: auto;
text-align:left;
padding:10px;
margin-top:60px;
margin-left:50px;
text-indent: 20px ;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: normal;
line-height: 1.6 ;

}

.flash
{
width: 250px;
height: 30px;
overflow: auto;
text-align:left;
padding:10px;
margin-top:-470px;
margin-left:50px;
text-indent: 20px ;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: normal;
line-height: 1.6 ;
}
.retourplugin
{
width: 150px;
height: 30px;
overflow: auto;
text-align:left;
padding:10px;
margin-top:18px;
margin-left:50px;
text-indent: 20px ;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: normal;
line-height: 1.6 ;
}

.pluginf{
	margin-left: -210px;
	position:relative;
	z-index:1;
}
.lien_noflash{
	margin-top:30px;
	margin-left:10px;
	position:relative;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:30px;
}

.lien_noflash a:link { color:#FCFCFC; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.lien_noflash a:visited{color:#FCFCFC; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.lien_noflash a:hover{color:#FCFCFC; text-decoration:underline overline; font-family:Arial, Helvetica, sans-serif;}

.texte_info_flash{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FCFCFC;
	line-height:15px;
}
.texte_info_flash a:link { color: #FFCC99; text-decoration:none; font-family:Arial, Helvetica, sans-serif;line-height:20px;}
.texte_info_flash a:visited{color: #FFCC99; text-decoration:none; font-family:Arial, Helvetica, sans-serif;line-height:20px;}
.texte_info_flash a:hover{color: #FFCC99; text-decoration:underline overline; font-family:Arial, Helvetica, sans-serif;line-height:20px;}

.numero_image{
	margin-top:10px;
	font-size:11px;	font-family: Verdana, Arial, Helvetica, sans-serif;;
color: #393737;
	}
	
.numero_image a:link { color: #393737; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;;}
.numero_image a:visited{color: #393737;  text-decoration:none;	font-family: Verdana, Arial, Helvetica, sans-serif;;
}
.numero_image a:hover{color: #393737; text-decoration:underline;	font-family: Verdana, Arial, Helvetica, sans-serif;;
}

.bp_fermer{
	font-size:11px;	font-family: Verdana, Arial, Helvetica, sans-serif;;
color: #393737; 
	}

.bp_fermer a:link { color: #393737; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;; font-weight:bold;}
.bp_fermer a:visited{color: #393737;  text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;;font-weight:bold}
.bp_fermer a:hover{color: #393737; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;;font-weight:bold}

.num_page{
text-align:center;
font-size:12px;
margin-bottom:20px;
}

.num_page a:link { color: #393737; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.num_page a:visited{color: #393737;  text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.num_page a:hover{color: #393737; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}