body {
font-family : "Droid Sans", Helvetica, Arial, sans-serif;
color : #525252;
line-height :21px;
font-size : 11px;
background-image:url(images/pattern/13.jpg);
 
background-attachment:fixed;
 
}

#content img {

padding-right: 10px;
padding-bottom:10px

}
h1, h2, h3, h4, h5, h6 {
color : #454545;
}

h1 {
font-size : 36px;
line-height : 36px;
}
h2 {
font-size : 24px;
line-height : 28px;
}
h3 {
font-size : 21px;
line-height : 24px;
}
h4 {
font-size : 18px;
}
h5 {
font-size : 16px;
line-height : 18px;
}
h6 {
font-size : 12px;
line-height : 16px;
}

a {
color: #e75c00;
text-decoration: none
}
 
 a:hover{
 text-decoration: underline
}
 


/*
colorpicker
------------------*/
	#colorSelector {
	position: relative;
	width: 36px;
	height: 36px;
	float:left;
	background:url(images/colorpicker/pick.png) no-repeat;
}
	
	#colorSelector_inner {
	position: relative;
	width: 36px;
	height: 36px;
	float:left;
	background:url(images/colorpicker/pick.png) no-repeat;
}


/*
ShortCodes
--------------------------------------*/
/* img_borders */
.frame {
padding : 7px;
background :#fff;
border:1px solid #e0e0e0;
}


/* img hover classes */

.zoom {
display : block;
background : url(images/plus.png) center  no-repeat;
position : absolute;
}

.video{
display : block;
background : url(images/video.png) center no-repeat;
position : absolute;
}

/* dark button*/

.darkbutton a { 
  border:0; 
  cursor:pointer; 
  padding:0 20px 0 0; 
  text-align:center; 
 text-decoration:none;
  }
.darkbutton a span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}

a.darkbtn { 
  background:url(images/right-button.png) right no-repeat; 
  float:left;
  font-size:12px;
}
a.darkbtn span { 
  height:50px; 
  line-height:50px;
  background:url(images/left-button.png) left no-repeat;
  color:#fff; 
}

a.darkbtn:hover { 
  background:url(images/right-button-hover.png) right no-repeat; 
  float:left;
  font-size:12px;
}


a.darkbtn:hover span{ 
  height:50px; 
  line-height:50px;
  background:url(images/left-button-hover.png) left no-repeat;
  color:#fff; 
}

/*
light buttons
------------------------------------*/

.lightbutton a { 
  border:0; 
  cursor:pointer; 
  padding:0 20px 0 0; 
  text-align:center; 
 text-decoration:none;
  }
.lightbutton a span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}

a.lightbtn { 
  background:url(images/light-right.png) right no-repeat; 
  float:left;
  font-size:12px;
}
a.lightbtn span { 
  height:50px; 
  line-height:50px;
  background:url(images/light-left.png) left no-repeat;
  color:#777; 
}

a.lightbtn:hover { 
  background:url(images/light-right-hover.png) right no-repeat; 
  float:left;
  font-size:12px;
}

a.lightbtn:hover span{ 
  height:50px; 
  line-height:50px;
  background:url(images/light-left-hover.png) left no-repeat;
  color:#777; 
}


/*
Custom tabs
--------------------------------------*/
.custom_tabs {
float:left;
margin-top:15px;
}

strong {

font-weight: bold

}

em {
font-style: italic

}

.custom_tabs ul {
float:left;
background:url(images/tabbg.png) repeat-x ;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
height:39px;
border-left:1px solid #ddd;
}

.custom_tabs ul li{
float:left;
display:inline;
width:70px;
height:30px;
text-align:center;
border-right:1px solid #ddd;
border-left:1px solid #fff;
padding-top:10px;
}


.custom_tabs ul li.active{
background:url(images/tab-hover.png) repeat-x;
width:70px;
height:30px;
}

.custom_tabs ul li a{ 
color:#666;
font-size:12px;
text-decoration:none;
}

.t_content{
border:1px solid #ddd;
margin-left:2px;
}

.t_content p{
padding:14px;
}


/*
image alignments
-------------------------------*/
.alignright, img.alignright {
    float: right;
    margin:0 0 5px 10px;
}

.leftalign, .alignleft, img.aligneft {
    float: left;
    margin:0 10px 5px 0;
}


/*
Toggles
--------------------------------*/

.toggles{
clear:both;
margin-top:20px;
}

.toggles a{
float:left;
width:530px;
border:1px solid #ddd;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:7px 7px 7px 20px;
margin-top:20px;
text-decoration:none;
color:#353535;

}

.toggles  p{
clear:both;
padding:6px;
}

.toggle_trigger {
background:url(images/arrow-right.png) no-repeat 3px 50%;
}

.toggle_active{
background:url(images/arrow.png) no-repeat 3px 50%;
}

.toggle_container{
width:570px;
float:left;
}

.services_toggles{
margin-left:10px;
}

/*
Drop caps
---------------------------------*/
span.dropcap {
    float: left;
    font-size: 36px;
    line-height: 36px;
    margin-right: 10px;
}

/*
Alerts messages
-----------------------------------*/
.alert_success, .alert_error, .alert_warning, .alert_info {
    border-radius: 3px;
   -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 15px 0;
    padding: 10px 20px 10px 30px;
}
.alert_success {
    background: url(images/success.png) no-repeat scroll 8px center #E5FFCC;
    border: 1px solid #BBDD99;
    color: #557733;
}

.alert_warning {
    background: url(images/warning.png) no-repeat scroll 8px center #FFFFDD;
    border: 1px solid #DDDDCC;
    color: #666644;
}

.alert_info {
    background: url(images/info.png) no-repeat scroll 8px center #E5EFFF;
    border: 1px solid #BBDDEE;
    color: #446677;
}

.alert_error {
    background: url(images/error.png) no-repeat scroll 8px center #FFCCCC;
    border: 1px solid #DDAAAA;
    color: #774444;
}

/*
blockqutos
-------------------------------*/

blockquote {
   //background: url(files/quote.png) no-repeat scroll 0 0 transparent;
    font-size:13px;
    font-style: italic;
    padding-left:50px;
	width:40%;
}
/*
bulltes style
--------------------------------------*/

.bullet ul li{
background:url(files/bullet.png) no-repeat scroll left 4px transparent ;
padding-left:25px;
font-size:11px;
}

.arrowbullet ul li{
background:url(files/bullet-check.png) no-repeat scroll left 4px transparent ;
padding-left:25px;
font-size:11px;
}

.arrowbullet2 ul li{
background:url(files/bullet-arrow.png) no-repeat scroll left 4px transparent ;
padding-left:25px;
font-size:11px;
}


/*
Seprator box 
-------------------------------*/
.bread{
width:940px;
height:50px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:10px;
box-shadow: 0 0 2px #B7B7B7;
-moz-box-shadow: 0 0 2px #B7B7B7;
-webkit-box-shadow: 0 0 2px #B7B7B7;
}

.bread h3{
font-size: 16px;
margin:12px 10px 12px 18px;
border-right:1px solid #ddd;
width:auto;
float:left;
padding-right:10px;
}


.bread h6 {
float:left;
margin-top:15px;
margin-bottom:15px;
font-size: 14px;
margin-left:20px;
}
 

.bread h3 a{
color:#dc0035
 
}


.bread p{
float:left;
letter-spacing: 1px;
font-size: 12px;
margin-top:15px;
margin-left:0px;
 }
 
 
 
.search_box{
float:right;
margin-top:10px;
margin-right:0px;
}
input.search_box:focus{
  border-color: #158DB5;
  box-shadow: 0 0 2px #158DB5;
}

.search_box {
  background: url(images/search-bg.png) no-repeat  right center #FFFFFF;
  border-radius: 3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  color: #C6C6C6;
  padding: 8px;
  width: 160px;
  border:none;
  font-size:11px;
  border:1px solid #bbb;
}

.searchinput{
border:1px solid #ddd;
width:160px;
height:20px;
}

.search_btn{
border:none;
    height:23px;
    text-indent: -99999px;
    width: 30px;
	background:#ddd;
}

/*
header
---------------------------------*/

#header {
margin-top :15px;
  }

#main_box{
width:990px;

margin: auto;
background:#fcfcfc;
margin-top:30px;
position:relative;

margin-bottom:30px;
height: auto;
margin-left: auto;
margin-right:auto;
padding: 0;

}


.strip{
width:992px;
height:5px;
margin-left:auto;
margin-right:auto;
background:#353535;
}


.info_strip {
background: none repeat scroll 0 0 #F9F9F9;
box-shadow: 0 0 2px #B7B7B7;
-moz-box-shadow: 0 0 2px #b7b7b7;
-webkit-box-shadow: 0 0 2px #b7b7b7;
height: 35px;
width: 100%;
}


.left_info{
float:left;
margin-left:10px;
padding-top:10px;
width: 740px;
}

