/* CSS Document */
body
{
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#000;
	color:#fff;
}
*  {
	margin: 0 ;
}
h2, h3 , h4 , h5  {
	
	display:block;
	margin: 0 ;
	padding:0;	
}
p {
	padding:2px 0 5px 0;
	text-align:justify;
}
ul,li  {
	margin: 0 ;
	padding:0;
	list-style:none;
	text-decoration:none;
}
a
{
	text-decoration:none;
	outline:none;
	cursor:pointer;						
}
a:hover
{
	text-decoration:none;
	outline:none;	
}
.clr
{
	clear:both;	
}
.clrleft
{
	clear:left;	
}
.clrright
{
	clear:right;
}
img
{
	border:none;
}
/********************************************************************************/
.droite {
	background:url(images/bgd.jpg) no-repeat top left;	
}

.gauche {
	background:url(images/bgg.jpg) no-repeat top right;	
}

#page
{
	margin:0 auto;
	width:955px;	
}
#header
{
	float:left;
	height:260px;
	width:955px;
	background:url(images/header.jpg) no-repeat 0 0;
	position: relative;
}

.logo
{
	float:left;
	margin:0 0 0 34px;
}
#menu_top{		
	color:#fff;
	padding:0 0 0 0;
	float:right;
}
#menu_top li {
	display:inline;
	font-weight:normal;	
}
#menu_top a{
	padding:0 3px 0 3px;
	font-size:11px;	
	color:#fff;	
}
#menu_top a:hover,#menu_top .active{
	color:#B26A1E;
}

/**********************************************MENU************************************************/
#menu
{
	float:left;
	width:834px;
	padding:0 0 0 52px;
}
#menu li{
	margin:0 0 0 0;
	float:left;
}
#menu a
{
	display:block;
	height:41px;
	width:97px;
	margin:0 0 0 0;
	padding:0;
}
#menu #acc a
{
	background:url(images/acc_off.jpg) no-repeat 0 0;
	margin:0 11px 0 0;	
	display:block;
	height:41px;
}
#menu #acc a:hover,#menu #acc .active
{
	background:url(images/acc_on.jpg) no-repeat 0 0;
}
#menu #present a
{
	background:url(images/pres_off.jpg) no-repeat 0 0;
	margin:0 40px 0 0;
	display:block;
	height:41px;
}
#menu #present a:hover,#menu #present .active
{
	background:url(images/pres_on.jpg) no-repeat 0 0;
}
#menu #savoir a
{
	background:url(images/sav_off.jpg) no-repeat 0 0;
	margin:0 17px 0 0;
	display:block;
	height:41px;
}
#menu #savoir a:hover,#menu #savoir .active
{
	background:url(images/sav_on.jpg) no-repeat 0 0;
}
#menu #mate a
{
	background:url(images/mat_off.jpg) no-repeat 0 0;
	margin:0 18px 0 0;	
	display:block;
	height:41px;
}
#menu #mate a:hover,#menu #mate .active
{
	background:url(images/mat_on.jpg) no-repeat 0 0;
}
#menu #refe a
{
	background:url(images/ref_off.jpg) no-repeat 0 0;
	margin:0 19px 0 0;	
	display:block;
	height:41px;
}
#menu #refe a:hover,#menu #refe .active
{
	background:url(images/ref_on.jpg) no-repeat 0 0;
}
#menu #act a
{
	background:url(images/act_off.jpg) no-repeat 0 0;
	margin:0 4px 0 0;
	display:block;
	height:41px;
}
#menu #act a:hover,#menu #act .active
{
	background:url(images/act_on.jpg) no-repeat 0 0;
}
#menu #contact a
{
	background:url(images/contact_off.jpg) no-repeat 0 0;
	display:block;
	height:41px;
}
#menu #contact a:hover,#menu #contact .active
{
	background:url(images/contact_on.jpg) no-repeat 0 0;
}
/***********************************************Fin Menu******************************************************/
#content
{
 float:left;
 width:923px; 
 padding:0 0 0 30px;
 background:url(images/bg_contenu.jpg) no-repeat 0 0 #000000;
}
.line
{
 line-height:20px;
}
.titre_bloc1
{
 padding:0 0 18px 104px;
 font-size:14px;
 font-weight:bold;
 color:#fff;
}

