body {
	background:url(fond-page2.jpg) repeat-x;
	background-color:#FFF;
	margin:0px;
	padding:0px;
	font-family:verdana;
	font-size:11px;
	line-height:18px;
	color:#2C2C2C;
	text-align:justify;
	}
.bodyinterne {
	background:url(fond-page2.jpg) repeat-x;
	}

form {margin:0px;padding:0px;}
img {border:0px;padding:0px;margin:0px;vertical-align:top;}
a{text-decoration:none;color:#b50508;}
a:hover{text-decoration:none;color:#000;}

.dtext {border-bottom:1px dotted #bbb;}
.dtext:hover {border-bottom:1px dotted #b50508;}

p {margin-top:10px;margin-bottom:10px;}
h1 {	font-size:12px;
	margin: 0 0 0 10px;
	font-weight:bold;
	color:#999;
	height:24px;
	padding:7px 0 0 30px;
	background:url(h1.jpg) no-repeat left top;
}



#tout {
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	width:1000px;
	overflow:hidden;
	zoom:1;
	position:relative;
	padding-bottom:20px;
	}
	
	
	
#topper {
	width:1000px;
	height:146px;
	position:relative;
	}
	
#menuprinc {
	float:right;
	padding-top:62px;
	}
#menuprinc ul{
   margin: 0;
   padding: 0;
   overflow: hidden;
   list-style-type: none;
}
#menuprinc ul li{
   float:left;
}
#menuprinc ul li a span{
   display: none;
}
#menuprinc #m1{
   width: 67px;
   height: 45px;
   background: url(m1.jpg) no-repeat bottom left;
   display: block;
	}
#menuprinc #m2{
   width: 118px;
   height: 45px;
   background: url(m2.jpg) no-repeat bottom left;
   display: block;
	}
#menuprinc #m3{
   width: 118px;
   height: 45px;
   background: url(m3.jpg) no-repeat bottom left;
   display: block;
	}
#menuprinc #m4{
   width: 136px;
   height: 45px;
   background: url(m4.jpg) no-repeat bottom left;
   display: block;
	}
#menuprinc #m5{
   width: 68px;
   height: 45px;
   background: url(m5.jpg) no-repeat bottom left;
   display: block;
	}
#menuprinc #m1:hover, #menuprinc #m1.on{
   background-position: top left;
	}
#menuprinc #m2:hover, #menuprinc #m2.on{
   background-position: top left;
	}
#menuprinc #m3:hover, #menuprinc #m3.on{
   background-position: top left;
	}
#menuprinc #m4:hover, #menuprinc #m4.on{
   background-position: top left;
	}
#menuprinc #m5:hover, #menuprinc #m5.on{
   background-position: top left;
	}
	
	
#visuelacc {
	width:933px;
	height:107px;
	padding-top:100px;
	padding-left:67px;
	background:url(visuel1b.jpg);
	}
	
	
#visuel2a {
	width:1000px;
	height:207px;
	background:url(visuel2a.jpg);
	}
#visuel21 {
	width:1000px;
	height:207px;
	background:url(visuel2b.jpg);
	}
#visuel22 {
	width:1000px;
	height:207px;
	background:url(visuel2c.jpg);
	}
#visuel23 {
	width:1000px;
	height:207px;
	background:url(visuel2d.jpg);
	}
	
#visuelacc h3 {
	color:#FFF;
	font-family:verdana;
	font-size:1em;
	font-weight:normal;
	margin:0px;
	line-height:17px;
	}
	
	
#visuel2a ul, #visuel21 ul, #visuel22 ul, #visuel23 ul{
   list-style-type: none;
   margin:0;
   padding:0;
}
	
#btnacc {padding-top:20px;height:114px;}


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

#btnacc div{float:left;margin-left:13px;}
	
#btnacc1 a {
	display:block;
	width:300px;
	padding-left:14px;
	padding-top:60px;
	height:54px;
	background:url(btn1.jpg);
	font-family:verdana;
	font-size:0.95em;
	line-height:13px;
	color:#2C2C2C;
	}
#btnacc2 a {
	display:block;
	width:300px;
	padding-left:14px;
	padding-top:60px;
	height:54px;
	background:url(btn2.jpg);
	font-family:verdana;
	font-size:0.95em;
	line-height:13px;
	color:#2C2C2C;
	}
