/******************************/
/*   style.css du site arpp   */
/******************************/
/*******************************/
/*définition des balises courantes*/
/*******************************/
*{
margin: 0;
padding: 0;
border: 0;
font-family: sans-serif;
font-size: 1em;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
body{
 background: #fff;
 text-align: center;/*on rétablit l'alignement normal de body ici pour IE */
 margin:30px 0 0 0;
}
img{
 
}
.cacher{
display:none;
}
.afficher{
float:left;
display:block;
}
a {  
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  font-weight: normal;
  color: #5e5e5e;  
}

a:hover { 
 cursor:hand;
}

a span {
  display: none; 
}

a:hover span{
 position:absolute;
 display: inline;
 top: 0px;
 left: 0px;
}

ul, ol, li{ 
list-style: none;     
       margin: 0px auto;
       padding-left: 0;
       margin-left: 0;
       font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;
	line-height:12px;a
	text-align:left;
}
p{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
}


/*******************************/
#contenu-index{
 position:relative;
 margin: 0px auto;
 padding: 0;
 width: 789px;
 height: 539px;
 background: url(images/arpp-index-fond.jpg) no-repeat;
 text-align: left; /*on rétablit l'alignement normal du texte */
}

#intro{
 position:absolute;
}

/***********************************/
/*contenu iconographique de l'index*/
/***********************************/

#index-couv{
 position:absolute;
 top: 7px;
 left: 369px;
}
#index-logo{
 position:absolute;
 top: 27px;
 left: 35px;
}
#index-solution{
 position:absolute;
 top: 86px;
 left: 200px;
}
#index-information{
 position:absolute; 
 top: 303px;
 left: 28px;
}
#index-plansite{
 position:absolute;
 top: 506px;
 left: 28px;
}
#index-animation{
   position:absolute;
 top: 295px;
 left: 248px;
}

#index-menu{
  position:absolute;
  margin: 240px 0 0 30px;
}
#img-coord-about {
  position:absolute;
}
#img-coord-contact {
  position:absolute;
  margin: 20px 0 0 0;
}

#index-info{
 position:absolute;
 margin: 420px 0 0 30px;
 width:150px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #5e5e5e;
 text-decoration: none;
}

#index-info li a{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #e2007a;/*#ff6600;*/
 text-decoration: none;
 text-align: left;
 height: 20px;

}
#index-info li a:link{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #e2007a;/*#ff6600;*/
 text-decoration: none;
 text-align: left;
 height: 20px;

}
#index-info li a:hover{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #e2007a;/*#ff6600;*/
 text-decoration: underline;
 text-align: left;
}
#index-intro{
 position:absolute;
 top: 395px;
 left: 270px;
 width:480px;
}
#footer{
 position:absolute;
 text-align:right;
 width:450px;
 top: 505px;
 left:319px;
}
/************commun a toutes les pages***************/
#type-acces{
 position:absolute;
 top: 87px;
 left: 240px;
}
#index-acces{
 position:absolute;
 width:480px;
 top: 257px;
 left: 244px;
}

#img-acces-multimedia {
  position:absolute;
}

/*
#img-acces-informatique {
  position:absolute;
  margin: 0 0 0 107px;
}
*/

#img-acces-traitement {
  position:absolute;
  /*margin: 0 0 0 223px;*/
  margin: 0 0 0 157px;
}
#img-acces-externalisation {
  position:absolute;
  /*margin: 0 0 0 397px;*/
  margin: 0 0 0 367px;
}

a.ssmenu{
        background-color:#fff;
        color:#5e5e5e;
        text-align:center;
        text-decoration:none;
        font-weight: bold;
        font-size:11px;
        cursor:pointer;
        vertical-align:middle;
        border-color:#000;
        border-style:solid;
        border-width:1px;
        border-bottom-width:2px;
        border-bottom-color:#5e5e5e;
        padding: 3px;
        margin:0px;
		line-height:30px;
    }

a.ssmenu:hover {
    background-color:#5e5e5e;
    color:#fff;
    text-align:center;
    text-decoration:none;
    font-weight: bold;
    font-size:11px;
    cursor:pointer;
    vertical-align:middle;
    border-color:#000;
    border-style:solid;
    border-width:1px;
    border-bottom-width:2px;
    border-right-color:#8a8c8e;
    border-left-color:#8a8c8e;
    border-bottom-color:#8a8c8e;    
    padding: 3px;
    margin:0px auto;
	line-height:30px;
}


