body{margin:auto;font-family:arial;width:100%;background:url("../grafx/images/common/texture.jpg")}
a{color:#000000}
a:visited{color:#000000}

/* -------------------------------------------------------------------------------------- HEADER */
.bg_separation{height:11px;margin-top:30px;background:url("../grafx/images/common/bg_separation.gif") repeat-x}
.global{position: relative;margin-left: auto;margin-right: auto;width:1024px;}
.header_1{position:relative;width:1024px;height:396px;background:url("../grafx/images/common/header_1.jpg");margin-top:-20px;}
.border_menu{height:17px;margin-top:-3px;background:url("../grafx/images/common/border_menu.gif") repeat-x}
/*.header_2{width:1024px;height:29px;margin-top:-3px;background:url("../../../../system/application/grafx/images/common/header_2.gif")}*/

#header{
	background:url(../grafx/images/common/rainbow.png) repeat-x 50% top;
	padding:1px 0 0 0;
}
#header .content{
	background:url(../grafx/images/common/head_bg.png) no-repeat left top;
	margin:0 auto;
	width:1024px;
        height:115px;
}

#header #logo{
	display:block;
	float:left;
	margin:0 0 0 12px;
	width:350px; height:115px;
        position:absolute;
        z-index:1;
}
	#header #logo h1{
		float:left;
	}
	
	#header #logo a{
		background:url(../grafx/images/common/logo.png) no-repeat left top;
		display:block;
		float:left;
		width:370px; height:100px;
	}
        
        *html #header #logo a{
		background:url(../grafx/images/common/logo.png) no-repeat left top;
		display:block;
		float:left;
		width:370px; height:100px;
                margin-top:21px !important;
	}
        
	#header #logo span{ display:block; text-indent:-9000px; }


#header #top_menu{
	display:block;
	float:left;
	/*line-height:55px;*/
	padding:39px 0 0 380px;
	position:absolute;
	width:634px; height:55px;
	z-index:800;
}
#header #top_menu ul{
	font-size:18px;
        float:left;
        margin:20px 20px 20px 0;
        padding:0;
}
#header #top_menu ul li{
	display:inline;
	position: relative; 
	float:left;
	margin:0 0 0 25px;
}
#header #top_menu ul li a{ color:#FFF; display:block;text-decoration:none;}

#header #top_menu li.hover, #header #top_menu a:hover { 
	position: relative;
        color:#FF9900;
}

#header #top_menu ul li a.current{ color:#ff9900; display:block;}

#header #top_menu .sub_menu {
	background:url(../grafx/images/common/dropmenu_transparency.png) repeat;
	font-size:12px;
	text-align:left;
	display:none;
	line-height:normal;
	width:150px;
	margin:0; padding:10px;
	position: absolute;
	top:50px; left:-50%;
	z-index: 900;
}

#header #top_menu .sub_menu li {
	background:#000;
	border:1px solid #3e3e3e; border-width:0 1px 0 1px;
	margin:0; padding:0 8px;
}
#header #top_menu .sub_menu li.start { 
	border:1px solid #3e3e3e; border-width:1px 1px 0 1px;
	margin:0;
}
#header #top_menu .sub_menu li.end {
	border:1px solid #3e3e3e; border-width:0 1px 1px 1px;
	margin:0;
}

