body {
    background-image: url('/images/bg2.jpg');
    background-repeat: repeat-x;
    margin: 0 auto 0 auto;
   /* font-family: arial;*/
    font-size: 14px;
    background-color: #eeeeee;
	font-family:"Calisto MT";
	
	}

img {
    border: 0;
	padding:0;
	margin:0;
}

a:hover {
    text-decoration: underline;
    color: #85829D;
}

h1 {
    color: #55566D;
	font-size:16px;
	
}

h2 {
    color: #85829D;
	font-size:15px;
}

h3 {
    color: #85829D;
	font-size:14px;
}

.puce li{
list-style-image:	url('/images/puce.png');
}

.full_width {
	width:100%;
    float: left;
    background-image: url('/images/creation_introduction.png');
    background-repeat:no-repeat;
	margin-top: 12px;
    border: 1px solid #B8B9C8;
	box-shadow:1px 0px 10px #999999; 
	-moz-box-shadow:0px 0px 10px #999999; 
	-webkit-box-shadow:0px 0px 10px #999999; 
}

.small_left{
	float: left;
    background-repeat:no-repeat;
	margin-top: 12px;
   border: 1px solid #B8B9C8;
	width: 198px;
	margin-right:10px;
	background-color:#FEFEFE;
	box-shadow:1px 0px 10px #999999; 
	-moz-box-shadow:1px 0px 10px #999999; 
	-webkit-box-shadow:1px 0px 10px #999999; 
}
.small_right{
	float: right;
    background-repeat:no-repeat;
	margin-top: 12px;
   border: 1px solid #B8B9C8;
	width: 198px;
	background-color:#FEFEFE;
		box-shadow:1px 0px 10px #999999; 
	-moz-box-shadow:1px 0px 10px #999999; 
	-webkit-box-shadow:1px 0px 10px #999999; 
}


.big_right{
	background-color:#FEFEFE;
	float: right;
    margin-top: 12px;
    border: 1px solid #B8B9C8;
	width: 748px;
	padding:0px;
	box-shadow:1px 0px 10px #999999; 
	-moz-box-shadow:1px 0px 10px #999999; 
	-webkit-box-shadow:1px 0px 10px #999999; 
}
.big_right img{
	display:block;
}
.big_left{
	background-color:#FEFEFE;
	float: left;
    margin-top: 12px;
    border: 1px solid #B8B9C8;
	width: 748px;
	padding:0px;
	margin-right:10px;
	box-shadow:1px 0px 10px #999999; 
	-moz-box-shadow:1px 0px 10px #999999; 
	-webkit-box-shadow:1px 0px 10px #999999; 
	
}
.small_left a img{
	display:block;
}
#creation_de_site {
    width: 960px;
    margin: 0 auto 0 auto;
}

#menu_du_site ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 960px;
    height: 77px;
}

#menu_du_site ul li {
    text-align: center;
    float: left;
    color: white;
    width: 137px;
    font-size: 20px;
    line-height: 77px;
    background-image: url('/images/headerbg.png');
    cursor: pointer;
	
}

#menu_du_site ul li a {
    text-decoration: none;
   
	 color: #D3D3DD;
}

#menu_du_site ul li a:hover {
    text-decoration:none;
     color: #FFF;
}



.clear {
    clear: both;
}

#separateur_du_site {
    background-image: url('/images/separator.jpg');
    width: 960px;
    height: 70px;
    float: left;
}

#animation_creation_site {
    float: left;
    margin-top: 6px;
}

.padding {
    padding: 10px;
}

#headerleft {
    float: left;
	line-height:57px;
	height:57px;
	color:#ddd;
	font-size:18px;
}

#headerright {
    height: 57px;
    float: right;
    color: white;
    cursor: pointer;
}

#headerright a {
    color: white;
}

#headerright a:hover {
    color: white;
    color: #F66232;
}

#header2 {
    clear: both;
    height: 77px;
}

#footer {
    background-image: url('/images/bg2bottom.jpg');
    height: 61px;
    clear: both;
	margin-top:12px;
	float:left;
	width:100%;
}


#footer_content {
    line-height: 61px;
	height: 61px;
    width: 960px;
    text-align: right;
    margin: 0 auto 0 auto;
    color: #FFF;
}

#footer_content a {
    text-decoration: none;
    color: #FFF;
}

