/*
CSS Dubrac TP
Réalisation www.jmtconseils.com

@import url(menu.css);*/
@import url(dubrac-menu.css);

html
{
	margin:0px;
	padding:0px;
}

body {
margin:0px;
padding:0px;
padding:0;
text-align: center;
/*background: #DBC598; */
background-image:url(../IMG/css/bg.jpg);
font-family: Arial, Verdana;
font-size: 12px;
color: #49554E;}

a img,:link img,:visited img,:hover img,:active img { border:none }

a {
color: #003365;
text-decoration: none;
 }

img { border:none }

.horschamps {
display: none; 
}

.spacer {clear:both;}

p  {
margin-top: 3px;
clear:both;}

h2{
/*padding:0px 10px 2px 20px;*/
font-family: Arial;
font-size:16px ;
font-weight: bold;
/*background-repeat: no-repeat;
background-position:0px 0px;*/

}


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */


#page {
	margin-right: auto; margin-left: auto; position: relative; top: 0px; left: 0px; visibility: visible; display: block ;
	width: 985px;/*48em;*/
	text-align: left;
	background-color:white;
	border: 1px solid black;
}

/*  ------------------------------------------
/*  Entete
/*  ------------------------------------------
*/

/* Spécifique page sommaire */
.page_sommaire #entete { width: 100%; height:300px; 
background: none;
}

.page_sommaire #capsule {
width:501px;
height:21px;
position: absolute; top: 0px; left: 0px; z-index: 2;
}

.page_sommaire div.bandeau-haut-recherche{ 
width:480px;
height:21px;
/*position: absolute; top: 0px; left: 0px; z-index: 2;*/
}

.page_sommaire #head-logo {position:absolute; top: 196px; left:0px; width:985px; height:64px; z-index:2;
background: url(../IMG/css/home/bande-dubrac-noire.jpg); 
filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;
}

* html .page_sommaire #head-logo {position:absolute; top: 196px; left:0px; width:985px; height:64px; z-index:2;
background: url(../IMG/css/home/bande-dubrac.jpg); 
filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;
}

.page_sommaire #head-logo-dubrac {position:absolute; top: 196px; left:0px; width:985px; height:64px; z-index:3;
background: url(../IMG/css/home/bandeau-dubrac-tp.png); 
background-repeat : no-repeat; 
}

* html .page_sommaire #head-logo-dubrac {
width:0px; height:0px;
}

.page_sommaire #head-bande-menu {
width: 100%; height:65px; 
margin-top: 235px;
position: absolute; top: 0px; left: 0px; z-index: 5;
}

/* Page courante */
#entete { width: 100%; height:260px; 
background: url(../IMG/css/bandeau/contact.jpg);
}

/*#head-logo {position:absolute; top: 156px; left:0px; width:985px; height:64px; z-index:2;
background: url(../IMG/css/home/bande-dubrac-noire.jpg); 
filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;
}

* html #head-logo {position:absolute; top: 156px; left:0px; width:985px; height:64px; z-index:2;
background: url(../IMG/css/home/bande-dubrac.jpg); 
filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;
}

#head-logo-dubrac {position:absolute; top: 156px; left:0px; width:985px; height:64px; z-index:3;
background: url(../IMG/css/home/bandeau-dubrac-tp.png); 
background-repeat : no-repeat; 
}

* html  #head-logo-dubrac {
width:0px; height:0px;
}

*/

/* Zone Recherche */
#capsule {
width:501px;
height:21px;
margin-left: 484px;
}


div.bandeau-haut-recherche{ 
width:480px;
height:21px;
background-color: #6889CE; /*#46638f;*/
float: left;
}



#head-bande-recherche-coin {
width: 21px;
height: 21px;
background: url(../IMG/css/bande-recherche-coin.png);
float: left;
}

* html #head-bande-recherche-coin {
width: 21px;
height: 25px;
background: url(../IMG/css/bande-recherche-coin.gif);
float: left;
}

            /* Barre de recherche  */
div.recherche { 
width:200px;
height:20px;
float:left;
margin-top: 2px; 
}

div.bandeau-haut { 
text-align:left; color: #FFF;
width:240px;
height:20px;
float:left;
margin-top: 2px; 
margin-left: 15px;
}

div.bandeau-haut a {
color: #FFF;
text-decoration: none;
}

.mot-recherche {
margin-left: 60px;
margin-right: 5px;
color: #FFFFFF;
font-size: 10px;
}

input.input { font: 10px Arial, Helvetica, sans-serif;color: #A2A4A0; background-color: white; border: 1px solid #A2A4A0; width:130px; }
input.inputok { font: 10px Verdana, Arial, Helvetica, sans-serif;color: #FFF;
background-color:  #6889ce; border: 1px solid #6889ce;  
margin-left:1px; width:45px;}
form.recherche { margin-bottom : 0px; height:25px; width:185px; padding-left: 1px;}  

/*résultat recherche*/
.spip_surligne {
color: #003365;
font-weight: bold;
}
 /* Fin Barre de recherche  */ 





/*
/* Barres des menus
*/

#head-bande-menu {
width: 100%; height:65px; 
margin-top: 174px;
}

