@charset "iso-8859-1";
/* CSS Document BET GAUJARD technologie*/


/* activer cette rubrique pour compenser les differences de marges par défaut entre navigateurs 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td (line 11)
{
margin: 0pt;
padding: 0pt;
}
*/

html {
overflow: auto;
scrollbar-base-color: #E0E0E0;
scrollbar-arrow-color: #A0A0A0;
scrollbar-track-color: #ebeff5;
scrollbar-shadow-color: #B1BABA;
scrollbar-lightshadow-color: #dadfe6; 
scrollbar-darkshadow-color: #E0E0E0;
scrollbar-highlight-color: #E0E0E0;
scrollbar-3dlight-color: #E0E0E0;
font-size: 100%;
height:100%;
width: 100%;
margin: 0px; 
padding: 0px;
font-family: Arial, Verdana, 'Bitsream Vera Sans', 'Lucida Grande', Helvetica,  sans-serif;

}
/* Hack pour IE à cause des scroll-bars verticales qui apparaissent sans raison NE PAS UTILISER pose pb de marges et est actif sur FF aussi
<!--[if lt IE 7]>
body { overflow:visible; overflow-x:auto; overflow-y:hidden; padding-bottom:15px; margin:0 } 
<![endif]-->
*/

body {
overflow: auto;
margin: 0;
/*height:92%;  pas de height sinon pb barre de scroll verticale */
width: 100%;
font-family: Arial, Verdana, 'Bitsream Vera Sans', 'Lucida Grande', Helvetica,  sans-serif;
font-size: 1em;
color:#A2A2A0;
behavior: url(csshover.htc);
}
#centre a			{text-decoration:none;border:none;color:#A2A2A0;}
#centre a:visited	{text-decoration:none;border:none;color:#A2A2A0;}
#centre a:hover		{text-decoration:none; border:none;color:#070707;}
/*
#centre a:active	{text-decoration:none; border:none;color:red;}
*/