#bloc1
{
 float:left;
 width:892px;
 background:url(images/top_presentation.jpg) no-repeat 0 0 #282828; 
 margin:21px 0 0 0;
 padding:25px 0 0 0;
 position:relative;
}
#bloc1 p
{
 padding-right:24px;
}
.para1
{
 padding:0 0 5px 163px;
 font-size:12px;
}
.sonor
{
 position:absolute;
 top:10px;
 left:-23px;
}
.liste
{
 float:left;
 width:280px;
 padding:30px 0 0 14px;

}
.puce_blanc
{
 padding:0 0 5px 14px;
 background:url(images/puce_blanc.gif) no-repeat 0 3px;
 text-align:left;
}
#bloc1 .savoir
{
 float:left;
 width:893px;
 background:url(images/btm_presentation.jpg) no-repeat 0 0;
 padding:9px 0 3px 0;
}
#bloc1 .savoir a
{
 background:url(images/puce_sav.gif) no-repeat 0 3px;
 float:right;
 padding:0 16px 0 11px;
 color:#FFFFFF;
}
#bloc1 .savoir a:hover
{
color:#DF9031; 
}

#sbloc2g
{
 float:left;
 width:446px;
 padding:20px 0 0 0;
}
#sbloc2d
{
 float:left;
 width:426px;
 padding:20px 0 0 20px;
}
.titre_acc
{
 background:url(images/puce1.gif) no-repeat 7px 0px;
 padding:3px 0 8px 41px;
 font-size:14px;
 font-weight:bold;
 color:#fff;
 border-bottom:1px solid #fff;
 margin-bottom:12px;
 display:block;  
}
.photo
{
 float:left;
 margin:3px 16px 12px 0;
}
a.sav_blanc
{
 background:url(images/puce_blanc.gif) no-repeat 0 3px;
 float:right;
 padding:0 5px 0 11px;
 color:#FFFFFF;
}
a.sav_blanc:hover
{
 color:#DF9031;
}
a.sav_blanc2
{
 background:url(images/puce_blanc.gif) no-repeat 0 32px;
 float:right;
 padding:29px 5px 0 11px;
 color:#FFFFFF;
}
a.sav_blanc2:hover
{
 color:#DF9031;
}


#bloc_actua
{
 float:left;
 width:888px;
 background:url(images/px_act.jpg) repeat-y 0 0; 
 margin:12px 0 0 0; 
}
#bloc_actua img
{
 float:left;
}
#actua
{
 float:left; 
 width:846px;  
 padding:8px 0 9px 42px;
 background:url(images/top_act.jpg) no-repeat 0 0; 
}
#actua img
{
 float:left;
 margin:14px 0 0 0; 
}

#actua .txt1
{
 float:left;
 width:205px;
 padding:7px 0 0 0;
 margin:18px 36px 0 0;
 border-right:1px solid #FFFFFF;
}
#actua .fonce
{
 font-weight:bold;
 padding:0 0 17px 0;
}
#actua .txt2
{
 float:left;
 width:200px;
 padding:7px 13px 0 0;
 margin:18px 0 0 25px;
 border-right:1px solid #FFFFFF;
}
#actua .txt3
{
 float:left;
 width:200px;
 padding:7px 0 0 0;
 margin:18px 0 0 0;
}

#actua a
{
 background:url(images/puce_rose.gif) no-repeat 0 3px;
 padding:0 0 0 13px;
 color:#A61B52;
 display:block;
 margin:20px 0 0 0;
}
#actua a:hover
{
 background:url(images/puce_blanc.gif) no-repeat 0 3px;
 color:#fff;

}
/********************************presentation************************************/

