body {
	background: #626a81 url(../images/bg-home.jpg) repeat-x 50% 0;
	font: normal 62.5% "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif !important;
	color: #fff;
	
	font-size: 12px;
	text-align: left;
	padding:0px;
	margin:0px;
}
a img {
	border: none; /* -> 10 */
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif !important;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	border-bottom: 0 !important;
}
html, body, #globale, h1, #nav-top, #nav-top li, #nav-left, #nav-top li {
	margin: 0;
	padding: 0;
	list-style: none;
}

th , td 
{
	font-size: 11px;
}

img { border: 0; }

#globale {
	/*margin: 16px auto;*/
	text-align: left;
	width: 800px;
	position: relative;
	
}


p {
	margin: 1em 0;
	padding: 0;
}

.block {
	display: block;
}

.clear {
	clear: both;
	height: 1px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1px;
	line-height: 1px;
}

* html .clear {
	margin-top: -5px;
	margin-bottom: -4px;
}

.left {
	float: left;
	margin: 1px 8px 0px 0px;
}

.softright {
	text-align: right;
}



/* ***** */

#globale {
	width: 100%;
	
}

/* header */
#logo {
	width:216px;
	display: block;
	top: 55px;
	position: absolute;
	border: 0 !important;
	left: 18px;
	clear:right;
	height:55px;

}

#logo img { border: 0 !important;}

/*Primary Navigation*/
#primaryNavigation {
float: left; /*right;*/
background: #192839 url(../images/bg_primaryNav_left.gif) left bottom no-repeat;
width:250px;
}
#primaryNavigation ul
 {

float: left;
padding:0px;
width:250px;
/*padding: 0 .5em 2px;*/
margin: 0;
font-size:10px;
}
#primaryNavigation li {

float: left;
list-style: none;
margin: 0;
background: none;
padding: 0;
text-align:center;
}
#primaryNavigation li a {

float: left;
padding: 0 0.8em;
line-height: 25px;
font-size: 11.8px;
color: #D0D0D0;
text-decoration: none;
margin-bottom: 2px;
}

#primaryNavigation li.current a, #primaryNavigation li.current a:hover {
	border-bottom: 2px solid #176092;
	background: #192839;
	margin-bottom: 0;
	cursor: pointer;
	color: #D0D0D0;
}
#primaryNavigation li a:hover {
color: #fff;
border-bottom: 2px solid #4082ae;
margin-bottom: 0;
}
#header {
	height: 145px;
	position: relative;
	width: 880px;
	margin-bottom: 20px;
	margin:auto;
	
	
	
}
#header img {margin-top: 2px; }

#head_gauche { height: 145px; width:250px;  float:left;  }

#head_droit { height: 145px;   float:right; width:625px; padding:0px; }



/* body */

#contenu {
    background: #64739a url(../images/bg_home_content.gif) top repeat-x;
	margin:auto;
	width:880px;
	clear:both;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom: 1px solid #253654;
    
}	



#contenu h2 {
	margin: 0 0 1.5em 0;
}

#contenu h3 {
	margin: 0 0 0 0;
}

#contenu ul {
	margin: 0;
	padding: 0;
	
}



#contenu li {
	padding: 0;
	margin: 0.8em 0;
}

a {
	color: #ce7210;
}

a:hover {
	color: #6f3f0b;
}

#menu-left .news{ color:#0f67a1; text-align:left ; margin-left:10px; font-size:10.5px; font-weight:lighter;  }

#menu-left {
float: left;
display: inline;
width: 155px;
background: #fafafa;
border: 1px solid #ccc;
padding: 5px 15px 15px;
min-height: 470px;
-moz-border-radius: .5em; 
-webkit-border-radius: .5em; 
  border-radius: .5em; 
color: #000;
margin-left:10px;
margin-top:2px;
height:460px;
}

#menu-left h5 {
background:#DDD;
color:#192839;
font-size:1.2em;
font-weight:bold;
margin:2em 0 0.4em;
padding:0.3em 10px;
text-transform:uppercase;
border-bottom: 1px solid #aaa;
}
#menu-left ul {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0;
margin: 0;
	padding: 0;
	list-style: none;

}
#menu-left li {
margin:0;
padding: 0;
_height: 1%;

}
#menu-left a, #menu-left a:active {
font-size: 1.2em;
line-height: 1.4;
color: #0f67a1;
display: block;
padding:0.2em 10px;
margin: 0;
text-decoration: none;
position: relative;
border-bottom:1px solid #EEEEEE;
}
#menu-left a:hover {
background: #eee;
color: #192839;
border-bottom: 1px solid #ddd;
}
#menu-left p a {
display: inline;
padding: 0;
text-decoration: underline;
font-size: 1.0em;
}


