﻿/* CSS Document */

/* affichage de la page */

body {
	margin : 0px;
	padding: 0px;
	background-color:#EAEAEA;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color:#333333;
	behavior:url("fileadmin/templates/js/csshover.htc");

}

select {
 font-size: 12px;
}


h1   {
    font-size: 18px;
	color:#006BB6;
	margin-top: 15px;
	margin-bottom: 8px;
	padding: 0px;
	text-transform:uppercase;
}

h2 {
	background-image: url(img/bg-degrade-grispale.gif);
	background-repeat: repeat-x;
	padding-left: 10px;
	padding-top: 8px; 
    padding-bottom: 5px;
	margin: 0px;
	margin-left: -10px;
	margin-right: -10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	color:#515151;
}


h2 a {
    background-image:url(img/plus.gif);
    background-position:left 3px;
    background-repeat:no-repeat;
    padding-left: 16px;
    padding-right: 10px;
    display:block;
}

h3   {
    font-size: 14px;
	color:#e5e5e5;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

h4 {
	background-image: url(img/bg-degrade-grisfonce.gif);
	background-repeat: repeat-x;
	padding-left: 10px;
	padding-top: 8px; 
	padding-bottom: 12px;
	margin: 0px;
	margin-left: -10px;
	margin-right: -10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	color:#e5e5e5;
}


h5   {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	color:#515151;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px 0 0.5em 0;
}

p {
	margin: 0 0 1em 0;
}

hr {
	margin: 0 0 1em 0;
	padding: 0px;
	height: 1px;
	border: 0px;
	border-bottom: solid 1px #B2B2B2;
}

ul {
	margin: 0px;
	padding: 0px;
	margin-bottom: 1em;
}


li {
	background-image:url(img/bullet-li-bleu.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0px;
	padding-left: 12px;
}

.li-file-size {
    font-size: 7pt; 
    color: #6f6f6f;
}

#bgshadow {
	background-image:url(img/bg-shadow.gif);
	background-position:center;
	background-repeat: repeat-y;
	min-width: 932px;
} 

#bgdrapeau {
	background-image:url(img/bg-drapeau.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	min-width: 932px;
} 

#bgdrapeauniv2 {
	background-image:url(img/bg-drapeau-niv2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding-bottom:24px;
	min-width: 932px;
} 

#main {
    width: 932px;
	margin: 0px auto 0 auto;
	}
/* -----------------  */

.banniere 
{
   position: relative;
   float: left;
   margin-top: 5px;
   margin-left: -47px;
   width: 310px;
   height: 176px;
   overflow: hidden;
   background: 0 0 no-repeat;
}

#boite-banniere.banniere { background-image: url(); }

.banniere_contenu 
{
	display:none;
	margin:0;
	padding:20px 20px 20px 20px;
	height:340px;
	background: 0 0 no-repeat;
}

/* rollover image accueil  */

.imgaccueil {
   position:relative;
   float:left;
   margin-top: 5px;
   width: 220px;
   height: 340px;
   overflow:hidden;
   background: 0 0 no-repeat;
}

#boite-services.imgaccueil {background-image: url(img/acc-services-0.jpg);}
#boite-entreprise.imgaccueil {background-image: url(img/acc-entreprise-0.jpg);}
#boite-carriere.imgaccueil {background-image: url(img/acc-carriere-0.jpg);}

.imgaccueil strong,
.imgaccueil b {
	color:#006bb6;
}

.imgaccueil_contenu {
	display:none;
	margin:0;
	padding:105px 20px 20px 20px;
	height:340px;
	background: 0 0 no-repeat;
}

#boite-services .imgaccueil_contenu {background-image: url(img/acc-bg-services.gif);}
#boite-entreprise .imgaccueil_contenu {background-image: url(img/acc-bg-entreprise.gif);}
#boite-carriere .imgaccueil_contenu {background-image: url(img/acc-bg-carriere.gif);}

.imgaccueil.over .imgaccueil_contenu,
.imgaccueil:hover .imgaccueil_contenu {
	display:block;
}

.imgaccueil_lien {
	position:absolute;
	bottom:30px;
}

/* --------------  */





/* colonne texte accueil  */

