html { font-size: 100%; }



body {
 font-family: Tahoma, Arial, Verdana, sans-serif,century gothic;
 font-size: 12px;
 text-align: center;
 background-color:#EFEADB
}



div{
margin: 0px;
border: /*1px solid blue*/;  /* définition de bordure par defaut pour tous les blocs */ 
}

#page { position: relative; width: 100%; margin: 0 auto; text-align: left; background-color:/*#d7dadc*/#EFEADB; }

#conteneur {
width:980px;
border: /*1px solid red*/; /* redéfinition de bordure */ 
margin: 0 auto; /* pour centrer tout le contenu de la page */ 
background-color:/*#d7dadc*/#EFEADB;
padding-top:10px;
padding-bottom:80px;


}
#conteneur2 {
width:980px;
border: /*1px solid red*/; /* redéfinition de bordure */ 
margin: 0 auto; /* pour centrer tout le contenu de la page */ 
background-color:/*#d7dadc*/#EFEADB;;
padding-top:10px;
padding-bottom:80px;


}





/*Bandeau et ses éléments*/

#Titre {
padding-top:10px;
float:left;
witdh:50%;
height:85px;
margin-left:7%;
color:#225570/*#D0E4E1*/;
}

.bandeau {
width:980px;
margin-left:;
height:106px;
border: /*2px solid yellow*/;
margin-top:10px;
margin-bottom:30px;
background-image:url(bandeauimage980.jpg);
background-position:top left;
background-repeat : no-repeat;
background-color:#17247A;


}

.imagebandeau {
width:100%;
height:85px;
float:left;
margin-left:0px;
color:black;
font-size: 46px;
background-image:url(poigneevisagebis.jpg);
background-position : 91% 0%;
background-repeat:no-repeat;
}

.logo {
float:left;
width:80px;
height:85px;
margin-left:50px;
background-image: url(logobis.jpg);

}

/*Arrondissement des angles*/

.coind {
float:right;
width:15px;
height:50px;
background-image:url(coin_hauddroit.jpg);
background-position:top right;
background-repeat : no-repeat;
}

.coing {
float:left;
width:15px;
height:20.5px;
background-image:url(basgauche.jpg);
background-position:bottom left;
background-repeat : no-repeat;


}

/*définition du contenu et des 3 colonnes le composant*/

#contenu {
width:980px;
margin-left:;
min-height:30px;
border:/* 2px solid green*/; /* redéfinition de bordure */ 
background-image:url(plaquetteclaire980.jpg);
margin-top:25px;
margin-bottom:-5px;

background-repeat:;


 /* image de fond  */

}

#contenu2 {
width:980px;
margin-left:;
min-height:30px;
border:/* 2px solid green*/; /* redéfinition de bordure */ 
background-image:url(plaquetteclaire980bis.jpg);
margin-top:25px;
margin-bottom:-5px;

background-repeat:;


 /* image de fond  */

}


#gauche {
float:left;
width:26%;
min-height:100px;

}
 
#gauche2 {
float:left;
width:35%;
min-height:100px;
padding-top:42px;
margin-left:15px;
 }

#centre {
float:left;
width:38.5%;
min-height:100px;
ligne-height:1.5em;

}



 

#droit {
float:left;
width:35%;
min-height:100px;
}


#enbas {
clear:both;
width:100%;
padding-top:;
height:33px;
margin-top:30px;
background-image:url(piedepage.jpg);
 background-repeat : no-repeat;

margin: 4px auto; /* pour centrer le bas page */  
}

.affbas {
width:70%;
margin-left:12%;
padding-top:8px;
height:;
}



/* Pour que le bloc suivant aille bien en dessous*/

.clr {
  clear: both;
  font-size:0;
  line-height:0;
  border: 0px;
  } 


/* définition menu horizontal*/

#menu ul { 
margin:0; 
padding:0; 
list-style-type:none; 
text-align:center; 
} 
#menu li { 
float:left; 

padding:0; 


} 
#menu li a { 
display:block; 
width:131px; 
margin-left:0px;
color:#225570; 
background-color:;
text-decoration:none; 
padding:1px; 
text-align:center;

} 
#menu li a:hover { 
color:#0cd2c1;
text-align:center;
} 
#menu ul li ul { 
display:none;
color:green;
width:131px;
margin-left:0px;
background-color:/*#17247a*/white; 
text-align:center;

} 
#menu ul li:hover ul { 
display:block; 
} 
#menu li:hover ul li { 
float:none; 
} 
#menu li ul { 
position:absolute; 
} 
#menu { 
float:left;
height:20.5px;
margin-left:0px; 
margin-left:auto;
background-image:url(menu980.jpg);
width:100%;
padding-top:4px;
padding-bottom:0px;
text-align:justify;;
background-position:bottom;
background-repeat : no-repeat;


} 