.left_info img{
float:left;
width:14px;
height:14px;
margin-right:5px;
}

.left_info a{
color:#dc0035;
text-decoration:none;
 
}

iframe{

float: left;
padding-right: 20px

}

p.email{
position:relative;
top:-3px;
font-size:11px;
}

.right_info{
float:right;
margin-right:40px;
padding-top:10px;
width:143px;
}

.right_info ul li{
display:inline;
float:left;
width:14px;
height:14px;
margin-left:5px;
}

.right_info p{
float:right;
font-size:10px;
margin-top:-3px;
}

.right_info ul li:last-child{
border-right:1px solid #ddd;
padding-right:7px;
}

.right_info ul li img{
width:14px;
height:14px;
}

#logo{
float:left;
}

.search_b a{color:#000 }
.search_b { float:left;}

#revues_details {
    float: left;
    margin-top: 8px;
    position: absolute;	
    color:#eee;
    visibility:hidden;
}
#revues_details a:hover {
text-decoration:none;
color:#DC0035;
border-bottom:1px solid #DC0035;
}
.left_info .revues_arrow {
	width:9px;
    float: none;
    height: 7px;
    margin: 0;
}
#numerique{
float:right;
margin-right: 207px;
margin-top:5px;
width:20px;
 }

#myslidemenu {
float:left;
width: 475px;
margin-top:16px;
margin-left: -15px;
}
.jqueryslidemenu {
font-size: 15px ;
 height : auto;
float:right;
margin-right:0;
margin-top:16px;
}
.jqueryslidemenu ul {
padding : 0;
list-style-type : none;
}


.jqueryslidemenu ul li {
position : relative;
display : inline;
float : left;
height: 40px
}

.jqueryslidemenu ul li a {
display : block;
color:#353535;
text-decoration : none;
margin-right:5px;
padding:3px 13px;
}

* html .jqueryslidemenu ul li a {
display : inline-block;
}

.jqueryslidemenu ul li a:hover {
color:#C14507; 

}/*
.jqueryslidemenu ul li:hover {
	  border-top: 1px solid;
}*/
.jqueryslidemenu ul li ul {
position : absolute;
visibility : hidden;
z-index : 9999;
height:auto;
/*background: none repeat scroll 0 0 #FFFFFF;*/
/*border: 1px solid #000;*/
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}

.jqueryslidemenu ul li ul li {
display : block;
margin:0;
width:268px;
/*border-bottom :1px solid #ddd;*/
font-size: 12px;
line-height: 10px
border-bottom: 1px solid #D9CDCD;
background-color:#DC0035;
}

.jqueryslidemenu ul li ul li a:hover{
 background:#dc0035;
  height: 27px;
 color:#fff;
}

.jqueryslidemenu ul li ul li ul {
float : left;
margin-left : -5px;
  width : 268px;
 background: none repeat scroll 0 0 #FFFFFF;

}

.jqueryslidemenu ul li ul li a {
padding:7px 0 7px 7px;
width:263px;
}

.downarrowclass {
position : absolute;
top : 11px;
right : 7px;
}
.rightarrowclass {
position : absolute;
top : 16px;
right : 5px;
}






/*
thumbnail slider
----------------------------------*/

#slider {
margin-top:15px;
z-index:888;
height:376px;
position:relative;
background:url(images/sliderbg.png) no-repeat;
} 




#slides {
position : relative;
top : 10px;
z-index : 100;
padding-top:4px;
}


.slides_container {
width : 908px;
overflow : hidden;
position : relative;
display : none;
height:338px;
top :2px;
z-index:777;
margin-left:auto;
margin-right:auto;
}


.slides_container div.slide {
width : 914px;
height : 360px;
display : block;
}
#slides .next, #slides .prev {
position : absolute;
top : 107px;
left : -39px;
width : 24px;
height : 43px;
display : block;
z-index : 101;
}
#slides .next {
left : 585px;
}

/* slider-caption */

.caption {
	background: none repeat scroll 0 0 #000;
    border-right: 1px solid #363B3C;
    color: #FFFFFF;
    display: block;
    height: 21px;
    opacity: 0.7;
    outline: medium none;
    padding: 0 3px;
    text-align: center;
    text-decoration: none;

z-index : 500;
position : absolute;
right : -500px;
top : 282px;/* 220*/
padding : 5px 20px 0 20px;
/*background : #dc0035;*/
width : 180px; /*410*/
height : 17px;/*89px;*/
font-size :12px;
line-height :15px;
color : #fff;
opacity : 0.7;
filter: alpha(opacity=70); /* IE6+ */
}



.caption:hover{
 color:#f7063f;
 opacity:1;
 
}
.caption h2:hover{
 color:#f7063f;
 opacity:1;
 
}
.caption h2 {
	    /*width: 220px;*/
color : #fff;
font-size : 18px;
/*padding-top : 5px;*/
margin-bottom:1px;
line-height: 0px;
 margin-top: -2px;
}
.caption p {
padding-top : 5px;
color : #fff;
width : 410px;
font-size:11px;
line-height:16px;
}

/* slider-thumbs-style */

ul.ts_container {
list-style : none;
margin : 0;
padding : 0;
width : 270px;
position : absolute;
top : 289px;
left : 58px;
height : 17px;
z-index : 99999;
}

ul.ts_container li {
float : left;
}


ul.ts_container li a {
display : block;
width : 28px;
height : 21px;
outline : none;
text-align : center;
border-right : 1px solid #363b3c;
padding : 0 3px;
background : #000;
opacity : 0.7;
filter: alpha(opacity=70); /* IE6+ */
color : #fff;
text-decoration : none;
}
ul.ts_container li a:hover, ul.ts_container li.selected a {
opacity : 1;
}
ul.ts_container li.current {
opacity : 0.9;
}
ul.ts_container li.ts_thumbnails {
display : none;
position : absolute;
text-indent : -9000px;
}
ul.ts_container li.ts_thumbnails span {
background : url(images/sliderIcons/triangle.png) center top no-repeat transparent;
width : 15px;
height : 6px;
position : absolute;
}
.ts_preview_wrapper {
border : 5px solid #fff;
overflow : hidden;
position : relative;
}
ul.ts_preview {
position : absolute;
left : 0;
top : 0;
margin : 0;
padding : 0;
list-style-type : none;
}
ul.ts_preview li {
float : left;
}
ul.ts_preview li img {
display : block;
}

/* stop-button of slider  */

a#stop {
position : relative;
top : -55px;
left : 33px;
width : 25px;
height : 24px;
border-right : 1px solid #363b3c;
float : left;
background : url(images/pause.jpg) no-repeat;
text-align : center;
text-decoration : none;
text-indent : -99999px;
color : #000;
z-index : 99999;
}


/* slider shadows */

.slideshadow{
width:912px;
margin-left:auto;
margin-right:auto;
background:url(images/shadow3.png) no-repeat;
height:32px;
position:relative;
z-index:333;
bottom:0;
top:-12px;
z-index:4;
}



.slideshadow1{
width:912px;
margin-left:auto;
margin-right:auto;
background:url(images/slideshadow.png) no-repeat;
height:32px;
position:relative;
z-index:333;
bottom:0;
top:-12px;
z-index:4;
}



.slideshadow2{
width:912px;
margin-left:auto;
margin-right:auto;
background:url(images/shadow2.png) no-repeat;
height:32px;
position:relative;
z-index:333;
bottom:0;
top:-12px;
z-index:555;
}

/*
Main-content :Home page
----------------------------------*/

#main_containt{
height : 100%;
text-decoration:none;
}

/*
Why transforms :w-slides
---------------------------------*/

/* seprator */

.seprator{
margin-bottom : 30px;
margin-left : 10px;
background : url(images/sep1.jpg) 180px 15px no-repeat;
width :100%;
padding-right:16px;
}


.seprator1 {
margin-bottom : 30px;
margin-left : 10px;
background : url(images/sep1.jpg) 180px 15px no-repeat;
width :100%;padding-right:16px;
}



#w_slides-wrap {
float : left;
left : 31px;
}

#w_slides, #w_slides h2 {
float : left;
}

 #w_slides h2 {
float : left;
}

.overview{
float:left;
margin-top:10px;
}


#wslider {
float : left;
width : 940px;
}
#w_slides ul li img {
float : left;
}


/* w-slider -navigation */

#navigation {
float : left;
}

#navigation ul {
margin-left : 60px;
}
#navigation ul li {
width : 228px;
display : block;
border-bottom : 1px solid #ddd;
border-top : 1px solid #fff;
background : url(images/li-arrow.gif) left center no-repeat;
z-index : 9;
}

#navigation ul li:first-child{
border-top:1px solid #ddd;
}

#navigation ul li a {
color : #373737;
line-height : 35px;
font-size : 12px;
text-decoration : none;
padding-left : 12px;
height : 35px;
display : block;
z-index : 9;
}


