/* CSS Document */

html
{
height:100%;
}

body
{
height:100%;
margin:0px;
background-image:url(images/ui/ui2008_02.gif);
background-color:#ffffff;
background-repeat:repeat-x;
}

#haut
{
height:132px;
margin-bottom:10px;
}

.bandeau
{
background-image:url(images/ui/index_01.jpg);
background-position:left;
background-repeat:no-repeat;
height:112px;
}

#orgacom
{
width:120px;
margin:0px;
float:left;
padding:0px;
background-image:url(images/ui/bulle_interlocuteur_02.gif);
background-repeat:repeat-y;
background-position:center;
}

#orgadir
{
width:120px;
margin:auto;
padding:0px;
background-image:url(images/ui/bulle_interlocuteur_02.gif);
background-repeat:repeat-y;
background-position:center;

}

#orgaentre
{
width:600px;
margin:0px;
padding:0px;
float:left;
background-image:url(images/ui/bulle_interlocuteur-_02.gif);
background-repeat:repeat-y;
background-position:center;
}

#orgaqual
{
width:250px;
margin:0px;
padding:0px;
background-image:url(images/ui/bulle_interlocuteur--_02.gif);
background-repeat:repeat-y;
background-position:center;
}

#orgaprod
{
width:120px;
margin:0px;
float:left;
padding:0px;
background-image:url(images/ui/bulle_interlocuteur_02.gif);
background-repeat:repeat-y;
background-position:center;

}

#orgasin
{
width:120px;
margin:0px;
float:left;
padding:0px;
background-image:url(images/ui/bulle_interlocuteur_02.gif);
background-repeat:repeat-y;
background-position:center;

}

#orgacomp
{
width:120px;
margin:0px;
float:left;
padding:0px;
background-image:url(images/ui/bulle_interlocuteur_02.gif);
background-repeat:repeat-y;
background-position:center;
}


.fondorga
{
height:800px;
}

.orga1
{
border-style:none;
border-width:2px;
height:90px;
width:150px;
padding:0px;
padding-top:5px;
padding-left:5px;
margin:0px;
}

.orga1e
{
border-style:none;
border-width:2px;
height:80px;
width:600px;
padding:0px;
padding-top:5px;
padding-left:5px;
margin:0px;
}

.orga1q
{
border-style:none;
border-width:2px;
height:80px;
width:250px;
padding:0px;
padding-top:5px;
padding-left:5px;
margin:0px;
}

.orga2
{
border-style:none;
border-color:#7292B4;
height:50px;
width:150px;
padding:0px;
padding-left:5px;
margin:0px;
}

.orga4
{
border-style:none;
border-width:2px;
height:100px;
width:150px;
margin:5px;
margin-top:0px;
margin-bottom:0px;
}

.orgadebut
{
border-style:none;
border-color:#7292B4;
height:20px;
width:150px;
padding:0px;
padding-left:5px;
padding-right:5px;
margin:5px;
margin-top:0px;
margin-bottom:0px;
background-image:url(images/ui/bulle_interlocuteur_01.gif);
background-repeat:no-repeat;
background-position:top center;
}

.orgadebute
{
border-style:none;
border-color:#7292B4;
height:20px;
width:600px;
padding:0px;
padding-left:5px;
padding-right:5px;
margin:5px;
margin-top:0px;
margin-bottom:0px;
background-image:url(images/ui/bulle_interlocuteur-_01.gif);
background-repeat:no-repeat;
background-position:top center;
}

.orgadebutq
{
border-style:none;
border-color:#7292B4;
height:20px;
width:250px;
padding:0px;
padding-left:5px;
padding-right:5px;
margin:5px;
margin-top:0px;
margin-bottom:0px;
background-image:url(images/ui/bulle_interlocuteur--_01.gif);
background-repeat:no-repeat;
background-position:top center;
}

.orgafin
{
border-style:none;
border-color:#7292B4;
height:26px;
width:150px;
padding:0px;
padding-left:5px;
padding-right:5px;
margin:5px;
margin-bottom:0px;
margin-top:0px;
background-image:url(images/ui/bulle_interlocuteur_04.gif);
background-repeat:no-repeat;
background-position:top center;
}

.orgafine
{
border-style:none;
border-color:#7292B4;
height:26px;
width:600px;
padding:0px;
padding-left:5px;
padding-right:5px;
margin:5px;
margin-bottom:0px;
margin-top:0px;
background-image:url(images/ui/bulle_interlocuteur-_04.gif);
background-repeat:no-repeat;
background-position:top center;
}

