/* CSS Document  copyright Alpha Design*/



* {
 	padding:0;
	margin:0;
}

body, html {
	font:12px/22px Verdana, arial,  Helvetica, sans-serif;
	color: #000;
	text-align: center; 
}

body {
	background-color:#e2e2e2;
}

.floatleft{float:left}

.floatright{float:right}

.alpha {font: italic 23px "Courier New", Courier,Georgia; }

.alpha_h2 {font: bold italic 36px "Courier New", Courier,Georgia; }

.italic { font-style:italic}

.bold {font-weight:bold}

.red {color:red}

.highlight_blue {color:#2F1F89;font-weight:bold}

.highlight_grey {color: #666666 ;font-weight:bold}

.grey {color: #666666 ;}

.blue {color:#2F1F89;}

.blue_italic { font-style:italic; color:#2F1F89;}

.abbrev{cursor: help; }

.clear { clear: both; }

a.no_ligne {
	border:none !important;
	text-decoration:none !important;
	color:#000 !important;
}
a.no_ligne:visited {
	border:none !important;
	color:#000 !important;
}

#preload {
	background-image: url("../images/header/home_joomla1.jpg");
	background-image: url("../images/header/realisations_joomla1.jpg");
	background-image: url("../images/header/services_joomla1.jpg");
	background-image: url("../images/header/header_creation_site_internet.jpg");
	background-image: url("../images/header/header_creation_graphique.jpg");
		background-image: url("../images/header/formation_joomla1.jpg");
		background-image: url("../images/header/developpement_joomla1.jpg");
	background-image: url("../images/header/referencement_joomla1.jpg");
	background-image: url("../images/header/cms_joomla1.jpg");
	background-image: url("../images/header/personnage_virtuel_joomla1.jpg");

	background-image: url("../images/header/contact_joomla1.jpg");
	background-image: url("../images/header/palette_couleur_joomla1.jpg");
	display:inline;
	height:0px;
	width:0px;
}

#tweeter {
text-align: center;
}
#facebook_share {
text-align: center;
margin-bottom:5px;
margin-left: -7px;
}
#facebook_share a{
border-bottom:0!important;
}

#shadow-left	{
	background: transparent url(../images/shadow_left.gif) repeat-y left;
	width:984px;
	margin: 0 auto;
}

#shadow-right	{
	background: transparent url(../images/shadow_right.gif) repeat-y right;
	width:984px;
}

p {	
	color: #000; 
	margin:0;
	padding:0; 
}

sup {
	font-size:8px; 
	font-weight:normal;
	vertical-align: super;
}



* html sup {
	font-size:10px; 
}



th {
	font: bold 11px/18px Verdana, arial, Helvetica, sans-serif; 
}

ul {
	color:#e2e2e2; 
	font:12px/18px Verdana, arial, Helvetica, sans-serif;  
	letter-spacing: 0.1px;
	list-style-type:square;
}

li {
	color:#000;
	margin: 0 0 4px 40px;
	background-color: #fff;
}

div.box-ul { /*pour image en float left*/
	float:left;
}

.box {
	float:left;
	padding:0;
	margin:0 10px 10px 0;
	border: none;
}

#container {
	background-color:#fff;
	margin: 0px auto; 
	overflow:hidden;
	text-align: left;
	width:950px; 
}

#black_header {
	background:#000 ; 
	height: 180px;
	margin-bottom:-180px;
}

* html #header{

/*	margin-bottom:25px;

	overflow:hidden;*/

}

h1 {
	font-size:9px; 
	height: 321px; 
	margin-bottom:-115px;
	padding:0; 
	text-indent: -9999px;   
	width: 960px;
}

h1.titre_module {
	color: #A5003B;
	font-size:14px; 
	height: 13px; 
	margin:0 0 15px 0;
	text-indent:0px;   
}

h1.home {

	background: transparent url("../images/header/home_joomla1.jpg") 0 ;
	

}

h1.realisation {

	background: transparent url("../images/header/realisations_joomla1.jpg") 0 ; 

}

h1.service {

	background: transparent  url("../images/header/services_joomla1.jpg") 0 ; 

}
h1.creation {

	background: transparent  url("../images/header/header_creation_site_internet.jpg") 0 ; 

}
h1.creation_graphique {

	background: transparent  url("../images/header/header_creation_graphique.jpg") 0 ; 

}

h1.cms-joomla{ 
	background: transparent  url("../images/header/cms_joomla1.jpg") 0 ; 
}

h1.formation-joomla{

	background: transparent  url("../images/header/formation_joomla1.jpg") 0 ; 

}

h1.developpement{

	background: transparent  url("../images/header/developpement_joomla1.jpg") 0 ; 

}

h1.referencement {

	background: transparent  url("../images/header/referencement_joomla1.jpg") 0 ; 

}

