/* CSS Document */

body{
	background:url(img/bg.gif) repeat-x 0 0 #ffffff; color:#333333;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	margin:0; padding:0;
	position:relative;
	min-height: 100%;
    height: auto !important;
    height: 100%;
	}
	#left1 a
	{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	margin-right: 3px;
	}
#float
	{
	float:left;
}
#bloc_creation_web_devis
{
	width:240px;
	float:left;
	text-align: justify;
}

input
{
border:1px solid #999999;
width:200px;
}


#img_mission
{
padding-left:50px;
}
	
div , h2, h3, h4, h5, h6, form, label, input, span, ul,li, a, p{

margin:0; padding:0;
}
ul{
	list-style:none;}
.spacer{
	font-size:0;
	line-height:0;
	clear:both;
}
#titre_formulaire
{
width:450px;
height:100px;

}
#champ_formulaire
{
width:460px;
height:100px;
}
	
	/* ------------------------------ sous_menu ------------------------------ */
	
	#submenu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.15em; BACKGROUND: #649ECB; PADDING-BOTTOM: 20px; COLOR: #fff; PADDING-TOP: 25px; border-top:#FFFFFF 1px solid; height:378px;
}

#submenu_service {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.15em; BACKGROUND: #38963D; PADDING-BOTTOM: 20px; COLOR: #fff; PADDING-TOP: 25px; border-top:#FFFFFF 1px solid; height:172px;
}
#submenu_ref{
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.15em; BACKGROUND: #882451; PADDING-BOTTOM: 20px; COLOR: #fff; PADDING-TOP: 25px; border-top:#FFFFFF 1px solid; height:172px;
}
#submenu_prod{
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.15em; BACKGROUND: #966C51; PADDING-BOTTOM: 20px; COLOR: #fff; PADDING-TOP: 25px; border-top:#FFFFFF 1px solid; height:172px;
}
#submenu_contact{
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.15em; BACKGROUND: #048186; PADDING-BOTTOM: 20px; COLOR: #fff; PADDING-TOP: 25px; border-top:#FFFFFF 1px solid; height:172px;
}
#submenu_projet{
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.15em; BACKGROUND: #9F3535; PADDING-BOTTOM: 20px; COLOR: #fff; PADDING-TOP: 25px; border-top:#FFFFFF 1px solid; height:172px;
}
#submenu_presentation {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.15em; BACKGROUND: #FF7E00; PADDING-BOTTOM: 20px; COLOR: #fff; PADDING-TOP: 25px; border-top:#FFFFFF 1px solid; height:172px;
}
#submenu_devis {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.15em; BACKGROUND: #A68901; PADDING-BOTTOM: 25px; COLOR: #fff; PADDING-TOP: 20px; border-top:#FFFFFF 1px solid; height:180px;
}
#submenu_news {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.15em; BACKGROUND: #733895; PADDING-BOTTOM: 25px; COLOR: #fff; PADDING-TOP: 20px; border-top:#FFFFFF 1px solid; height:180px;
}
#top
{
	width:10%;
	float: left;
}
#menu_footer
{
	float: left;
	width: 80%;
}
#bloc1
{
width:600px;
float:left;
height:375px;
}
#bloc_presentation
{
width:300px;
float:left;
}
#puce
{
	float:left;
	height: 100px;
}
.img_ref
{
	float:left;
	margin-top: 40px;
	margin-left: 20px;

}
#bloc2
{
width:350px;
float:left;
height:375px;
}
#bloc2_presentation
{
width:550px;
float:left;
}
#bloc_body1
{
	width:475px;
	float:left;
	text-align: justify;
}
#bloc_body2
{
width:475px;
float:left;
}
#bloc_contact2
{
	width:475px;
	float:left;
	height: 600px;
}
#bloc_creation_web1
{
	width:240px;
	float:left;
	text-align: justify;
}
/*---------------------- images familles--------------------*/
#bloc_contact
{
	background-image:url(img/bg_contact.gif);
	width:449px;
	height:141px;
	background-repeat:no-repeat;
	float: left;
}

