@charset "utf-8";

/* CSS Document */

html,body{

		height:100%;

}

body{
	margin:0;
	background:#fff8e8  url(../images/bg.jpg);
	background-attachment:fixed;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
}
.cuf{}
.cuf1{}

h4{
	font-weight:normal;
}

p , h4{

	margin:0;

	line-height:30px;
	
	display: inline ;
	
	text-shadow: 0 1px 0 #FFF;

}

a{

	text-decoration:none;
	color:#271F80;

}

strong{

	color:#271F80;

}

.png{}


.clr{clear: both;}

.rounded_all{

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	behavior: url(http://smart-techno.org/styles/PIE.htc); 

}

.rounded_bottom{

	-webkit-border-radius:0 0 10px 10px;

	border-radius:0 0 10px 10px; 

	-moz-border-radius:0 0 10px 10px;

	behavior: url(http://smart-techno.org/styles/PIE.htc);

}

.gradiant{

	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEE), to(#CCC));

	background: -moz-linear-gradient(#EEE, #CCC);

	background: linear-gradient(#EEE ,#CCC);

	-pie-background: linear-gradient(#EEE ,#CCC);

}

.gradiant2{

	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffbf00), to(#bf7d11));

	background: -moz-linear-gradient(#ffbf00, #bf7d11);

	background: linear-gradient(#ffbf00 ,#bf7d11);

	-pie-background: linear-gradient(#ffbf00 ,#bf7d11);

}

.opacite05{

	background: rgb(255, 255, 255); /* The Fallback */

   background: rgba(255, 255, 255, 0.5);

}

.opacite06{

	background: rgb(255, 255, 255); /* The Fallback */

   background: rgba(255, 255, 255, 0.6);

}

h1{
	font-family:Arial;

	 font-size:24px;

	 color:#595dc5;

	 margin:0;

}


h2{
	font-family:Arial;

	 font-size:18px;

	 
	 margin:0;

}


h3{

	 font-size:14px;

	 color:#595dc5;

	 margin:5px;

	 padding-left:25px;

	 height:20px; 

}

h3.one{

		 background:url(../images/one.png) no-repeat left center;

}

h3.two{

		 background:url(../images/two.png) no-repeat left center;

}

h3.three{

		 background:url(../images/three.png) no-repeat left center;

}

#main_bar h1{

	padding-bottom:10px;

}

#main_bar h2{

	padding-bottom:10px;

}

#side_bar h1.title{

	 text-align:center;

}

#side_bar h2.title{

	 text-align:center;

}

a{

	text-decoration:none;

	border:none;

}

#global{
	
}



#main{

	width:900px;

	margin:0 auto;

}

#header{

	height:155px;

}



#nav{

	height:35px;

	margin:0;

	padding:0 0 0 100px;

	list-style:none;

}

#nav li{

	float:left;

	height:20px;

	

	padding-left:30px;

	color:#075dc8;

}

#nav li a{

	color:#FFF;

	padding:4px 10px;

	display:block;

	outline:none;

}

#nav li a:hover{

	color:#a4cd3a;

}



#nav li.menu1{

	background:url(../images/menu1.png) no-repeat left top;

}

#nav li.menu2{

	background:url(../images/menu2.png) no-repeat left top;

}

#nav li.menu3{

	background:url(../images/menu3.png) no-repeat left top;

}

#nav li.menu4{

	background:url(../images/menu4.png) no-repeat left top;

}

.menu_xml{

	height:120px;

	background:url(../images/abstract_buz.png) no-repeat top center;

}
.div_xml_1{margin-left:-100px;

		position:relative;
		
		z-index:9999;}

#logo{

	margin-left:30px;
	
	position:absolute;

}

#main_content{

	margin-bottom:10px;

   border:1px solid #CCC;

	padding:10px;

	

}



#side_bar{

	width:220px;

	float:left;

	margin-right:10px;

}

#main_bar{

	float:left;

	width:645px;

}

.box{

	margin-bottom:10px;

	padding:10px;

	position:relative;
	
	z-index:9999;

}

#news{

	margin:5px;
    text-align: center;
}

#news p{

	margin:0;

}

.fb{

	padding:10px;

}

#title{
   
	background:#0FF;

	width:100px;
	
	

}