#twitter {
    width: 500px;
    height: 200px;
    background-image: url('/images/twitter.jpg');
	
}

#twitter ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


#twitter{
	display:none;
}
#unique{
	background-image: url('/images/accueil_droite.jpg');
	width:748px;
	height:210px;
}

#tarifs{
	background-image: url('/images/tarifs.jpg');
	width:198px;
	height:210px;
}
#slider {
	position:relative;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
}

#tip { 
    display:none; 
    background:transparent url(/images/white_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#333;     
}

.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(/images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}

#feedtwitter{
	margin-top:20px;
	margin-left:20px;
	float:left;
}

#feedtwitter li{
	margin:20px;
	color:black;
	font-size:16px;
	line-height:20px;
	
}
.ui-button{
	margin-top:12px;
}
#flowtabs{
	width:670px;
	margin:0 auto 0 auto;
	list-style:none; 
	padding:0;

}
#flowtabs li{
	text-align:center;
	float:left;
	width:33.2%;
	height:40px;
	line-height:40px;
	background-image:url('/images/tabs.png');
}
#flowtabs li a{
	text-decoration:none;
	color:#fff;
	font-size:16px;
}
/* override the root element to enable scrolling */ 
#flowpanes { 
    position:relative; 
    overflow:hidden; 
    clear:both;
	height:100px;
	width:658px;
	background-image:url('/images/bgbox.png');
	background-position-y:-93px;
	margin:0 auto 10px auto; 
	border:1px solid #B8B9C8;
} 
 
/* override single pane */ 
#flowpanes div { 
    float:left; 
    display:block; 
    width:670px; 
    cursor:pointer; 
    font-size:14px;
	
	 
} 
 
/* our additional wrapper element for the items */ 
#flowpanes .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
	
} 
 
#flowpanes .less, #flowpanes .less a { 
    color:#999 !important; 
    font-size:11px; 
}

.items div{
	margin:8px;
	color:#9293AA;
	font-size:16px;
}

.class{
	text-align:center;
}
#connexion{
	background-image:url('/images/connexion.png');
	width:956px;
	height:342px;
}
.mail,.password{
border:1px solid #B8B9C8;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
 border-radius: 5px;
 background-color:#eeeeee;	
}

.login{
	position:relative;
	top:105px;
	left:482px;
	float:left;
}
.mail{
	
}
.password{
margin-top:25px;	

}

.connexion_boutton{
	margin-top:186px;
	margin-left:350px;
}
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 680px; 
    height:90px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/* styling for the image wrapper  */ 
#image_wrap { 
    /* dimensions */ 
    width:677px; 
    margin:15px 0 15px 40px; 
    padding:15px 0; 
 
    /* centered */ 
    text-align:center; 
 
    /* some "skinning" */ 
    background-color:#efefef; 
    border:2px solid #fff; 
    outline:1px solid #ddd; 
    -moz-ouline-radius:4px; 
}

#slideshow{
	
	width:730px;
	margin:0 auto 0 auto;
}
.scrollable{
	margin-left:40px;
	
}

.items img{
	cursor:pointer;
}
#creation_details{
	list-style:none;
	margin:0;
	padding:0;
	
}
#creation_details li{
	margin:0;
	padding:0;
	margin-top:4px;
	
	}
#creation_details li span{
	float:left;
}
#creation_details li a{
	text-decoration:none;
	font-size:14px;
	color:#55566D;
	font-weight:bold;
}
#creation_details li a:hover{
	text-decoration:underline;
	
}
.titre{
	display:block;
	color:#55566D;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.floatleft{
	float:left;
}

.td_creation{
	background: url(http://devoox.projet.com/images/portfolio.png);
	background-position-x:-50px;
	padding:7px;
	border:1px solid #bbb;
}
.separateur{
	width:940px;
	margin:5px auto 5px auto;
	height:10px;
	background-image:url('/images/border.png');
}
#derniers_articles{
	list-style:none;
}
#derniers_articles li a{
	color:#9091A8;
	text-decoration:none;
	font-weight:bold;
}

#contact label,#souscrire label{
float:left;
width:180px;
line-height:30px;	
text-align:right;
margin-right:10px;
color:#333;
clear:both;
}