#bloc_contact_projet_cour
{
	background-image:url(img/bg_contact_projet.gif);
	width:449px;
	height:141px;
	background-repeat:no-repeat;
	float: left;
}

#bloc_reference
{
	background-image:url(img/bloc_ref.gif);
	width:422px;
	height:141px;
	background-repeat:no-repeat;
	float: left;
	margin-left: 20px;
}
#bloc_logo
{
width:420px;
float:left;
}


#icon_form
{
	width:78px;
	height:80px;
	float:left;
	padding-left: 5px;
	padding-top: 1px;
}

#text_formulaire
{
	width:330px;
	height:70px;
	float:left;
	padding-left: 20px;
	padding-top: 10px;
}
#img1
{
float:left;
width:300px;
height:181px;
}
#img2
{
float:left;
width:300px;
height:181px;
}
#img3
{
float:left;
width:300px;
height:189px;
}
#img4
{
	float:left;
	width:300px;
	height:189px;
}
/* ------------------------------ menu ------------------------------ */
	#menu {
	BORDER-TOP: #f47c00 3px solid;
	HEIGHT: 54px;
	position: relative;
}
#menu UL {
	LIST-STYLE-TYPE: none
}
#menu UL LI {
	FONT-WEIGHT: bold; FONT-SIZE: 1em;  FLOAT: left; TEXT-TRANSFORM: uppercase; HEIGHT: 54px;
	}

#menu UL LI A {
	PADDING-RIGHT: 25px; DISPLAY: block; PADDING-LEFT:25px; PADDING-BOTTOM: 0px; COLOR: #ffffff; LINE-HEIGHT: 54px; PADDING-TOP: 0px; text-decoration:none; 
}
#menu UL LI A:hover {
	BORDER-RIGHT: #fff 1px solid; BACKGROUND: #89abc1; MARGIN: 0px -1px; BORDER-LEFT: #fff 1px solid; COLOR: #fff; TEXT-DECORATION: none
}
#menu UL LI.current A {
	BORDER-RIGHT: #fff 1px solid; BACKGROUND: #89abc1; MARGIN: 0px -1px; BORDER-LEFT: #fff 1px solid; COLOR: #fff; TEXT-DECORATION: none
}
#menu UL LI.current A {
	MARGIN-BOTTOM: -1px; HEIGHT: 54px
}
#menu UL LI.menu_pre A:hover {
	BACKGROUND-COLOR: #FF7E00;
}
#menu UL LI.current.menu_pre A {
	BACKGROUND-COLOR: #FF7E00;  height:55px;
}
#menu UL LI.menu_service A:hover {
	BACKGROUND-COLOR: #38963D;
}
#menu UL LI.current.menu_service A {
	BACKGROUND-COLOR: #38963D; height:55px;
}
#menu UL LI.menu_projet A:hover {
	BACKGROUND-COLOR: #9F3535;
}
#menu UL LI.current.menu_projet A {
	BACKGROUND-COLOR: #9F3535; height:55px;
}
#menu UL LI.menu_ref A:hover {
	BACKGROUND-COLOR: #882451;
}
#menu UL LI.current.menu_ref A {
	BACKGROUND-COLOR: #882451; height:55px;
}
#menu UL LI.menu6 A:hover {
	BACKGROUND-COLOR: #9e774e;
}
#menu UL LI.current.menu6 A {
	BACKGROUND-COLOR: #9e774e; height:55px;
}
#menu UL LI.menu_devis A:hover {
	BACKGROUND-COLOR: #966C51;
}
#menu UL LI.current.menu_devis A {
	BACKGROUND-COLOR: #966C51; height:55px;
}
#menu UL LI.menu3 A:hover {
	BACKGROUND-COLOR: #74904f;
}
#menu UL LI.current.menu3 A {
	BACKGROUND-COLOR: #74904f; height:55px;
}
#menu UL LI.menu_contact A:hover {
	BACKGROUND-COLOR: #048186;
}
#menu UL LI.current.menu_contact A {
	BACKGROUND-COLOR: #048186; height:55px;
}