a.titreblanc {text-decoration:none;border:none;color:#FFFFFF;}
a:visited .titreblanc	{text-decoration:none;border:none;color:#FFFFFF;}
a:hover.titreblanc	{text-decoration:none;border:none;color:#F0F0F0; border:none; }

a.texteblanc {text-decoration:underline;border:none;color:#FFFFFF;}
a:visited .texteblanc	{text-decoration:underline;border:none;color:#FFFFFF;}
a:hover.texteblanc	{text-decoration:underline;border:none;color:#F0F0F0; border:none; }


 /* concerne les titres du menus version CSS*/
/*
div#menu {	width: 100%;height:6em;}
/* fond blanc pour le menu */ 
/*
div#menu a {color:#000000;}
div#menu ul {position:absolute; padding: 0; width: 13%; height:100px ; border:2px solid; margin:0px;}
*/
/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
/*
div#menu li:hover {background: transparent}
div#menu li.sousmenu:hover {background: transparent;}
*/
/* Rajout d'une petite fleche pour les sous menu */ 
/*div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;} */
/*
div#menu ul li {position:relative; list-style: none; border-bottom:0px solid;}
div#menu ul ul {position:absolute; top: -1px; left: 100%; display:none;}
div#menu ul ul li {float: left;display:inline;padding: 0px 10px 0px 10px;}
*/
/* bordure à gauche et des padding, largeur à 100% pour s"adapter à la taille du texte , 100% non compris par IE6 ok avec IE7*/ 
/*
div#menu li a {text-decoration: none; padding: 0px 1px 0px 8px; display:inline; }
*/
/*
div#menu ul.niveau1 li.sousmenu {text-align: left;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block;width: 500%; }
*/
/* la bordure de chaque hauteur a une couleur de survol*/ 
/*
div#menu li a:hover {border-left : 0px solid red;}
div#menu ul ul li a:hover {border-left : 0px solid magenta;}
div#menu ul ul ul li a:hover {border-left : 0px solid green;}
*/

/* ********** Fin des définitions de menu  version CSS ***************** */


 /* concerne les titres du menus version JAVASCRIPT et CSS type DW*/


.menulinkgrey { font-family: Arial, Verdana, 'Bitsream Vera Sans', 'Lucida Grande', Helvetica,  sans-serif; font-size: 12px; font-weight: bold; color: #A2A2A0; vertical-align: top; }


a.menulinkgrey  { text-decoration:none; color: #A2A2A0;  padding-left:1.5em; vertical-align: top;font-family: Arial, Verdana, 'Bitsream Vera Sans', 'Lucida Grande', Helvetica,  sans-serif;  } /* réglage écartement sous menus */
a:link.menulinkgrey  { text-decoration:none; color:#A2A2A0; vertical-align: top;font-family: Arial, Verdana, 'Bitsream Vera Sans', 'Lucida Grande', Helvetica,  sans-serif;}
a:visited.menulinkgrey  { text-decoration:none;  color:#A2A2A0; vertical-align: top;font-family: Arial, Verdana, 'Bitsream Vera Sans', 'Lucida Grande', Helvetica,  sans-serif; }
a:hover.menulinkgrey  {  text-decoration:none;  color:#070707; background-color: #FFFFFF;vertical-align: top; font-family: Arial, Verdana, 'Bitsream Vera Sans', 'Lucida Grande', Helvetica,  sans-serif; }


.menulinkblack { font-family: Arial, Verdana, 'Bitsream Vera Sans', 'Lucida Grande', Helvetica,  sans-serif; font-size: 12px;font-weight: bold; color: #070707;}

a.menulinkblack { text-decoration:none;  color:#070707; padding-left:1.5em;font-family: Arial, Verdana, 'Bitsream Vera Sans', 'Lucida Grande', Helvetica,  sans-serif;} /* réglage écartement sous menus */
a:link.menulinkblack { text-decoration:none;  color: #070707;  vertical-align: top;font-family: Arial, Verdana, 'Bitsream Vera Sans', 'Lucida Grande', Helvetica,  sans-serif;}
a:visited.menulinkblack  { text-decoration:none; color: #070707; vertical-align: top;font-family: Arial, Verdana, 'Bitsream Vera Sans', 'Lucida Grande', Helvetica,  sans-serif;}
a:hover.menulinkblack  {cursor:default; text-decoration:none; color: #070707;  background-color: #FFFFFF;vertical-align: top;font-family: Arial, Verdana, 'Bitsream Vera Sans', 'Lucida Grande', Helvetica,  sans-serif;}

#overDiv { position: absolute; visibility:hidden; z-index:1000;}

#menu-l11	{ position: absolute; width: 120px; margin-top:0px; left:5px; text-align: right; top: 0px; visibility: hidden; }
#menu-l12	{ position: absolute; width: 120px; margin-top:20px; left:5px; text-align: right; top: 0px; visibility: hidden; }
#menu-l13	{ position: absolute; width: 120px; margin-top:40px; left:5px; text-align: right; top: 0px; visibility: hidden; }
#menu-l14	{ position: absolute; width: 120px; margin-top:60px; left:5px; text-align: right; top: 0px; visibility: hidden; }
#menu-l15	{ position: absolute; width: 120px; margin-top:80px; left:5px; text-align: right; top: 0px; visibility: hidden; }


#menu-l110	{ position: absolute; width: 120px; margin-top:0px; left:5px; text-align: left; top: 0px; z-index:1;}
#menu-l120	{ position: absolute; width: 120px; margin-top:20px; left:5px; text-align: left; top: 0px; z-index:1;}
#menu-l130	{ position: absolute; width: 120px; margin-top:40px; left:5px; text-align: left; top: 0px; z-index:1;}
#menu-l140	{ position: absolute; width: 120px; margin-top:60px; left:5px; text-align: left; top: 0px; z-index:1;}
#menu-l150	{ position: absolute; width: 120px; margin-top:80px; left:5px; text-align: left; top: 0px;  z-index:1;}


#menu-l21	{ position: absolute; width: 95%; margin-top:0px; left:150px; text-align: left; top: 0px;  visibility: hidden; }
#menu-l22	{ position: absolute; width: 95%; margin-top:20px; left:150px; text-align: left; top: 0px;  visibility: hidden; }
#menu-l23	{ position: absolute; width: 95%; margin-top:40px; left:150px; text-align: left; top: 0px;  visibility: hidden; }
#menu-l24	{ position: absolute; width: 95%; margin-top:60px; left:150px; text-align: left; top: 0px; visibility: hidden; }
#menu-l25	{ position: absolute; width: 95%; margin-top:80px; left:150px; text-align: left; top: 0px;  visibility: hidden; }


 /* fin des  titres du menus version JAVASCRIPT et CSS */

  
/* mettre la 1ere lettre du'un p en lettrine */  
div.post p.lettre:first-letter {
    float : left;
    font-weight : bold;
    font-size : 2.5em;
    font-family : Georgia, "Times New Roman", serif;
    margin-right: 5px;
    text-transform: uppercase ;
  }




/* début  des styles de div généraux *****************************************/

#conteneur { /*le conteneur global du site, qui sera centré */
position: relative;
width: 1024px;
margin: 0px auto;
padding-top: 0em;
height: 100%;

}


#titre {
margin: 0 0 0 0em !important; /* non compris par IE6 qui utilisera la définition suivante mais pris en commpte par IE7 et FF en négligeant toute autre définition */
margin: 0 0 0 0 ;
padding:0;
width:100%;
height: 60px;
/*background: #B9BABE;*/
background: #B9BABE url(../images/titre.gif) repeat-x bottom left;
/*position: absolute;
left:0;
top:0;
width: 100%;
padding:1px; */
}

.colonnegauche{
width:47%;
float: left;
font-size: 0.8em;
text-align: justify;
color:#111213;
margin: 0;
padding:1em 1em 0.5em 0.2em;
border-left: solid 0px #BFBBCE ;
}
.colonnedroite{
width:47%;
float: right;
font-size: 0.8em;
text-align: justify;
color:#111213;
margin: 0;
padding:1em 0.2em 0.5em 1em;
border-left: solid 1px #BFBBCE ;
}

#headermenu {     /* son positionnement relatif sert à positionner les menus en absolu par rapport à cette div */
position: relative;
padding:1px;
margin-top: 1em;
margin-left: 2.2em;
height: 6.5em;
width:850px;
font-size: 0.9em;
}

/* regler sur ces 3 sections la largeur des marges */
#centre {
margin-left: 160px;
margin-right: 90px;
}
#gauche {
position: absolute;
left:0;
width: 160px;
}
#droite {
position: absolute;
right:0;
width: 90px;
}

#descriproj {
margin: 0em 0;
text-align: right;
font-size: 0.9em;
font-weight: 600;
color:#111213;
padding:0.6em 0;
border: solid 0px #1FFFFF ;
}

.sousmenu {
width:20em;
float: left;
font-size: 0.8em;
padding:1em 0 0.5em 3em;
border: solid 0px #1FFF3F ;
}

.sousmenubas {
width:90%;
float: left;
font-size: 0.8em;
padding:0.2em 0;
border: solid 0px #1FFF3F ;
}
#vigproj {
/*height: 150px; */
vertical-align:bottom;
text-align: center;
width: 740px;
margin:0 auto;
clear:both;
}

#prev {
clear:left;
height: 10px;
float: left;
font-size: 0.8em;
margin-top:-25px;  /* positionne le float en bas des vignettes */
}

#next{
height: 10px;
text-align: right;
float: right;
font-size: 0.8em;
margin-top:-25px;  /* positionne le float en bas des vignettes */
}
.clear {
clear: both
}

#pied {
/*position: relative; */
width: 100%; 
/*bottom: 0px;*/ 
margin: 0 0 0 0em !important; /* non compris par IE6 qui utilisera la définition suivante mais pris en commpte par IE7 et FF en négligeant toute autre définition */
margin: 0 0 0 0 ;
padding:5px 0 0 0;
/*margin-bottom:0px;*/ 
height: 1.2em;
/*background: #B9BABE; */
background: #B9BABE url(../images/pied.gif) repeat-x bottom left;
text-align: center;
}


#no_script {
margin: 0 50px;
color: #1C7929;
font-size: 0.5em;
font-weight: normal; 
text-decoration: none;
}

#no_script h1 a {
margin: 0 20px;
color: #1C7929;
font-size: 0.3em;
font-weight: normal; 
text-decoration: none;
}


/*body > div#pied {  position: fixed; }   */


/* fin des styles de div généraux *****************************************/



/*concerne les polices et paragraphes  ********************/

.titregris    { color: #757571; font-size: 27px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; word-spacing: -6px; letter-spacing: -3px }
.titregrisclair   { color: #BFBBCE; font-size: 3.0em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; text-align: left; letter-spacing: -4px }
.titreblanc    { color: #FEFEFE; font-size: 1.8em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; word-spacing: -3px; letter-spacing: -3px }
.textegris   { color: #757571; font-size: 18px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 500; line-height: 1em; word-spacing: -1px; letter-spacing: -1px; text-decoration: none; text-align: justify }
.textegris2   { color: #456b66; font-size: 15px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 1em; font-stretch: condensed; text-decoration: none; text-align: left }
.texteblanc   { color: #FEFEFE; font-size: 0.82em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 1em; font-stretch: condensed; text-decoration: none; }
.textegris3   { color: #757571; font-size: 0.8em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 1em; font-stretch: condensed; text-decoration: none; text-align: justify }
.textenoir   { color: #111213; font-size: 0.8em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 1em; font-stretch: condensed; text-decoration: none; text-align: justify }
.textenoir2   { color: #111213; font-size: 1.1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 600; line-height: 1em; font-stretch: condensed; text-decoration: none; text-align: justify }

.textegris4   { color: #757571; font-size: 0.6em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 1em; font-stretch: condensed; text-decoration: none; text-align: justify }

/*fin des polices et paragraphes  ********************/

/* début des styles pour les differentes pages spéciales ************/

/*concerne la page d'intro pour entrer ds le site  ********************/

#conteneurentrez { /*le conteneur global du site, qui sera centré */
position: relative;
width: 35em;
height:10em;
margin: 0 auto;
padding-top: 18em;
}
#conteneurentrez p{
margin:0;
padding:0;
}
 
#entrez  { 
position: relative;
text-align: justify;
margin-top:0px;
padding:0 0 10px 0 ;
width: 35em;
}

#entrezlien  { /*lien entrez sur la page d'accueil  */
position:absolute;
bottom:5px;
right:0;
margin:0;
padding: 0;
}
#entrezlien  a{
margin:0 0 -5px 0;
padding:0;
text-decoration:none;
}
/*fin de la page d'intro pour entrer ds le site  ********************/

/*concerne la page accueil  ********************/

#accueil { 
position:relative; 
width:98%; 
height:21em; 
overflow:hidden; 
border:1px solid #F4F6F7;
}

#news  { 
position:relative; 
width:98%; 
padding: 0 ;
height:11em; 
overflow:auto;
border-left:1px solid #F4F6F7;
border-bottom:1px solid #F4F6F7;
border-right:1px solid #F4F6F7;
text-align: justify;
}



/*fin de la page accueil  ********************/

/*début de la page de téléchargement public et privé  ********************/

  /* voir ds la feuille de style séparée ( obligatoire) multicol.css en attendant la norme CSS3 !!
  non applicable ,car remplacé par script MultiColumns .... */


.ligtel{
width:100%;
}

.ligtel ul{
padding:0px;
margin:0.3em 0px;
list-style-type: circle;
vertical-align: top;
border : solid 0px #F0F0F0;
height:100%;
}

.ligtel ul li{
display:inline;
width:32%;
float:left;
margin:0px;
padding:0px;
list-style-type: circle;
vertical-align: top;
}

.ligtel ul li img {  
  margin:0px;
  padding:0px;
  height:28px;
  width:28px;
  border:0px;
}

.ligtel ul li p{  
  margin:0px;
  padding:0px;
}
.ligtel ul li a {  

  display: block; 
  margin:5px 10px 0 0;
  padding:0px;

}

#codedl {
margin:7em 2em 8.5em 3em;
padding: 2em;
border : solid 2px #F0F0F0;
float: left;
height: 200px;
width: 40%;
}


#tabletel {
width:99% ;
border: 0 ;
/*background: url(../images/bgtri.gif) repeat-y left top; */
}

#tabletel tr { 
height:1px;
  padding:0;
  margin:0;
}

#tabletel td { 
  padding-left:2.5em;
  padding-top:0.5em;
  margin:0px;

}

#tabletel td a {  
  display: block; 
  margin:0px;
  padding:0px;
  height:1em ;

}

#tabletel img {  
  margin:0;
  padding:0;
  height:18px;
  width:18px;
  border:0px;
}

				