h1.accueil {
	font-weight: bold;
	font-size: 14px;
	color:#e5e5e5;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}

#nouvelles, #postesofferts {
	float:left;
	background-image: url(img/bg-degrade-bleu.gif);
	background-position:top;
	background-repeat:repeat-x;
	margin-right: 15px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 25px;
	margin-top: 83px;
	width: 222px;
}

#envitrine{
	float:left;
	background-image: url(img/bg-degrade-bleu.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 25px;
	margin-top: 83px;
	width: 367px;
}

/* -----------------  */





/* colonne principale gauche droite  */
/* -----------------  */


#colgauche { 
   float:left;
   width: 242px;
   color: #e5e5e5;
}

#colgauche a:hover {
   color: #DE4E00;
}

#colgauchemenu h3 { 
   position:relative;
   margin:0 18px 12px 18px;
   padding:27px 0 27px 84px;
   overflow:hidden;
   border-bottom:1px solid #80b5db;
   text-transform:uppercase;
   height:28px;
}

#colgauchemenu h3 img {
	position:absolute;
	top:0;
	left:0;
}

#colgauchemenu ul { 
   margin:0 20px 0 20px;
   padding:0;
}

#colgauchemenu li {
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
	color:#e5e5e5;
}

#colgauchemenu li a {
	background-image:url(img/bullet-li-gris.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
	color:#e5e5e5;
	font-size:10px;
}

#colgauchemenu li.actif a,
#colgauchemenu li.actif a:hover,
#colgauchemenu li a:hover {
	background-image:url(img/bullet-li-blanc.gif);
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
#colgauchemenu li a:hover {
	font-weight:normal;
}

#colgauchemenu {
    padding:15px 0 12px 0;
	width: 242px;
	background-image:url(img/bg-menu-secondaire-top.gif);
	background-repeat: no-repeat;
	background-position:top;
}

#colgauchebgmenu { 
    width: 242px;
    margin-top: 60px;
    background-image:url(img/bg-menu-secondaire-bottom.gif);
	background-repeat: no-repeat;
	background-position:bottom;
}

#colgauchemenu_contact {
    padding:15px 0 12px 0;
	width: 242px;
	background-image:url(img/bg-menu-secondaire-gris-top.gif);
	background-repeat: no-repeat;
	background-position:top;
}

#colgauchebgmenu_contact { 
    width: 242px;
    margin-top: 60px;
    background-image:url(img/bg-menu-outils-bottom.gif);
	background-repeat: no-repeat;
	background-position:bottom;
}

#colgauchebgmenudummy { 
    width: 242px;
    margin-top: 60px;
}

#colgauchebgmenucontact { 
    width: 242px;
    margin-top: 170px;
}


#colgaucheoutils{
   width: 204px;
	background-image:url(img/bg-menu-outils-top.gif);
	background-repeat: no-repeat;
	background-position:top;
	padding-left: 18px;
	padding-right: 20px;
}


#colgaucheoutils img{
	padding: 0px;
	margin: 0px;
}

#colgaucheoutils h3 { 
   padding-top: 15px;
} 


#colgauchebgoutils { 
    margin-top: 24px;
	background-image:url(img/bg-menu-outils-bottom.gif);
	background-repeat: no-repeat;
	background-position:bottom;
}

/* -----------------  */

/* colonne droite  */

#menu2 { 
color: #515151;
font-weight: bold;
font-size: 10px;
line-height: 18px;
}


#coldroite { 
    margin-top: 90px;
	margin-left: 45px;
    float:left;
	width: 624px;
}

#coldroite-gauche { 
    margin-top: 25px;
	margin-right: 5px;
	padding-left: 10px;
	padding-right: 10px;
    float:left;
	width: 390px;
}

#coldroite-droite { 
    margin-top: 25px;
	padding-right: 10px;
	padding-left: 10px;
    float:right;
	width: 180px;
}

/* -----------------  */

/* bas de page  */


#bgbottom {
	background-image:url(img/bg-bottom.gif);
	background-position:center;
	background-repeat: no-repeat;
	height: 34px;
	min-width: 932px;
} 

#baspage {
    width: 930px;
	font-size: 10px;
	color:#B3B3B3;
	margin: 0 auto;
	padding-top: 15px;
} 