#btnacc3 a {
	display:block;
	width:300px;
	padding-left:14px;
	padding-top:60px;
	height:54px;
	background:url(btn3.jpg);
	font-family:verdana;
	font-size:0.95em;
	line-height:13px;
	color:#2C2C2C;
	}

/* DIVS INTERNE */	

#text-int p {
padding : 10px;
}

.div-int{
	background:url(bg-div.jpg) repeat-x top left;
}

.div-int2{
	border-left:1px solid #ddd;
}

.div-int3{
	border-top:1px solid #b50508;
}

.div-int4{
	border:1px solid #b50508;
	border-width: 1px 0 1px 0;
	text-align:center;
}

.valeurs{
 background:url(valeurs-photo.jpg) no-repeat bottom right;
 }
 
.srisolutions{
	background:url(psri-photo.jpg) no-repeat bottom right;
}

.div-int-home{
	background:url(bg-div-home.jpg) repeat-x top left;
}

.font-int{
	font-weight: bold;
	color: #b50508;
}	

.rouge{
	font-weight: bold;
	color: #b50508;
}	

.link-int{
background: #efefef;
padding:10px;
border:1px solid #ddd;
}

.pres1{
padding:0 10px 0 240px;
background:url("perso-pres.jpg") no-repeat bottom left;
}

.pres2{
background:#b50508;
width:470px;
padding:10px;
color:#fff;
}

.pres3{
float:left;
width:570px;
padding:0px 10px 0 10px;
background:#efefef;
margin-right:10px;
}

.pres4{
background:#efefef;
text-align:center;
float:right;
width:380px;
padding:10px;
margin-bottom:10px;
}	
	
#contact1 {
	height:259px;
	float: left;
	margin-left:10px;
	padding: 50px 30px 0px 15px;
	width: 281px;
	background: transparent url(contact_photo.jpg) top left no-repeat;
}	

#contact2 {
	float: left;
	padding: 0 0 0 30px;
	width: 620px;
}
	
.accessibilite{
margin-top:20px;
margin-bottom:10px;
width:100%;
height:42px;
background:transparent url(touches-accessibilite.jpg) top right no-repeat;
}	
	
.plan-site{
margin-top:20px;
margin-bottom:10px;
width:100%;
height:42px;
background:transparent url(plan-du-site.jpg) top right no-repeat;
}		
	
	
	
#contenuacc {
	margin-top:20px;
	width:1000px;
	overflow:hidden;
	background:url(fond-part.jpg);
	margin-bottom:40px;
	}
	
	
#part1 {
	float:right;
	width:450px;
	padding-right:25px;
	margin-top:3px;
	}
	
#part2 {
	float:right;
	width:450px;
	padding: 0 55px 0 20px;
}

#part2 p{
	padding: 3px 10px 0px 10px;
}
	
	
.zoomer {
	font-weight:normal;
	width:75px;
	display:block;
	float:left;
	}
	
.titre{
   font-size: 1.2em;
   font-weight: bold;
   color: #B90509;
}
.minimized{
   letter-spacing: -0.05em;
}
	
	
	.imgsfloat{
      float: left;
      margin: 15px 10px 10px 0;
   }
	
	
#baspage {
	width:1000px;
	height:60px;
	text-align:center;
	background:url(fond-baspage.jpg);
	line-height:14px;
	padding-top:8px;
	font-family:verdana;
	font-size:0.95em;
	}
	
#baspage p {
	margin-top:0px;
	margin-bottom:6px;
	}
	
#baspage a {
	color:#2C2C2C;
	}
	
.adresse {color:#B90509;}
	
	
	
	
#contenupage {
	margin-top:0px;
	width:1000px;
	overflow:hidden;
	margin-bottom:40px;
	}
	

#titreint {
	text-align:right;
	margin-top:20px;
	margin-bottom:10px;
	}
	
#contenuint {
	margin-top:0px;
	width:1000px;
	overflow:hidden;
	background:url(fond-interne.jpg) repeat-y;
	margin-bottom:40px;
	}


/****** MENU INTERNE *****/