ul#tag li{

	margin-top:10px;

}

ul.list{


	list-style:none;

}

ul.list li{

	background:url(../images/puce.png) no-repeat left center;

	padding:10px 0 10px 25px;

	color:#444;

	text-shadow: 0 1px 0 #FFF;

}

#promo{

	position:absolute;

	left:150px;

	text-align:center;

	font-size:24px;

	color:#271F80;

}

/* ========================================================== 

	(4) slide

============================================================ */

#slider {



	/* You MUST specify the width and height */

	width:645px;

	height:220px;

	position:relative;	

	overflow:hidden;

	padding-bottom:10px;

	

	

}



#mask-gallery {

	overflow:hidden;	

}



#gallery {

	

	/* Clear the list style */

	list-style:none;

	margin:0;

	padding:0;

	

	z-index:0;

	

	/* width = total items multiply with #mask gallery width */

	width:900px;

	overflow:hidden;

}



	#gallery li {



		

		/* float left, so that the items are arrangged horizontally */

		float:left;

		-webkit-border-radius:0 0 10px 10px;

	border-radius:0 0 10px 10px; 

	-moz-border-radius:0 0 10px 10px;

	behavior: url(http://smart-techno.org/styles/PIE.htc);

	}





#mask-excerpt {

	

	/* Set the position */

	position:absolute;	

	top:0;

	left:0;

	z-index:500px;

	

	/* width should be lesser than #slider width */

	width:100px;

	overflow:hidden;	

	



}

	

#excerpt {

	/* Opacity setting for different browsers */

	filter:alpha(opacity=60);

	-moz-opacity:0.6;  

	-khtml-opacity: 0.6;

	opacity: 0.6;  

	

	/* Clear the list style */

	list-style:none;

	margin:0;

	padding:0;

	

	/* Set the position */

	z-index:10;

	position:absolute;

	top:0;

	left:0;

	

	/* Set the style */

	width:100px;

	background-color:#000;

	overflow:hidden;

	font-family:Verdana;

	font-size:12px;

	color:#fff;	

}



	#excerpt li {

		padding:5px;

	}	

/* ========================================================== 

	(4) end slide

============================================================ */





/* ========================================================== 

	(5) Popout Portfolio

============================================================ */



