/************************************************************************PAGE COMMENTAIRES*/

#comments_left {
	width: 639px;
	height: 235px;
	float: left;
}

#comments_right {
	width: 296px;
	height: 235px;
	float: left;
	margin-left: 5px;
	background-image: url(../img/comments/comments_right_background.jpg);
	background-repeat: no-repeat;
}



/************************************************************************Sprites promo*/

    #promo_logo {
    background:url(../img/btn_promo_sprites.jpg) no-repeat;
    width:301px;
    height:228px;
    margin:0;
    padding:0;
    }


#promo_logo span {
    display: none;
    }

    #promo_logo li, #promo_logo a {
    height:228px;
    display:block;
    }

    #promo_logo li {
    float:left;
    list-style:none;
    display:inline;
    }

    #promotions_logo {width: 301px;}


    #promotions_logo a:hover {background:url(../img/btn_promo_sprites.jpg) 0px -228px no-repeat; }







/************************************************************************ROTATOR */






/* rotator in-page placement */
    div#rotator {
	position:relative;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
}
    div#rotator ul li.show {
	z-index:500;
}




#contactform {

	width:380px;

	-moz-border-radius:5px;

	margin-left:auto;

	margin-right:auto;

	margin-top:10px;

}

#contactform form {

	font:normal 11px/18px Verdana,Tahoma;

	margin:0 0;

	padding:10px 0;

	width:100%;

}

#contactform fieldset {

	

}

* html #contactform fieldset {

	position:relative;

	margin:10px 0 30px 0;

	padding:20px 0;

}

* html #contactform legend {

	position:absolute;

	top:-1.2em;

	left:0;

}

#contactform fieldset legend {

	font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma;

	padding:3px 25px;

	margin-left:30px;

	text-transform:uppercase;

	border:0px solid #ddd;

}

#contactform fieldset legend span {

	font:normal 10px/18px Arial,Verdana,Tahoma;

	text-transform:uppercase;

	display:block;

}

#contactform form label {

	display:block;

	float:left;

	width:150px;

	padding:6px 10px 0 0;

	margin:0px;

	text-align:right;

}

input{
	background-image:url(../img/input.jpg); background-repeat:repeat-x;
	font-weight:normal;
	height:27px;
	border: 1px #bdbbbb solid;
	font-size:15px;
	padding-top:8px;
}

textarea{
	background-image:url(../img/textarea.jpg); background-repeat:repeat-x;
	height:259px;
	width:330px;
	border: 1px #bdbbbb solid;
	font-size:15px;
	
}


#contactform form .required {

}



form br {

	clear:left;

}



#contactform input.required {

	background:#f5f5f5 url('images/required.gif') 98% 50% no-repeat;

}

#contactform input.required {

	background:#f5f5f5 url('images/required.gif') 98% 50% no-repeat;

}



#contactform .select select:focus {

	border-color: #9b9b9b;

}

#contactform form input.btn

	{

		background:none;

		border:none;

	}



form.c1 input:hover,textarea:hover

	{

		border:1px solid #d8d8d8;

	}



/* Error / Success / Notice 

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



.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }

.success	{ background:#ccfcd1; border:1px solid #60a400; }

.error		{ background:#f9e3e3; border:1px solid #e79e9e; }

.notice		{ background:#fcf0cc; border:1px solid #ecc735; }



.notes,.notice,.success,.error

			{

				font-size:80%;

				color:#000;


				width:330px;


				margin-bottom:20px;

				text-align:left

			}



.notes span,.notice span,.success span,.error span 

			{

				font-weight:bold;

				font-size:12px;

				padding:0px 0px;

			}



.notes p,.success p,.error p,.notice p

			{

				margin:0px;

				padding:0px;

}



.notification_ok

	{

	border: 1px #567397 solid;

	height: auto;

	width: 90%;

	padding: 0px;

	background: #f5f9fd;

	text-align: left;

	-moz-border-radius: 5px;

	}




/************************************************************************RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/************************************************************************Texte*/

h1{ font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:0;}