/* w-slide buttons */

.w_slide_btn{
float:left;
margin-left:25px;
margin-top:4px;
}

.w_slide_btn a{
margin-right:20px;
}


/* active-tab */

.wactive {
background : url(images/wbg.png) no-repeat;
z-index : 8;
}


/* w-slider -tab-content-style */

.overview h2 {
margin-left :20px;
margin-top:15px;
}

.overview  p {
float : left;
width : 320px;
margin-left :10px;
padding:10px;
margin-top:5px;
}

/* web Designing */

.text-blocks p{
width:280px;
padding-left:2px;
float:none;
padding:10px;
}

.text-blocks {
margin-bottom:5px;
}

.text-block {
margin-bottom:20px;
margin-top:5px;
margin-right:10px;
}
.text-blocks  img{
width:42px;
height:42px;
margin-top:15px;
padding-left:10px;
padding-right:10px;
}


.webdesign img{
width:320px;
height:219px;
position:relative;
left:-20px;
}
.webdesign p,.webdesign h4{
position:relative;
padding-top:5px;
}



/* Web Development */

.block span{
float:left;
font-size:14px;
border:1px solid #ddd;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
padding:8px;
background:#dfdfdf;
}

.block span:hover{
background:#353535;
color:#fff;
cursor:pointer;
}

.block {
float:left;
margin-top:10px;
width:150px;
height:30px;
margin-bottom:34px;

}

.block p{
float:left;
padding:0;
margin-left:10px;
margin-top:10px;
}

 

/* video -Section */

.video-frame{
float:left;
border:1px solid #ddd;
padding:7px;
background :#fff;

}
/* Seo -Section */

.seo p{
float:left;
width:280px;
padding:3px;
margin-left:20px;
margin-top:5px;
}
.seo h2{
font-size:19px;
float:left;
margin-left:20px;
margin-top:0;
}
 
 
.seo div.buttons{
float:left;
margin-left:20px;
margin-top:10px;
}
/* Get a Quatation */

.qutation  p{
clear:both;
float:left;
width:90%;
padding-left:20px;
padding-top:10px;
margin-left:15px;
line-height:24px;
}
.qutation  h2{
margin-left:35px;
font-size:22px;
}

.qutation >.darkbutton{
margin-left:35px;
margin-top:10px;
}


/*

Caption:After Slider 
-----------------------------------*/
.middle-caption{
margin-top:20px;
margin-left:20px;
float:left;
width:940px;
padding-bottom:10px;
}
/* .middle-caption p{
width:680px;
float:left;
font-size:16px;
line-height:25px;
}
 */
 
 .middle-caption  p {
  color: #929292;
  float: left;
  line-height: 24px;
  margin: 13px 0 0 15px;
  width:670px;
  font-size:16px;
  line-height:26px;
}

 .middle-caption p span {
  color: #363636;
  
}
 .bigbutton{
float:right;
margin-right:20px;

}

.bigbutton a{
text-decoration:none;
color:#f2f2f2;
display:block;
font-size:22px;
background:url(images/bigbutton11.png) no-repeat;
width:215px;
height:75px;
text-align:center;
}

.bigbutton a:hover{
background:url(images/bigbutton11-hover.png) no-repeat;
}




.bigbutton span {
  position: relative;
  top: 30px;
}


 
 /* 
 
 .bigbutton{
float:right;
margin-right:20px;

}

.bigbutton a{
text-decoration:none;
color:#f2f2f2;
display:block;
font-size:20px;
background:#353535;
width:180px;
height:60px;
text-align:center;
border-radius:4px 4px 0 0;
}


.bigbutton span {
position: relative;
top: 20px;
} */


 

/*
Recent project :carusol
----------------------------------*/


.seprator2 {
margin-bottom : 30px;
background : url(images/sep1.jpg) center no-repeat;
width:100%;
height:28px;
float:left;
margin-left:10px;
}

.heading{
background:#fcfcfc;
display:inline;
width:auto;
float:left;
padding-right:5px;
}

.seprator2 h2{
float:left;
}

#carusol{
height:280px;
}
.recent_post {
position : relative;
height:140px;
  margin-left: 13px;
}
.recent_post_texte {
position : relative;
height:140px;
text-align: center;
}
.recent_post_texte a{
	color:#555;
}
.recent_post img {
padding : 8px;
background : #fff;
border : 1px solid #8b8b8b;
height: 119px;


	  position:absolute;
     
       margin-left: 45px; /* moitiŽ de la largeur de l'image */
 
}

.bx-window ul li span {
position : absolute;
}

.bx-wrapper {
margin-left : 30px;
margin-right : 30px;
}
.bx-window ul li span {
float : right;
position : absolute;
z-index : 100000000;
}

li.carusol_block {
width : 220px;
height:260px;
margin-left: -2px;
}

.carusol_block p {
width : 180px;
padding-top : 6px;
margin-left:5px;
line-height: 18px

}
.carusol_block h6 {
font-size: 10px;
padding-left : 5px;
padding-top : 10px;
text-transform : uppercase;
}
ul.carusol_block{
margin-left : 18px;
}

.bx-prev {
float : left;
background : url(images/leftarrow.gif) no-repeat;
width : 32px;
height : 32px;
position : absolute;
top : 50px;
left : -30px;
text-indent : -9999px;
border : none;
}
.bx-next {
float : right;
background : url(images/right-arrrow.gif) no-repeat;
width : 32px;
height : 32px;
position : absolute;
text-indent : -9999px;
top : 48px;
left : 878px;
border : none;
}


/*
Testimonial
-------------------------------*/
#testimonial>.bx-wrapper{
margin-left:20px;
}

#testimonial{
float:left;
width:270px;
}

#testimonial .seprator2{
margin-bottom:5px;
}



#testimonial {

}

.testimonials{
background : url(images/hello.png) no-repeat;
width : 360px;
float : left;
position : relative;
height:115px;
}
.testi_video {
float:left;
width: 280px;
margin-left: 15px;	
}
#testimonial ul li {
height : 160px;
}
#testimonial ul li span {
margin-top : 35px;
margin-left : 300px;
width : 130px;
background:#fcfcfc;
}
#testimonial ul li span a {
color : #158db5;
}
#testimonial ul li p {
width : 420px;
margin-top : 20px;
font-style:italic;
margin-left:20px;
background:#fff;
}

/* /*
Round about
------------------------------
*/
.client_sep {
background : url(images/sep1.jpg) 160px 15px no-repeat;
padding-right :275px;
}

#clients-wrap{
float:right;
top:20px;
}

.team_pick img{
float:left;
width:130px;
margin-right:10px;
}

#clients-wrap span{
width:100%;
}

.team_pick{
float:left;
overflow:hidden;
width:155px;
}

.team_text{
float:left;
width:170px;
}

.ceo>.team_text{
margin-top:-7px;
margin-left:5px;
}

.ceo>.team_text a img{
width:16px;
height:16px;
margin-top:5px;
border:none;
}


.team_text a{
color:#158DB5;
text-decoration:none;
font-size:14px;
}
a.readmore {
color:#000;
text-decoration:none;
font-size:11px;
width:auto;
height:18px;
background:#eee;
padding:2px 5px 2px 5px;
border:1px solid #ddd;
float:right;
color:#777;
}


#clients-menu{
float:right;
clear:both;
position:relative;
z-index:999;
right:15%;
top:-25px;

}

#clients-menu a{
float:left;
width:10px;
height:10px;
margin-right:10px;
background:#ddd;
text-indent:-99999px;
}

#clients-menu a:hover{
width:8px;
height:8px;
background:#353535;
border:1px solid #ddd;
}

#roundabout {
height : 255px;
float : right;
}

#roundabout ul li img{
 width:60px;
height:90px;
}

#filler {
position : relative;
top : 50px;
z-index : 9999;
text-align : center;
height : 30px;
margin-left : 20px;
display:block;
}



/*
Round about
------------------------------*/

.client_sep {
background : url(images/sep1.jpg) 136px 15px no-repeat;
padding-right :275px;
}
#roundabout {
height : 255px;
float : left;
 margin-left: 30px;
 width: 275px;
}

#roundabout ul li img{
width:60px;
height:90px;
}


#featured  ul{
 left: -25px;
 top: 25px;
}

#filler {
position : relative;
top :90px;
z-index : 9999;
text-align : center;
height : 30px;
margin-left : 20px;
display:block;
}

/* seprator */

.rounaboutsep {
margin-top :35px;
background : url(images/client-sep.png) no-repeat;
width : 170px;
height : 30px;
margin-left : 29%;
}


#roundabout_controls {
float : left;
width : 300px;
margin-left : 48px;
margin-top : -30px;
}
#next {
float : left;
background : url(images/roundabout-left.gif) no-repeat;
height : 14px;
margin-left:40px;
}
#previous {
float : right;
background : url(images/roundabout-right.gif) no-repeat;
height : 14px;
margin-top : -1px;
margin-right:47px;

}
#roundabout_controls a {
width : 7px;
}