/*fin de la page de téléchargement public et privé  ********************/

/*début de la page des contacts  ********************/

#contscrol {
position:relative; 
width:98%; 
height:514px; 
overflow:hidden; 
border:1px solid #F4F6F7;
}

#equipe {
position :absolute;
padding:1em 3em;
width:700px ;
font-size: 0.8em;
}
#scroll {
background-color:#FFF; width:16px; height:514px; position:absolute; right:0; border-left:0px solid #000;
}

.scrollH {
width:16px; height:16px;
}
.scrollB {
width:16px; height:466px;position:relative;  /* regler cette ht à ht scroll -(3 x ht flèches) */  
}
.scrollB2 {
width:16px; height:16px;position:absolute;
}

.contact{ /*fiche de chaque contact  */
float:left;
height: 13em;
width:48%;
background-color:#FAF7F9;
border:1px solid #B9BABE ;
font-size: 0.85em;
margin: 0.5em 0.5em 0.2em 0;
padding-right: 4px;
}
.contactul {
/*list-style-image:url("http://betgaujard.com/images/pucetrombi.gif");*/
list-style-type: none;
}

.trombine{ /*image de chaque contact à activer (inline) ou desactiver ( none) */
display:inline;
float:left;
width:100px;
padding-right: 1.7em;
}
.email{     /* lien vers mail de chaque contact à activer selon */
/* display:none;  */
}