p{ font-family:Arial, Helvetica, sans-serif; font-size:13px;color:#000; text-align:justify;}

h7{ font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; color:#000; text-align:justify; line-height:14px;}
h8{ font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; color:#000; margin:10px 0; text-align:justify;  font-weight:bold;}

h4{ font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:0;}


h5{font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:14px; color:#000; margin:10px 0; text-align:justify;}




a{
	color:#9f1f12;
	text-decoration:none;
}

a:hover{
	color:#9f1f12;
	text-decoration:underline;
}

a:active{
color:#9f1f12;
	text-decoration:none;}

/************************************************************************Texte CUFON*/

h6{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; color:#fff; margin:0; text-align:justify;}
h66{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; color:#fff; margin:0; text-align:justify; color:#b2320f}
h99{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color:#fff; margin:0; text-align:justify; color:#bdbbbb}


/************************************************************************FRAMES*/


	
body { 
	background: url(../img/background2.jpg) #000 no-repeat 50% 0%; margin:0px 0px; padding:0px;
	text-align:center; height:1600px;
}

	
#wrap {
	width:940px; margin:0px auto;
	text-align:left;

}

#header {
	height:129px;
}

#logo {
	padding-top:20px; float:left;
}

#slogan {
	padding-top:70px; padding-left:460px; color:#df6517; font:Arial, Helvetica, sans-serif; font-size:13px; float:left;
}

#menu {
	height:33px; clear:both; 
}

#top {
	height:375px;
}

#contenu { width:940px; height:641px; padding-top:30px;
}

#contenu_comments { width:940px; height:350px; padding-top:30px;
}
#left { float:left; width:640px; height:641px; 
}
#right { float:left; width:300px; height:641px;
}

#footer {
	height:316px;  margin-top:76px;
}

#footer1 {
	float:left;
	width:311px;
}

#footer2 {
	float:left;
	width:327px;
}

#footer3 {
	float:left;
	width:301px;
}

#promo { padding-top:9px; float:left;
}
#btn_top { float:left; padding-top:9px;
}
#btn_image {
}
#btn_soumission {
}
#btn_commentaire {
	padding: 0;
	margin: 0;
	width: 301px;
	height: 44px;
}
#btn_hebergement {

	width: 301px;
	height: 228px;

	
}

#video { width:301px; height:205px;
}
#nouvelle { width:301px; height:437px; 	background: url(../img/background_news.png) no-repeat; margin-top:24px;
}

#nouvelle2 { width:301px; height:444px; background: url(../img/background_news2.png) repeat-y; margin-top:24px;
}

/************************************************************************ACCUEIL*/


#texte1 { width:605px; height:80px; line-height:17px;
}
#texte2 { width:605px; height:309px; line-height:17px; clear: both;
}


#comments { width:311px; height:203px; float:left;background: url(../img/client_comments.png) no-repeat; 
}
#services { width:329px; height:203px; float:left;background: url(../img/services.png) no-repeat;
}
#bd-accueil { width:637px; height:80px;  background: url(../img/bande-accueil.png) no-repeat; float: left; position: relative; margin-left: -15px;
}

/************************************************************************AGENCE*/


#texte_agence { width:620px; height:280px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;
}
	#content{
		position:relative;
		float:left;
/*		background-image:url(../img/back_slide_agence.png); background-repeat:no-repeat; width:405px; height:171px;
*/		

		}			
#valeurs { width:200px; height:169px; float:left; padding-left:40px;
}

	#slider{
}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:391px;
		height:155px;
		overflow:hidden;
		

		
		}	

			
		
	p#controls{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-99px;
		
		}	
	#nextBtn{ 
		left:390px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../img/sleft_arrow.png) no-repeat 0 0;
		}	
	#nextBtn a{ 
		background:url(../img/sright_arrow.png) no-repeat 0 0;	
		}	

/************************************************************************PRODUITS & SERVICES*/


#texte_produit { width:620px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;
}
	#content{
		position:relative;
		float:left;
