/* CSS Document */

body{background:#d5d5d5; /*font-family:Arial, Helvetica, sans-serif;*/ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:11px; margin:0; padding:0;}

/*  ---------------------------------------------   typo   -------------------------------------------  */
h1, h2, h3, h4, h5, h6{margin:5px 0; padding:0; font-weight:normal; letter-spacing:0.3em;}
p{text-align:justify; margin:5px 0; padding:0;}
a{ outline:none; color:#000000;}
a img{border:0;}

object, embed{margin:0; padding:0; border:0;}

#conteneur, #pied{ width:1000px; margin:0 auto; background:#FFF;}
#bandeau{}
/*#bandeau{height:230px; background:url(../images/mep/bandeau.jpg) top center no-repeat;}*/

#bandeau_flash{height:252px;}

/*#menuBandeau{ margin:147px 20px 0 0; padding:10px 0 0 0; text-align:right; list-style:none; height:40px; overflow:hidden;}*/
#menuBandeau{ margin:-80px 20px 0 0; padding:10px 0 0 0; text-align:right; list-style:none; height:41px; overflow:hidden; z-index:10; position:relative;}
#menuBandeau li{ margin:0; padding:0; float:right; text-transform:uppercase; cursor:pointer;  }
#menuBandeau li a{margin:10px 0 0 0; padding:0; display:inline-block; background:url(../images/mep/porteG.gif) top left no-repeat; height:50px; text-decoration:none; color:#fff;}
#menuBandeau li a span.porteG{margin-left:7px; height:50px; display:inline-block; padding:8px 20px 0 20px; background:#c4d000;  }
#menuBandeau li a span.porteD{height:50px; display:inline-block; background:url(../images/mep/porteD.gif) top right no-repeat; width:7px; padding:8px 0 0 0; margin:0;}

#menuBandeau li a:hover, #menuBandeau li.active a{background:url(../images/mep/porteGh.png) top left no-repeat; color:#FF0000;}
#menuBandeau li a:hover span.porteG, #menuBandeau li.active a span.porteG{background:#fff; }
#menuBandeau li a:hover span.porteD, #menuBandeau li.active a span.porteD{background:url(../images/mep/porteDh.png) top right no-repeat; }

/*#menuBandeau li a:hover{ margin-top:0px;}
*/
a span{cursor:pointer;}

#sep{height:30px; background:transparent url(../images/mep/hautContenu.png) no-repeat top center; margin-top:-16px;z-index:10; position:relative;}

#bas{padding:0 20px 10px 20px;}

#baseline{ margin:0 0 10px 280px; padding:0; text-align:center; text-transform:uppercase; color:#000; font-weight:normal; font-size:13px; letter-spacing:0.3em; }

#colD, #baseline {color:#fff;}

.rouge{background-color:#c4d000; color:#fff;}
.rougeText{color:#FF0000;}
.gris{background-color:#d5d5d5; color:#fff;}
.grisText{color:#747577;}
.bloc{ padding:5px;}

.floatR{float:right;}

.coinBD{background-image:url(../images/mep/coin_blanc.png); background-position:bottom right; background-repeat:no-repeat;}
.coinHG{background-image:url(../images/mep/coin_blancHG.png); background-position:top left; background-repeat:no-repeat;}

.col195{text-align:justify; width:195px;}

.plusGros{font-size:1.2em;}

.marginV{margin:10px 0;}
.padding25{padding:25px 25px 25px 0;}
#colG{ float:left; width:245px; margin:0 0 25px 0; }
#hFix{height:505px; overflow:hidden;}
#colG h2{text-transform:uppercase; font-size:16px;}
#colG h3{font-size:12px;}
#colG h4{font-size:14px;}
#actus{ padding:0; margin:0; list-style:none;}
#actus li{padding:0;clear:both; margin:0;}
.imgActu{float:left; margin:0 5px 0 0;}
#colG .actu, #colG .ctrotator-item{ padding:5px; margin:0 0 0 0;}
#colG .ctrotator-item{ border-bottom:solid 1px #ffffff;}
h3.rapproche{ letter-spacing:0; margin-bottom:0;}
h4.rapproche{ letter-spacing:0.1em; text-transform:uppercase; margin-top:0;}

div.sepForm{border-top:1px solid #FFF; height:5px; line-height:5px; margin:15px -5px;}
#formRef {margin:0 0 15px 0;}
#formRef .selectGo{ width:90%; background-color:#FFFFFF; border:0;}
.selectGo option{ background-color:#ffffff; border:0; width:auto;}

.plus{ text-transform:uppercase; font-size:0.8em; clear:both;}
.plus img{ margin-bottom:-2px;}
.plus a{color:#fff; text-decoration:none;}

#colGRef{width:215px;}

#photoReferences{margin:0; padding:0 0 0 0;}
#photoReferences tr{margin:0 0 0 10px;}
#photoReferences tr td{height:60px; width:60px; vertical-align:middle; text-align:center; }
#photoReferences img{border:1px solid #FFF;}
#rollRef{ height:270px;}
.overflow{overflow:scroll;}

#contenu #imgReference{ height:310px; width:390px;}
#contenu #imgReference img{display:block; margin:0 auto;}
#contenu #imgReference img.loading{ visibility:hidden;}

img.loading{background:url(../images/mep/ajax-loader.gif) no-repeat 50% 50%;}

.blocActuTitre{font-size:14px;}

.waitAjax{background:url(../images/mep/ajax-loader.gif) no-repeat 50% 50%;}


#colD{float:right; width:220px; margin:0 0 0 0;}
#colD h2{ background:url(../images/mep/cadreref.gif) no-repeat bottom right;  z-index:2; width:215px; position:absolute; height:44px; padding:10px 0 0 5px; margin:0; text-transform:uppercase; font-size:14px; cursor:pointer;}
#colD #basColD{padding:5px; background-color:#c4d000;}
#colD #visuRef{ z-index:1; margin-top:30px;}
#colD #vignettes{list-style:none; margin:10px 0 0 0; padding:0;}
#colD #vignettes li{ float:left; margin:0 3px; padding:0;}
#colD #vignettes li img{border:1px solid #fff;}
#colD #liensRef{text-transform:uppercase; clear:both; list-style:none; margin:0; padding:0;}
#colD #liensRef a{ color:#000; text-decoration:none;}
#colD .plus{font-size:11px;}
#colD #formLogin{color:#000; margin:400px 0 0 0; padding:0;}
#colD #formLogin a{color:#000; text-transform:uppercase; font-size:10px;}
#colD #formLogin input{font-size:10px;}
input.ombrage{ width:38%; background:url(../images/mep/fondInput.gif) no-repeat top left; border:0;}
textarea.ombrage{ width:38%; background:url(../images/mep/fondTextarea.gif) no-repeat top left; border:0;}
#colD #formLogin input.valid{ background:#c4d000; color:#FFF; border:1px solid #999999; width:35px; }
#contenu{ line-height:1.5em; font-size:1.2em;}
.margeD{ margin-right:245px;}
.margeG{ margin-left:280px;}
#contenu ul{margin:0; padding:0;}
#contenu ul li{ background:url(../images/mep/fleche.png) no-repeat 0px 4px; padding:0 0 0 20px; margin:0; list-style:none;}

#contenu h3{ font-size:1.4em; text-transform:uppercase;}
#contenu h4{ font-size:1.25em;}

.clear{clear:both; line-height:0; height:0;}
.clearL{clear:left;}
.clearR{clear:right;}
#pied{clear:both; min-height:24px; background:none;}
#pied #gauche, #pied #droite{ width:21px; height:24px;}
#pied #gauche{ background:url(../images/mep/piedCoinG.png) no-repeat top left; float:left;}
#pied #droite{ background:url(../images/mep/piedCoinD.png) no-repeat top right; float:right;}
#pied #centre{ background:#fff; height:21px; margin:0 21px; padding:3px 5px 0 5px; font-size:10px; text-align:center;}
#pied #centre li{padding:0 7px; display: inline; border-right: 1px solid #707173;}
#pied #centre li.last{border-right:none;}

#pied #centre li a { color:#707173; text-transform:uppercase; text-decoration:none;}

#outer{ margin:15px 35px; }
#outer img {margin-bottom:-5px;}








.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666 url(../images/mep/scroll/drag_grab.gif) no-repeat 50% 50%;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

a.jScrollArrowUp {
	background: url(../images/mep/scroll/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/mep/scroll/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}




.images_engagements { float: left; margin: 0 25px 25px 0; width:150px; height:150px;  }


.images_equipes { margin: 0 0; width:100px; height:75px; padding:10px 50px 10px 40px;} 

#monForm_contact {  padding:10px; width:600px; }
#monForm_contact p { margin: 2px 0; }

#monForm_contact label { margin-top:5px; display:block; font-size:90%; color:#333;}
/* fieldset , legend */
#monForm_contact fieldset { padding:20px; margin-bottom:10px; }
#monForm_contact fieldset legend { padding: 0 10px; border-left: #CCC 1px solid; border-right: #CCC 1px solid; font-size: 1.2em; color: #333; }
#monForm_contact textarea { width:300px; height:85px; }


/*-------------------------------------------------------------    Page équipes    ---------------------------------------------------------*/

#bas.equipes{background:url(../images/mep/equipes.jpg) no-repeat top right;}
#bas.equipes{background-position: 97.3% 20px;}

#contenu #equipes ul { margin:0 0 0 0; padding:0 0 0 10px;}
#contenu #equipes ul li {padding:0 0 0 15px; margin:25px 0; background:url(../images/mep/puce.gif) no-repeat center left;}

/*-------------------------------------------------------------    Page référence    ---------------------------------------------------------*/
#contenu #listeRefCat{background:none;}
#contenu #listeRefCat li a{ text-decoration:none;}
#contenu #listeRefCat li{background:none; float:left; height:175px; width:145px; text-align:center; border:1px solid #DDD; padding:0; margin:5px;}
a img{text-decoration:none;}


.titreRef{height:50px;}

.bientot{ font-size:1.3em; text-align:center; line-height:300px; vertical-align:middle;}

/*-------------------------------------------------------------    Page engagements    ---------------------------------------------------------*/


.titreRouge{color:#c4d000; font-size:26px;}
.barreVertRouge{border-left:10px solid #c4d000;}
.barre{height:10px; line-height:0; padding:0; margin:0;}

.majuscule{text-transform:uppercase;}
.italique{font-style:italic;}
#contenu #engagements ul li {padding:0 0 0 12px; margin:0 0 0 30px; background:url(../images/mep/puce.gif) 0px 7px no-repeat;}
#contenu #engagements ul {margin:0 0 0 200px; }
/*#contenu #engagements ul{list-style:none; list-style-image:none;}
#contenu #engagements ul li{list-style:none; list-style-image:none;   }*/


/*-------------------------------------------------------------    Page Recrutement    ---------------------------------------------------------*/
.table{width:100%;}
.table th { border-bottom:2px solid red;}
.table td {  vertical-align:middle;}
.table th, .table td {padding:20px 0;}
.table tr.trCache td {padding:0; border-bottom:2px solid #747577;}
.fil_ariane{margin-left:280px;background:url(../images/mep/fleche.png) left center no-repeat; padding:0 0 0 20px; height:20px;font-weight:bold;font-size:13px;}
.fil_ariane a{text-decoration:none; color:#000000;}
.fil_ariane a:hover{text-decoration:underline;}
ul.puce_fleche{background:transparent url(../images/mep/fleche.png) no-repeat scroll left center; padding-left:20px; list-style-type:none;}
ul.puce_fleche a{text-decoration:none;}

.blocRougeRepete{float:right;text-align:center;width:210px;height:32px;font-size:11px;line-height:16px;}