/* définitions des cadres de chaque colonne des contenus*/

.encadre7 {


float:left;
width:100%;
height:20%;
margin-left:;
background-color:;
color:orange;

}


.encadre {


float:left;
width:98%;
margin-left:5%;
min-height:30px;
margin-top:8px;
margin-bottom:20px;
background-color:white;

color:orange;

}

/*Image du département Isère sur le sommaire*/
.imagebj {
float:left;
width:51px;
height:148px;
background-image:url(isere_bourgoin_NE3.jpg);
background-position:bottom;
background-repeat : no-repeat;}

.imagegre {
float:left;
width:112px;
height:148px;
background-image:url(isere_GRENOBLE_SE3.jpg);
background-position:top;
background-repeat : no-repeat;
}

.imagegre:hover{color:orange;text-decoration:none;}

.imagemoi {
float:left;
width:120px;
height:148px;
background-image:url(isere_MOIRANS_NEE3.jpg);
background-position:bottom;
background-repeat : no-repeat;
}

.imagemarc {
float:left;
width:132px;
height:148px;
background-image:url(isere_STMARC_SO3.jpg);
background-position:top-right;
background-repeat : no-repeat;}

.imagevi {
float:left;
width:75px;
height:148px;
background-image:url(isere_VIENNE_NO3.jpg);
background-position:right;
background-repeat : no-repeat;}

/*encadre de droite sommaire*/
.encadre5 {
float:left;
width:90%;
min-height:30px;
margin-left:5%;
margin-top:2px;
margin-bottom:50px;
background-color:;
border:1px outset black;
color:orange;
line-height:1.3em;
}

.encadre2 {
float:left;
/*overflow:auto;*/
width:90%;
min-height:30px;
padding-top:0px;
margin-top:2px;
margin-bottom:40px;
margin-left:5%;
line-height:1.8em;

color:orange;
}

.encadre3 {
float:left;
width:90%;
height:5%;
margin-top:2px;
margin-left:5%;
background-color:grey; 
color:orange;
}

.savoirplus {
float: left;
width:100%;
min-height:30px;
}

.encadre4 {
float:left;
width:82.5%;
min-height:5px;
margin-top:2px;
margin-left:5%;
background-color:#daefe6;
border:1px outset black; 
color:black;
text-align:left;
padding:8px;
padding-left:15px;
font-size:14px;
}

.encadre44 {
float:left;
width:50%;
margin-left:30%; }

/* définition des polices et autres éléments typo*/

H0 {
 
 font-family: century gothic;
 font-size: 24px;
 text-align: left;
 color:black;
 margin-left:9em;
 background-color:grey;
 width:50%;
}

H1 {
 font-family: century gothic;
 font-size: 24px;
 text-align: left;
 color:orange;
 margin-left:5%;
 background-color:#D7DADC;
 width:90%;
}

H7 {
 font-family: century gothic bold;
 font-size: 24px;
 text-align: left;
 color:orange;
 margin-left:5%;
 background-color:#D7DADC;
 width:95%;
}
H16 {
 font-family: century gothic;
 font-size: 14px;
 text-align: justify;
 color:black;
 margin-left:15px;
 margin-right:15px;

}

H2 {
 font-family: century gothic;
 font-size: 24px;
 text-align: center;
 color:orange;
 margin-left:5%;
 background-color:#D7DADC;
 width:90%;
}
   H22 {
 font-family: century gothic;
 font-size: 24px;
 text-align: center;
 color:#17247A;
 font-weight: bold ;
}


H00 {

font-family: century gothic;
 
font-size: 24px;
 text-align: left;
 color:black;
 margin-left:5em;
 background-color:grey;
 width:50%;

}



H4 {
 ligne-height:1.5em;
 font-family: century gothic;
 font-size: 15px;
 text-align: left;
 color:orange;
margin-left:5px;
margin-right:5px;
}

H9 {
 font-family: century gothic;
 font-size: 14px;
 text-align: justify;
 color:black;
margin-left:5px;
margin-right:5px;}

H5 {
 font-family: century gothic;
 font-size: 14px;
 text-align: justify;
 color:black;
margin-left:5px;
margin-right:5px;}

H3 {

 font-family: century gothic;
 font-size: 12px;
 text-align: justify;
 color:black;
margin-left:20px;
margin-right:5px;
}

H6 {
font-family: century gothic;
 font-size: 12px;
 text-align: RIGHT;
 color:#17247A;
 margin-right:5px;}
	

a {color:black /*#17247A*/;text-decoration:none;}
a:visited{color:black}
a:hover{color:orange;text-decoration:underline;}

/*habillage spécifique Article.html*/

#bandeauariane {
width:100%;
min-height:30px;

}

#contenugauche {
float:left;
width:71%;
min-height:100px;
text-align:justify;
}

