/* CSS Document */



body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background:url(images/back_page.jpg) 0 0   repeat-x #1A181D;
}

*  {
	margin: 0 ;
	padding:0;
}



p, h2, h3 , h4 , h5  {
	display:block;
}


p {
	padding:3px 0 5px 0 ;
}


ul  {
	list-style:none;
}


a {
	text-decoration:none;
	color:#FF8A00;
}


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

.marge {
	padding-bottom:25px;	
}
/************************/

#page {
	margin:0 auto;
	width:955px;
	background:url(images/back.jpg) 0 0 no-repeat #1A171B  ;
	display:table;
}

/************************/


#haut {
	
	width:955px;
	height:354px;
	float:left;
}	



#haut_left {
	
	width:310px;
	float:left;
	padding:22px 0 0 30px;
}	


/****************************/

ul#menu  {
padding-left:40px;
}	

.acc a{
	background:url(images/accueil_off.gif) no-repeat 0 0 ;
	display:block;
	height:48px;
	width:218px;
}	


.acc a:hover{
	background:url(images/accueil_on.gif) no-repeat 0 0;
	display:block;
	height:48px;
	width:218px;
}	

.acc .active{
	background:url(images/accueil_on.gif) no-repeat 0 0;
}	
/************************/

.marquage a{
	background: url(images/marquage_off.gif)  no-repeat 0 0;
	display:block;
	height:48px;
	width:218px;
}	


.marquage a:hover{
	background: url(images/marquage_on.gif) no-repeat 0 0;
	display:block;
	height:48px;
	width:218px;
}


.marquage .active{
	background: url(images/marquage_on.gif) no-repeat 0 0;
}	
/************************/

.activites a{
	background: url(images/activites_off.gif)  no-repeat 0 0;
	display:block;
	height:48px;
	width:218px;
}	


.activites a:hover{
	background: url(images/activites_on.gif) no-repeat 0 0;
	display:block;
	height:48px;
	width:218px;
}	

.activites .active{
	background: url(images/activites_on.gif) no-repeat 0 0;
}	


/************************/

.contact a{
	background: url(images/contact_off.gif)  no-repeat 0 0;
	display:block;
	height:48px;
	width:218px;
}	


.contact a:hover{
	background: url(images/contact_on.gif) no-repeat 0 0;
	display:block;
	height:48px;
	width:218px;
}	
.contact .active{
	background: url(images/contact_on.gif) no-repeat 0 0;
}	

/************************/

#haut_center {
	
	float:left;
	padding:40px 0 0 0;
}	


#haut_right {
	
	float:left;
	padding:127px 0 0 120px;
}	
/************************/



#content {
	float:left;
	width:855px;
	background:url(images/back_cont.jpg) 0 0 no-repeat;
	padding:0 50px 0 50px;
}	


#content h3 {
	background:url(images/fleche.gif) 0 5px no-repeat;
	padding:5px 0 7px 20px;
	color:#FF8A00;
	font-size:16px;
	font-weight:bold;
}	

#content p {
text-align:justify;
}	


 .bienvenue {
	color:#FF8A00;
	font-size:14px;
	font-weight:bold;
	padding:5px 0 25px 0;
}	

 .orange {
	color:#FF8A00;
	font-weight:bold;
	
}	

 .gris {
	color:#808080;
	font-weight:bold;
	font-size:16px;
	padding:5px 0 10px 0;
}	


#left_cont {
	float:left;
	width:276px;
}	


#right_cont {
	float:right;
	width:520px;
}	





#left_nav {
	float:left;
	width:460px;
}	

#covering {
	float:left;
	width:240px;
}	

#jaune {
	float:right;
	width:180px;
	background:url(images/jaune.jpg) 0 0 no-repeat;
	padding:10px;
	color:#333333;
	margin-top:35px;
}	




/************************/



#right_nav {
	float:right;
	width:380px;
	background:url(images/fond_diapo.gif) 0 0 no-repeat;
	padding:21px 0 0 25px;
	margin: 10px 0 0 0;
}	

#right_nav img {
	border:1px solid #FFF;
}	

#vignette {
	width:380px;
	padding:10px 0 0 0;
}	

#vignette img{
	margin:0 2px 5px 0;
	cursor:pointer;
	
}
#vignette2 {
	width:380px;
	padding:10px 0 0 0;
}	

#vignette2 img{
	margin:0 2px 5px 0;
	cursor:pointer;
	
}	
/************************/

#diapo_activite {
	float:left;
	width:420px;
	background:url(images/fond_diapo.gif) 0 0 no-repeat;
	padding:20px 0 0 25px;
}	

#diapo_activite img {
	border:1px solid #FFF;
}	



/************************/
#doming {
	float:right;
	width:363px;
	padding:0 0 0 25px;
	line-height:17px;
	
}	
/************************/
#groupe {
	float:left;
	width:550px;
}	


#carte {
	float:left;
	width:270px;
	padding:10px 0 0 0px;
}	

#coordonnees {
	float:right;
	width:240px;
	font-weight:bold;
	padding-top:10px;
}	

#coordonnees p{
	padding:5px 0 8px 40px;
}	

#coordonnees span{
	color:#F6BA18;
}


.adr {
	background:url(images/adr.gif) 0 5px no-repeat;
}	


.tel {
	background:url(images/tel.gif) 0 5px no-repeat;
}	
	
.email {
	background:url(images/mail.gif) 0 5px no-repeat;
}	
	
.titre {
	color:#F5BB19;
	font-weight:bold;
	
}	





/************************/




.bande{
margin:2px 0 20px 0 ;
	
}




#formulaire{
	width:285px;
	color:#fff;
	float:right;
	font-size:11px;
	padding:0 0px 10px 0 ;
	
}



#formulaire form{
	display: inline;
	
	
	
}

#formulaire p{
	margin:0 0 4px 0; 
	width:285px;
	padding:0;
	float:left;
	
}
 
#formulaire span{
	float:left;
	clear:left;

}
 
 #formulaire .info{
	clear: both;
}

 
 
#formulaire em{
	color:#FF0000;
}

#formulaire .question{
	padding-top:10px;
}
 
#formulaire input{
	float:right;
	border:1px solid #B4B4B6;
	width:180px;
	background-color:#262327;
	color:#FFF;
}
 
#formulaire textarea{
	float:right;
	border:1px solid  #B4B4B6;
	width:180px;
	height:70px;
	background-color:#262327;
	overflow:auto;
	color:#FFF;
}

#formulaire .bout{
	width: 144px;
	height:17px;
	border:none;
	float:right;
}

#formulaire .rouge{
	color:#FF8A00;
	display:block;
	font-weight:bold;
	float:right;
	padding:5px 0 5px 0 ;
	
}


/************************/
#footer {
	

	width:955px;
	margin:0 auto;
	text-align:center;
	color:#eae9e9;
	clear:both;
	font-size:11px;
	background-color:#1A171B;
	padding-top:10px;
	
}	


#footer li {
	display:inline;
}	


#footer li a {
	color:#eae9e9;
}	

#footer li a:hover {
	color:#FAB510;
}	




#footer .mail {
	position:relative;
	top:5px;
}	


#toptech a{
	
	color:#fff;
}