#header #top_menu .sub_menu li a {
	background:url(../images/underline_dotted.png) repeat-x left bottom;
	display:block;
	margin:0;
	padding:10px 6px 8px 6px;
	width:120px;
}
#header #top_menu .sub_menu li.end a {
	background:none;
}
/* -------------------------------------------------------------------------------------- FOOTER */
.border_footer{height:16px;background:url("../grafx/images/common/border_footer.gif") repeat-x}
.bk_footer{height:261px;background:url("../grafx/images/common/bk_footer.gif") repeat-x}
    .bk_footer .bk_center{width:1153px;margin-left:auto;margin-right:auto;position:relative;}
    .bk_footer .contact{width:360px;height:261px;float:left;/*border:solid 1px;*/}
        .bk_footer .contact h4{color:#eb690b}
        .bk_footer .contact .renseignement_prestation{width:226px;height:47px;float:left;text-indent:-9999px;margin:0;background:url("../grafx/images/common/renseignement_sur_prestation.gif")}
        .bk_footer .contact .developpeur_web{width:226px;height:28px;float:left;text-indent:-9999px;margin:0;text-transform:uppercase;background:url("../grafx/images/common/developpeur_web.gif")}
        .bk_footer .contact .tel{width:226px;height:30px;float:left;text-indent:-9999px;margin:0;text-transform:uppercase;background:url("../grafx/images/common/tel.gif")}
    .bk_footer .formulaire_contact{width:389px;/*height:261px;*/float:left;/*border:solid 1px;*/padding-top:20px;}
        .bk_footer .formulaire_contact .nom-prenom{float:left;width:161px;margin-left:22px;}
        .bk_footer .formulaire_contact .nom-prenom .nom{width:154px;height:16px;padding:4px;font-size:12px;font-weight:bold;letter-spacing:-0.90px;border:medium none;background:url("../grafx/images/common/input_nom.gif") no-repeat}
        .bk_footer .formulaire_contact .input_email{float:left;width:161px;margin-left:13px;}
        .bk_footer .formulaire_contact .input_email .email{width:154px;height:16px;padding:4px;font-size:12px;font-weight:bold;letter-spacing:-0.90px;border:medium none;background:url("../grafx/images/common/input_email.gif") no-repeat}
        .bk_footer .formulaire_contact .input_objet{float:left;width:335px;margin-left:22px;margin-top:10px;}
        .bk_footer .formulaire_contact .input_objet .objet{width:335px;height:16px;padding:4px;font-size:12px;font-weight:bold;letter-spacing:-0.90px;border:medium none;background:url("../grafx/images/common/input_objet.gif") no-repeat}
        .bk_footer .formulaire_contact .input_message{float:left;width:335px;margin-left:22px;margin-top:10px;}
        .bk_footer .formulaire_contact .input_message .message{width:327px;height:70px;padding:4px;font-size:12px;letter-spacing:-0.90px;border:medium none;background:url("../grafx/images/common/textearea.gif") no-repeat}
	.bk_footer .formulaire_contact .submit{width:335px;float:left;text-align:right;margin-left:22px;margin-top:10px;}
    .bk_footer .separation{width:14px;height:261px;float:left;/*border:solid 1px;*/background:url("../grafx/images/common/separation_footer.jpg")}
    .bk_footer .present_sur{width:362px;height:261px;float:left;/*border:solid 1px;*/}
    .bk_footer .present_sur h4{color:#eb690b;margin-left:20px;}
    .bk_footer .present_sur .icones{padding-left:20px;}
.bas_footer{height:29px;background:url("../grafx/images/common/bas_footer.gif") repeat-x}

.clear{clear:both}

#example0{color:#fff;font-size:11px;float:left;font-weight:bold;}
#example0 p{margin:0}
#example1{color:#fff;font-size:11px;float:left;font-weight:bold;}
#example2{color:#fff;font-size:11px;float:left;font-weight:bold;}
#example3{color:#fff;font-size:11px;float:left;font-weight:bold;}
#example4{color:#fff;font-size:11px;float:left;font-weight:bold;}

/* -------------------------------------------------------------------------------------- HOME SLIDER */
#home_slider .content{margin:0 auto;width:960px; height:100%;}
.shadow_glow{background:url("../grafx/images/common/frameOver.png") no-repeat left top;position:absolute;bottom:0;left:0;width:960px; height:45px;z-index:11;}
#slideshow {position:absolute;top:70px;left:284px;width:442px;height:325px;}
#slideshow img {position:absolute;top:0;left:0;z-index:8;}
#slideshow img.active {z-index:10;}
#slideshow img.last-active {z-index:9;}

/* -------------------------------------------------------------------------------------- uuuuuuu */
#ct p, #cb p {
   font-size:12px;
   color:#ebebeb;
   line-height:16px;
   /*text-align:left;*/
}

#ct {
   padding:40px 0 40px 0;
   margin:0 auto;
   overflow:hidden;
   width:978px;
}

#ct div.thumb {
   margin:0;
   padding:10px;
   width:300px;
   height:300px;
   /*background: no-repeat transparent url(../grafx/images/common/pcbg.gif);*/
   float:left;
   position:relative;
   overflow:hidden;
   z-index:1;
}

#ct div.thumb div {
   /*margin:0 0 10px 0;*/
   /*padding:5px 10px 0 10px;*/
   background:no-repeat transparent url(../grafx/images/common/thumbtittle.gif);
   /*width:280px;*/
   /*height:45px;*/
   /*position:absolute;*/
   /*bottom:0;*/
   /*z-index:2; */
}

#ct div.thumb h3 {
   font-size:12px;
   font-weight:normal; 
   height:50px;
   color:#606060;   
}

#ct div.thumb img {
   margin:0;
   /*padding:0;*/
   width:300px;
   height:300px;
}

#ct div.ct-content  {
   float:right;
   width:620px;
   margin:0;
   padding:0 0 0 10px;
}