/*		background-image:url(../img/back_slide_agence.png); background-repeat:no-repeat; width:405px; height:171px;
*/		

		}			


 #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:582px;
		height:235px;
		overflow:hidden;
		

		
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}				

	p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-135px;
		
		}	
	#nextBtn2{ 
		left:582px;
		}														
	#prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../img/sleft_arrow.png) no-repeat 0 0;
		}	
	#nextBtn2 a{ 
		background:url(../img/sright_arrow.png) no-repeat 0 0;	
		}	
		
		
		 #slider3 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:582px;
		height:235px;
		overflow:hidden;
		

		
		}	

	#slider3 li{ 
		background:#f1f1f1;
		}		
	#slider3 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider3 li p{ 
		margin:20px;
		}				

	p#controls3{
		margin:0;
		position:relative;
		} 
	
	#prevBtn3, #nextBtn3{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-135px;
		
		}	
	#nextBtn3{ 
		left:582px;
		}														
	#prevBtn3 a, #nextBtn3 a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../img/sleft_arrow.png) no-repeat 0 0;
		}	
	#nextBtn3 a{ 
		background:url(../img/sright_arrow.png) no-repeat 0 0;	
		}	
		
/************************************************************************IMAGE PERFORMANTE*/


#texte_image { width:620px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:19px; padding-top:-10px;
}

#title_image { float:left;
}

#mp3 { float:left ; padding-left:370px;
}

/************************************************************************APPROCHE*/

   .boxgrid{  
       width: 298px;  
       height: 177px;  
       margin:0px;  
       float:left;  
       background:#ffffff;  
       border: solid 1px #f9f9f9;  
       overflow: hidden;  
       position: relative;  
   }  
   .boxgrid img{  
       position: absolute;  
       top: 0px;  
       left: 0px;  
       border: 0px;  
   }  
   
    .boxcaption{  
     float: left;  
     position: absolute;  
     background: #000;  
     height: 100px;  
     width: 100%;  
    
    }
	 
	    .captionfull .boxcaption {  
        top: 0px;  
        left: 0px;  
    }  


/************************************************************************FORMULAIRE*/

#entreprise input{
	width:300px;
}

#secteur input{
	width:311px;
}

#ressource input{
	width:240px;
}

#telephone input{
	width:150px;
}

#telecopieur input{
	width:150px;
}

#courriel2 input{
	width:280px;
}

#ville input{
	width:300px;
}

#employes input{
	width:220px;
}

<!--MENU-->    
    .lavaLampWithImage {
            position: relative;
            height: 33px;
            width: 940px;
            padding: 0px;
            margin: 0px 0;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
					
                }
                    .lavaLampWithImage li.back {
                        background: url("../img/menu_bar.png") no-repeat top center ;
                        width: 9px; height: 33px;
                        z-index: 8;
                        position: absolute;
						
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("../img/menu_bar.png") no-repeat top center;
                            height: 33px;
                        }
                    .lavaLampWithImage li a {
                        font: bold 11px Arial, Helvetica, sans-serif;
                        text-decoration: none;
                        color: #a5480c;
                        outline: none;
                        text-align: center;
                        top: 13px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 33px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 15px;    
                    }
					                    .lavaLampWithImage li a:hover {
                        font: bold 11px Arial, Helvetica, sans-serif;
                        text-decoration: none;
                        color: #ff6300;
                        outline: none;
                        text-align: center;
                        top: 13px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 33px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 15px;    
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }
	/************************************************************************NOUVELLE*/
	
#news_text{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#32240c; padding-top:6px;
	padding-left:12px;
}

#news_date{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;color:#32240c; padding-left:12px; padding-top:12px;
}


	/************************************************************************CONTACT*/
	
contact_text a{
	color:#9f1f12;
}

contact_text a:hover{
	color:#9f1f12;
}

	/************************************************************************PROMOTION*/
#texte_promo { width:940px; 
}
	
#promo_left{
	width:304px; float: left;
}


#promo_center{
	width:304px; float: left; padding-left: 12px;
}

#promo_right{
	width:304px; float: left; padding-left: 12px;
}