/* seprator */

.rounaboutsep {
background : url(images/roundabout_seprator.png) no-repeat;
width : 170px;
height : 30px;
margin-left : 29%;
}

.roundabout-holder {
list-style : none;
width : 255px;
height : 50px;
margin : 0 auto;
margin-top : 54px;

}

.roundabout-moveable-item {
font-size : 12px !important ;
width:60px;
height:90px;
cursor : pointer;
padding:7px ;
border : 1px solid #ddd;
background : #fff;
}
.roundabout-moveable-item img {
width:100%;
height: 100%;
 background-color : #ffffff;
margin : 0;

}
.roundabout-in-focus {
cursor : auto;
float:left;

}
.roundabout-in-focus:hover {
background : #fff;
}


/*
Blog page 
------------------------------*/

/* breadcrumb */

 #breadcrumb{
 float:left;
 margin-top:10px;
 margin-left:25px;
width:930px;
 }
 
 #breadcrumb p{
text-transform:uppercase;
font-size:10px;
color:#444;
}


#breadcrumb a{
color:#3399CC;
text-decoration:none;
}


/* Posts Wrapper */

#content{
float:left;
margin-top:22px;
margin-left:20px;

}

 #content_full{
float:left;
margin-top:22px;
margin-left:20px;
width: 900px;
min-height: 400px
}


/* Post  */

#post{
color:#777;
font-size:11px;
margin-top:5px;
}

#post a {
text-decoration:none;
color:#ff6600;
 }
 
 

 

#post ul li{
float:left;
border-bottom: 1px solid #ddd;
margin-bottom:35px;
padding-bottom:40px;
} 
 
 
 
#post h3 {
color:#272727;
font-size:20px;
 }

#post h4 {
color:#777777;
font-size:15px;
 }


.postinfo{
float:left;
margin-left:5px;
font-size:11px;
margin-top:3px;
}


#post p{
margin-top:15px;
font-size:11px;
color:#444;
 text-align: justify
}

#post ul li .small_img{
margin-top:15px;
}


/* post image Style */
.postimg{
background:url(images/postbg.png) no-repeat;
 margin-top:15px;
}

.postimg img{
float:left;
 padding-right: 10px;
margin-top:9px;

 
}

/* blog post button */

.post_btn{
float:right;
margin-top:7px;
}

/* Comments section */

.comments{
margin-right:14px;
float:right;
background:url(images/comment.png) no-repeat center;
padding-left:42px;
margin-top:2px;
font-weight:bold;
}


.post_bottom{
margin-top:15px;
}
/* tags */

.tags{
float:left;
margin-top:25px;
background:url(images/tag.png) no-repeat  5px ;
padding-left:35px;
}

/* Share button */

.social_tips{
float:right;
background:url(images/share.png) no-repeat;
width:26px;
height:25px;
margin-left:13px;
margin-top:20px;
cursor: pointer;
display:block;
}


.social {
float:left;
position:relative;
background: url(images/sharetooltip.png) no-repeat;
width:128px;
height:42px;
top:-25px;
left:220px;

}
.social ul li img{
width:18px;
height:18px;
}
.social ul li 
{
margin-top:5px;
display:inline;
margin-left:10px;
height:100%;
border:none;
padding:0;
}


/* pagination */

.pagination{
float:left;
width:380px;
height:60px;
margin-left:70px;
}

.prev-pagi{
float:left;
width:75px;
height:32px;
background:url(images/blog-prev.png) no-repeat;
text-align:center;
padding-top:5px;
}
.prev-pagi a{
font-size:13px;
color:#353535;
text-decoration:none;
}


.next-pagi{
float:right;
width:75px;
height:32px;
text-align:center;
padding-top:5px;
background:url(images/next-pag-bg.png) no-repeat;

}
.next-pagi a{
text-decoration:none;
color:#353535;
font-size:13px;

}

.post_pagi{
float:left;
margin-top:3px;
margin-left:10px;

}

.post_pagi ul {
background:url(images/blog-pag-bg.png) repeat-x;
height:24px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #ddd;
}
.post_pagi ul li {
float:left;
display:inline;
width:33px;
height:22px;
border-left:1px solid #c8c8c8;
border-right:1px solid #fff;
text-align:center;
padding-top:2px;
}

.post_pagi ul li.active{
background:url(images/active-bg.png);
width:33px;
border-right:none;
}
.post_pagi ul li a{
text-decoration:none;
font-size:12px;
text-align:center;
color:#353535;
}

.post_pagi ul li:first-child{
border:0;
}

.post_pagi ul li:last-child{
border-right:0;
}



/* Sidebar style */

#sidebar{
float:right;
width:320px;
height:1036px;
background:url(images/sidebar.png) no-repeat;
margin-left:20px;
margin-top:20px;
}

#sidebar a{
text-decoration:none;
}


/* sidebar content */

#sidecontent{
float:left;
margin-left:35px;
width: 270px;
}

#sidecontent h4{
font-size:17px;
color:#393939;
margin-top:30px;
}

/* widget */

#sidebar_widget{
float:left;
margin-top:8px;
}
#sidebar_widget p{
font-size:11px;
color:#666;
 padding-top:1px;
 width:238px;
 height:50px;/*107px;*/
}

#sidebar_widget img{
margin-left:-2px;
border-bottom:1px solid #ddd;
padding-bottom:30px;
margin-bottom:;
}

/* Newsletter */

#newsletter {
float:left;
}

#newsletter p{
font-size:11px;
color:#666;
width:216px;
height:51px;
padding-top:7px;
}

#newsletter .subscribe{
background:#f9f9f9;
width:170px;
height:30px;
padding-left:10px;
color:#999;
font-size:11px;
margin-top:20px;
padding-top:0;
border:1px solid #ddd;
position:absolute;
}

#newsletter input{
border:none;
background:#454545;
width:35px;
height:32px;
color:#fff;
position:relative;
float:right;
margin-top:20px;
margin-right:0px;
}

.newsletter_text {
  clear: both;
  padding-top:15px;
  }

.link-news-rss {
  background: url(images/icon_news_rss.gif) no-repeat scroll 0 0 transparent;
  color: #676767;
  font-family: Arial,Helvetica,sans-serif;
  padding-left: 22px;
 padding-top:2px;
}

.link-news-rss span {
color:#008DB5;
}



 /* Sidebar tabs */
#sidebar_tabs {
float:left;
margin-left:-23px;
margin-top:40px;
}

#sidebar_tabs ul {
float:left;
background:url(images/tabbg.png) repeat-x ;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
height:39px;
}

#sidebar_tabs ul li{
float:left;
display:inline;
width:70px;
height:30px;
text-align:center;
border-right:1px solid #ddd;
border-left:1px solid #fff;
padding-top:10px;
}


#sidebar_tabs ul li.active{
background:url(images/tab-hover.png) repeat-x;
width:70px;
height:30px;
}
#sidebar_tabs ul li a{ 
color:#666;
font-size:12px;
text-decoration:none;
}


 /* Sidebar tabs */
#sidebar_tabs {
float:left;
margin-left:-23px;
margin-top:40px;
}

#sidebar_tabs ul {
float:left;
background:url(images/tabbg.png) repeat-x ;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
height:39px;
}

#sidebar_tabs ul li{
float:left;
display:inline;
width:70px;
height:30px;
text-align:center;
border-right:1px solid #ddd;
border-left:1px solid #fff;
padding-top:10px;
}


#sidebar_tabs ul li.active{
background:url(images/tab-hover.png) repeat-x;
width:70px;
height:28px;
  border: 1px solid #82C4F9;
}
#sidebar_tabs ul li a{ 
color:#666;
font-size:10px;
text-decoration:none;
}


/* sidebar tabs -content style */

.tab_container{
float:left;
position:relative;
left:-3px;

}


.tab_container img{
width:40px;
}




/* comments tab content  */

.comments_tab {
float:left;

}

.comments_tab ul li h6{
margin-left:10px;
  }

.comments_tab ul{
margin-top:20px;

}

.comments_tab  ul li {
clear:both;
width:230px;
height:68px;
border-bottom:1px solid #ddd;
margin-bottom:11px;


}

#tab2{
 height: 610px;
 width:250px;
overflow-y: auto;
overflow-x:hidden
}

#tab1{
 height: 610px;
 width:250px;
overflow-y: auto;
overflow-x:hidden
}

#tab3{
 height: 610px;
 width:250px;
overflow-y: auto;
overflow-x:hidden
}



.comments_tab  ul li p{
float:left;
 margin-top:3px;
font-size:10px;
color:#999;
width:120px;
}

.comments_tab ul li img{
float:left;
padding:5px;
margin-right: 10px;
background:#fff;
border:1px solid #8b8b8b;
width:40px;
 }

