body.index{
	position:relative;
	height:1200px;
	margin:0px;
	background:url(../images/Background_home.jpg)  center top  no-repeat;
	padding:0;
	bottom:0px;
}
body.equipe{
	position:relative;
	height:1600px;
	margin:0px;
	background:url(../images/Background_equipe.jpg)  center top  no-repeat;
	padding:0;
	bottom:0px;
}

html{
	height:1200px;
	margin:0px;
	padding:0;
}

#w3c1{
position:absolute;
	bottom:10px;
	left:200px;
	border:0;
}

#w3c2{
padding-bottom:10px;
}




#flash2{
	padding-left:60px;
}

#conteneur{
	/*position:relative;*/
	width:1024px;
	margin:auto;
}

#menu{
	width:1024px;
	height:120px;
	background:url(../images/Menu.jpg)  center no-repeat;
}


#header{
	width:1024px;
	height:330px;
	background:url(../images/Header.jpg)  center no-repeat;
}

#header2{
	width:1024px;
	height:330px;
	background:url(../images/Header2.jpg)  center no-repeat;
}



#bienvenue{
	width:669px;
	height:340px;
	background:url(../images/Bienvenue.jpg) no-repeat;
	float:right;
}

#content{
	width:1024px;
	height:329px;
	clear:both;
}
#contentservices{
	width:1024px;
	height:329px;
	clear:both;
}

#quiSommeNous{
	width:355px;
	height:329px;
	background:url(../images/QuiSommeNous.jpg)  center no-repeat;
	float:left;
}

#viracom{
	width:310px;
	height:329px;
	background:url(../images/Viracom.jpg)  center no-repeat;
	float:left;
}

#service{
	width:359px;
	height:329px;
	background:url(../images/Service.jpg)  center no-repeat;
	float:right;
}

#footer{
	position:absolute;
	bottom:0px;
	width:1024px;
	height:81px;
	background:url(../images/Footer.jpg)  center no-repeat;
	clear:both;	
}

#footerIMG{
	position:absolute;
	height:48px;
	bottom:12px;
	left:200px;
}

#footerIMGtel{
	position:absolute;
	height:45px;
	bottom:11px;
	left:806px;
}
/* PAGE PORTEFOLIO */
#portfolio{
	width:1024px;
	height:670px;
	background:url(../images/Portfolio.jpg)  center no-repeat;
}

#portfolio img{
	border:0;
	margin:0;
}

#table
{
display:inline;
}
#Pimage{
	width:1024px;
	padding-top:20px;
	padding-left:64px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
}
/* PAGE CONTACT */
#logoviracomcontact{
	position:absolute;
	width:187px;
	height:106px;
	height:auto;
	float:left;
	padding-top:0px;
	padding-left:260px;
	font-size: 12px;
}

#photocontactviracom{
	position:absolute;
	width:187px;
	height:106px;
	height:auto;
	float:left;
	padding-top:15px;
	padding-left:0px;
	font-size: 12px;
}

#Cformulaire{
	position:relative;
	float:right;
	width:350px;
	height:auto;
	padding-top:120px;
	padding-right:50px;
	font-size: 12px;
}

#boiteFormulaire { width:200px;}
#boiteFormulaire .haut{ height:34px; /* overflow:hidden; */  }
#boiteFormulaire .formulaireContenu{  padding:0 35px 0 25px; font-family:Verdana, Geneva, sans-serif;}

#boiteFormulaire h2{ font-size:14px; font-weight:bold; margin:0 0 10px 0; padding:5px 0 3px 0; }
#boiteFormulaire a{ color:#0070b6; text-decoration:none; padding:2px; }
#boiteFormulaire a:hover{ }


#boiteFormulaire label{ color:#fff; float:left;display:block; margin:2px 0 5px 0; }
#boiteFormulaire input{ border:0px; float:left; display:block; padding-left:3px;} 



/* styles BoiteFormulaire --------------- */


#boiteFormulaire .champTexte{	
	color: #FFF;
	border: 1px solid #C9D0D6;
	background: #232323;
	margin: 0;
	padding-bottom: 3px;
	font-size: 12px;
	width:300px;
}
#boiteFormulaire .champTextePetit{	
	color: #FFF;
	border: 1px solid #C9D0D6;
	background: #232323;
	margin: 0;
	padding: 3px;
	font-size: 12px;
	width:220px;
}