#ct div.ct-recent{
   float:right;
   width:620px;
   margin:15px 0 0 0;
   margin /*\**/:-173px 0 0 0 \9;
   padding:0 0 0 10px;
   text-align:left;
}

*html #ct div.ct-recent{
   float:right;
   width:620px;
   margin:-163px 0 0 0;
   padding:0 0 0 10px;
   text-align:left;
}


*+html #ct div.ct-recent{
    float:right;
   width:620px;
   margin:-173px 0 0 0;
   padding:0 0 0 10px;
   text-align:left;
}

/**//*/#ct div.ct-recent{
    float:right;
   width:620px;
   margin:-173px 0 0 0;
   padding:0 0 0 10px;
   text-align:left;
}/* */


div.ct-content div {
   margin: 20px 0 0 5px;
   padding: 0 15px 0 25px;
   background:repeat-y transparent url(../grafx/images/common/v-line.gif);
   text-align:left;
}

/*div.ct-content div a{*/
/*   color:#eb690b;*/
/*}*/

#ct div.ct-recent  div {
   margin: 20px 0 0 5px;
   padding: 0 5px 0 10px;
   background:repeat-y transparent url(../grafx/images/common/v-line.gif);
   overflow:hidden;
}

#ct div.ct-recent  img {
   margin:0;
   padding:0;
   width:100px;
   height:100px;
   border:0 none;
}

#ct div.ct-recent  a {
   margin:0 0 0 10px;
   padding:8px 10px;
   width:100px;
   height:100px;
   background:no-repeat transparent url(../grafx/images/common/mfp.gif) center;
   display:block;
   float:left;
}

#ct div.ct-recent  a.current {
   margin:0 0 0 10px;
   /*padding:8px 10px 23px 10px;*/
   width:100px;
   height:100px;
   background:no-repeat transparent url(../grafx/images/common/mfpc.gif) center;
}

#ct div.ct-content div p {
   /*height:47px;*/
   overflow:hidden;
}

#ct div.ct-content h2 a {
   text-decoration:none;
   color:#eb690b;
}

#ct div.ct-recent h2{
   color:#eb690b;
   font-size:20px;
   font-weight:normal;
}

.ct-content h2  {
   font-size:20px;
   font-weight:normal;
   color:#000;
   margin:0;
   padding:5px 0 0 0;
   text-align:left;
}
div.mrp {
   display:none;
}

a.more {
	background:#ddd;
	background:-moz-linear-gradient(90deg, #0459b7, #08adff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#08adff), to(#0459b7)); /* Webkit */
	border:1px solid #093c75;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	/*margin-left:220px;*/
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
	display:inline-block;
}

a.more:hover {
	background:#eee;
	background:-moz-linear-gradient(90deg, #067cd3, #0bcdff);
	background:-webkit-gradient(linear, left top, left bottom, from(#0bcdff), to(#067cd3));
	border-color:#093c75;
	text-decoration:none;
	display:inline-block;
}

input[type=submit] {
	background:#ddd;
	background:-moz-linear-gradient(90deg, #0459b7, #08adff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#08adff), to(#0459b7)); /* Webkit */
	border:1px solid #093c75;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	/*margin-left:220px;*/
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
	display:inline-block;
}
input[type=submit]:hover {
	background:#eee;
	background:-moz-linear-gradient(90deg, #067cd3, #0bcdff);
	background:-webkit-gradient(linear, left top, left bottom, from(#0bcdff), to(#067cd3));
	border-color:#093c75;
	text-decoration:none;
	display:inline-block;
}

#cb {
   padding:0;
   margin:60px auto;
   overflow:hidden;
   clear:both;
   width:978px;
}

div.cbc {
   width:244px;
   float:left;
   /*padding:0 0 0 10px;*/
   margin:0;
   text-align:left;
}

div.cbc h2 .titre_cb{
    color:#eb690b;
    text-decoration:none;
    font-weight:normal;
    font-size:20px;
}

div.cbc div {
   margin: 20px 0 0 0;
   padding: 0 15px 0 26px;
   background:repeat-y transparent url(../grafx/images/common/v-line.gif);
}

div.cbc div p {
   margin:0 0 10px 0;
   padding:0;
}

/** DESIGN PHOTO DE LA HOME **/

.photo {
	/*margin: 30px;*/
	position: relative;
	/*width: 180px;*/
	/*height: 130px;*/
	float: left;
}
.photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.photo span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(images/digg-style.gif) no-repeat;
}
.photo a {
	text-decoration: none;
}

.sample4 span {
	width: 115px;
	height: 32px;
	display: block;
	position: absolute;
	top: -13px;
	left: 95px;
	background: url(../grafx/images/common/tape2.png) no-repeat;
}