#contenudroite {
float:right;
width:29%;
height:100%;
padding-bottom:5%;
text-align:justify;
background-color:#D7DADC;

}

#ariane  {
float:left;
width:60%;
height:60px;
}

.rubrique {
float:left;
width:90%;
margin-left:5%;
margin-top:10%;
min-height:30px;
background-color:/*#0cd28f #0cd2b1*/#daefe6;
border:1px outset black;
}

.article {
float:left;
width:95%;
min-height:30px;
margin-bottom:10%;
margin-left:2.5%;
font-family:century gothic ;
font-size:14px;
}

.article2 {
float:left;
width:70%;
min-height:0px;
background-color:#daefe6/*#D7DADC*/;
margin-left:20%;
border:1px outset black;
margin-bottom:40px;
padding-left:5px;
padding-right:5px;
}
.article3 {
float:left;
width:48%;
height:300px;
margin-bottom:5%;
background-color:#D7DADC;
margin-left:11px;
}

.logorub {
float:left;
width:100px;
height:100px;
}
#titrerubrique {
float:left;
width:100%;
min-height:30px;
text-align:center;
font-size: 15px;
color:orange;
 font-family: century gothic;
}

H11 {
 font-family: century gothic;
 font-size: 14px;
 text-align: left;
 color:orange;
 margin-left:5%;
 background-color:#D7DADC;
 width:90%;
}


/* info-bulle pour page sommaire*/

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 32px;
    left: -180px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    min-height:30px;
	background: #ffc;
    width:170px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 89px;
    height: 7px;
    width: 11px;
    background: transparent url(infobulle.png);
    margin:0;
    padding: 0;
    border: 0;
}

a.tooltip2 em {
    display:none;
}
a.tooltip2:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip2:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 32px;
    left: -258px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
}
a.tooltip2:hover em span {
    position: absolute;
    top: -7px;
    left: 112px;
    height: 7px;
    width: 11px;
    background: transparent url(infobulle.png);
    margin:0;
    padding: 0;
    border: 0;
}

a.tooltip3 em {
    display:none;
}
a.tooltip3:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip3:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 95px;
    left: -250px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
}
a.tooltip3:hover em span {
    position: absolute;
    top: -7px;
    left: 22px;
    height: 7px;
    width: 11px;
    background: transparent url(infobulle.png);
    margin:0;
    padding: 0;
    border: 0;
}

a.tooltip4 em {
    display:none;
}
a.tooltip4:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip4:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: -74px;
    left: -170px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
}
a.tooltip4:hover em span {
    position: absolute;
    top: 205px;
    left: 60px;
    height: 7px;
    width: 11px;
    background: transparent url(infobulle2.png);
    margin:0;
    padding: 0;
    border: 0;
}

a.tooltip5 em {
    display:none;
}
a.tooltip5:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip5:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: -155px;
    left: -260px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
}
a.tooltip5:hover em span {
    position: absolute;
    top: 218px;
    left: 101px;
    height: 7px;
    width: 11px;
    background: transparent url(infobulle2.png);
    margin:0;
    padding: 0;
    border: 0;
}


.reactionlivredor {
float:left;
overflow:auto;
margin-left :15%;
max-height:800px;
width:45%;
margin-top:5%;
margin-bottom:5%;
height:50%;
background-color:#D7DADC;
 font-family: century gothic;
color:black;
text-align:center;

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }
}

/* Habillage general des menus de navigation */
.menu2 { clear: both; margin-bottom: 2em; text-align: left; }
.menu2 p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu2 ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #DDD; }
.menu2 ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; }
.menu2 ul li ul { margin-left: 1em; border: 0; }
.menu2 ul li li { padding: 0; border: 0; }

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

#navigation { float: right; width: 20%; margin-top: 1em; overflow: hidden;text-align : justify }

.cache {
float:left;
width:100%;
min-height:0px;
margin-bottom:5%;
}

.menuplan {
float:left;
width:30%;
margin-left:15%;
margin-top:0%;
min-height:30px;
background-color:#0cd28f;
border:1px outset black;
}

.menuarticle {
float:left;
width:48%;
min-height:0px;
margin-top:0%;
background-color:#0cd28f;
margin-left:5%;
}


.calendrier {
padding:;
float:left;
width:98%;
margin-left:5%;
margin-top:2%;
min-height:30px;
background-color:/*#0cd28f #0cd2b1*/#0cd2c1;
border:1px outset black;
}

H33 {

 font-family: century gothic;
 font-size: 10px;
 text-align: justify;
 color:red;

}
H44 {

 font-family: century gothic;
 font-size: 18px;
 font-weight: bold;
 color:black;

}

.bienvenue  {
float :left;
margin-left:30%;
width:20%
}

.visites {
float:left;
margin-top:20px;
margin-left:-425px;
width:200px;
}