h1.personnage-virtuel {

	background: transparent url("../images/header/personnage_virtuel_joomla1.jpg") 0 ;

}

h1.contact {

	background: transparent  url("../images/header/contact_joomla1.jpg") 0 ; 

}

h1.palette-couleur-joomla{ 

	background: transparent url("../images/header/palette_couleur_joomla1.jpg") 0 ;

}

h1.web-process{ 

	background: transparent url("../images/header/web_design_process_1.jpg") 0 ;

}

blockquote {
	background:url(../images/quote1.gif) no-repeat;
	width:190px;
	float:right;
	padding:15px 0 0 15px;
	margin:5px 0 0 5px;
}

blockquote ul{
text-indent:0px;

}

blockquote ul li{
text-indent:0px;
margin:10px;

}

blockquote.home{
	background:url(../images/quote1.gif) no-repeat;
	float:left;
	width:450px;
	padding:0px 15px 0 15px;
	margin:5px 0 20px 5px;
}


/*****  =Navigation 

***************************************/

#left {
	float: left; 
	width: 192px; 
	background:#FAFBF8; 
	padding-right:10px; 
	padding-bottom:10px; 
	border: 1px solid #dde6d7; 
	z-index:-1;

}

* html #left { 
	margin-top:-4px;
}								

#navcontainer {
	width: 178px; 
	margin-top:15px;
}

#navcontainer ul {
	padding:0; 
	margin: 0; 
	font: 13px/22px Verdana, arial, Helvetica, sans-serif; 
	border-bottom: #fff 1px solid; 
	list-style-type: none; 
}

#navcontainer ul li {
	margin:0;
	background-color:#fff;
	width:202px;
}

#navcontainer a {
	display: block; 
	line-height:17px;
	margin-bottom:4px;
	padding:5px 2px 2px 25px; 
	text-decoration: none;
}

#navcontainer a:link {
	background: url("../images/bg_navbutton.gif") no-repeat left -3px; 
	color:#2644CF; 
	font-weight:bold;
}

#navcontainer a:visited {
	background:  url("../images/bg_navbutton.gif") no-repeat left -3px;
	color: #697bd6; 
}

#navcontainer a:hover {
	background:  url("../images/bg_navbutton_over.gif") no-repeat left -3px;
	color:#A5003B ; 
}

#navcontainer li a#current {
	background:  url("../images/bg_navbutton_current.gif") no-repeat left -3px;
	color: #A5003b; 

}


/*****  =Favorite Links

***************************************/

#favlinks {
	margin-top:5px; 
	padding-left:10px; 
	width:175px; 
	float:left;
}

#favlinks h2 {
	padding:20px 0 0 0; 
	margin:0 0 5px 7px; 
	font:13px Verdana, arial, Helvetica, sans-serif; 
	color: #039; 
}

#favlinks ul {
	padding:0; 
	margin: 0; 
	list-style-type: none; 
	text-indent: 15px;
}

ul.extlinks li {
	padding-left: 10px; 
	background:  url("../images/bullet_extlink_1.gif") no-repeat 0px 3px; 
	font: 11px/20px Verdana, arial, Helvetica, sans-serif;
	margin:0 0 0 7px;

}

.extlinks a:link {
	color: #141ECB; 
	border-bottom: #039 1px dotted; 
	text-decoration: none;
}

.extlinks a:visited {
	color: #6f2d47; 
	border-bottom: #959e79 1px dotted; 
	text-decoration: none;
}

.extlinks a:hover {
	color: #a5003b; 
	border-bottom: #a5003b 1px solid; 
	background-color: #ffffff; 
	text-decoration: none;
}

#favlinks img{
	margin-left:15px;
}

h3 {

	font: 14px/20px Verdana, arial, Helvetica, sans-serif, Times, serif; 
	padding-top: 5px; 
	font-weight: bold; 
	border-bottom:2px solid #fff;  
}

h3.noligne {
	border-bottom:0px solid #fff;  
}

h3.photo {

	font: 10px/20px Verdana, arial, Helvetica, sans-serif, Times, serif; 
	padding-top: 0px; 
	font-weight: normal; 
	border-bottom:1px solid #fff; 

}

h3.small_h3{
	font: 11px/20px Verdana, arial, Helvetica, sans-serif, Times, serif; 
	padding-top: 0px; 
	font-weight: normal; 
	border-bottom:none;
	margin-bottom:-10px;

}


/***** =Main Content 

***************************************/

#content {
	float: left; 
	margin: 0 10px 10px 30px;
	text-align:left;
	width:706px;
	z-index:10;
}