* html #head-bande-menu {
margin-top: 168px;
}



#head-bande-petit-orange {
width: 385px;
height: 15px;
margin-top: 25px;
background-color: #ffbb3c;
float: left; z-index:4;
}

#head-bande-bleu-coin {
width: 30px;
height: 40px;
background: url(../IMG/css/bande-bleue-coin.png);
float: left;
}

* html #head-bande-bleu-coin {
background: url(../IMG/css/bande-bleue-coin.gif);
}

#head-bande-bleu {
width: 570px;
height: 40px;
background: url(../IMG/css/bande-bleue.gif) repeat-x;
float: left;
font-weight: bold;
}

#menu-horizontal {
width: 100%;
height: 25px;
background-color: #ffbb3c;
}






#gauche { /* définition de la colonne gauche */
  float:left ; /* flotte à gauche */
  width:177px ; /* largeur : 24% de .container */
  /*background-color:#FFD5AA ;  couleur de la colonne */
  height:100% ; /* hauteur : 100% du .container */
  margin:0 ; padding:0} /* marges */



#contenu {/* définition de la colonne centre */
  float:left ; 
  width:543px ; 
  height:100% ; 
  margin:5px 50px 0px 50px; 
 }
 
* html #contenu {
  margin:5px 30px 0px 30px; 
 }


#droite { /* colonne droite */
  float:left ; /* flotte à gauche */
  width:165px ; /* largeur : 23% de .container */
  height:420px ; /* hauteur : 100% du .container */
  margin: 0 ; padding-left:0px;
/*   background-color: red; */
}





/* Fil d'Ariane */
#hierarchie {
	clear: both;
	margin-bottom: 16px;
	margin-left: 3px;
	font-size: 12px;
	color: #445f7f; }
	
 #hierarchie a {
color: #445f7f;
text-decoration: none;
 }
 
#hierarchie a:hover {
text-decoration: underline;
}
	

 /*
/* Menu Vertical
*/

#retour-home li { 
margin: 0;
padding: 0;
list-style-type: none; }

#retour-home li a 
/*, #navlist li a:link, #navlist li a:active*/ 
 { 
text-decoration: none;
font-weight: bold;
color: #445f7f;
padding: 5px 0px 5px 25px;
display: block;
background-repeat: no-repeat;
/*background-attachment:fixed;*/
background-position: 0% 50%;
background-image: url(../IMG/css/puce-home.jpg);
width: 138px;
font-size: 12px;

}

#navigation #haut-menu {
margin-top: 30px;
width: 177px;
height: 15px;
background-image: url(../IMG/css/bande-menu-vertical-haut.gif);
}

#navigation #titre {
width: 177px;
background-image: url(../IMG/css/bande-menu-vertical-h2.gif);
/*background-color: #6889ce;*/
margin-top: 0px;
}

#titre h2 {
color: #FFF;
padding: 5px 0px 5px 25px;
background-repeat: no-repeat;
background-position: 2% 50%;
background-image: url(../IMG/css/puce_2.gif);
/*margin-bottom: 1px;*/
}

#titre h2 a {
color: #FFF; }


#navlist {
width: 177px;
min-height:140px; 
height:auto;
margin-top: 5px;
padding-top: 10px;
/*margin-left: 35px;*/
padding-left: 0;
background-image: url(../IMG/css/bande-menu-vertical.gif);
/*    filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;*/}

* html #navlist {
height: 140px; }


#navlist li { 
margin: 0;
padding: 0;
margin-left: 17px;
 }



#navlist li a 
/*, #navlist li a:link, #navlist li a:active*/ 
 { 
text-decoration: none;
font-weight: bold;
color: #49554E;
padding: 5px 0px 5px 20px;
display: block;
background-repeat: no-repeat;
/*background-attachment:fixed;*/
background-position: 5% 50%;
background-image: url(../IMG/css/puce-li.jpg);
width: 138px;
/*font-family: Arial, Verdana;*/
font-size: 10px;
}

#navlist li a:hover {
background: #C5D0DB;
/*border-bottom: 1px solid #8E896B;*/
background-repeat: no-repeat;
/*background-attachment:fixed;*/
background-position: 5% 50%;
background-image: url(../IMG/css/puce-li_off.jpg);
}

#navlist li a.on {
color: #012C70;
/*background-image: url(../IMG/css/puce_menuV_on.gif);*/
}

#navigation #bas-menu {
width: 177px;
height: 15px;
background-image: url(../IMG/css/bande-menu-vertical-bas.gif);
}

/*  ------------------------------------------
/*  Sommaire
/*  ------------------------------------------
*/

#dubrac-tp {
width: 340px;
height: 260px;
float: left;
background-color: #FFFFFF; /*#bdc9d9;*/
color: #647096;
padding: 0px 20px 0px 15px;
margin: 5px 0px 0px 5px;
}

#environnement {
width: 415px;
height: 270px;
float: left;

}

#actualites {
width: 190px;
height: 270px;
float: left;
}

#actualites #moniteur {
width: 180px;
height: 259px;
background-color: #ffbb3c;
margin: 5px 0px 0px 0px;
}