/*fin de la page des contacts  ********************/

/*début de la page acces  ********************/



#map{
float: left;
width:560px;
height: 512px;
margin:0.2em 0em 0em 0;
}

#adresse {
float: left;
width:10em;
height: 469px;
margin:3em 0em 0em 1.2em;
padding:0;
}
#adresse p,#adresse a{
margin:0;
padding:0;
}
#mentions  {
padding-top:36.5em;
font-size:0.6em;
margin:0;
}
#webmaster {
display: inline;
}
/*fin de la page acces  ********************/

/*début de la page pop up mentions  ********************/
#corpsmentions {
padding-top:0;

overflow:auto;
text-align:justify;
}

#piedmentions {
height: 2em;
border-bottom: solid 14px #E0E0F0;
}
/*fin de la page pop up mentions  ********************/


/*début de la page liens ou des tris de projets ********************/

#tritxt {
position :absolute;
padding:0.1em 0.5em;
width:98% ;
}


#tabletri {
width:99% ;
border: 0 ;
font-size:0.75em;
/* cellspacing: 50px ;
background: url(../images/bgtri.gif) repeat-y left top; */
}

#tabletri #entete th  { 
height: 2.5em; 
text-align: center;
}

.descritab  { 
color:red;
text-align: left;
width:50px;
  overflow:auto;
}