#web_contact
{
margin-top:10px;
}
#web_contact p
{

padding-left:20px;
font-size: 13px;
}
#web_contact h2
{
text-decoration:underline;
padding-left:20px;
font-size: 13px;
color:#FF8040;
}
.oblig
{
color:#F83823;
font-weight:bold;
}
#centre {
	float: left;
	width: 600px;
	margin-left: 5px;
    
}

#centre p {
	line-height: 1.5;
}

#centre h3 {
	font-size: 10px;
}


#concept ul
{
padding-left:70px;
font-size: 13px;
}

#concept p
{
padding-top:5px;
padding-left:20px;
font-size: 11px;
text-align:justify;
}
#concept h1
{
padding-top:10px;
padding-left:20px;
font-size: 16px;
}

#concept a ,#web_contact a
{
color:#FF8040;
text-decoration: none;
}
#concept a:hover,#web_contact a:hover
{
color:#FFFF00;

}

/* footer */
#page_footer
{
clear: both;
background-image:url(../images/bg_page_footer.png);
background-position:bottom;
background-repeat:no-repeat;

height:41px;
}
#footer {
background: #4a546f url(../images/bg_footerGrad.jpg) top repeat-x;
border-bottom: 2px solid #253654;
padding: 1.5em 40px;
clear: both;
width:800px;	
margin:auto;
color:#FF8000;

	/*clear: both;
	text-align: center;
	background-color:#0F67A1;
	width:100%;*/
}



#footer a {
	color: #D0D0D0;
}
#footer a:hover {
	color: #FFFF00;
}

/*a:activate
{
	color: #ffffff;
   font-size: 14px;
   text-decoration: none;
   font-weight: bold;
	}*/
	a:visited
	{
	color: #ffffff;
   font-size: 14px;
   text-decoration: none;
   font-weight: bold;
	}

/*----------------------*/







/*Secondary Navigation*/
#secondaryNavigation {
position:absolute;
top:109px;
left: 130px;
float:left;
background: #663399 url(../images/bg_secondaryNav_left.gif) left top no-repeat;

}
#secondaryNavigation ul {
float: left;
background: url(../images/bg_secondaryNav_right.gif) right top no-repeat;
padding: 0 0 0 8px;
margin: 0;
width:52.9em;
}
#secondaryNavigation ul li {
font-weight:normal;
float: left;
list-style: none;
border-right: 1px solid #2f4b6d;
border-left: 1px solid #67428e;
height: 34px;
margin: 0;
background: none;
padding: 0;

}
#secondaryNavigation ul li.first {
border-left: none;
}
#secondaryNavigation ul li.last {
border-right: none;
}
#secondaryNavigation li a {

padding: 0 10px;
font-size: 1.29em;
color: #eee;
text-decoration: none;
line-height: 34px;
position: relative;
float:left /*IE-6*/;
display:block; 
}
#secondaryNavigation li a span {
position: relative;
top: 0;
left: 0;

}
#secondaryNavigation li a span.shadow {
top: .1em;
left: 1em;
color: #131c25;
position: absolute;
display: none;
}
#secondaryNavigation li a:hover {
	color: #fff;
}
#secondaryNavigation li a:hover span.shadow, 

#secondaryNavigation li.current a span.shadow, 
 {
display: block;
}
/*#franco_pays{
float: right;
clear: right;
margin-top: 15px; 
margin-right:10px;
}
#franco_pays ul {

float: right;
padding: 0 0 0 20px;
margin: 0;
width: 160px;
}
#franco_pays li {
display:inline;
margin-left:8px;

}*/
/* ----- clear fix pour floats ----- */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		
/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */


/*-------------------------*/
input,  select , textarea
{
	padding-left:1px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: #CCC 1px solid;
}

 input:hover,  select:hover, input:focus,  select:focus ,textarea:hover,textarea:focus
{
	border: #999 1px solid;
	background-color: #DDEEFF;
	
	color:#316394;
	
} 

/* domaine page*/

#domaine {
   padding-top:10px;
   margin: auto;
   /*	border: 1px solid #cccccc;
	background: #F1F3F5;*/
	width: 400px;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-weight:bold;
    font-size : 12px;
	color:#FFFFFF;
	
}


#domaine form {
    margin-left: 70px;
	border: 1px solid #cccccc;
	width: 250px;
	/*background: #E9ECEF;*/
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
    padding:5px;
    margin-bottom:10px;
	padding:10px;
}

#result {
    margin-left: 70px;
	border: 1px solid #cccccc;
	width: 260px;
	/*background: #E9ECEF;*/
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
    padding:5px;
    margin-bottom:50px;
}
#result a {
color:#FF8000;
text-decoration:underline;
}
#result a:hover {
color:#FFFF00;
}
.text {
	border: 1px solid #cccccc;
}