a.baspage {
    font-size: 10px;
	color:#e5e5e5;
	padding-left: 4px;
	padding-right: 4px;
} 
a.baspageselect {
	font-size: 10px;
	color:#B3B3B3;
	text-decoration:underline;
	padding-left: 4px;
	padding-right: 4px;
} 


/* -----------------  */



/* entete avec menu  */

#entete {
    width: 930px;
 	height: 47px;
	padding-top: 14px;
	font-size: 10px;
	color:#e5e5e5;
}
a.entete{
    width: 930px;
 	height: 400px;
	font-size: 10px;
	color:#e5e5e5;
}

#menu {margin-right:-1px}

#menu a.menu {
	display:block;
	padding-top:18px;
	height:33px;
	font-weight: bold;
	font-size: 14px;
	color: #e5e5e5;
	text-align: center;
}


#menu a:hover.menu {
	color: #ffffff;
	text-decoration:none;
}

.menucontenu {
	background-image:url(img/bg-menu-principale.jpg); 
	float:left;
	text-align:center;
	margin-top: 41px;
}


.menucontenucentre {
	background-image:url(img/bg-menu-principale-centre.jpg); 
	float:left;
	text-align:center;
	margin-top: 41px;
}

#btcontact {
	position:absolute; 
	z-index:50; 
	width: 55px; 
	height: 20px; 
	margin-left: 878px;
}

/* ----------------  */

/* liens couleur  */

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

a:hover {
	text-decoration:underline;
}

a.lienorange{
	font-weight: bold;
	font-size: 11px;
}

a.lienorangecapital{
	font-weight: bold;
	font-size: 9px;
}

.lienorangecapital{
	font-weight: bold;
	font-size: 9px;
}

.filariane a, .filariane {
	font-size: 10px;
	color: #808080;
	text-decoration:none;
}
.filariane a:hover {
	text-decoration:underline;
}

.partenaires {
    margin:0;
	padding:0;
	height: 1%;
    position:relative; 
	padding-left: 140px;
}

.partenaires  img{
	position:absolute; 
	left:0px;
}

.partenaires ul {
    border-bottom:1px solid #b2b2b2;
}



/* ----------------  */

/*---- mosaique ---------*/


#mosaique {
    margin:0;
	padding:0;
	padding-top: 19px;
	width:624px;
}

#mosaique p {
	float:left;
	margin:0 1px 1px 0;
	padding:0;
	width:207px;
	height:114px;
}

#mosaique p img {
	border:0;
}

#mosaique a {
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
}

#mosaique p:hover a img  {
                visibility:hidden;

}


#mosaique #mosa-1 a {background-image:url(img/mosaique/img-1-over.jpg);}
#mosaique #mosa-2 a {background-image:url(img/mosaique/img-2-over.jpg);}
#mosaique #mosa-3 a {background-image:url(img/mosaique/img-3-over.jpg);}
#mosaique #mosa-4 a {background-image:url(img/mosaique/img-4-over.jpg);}
#mosaique #mosa-5 a {background-image:url(img/mosaique/img-5-over.jpg);}
#mosaique #mosa-6 a {background-image:url(img/mosaique/img-6-over.jpg);}
#mosaique #mosa-7 a {background-image:url(img/mosaique/img-7-over.jpg);}
#mosaique #mosa-8 a {background-image:url(img/mosaique/img-8-over.jpg);}
#mosaique #mosa-9 a {background-image:url(img/mosaique/img-9-over.jpg);}

/* EN */

#mosaique #mosa-1-en a {background-image:url(img/mosaique/img-1-over-en.jpg);}
#mosaique #mosa-2-en a {background-image:url(img/mosaique/img-2-over-en.jpg);}
#mosaique #mosa-3-en a {background-image:url(img/mosaique/img-3-over-en.jpg);}
#mosaique #mosa-4-en a {background-image:url(img/mosaique/img-4-over-en.jpg);}
#mosaique #mosa-5-en a {background-image:url(img/mosaique/img-5-over-en.jpg);}
#mosaique #mosa-6-en a {background-image:url(img/mosaique/img-6-over-en.jpg);}
#mosaique #mosa-7-en a {background-image:url(img/mosaique/img-7-over-en.jpg);}
#mosaique #mosa-8-en a {background-image:url(img/mosaique/img-8-over-en.jpg);}
#mosaique #mosa-9-en a {background-image:url(img/mosaique/img-9-over-en.jpg);}


