/* CSS Document */

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

.acc {
	background: url(images/pix_page.jpg) repeat-x  top left;
}


.nav {
	background: url(images/pix_page_nav.jpg) repeat-x  top left;
}

*  {
	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:#501A26;
}


a:hover {
	text-decoration:none;
	color:#B15838;
	
}
/************************/

#page {
	margin: 0 auto;
	width: 955px;
}


#vert {
	float:left;
	height: 40px;
	width: 909px;
	background: url(images/fond_menu.jpg) 0 0  no-repeat; 
	padding-right:46px;
}

#menu {
	float:right;
	height: 40px;
	width: 303px;

}

.fond_menu_acc {
	background:url(images/blanc_menu.jpg) 0 0 #FFFFFF no-repeat;
}

.fond_menu_nav {
	background:url(images/blanc_menu2.jpg) 0 0 #FFFFFF no-repeat;
}

#menu ul{
	padding:10px 0 0 0 ;
	text-align:center;
}

#menu li{
	display:inline;
	
}

#menu li a{
	color:#b5b500;
	font-size:20px;
	padding: 0 20px 0 10px ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menu li a:hover{
	color:#8c0477;
	font-size:20px;
}


#menu .active{
	color:#8c0477;
	font-size:20px;
}

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

#header {
	float:left;
	height: 417px;
	width: 955px;
	background:  url(images/header_acc.jpg) 0 0  no-repeat; 
}

.logo {
	margin: 30px 0 0 210px ;
}

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

#main {
	float:left;
	width: 955px;
	position:relative;
}

#contenu {
	margin: 0 auto;
	width: 813px;
	padding:20px 30px 20px 20px ;
}

.back1 {
	background: url(images/fond_contenu.gif) 100% 0  #FFF no-repeat;
}

.back2 {
	background: url(images/fond_contenu_ctc.gif) 100% 0  #FFF no-repeat;
}

#contenu h3{
	color:#8C0477;
	font-size:20px;
	border-bottom:1px solid  #BEBE00;
	font-weight:bold;
	padding:0 0 10px 0;
	margin-bottom:5px;
}

#contenu span{
	color:#BEBE00;
	font-size:18px;
}

#contenu p{
text-align:left;
}

#contenu var{
	padding:0 0 0 260px;
	font-style:normal;
}

#contenu .taille{
width:785px;
}


#contenu ul{
padding: 10px 0 0 0;
}

#contenu li{
	background: url(images/puce.gif) no-repeat 0 6px;
	padding: 0 0 5px 10px;
	display: block;
}

.fixe {
	
	height: 300px;
	width: 1px;
	float:left;
}

#bloc_txt {
	float:left;
	width: 520px;
	margin: 0 30px 0 0;
}

#txt {
	float:left;
	width: 480px;
	background: url(images/degr.jpg) 0 0  no-repeat #AC3168;
	color:#fff;
	padding:20px;
	letter-spacing: 0.1px;
}

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

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

.txt_vert {
	color:#aaaa00;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
}

#conception ul li{
	color:#aaaa00;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
}

#conception ul li a{
	color:#aaaa00;
	text-decoration:none;
}

#conception ul li a:hover{
	color:#8c0477;
}

.espace {
margin:10px 0 0 20px;
}

/**********************/
#footer {
	margin: 0;
	width: 955px;
	text-align:center;
	color:#000;
	clear: both;
}
#footer ul{
	padding-bottom:10px;
}

#footer li{
	display:inline;
}

#footer li a{
	color:#000;
	padding: 0 5px 0 5px ;
	}
	
#footer li a:hover{
	color:#880073;
	padding: 0 5px 0 5px ;
	}
	
	
/****************/	
	
#adresse {
	width: 955px;
	text-align: center;
}
	
#adresse span{
	
	padding: 5px 30px 5px 10px ;
	float:left;
	background: url(images/sep.gif)  0 50% no-repeat;
}
	
#adresse .backnone{
	background-image:none;
	color:#880073;
	font-weight:bold;
	padding: 10px 10px 0 250px;
}
	
#adresse .backnone2{
	padding-top:10px;
	white-space:nowrap;
}
	
/**********************/
	
#toptech {
	text-align:center;
	float:left;
	width:955px;
	text-align:center;
}
	
#toptech a{
	color: #666666;
	font-size:10px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#header_nav {
	float:left;
	height: 360px;
	width: 955px;
	background:  url(images/header_nav.jpg) 0 0  no-repeat; 
	position: relative;
}
.cube {
	position:absolute;
	top:58px;
	right:36px;
	z-index: 3;
	
}

.cube2 {
	position:absolute;
	top:68px;
	right:20px;
	z-index: 3;
}

#bloc_anim {
	float:left;
	height: 480px;
	width: 807px;
}

#anim {
	position:absolute;
	left:34px;
	top:-58px;
	z-index:1;
}

.fixe2 {
	
	height: 680px;
	width: 1px;
	float:left;
}

.fixe3 {
	
	height: 550px;
	width: 1px;
	float:left;
}

#bloc {
	float:left;
	width: 807px;
}

#visuel_left {
	float:left;
	padding-top:50px;
}

#repas {
	float:left;
	width:450px;
	line-height:13px;
	position:absolute;
	right:100px;
	top:150px;
	z-index:2;
	padding-top:5px;
}

#liste1 {
	float:left;
}

#liste2 {
	float:right;
}

 .grenat{
	color:#AB2E66;
	font-size:14px;
	font-weight:bold;
	padding: 5px 0 5px 0
}

 .esp_bas{
 padding-top:10px;
}

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


#adr_ctc {
	float:left;
	padding:20px 0 0 30px;
	width: 385px;
}


#adr_ctc p{
	color:#C84B83;
	font-size:16px;
	font-weight:bold;
	padding: 15px 0 20px 0;
}

 .tof_left {
	float:left;
	margin-right:30px;
}

 .tof_right {
	float:right;
	margin-left:30px;
}



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


#formulaire{
	width:320px;
	color:#C84B83;
	float:left;
	padding:30px 0 0 0;
}


#formulaire form{
	display: inline;
}

#formulaire p{
	width:320px;
	padding:0 0 10px 0;
	float:left;
}
 
#formulaire span{
	float:left;
	clear:left;
	font-weight:bold;
	color:#C84B83;
	font-size: 14px;
}
 
 #formulaire .info{
	clear: both;
	text-align: right;
}
 
#formulaire em{
	color:#FF0000;
}

#formulaire .question{
	padding-top:10px;
}
 
#formulaire input{
	float:right;
	border:1px solid #C84B83;
	width:220px;
}
 
#formulaire textarea{
	float:right;
	border:1px solid  #C84B83;
	width:220px;
	height:70px;
}

#formulaire .bout{
	width: 126px;
	height:16px;
	border:none;
	float:right;
}

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

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

#header_ctc {
	float:left;
	height: 360px;
	width: 955px;
	background:  url(images/header_ctc.jpg) 0 0  no-repeat; 
	position: relative;
}

.vert{
	color:#868600;
	font-weight:bold;
	padding-top:5px;
	font-size:14px;
}