.photo2
{
 float:left;
 margin:3px 16px 5px 0;
}
.blocleft
{
width:460px;
float:left;
}
.blocright
{
width:440px;
float:left;
}
.blocright object
{
	margin:5px 0 0 0;
}
.titre_blocP
{
 padding:0 0 18px 214px;
 font-size:14px;
 font-weight:bold;
 color:#af410e;
}
.blocPresentation
{
 float:left;
 width:389px;
 background:url(images/top_int1.jpg) no-repeat 0 0 #282828; 
 margin:21px 0 0 0;
 padding:25px 0 10px 20px;
 font-size:12px;
}
.parap{
line-height:20px;
}
.blocPresentation p
{
 padding-right:20px;
}
.para_int
{
 padding:0 0 5px 163px;
 font-size:12px;
}

.puce_blanc2
{
 padding:0 0 5px 160px;
 background:url(images/puce_blanc.gif) no-repeat 160px 3px;
 text-align:left;
}
.puce_blanc3
{
 padding:0 0 5px 10px;
 background:url(images/puce_blanc.gif) no-repeat 0 3px;
 text-align:left;
}
.blocMat
{
 float:left;
 width:408px;
 background:url(images/top_int2.jpg) 0 0 no-repeat #282828; 
 margin:21px 0 0 0;
 padding:25px 0 0 0;
 position:relative;
}
.img_materiel
{
	position:absolute;
	right:10px;
	top:24px;
}
.blocMat p
{
 padding-right:20px;
}
.blocMat .savoir_int
{
 float:left;
 width:408px;
 background:url(images/btm_int2.jpg) no-repeat 0 0;
 padding:7px 0 3px 0;
}
.savoir_int a
{
 background:url(images/puce_int.gif) no-repeat 0 4px;
 float:right;
 padding:0 16px 0 11px;
 color:#FFFFFF;
}
.savoir_int a:hover
{
	color:#30C0FF;
}
.titre_blocM
{
 padding:0 0 18px 44px;
 font-size:14px;
 font-weight:bold;
 color:#1355b9;
}
.puce_blanc4
{
 padding:0 0 5px 34px;
 background:url(images/puce_blanc.gif) no-repeat 24px 4px;
 text-align:left;
}
.sbloc_intg
{
 float:left;
 width:200px;
 padding:20px 0 0 0;
 margin-right:30px;
}
.sbloc_intg p
{
line-height:18px;
}
.sbloc_intd
{
 float:left;
 width:200px;
 padding:20px 0 0 0;
}
.sbloc_intd p
{
line-height:18px;
}
.paraequipe
{
line-height:16px;
clear:both;
}
.nomequipe
{
color:#af410e;
padding:15px 0 15px 0;
}
.g_int{
padding-bottom:30px;
float:left;
width:440px;
}
.g_int2{
padding:0;
float:left;
width:440px;
}
.membre
{
	 margin:3px 16px 0 0;
	 float:left;
}
.artificial
{
	float:left;
	margin:0 0 0 120px;
}
/***********************************savoir**********************************/

.titre_savoir
{
 padding:0 0 18px 234px;
 font-size:14px;
 font-weight:bold;
 color:#FD6E5D;
}
#bloc_savoir
{
 float:left;
 width:826px;
 background:url(images/bg_sav.jpg) no-repeat 0 0 #282828; 
 margin:21px 0 20px 0;
 padding:25px 12px 12px 12px;
}
#bloc_savoir .puce_blanc
{
	margin-bottom:4px;
}
.faire
{
 float:left;
 width:400px;
 padding:12px 0 0 13px;

}
.carre
{
	 padding:0 0 5px 34px;
	 background:url(images/carre.jpg) no-repeat 20px 5px;
	 text-align:left;
}