* html #content {
	width:700px;
}

	#content  img {
		border: 1px solid #e2e2e2; 
		padding: 20px; 
		background-color:#ffffff; 
		margin:15px 25px 0 0;
	}
	#content  img.noborder {
		border: none; 
		padding: 0; 
		background-color:none; 
		margin:0;
	}

	#content img.box {
		float:left;
		padding:0;
		margin:0 20px 10px 0;
		background-color:transparent;
		border: none;
	}

	#content h2 {
		color: #a5003b; 
		font: bold 18px Verdana, arial, Helvetica, sans-serif, Times, serif; 
		padding: 0; 
		margin: 5px 0 0 0; 
	}

	#content h2.ref {
		color: #a5003b; 
		font: bold 12px Verdana, arial, Helvetica, sans-serif, Times, serif; 
		margin:5px 0 10px 1px;
	}

	#content h3 {
		border-bottom:2px solid #f3f3f3; 
		font: bold 14px/20px Verdana, arial, Helvetica, sans-serif, Times, serif; 
		margin:5px 0 0 0;
		padding: 15px 0 2px; 
	}

		#content h3 .small_h3_bold{
			font: bold 11px Verdana, arial, Helvetica, sans-serif, Times, serif;
		}

		#content h3 .small_h3{
			font: 11px/18px Verdana, arial, Helvetica, sans-serif, Times, serif;
		}

	#content h4 {
		font: 12px/16px Verdana, arial, Helvetica, sans-serif, Times, serif; 
		line-height:20px; 
		margin:0; 
		padding-top: 10px; font-weight: bold; 
		padding-bottom: 5px;	
	}

	#content li  h4 {
		font: bold 12px/16px Verdana, arial, Helvetica, sans-serif, Times, serif;  
		margin:0; 
		padding: 10px 0 5px 0; 
	}

	#content  a:link {
		color: #2F1F89; 
		border-bottom: #C5D7F7 1px solid; 
		text-decoration: none;  
		margin-left: 0px;
	}

	#content  a:visited {
		color: #617E20; 
		border-bottom:#959e79 1px dotted; 
	}

	#content a:hover {
		color: #a5003b; 
		border-bottom: #a5003b 1px solid; 
	}

	#content .langue {float:right; margin:0 -25px 0 0 ; padding:0;}

	#content .langue a:link img {border: 1px solid #e2e2e2; padding: 10px; background-color:#ffffff; }

	#content .langue a:visited img {border: 1px solid #e2e2e2; }

	#content .langue a:hover img {border: 1px solid #a5003b;

	}

	#content .langue a:link {border-bottom:0} 

	#content .langue a:visited {border-bottom:0}

	#content .langue a:hover {border-bottom:0}


/*****  =sitepal présentation

***************************************/

ul.sitepal-presentation {
	width:550px;
	margin:15px 0 0 -10px;
}

ol li {
	font-weight:bold;
}


/*****  =sitepal tarif

***************************************/


table.sitepal {
	margin-left:15px; 
	border-collapse:collapse;
}

	table.sitepal tr td {
		text-align:left; 
		padding:5px ; 
		line-height:130%; 
	}

	#content table.sitepal tr td.center{
		text-align:center;
	}

	#content table.sitepal tr td.center img{
		border: #ececec 1px solid; 
		padding:10px 15px 10px 15px; 
		margin:0 10px 0 10px;
	}

.border_bottom_light_blue{

	border:1px solid #ececec; 

}

td.border_bottom_light_blue ul{

	margin-left:-15px;

}

* html td.border_bottom_light_blue ul{

	margin-left:-30px;

}

#content table.sitepal  td.eighteenpx{

	font-size: 17px;  font-weight:bold; font-style:oblique; text-align:right; 

}

#content table.sitepal  td.ninepx{
	font-size:9px; vertical-align:top; text-align:left;
}

table.sitepal_pack {
	border-collapse:collapse;
}

table.sitepal_pack tr td {
	padding:1px 1px 3px 1px ; 
	line-height:120%;
	height:150%; 
	border-bottom:1px solid #ececec;
}

#content table.sitepal_pack tr td.center{
	text-align:center;
}

#content table.sitepal_pack tr td.center img{
	border:0; padding:0; margin:0 5px 0px;
}

#content table.sitepal_pack tr td img{
	border:0; padding:0; margin:0 5px 0px;
}

.border_bottom_light_blue{
	border:1px solid #ececec; 
}

td.border_bottom_light_blue ul{
	margin-left:-15px;
}

* html td.border_bottom_light_blue ul{
	margin-left:-30px;
}

#content table.sitepal_pack  td.thirteenpx{
	font-size: 13px;  font-weight:bold; font-style:oblique; text-align:right; text-align:right;

}

#content table.sitepal_pack  td.ninepx{

	font-size:9px; vertical-align:top; text-align:left;

}

.ninepx{

	font-size:9px; vertical-align:top; text-align:left;

}

#content table.sitepal_pack td.left {

	text-align:left;}

