﻿/*-- Positions gérérale -- */
body {
background-image: url(../images/_trame-body.gif); 
background-repeat:repeat-x; 
background-color:#00355f; 
font-family:verdana, Arial, Helvetica, sans-serif; 
color:#000000; 
font-size:11px; 
margin:0; 
padding:0;
}

#header {
display:block; width:1008px; height:129px; text-align:center; margin:0 auto;
}
#conteneur {
margin:0 auto;
padding:0;
text-align:center;
}

#contenu {
clear:both;
position:relative;
width:960px;
height:540px; 
background-color:#FFFFFF;
display:block;
margin:0 auto; 
padding:0; 
text-align:left;
}

#contenugb {
clear:both;
position:relative;
width:960px;
height:436px; 
background-color:#FFFFFF;
display:block;
margin:0 auto; 
padding:0; 
text-align:left;
}

#footer { clear:both; height:0px;}

/*-- position à gauche --*/

#gauche {
float:left;
padding:5px;
overflow:hidden;
height:530px;
}
#gauchegb {
float:left;
padding:5px;
overflow:hidden;
}

/*-- NEWS --*/
#groupenews {
padding:26px 0 0 0;
float:left;
background-color:#242424;
width: 208px; height:270px;
font-size:11px; color:#FFFFFF;
overflow:hidden;
}
#groupenewsgb {
padding:26px 0 0 0;
float:left;
background-color:#242424;
width: 250px; height:400px;
font-size:11px; color:#FFFFFF;
}
.contenugroupenews {
padding:15px; margin-top:10px; display:block;
}

.contenugrouperencontre {
padding:0 15px; display:block; color:#333333;
}
#groupenews a {
color: #FFFFFF; text-decoration:none;
}
#groupenews a:hover {
color: #FF0000; text-decoration:underline;
}
.titrebreve { font-weight:bold; color:#fec00b; font-size:12px; text-indent:10px; background-image:url(../images/puce_jaune.gif); background-repeat:no-repeat;}
.titrerencontre{ font-weight:bold; color: #006699; font-size:12px; text-indent:10px; background-image:url(../images/puce_bleu.gif); background-repeat:no-repeat;}
.imagenews { border:1px solid #FFFFFF; margin:5px 0 5px 0;}
.abrevearchives { margin:2px 0 10px 0; text-indent:15px; color:#FFFFFF; text-decoration:none; display:block;}
.abrevearchives:hover { margin:2px 0 10px 0; text-indent:15px; color: #FF0000; text-decoration: underline; display:block;}

#newaccordion { padding:0 0 10px 0;}

/*-- chantier en cours --*/
#nousrencontre {
padding:26px 0 0 0; 
float:left;
background-color:#eaeaea;
width: 208px; height:270px;
font-size:11px; color:#FFFFFF;
}
/*-- chantier en cours --*/
#nousrencontre p {
	margin: 0 0 8px 0;
}
.wip {padding-bottom:15px;}

.annoncerencontre { padding: 75px 15px 0 15px;}

.imgrencontre { border:1 px solid #FFFFFF; margin:0 0 5px 0;} 
.titrerencontre { text-indent:10px; font-weight:bold; font-size:12px; background-image:url(../images/pupucecare.gif); background-repeat:no-repeat;}


/*-- GROUPETROIS --*/
#groupetrois { float:left; width:280px; overflow:hidden; margin:29px 0 0 0; padding-left:15px;}
.titrecoltrois { padding:0 0 10px 0;}
.boutoncoltrois { padding:2px 0 2px 0;}

/*--La MEDIATHEQUE --*/
#conteneurmediatheque { margin:0 0 20px 0; background-image:url(../images/background-mediatheque.gif); background-repeat:no-repeat;}

/*--Calcul de désenfumage  --*/
#conteneurcalcul  { margin:0 0 20px 0; background-image:url(../images/logiciel.gif); background-repeat:no-repeat; background-position:right bottom;}
#conteneurcalcul:hover  { margin:0 0 20px 0; background-image:url(../images/logiciel-hover.gif); background-repeat:no-repeat; background-position:right bottom;}

/*-- RECRUTE --*/
#conteneurrecrute { 
	margin:10px 0 20px 0;
	background: url("../images/eclairementZenithal.jpg") no-repeat 180px 25px;
}
#conteneurrecrute:hover { 
	background: url("../images/eclairementZenithal-red.jpg") no-repeat 180px 25px;
}
#derniereoffre { background-image:url(../fr/images/t-derniereoffre.gif); background-repeat:no-repeat; margin:5px 0 10px 0; padding:10px 0 10px 0;}
#contenuerniereoffre { margin:10px 0 0 0; border-left:1px solid #999999; padding:0 0 0 10px; color:#999999;}
#contenuerniereoffre:hover { margin:10px 0 0 0; border-left:1px solid #999999; padding:0 0 0 10px; color: #333333;}
#contenuerniereoffre a {color:#999999;}
#contenuerniereoffre a:hover {color:#333333;}

/*-- EMBASE --*/
#conteneurembase {background-image:url(../images/background-Embases.gif); background-repeat:no-repeat; background-position: top right;}

/*-- NEWSLETTERS --*/
#conteneurenews { margin:0 0 20px 0; margin:0;}
#newsletteraccorion { padding:5px 0 0 0;}
#consulterparution { padding:0 0 10px 0;}

/*-- Position à doite --*/
#droite {
padding:0; margin:0;
background-image:url(../images/tramemenu.gif); background-repeat:repeat-y;
height:540px;
width:209px;
float:right;
overflow:hidden;
}

#droitegb {
padding:0; margin:0;
background-image:url(../images/tramemenu.gif); background-repeat:repeat-y;
height:400px;
width:209px;
float:right;
overflow:hidden;
}