/* ------------------------------ header start ------------------------------ */
#entete{
	background:url(img/header_bg.gif) no-repeat 0 0 #FCF3D5; color:#4A3D0F; height:140px; width:951px;
	position:relative; margin:0 auto;}
	#famille{
	color:#4A3D0F; height:380px; width:951px;
	position:relative; margin:0 auto;}
/* ------------------------------ body start ------------------------------ */
#bodymain{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:640px;}
	#bodyspot{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; min-height: 100%;  height: auto !important; height: 100%;}
#bodypre{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:400px;}
#bodyboutique{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:450px;}
#bodymetier{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:400px;}
#bodycrea{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:700px;}
#bodynews{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; min-height: 100%;  height: auto !important; height: 100%;}
#bodyweb5{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:850px;}
#bodyservice{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:600px;}
#bodyintranet{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:672px;}
#bodypd{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:650px;}
#bodycontact{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:840px;}
#bodyref_site{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:1200px;}
	
	#bodyref_intranet{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:1080px;}
#bodyref_logo{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:1000px;}
#bodyref_cd{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:1080px;}
#bodyref_cv{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:650px;}
#bodyref_devis{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:500px;}
/* ------------------------------ body end ------------------------------ */
/* ------------------------------ left pannel start ---------------------------*/
#left{
	width:190px;
	background:url(img/left_bg.gif) repeat-y right top;
	color:#4A3D0F;
	padding:0;
	float:left;
	margin-left: 70px;
	margin-top: 10px;
}
#left1{
	width:190px;
	height:16px;
	background:url(img/voir.gif) repeat-y right top;
	color:#4A3D0F;
	padding:0;
	float:left;
	margin-left: 250px;
	margin-top: 10px;
}
#bg_haut
{
	background-image:url(img/bg_haut.gif);
	background-repeat:no-repeat;
	width:420px;
	height:138px;
	float: right;
}

.end{
	background:url(img/left_bg_end.gif) no-repeat right bottom #FCF3D5; color:#4A3D0F; padding:0; margin:0; width:531px; height:75px; display:block;}
#left h2{
	font:bold 22px/27px Arial, Helvetica, sans-serif; color:#00407B; background-color:#FCF3D5; padding:18px 0 3px 0; margin:0 29px 0 0;}
#left h2 span.a{
	background-color:#EDE2BE; display:block; height:13px; width:310px; font:normal 13px/13px Arial, Helvetica, sans-serif; color:#00407B; float:right; margin:7px 0 0 0;}
#left h2 span.b{
	background-color:#EDE2BE; display:block; height:13px; width:265px; font:normal 13px/13px Arial, Helvetica, sans-serif; color:#00407B; float:right; margin:7px 0 0 0;}

#left h3{
	font:bold 10px/16px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000000; border:#D9CEA8 1px solid; background:url(img/h3_bg.gif) no-repeat 9px 3px #FFFFFF; width:160px; height:16px; padding:0 0 0 24px;}
#left p{
	padding:5px 0 ; margin:0 29px 0 0;}
#left p.box{
	font:bold 10px/26px Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase; border:#D9CEA8 1px solid; background-color:#FEFAEE; width:268px; height:26px; padding:0 0 0 6px;}
#left p.box a{
	font:bold 11px/26px Arial, Helvetica, sans-serif; text-decoration:underline; text-transform:lowercase; color:#7D6732; border:none; background-color:#FEFAEE; width:auto; padding:0 8px;}
#left p.box a:hover{
	font:bold 11px/26px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:lowercase; color:#7D6732; border:none; background-color:#FEFAEE; width:auto; padding:0 8px;}
#left a.comment{
	background:url(img/comment_bg.gif) no-repeat 0 0 #FCF3D5; width:91px; height:16px; text-align:right; text-decoration:none; font:bold 12px/16px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; padding:0 6px 0 0; margin:-22px 0 0 230px;}