#caption{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin:10px;
    font-size : 14px;
    color:#FFFF99;
}

/*------------------jequery.tools */
/*contact page */
#mask {
	background-position:13% 50px;
    background:#678 url(../images/mask_gradient_1000.png) no-repeat;
	background-repeat: no-repeat;
}

form.expose {
	margin-left:30px;
	border:1px outset #ccc;
	-moz-border-radius:4px;

}


#contact label, input {
	
	margin-bottom: 5px;
}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

#contact br {
	clear: left;
}
/*----------hosting----*/
#unlimited
{
padding-top:10px;
width:600x;
height:250px;
/*background:url(../images/bg_host.jpg) no-repeat;*/
margin-left:15px;
padding-left:10px;
font-size:13px;

}
 
  h2#hosting { 	
  margin-top:5px;
  margin-left:50px;
  color:#FFFF0D;
font-size:22px;
} 
 
ul#hosting-fonctions {
list-style-type:none; 
background:url(../images/hosting-fonctions.png)no-repeat left 3px;
color:#FFF; 
line-height:26.3px; 
padding-left:12px; /*12*/
	
		 }
#hosting-fonctions strong
{
color:#FFFF00;
font-weight:bold;
}
 ul.hostfonctions li span {  	color: #ff3333; }
#hosting-fonctions  li
{ 	margin: 0;}

h3#detail   { 	
 margin-left:38px;
 margin-top:20px;
} 
#produits
{
	background-image:url(../images/plans.jpg) ;
	width:700px;
	padding-top:10px;
}
#produits-fonctions td ul li
{
	font-weight:bold;
	color:#FFFF00;
	font-size:16px;
}
#produits-fonctions td
{
	text-align:center;
}
#produits-fonctions td.feature-what
{
	text-align:left;
	padding-left:3px;
}

#produits-fonctions tr.odd td
{
      font-size:13px;
	background:#4F78CA;
}
#produits-fonctions tr.even td
{
     font-size:13px;
	background:#3E68C6;
}
#produits-fonctions td.thh 
{
	font-weight:bold;
	color:#FFFF00;
	font-size:12px;

}
td.price-cell
{
font-weight:bold;
	color:#00FF00;
	font-size:22px;
    
}

.price-linethrough
{
text-decoration:line-through;
color: red;
font-weight:bold;
font-size:12px;
}
.price-linethrough-plus
{
color: #000000;
font-weight:bold;
font-size:18px;
}
td.demo a
{
 color:#FFFF00;
 text-decoration:underline;
}
td.demo a:hover
{
 color:#F7BF3E;

}
td.feature-what
{
 font-size:13px;
 color:#CCCCCC;

}
h4.plus a
{
position:relative;
top:30px;
left:30px;
color:#CCCCCC;
text-decoration:underline;

}
#heberg 
{
 padding-left:10px;
 padding-right:10px;
 font-size:14px;
 width:650px;
}
#heberg  li 
{
margin-left: 20px;


}
.detail_plus
{
position:relative;
top:9px;
left:174px;
}

.scrollable_index {

	/* required settings */
	position:absolute;
	overflow:hidden;
	width: 558px;
	height:90px;
	top:10px;
	left: 300px;
	float:right;
}
.note
{
font-size:13px;
color:#FFFF00;
}
.pngfix{}
/*png fix*/
td.jamais
{
font-size:18px;;
color:#FF925E;
font-style:italic;
text-align:center;
font-weight:900;
font-family:Georgia, "Times New Roman", Times, serif;

letter-spacing:2px;
}
.intro
{
margin-top:20px;font-size:12px;padding-left:5px;text-align:justify;margin-bottom:10px;
width:665px;
}

#precommande
{
margin-top:35px;
margin-left:60px;
}
#precommande  form  input , form  label 
{
font-size:13px;

}
.lien_contact_site a
{
color:#FF8040;
text-decoration:underline;
}
.lien_contact_site a:hover
{
color:#FFFF00;
text-decoration:underline;
}

#footer ul
{
float: right;
width:33em;
margin: 0;
height:20px;
}
#footer li#first_footer { border-left:none; }
#footer ul li
{
float: left;
display:block;
list-style: none;
border-left: 1px solid #1F354B;
height: 12px;
margin: 0;
background: none;
padding-left:5px;
padding-right:5px;
margin-bottom:20px;
padding-bottom:5px;
}
#footer ul li a
{
 color:#FFFFFF;
 font-weight:normal;
 font-size:11px;
 text-decoration:underline;
}
.webdiali a
{
font-size:10px;
color:#999999;
text-decoration:none;
}
.webdiali a:hover
{
font-size:12px;
color:#FFFF00;

}
#scrollable_heberge{
    margin-left:15px;
	border:none;
	overflow:hidden;
	width: 120px;
	height:103px;
	
}