#contact input,#souscrire input{
background: url(/images/bg-form.gif) repeat-x 50% 0%;
border: 1px solid #b6b6b6;
/*font: normal normal normal 12px/normal Arial, Helvetica, sans-serif;*/
padding: 10px;
width: 300px;

}


#contact textarea,#souscrire textarea{
background: url(/images/bg-form.gif);
border: 1px solid #b6b6b6;
/*font: normal normal normal 12px/normal Arial, Helvetica, sans-serif;*/
padding: 10px;
width: 300px;
height:100px;
}
.error{

}
.portfolio{
	width:940px;
	height:130px;
	background: url(/images/portfolio.png);
}
.tableau_portfolio{
	margin:0;
	padding:0;
}

.portfolio .tableau_portfolio img{
	position:relative;
	margin-left:52px;
	margin-top:8px;
	height:90px;
	width:114px;
}
.tableau_droite{
	padding-left:30px;
	padding-top:10px;
	cursor:pointer;
}

.tableau_droite2{
	padding-top:12px;
	padding-left:40px;
	padding-right:30px;
	}
/*PORTFOLIO*/
.next, .prev { 
    /* absolute positioning relative to the overlay */ 
    position:absolute; 
    top:40%; 
 
    /* upcoming CSS3 rounded border feature */ 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
} 
 
/* progress indicator (animated gif). should be initially hidden */ 
.progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
} 
 
/* active thumbnail is raised on top of the mask using the z-index property */ 
#thumbs a.active img { 
    outline:1px solid #000; 
    z-index:9999; 
    position:relative; 
}

#tarification{
	background-color:white;
	border:1px solid #bbb;
	padding:0px;
	margin:0 auto 0 auto;
	font-size:14px;
}

.second,.troisieme{
	width:150px;
	text-align:center;
}
.c2{
	background-color:#ddd;
}

.c1{
	background-color:#fff;
}

#tarification tr{
	height:30px;
}
#site_presentation{
	list-style:none;
	margin:0;
	padding:14px;
}
#site_presentation li a,.liens{
color: #85829D;
font-size:14px;
font-weight:bold;	
}

.boxliens2{
	text-align:center;
	
}

.liens2{
color:white;	
font-size:16px;
text-align:center;
font-weight:bold;

}

.liens2:hover{
color:white;	

}
#t1,#t2,#t3{
	cursor:pointer;
}
#index1{
	float:left;
	position:relative;
	top:12px;
	background: url(/images/creation_1.jpg);
	width:200px;
	height:200px;
	font-size:20px;
	line-height:160px;
	box-shadow:1px 0px 10px #999999; 
	-moz-box-shadow:1px 0px 10px #999999; 
	-webkit-box-shadow:1px 0px 10px #999999;
	text-align:center;
	color:#85829D;
	cursor:pointer;

}

#index2{
	float:left;
	position:relative;
	left:12px;
	margin-top:12px;
	background: url(/images/creation_2.jpg);
	width:200px;
	height:200px;
	font-size:20px;
	line-height:160px;
	box-shadow:1px 0px 10px #999999; 
	-moz-box-shadow:1px 0px 10px #999999; 
	-webkit-box-shadow:1px 0px 10px #999999;
	text-align:center;
	color:#85829D;
	cursor:pointer;

}


#index3{
	clear:both;
	position:relative;
	margin-top:12px;
	background: url(/images/creation_3.jpg);
	width:200px;
	height:200px;
	font-size:20px;
	line-height:160px;
	box-shadow:1px 0px 10px #999999; 
	-moz-box-shadow:1px 0px 10px #999999; 
	-webkit-box-shadow:1px 0px 10px #999999;
	text-align:center;
	color:#85829D;
	cursor:pointer;
	float:left;

}
#index4{
	float:left;
	position:relative;
	left:12px;
	margin-top:12px;
	background: url(/images/creation_4.jpg);
	width:200px;
	height:200px;
	font-size:20px;
	line-height:160px;
	box-shadow:1px 0px 10px #999999; 
	-moz-box-shadow:1px 0px 10px #999999; 
	-webkit-box-shadow:1px 0px 10px #999999;
	text-align:center;
	color:#85829D;
	cursor:pointer;

}