.orgafinq
{
border-style:none;
border-color:#7292B4;
height:26px;
width:250px;
padding:0px;
padding-left:5px;
padding-right:5px;
margin:5px;
margin-bottom:0px;
margin-top:0px;
background-image:url(images/ui/bulle_interlocuteur--_04.gif);
background-repeat:no-repeat;
background-position:top center;
}

.orga3
{
border-style:none;
border-color:#7292B4;
height:50px;
width:150px;
padding:5px;
margin:0px;
}

.orga1 p
{
font-size:x-small;
text-align:center;
margin:0px;
}

.orga1q p
{
font-size:x-small;
text-align:center;
margin:0px;
}

.orga1e p
{
font-size:x-small;
text-align:center;
margin:0px;
}

.orga2 p
{
font-size:x-small;
text-align:center;
margin:0px;
}

.orga3 p
{
font-size:x-small;
text-align:center;
}

.orga4 p
{
font-size:x-small;
text-align:center;
}

#corps
{
margin:1%;
margin-right:240px;
background-color:#FFFFFF;
background-image:url(images/ui/index_15.gif);
background-repeat:repeat-x;
background-position:top;
border-style:inset;
border-width:2px;
border-color:#8FAECE;
padding:20px;
}

.boite
{
position:absolute;
right:0px;
width:230px;
top:132px;
background-color:#CEEBFB;
background-image:url(images/ui/index_12.gif);
background-position:top;
background-repeat:repeat-x;
border-left:outset;
border-left-color:#8FAECE;
border-left-width:2px;
border-right:outset;
border-right-color:#8FAECE;
border-right-width:2px;
padding:0px;
height:1796px;
}



.bordure
{
background-color:#CCCCCC;
height:100%;
}

.menu
{

height:20px;
}



/*bouton à gauche, non menu*/
.menu0
{

background-image:url(images/ui/index_04.png);
width:30px;
height:20px;
}
/*bouton ACCUEIL*/
.menu1
{

/*background-image:url(images/ui/boutons/index_05.png);*/
height:20px;
width:90px;


}

/*bouton CERTIFICATION*/
.menu2
{

/*background-image:url(images/ui/boutons/index_06.png);*/
height:20px;
width:160px;
}


/*bouton CONTACT*/
.menu3
{
/*background-image:url(images/ui/boutons/index_07.png);*/
height:20px;
width:90px;
}

/*bouton PRATIQUE*/
.menu4
{

/*background-image:url(images/ui/index_08.png);*/
height:20px;
width:100px;

}

/*bouton INFOS LEGALES*/
.menu5
{

/*background-image:url(images/ui/index_09.png);*/
height:20px;
width:150px;

}

.imgd
{
margin-left:10px;
margin-top:10px;
margin-bottom:10px;

}


.imgg2
{
border-style:inset;
border-width:2px;
border-color:#8FAECE;
}

.imgg
{
float:right;
border-style:inset;
border-width:4px;
border-color:#8FAECE;
}

.imgt
{
border-style:inset;
border-width:2px;
border-color:#8FAECE;

}

.imgf
{
display:block;
margin:auto;


}

#nav {
				list-style: none ;
				margin: 0 ;
				padding: 0px ;
				overflow: hidden ;		/* Création du contexte de formatage */
				}
			#nav li {
				
				float: left ;
				border: 0px; ;
				margin-right: 0px ;
				color: #fff ;
				
				}
			#nav li a {
				display: block ;
				background-color:#ffffff;
				background-image:url(images/ui/boutons/fond.png);
				background: left repeat-x;
				color: #7292B4 ;
				font: 0.9em Verdana, Arial, Helvetica, sans-serif ;
				line-height: 1em ;
				padding: 4px 0 ;
				text-align: center ;
				text-decoration: none ;
				font-weight:bold;
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				/*background-image:url(images/ui/boutons/hover/fondhover.png);*/
				background: #F85E53 left repeat-x;
				text-decoration:none;
				color: #ffffff;
				}