.comments_tab ul li img:hover{
border:1px solid #afafaf;
}

/* sidbar tabs tags  */

.tags_tab{
margin-top:20px;
width:
}
.tags_tab a{
float:left;
 border: 1px solid #EDEDED;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
color: #999999;
display: inline-table;
font-weight: normal;
margin: 2px;
padding: 4px 10px;
text-decoration: none;
background:#fbfafc;
}

.tags_tab a:hover{
background:#fff;
}


/* sidebar ads */

#sidebar_ads {
border-top: 1px solid #DDDDDD;
float: left;
margin-left:-22px;
margin-top: 20px;
padding-left:10px;
position: relative;
width: 280px;
}

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


#sidebar_ads ul li  {
float:left;
display:inline;
margin:0;
}


/* Single Blog post styles */

.social_icons{
float:right;
width:160px;
margin-top:25px;
margin-right:-60px;
}

.social_icons a img{
width:20px;
height:20px;
}

/* Comment section start here  */

.commenthead{
float:left;
background:url(files/comment-head.png) repeat-x;
width:280px;
height:30px;
border-bottom:1px solid #ddd;
padding-bottom:20px;
}

.commenthead p{
color:#fff;
padding-left:11px;
padding-top:5px;
font-size:13px;
text-transform:uppercase;
}


/* first comment style */

.firstcomment{
margin-top:8px;
}

.firstcomment p{
font-size:11px;
margin-left:5px;
margin-top:5px;
}

/* reply Comment */

.replycomment {
margin-left:20px;
margin-top:20px;
background:#f0f0f0;
border:1px solid #e7e7e7;
padding:10px;
margin-bottom:30px;
height:160px;
}
.replycomment p{
font-size:11px;
margin-left:5px;
margin-top:5px;
}

/* comments avtar styles */

.cavatar{
float:left;
width:56px;
height:56px;
margin-right:10px;
margin-top:5px;
border:1px solid #ddd;
}

.cavatar img{
width:48px;
height:48px;
margin:4px 0px 0px 4px;
}

.date{
font-size:10px;
color:#777;
}

.head {
font-size:13px;
color:#333;
margin-top:4px;
}

.head h5{
font-size:12px;
}

.says{
font-size:11px;
font-style:italic;
}


/* Comment form  */

#formhead{
padding:10px;
}

.border{
width:576px;
height:2px;
border-top:1px solid #ddd;
}


#commentform{
margin-top:30px;
width:600px;
}

#commentform input{
margin-right:20px;
width:158px;
height:28px;
padding-left:10px;
background:url(files/inputbg.png) repeat-x;
border:1px solid #cbcbcb;
font-size:11px;
color:#aaa;
}

#commentform textarea{
margin-top:20px;
width:556px;
background:url(files/textbg.png) repeat-x;
height:140px;
border:1px solid #bebebe;
margin-bottom:15px;
padding-left:15px;
padding-top:10px;
font-size:11px;
color:#aaa;
overflow:auto;
}



#commentbtn{
float:left;
margin-top:-10px;
margin-bottom:50px;
}
#commentbtn 	a{
margin-right:10px;
}



/*   dform  */

 

#dform{
margin-top:30px;
width:600px;
}

#dform input{
margin-right:20px;
width:158px;
height:28px;
padding-left:10px;
background:url(files/inputbg.png) repeat-x;
border:1px solid #cbcbcb;
font-size:11px;
color:#aaa;
}

#dform textarea{
margin-top:20px;
width:556px;
background:url(files/textbg.png) repeat-x;
height:140px;
border:1px solid #bebebe;
margin-bottom:15px;
padding-left:15px;
padding-top:10px;
font-size:11px;
color:#aaa;
overflow:auto;
}


 






/* basic shortcodes page style*/

#informationbox,#blockquotes,#buttons, #dropcap{
margin-top:20px;
float:left;
margin-left:10px;
}

.block_setting{
margin-top:10px;
margin-right:10px;
}

#blockquotes p{
margin-bottom:10px;
}

.btnclass{
float:left;
}
.btnclass a{
margin-right:15px;
}

#list-style {
    font-size: 11px;
    padding-top: 30px;
	height:340px;
}

#list-style>div{
margin-top:10px;

}


/* advance shortcode page s yles */


#stabs{
margin-top:15px;
}

#tolltip p{
margin-top:10px;
margin-bottom:10px;
}


#tolltip{
margin-top:20px;
}

#tolltip a{
text-decoration:none;
color:#008DB5;
}

/* hover images style */


.hover_effect{
float:left;
margin-top:15px;
position:relative;
}

.hover_effect a{
position:relative;
width:169px;
float:left;
}

.hover_effect p{
margin-top:10px;
margin-bottom:15px;
}


/*###################
Contact Page
#####################*/

.sale_department{
margin-top:20px;
}

.sale_department p{

}

.sale_department img{
float:left;
margin-bottom:0;
padding:4px;
}


/* Contact Form */
.content{
width:560px;
float:left;
margin-top:20px;
}

#map{
float:left;
overflow:hidden;
position:relative;
margin-left:20px;
margin-top:10px;
margin-bottom:20px;
border:1px solid #ddd;
z-index:888;
width:560px;
height:200px;
background:#fff url(images/loading.gif) 50% 50% no-repeat;
padding:7px;
}

#map_canvas{
overflow:hidden;
position:absolute;
z-index:888;
width:560px;
height:200px;
}

.shadow{
position:relative;
background:url(images/shadow.png) no-repeat;
width:591px;
height:40px;
top:218px;
left:28px;
z-index:777;
}

#side_content{
float:right;
margin-top:30px;
height:auto;
margin-bottom:80px;
}

#cf_submit_p{
float:left;
margin-left:10px;
margin-top:10px;
}
 

.message_label{
margin-left:30px;
margin-bottom:10px;
}

.location h3{
margin-bottom:5px;
}


.ceo {
margin-top:30px;
}
.ceo h4{
margin-bottom:10px;
}
.ceo img{
float:left;
padding:5px;
background:#fff;
border:1px solid #ddd;
}
.ceo p{
float:left;
width:160px;
margin-left:10px;
}

.address{
float:left;
margin-left:10px;
margin-top:10px;
}

.address p span{
float:left;
width:60px;
color:#343434;
font-size:12px;
}




.ceo_social{
margin-top:30px;
margin-left:10px;
}

.ceo_social p{
float:left;
margin-right:10px;
font-size:14px;
border-bottom:1px solid #ddd;
padding-bottom:2px;
}
.ceo_social  {
float:left;
margin-left:40px;
}

.ceo_social img {
width:20px;
height:20px;
opacity:0.7;
}


#contact_form_holder{
float:left;
width:580px;
height:300px;
}

#contact_form {
margin: 25px 0 0px 20px;

}
#contact_form p{
float:left;
}

#contact_form label {
float: left;
display: block;
text-transform: uppercase;
font-size:10px;
width: 400px;
position: relative;
top: 3px;
}

#contact_form input {
width: 220px;
padding:5px;
float:left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #fbfbfb;
border: 1px solid #ddd;
margin-top:6px;
}

#contact_form textarea {
padding:5px;
float:left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #fbfbfb;
border: 1px solid #ddd;
overflow:auto;
}
#contact_form input:focus,#contact_form input:hover, #contact_form textarea:focus,#contact_form textarea:hover{
background: #f3f3f3;

}

#contact_form textarea {
height:130px;
width: 280px;
float:right;
margin-right:-20px;
position:relative;
}

#contact_form .error, #contact_form .success {
display: none;
font-style: italic;
padding-left: 22px;
float: left;
margin-left: 10px;
 margin-top: 20px;
}
#contact_form .error {background:url(images/error.png) no-repeat 0 center;color: #a00;}
#contact_form .success {background:url(images/success.png) no-repeat 0 center;color:#467;}

#contact_form  #email_error,
#contact_form  #name_error,
#contact_form  #subject_error
{
position:relative;
float:left;
padding:0;margin-top:-50px;
background:transparent;
margin-left:70px;
 }
#contact_form  #message_error {
padding:0;
background:transparent;
float:right;
position:relative;
left:-85px;
}

#contact_form input#send_message {
width:113px !important;
height:33px;
margin-top: 15px;
position: relative;
cursor:pointer;
cursor:hand;
background:#353535;
border: 1px solid #ddd;
color:#fff;
padding:0;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

#contact_form input#send_send {
width:113px !important;
height:33px;
margin-top: 15px;
position: relative;
cursor:pointer;
cursor:hand;
background:#353535;
border: 1px solid #ddd;
color:#fff;
padding:0;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

#contact_form #message_error {
  background: none repeat scroll 0 0 transparent;
  float: right;
  left: -75px;
  padding: 0;
  position: relative;
  margin-top:4px;
}


/*###################
About page
####################*/