.animation
{
	float:left;
}
/***********************************material**********************************/
.titre_mater
{
	 padding:0 0 18px 237px;
	 font-size:14px;
	 font-weight:bold;
	 color:#00C060;

}
#bloc_material
{
	 float:left;
	 width:826px;
	 background:url(images/bg_vert.jpg) no-repeat 0 0 #282828; 	
	 padding:25px 12px 12px 12px;
	  margin:21px 0 40px 0;
	 line-height:20px;
	 position:relative;
}
.pdf
{
	float:right;
	padding:25px 0 15px 30px;
}
#bloc_mat
{
	 float:left;
	 width:888px;
	 background:url(images/px_mat.jpg) repeat-y 0 0; 
	 margin:12px 0 0 0; 
}
#bloc_mat img
{
 float:left;
}
#s_mat
{
 float:left; 
 width:834px;  
 padding:8px 0 9px 54px;
 background:url(images/top_mat.jpg) no-repeat 0 0; 
}

#s_mat .diapo
{
	float:left;
	width:130px;
}
#s_mat .diapo img
{
	float:none;
}
#s_mat .diapo span
{
	display:block;
	margin:12px 0 0 0;
	text-align:center;
	font-size:11px;
	font-weight:bold;	
}
/***********************************Reference**********************************/

#bloc_reference
{
	 float:left;
	 width:826px;
	 background:url(images/bg_ref.jpg) no-repeat 0 0 #282828; 
	 margin:21px 0 20px 0;
	 padding:25px 12px 12px 12px;	 
}
#bloc_reference p
{
	line-height:20px;
}
#bloc_reference .titre_refer
{
	 padding:0 0 18px 196px;
	 font-size:14px;
	 font-weight:bold;
	 color:#B06EEE;
	line-height:normal;
}


/***********************************Actualiter**********************************/
#bloc_actu
{
	float:left;
	width:600px;
}

.actualites{
	text-align:left;
}

.actualites li{
	list-style-type:none;
	padding:0 0 5px 10px;
	background-image: url(images/puce_int.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.actualites li a{
	color:#fff;
}

.actualites li a:hover{
	color:#E29136;
}

.blocright-actus{
	width:440px;
	float:left;
	padding:22px 0 0 0;
}

.blocright-actus img{
	float:left;
	margin:0 15px 0 0;
}




/***********************************Contact**********************************/
.titre_cont
{
	background:url(images/flech_noir.jpg) no-repeat 0 3px;
	padding:0 0 20px 27px;
	font-size:14px;
	font-weight:bold;
	color:#444444;
}

#plan
{
	float:left;
	width:230px;	
	padding:25px 47px 0 0;
}
#plan .map
{
	float:left;
	margin:0 0 22px 0;
}
#plan #devise
{
	float:left;
	background:#fff;
	height:81px;
	margin:0 0 19px 0;
	width:230px;
	text-transform:uppercase;
}
#devise p
{
	color:#821473;
	font-size:14px;
	text-align:left;
	padding:25px 0 0 0;
	font-weight:bold;
}
#devise span
{
	font-size:18px;
}
#devise img
{
	float:left;
	margin:18px 16px 0 0;
}
#plan .france
{
	float:left;
}
#bloc_contact
{
	width:617px;
	float:left;
	padding:20px 0 0 0;
}
#adresse{
	width:591px;
	float:left;
	padding:0 0 0 26px;
}
#adresse img{
	float:left;
}
.cordg
{
	float:left;
	width:214px;
	padding:0 0 16px 0;
}
.cordd
{
	float:right;
	width:246px;
}
#adresse span
{
	display:block;
	text-align:left;
	
}
#adresse em
{
	color:#C4B32F;
	font-style:normal;
	font-size:14px;	
}
#adresse .homme
{
	background:url(images/icon_home.gif) no-repeat 0 0;
	padding:0 0 15px 16px;
	border-bottom:1px solid #FFFFFF;	
}
#adresse .tel
{
	background:url(images/icon_tel.gif) no-repeat 0 0;
	padding:16px 0 0 16px;	
}
#adresse .aro
{
	background:url(images/icon_email.gif) no-repeat 0 0;
	padding:16px 0 0 16px;	
}
#adresse .fax
{
	background:url(images/icon_ouvert.gif) no-repeat 0 0;
	padding:0 0 30px 16px;
	border-bottom:1px solid #FFFFFF;	
}