.popout-portfolio ul.columns {

	width: 645px;

	list-style: none;

	margin:10px 0 0 10px; 

	padding: 10px 0 0 0;

	clear:both;	

	background:none;

	text-shadow: 1px 1px 0 #171717;}

	

.popout-portfolio ul.columns li {

	width: 195px;

	float: left;

	display: inline;	

	margin: 0 20px 40px 0; 

	padding: 0;

	position: relative;

	background:none;}

	

.popout-portfolio ul.columns li:hover {z-index: 99;}



.popout-portfolio ul.columns li img {

	position: relative;

	width:195px;

	border:2px solid #aaaaaa;

	filter: alpha(opacity=30);	

	opacity: 0.3;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";}

	

.popout-portfolio ul.columns li:hover img{

	z-index: 999;

	width:195px;	

	border-width:2px;

	border-style:solid;

	border-top-color:#222;

	border-left-color:#222;

	border-bottom-color:#868686;

	border-right-color:#868686;		

	filter: alpha(opacity=100);

	opacity: 1;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

	

.popout-portfolio ul.columns li .info {

	position: absolute;

	left: -10px; 

	top: -10px;

	padding: 210px 10px 20px;

	width: 200px;

	display: none;	

	font-size: 1.2em;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px; 

	background-color:#585858;}

	

.popout-portfolio ul.columns li:hover .info {display: block;}





	

.popout-portfolio ul.columns li p {

	padding:10px 0 0 0; 

	line-height:18px;

	margin:0; 

	color:#fff; 

	font-size:13px;}



.popout-portfolio  li.last { margin-right:0;}

/* ========================================================== 

	(5) end Popout Portfolio

============================================================ */

/* ========================================================== 

	(03) Slides Portfolio

============================================================ */



.slides-portfolio { clear:both; margin-top:10px;}



.slides-portfolio-bg { 

	width:200px;

	float:left;

	height:180px;

	margin-left:10px;

	margin-bottom:10px; }



.slides-portfolio .slides-portfolio-box {     

	float:left;

	position:relative;

	width:180px;

	height:160px;	 

	overflow:hidden;

	margin:9px 0 0 9px; }

	 

.slides-portfolio img {

	top:0;

	left:0;

	position:absolute; }	 



.slides-portfolio p { padding:10px 15px 0 15px; line-height:19px; }



.slides-portfolio h3 { 	

	font-size:20px; 

	line-height:25px;  

	padding:15px 15px 0 15px ; 

	margin:0;}

	

.slides-portfolio .zoom-img { position:absolute; left:110px; right:0; margin-top:2px;}

/*form*/

form{

	padding:40px 0 0 40px;

	position:relative;

}

form p{

	margin:5px 0;

}

input[type="text"]

{

	width:200px;

	height:18px;

	border:1px solid #26ace2;

	color:#271F80;	

}

textarea

{

	width:200px;

	border:1px solid #26ace2;

	color:#271F80;	

}

select

{

	width:200px;

	border:1px solid #26ace2;

	color:#271F80;	

}

label{

	display:block;

	float:left;

	font-size:16px;

	width:250px;

	color:#271F80;

	height:19px;

}

.checkbox {

   width: 19px;

   height: 25px;

   padding: 0 5px 0 0;

   margin-top:3px;

   background: url(../images/checkbox.png) no-repeat;

   display: block;

   float:left;

 }

 span{

	 color:#075dc8;

	 font-size:16px;

 }

input[type="button"]{

	 border:none;

	 height:30px;

	 color:#271F80;

 }

 h5{

	 margin:10px 10px;

	 

}

.text{

	list-style:none;

	}

.text li{

	margin-bottom:15px;

	

	}

#msg{

	position:fixed;

	text-align:center;

	background:#FFF;

	top:50%;

	left:50%;

	width:300px;

	height:100px;

	margin-top:-50px;

	margin-left:-150px;

	font-family:Verdana, Geneva, sans-serif;

	font-size:16px;

	font-weight:bold;

	color:#030;

	border:2px solid #030;

	padding:50px;

}

#msg img{

	display:block;

	margin:0 auto;

}

#msg img.close{

	position:absolute;

	top:2px;

	right:2px;

}

#back{

	display:none;

	position:fixed;

	width:100%;

	height:100%;

	z-index:99;

	background:#666;

	opacity: 0.8;

}

#copy{

	float:left;

}

#key{

	list-style:none;

	float:right;

	overflow:hidden;

	padding:0;

	margin:2px 0;

}

#key li{

	float:left;

	padding:0 10px;

	border-right:1px solid #333;

	overflow:hidden;

}

#key li a{

	display:block;

	font-size:10px;

}

#key li.last{

	border:none;

}
.margin{
	height:70px;
}
.page_rank{
	width:60px;
	margin-left:auto;
	margin-right:auto;
}
#succes{
	/*display:none;*/

}
#succ{
	display:none;
	margin-left:50px;
}



/*  style du div image fix */

.div_image_fix{width:1100px;margin-top:40px;margin-left:-110px;z-index:-1;position:fixed;}
.table_un_image_fix{width:150;border:none;float:left;}
.table_deux_image_fix{width:150;border:none;float:right;}

/* Styles Revus */

#sub_nav{

	list-style:none;

	margin:0;

	padding:0;

}

#sub_nav li{

	padding:10px 0 10px 30px;

	font-size:16px;

}

#sub_nav li a{

	color:#271f80;

}

#sub_nav li.menu1{

	background:url(../images/icon1.png) no-repeat 2px 10px;

}

#sub_nav li.menu2{

	background:url(../images/icon2.png) no-repeat 2px 10px;

}

#sub_nav li.menu3{

	background:url(../images/icon3.png) no-repeat 2px 10px;

}

#sub_nav li.menu4{

	background:url(../images/icon4.png) no-repeat 2px 10px;

}

#sub_nav li.menu5{

	background:url(../images/icon5.png) no-repeat left 10px;

}

#sub_nav li.menu6{

	background:url(../images/icon6.png) no-repeat 2px 10px;

}



/* Styles ajoutés*/

.bar{
	font-family:Arial, Helvetica, sans-serif;
	color:#271F80;
	text-align:center;
	font-size:x-large;
	font-weight: bold;
	
}