/*###################
Services Pgae 
####################*/
.work img.photo{
float:left;
width:135px;
margin-right:10px;
margin-top:15px;
}

.work{
float:left;
}

.process{
margin-top:10px;
}

.one-half{
margin-top:10px;
}
.icon{
float:left;
margin-right:5%;
}

.num{
float:left;
margin-right:5%;
background:#eee;
width:50px;
height:45px;
text-align:center;
}

.num:hover{
background:#353535;
color:#f2f2f2;
cursor:pointer;
}
.num p{
font-size:24px;
}



.services_btn a {
  background: none repeat scroll 0 0 #EEEEEF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #999999;
  display: inline-table;
  float: left;
  font-size:12px;
  margin-right: 10px;
  padding:3px 15px;
  text-decoration: none;
}

.services_btn{
float:right;
margin-right:15px;
margin-top:10px;
}
.services_btn a{
margin-left:5px;
}
.services_tab{
width:250px;
float:left;
}

.tab-content img{
margin-top:5px;
}

#tab-menu {
float:left;
width: 200px;
margin:20px 20px 0 20px;
list-style:none;
font-size:12px;
}

#tab-menu h3{
border-bottom:1px solid #ddd;
margin-bottom:14px;
margin-left:10px;
padding-bottom:7px;
margin-top:20px;
}

#tab-menu li {
cursor: pointer;
margin-left:20px;
color: #888;
border-bottom:1px solid #ddd;
color:#888;
}


#tab-menu li  a{
color:#888;
text-decoration:none;
display:block;
padding:5px;

}

#tab-menu li img{
width:18px;
height:18px;
padding-top:3px;
}
#tab-menu li  a{
background:url(images/li-arrow.gif) no-repeat left center;
padding-left:10px;
}


#tab-menu ul li img {
	vertical-align: middle;
	padding-right: 10px;
}

/* tab-content divs */

.tab-wrapper {
	width:960px;
	height:600px;
}


.tab-content {
	width: 650px;
	float:left;
	height:auto;
	padding: 20px 20px 0 20px;

}

.tab-content div.tab {
	display:none;
	background:#ffffff;
	z-index:9999;
	position:relative;
	float:left;

}
.tab-content div.tab h4{
z-index:777;
}

.tab-content div.tab.show {
	display:block;
}

.tab-content div.tab p {
	width:650px;
	padding: 0;
	margin:10px 0 20px 0;
}

.tab-content div.tab div p {
	width:100%;
}


/* broucher */

.broucher{
float:left;
width: 200px;
margin:40px 20px 0 20px;
list-style:none;
font-size:12px;
}


.broucher h3{
border-bottom:1px solid #ddd;
margin-bottom:14px;
margin-left:10px;
padding-bottom:7px;
}

.broucher img{
float:left;
margin-left:10px;
}

.broucher p{
float:left;
width:70px;
margin-left:10px;
}


.divider2{
float:left;
width:100%;
height:1px; 
background:#ddd;
margin:10px;
margin-bottom:20px;
}




/*###################
Portfolio 
#####################*/

#portfolio{
position:relative;
 min-height: 500px;

}

#portfolio-sorting{
float:left;
width:960px;
}
		
/* Portfolio four colum  */

.port_head{
float:left;
margin-top:20px;
padding-left:10px;
}

.port_head p{
margin-top:5px;
line-height:20px;
}

.sort{
}

.sort p{
margin-top:0;
margin-right:10px;
}

.sorting{		
float:right;	
margin-top:15px;
}


.sorting a {
  color: #999999;
  display: inline-table;
  float: left;
  font-weight: normal;
  padding: 2px 7px;
  margin-right:10px;
  text-decoration: none;
  height:32px;

}



.sorting a:hover,
.sorting a:focus,
.sorting a.current_link{
background:url(images/port-arrow.png) no-repeat bottom;

}

.sorting a.current_link {
color:#068099;
}
			
.item_content {
margin-top:5px;
}
	
.item_content p{
width:230px;
padding-left:5px;
}				
					
.item_content h5{
font-size:12px;
color:#949494;
line-height:22px;
padding-left:5px;
}


.portfolio-grid	{
width:960px;
overflow:hidden;
margin-left:7px;	
margin-top:30px;
margin-left:0;
}
	

.portfolio-grid li{
position:relative;
display:inline-block;
vertical-align:top
*float:left;
*padding:0 0 0 31px;
height:300px;
}
				
.portfolio-grid li img{
padding:7px;
background:#fff;
border:1px solid #8b8b8b;
}				

.portfolio-grid .item_thumb {
width:250px;
height:160px;
float:none;
}

.portfolio-grid .item_content {
width:250px;
float:none;
}
				

				
/*
 portfolio One Coloum 
 -----------------------------*/
 
.portfolio_one{
margin-left:10px;
margin-top:20px;
 min-height: 250px;

}
				
.portfolio_one li	{
position:relative;
display:inline-block;
vertical-align:top
*float:left;
*padding:0 0 0 31px;
clear:both;
width:940px;
height:190px;
left:0;
right:0;
}
				
.portfolio_one li img{
padding:7px;
background:#fff;
 
border:1px solid #8b8b8b;
}				

.portfolio_one .item_thumb_p1 {
width:130px;
height:150px;
float:left;
}

.portfolio_one .news_thumb_p1 {
width:100px;
height:120px;
float:left;
background-color: #fff;
border: 1px;
border-color: black;
border-style: dotted;
margin:10px
}

.portfolio_one .news_thumb_p1  .date{
 font-size: 14px;
 font-weight: bold
}
	
				
.portfolio_one .item_content_p1 {
width:550px;
float:left;
margin-top:10px;
margin-bottom:30px;
text-align: justify;
  
}

.portfolio_one .news_content_p1 {
width:880px;
float:left;
margin-top:10px;
margin-bottom:30px;
margin-left: 20px;
text-align: justify;
  
}


.portfolio_one .news_content_p1 .date {
background-color: #ff6600;
padding: 3px;
color: #fff;
font-size: 12px;
letter-spacing: 1px
  
}



 
#content h5 {
background-color: #f1862f;
font-family: Times;
 margin-top: 5px;
margin-bottom: 5px;
padding: 3px;
color: #fff;
font-size: 15px;
letter-spacing: 1px
  
}
 
 




.portfolio_one .news_content_p1 .hour {
 padding: 3px;
color: #000;
font-weight: bold;
font-size: 11px;
   
}

.portfolio_one .news_content_p1  h5 {
 
font-size: 20px;
color: black
   
}

#ctrls{
float: right;
margin-top: 20px;
margin-left: 50px;
width: 200px;
 
 }

#ctrls a{
color:#ff2a00
}

#ctrls p{
      //border-bottom: 1px dashed #CDCDCD;
    float: left;
    padding-bottom: 2px;
    width: 200px;
}



.portfolio_one .item_content_p1 a{
text-decoration:none;
color: #ff6600;
}

.portfolio_one .item_content_p1  a:hover{
 text-decoration: underline
}
			
.portfolio_one .item_content_p1 span {
 letter-spacing: 0.5px;
    margin-top: 5px;
}	

.portfolio_one .item_content_p1 p {
  float: left;
  margin-top: 5px;
  letter-spacing: 0.5px;
}
			
.item_content_p1>.btn{
margin-top:20px;
}


/*###################
footer
#####################*/
.endfoot{
margin-top:3px;
}
.tweet_roll {
    margin-left: -10px;
    width: 400px;
}
#footer {
background : url(images/foot.png) center no-repeat;
  height: 218px;
  margin-right: auto;
  width: 100%;
}
.info_titre {
text-decoration:none;
color:#E75C00;	
}

#footer a {
text-decoration : none;
color:#158DB5;
}
/* footer headings */

.foothead {
padding-top : 30px;
margin-left : -10px;
margin-bottom :5px;
}
.foothead h4 {
color : #fffefe;
font-size : 14px;
margin-top : -1px;
margin-left:27px;

}
.foothead img {
float : left;
}


/* blog links */
#bloglink {
float : left;
height : 171px;
color : #999999;
font-size : 11px;
margin-left : 26px;
}

#bloglink ul {
margin-top:10px;
}
#bloglink ul li a {
color : #999;
}
#bloglink ul li a:hover {
color : #f1f1f1;
}

/* twitter */

#tweet {
float : left;
margin-left : 30px;
}
.tweet_roll a {
color:#158DB5;
}


#tweet p {
color : #e8e8e8;
}

.tweet_detail {
float : left;
color : #c8c8c8;
margin-bottom : 5px;
}

/* contact Section */

#contact {
float : left;
margin-left : 114px;
width : 320px;
}

/* contact-heading */

#chead {
padding-top : 28px;
margin-left : -10px;
margin-bottom : 10px;
}

#chead h4 {
color : #fffefe;
font-size : 14px;
}
#chead img {
float : left;
margin-right : 5px;
}