/***********************************Formulaire**********************************/

.titre_form
{
	padding:27px 0 20px 45px;
	font-size:14px;
	font-weight:bold;
	color:#C4B32F;
}
#formulaire
{
	float:left;
	width:617px;	
	background:url(images/top_form.jpg) no-repeat 0 0;
	font-size:11px;
	margin:8px 0 0 0;		
} 
#formulaire form p{
	width:221px;
	float:left;	
	padding:0 0 12px 33px;

}
#formulaire input{
	float:right;	
	width:160px;
	height:14px;
	border:none;
	border:1px solid #C4B32F;
	background:#000000;
	color:#FFFFFF;
}
#formulaire textarea{
	float:right;	
	width:160px;
	height:56px;	
	border:1px solid #C4B32F;
	background:#000000;
	color:#FFFFFF;
}
#formulaire form .right{
	
	float:right;	
	padding:0 42px 5px 0;
	width:272px;

}
#formulaire form .right p{
	padding:0 0 12px 0;
	width:272px;	
}
#formulaire form .right input{
	width:192px;
}
#formulaire form .right textarea{
	width:192px;
}
#formulaire form span{
	float:left;		
	padding:2px 0 0 4px;
	font-size:11px;
	color:#C4B32F;	
} 
#formulaire .right .bout{
	width:70px;
	height:9px;
	border:none;
	float:right;
	background:none;
	padding:0;		
}
#formulaire em{
	color:#C4B32F;
	font-style:normal;		
}
#formulaire .rouge{
	color:#C4B32F;	
	font-weight:bold;
	position:relative;
	left:200px;
	top:-20px;	
}
#formulaire .champ{
	color:#C4B32F;	
	float:left;
	padding:0 0 0 61px;	
	
}
/***********************************Mention**********************************/
.contenuMention{
	float:left;
	width:826px;
	background:url(images/bg_sav.jpg) no-repeat 0 0 #282828; 
	margin:21px 0 0 0;
	padding:25px 12px 12px 12px;

}
.contenuMention p{
	 padding:4px 0px 4px 0;
	 line-height:20px;
	 text-align:justify;	 	
}

.contenuMention .titre_ment
{
	padding:0 0 18px 218px;
	font-size:14px;
	font-weight:bold;
	color:#FD6E5D;
	line-height:normal;
}
.contenuMention .fonce
{
	color:#C096AE;
	font-weight:bold;
}
.contenuMention strong
{
	color:#C096AE;
}


/*********************************Footer************************************************/
#footer{	
	width:955px;
	color:#fff;
	text-align:center;	
	background:url(images/bg_footer.jpg) no-repeat 0 0;
	margin:0 auto;			
	clear:both;
	margin-top:28px;
		
}
#footer p
{
	font-size:11px;
	text-align:center;
	padding:16px 0 0 0;
}
#footer object
{
	position:relative;
	top:6px;
}
#navigation{		
	color:#2760A6;
	padding:8px 0 0 0;
}
#navigation li {
	display:inline;
	font-weight:normal;	
}
#navigation a{
	padding:0 3px 0 3px;
	font-size:11px;	
	color:#2760A6;	
}
#navigation a:hover,#navigation .active{
	color:#C7A507;
}
#footer #toptech {		
	text-align:center;
	padding:20px 0 0 0;
	margin:0;	
}
#toptech a{
	color:#C7A507;
	font-size:10px;
	outline:none;
}
#toptech a:hover{
	color:#2760A6;
}
#bandeau {
	position:absolute;
	top:14px;
	left:-50px;
}