#menuinterne {
	width:281px;
	line-height:20px;
	float:left;
	text-align:left;
	margin-top: 10px;
	}
	
#menuinterne h2 {
	color:#B90509;
	font-family:verdana;
	font-size:1.1em;
	font-weight:bold;
	margin:0px;
	padding-left:3px;
	padding-top:1px;
	margin-top:15px;
	}
	
#menuinterne h2 a {
	color:#B90509;
}

#menuinterne ul {
	margin:0px;
	padding:0px;
}

#menuinterne li {
	margin:0;
	padding:4px 0 4px 12px;
	line-height: 1.2em;
	background: transparent url(menuinterne_arrow.gif) 4px 9px no-repeat;
}

#menuinterne li a {
	color:#2c2c2c;
}

#menuinterne li a:hover {
	color: #000;
}

#desrond{
	margin-top:20px;
	border:1px solid #ccc;
	background: transparent url(des3d.gif) top right no-repeat;

}

#desrond span a{
	display : block;
	background: transparent url(txtdesrond.jpg) 5px 0 no-repeat;
	height:99px;
	width:176px;
	text-indent:-9999px;
	

}

/*** Actif */
#menuinterne h2.intactif {
	background: #eee url(menuinterne_arrow_actif.gif) top right no-repeat;;
}

#menuinterne li.intactif {
	background: #eee url(menuinterne_arrow.gif) 4px 9px no-repeat;
	padding: 0 0 0 12px;
}

#menuinterne li.intactif a {
	display: block;
	background: transparent url(menuinterne_arrow_actif.gif) top right no-repeat;
	padding: 4px 0;
	color: #000;
}


	
#text-int {
	width:670px;
	float:right;
	padding-right:10px;
	}
	
#text-int a{
	color:#B90509;
	}
	
.dnone{
   display: none;
}
	
	
table {
	background: #fff;
	border: 1px solid #ddd;
	text-align: center;
}

table th {
	color: #fff;
	background: #b90509;
	padding: 4px;
	border: 1px solid #fff;
}

table td {
	padding: 4px;
}
	
	
	
/*    CONTACT     */
	
ul.contact{
   list-style-type: none;
   float:left;
   /*
   margin: 0 20px !important;
   margin: 0 30px;
   */
   margin: 20px 0 0 0;
   padding: 0;
}
#contextarea{
/*   padding-right: 30px !important;*/
	padding: 0 0 0 30px;
   float:left;
}
.contact li{
   width: 250px;
   margin: 0;
   margin-bottom: 5px;
}
.contact li label{
   display: block;
   padding-bottom: 5px;
   cursor: pointer;
   font-weight: bold;
   text-align: left;
   height: 20px;
}

#contextarea.contact li label {
	height: 19px;
}

.contact li input, .contact li textarea{
   color:#888;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   padding: 5px 5px 3px 3px;
   display: block;
   width: 250px;
   border: 1px solid #ddd;
   text-align: left;
   height: 14px;
   background: transparent url(form.gif) top left no-repeat;
}
.contact li textarea{
   height: 176px;
   width: 320px;
}

.contact li.error label{
   color: #BB0000;
}
.contact li.error input, .contact li.error textarea{
   border-color: #BB0000;
}

.mailsub{
   width: auto !important;
   margin: 15px auto 0 auto;
   text-align: center;
   border: 1px solid #dddddd;
   background-color: #eeeeee;
}

.mailsub:hover{
   border: 1px solid #cccccc;
   background-color: #eeeeee;
   color: #bb0000;
}


.contactcenter{
   text-align: center;
   clear: both;
}
.contact li input:focus, .contact li textarea:focus{
   border: 1px solid #ffc3c3;
}




/*  ACCESSIBILITE   */
#accessibilite{
    list-style-type: none;
    padding:0;
	margin:0 auto;
	position:relative;
}

#accessibilite ul{
padding:0;
margin:0 auto;
}

#accessibilite li{
   float: left;
   color: #000000;
   line-height: 23px;
   margin-bottom:2px;
}
#accessibilite li a{
   color: #000000;
}
#accessibilite li a:hover{
   text-decoration: underline;
}
#accessibilite li img{
   vertical-align: middle;
}