/********les autres pages *************/
#contenu-type{
  position:relative;
 margin: 0px auto;
 padding: 0;
 width: 789px;
 height: 731px;
  background: url(images/arpp-type-fond.jpg) no-repeat;
 text-align: left; /*on rétablit l'alignement normal du texte */
}
#type-logo{
position:absolute;
top:20px;
left:3px;
}
#type-banniere{
 position:absolute;
 top: 10px;
 left:352px;
 z-index:0;
}
#type-solution{
position:absolute;
top:49px;
left:170px;
z-index:10;
}
.type-footer{
position:absolute;
top:700px;
left:319px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal; color: #5e5e5e;
text-decoration: none;
text-align:right;
}
.type-footer2{
position:absolute;
top:700px;
left:255px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal; color: #5e5e5e;
text-decoration: none;
text-align:right;
}
#type-fond-contact{
 width:782px;
 height:499px;
 position:absolute;
 top:197px;
 left:-9px;
 background: url(images/fond-contact.gif) no-repeat;
 z-index:0;
}
#type{
 position:absolute;
 top:160px;
 left:170px;
 width:600px;
 height:515px;
 overflow:auto;

}
/*gifs animes sur les cotes*/
#type-un{
 position:absolute;
 top: 273px;
 left: 40px;
}

#type-de{
 position:absolute;
 top: 441px;
 left: 40px;
}
/****apropos, contact, plandusite, *******/

#type-coord{
 position:absolute;
 z-index:20;
 top:159px;
 left:38px;
}

#type-about{
 position:absolute;
}
#type-contact{
 position:absolute;
 top:19px;

}
#type-plansite{
 position:absolute;
 top: 41px;
 z-index:10;
}

#type-edition{
 position:absolute;
 top:118px;
 left:243px;

}
#type-multimedia{
 position:absolute;
top:118px;
left:350px;

}
#type-informatique{
 position:absolute;
top:118px;
left:450px;
}
#type-audiovisuel{
 position:absolute;
top:118px;
left:432px;
}
#type-formation{
 position:absolute;
top:118px;
left:590px;
}

/**dipsositon texte*/
.type-central{
display:block;
float:left;
margin-bottom:5px;
margin-top:5px;
width:570px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}
.type-gauche{

display:block;
float:left;
margin-bottom:5px;
margin-top:5px;
padding-left:5px;
padding-top:5px;
width:280px;

}
.type-droite{

display:block;
float:left;
margin-bottom:5px;
margin-top:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
width:280px;
}
.img-titre-demi{
width:280px;
height:35px;
}
.img-titre-central{
display:block;
float:left;
width:580px;
}



/*gris fonce:585b5e*/
/*orange:f58220*/
/*style du site arpp*/
/********************/
/*attention, dans l'ordre: link,visited,hover,active*/

.verdana9gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;
}
.verdana9gris:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: underline;
}
.verdana9gris:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: underline;
}
.verdana11gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;
}
.verdana11gris:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;
}
.verdana11gris:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;
}
.verdana11grisGras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5e5e5e;
	text-decoration: none;
}
.verdana11grisGras:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5e5e5e;
	text-decoration: none;
}
.verdana11grisGras:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5e5e5e;
	text-decoration: none;
}
.verdana12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
.verdana12:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}
.verdana12:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
.verdana12grisGras {
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.verdana10grisgras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #5e5e5e;
	text-decoration: none;
	line-height:12px;
	text-align:left;
}

.verdana10gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;
	line-height:12px;
	text-align:left;
}
.verdana10gris:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;
	line-height:12px;
}
a.verdana10gris:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: underline;
	line-height:12px;
	text-align:left;
}
.verdana10grisSouligne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;
}
.verdana10grisSouligne:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;
}
.verdana10grisSouligne:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: underline;
}
.verdana12_souligne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}
.verdana12_souligne:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: undeline;
}.verdana12_souligne:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: undeline;
}
.verdana12gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	text-align: right;
	vertical-align: bottom;
}
.verdana12gris:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}
.verdana12gris:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}
.verdana12vert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #468ca4;
	text-decoration: none;
}
.verdana10vert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #468ca4;
	text-decoration: none;
}
.verdana20blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	text-align: right;
}
.verdana20Vert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #4a7d8e;
	text-decoration: none;
	text-align: right;
}
.verdana20Vertclair {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #b8d3d1;
	text-decoration: none;
	text-align: right;
}
.verdana14Blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.verdana13gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;
}
.verdana10noirCentre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;

}
.verdana10noirCentre:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: center;
	height: 20px;
}
.verdana10noirCentre:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
	text-align: center;
}
.verdana10grisGauchedeuz {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;

}
.verdana12grisGauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;

}
.verdana12grisGauche:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;
	text-align: left;
	height: 20px;
}
.verdana12grisGauche:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;
	text-align: left;
}
.verdana11orangeGras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #e2007a;
	text-decoration: none;
	text-indent: 0pt;
}
.verdana11orangeGras:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #e2007a;
	text-decoration: none;
	text-align: left;
	height: 20px;
}
a.verdana11orangeGras:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #e2007a;
	text-decoration: underline;
	text-align: left;
}