.visites2 {
float:right;
margin-top:-27px;
margin-left:5%;
width:20%;
}

.date {
float:left;
margin-left:2%;
width:10%;
}

.special {
width:100%;
 font-family: century gothic;
 font-size: 44px;
 text-align: left;
 color:orange;
 margin-left:5%;
 background-color:#D7DADC;
 width:92%;
}

.tiroir {
float:left;
width:98%;
height:0px;
margin-bottom:7px;
margin-top:7px;
background-color:/*#D7DADC*/;
margin-left:0%;
border:1px outset black;
 
}

/* HABILLAGE DU PORTFOLIO */
#documents_portfolio {position: relative;}

#imageflow {
	background-color:#000;
	text-align:center;
	color:#fff;
	margin-left: 5px;
	margin-right: 5px;
	padding:0;
	font-size:100.1%;
	font:83%/1.4 verdana, arial, helvetica, sans-serif;
}
#imageflow img { 
	position:absolute; 
	top:0px;
	border:none;
}
#imageflow h1 {
	text-align:center;
}
#imageflow a{
	color:#fff;
}
.clear{
	clear:both;
}
#images{
	visibility:hidden;
}
#loading{
	margin-top:50px;
	text-align:center;
	width:100%;
}
#loading img{
	margin-top:10px;
	position:relative; 
}
#captions{
	font-weight:bold;
	position:relative; 
	text-align:center;
	z-index:10000;
}
#scrollbar{
	visibility:hidden;
	position:relative; 
	border-bottom:1px solid #b3b3b3;
	z-index:10001;
}
#slider{
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:10002;
	background-image:url(slider.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;	
}

#changelog{
	width:349px;
	border-right:solid 1px #666;
	float:left;
	margin-top: 15px;
}
#changelog div{
	text-align: justify;
	padding: 0 15px 5px 15px;
}

/* FIN HABILLAGE PORTFOLIO */

#imagespop {
	width:100%;
	height:200px;
	margin-top:100px;
	margin-bottom:0%;}

.imagepop {
	float:left;
	width:20%;
}



a.button{
background-image:url(button.jpg); 
display:block;
color:#;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:14px;
margin-top:35px;
text-decoration:none;
width:260px;
margin-left:15px;
padding-left:10px;
}
a:hover.button{
background-image:url(buttonhover.jpg); background-repeat : no-repeat;background-position:8px 6px;
color:orange;
}


.add{
background-image:url(etoile.png); background-repeat : no-repeat;background-position:7px 5px;
background-color:none;
text-indent:30px;
display:block;
}
.delete{
background:url('/img/delete.gif') no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.mail{
background:url(e_mail.jpg) ; background-repeat : no-repeat;background-position:6px 8px;
text-indent:30px;
display:block;
}

a.button2{
background-image:url(button.jpg); background-repeat : no-repeat;
display:block;
color:black;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:14px;
margin-top:20px;
text-decoration:none;
width:260px;
padding-left:20px;
font-family:century gothic;
}
a:hover.button2{
background-image:url(buttonhover.jpg); background-repeat : no-repeat;background-position:8px 6px;
color:orange;
}


/*Recherche*/

#contenudroite2 {
float:right;
width:24%;
height:100%;
padding-bottom:5%;
margin-top:px;
margin-right:5%;
text-align:justify;
background-color:#D7DADC;

}

#contenutruc {
width:980px;
border: /*1px solid red*/; /* redéfinition de bordure */ 
margin: 0 auto; /* pour centrer tout le contenu de la page */ 
background-color:/*#d7dadc*/White;
}

.prestation {
float:left;
width:95%;
height:600px;
margin-bottom:10%;
margin-left:2.5%;
font-family:century gothic bold;
font-size:12pt;
background-image:url(bilan.jpg);background-repeat:no-repeat;background-position:center;
}

.article33 {
float:right;
width:58%;
min-height:0px;
margin-bottom:15%;
background-color:;
margin-left:11px;
margin-right:7px;
}

.gaucherub {

float:left;
width:30%;

margin-right:10px,


}

.vae {
float:left;
width:250px;
height:108px;
margin-top:90px;
margin-left:45px;
}

.bp {
float:right;
width:276px;
height:93px;
margin-top:90px;
margin-right:80px;
}

.bc {
float:right;
width:200px;
height:93px;
margin-top:0px;
margin-right:80px;
}

.ar {
float:left;
width:171px;
height:98px;
margin-top:40px;
margin-left:60px;
}

.grh {
float:right;
width:201px;
height:78px;
margin-top:10px;
margin-right:80px;
}

.inno {
float:left;
width:201px;
height:113px;
margin-top:40px;
margin-left:65px;
}

.co {
float:right;
width:236px;
height:118px;
margin-top:15px;
margin-right:75px;
}