#left a.comment:hover{
	background:url(img/comment_bg_h.gif) no-repeat 0 0 #FCF3D5; width:91px; height:16px; text-align:right; text-decoration:none; font:bold 12px/16px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; padding:0 6px 0 0; margin:-22px 0 0 230px;}
#left a.more{
	background:url(img/more_bg.gif) no-repeat 0 0 #FCF3D5; width:91px; height:16px; text-align:right; text-decoration:none; font:bold 12px/16px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; padding:0 6px 0 0; margin:-16px 0 0 406px;}
#left a.more:hover{
	background:url(img/more_bg_h.gif) no-repeat 0 0 #FCF3D5; width:91px; height:16px; text-align:right; text-decoration:none; font:bold 12px/16px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; padding:0 6px 0 0; margin:-16px 0 0 406px;}
#left p.divider{
	background:url(img/line_divider.gif) repeat-x 0 27px #FCF3D5; color:#FFFFFF; height:28px; margin:0 29px 0 0; padding:0; line-height:0; font-size:0;}
/* ------------------------------ left pannel start --------------------------- */
/* ------------------------------ right pannel start -------------------------- */
#right{
	width:210px; margin: 0 0 0 9px; background-color:#AD9356; color:#FFFFFF; float:left; padding:0;}
#right h2.dark{
	background:url(img/right_h2_dark.gif) no-repeat 0 0 #AD9356;
	font:normal 20px/31px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0 0 0 24px; width:186px;  }
#right h2.light{
	background:url(img/right_h2_light.gif) no-repeat 0 0 #AD9356;
	font:normal 20px/31px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0 0 0 24px; width:186px;  }
#right ul{
	padding:4px 24px 12px 22px;}
#right ul li{
	font:normal 12px/22px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#AD9356; padding:0;}
#right ul li a{
	font:normal 12px/22px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; background:url(img/arrow1.gif) no-repeat 2px 5px #AD9356; padding:0 0 0 20px; display:block;}
#right ul li a:hover{
	font:normal 12px/22px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; background:url(img/arrow1.gif) no-repeat 2px 5px #C3AB73; padding:0 0 0 20px; display:block;}
	
#rightBottom{
	width:210px; background-color:#614F26; color:#FFFFFF; float:left; padding:4px 0 0 0; margin:2px 0 0 9px;}
#rightBottom h2.meta{
	background:url(img/meta_bg.gif) no-repeat 0 0 #614F26;
	font:normal 20px/31px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0 0 0 24px; width:186px;  }
#rightBottom ul{
	padding:4px 24px 12px 22px;}
#rightBottom ul li{
	font:normal 12px/22px Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#614F26; padding:0;}
#rightBottom ul li a{
	font:normal 12px/22px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; background:url(img/arrow2.gif) no-repeat 2px 5px #614F26; padding:0 0 0 20px; display:block;}
#rightBottom ul li a:hover{
	font:normal 12px/22px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; background:url(img/arrow2.gif) no-repeat 2px 5px #826B37; padding:0 0 0 20px; display:block;}
	
#rightBottom1{
	width:181px; background-color:#FEFAEE; border:#D9CEA8 1px solid; color:#000000; float:left; padding:0 0 0 27px; margin:3px 0 0 9px;}
#rightBottom1 ul{}
#rightBottom1 ul li{
	font:bold 13px/37px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; background-color:#FEFAEE; float:left; margin:0 8px 0 0;}
#rightBottom1 ul li a{
	font:bold 13px/37px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; background:url(img/icon.gif) no-repeat right center #FEFAEE; padding:0 26px 0 0;}
#rightBottom1 ul li a:hover{
	font:bold 13px/37px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#614F26; text-decoration:none; background:url(img/icon.gif) no-repeat right center #FEFAEE; padding:0 26px 0 0;}