#tabletri td { 
height: 100%;
padding:0 8px 0 0;

}

#tabletri td a {  
  display: block; 
  height: 100%; 
}

#centre td.ligne0 a {
/*background-color:#FEFEF9; */
color:#111213 ;
}
#centre td.ligne0 a :hover{
/*background-color:#FEFEF9; */
color:#000 ;
}
#centre td.ligne1 a {
/*background-color:#FEFEF9; */
font-weight: 600;
color:#111213 ;

}
#centre td.ligne1 a :hover {
background-color:#F7F7F7;
font-weight: 600;
color:#000 ;
}

#centre td.ligne2 a {
background-color:grey ;
}


/*fin de la page liens  ********************/

.vign {	 float:left ; vertical-align: bottom ;}

/* début pages conception  remplacée par la page des revues de presse **************************/

#concep {
overflow: auto;
float: left;
height: 30em;
width: 98%;
margin:0;
padding: 1em;
border : solid 2px #F0F0F0;

}
#concep li {
font-size: 0.85em;
line-height: 1.8em ;
list-style-type: none;
vertical-align: top;
}

#concep img {
vertical-align: top;
margin: 0 1em;
}

#centre2 {
overflow:visible; overflow-y:auto; overflow-x:hidden;
height:514px;
border: solid 1px #F0F0F0 ;
font-size:0.78em;
width:100%;
}

