/* MARIE-LAURE GRAVOUEILLE */
body{
	background:url(images/fond-body.gif) repeat-x top #fff;
	font-family:Arial, Helvetica, sans-serif;
}
#page{
	width:940px;
	margin:0 auto;
}
.clear{
	clear:both;
}
*{ margin:0; padding:0 0 2px 0;}
/*index*/
#topindex{
	background: url(images/top-index.gif) no-repeat top ;
	width:916px;
	height:151px;
	padding:0 0 0 24px;
}
.logo{
	float:left;
	margin:21px 0 0 0;} 
/*menu*/

#menu{
	float: left;
	margin:21px 0 0 0;
}
#menu ul{
	list-style-type:none;
	margin:99px 0 0 0;
	width:360px;
	padding:0 0 0 305px;
}  
#menu li{
	float:left;
	font-weight:bold;
	/*border:1px solid #000;*/
}

#menu li a{
	color:#723E4B;
	text-decoration:none;
	font-size:13px;
	padding:0 10px 0 20px;
	text-align:center;
}
#menu li a:hover{
	color:#DE507F;
	text-decoration:none;
}
#menu li a.actif{	
	color:#DE507F;
	text-decoration:none;
}


/*contenent*/
#contenent{
	background:url(images/font-contenent.gif) no-repeat top;
	width:940px;
	margin:0;
	padding:0;
}
#contenu{
	background: url(images/fond-index.gif) no-repeat top #fff;
	width:927px;
	margin:0 auto;
	padding:0 0 0 5px;
	position:relative;
}
#contenuright{
	float:left;
	width:258px;
	margin:45px 0 0 0;
	color:#5F3440;
	font-size:13px;
	font-weight:bold;
	background-color: #FFFFFF;
	padding:0 0 10px 1px;
}
#contenuright h2{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	margin:5px 0 0 0;
}
#contenuright h3{
	color:#C05476;
	font-size:15px;
	font-weight:bold;
	margin:15px 0 10px 0;
} 
.imgleft{
	float:left;
}
.imgrigh{
	position:absolute;
	left: 830px;
	top:50px;
}
.bandoblan{
	position: absolute;
	left: 686px;
	top: 290px;

}


/*page intitial*/
#topint{
	background: url(images/top-int.gif) no-repeat top ;
	width:916px;
	height:150px;
	padding:0 0 0 24px;
}
#contenuint{
	background: url(images/fondint2.gif) no-repeat top;
	width:920px;
	margin:0 auto;
	padding:0 0 0 5px;
}
#contenuraye{
	background:url(images/fond-raye.gif) 1px 1px #fff;
	width:933px;
	margin:0 auto;
}
.contenuleft{
	width:450px;
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#7E1500;
	padding:30px 0 0 5px;
}
.contenuleft p{
	background:#fff;
	text-align:left;
	width:380px;
	margin:0 0 30px 50px;
	clear:both;
}
.contenuleft span{
	color:#C73465;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	display:block;
	line-height:40px;
	width: 400px;
}
.contenuleftimg{
	margin:50px 0 30px 45px;
	float:left;
}
/*contenu right int*/
#contenurightint{
	float:left;
	width:423px;
	font-size:12px;
	font-weight:bold;
	padding:40px 0 5px 5px;
}
.txtbottom{
	color:#954B62;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	padding:5px 0 10px 0;
	clear: both;
}