/* ----------------  */

/*---- bulle carriere ---------*/


#bulle-carriere {
	margin:16px 0 0 0;
	padding:0;
	width:624px;
}

#bulle-carriere .bulle {
	float:left;
	width:200px;
	margin:0;
	padding:0;
}

#bulle-carriere p.image {
	margin:0;
	padding:0;
}

#bulle-carriere a {
	display:block;
}

#bulle-carriere img {
	border:0;
}

#bulle-carriere .infobulle {
	display:none;
	position:absolute;
	top:0;
	left:0;
	padding:12px 12px 8px 12px;
	width:166px;
	font-size:11px;
	background:#abadb0 url(img/bg-degrade-gris-diago.gif) 0 0 repeat-x;
	border:5px solid #fff;
}

#bulle-carriere .infobulle h3 {
	margin:0 0 0.5em 0;
	padding:0 0 0 15px;
	color:#0e64af;
	font-size:14px;
	text-transform:uppercase;
	background:url(img/plus.gif) 0 3px no-repeat;
}

#bulle-carriere .infobulle p {
	margin:0 0 0.5em 0;
	padding:0;
}


/*-----------------------*/

/**
 * Added by SYS-TECH 
 */
img { border : none; }
#logo-list img { position:relative; margin:0 0 0 10px; } /* dirty */
    #logo-list li { display:none; background-image:none; }
        #logo-list a, #logo-list a:hover { color:transparent; text-decoration:none; border:0; outline:0; }

h6 {
	background-image: url(img/bg-degrade-grisfonce.gif);
	background-repeat: repeat-x;
	padding-left: 10px;
	padding-top: 8px; 
	padding-bottom: 13px;
	margin: 0px;
	margin-left: -10px;
	margin-right: -10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	color:#e5e5e5;

}

#colgauchemenu ul li,
#colgauchemenu ul li .actif {
        text-transform: uppercase;
}

#colgauchemenu ul li .actif {
        font-weight: bold;
}

#coldroite-droite select {
    width: 185px;

}

#coldroite-droite #menu2 a,
#coldroite-droite #menu2 a:hover,
#coldroite-droite #menu2 a:active,
#coldroite-droite #menu2 a:focus,
#coldroite-droite #menu2 a:visited {
        text-transform: uppercase;
}

.selecte a,
.selecte a:hover,
.selecte a:active,
.selecte a:focus,
.selecte a:visited {
        text-transform: uppercase;
        text-decoration: none;
        color: #333333;
}
    
#nouvelles li .lienorange,
#coldroite-droite li .lienorange {
        font-weight: bold;
}

#nouvelles .lienuporange,
#coldroite-droite .lienuporange,
#coldroite-gauche .lienuporange,
#envitrine .lienuporange {
        font-size: 9px;
        font-weight: bold;
        text-transform: uppercase;
}

#envitrine li .lienorange {
        font-weight: bold;
}


/*        font-size: 9px;
        font-weight: bold;
        text-transform: uppercase;
}*/

.orangeauthor {
        color: #D95725;
	    font-size: 11px;
}

.textflex li {
	background-image: none;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0px;
	padding-left: 12px;
}

/*-- CONTACT --*/

.contact {
        clear: both;
}

.contact .data {
        float: left;
        width: 210px;
        margin-bottom: 15px;
}

.contact .maplink {
        float: right;
        width: 100px;
        height: 30px;
}

.contact .maplink a {
        margin: 0 0 0 3px;
        font-weight: bold;
}

/* super hack CATMENU */

#coldroite-droite #menu2 .news-catmenu-header { display:none; }
#coldroite-droite #menu2 .level1 > a,
#coldroite-droite #menu2 .level1 > span { display:none; }
#coldroite-droite #menu2 .level1 { height: auto; padding: 0; margin: 0; } 

/* Postes offerts */
#postesofferts a { cursor:pointer; }


/* iframes */

iframe { border: none; }
/*-----------------------*/
        