#actualites #moniteur img{
margin: 15px 0px 0px 18px;
}

#metier-dubrac { margin: 10px 35px 0px 35px; color: #445F7F; text-align: justify; }
 /* Player */
#player_home { position: relative; width: 400px; height: 260px; overflow: hidden; margin: 5px 0px 0px 7px; }
#player_home_imgs { position: relative; width: 400px; height: 259px; overflow: hidden; }
#player_home ul { position: absolute; top: -5px; right: 0px; width: 137px; }
*+html #player_home ul { position: absolute; top: 5px; right: 0px; width: 137px; }
#player_home ul li { display: block; position: relative; width: 137px; height: 62px; text-align: right; }
#player_home ul li a { display: block; width: 118px; height: 46px; padding: 8px 10px 8px 14px; color: #333; background: url(../IMG/css/home/player_gris.png) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../IMG/css/home/player_gris.png, sizingMethod=image); cursor: pointer; text-decoration: none; font-weight: bold; }
#player_home ul li a:hover, #player_home ul li.on a { color: #fff; background: url(../IMG/css/home/player_vert.png) no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../IMG/css/home/player_vert.png, sizingMethod=image); }


/*  ------------------------------------------
/*  Article
/*  ------------------------------------------
*/
#contenu {
color: #4f6d8f;
}

#contenu h1 {
font-size:18px ;
font-weight: bold;
font-family: Arial;
padding:0px 0px 0px 25px;
background-repeat: no-repeat;
background-position: 0% 50%;
background-image: url(../IMG/css/puce_1.gif);
color: #4f6d8f;
}

#contenu h3 {
margin-left: 25px;
font-size:14px ;
font-weight: bold;
font-family: "Trebuchet MS";
padding:0px 0px 0px 20px;
background-repeat: no-repeat;
background-position: 0% 50%;
background-image: url(../IMG/css/puce_3.jpg);
/*font-family: 'serif';*/
color: #4f6d8f;
}

#contenu-texte p {
margin-left: 25px;
}

#contenu-texte p, #contenu ul li {
font-family: "Trebuchet MS";
font-size:14px ;
color: #445f7f;
}

#contenu ul li {
list-style-image:  url(../IMG/css/puce-li.jpg);
/*margin-left: -20px;*/
line-height: 20px;
}


/* Colonne droite  */
#cadre-img {
margin-top: 100px;
width: 150px;
height: 250px;
background-color: #BBCFE7;
}

* html #cadre-img {
margin-top: 60px;
}

#cadre-img img {
margin: -8px 0px 0px 8px;
}

/* Documents joints */
#documents_joints ul { margin-left: 45px; }

/*  ------------------------------------------
/*  Article référence
/*  ------------------------------------------
*/

#contenu-reference {
  float:left ; 
  width:688px ; 
  height:100% ; 
  margin:5px 50px 0px 50px; 
 }
 
* html #contenu-reference {
  margin:5px 30px 0px 30px; 
 }
 
#contenu-reference h1 {
font-size:18px ;
font-weight: bold;
font-family: Arial;
padding:0px 0px 0px 25px;
background-repeat: no-repeat;
background-position: 0% 50%;
background-image: url(../IMG/css/puce_1.gif);
color: #4f6d8f;
}
 
 #contenu-reference #contenu-texte {
 margin-left: 25px; }
 
#contenu-reference h3 {
font-size:14px ;
font-weight: bold;
font-family: "Trebuchet MS";
padding:0px 0px 0px 20px;
background-repeat: no-repeat;
background-position: 0% 50%;
background-image: url(../IMG/css/puce_3.jpg);
/*font-family: 'serif';*/
color: #4f6d8f;
}



#droite-reference { 
  float:left ; 
  width:20px ; 
  height:420px ; 
  margin: 0 ; padding-left:0px;
}

/*------------------
/*  Contact
/*------------------
*/
td { font-size: 10px;  line-height:15px; }

input.input1 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:150px}
input.input2 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:150px} 
input.inputok1 { font: 10px Verdana, Helvetica, sans-serif;color: white;font-weight: bold;background-color: #626262;border: 0px;padding: 1px }
input.inputok2 { font: 10px Verdana, Helvetica, sans-serif;color: #1F252F;font-weight: bold;background-color: #EC9600;border: 0px;padding: 1px }  

select.input1 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white; border: 1px solid #5B5B5B; width:150px; }

textarea.textarea1 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:200px; height:160px; }
.c5 { font-size: 9px;color:#575757; line-height:13px;}/* Gris5 */




/*  ------------------------------------------
/*  Pied de page
/*  ------------------------------------------
*/
.footer {
color: #A2A4A0;
font-size: 10px;
}

/*#premier-element {
margin-top: 0;
}


#dernier-element {
margin-bottom: 0;
padding-bottom: 4em;
}*/


#footer {
margin-left: 40px;
width:890px ; 
height: 50px;
background-color:#FFF ;
text-align: center;
bottom: 0;
padding: 20px 0px 10px 0px;
	font-size: 11px;
	color: #445f7f;
}



#footer a {
color: #A2A4A0;
text-decoration: none;
font-size: 12px;
}