/* ------------------------------ right pannel end -------------------------- */
#footer{
	background:url(img/footer_bg.gif) repeat-x 0 0 #B5B4B4;
	color:#F3F1DF;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	position:relative;
	margin:0 auto;
	height:185px;
	text-align: center;
}


#footer ul{
	margin:0 auto; padding:40px 0 0 0; width:550px; }
#footer ul li{
	float:left; font:bold 13px/16px Arial, Helvetica, sans-serif; color:#FAFBFA; }
#footer ul li a{
	font:bold 13px/16px Arial, Helvetica, sans-serif; color:#FAFBFA; text-decoration:none; padding:0 10px; background-color:#6B6854; }
#footer ul li a:hover{
	font:bold 13px/16px Arial, Helvetica, sans-serif; color:#FAFBFA; text-decoration:none; padding:0 10px;}
#footer p{
	padding:5px 0 15px 0;}
#footer ul.validation{
	width:146px; padding:0; margin:0 auto;}
#footer ul.validation li{
	float:left;}
#footer ul.validation li a.html{
	background:url(img/html_bg.gif) no-repeat 0 0 #6B6854; color:#353427; width:66px; left:21px; height:21px; text-indent:-2000px; text-decoration:none; display:block; padding:0; margin:0 14px 0 0;}
#footer ul.validation li a.html:hover{
	background:url(img/html_bg_h.gif) no-repeat 0 0 #6B6854; color:#353427; width:66px; left:21px; height:21px; text-indent:-2000px; text-decoration:none; display:block; padding:0; margin:0 14px 0 0;}
#footer ul.validation li a.css{
	background:url(img/css_bg.gif) no-repeat 0 0 #6B6854; color:#353427; width:66px; left:21px; height:21px; text-indent:-2000px; text-decoration:none; display:block; padding:0; margin:0;}
#footer ul.validation li a.css:hover{
	background:url(img/css_bg_h.gif) no-repeat 0 0 #6B6854; color:#353427; width:66px; left:21px; height:21px; text-indent:-2000px; text-decoration:none; display:block; padding:0; margin:0;}
#footer p.tworld{
	font:normal 14px/30px Arial, Helvetica, sans-serif; color:#F3F1DF; background-color:#B5B4B4;}
#footer p.tworld a{
	font:normal 14px/30px Arial, Helvetica, sans-serif; color:#F3F1DF; background-color:#6B6854; text-decoration:none;}
#footer p.tworld a:hover{
	font:normal 14px/30px Arial, Helvetica, sans-serif; color:#F3F1DF; background-color:#767361; text-decoration:none;}


/*-------------------------- css wajdi ----------------------------*/

#champ_formulaire22
{
	width:450px;
	height:100px;
}


#bodycrea2{
	position:relative; margin:0 auto; width:951px; padding:0 9px 15px 19px; height:850px;}

/*------------------------------------------------------------------*/
 /*------------------- css radhouane ------------------------------*/
.calender{
 background-image:url(img/calender.png);
 background-repeat:no-repeat;
 width:77px;
 height:83px;
 }
 
 
 .titre_act2{
 color:#333333;
 font-size:24px;
 padding-left: 60px;
 height: 76px;
 background-image: url(img/puce_titre.jpg);
 background-repeat: no-repeat;
 padding-top: 20px;
 }
.titre_act{
 color:#333333;
 font-size:18px;
 }
.move{
 color:#EDA5DE;
 font-size:10px;
 }
.pagination{
 color:#1794CF;
 font-size:12px;
 text-align:center;
 padding-top:10px;
 padding-bottom:10px;
 }
.bg_actu{
 background-image:url(img/bg_actu.gif);
 background-repeat:repeat-y;
 width:180px;
 font-size: 11px;
 padding-left: 65px;
 padding-right: 65px;
 line-height: 18px;
 text-align: justify;
 } 
 
 .txt_act{
 text-align:justify;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height:14pt;
 padding: 10px 10px0px 10px;
 color: #333333;
}
.date{
 color:#000000;
 font-size:24px;
 }
 .mail{
 color:#FFf;
 font-size:12px;
}

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