/*contact*/
#contenucontact{
	background: url(images/fond-contact.gif) 2px 0 no-repeat  #fff;
	width:925px;
	margin:0 auto;
	padding:0 0 0 5px;
}
.contactimg{
	margin:40px 0 30px 30px;
	float:left;
}
/*formulaire*/
.supportformulaire{
	background:url(images/top-formulaire.gif) no-repeat top;
	width:525px;
	float:left;
	margin:60px 0 0 10px;
}
.formulaire{
	width:518px;
	background:#F4D7D6;
	border-left:1px solid #D8A3A3;
	border-right:1px solid #D8A3A3;
	margin:24px 0 0 0;
	padding-left: 5px;
}
.formulaire form{
	margin:0 0 0 5px;
	float:left;
	color:#DC4377;
	font-size:12px;
	text-align: right;
}
.formulaireinput{
	width:140px;
	border:1px solid #fff;
	color:#DC4377;
	font-size:12px;
	margin:2px 0 2px 0;
	height:16px;
}
.bout{
	margin:2px 0 0 67px;
}
.info{
	color:#74414D;
	font-size:11px;
	padding:2px;
	font-style: italic;
	font-weight: bold;
}
.formadress{
	width:211px;
	background:url(images/img-adress.gif) no-repeat left  top;
	float:left;
	padding:0 0 0px 62px;
	margin:0 0 0 10px;
	font-size:11px;
	color:#74414D;
	font-weight:bold;
}
.formadress span{
	color:#89B7AE;
	font-size:12px;
	font-weight:bold;
	display:block;
	padding:0 0 5px 0;
	text-transform: uppercase;
}
.formadress p{
	margin:15px 0 20px 0;
}
/*imghiver*/
.imghiver{
	background:url(images/barre.gif) repeat-x bottom;
	width:470px;
	padding:30px 0 8px 10px;
	text-align:center;
}
#contenuint .imghiver img{
	cursor:pointer;
	padding:3px 0 0 0;

}
.imgsac{
	background:url(images/barre.gif) 0px 110px repeat-x;
	width:450px;
	padding:30px 0 10px 0;
	text-align:center;
}
.imgsac img{
	margin:3px 0 0 0;
	cursor:pointer;
}
.imgete{
	width:470px;
	background:url(images/barre.gif) 0px 90px repeat-x;
	padding:30px 0 10px 0;
	text-align:center;
}
.imgete img{
	padding:3px 0 0 0;
	cursor:pointer;
}
#imgacsesoir{
	width:470px;
	background:url(images/barre.gif) repeat-x bottom;
	padding:30px 0 3px 0;
	text-align:center;
}
#imgcsesoir img{
	padding:0 0 0 0;
	cursor:pointer;
}

.diapo{
	width:330px;
	float:left;
	padding:30px 0 0 50px;
	height: 283px;
}
.tof1 {
	font-weight:bold;
	padding:40px 0 0px 30px;
	color:#C73465;
	font-size:11px;
	float:right;
	clear:both;
	background: url(images/pce.gif) no-repeat 5px 39px #fff;
	width:350px;
	height: 60px;
}
 .none {
	display:none;
}



/*footer*/
#footer{
	background:url(images/fond-footer.gif) no-repeat #74414D;
	width:932px;
	margin:0 auto;
	padding:26px 0 0 0;
	font-size:11px;
}
.adres{
	background:url(images/fond-adress.gif) no-repeat;
	width:849px;
	height:59px;
	margin:0 0 0 49px;

	text-align:center;
	color:#74414D;
	padding:8px 0 0 0;
}
.adres span{
	position: relative;
	top:6px;
}
#footer ul{
	list-style-type:none;
	margin:2px 0 0 300px;
}
#footer li{
	float:left;
	color:#445B5B;
}
#footer li a{
	text-decoration:none;
	color:#445B5B;
	padding:0 2px 0 2px;
}
#footer li a:hover{
	text-decoration:none;
	color:#C05476;
}
.logotoptec{
	width:400px;
	margin:0 auto;
	font-size:9px;
	text-align:center;
}
.logotoptec a{
	color:#FFFFFF;
	text-decoration:none;
}
.logotoptec a:hover{
	color:#B65977;
	text-decoration:none;
}


/*------------------------------ modifs site -------------------------------*/

#bg_blanc{
	background:#fff;
}

.lineclear{
	height:1px;
	clear:both;
}

.dispnone{
	display:none;
}