#scrollable_heberge img {  
    width:  120px; 
    height: 103px; 

} 
/*-------réalisation*/
#creations
{
margin-left:50px;
}
#creations .realisation{
	
	border-top: 1px dotted #A5A5A5;
	border-bottom: 1px dotted #A5A5A5;
	border-left:1px dotted #A5A5A5;
	border-right:1px dotted #A5A5A5;
	width:550px;
	height:108px;
	margin : 15px 0px 5px 0px;
	
}
#Creations .textrealisation{
	margin-left:10px;
	float:right;

}
#creations .textrealisation p{
	font-size: 11px;
	margin-bottom:0px;
	margin-left:10px;
	padding-right:5px;
}
#creations  h3 	{ font-size: 14px;;padding: 4px  8px 0px 8px;margin:0px;color:#FFFF00; }
#creations  p 		{ margin:2px 0px; }
#Creations .gra			{ font-weight: bold ; color: #A60000; }
#creations img { margin-top:3px;margin-right:7px;margin-left:7px; }

#creations a { text-decoration: underline; color:#999999;}
#creations  a:visited 	{ text-decoration: underline; }
#creations  a:hover 	{ text-decoration: underline; color:#CC6600; }
#creations a:active 	{ text-decoration: underline; }
#centre .confiance 
{
margin-left:80px;
margin-top:10px;
font-size:14px;
color:#CCCCCC;

}
/* projection */
.just
{
text-align:justify;
}
.hiden { visibility:hidden ; }
#projection 
{
height:10px;
overflow:hidden;
}
/* partenaires */

#partenariat {
padding: 0.5em 40px;
clear: both;
width:800px;	
margin:auto;
color:#FFFF00;
font-size:11px;

}
 .partenaires a {

text-decoration:underline;
color:#FFFFFF;
font-size:10px;

}
.partenaires a:hover {

text-decoration:underline;
color:#FFFFFF;
font-size:10px;

}
/*----------hautenavigation-----------*/


#hauteNavigation {
	clear:both;
  	float:left;
	height:37px;;
	width:675px;
	color: #FFFFFF;
	position:relative;
	background-color:#732e65;
	border-radius: 10px; 
	margin-bottom:15px;
}

#hauteNavigation ul {

float:left;
margin: 0;

height:37px;
display: inline;
margin-left:25px;

}
#hauteNavigation ul li {
margin:0px;
list-style: none;
height: 37px;
font-size: 12px;
float: left;
display: inline;

 
}

 
#hauteNavigation ul li a {

padding:0px;
color: #D8D8D8;
text-decoration: none;
line-height: 38px;
position: relative;
float:left /*IE-6*/;
display:block; 
width:110px;
/*padding-top:10px;*/
height:37px;
margin-top:0px;
height: 37px;
font-size:12px;
font-weight:normal ;

text-align:center ;
}

#hauteNavigation li#first a { width:145px;    border-left:none;  border-right: 1px solid #692f5d;   }
#hauteNavigation li#second a { width:120px;   padding-left:0px;  border-right: 1px solid #692f5d;border-left:1px solid #873d78; }
#hauteNavigation li#third a { width:125px;   padding-left:5px;  border-right: 1px solid #692f5d;border-left:1px solid #873d78;}
#hauteNavigation li#fourth a { width:110px;  padding-left:0px;  border-right: 1px solid #692f5d;border-left:1px solid #873d78;} 
#hauteNavigation li#fiveth a { width:105px;    padding-left:12px ;  border-right: 1px solid #692f5d;border-left:1px solid #873d78; }

#hauteNavigation li#last a { width:100px;    padding-left:10px;  border-left:1px solid #873d78; }

#hauteNavigation li#first a:hover{ width:145px;     }
#hauteNavigation li#second a:hover{ width:120px;   }
#hauteNavigation li#third a:hover{ width:125px;    }
#hauteNavigation li#fourth a:hover{ width:110px;    }
#hauteNavigation li#fiveth a:hover{ width:105px;     }

#hauteNavigation li#last a:hover{ width:100px;   }

#hauteNavigation ul li a:hover { color:#FFFFFF;}
/*---------abimation*/
#animation {  width:625px; height:145px;   }
#scrollable_animation{ border:none; overflow:hidden;width: 625px;height:145px; }

#scrollable_animation img {  width: 625px;  height: 145px; } 

.bureaux { text-decoration:underline ; font-weight:bold ; color:#FFFF00 ;  }