.telecharge div {
float: left;
width: 30%;		/* When using a fixed number of columns, you can omit the width. Otherwise it must be set! This will be the *minimum* width of a column */
padding: 10px;		/* You may use a padding... but thanks to IE you can only use pixels! */
position: relative; 		/* Needed when using a 'read-on'-text */
text-align: justify;
margin: 0;	 		/* Don't use a margin! */
}

.telch{
border-left: solid 1px #F0F0F0 ;
float:left;
}


/* Optional 'read on'-message. used in this example. */
.telecharge div .readOn {
	position: absolute;
	right: 1em;
	bottom: -0.5em;
	color: #999999;
}


/* fin pages conception **************************/


/* début vignettes des projets **************************/

#centrevig{
    border:0px solid black;
	margin: 0 auto;
/*	width:799px;   la largeur est gérée par une variable en local */
/*	position:relative; */
	height:150px;
}

  .browsetd {
    border:0px solid blue;
    padding:1px;
	vertical-align:top; 
	float:left;

  }
  
   .browsetd a .tdpic{
	cursor:url(images/zoom.ico);
	z-index:90;

  }

 .tdpic{          /*ce style est pour une img */
    border:0px solid yellow;
    background-color: #fff;
	text-align: center;
	margin: 0 auto;
	padding:0px;
				

  }

/*  
<!--[if lt IE 7]>
.browsetd {
width:140px;
}
<!--[endif]-->
*/
  div.smallprint {    /*wrapping gets us ugly scrollbars*/
    white-space:      nowrap; 
  }

.browser   {
	margin-top: 200px;
    vertical-align:   top; 
	 border:0px solid green;
  }
  
 .goLink {          /*précedent et suivant pour les vignettes projets et pdf , remplacé par NEXT et PREV pour les autres pages, doit être déclaré APRES celles ci*/
    /*display:none;*/
	font-size:3em;
	font-weight: 800;
	vertical-align:   bottom; 
   }


#txthtml{
width:100%; 
height:15em; 
}
 
 #contscrolproj {
position:relative;
width:100%; 
height:21.7em; 
margin:15px 0 0 0; 
padding:0;
overflow:hidden; 
border:1px solid #F4F6F7;
}

 #contscroltech {
position:relative; 
width:98%; 
padding:0;
height:21.7em;
margin: 15px 0 0 0; 
overflow:hidden; 
border:1px solid #F4F6F7;
}
	
	
/* fin vignettes des projets *********************************/

/* styles pour les pop up d'overlib */
.titrepop {
text-align:center;
font-size:0.95em;
height:0.5em;
 background:#CFCFCF url(../images/titrepop.gif) repeat-x bottom left;}


.contenupop {
text-align:left;
font-size:0.92em;
background-color:#F5F2F7;
}

/* fin des styles pour les pop up d'overlib */

/* fin des styles pour les differentes pages spéciales *************/