#content table.sitepal_pack td.left span.highlight_blue {

	color:#2F1F89;font-weight:bold

}



/***** =Palettes de couleur

***************************************/



#wrap-palette-turnkey {
	overflow:hidden;
	width:721px;
} 

	#wrap-palette-turnkey table{
		margin-left:-13px
	} 

		#wrap-palette-turnkey table iframe {
			width:721px;
			height:406px;
		}

* html #wrap-palette-turnkey {
	overflow:hidden;
	width:720px;

} 

hr#palette {
	width:711px;
	size:1px;
	noshade:noshade;
	color:#e2e2e2;
	background-color: #e2e2e2;
}



/***** =google map

***************************************/
div#map{
	float:left; 
	height: 700px; 
	margin-left:38px;
	width: 721px;
}

/***** = adapted from alistapart Practical CSS Layout Tips, Tricks, & Techniques by MARK NEWHOUSE ***************************************/

div.row {
	clear: both; 
	padding-top: 0px;
}

div.row span.label {
	float: left;  
	text-align: left;
	width: 45px;
}

div.row span.formw {
	float: left; 
	width: 120px; 
	text-align: left;
}

div.address {
	padding-left:4%; 
	margin-left: 10%; 
	background-color:#fff; 
	width:65%; 
	border: 1px solid #ececec; 
}

* html div.address {
	width:65%; 
	padding-left:10%;
}

div.address_left {
	width: 45%; 
	float:left;
}

* html div.address_left {
	width: 45%;
}

div.address_right{ /* ????*/
	width: 50%; 
	float:left; 
	margin-left:0%;
	clear:both;
}

* html div.address_right {
	width: 55%;
}

/***** =tutoriel module

***************************************/
#content h2.lien_module  {
font-size:12px;
}

#content h2.lien_module a:link {
display:block;
text-decoration: none;
font-size:13px;
border:none;
color:#2F1F89;
padding: 3px 0 3px 0;
}
#content h2.lien_module a:visited {
font-size:13px;
text-decoration: none;
color:#2F1F89;
border:0;
padding: 3px 0 3px 0;
}
#content h2.lien_module a:hover {
font-size:13px;
text-decoration: underline;
border:0;
padding: 3px 0 3px 0;
}


/***** =back to top NOT USED 

***************************************/

.arrow { 			
	font-size: 10px; 
	font-weight:bold; 
	position:relative; 
	left: 57%;
}

* html .arrow {
	left: 60%; 
}

.arrow img {
	margin-right:5px; 
	border:0;
}

.arrow a:link{
	color: #B3DC93; 
	text-decoration: none;
}

.arrow a:visited{
	color: #6f2d47; 
	text-decoration: none;
}

.arrow a:hover{
	color: #a5003b; 
	background-color: #ffffff; 
	text-decoration: none
}

/***** =footer 

***************************************/

#footer {
	background-color:#000;
	clear:both;
	padding: 0 0 5px 0;   
	margin: 0 auto;
	height:80px;
	width:950px; 
}
	#footer h2 {
		color: #fff; 
		font: 10px Verdana, arial, Helvetica, sans-serif; 
		margin: 0; 
		padding:0;
		text-align: center;

	}
		#footer h2 a {
			text-decoration: none
		}
		#footer h2 a:link {
			color: #fff; 
		}
		#footer h2 a:visited {
			color: red; 
		}
		#footer h2 a:hover {
			color: red; 
		}
/***** =référencement
 ***************************************/
ol {
	margin:0; 
	font:12px/18px Verdana, arial, Helvetica, sans-serif;  
	letter-spacing: 0.1px; 
}
	ol li {
		font: 11px/18px Verdana, arial, Helvetica, sans-serif;  
		margin:5px 0 0 5px;
	}
		ol li p{
			margin:-5px 0 0 -2px; 
		}

		ol li ul li{
			font-weight:normal; 
		}

.imageright {
	border: #bac1a3 1px solid; 
	float: right; 
	padding: 7px;   
	margin-left: 10px;    
	background-color: #ffffff
}



.noscript {
	background-color:#990000;
	font-family:Verdana, arial, Helvetica, sans-serif; 	
	line-height: 140%; 
	font-weight:bold; 
	font-size:14px; 
	color:#fff; 
	display:block; 
	margin:auto; 
	text-align:center
}

/**=boxover tootips ****/

.deux {
	width:194px; 
	text-align:left;
	border:1px solid #A5CFE9;
	font: 11px/14px Verdana;
	background-color:#fff;
	color:#1B4966;
	padding:3px;
}

.sixsixzero {
	width:660px; 
	font: 11px/14px Verdana;
	background-color:#fff;
	color:#1B4966;
	padding:3px;
}

.livres {
	width:auto; 
	font: 11px/14px Verdana;
	background-color:#fff;
	color:#1B4966;
	padding:3px;

}