#index_right{
	background-color:white;
	position:absolute;
	top:130px;
	/top:182px;
	left:700px;
	width:250px;
	height:368px;
	box-shadow:1px 0px 10px #999999; 
	-moz-box-shadow:1px 0px 10px #999999; 
	-webkit-box-shadow:1px 0px 10px #999999;
	text-align:left;
	border:1px solid #CCC;	
	background-image:url("/images/ref.jpg");
	cursor:pointer;
	
}


.block_index{
	
}
.index1,.index2,.index3,.index4{
	display:none;
}
#products img {
	margin:0 20px 10px 0;	
	cursor:pointer;	
}

.description {
	background-color:#83809D;
	border:1px solid #999;	
	width:630px;
	min-height:140px;
	display:none;
	margin-top:17px;
	-moz-border-radius:4px;
	padding:0 20px;
	color:white;
}

.description .arrow {
	width:34px;
	height:34px;
	background:transparent url(/images/yellow.png) repeat scroll 0 -68px;
	margin-top:-28px;
	margin-left:36px;
	font-size:1px;
	position:relative;
}

#prestations .arrow {
	margin-left:0px;	
}

#realisations .arrow {
	margin-left:210px;	
}

#ntarifs .arrow {
	margin-left:385px;	
}

#contactez_nous .arrow {
	margin-left:560px;	
}

#products img{
	box-shadow:1px 0px 10px #999999; 
	-moz-box-shadow:1px 0px 10px #999999; 
	-webkit-box-shadow:1px 0px 10px #999999;
		border:1px solid #CCC;	
}
.index_prestation{
	margin:0;
	list-style:none;
}
.index_prestation li{
	margin:0;
	padding:0;
	float:left;
	
	}
	.index_prestation li a{
		color:white;
		
		font-size:16px;
		font-weight:bold;
	}
	.index_prestation li a:hover{
		color:white;
		text-decoration:underline;
	}
	
#cocarde{
	width:75px;
	height:204px;
	background-image:url('../images/cocarde.png');
	position:fixed;
	top:140px;
	right:0;
	cursor:pointer;
}
#cocarde:hover{
	background-position:+4px -207px;
	background-repeat:no-repeat;
}	
#blog_list{
	margin:0;
	padding:0;
	list-style:none;

}
#blog_list li{
	background-image:url('../images/portfolio.png');
	width:940px;
	height:130px;
	position:relative;
}
#blog_list li h3{
	position:absolute;
	left:200px;
	top:2px;
	font-size:16px;
}

#blog_list li h3 a{
	
	text-decoration:none;
	color:#85829D;
}
#blog_list li p{
	position:absolute;
	left:200px;
	top:23px;
	padding-right:15px;
	}
	
	#blog_list li span{
	position:absolute;
	right:20px;
	top:15px;
	font-size:10px;
	font-style:oblique;
	}
	
	#blog_list img{
	position:absolute;
	left:54px;
	top:13px;
	width:114px;
	height:88px;
	}
	
	#pager{
	margin-left:45px;	
	margin-bottom:3px;
	float:left;
	}
	
	#pager a{
		background-color:#85829D;
		width:20px;
		height:25px;
		line-height:25px;
		color:white;
		display:block;
		float:left;
		margin-left:3px;
		border:1px solid #eee;
		text-decoration:none;
		font-size:16px;
		text-align:center;
		
	}
#pager a.actif{
	background-color:#ddd;
		color:#85829D;
		border:1px solid #555;
}
.blog_article{
	width:890px;
	float:left;
	display:block;
	d
}
.blog_article img{
	display:block;
	margin:10px;
	
}
.blog_article a{
color: #85829D;
font-size:14px;
font-weight:bold;	
}
#captcha{
	margin-left:190px;
}
#captcha input{
	display:block;
	float:none;
	clear:both;
}
.erreur{
	margin:10px;
	color:red;
}

.code{
	display:block;
	margin:12px;
	padding:7px;
	font-size:13px;
	font-style:italic;
}
#flux_prestashop{
	list-style:none;
	text-decoration:none;
	margin:0 0 30px 60px;
	padding:0;
	width:800px;
}

#flux_prestashop li{
	position:relative;
	margin-top:30px;
}
#flux_prestashop li h3 a{
	position:absolute;
	left:70px;
	top:5px;
	text-decoration:none;
	color:#63607B;
	
}
#flux_prestashop li span{
	position:absolute;
	top:30px;
	left:70px;
}
.facebookbar{
position:absolute;
}