#navd {
				list-style: none ;
				margin: 0px;
				padding: 0px ;
				overflow: hidden ;		/* Création du contexte de formatage */
				}

			#navd li {
				
				border: #8FAECE solid 1px ; ;
				padding:0px;
				margin: 0px ;
				width:230px;
				color: #fff ;

				}
			#navd li a {
				display: block ;
				background-color:#E0F1FC;
				color: #7292B4 ;
				font: 0.9em Verdana, Arial, Helvetica, sans-serif ;
				line-height: 1em ;
				padding: 4px 0;
				padding-left:35px;
				text-align: left ;
				text-decoration: none ;
				font-weight:bold;
				background-image:url(images/ui/boutons/fleche.gif);
				background-position:left center;
				background-repeat:no-repeat;
				}
			#navd li a:hover, #navd li a:focus, #navd li a:active {
				background: #F85E53 left repeat-x;
				text-decoration:none;
				color: #ffffff;
				background-image:url(images/ui/boutons/fleche.gif);
				background-position:left center;
				background-repeat:no-repeat;
				}
.coord
{
margin:20%;
margin-top:200px;
margin-bottom:200px;
padding:4px;
border: #8FAECE solid 1px;
background-color:#E0F1FC;
text-align:center;
color:#4680C2;
font: 0.9em Tahoma ;
}

.coord2
{

padding:4px;
border: #8FAECE solid 1px;
background-color:#E0F1FC;
text-align:center;
color:#4680C2;
font: 0.9em Tahoma ;
}

h2
{
font: 1em Tahoma ;
font-weight:bold;
color:#5188C6;
}

h3
{
font: 0.9em Tahoma ;
font-weight:bold;
color:#5188C6;
}

h4
{
font: 0.8em Tahoma ;
background-color:#5188C6;
font-weight:bold;
color:#ffffff;
padding-left:4px;
}

h5
{
font: 0.8em Tahoma ;
font-weight:bold;
color:#5188C6;
padding-left:4px;
margin-bottom:0px;
}

h6
{
font: 0.8em Tahoma ;
font-weight:bold;
text-align:center;
color:#5188C6;
}

.avert
{
font: 0.8em Tahoma ;
background-color:#E80E1D;
font-weight:bold;
color:#ffffff;
padding-left:3px;
padding-right:3px;
text-align:center;
}

p, ul
{
font: 0.8em Tahoma ;
color:#000000;
list-style-image:url(images/ico/Forward.png);
}

.soustitre
{
margin:0px;
padding:0px;
font-size:x-small;
font-style:italic;
}

.adroite
{

}

.soustitre2
{
margin:0px;
padding:0px;
font-size:x-small;
font-style:italic;
text-align:right;
}

p li
{
margin-left:5px;
}

p a
{
text-decoration:none;
color:#5188C6;
font-weight:bold;
}

p a:hover
{
text-decoration:underline;
color:#000000;
font-weight:bold;
}

.pspecial
{
width:70%
}

.strongred
{
color:#FF0000;
font-weight:bold;
}

.implant li
{
padding:10px;
float:left;
font-size:1em;
}

.devis
{
margin:0px;
position:absolute;
right:5px;
top:10px;
}

.devis p
{
color:#5188C6;
font-weight:bold;
font-style:normal;
font-size:0.7em;
}

a.infob{
position:relative;
z-index:24;
color:#7292B4;
font-weight: bold;
text-decoration:underline;
}

a.infob:hover{
z-index:25;
color:#000000;
background-color:transparent;
}

a.infob span{
display: none
}

a.infob:hover span{
display:block;
position:absolute;
left:40px;top:20px; width:80px;
border-style:inset;
border:2px #8FAECE;;
background-color:#000033;
color:black;
text-align: justify;
font-weight:none;
padding:0px;
}


a.infob2{
position:relative;
z-index:26;
color:#7292B4;
text-decoration:underline;
}

a.infob2:hover{
z-index:28;
color:#F85E53;
background-color:transparent;
}

a.infob2 div{
display: none
}

a.infob2:hover div{
display:block;
position:absolute;
left:150px; top:-50px; width:100px;
font-size:10px;
color:black;
text-align:justify;
padding:0px;
}

.interlocuteur
{
font-size:10px;
margin:15px;
float:left;
}

/*test box*/
.left_2_text{
	color: #2F282A;
	font-family: Arial, sans-serif;
	font-size: 14px;
	vertical-align:top;
	line-height:18px;
}

.milleu
{
margin:15%;
}

.box
{
margin-top:10px;
margin-bottom:10px;
background-color:#ffffff;
border:1px;
border-color:#000000;
border-style:dashed;
}