.verdana11MagentaGras{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#e2007a;
  margin-top:10px;
  margin-bottom:10px;
}
.sign {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #748d95;
	text-decoration: none;
}
.sign:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #748d95;
}
.sign:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #748d95;
	text-decoration: underline;
}
.sign_souligne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #748d95;
}
.sign_souligne:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #748d95;
}
.sign_souligne:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: underline;
}
.gras{
font-weight:bold;
}
.v11gris{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;
}
#arpp-video {
	position:absolute;
	left: 290px;
	top: 15px;
	width:285px; 
	height:100px;
}
#arpp-anim {
	position:absolute;
	left: 290px;
	top: 200px;
	
}
#contact-form{
	position:absolute;
	left: 68px;
	top: 60px;
	width:160px;
}
#contact-adresse{
	position:absolute;
	left: 265px;
	top: 15px;
}
#contact-itineraire{
	position:absolute;
	left: 265px;
	top: 390px;
	width:300px;
}
#contact-plan{
	position:absolute;
	left: 610px;
	top: 30px;
}
#about-fond{
	position:absolute;
	left: -10px;
	top: 166px;
}
input{
  display:block;
  float:left;
  border: solid 1px #7f9db9;
  width:155px;
  margin:2px 0px 0px 0px;
  height:12px;
  padding-top:2px;
  padding-bottom:2px;
  margin-bottom:2px;
  color:5e5e5e;
}
.envoyer{
  display:block;
  float:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;  
  text-decoration: none;
  border: solid 1px #7f9db9;
   width:157px;
  margin:2px 0px 0px 0px;
  height:20px;
  padding-top:2px;
  padding-bottom:2px;
  margin-bottom:2px;
  color:5e5e5e; 
  cursor:hand; 
}
.envoyer:hover{
  display:block;
  float:left;
  border: solid 1px #7f9db9;
  
  margin:2px 0px 0px 0px;
  height:20px;
  padding-top:2px;
  padding-bottom:2px;
  margin-bottom:2px;
  color:5e5e5e;
  cursor:hand;
}
textarea.commentaire{
  display:block;
  float:left;
  border: solid 1px #7f9db9;
  width:155px;
  height:185px;
  margin:2px 0px 0px 0px;  
  padding-top:5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #5e5e5e;
  text-decoration: none;
}
select{
  display:block;
  float:left;
  border: solid 1px #7f9db9;
  width:155px;
  margin:2px 0px 0px 0px;
  height:15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #5e5e5e;
  text-decoration: none;
}
.droite{
text-align:right;
}
.trans1{
  	position:absolute;
  	top:0px;
  	left:-90px;
	width:174px;
	height:23px;
	z-index:5;
}
.trans2{
  	position:absolute;
  	top:25px;
  	left:-90px;
	width:174px;
	height:21px;
	z-index:5;
}
.trans3{
  	position:absolute;
  	top:47px;
  	left:-90px;
	width:174px;
	height:33px;
	z-index:5;
}
.trans4{
  	position:absolute;
  	top:82px;
  	left:-90px;
	width:174px;
	height:36px;
	z-index:5;
}
.organisation{
  	position:absolute;
  	top:125px;
  	left:-90px;
	width:160px;
	height:36px;
	z-index:10;
        text-align:left;
}
#about-gauche{
        position:absolute;
	left: 150px;
	top: 390px;
	width:175px;
}
#about-organisation{
        position:absolute;
	left: -100px;
	top:-110px;
	width:175px;
	z-index:20;
}
#about-presentation{
        position:absolute;
	left: 260px;
	top: 210px;
	width:480px;
	text-align:left;
}
#about-moyens{
        position:absolute;
	left: 0px;
	top: 335px;
	width:480px;
	text-align:left;
}
.moyen{
        position:absolute;
  	top:30px;
  	left:0px;
	width:480px;
	height:36px;
	z-index:10;
        text-align:left;
}
.base200{
width:200px;
}
#commercialConnexion{
margin-left:150px;
}
.commercialInput{
width:150px;
font-size:11px;
}
.commercialLabel{
width:150px;
font-size:12px;
}
.commercialBtn{
width:100px;
font-size:12px;
text-align:left;
color:#e2007a;
font-weight:bold;
background-color:#fff;
border:0px;
height:20px;
}
.erreur{
font-weight:bold;
}

.deconnect{
font-size:11px;
color:#999;
font-weight:bold;
text-decoration:none;
margin-left:100px;
}
.deconnect:hover{
font-size:11px;
color:#999;
font-weight:bold;
text-decoration:underline;
margin-left:100px;
}
#listeCompte{
font-size:12px;
}
#listeCompte th{
font-size:13px;
color:#e2007a;
text-align:left;
}
#listeCompte td{
font-size:12px;
text-align:left;
}

#detourage{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #5e5e5e;
text-decoration: none;
}
#tableDetourage{
width:570px;
}
.inputNombre{
width:25px;
}
.inputDetourage {
width:150px;
margin-bottom:10px;
}
.textInfo{
 width:400px;
height:80px;
border:1px solid;
border: solid 1px #7f9db9;
margin-bottom:10px;
}

.btnEnvoyer {
width:70px;
color:#5e5e5e;
font-weight:bold;
height:auto;
background-color:#fff;
border:1px solid #7f9db9;
}