/*-- Le menu et ses petits --*/
#menuaccordion {
margin:0;
padding:34px 0 0 0;
background-image: url(../images/home-partmenu.jpg);
background-repeat:no-repeat;
width:209px;
height:540px;
font-size:11px;
text-transform:uppercase;
}
#menuaccordiongb {
margin:0;
padding:34px 0 0 0;
background-image: url(../images/home-partmenu.jpg);
background-repeat:no-repeat;
width:209px;
height:400px;
font-size:11px;
text-transform:uppercase;
}
#menuaccordion ul {
display:block;
margin:0 0 25px 0;
padding:0 0 0 12px;
}
#menuaccordiongb ul {
display:block;
margin:0 0 25px 0;
padding:0 0 0 12px;
}
#menuaccordion ul li {
list-style-type:none;
padding: 2px;
margin:0;
}
#menuaccordiongb ul li {
list-style-type:none;
padding: 2px;
margin:0;
}
#menuaccordion img {
display:block; border:0;
}
#menuaccordiongb img {
display:block; border:0;
}

.classique:hover {
background-image: url(../images/fleche-li-hover.gif);
background-repeat:no-repeat;
text-decoration:none;
color: #FFFFFF;
}
.classique {
display:block;
text-indent:15px;
background-image: url(../images/fleche-li.gif);
background-repeat:no-repeat; 
text-decoration:none;
color: #FFFFFF;
}
.eclairement {background-image:url(../images/verysmalleclairement.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color:#FFFFFF; text-decoration:none; margin:0;}
.eclairement:hover {background-image:url(../images/verysmalleclairement.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color:#FF6600; text-decoration:none; margin:0;}
.desenfumage {background-image:url(../images/verysmalldesenfumage.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color:#FFFFFF; text-decoration:none; margin:0;}
.desenfumage:hover {background-image:url(../images/verysmalldesenfumage.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color: #79CDFF; text-decoration:none; margin:0;}
.aeration {background-image:url(../images/verysmallrenouvellement.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color:#FFFFFF; text-decoration:none; margin:0;}
.aeration:hover {background-image:url(../images/verysmallrenouvellement.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color: #A4CC00; text-decoration:none; margin:0;}
.acces {background-image:url(../images/verysmallaccees.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color:#FFFFFF; text-decoration:none; margin:0;}
.acces:hover {background-image:url(../images/verysmallaccees.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color: #FFCC00; text-decoration:none; margin:0;}
.asservissement {background-image:url(../images/verysmallasservissement.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color:#FFFFFF; text-decoration:none; margin:0;}
.asservissement:hover {background-image:url(../images/verysmallasservissement.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color: #CC0000; text-decoration:none; margin:0;}


/*-- la soupe classique du HTML --*/
h1 {font-size:22px; font-weight:lighter; text-transform:uppercase; letter-spacing:2px; text-indent:60px; padding:3px 0 10px 0;}
h2 {font-size:13px; font-weight:lighter; text-transform:uppercase; letter-spacing:2px; color:#CC0000;}
h3 { margin: 0 0 5px 0; padding:0;cursor:pointer;}
h4 { margin: 0 0 5px 0; padding:0; color:#333333; font-size:12px;}
p {margin:0; padding:0;}
a { margin:0; padding:0; color:#333333;}
a:hover { margin:0; padding:0; color: #003366;}
img { border:0; }


/*-- Les spans et autres personnalisations --*/
.chapo { font-weight:bold;}
.couleureclairement {color:#FF9900;}
.expo { font-size:75%; vertical-align:text-top; margin-left: 5px;}
.noircnoir { color:#000000;}

/* SLIMBOX */
#lbOverlay { position: absolute; left: 0; width: 100%; background-color: #000000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #FFFFFF; }
.lbLoading { background: #FFFFFF; background-image:url(../fr/images/get.gif); background-repeat:no-repeat; background-position:center;}
#lbImage { border: 3px solid #FFFFFF; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0% 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover {	background: transparent url(nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 3px solid  #FFFFFF; border-top-style: none; }
#lbCloseLink {display: block; float: right; width: 149px; height: 22px; background-image:url(../fr/images/close.gif); background-position:center; background-repeat:no-repeat; margin: 5px 0; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }


/* jdGallery */
#mygallerypositiongb {}

#myGallery {width:416px; height:229px; display:block; margin:0; padding:0;}

.jdGallery {overflow: hidden; position: relative;}

.jdGallery img {border: 0; margin: 0;}

.jdGallery .slideElement {width: 100%;height: 100%;background-color: #000000;background-repeat: no-repeat;}


.jdGallery .slideInfoZone {position: absolute; z-index: 5; width: 416px; margin: 0px; left: 0; bottom: 0; height: 60px; background: #FFFFFF; text-indent: 0; overflow: hidden; padding:5px;}

.jdGallery .slideInfoZone p {
	font-size:10px;
	margin:0;
}
.jdGallery .slideInfoZone h1
{
	font-size:12px;
	margin: 0; padding:0;
}
.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0;
	left: 0;
	top: 0;
	height: 5px;
	background: #333333;
	text-indent: 0;
	overflow: hidden;
}

html .jdGallery .slideInfoZone
{
	display:block;
	margin:0;
	padding:0;
}
.jdGallery a
{
	display:block;
	text-decoration: none;
	color: #000000;
}

.gras { font-weight:bold;}
.rouge { color:red;}