#boiteFormulaire .boiteTexte{
	font-family:arial,verdana;
	font-size: 12px;
	color: #FFF;
	border: 1px solid #C9D0D6;
	background: #232323;
	margin: 0;
	padding: 3px;
	width:300px;
}
#boiteFormulaire .boiteTextePetit{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	border: 1px solid #C9D0D6;
	background: #232323;
	margin: 0;
	padding: 3px;
	width:220px;
}
#Contact{
	width:1024px;
	height:671px;
	background:url(../images/Contact.jpg)  center no-repeat;
}

#boiteFormulaire .bouton{
	background-color: #232323;
	color: #FFF;
	font-size: 0.8em;
	border: 1px solid #C9D0D6;
}
#Cimage{
	width:283px;
	height:auto;
	float:left;
	padding-top:120px;
	padding-left:70px;
	font-size: 12px;
}
#Cformulaire p {
	font-size:14px;
}

/* PAGE EQUIPE */
#sylvain{
	background:url(../images/Sylvain.jpg)  center no-repeat;
	width:1024px;
	height:671px;
}

#thomas{
	background:url(../images/Thomas.jpg)  center no-repeat;
	width:1024px;
	height:395px;
}
#thomas p{
	width:430px;
	margin-left:60px;
}

#sylvain p{
	width:430px;
	margin-left:550px;
}


#thomasText{
	padding-top:80px;
}

#sylvainText{
	padding-top:100px;
}

*+html #thomasText [title="titre1"]{
	padding-left:60px;
}


*+html #sylvainText [title="titre2"]{
padding-left:550px;
}




/* PAGE SERVICE */
#contentservices p{
	width:400px;
	font-size:12px;
	padding-top:60px;
	padding-left:62px;
}

#s_conception_site_web{
	
	width:519px;
	height:181px;
}

#s_developpement_application{

	width:507px;
	height:181px;
}


#s_developpement_base_donnee{

	width:519px;
	height:161px;
}


#s_creation_logo{
	
	width:507px;
	height:161px;
}


#s_referencement_web{

	width:519px;
	height:160px;
}


#s_e_commerce{
	
	width:507px;
	height:160px;
}


#s_marketing_web{
	
	width:519px;
	height:161px;
}


#s_integration_reseaux_sociaux{
	
	width:507px;
	height:161px;
}


#s_gestion_courriels{

	width:519px;
	height:159px;
}


#s_hebergement_web{

	width:507px;
	height:159px;
}


#s_nom_domaine{

	width:519px;
	height:254px;
}


#s_videoconference{

	width:507px;
	height:254px;
}
#gaucheservice{
	width:105px;
	float:left;
}
#droiteservice{
	width:100px;
	float:left;
	margin-left:414px;
	
}

*+html #contentservices p{
	width:430px;
	font-size:12px;
	padding-top:60px;
	padding-left:22px;
}

#contentservices p{
	width:430px;
	font-size:12px;
	padding-top:60px;
	padding-left:63px;
}


*+html #s_conception_site_web,*+html #s_developpement_base_donnee,*+html #s_referencement_web,*+html #s_marketing_web,*+html #s_gestion_courriels,*+html #s_nom_domaine{
 	padding-left:40px;
 }
 
*+html #s_conception_site_web p{
 	padding-top:80px;
 }
 
*+html #s_developpement_application p{
  	padding-top:80px;
  }
 
#s_conception_site_web p{
	padding-top:67px;
}

#s_developpement_application p{
	padding-top:67px;
	text-align:right;
	padding-left:20px;
}

#s_developpement_base_donnee p{
	padding-top:67px;
	padding-top:37px;
}



#s_creation_logo p{
	padding-top:37px;
	text-align:right;
	padding-left:20px;
}

#s_referencement_web p{
	padding-top:20px;
}


#s_e_commerce p{
	text-align:right;
	padding-left:20px;
	padding-top:20px;
}

#s_marketing_web p{
	padding-top:10px;
}

#s_integration_reseaux_sociaux p{
	text-align:right;
	padding-left:20px;
	padding-top:10px;
}

#s_gestion_courriels p{
padding-top:0px;
}


#s_hebergement_web p{
	text-align:right;
	padding-left:20px;
	padding-top:0px;
}