#contact p {
color : #c7c7c7;
height : 15px;
line-height : 17px;
margin-top : 5px;
}

/* address section  */
#address img {
float : left;
margin-top : 22px;
margin-left : -8px;
width : 180px;
height : 80px;
}
#address ul {
float : left;
color : #f1f1f1;
margin-left : 17px;
margin-top : 10px;
line-height : 12px;
}

#address ul li {
margin-top : 10px;
font-size : 11px;
}

#address ul li span{
float:left;
width:60px;
}

/* footer -end copywrite Section */

#copywrite {
float : left;
margin-top : 33px;
margin-left : 25px;
}
#copywrite p {
color : #999;
font-size :11px;
}

/* Social tool tip */

#social {
float : right;
width : 145px;
margin-top : 35px;
}
#social p {
float : left;
color : #999;
font-size : 10px;
}
#social ul li {
display : inline;
margin-left : 5px;
}
#social ul li img {
width : 16px;
height : 16px;
}


/*###################
style Switcher
#####################*/

#demopanel {
    left: 0;
    position: absolute;
    top: 250px;
    z-index:9999;
}

#panel {
  background: none repeat scroll 0 0 #000000;
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  color: #999999;
  font-size: 10px;
  left: -200px;
  overflow: hidden;
  padding: 15px 12px 15px 13px;
  position: absolute;
  top: -28px;
  width: 125px;
}

#panel h3 {
  border-bottom: 1px solid #343434;
  color: #9C9C9C;
  margin-bottom: 8px;
  padding-bottom: 4px;
}

#panel .headingstyle{
  font-family: Arial,sans-serif;
  font-weight: bold;
  margin-top: 10px;
}

.panel_button {
  cursor: pointer;
  position: relative;
  width: 48px;
}


#panel .selector ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}


#panel .color li.c1{
background-color:#C14507;
border:1px solid #ddd;
}

#panel .color li.c2{
background-color:#808000;
border:1px solid #ddd;
}


#panel .color li.c3{
background-color:#E64135;
border:1px solid #ddd;
}

#panel .color li.c4{
background-color:#7769905;
border:1px solid #ddd;
}


#panel .selector ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#panel .selector ul li {
  border: 1px solid #888888;
  cursor: pointer;
  float: left;
  height: 15px;
  margin: 3px;
  width: 15px; 
}
.pattern li {
  border: 1px solid #888888;
  cursor: pointer;
  float: left;
  height: 15px;
  margin: 3px;
  width: 15px; 
  background-color:#fff;
  list-style:none;
}



.ptn-1{
background-image:url(images/pattern/1.png);
}

.ptn-2{
background-image:url(images/pattern/2.png);
}


.ptn-3{
background-image:url(images/pattern/3.png);
}

.ptn-4{
background-image:url(images/pattern/4.png);
}

.ptn-5{
background-image:url(images/pattern/5.png);
}


.ptn-6{
background-image:url(images/pattern/6.png);
}


.ptn-7{
background-image:url(images/pattern/7.gif);
}


.ptn-8{
background-image:url(images/pattern/8.png);
}


.ptn-9{
background-image:url(images/pattern/9.png);
}


.ptn-10{
background-image:url(images/pattern/10.png);
}


.ptn-11{
background-image:url(images/pattern/11.png);
}

.ptn-12{
background-image:url(images/pattern/12.gif);
}



.ptn-13{
background-image:url(images/pattern/13.jpg);
}



.ptn-14{
background-image:url(images/pattern/14.gif);
}



.ptn-15{
background-image:url(images/pattern/15.gif);
}


.ptn-16{
background-image:url(images/pattern/16.png);
}


.ptn-17{
background-image:url(images/pattern/17.png);
}


.ptn-18{
background-image:url(images/pattern/18.png);
}


.ptn-19{
background-image:url(images/pattern/19.png);
}


.ptn-20{
background-image:url(images/pattern/20.png);
}



.ptn-21{
background-image:url(images/pattern/21.gif);
}

.ptn-22{
background-image:url(images/pattern/22.png);
}


.ptn-23{
background-image:url(images/pattern/23.png);
}


.ptn-24{
background-image:url(images/pattern/24.png);
}


.ptn-25{
background-image:url(images/pattern/25.jpg);
}


.ptn-26{
background-image:url(images/pattern/26.jpg);
}



.ptn-27{
background-image:url(images/pattern/27.png);
}

.portfolio_liste{
margin-left:110px;
margin-top:20px;
height: 500px;
width: 820px;
overflow-y: auto;
overflow-x:hidden
}
				
.portfolio_liste li	{
 display: block; 
padding: 8px;
padding-left: 10px;
 margin: 2px;
clear:both;
width:940px;
height:30px;
font-size: 13px;
  
}

.portfolio_liste     li	p{

font-size: 10px;
font-style: italic
}

.portfolio_liste   a:hover li	{

 background-color:#dedede;
 
 
}

.portfolio_liste   a li	{

background-color:#ebebeb;
 
 
}




#bloc_esp1{
	width: 390px;
	line-height: 20px;
	text-align: justify;
	float: left;
	margin-bottom: 100px
	
}

#bloc_esp1 h3,h4{
  	margin-bottom: 10px
	
}

#bloc_esp1 h3{
font-size: 19px	
}

#bloc_esp1 h4{
font-size: 16px;
color: black
}

#bloc_esp2{
float: left;
	width: 250px;
 margin-left: 20px;
 margin-right: 20px;
 	
}

#bloc_esp3{
float: left;
margin-top: 60px;
	width: 220px;
 
 	
}

#bloc_esp3 h4{
font-size: 14px
 
 	
}
#fb {
float:left;
position:absolute;
/*width:40px;*/
height:40px;
  margin-left: 250px;
    margin-top: -32px;	
}
.liens {
	float:left;
	width:100%;
	margin-left:10px;
	    margin-bottom: 15px;
}
.liens_titre {
float:left;
 width: 100%;	
 font-weight: bold;
}
.liens_image {
width: 22%;
	float:left;	
	margin-right:20px;
}
.liens_texte {
width: 70%;
	float:left;	
}
.liens_url {
width: 100%;
	float:right;	
	  clear: both;
    display: block;
    text-align: right;
    margin-right:50px;
    margin-top: -40px;
}
.comment iframe {
float:none;	
}

/* Page biblio numérique */
.biblio {
	margin-top:30px;
	font:12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color:#333333;
	    font-size: 1.2em;
    line-height: 1.55em;
    float:left;
    text-align:justify;
    padding:20px;
    width: 930px;
	
}
.biblio_menu {

	margin-top:40px;
	margin-bottom:30px;
	float:left;
}
.biblio h1 {
	font-weight:bold;
	font-size:30px;
}
.biblio h3 {
	font-weight:bold;
	font-size:20px;
	color:#E49A2E;
}
#vertical_container h1 { font-size:15px; }
.biblio hr {
 border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(222, 222, 222, 0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(222, 222, 222, 0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(222, 222, 222, 0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(222, 222, 222, 0.75), rgba(0,0,0,0)); margin:30px;
 float:left;
 width:90%;
 //-moz-linear-gradient(left center , transparent, rgba(222, 222, 222, 0.75), transparent)
}
.biblio_content {
float:left;	
width:930px;
}
.slogan {
/*margin:20px;*/
float:left;
width:980px;
/*height:50px;	*/
  margin-bottom: 15px;
}
.slogan_acco_left, .slogan_acco_right  {
font-size:200px;
color:#D2D1D1;	
float:left;
margin-top: 50px;
}
.slogan_acco_left {
	margin-left:300px;
}
.slogan_content {
float:right;	
font-size:15px;/*50px*/
color:#DF1142;
/*height:50px;*/
  margin-right: 112px;
    margin-top: 5px;	
 padding: 5px;
/*border: 1px solid #2496D3;*/
}
.biblio_content_img {
   float: left;
    margin-left: -10px;
    margin-right: 60px;
    margin-top: 25px;
    width: 150px;
}
.biblio_content_img_txt {
     font-size: 20px;
    line-height: 32px;
    margin-left: 45px;
    margin-top: -155px;
    position: absolute;
     color: #FFFFFF;
      text-align: center;
}
.biblio_content_txt {
    float: left;
    margin-left: 20px;
    margin-right: 30px;
    width: 420px;
}
.biblio_content_imp {
	color:#DF1142;	
	font-weight:bold;
}
.biblio_content_video {
margin-top:25px;	
float:left;
}
.biblio_num {
font-style:italic;	
//margin-top:30px;
margin-bottom:40px;
float:left;
}
.biblio h2 {
width:700px;	
}

.logo_num {
width:100%
float:left;
margin-bottom:15px;
}
.edito {
   margin-left: 505px;
    margin-top: -20px;
    position: absolute;
}
.biblio_content h3 {
font-size: 18px;	
}
.bread_abo{
width:940px;
height:370px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:10px;
box-shadow: 0 0 2px #B7B7B7;
-moz-box-shadow: 0 0 2px #B7B7B7;
-webkit-box-shadow: 0 0 2px #B7B7B7;
}

.bread_abo h2{
font-size: 16px;
margin:12px 10px 12px 18px;
width:100%;
float:left;
padding-right:10px;
}
.bread_form {
float:left;
margin-top:15px;	
padding:20px;
}
.bread_form label {
width:200px;
float: left;

}
.content_num {
	
}
#biblio_form {
	height:670px;
	width:100%;

}
#biblio_form  label {
width:100px;
float: left;

}
.biblio_form_left {
	border-right:1px solid #EEEEEE;
	height:670px;
	width:470px;
	float:left;
	padding:20px;
}

.biblio_form_right {
height:670px;
width:375px;	
float:left;
padding:20px;
}
.biblio_form_numero {
font-size:18px;
margin-left:140px;
padding:20px;
color:#DF1142;
float:left;
width:100%	
}
.input-appenss  d input, sfloat:left;
display:block;

}
.bread_form input {
width:200px;
float: left;
}
.bread_abonne{
   
    margin-bottom: 10px;
    margin-top: 20px;
    width: 690px;
box-shadow: 0 0 2px #B7B7B7;
-moz-box-shadow: 0 0 2px #B7B7B7;
-webkit-box-shadow: 0 0 2px #B7B7B7;
/*height:150px;*/
padding:15px;
font-size:12px;
}
.bread_abonne h6{
float:left;
margin-bottom:15px;
font-size: 16px;
margin-left:20px;
}
.selection_form {
float:left;
   margin-left: 97px;
    margin-top: 5px;	
}/*
#menuCS li:hover {
	border-bottom:1px solid #ccc;
	background-color:white;
}*/
.accord-content { display: none; }
.accord-header { width:100%; }
.espace_abonnes {
	border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background-color:#EFEFEF;
padding:10px;
}
.epub2 {
float:left;
background : url(images/box-epub2.png) no-repeat;
width:430px;
height:430px;
}
.epu2_ligne {
float:left;
margin-top:30px;
margin-left:80px;	
}
.epub2_texte {
float:left;
padding:50px;
width:265px;
text-align:justify;	
margin-top:80px;
}
.epub2_img {
float:left;
padding:50px;
padding-top:30px;
width:810px;
text-align:justify;	
margin-top:80px;
padding-left:180px;
}
.epub2_img img {
margin-right:90px;

}
.epub-2 {
float:left;
background : url(images/box2-epub2.png) no-repeat;
width:430px;
height:430px;
}
.aboSupp {
   background-color: #BC1144;

}
.aboVisible {
   background-color: #458F35;
}
.aboSuppListe {
  background-color: #E4992B;	
}

.aboEpub2 {
  background-color: #1E9DFC;	
}
.aboo {
	    border-radius: 3px;
    padding: 1px 4px 2px;	
	 color: #FFFFFF;
    font-size: 10.998px;
    font-weight: bold;
    line-height: 14px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
}
.aboo a .aboEpub2 a{
color:white;	
}
.nosepubs2 {
	background : url(images/nosepubs.png) no-repeat;
	width:900px;
	height:300px;
	float:left;
	margin-top:30px;
}
.commanderepubs {
	background : url(images/commanderepubs2.png) no-repeat;
	width:900px;
	height:300px;
	float:left;
	/*margin-top:30px;*/
}
.commanderepubs img {
margin-bottom:30px;
}
.commanderepubs .epub2_img {
	margin-top:0px;
	padding-top:15px;
}
.epubs_titre {
color:#fff;
font-size:17px;
text-align:center;
width:900px;
font-weight:bold;
float:left;
margin-top: 79px;	
}
.espac {
float:left;
width:400px;
margin-left:30px;	
}
.ENTfond { 
  background:url(images/fondENT.png) right no-repeat; 
  font-size:15px;
  padding:20px;
  margin-bottom:15px;
   padding-left: 34px;
}
.ENT iframe {
float:none;	
}
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 960px;
	height: 200px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 960px;
	height: 200px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 290px;
	height: 200px;
}
.ENTetageres {
float:left;	
  margin-left: 121px;
    margin-right: 15px;
    margin-top: -136px;
}
#scroller img {
	
	float:left;	
}
.ENTfond_fond {
    background-color: #EDEDED;
    box-shadow: 0 0 65px #EBEBEA inset, 0 0 20px #CDCCCA inset, 0 0 5px #7E7C78;
    min-height: 150px;
    margin-left:10px;
    padding:15px;
    margin-bottom:15px;
    width:915px;
    font-size:12px;
    float:left;
}

.ENTdocuments {
width:225px;
float:left;
text-align:center;
margin-top:15px;	
}
.ENTdocumentsimg {
width:225px;
/*padding-left:50px;	*/
}
.ENTdocumentstxt {
width:225px;
height:50px;
float:left;	
}
.ENTfond_twitter{
    background-color: #EDEDED;
    box-shadow: 0 0 65px #EBEBEA inset, 0 0 20px #CDCCCA inset, 0 0 5px #7E7C78;
    min-height: 100px;
    margin-left:10px;
    padding:15px;
   	padding-bottom:5px;
    margin-bottom:25px;
    width:200px;
    font-size:12px;
    float:left;
    font-size:15px;
    text-align:center;
}
.twitter {
	margin-top:15px;
	margin-bottom:20px;
font-size:25px;	
float:left;
color:#33CCFF;
}
.ENTfond_mp{
    background-color: #EDEDED;
    box-shadow: 0 0 65px #EBEBEA inset, 0 0 20px #CDCCCA inset, 0 0 5px #7E7C78;
    min-height: 100px;
    margin-left:10px;
    padding:15px;
   	padding-bottom:5px;
    margin-bottom:25px;
    width:435px;
    font-size:12px;
    float:left;
    font-size:15px;
    text-align:center;
    height:115px;
}
.mp {
	margin-top:15px;
	margin-bottom:20px;
font-size:25px;	
float:left;
color:#33CCFF;
width:435px;
}
#etagbloc {
text-align:right
margin-right:25px;
font-size:15px;
float:right;	
}
.ENTCV {
	background-color: #EDEDED;
    box-shadow: 0 0 65px #EBEBEA inset, 0 0 20px #CDCCCA inset, 0 0 5px #7E7C78;
    min-height: 150px;
    margin-left:10px;
    padding:15px;
    margin-bottom:15px;
    width:315px;
    font-size:12px;
    float:left;
     margin-top: 25px;
      height: 157px;
}
.ENTCV_name {
color:#DC0035;	
font-size:24px;
    margin-bottom: 40px;
    margin-top: 10px;
}
.ENTCV_mail {
	color:#DC0035;
	margin-top:20px;
}
.ENTPhoto {
  left: 870px;
    position: absolute;
    top: 160px;
      box-shadow: 0 0 65px #EBEBEA inset, 0 0 20px #CDCCCA inset, 0 0 5px #7E7C78;
      height:80px;
}
.ENTHead {
 background: url("http://la-formation-en-continu.errefom.fr/sites/default/files/lfc_sites_agenda_images/ORDINATEUR-BD.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 185px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 25px;
    width: 565px;
     box-shadow: 0 0 65px #EBEBEA inset, 0 0 20px #CDCCCA inset, 0 0 5px #7E7C78;

}
.ENT hr {
	    border: medium none;
    box-shadow: 0 0 65px #EBEBEA inset, 0 0 20px #CDCCCA inset, 0 0 5px #7E7C78;
    color: #FFF8F8;
    text-align: center;
    width: 300px;
    }
.ENTHeader {
background-color:#DC0035;
border-radius: 3px 3px 3px 3px;
margin-top:15px;
  margin-top: 15px;
    width: 943px;
    margin-left:9px;
    color:#fff;
}
.ENTHeader h1 {

font-size:21px;
padding:padding: 15px 15px 0;
margin-top:15px;
color:#fff;
margin-left:15px;
}
.ENTProf {
float:right;
margin-top:-28px;
margin-right:10px;	
display:none;
}
.ENTtitle {
font-weight:bold;
font-size:14px;
color:#DC0035;	
}
.calendar { 
  background:url(http://champsocial.com/ENT/calendar.png) no-repeat; 
  height:50px;
  width:50px;
  float:left;
}
.calendar-global {
float:left;
width:100%;
margin-bottom:15px;	
}
.calendar-texte {
float:left;	
padding:15px;
}
.calendar-mois {
	text-align:center;
	color:white;
	font-weight:bold;
}
.calendar-jour {
	text-align:center;
	font-size:15px;
	font-weight:bold;
	margin-top:3px;
}
.image-fixed {width:70px;left:585px;background-color:#333;padding:5px;text-align:center;border:1px solid #ccc;}