#s_nom_domaine p{
	padding-top:0px;
}



#s_videoconference p{
	text-align:right;
	padding-left:20px;
	padding-top:0px;
}


/*--------------------------------------------------------------------------------------------------paragraphe*/

p{
	font-family:verdana, arial, sans-serif;
	font-weight:500;
	font-size:12px;
	text-align:left;
	color:white;
}
#bienvenue p{
font-size:13px;
}

ul{
	/*display:inline;*/
	font-family:verdana, arial, sans-serif;
	font-weight:500;
	font-size:11px;
	margin-top:100px;
	line-height:20px;
	color:white;
	list-style:disc;
	text-indent:0;
}

#gauche{
	display:inline;
	width:130px;
	float:left;
}

#droite{
	display:inline;
	width:130px;
	float:left;
}

#bienvenue p{
	width:595px;
	margin-left:17px;
	margin-top:185px;
}

#quiSommeNous p{
	width:280px;
	margin-left:60px;
	margin-top:105px;
}

#viracom p{
	width:280px;
	margin-left:17px;
	margin-top:105px;
}

#quiSommeNous img{
	width:280px;
	margin-left:60px;
}

#viracom img{
	width:280px;
	margin-left:17px;
}

#footer p{
	display:inline;
	position:absolute;
	font-size:18px;
	margin-left:60px;
	margin-top:32px;
}

#footer [title="copy"]{
	color:#999;
	font-size:10px;
	margin-top:65px;
	margin-left:400px;
}

/* Icones de validation Xhtml et Css ---------------------------------------- */
#valide {
	position:absolute;
	display:block;
	width:370px;
	margin:0 0 0 0;
	padding:30px 90px 0 201px;
	text-align:center;
	border-bottom:0px solid #dfdfdf;
}
#valide p {
	margin:0;
	padding:0;
	font-size:10px;
	color:#FFF;
}
#valide a img {
	border:0;
	margin:2px 0 0 0;
}

/*-----------------------------------------------------------------JUITTER---------*/

#juitterContainer{
	width:355px;
	height:340px;
	background:url(../images/Twitter.jpg)  center no-repeat;
	float:left;
}

#juitterContainer ul{
	width:270px;
	font-size:12px;
	margin-top:70px;
	margin-left:20px;
}

#juitterContainer ul img{
	border:0px;
}

#juitterContainer ul  li {
	list-style-image:none;
	list-style-position:outside;
}

.twittLI {
display:list-item !important;
margin:0px 0px 20px;
}

.twittList  li.twittLI {
height:100% !important;
}

#juitterContainer{} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;margin-top:70px;margin-left:57px;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;margin:0;margin-bottom:0px;padding:5px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;height:55px;} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{color:#e87d21;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/




/*---------------------------------- MENU ----------------------------------
 */


#accueil:hover{
	background-image:url('../images/menu/accueilHover.gif');
}
#equipe:hover{
	background-image:url('../images/menu/equipeHover.gif');
}
#services:hover{
	background-image:url('../images/menu/serviceHover.gif');
}
#portfolio:hover{
	background-image:url('../images/menu/portfolioHover.gif');
}
#contact:hover{
	background-image:url('../images/menu/contactHover.gif');
}



#accueil{
	background-image:url('../images/Menu/accueil.gif');
	width:102px;
	height:101px;
}
#equipe{
	background-image:url('../images/Menu/equipe.gif');
	width:101px;
	height:101px;
}
#services{
	background-image:url('../images/Menu/service.gif');
	width:101px;
	height:101px;
}
#portfolio{
	background-image:url('../images/Menu/portfolio.gif');
	width:98px;
	height:101px;
}
#contact{
	background-image:url('../images/Menu/contact.gif');
	width:97px;
	height:101px;
}
#logo{
	background-image:url('../images/Menu/logo.gif');
	width:364px;
	height:101px;
}

#boutDroit{
	background-image:url('../images/Menu/boutDroit.gif');
	width:167px;
	height:101px;
}

.selecteur{
	float:left;
	margin-right:0px;
	font-family:harabara,Arial, Helvetica, sans-serif;
	font-size:14px;

	
}

/*<object type="application/x-shockwave-flash" data="SWF/Menu.swf" width="1023" height="120">*/