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

body{
	font-family:Arial, Helvetica, sans-serif;
	color:#1d204f;
	font-size:12px;
	background-color:#000;
	margin:0;
	padding:0;
	
}

.bodyTable{
	/*background-image:url(../image/bgAbstract.jpg);
	background-position:left top;
	background-repeat:no-repeat;*/
	width:100%;
}

h1.titleindex{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px; 
	color: #111; 
	font-weight:bold;	
	text-decoration: none; 
	margin:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	letter-spacing: 0px;
	text-align:left;
	
}
h1.white{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px; 
	color: #FFF; 
	font-weight:bold;	
	text-decoration: none; 
	margin:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	letter-spacing: 0px;
	text-align:left;
}

h2.Blue{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px; 
	color:#8c1517;
	font-weight:700;
	text-decoration: none; 
	margin:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	letter-spacing: 0px;
	text-align:left;
	margin-top:35px;
	margin-bottom:20px;
}
h2.white2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px; 
	color: #ffffff; 
	font-weight:bold;	
	text-decoration: none; 
	margin:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	letter-spacing: 0px;
	text-align:left;
}

h3.cyan{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#69C;
	font-weight:400;
	text-decoration:none;
	margin-top:2px;
	text-align:left;
}

p.content{
	margin-right:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

p.contentNews{
	margin-right:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin-top:0;
}

p.contentNews a{
	margin-right:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}

p.contentNews a:hover{
	margin-right:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}

a.bodylink:link{color:#1D204F;}

a.bodylink:visited{color:#1D204F;}

a.bodylink:hover{ 
font-family:Arial, Helvetica, sans-serif;

}
a.linkWhite{
  color:#FFF;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
}

td.linkWhite{
  color:#FFF;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
  -webkit-font-smoothing:antialiased ;
}

a.linkWhite:hover{
 	color:#579DD5;	
}

h3.h3Foot{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #CCC; 
	text-decoration: none; 
	margin:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	letter-spacing: 1px;
	text-align:left;
}
.copyRights{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #CCC;
}
a.footLink{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #CCC;
	text-decoration:none;

}

a.footLink:hover{
	color: #FFF;
}

.footTxt11px{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #FFF;
}

.textLogin{
	color:#FFF;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	
}


a.linkLANG{
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
a.linkLANG:hover{
	text-decoration:underline;
}

a.linkTopPan{
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
a.linkTopPan:hover{
	text-decoration:underline;
}

/***********************/
/*      infolettre    */
/********************/
.txtInfoLettre{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	size:12px;
}
a.btnSubmit{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	size:12px;
	font-weight:bold;
	text-decoration:none;
}

a.btnSubmit:hover{
	text-decoration:underline
}

#FormAS{
	display:block;
}

#FormASGood{
	display:none;
	color:#FFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

#btnSoumettre{
	cursor:pointer;
}
/******************/


/**********************/
/**     NEWS        **/
/*******************/
.DateNews{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.titleNews{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

/*******************/

/***********************/
/*       MENU         */
/**********************/
#nav a{
	color: #FFF;
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
}
#nav a:hover{
	color: #FFF;
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
}

#nav ul{
	list-style-type:none;
	text-align:center;
	color:#FFF;
	margin:0;
	padding:0;
	position:relative;
}
#nav li{
	display:inline;
	text-align:center;
	color:#FFF;
	margin:0;
	position:relative;
	
}

div.wrapper{
	position:relative;
}

.divCenterOVsmall{
	width:103px;
	height:51px;
	background-image:url(../image/BTNsmallOv.png);
	background-repeat:no-repeat;
	float:left;
	padding-top:10px;
	margin-left:10px;
	cursor:pointer;
	top:-8px;
	position:relative;
	line-height:2.8em;
}

.divCenterUPsmall{
	width:103px;
	height:51px;
	/*background-image:url(../image/BTNsmallOv.png);
	background-repeat:no-repeat;*/
	float:left;
	padding-top:12px;
	margin-left:10px;
	cursor:pointer;
	position:relative;
	
}

.divCenterOVbig{
	width:133px;
	height:51px;
	background-image:url(../image/BTNbigOv.png);
	background-repeat:no-repeat;
	float:left;
	padding-top:12px;
	margin-left:10px;
	cursor:pointer;
	position:relative;
	top:-8px;
	line-height:2.5em;
}

.divCenterUPbig{
	width:133px;
	height:51px;
	/*background-image:url(../image/BTNsmallOv.png);
	background-repeat:no-repeat;*/
	float:left;
	padding-top:12px;
	margin-left:10px;
	cursor:pointer;
	position:relative;
}

.divSubSmall{
	width:160px;
	height:34px;
	background-color:#579dd5;
	border:thin;
	border-color:#FFF;
	right:10px;
	position:relative;
	right:-13px;
	top:8px;
	text-align:left;
	text-indent:8px;
}
.divSubSmall:hover{
	
	background-color:#333;
	cursor:pointer;
}

.divSubMedium{
	width:255px;
	height:34px;
	background-color:#579dd5;
	right:-13px;
	position:relative;
	top:8px;
	text-align:left;
	text-indent:8px;
}

.divSubBig{
	background-color:#333;
	cursor:pointer;
}


/***********************/

/*
CSS popUP
*/

/*.popUp { position: absolute; top: 67%; left: 24%; text-align: center; padding: 5px; border: 1px solid black; background: white; }*/
.popUp { 
	background-image:url("../image/bgRealisation.png");
	background-position:left top;
	background-repeat:no-repeat;
	height:360px;
	margin-left:8px;
	position:absolute;
	text-align:left;
	top:585px;
	width:617px;
	z-index:2000;
}

.popUpindex { 
	background-image:url("../image/bgRealisation.png");
	background-position:left top;
	background-repeat:no-repeat;
	height:360px;
	margin-left:8px;
	position:absolute;
	text-align:left;
	top:1075px;
	width:617px;
	z-index:2000;
}




.popUpindex2 { 
	background-image:url("../image/bgRealisation.png");
	background-position:left top;
	background-repeat:no-repeat;
	height:360px;
	margin-left:8px;
	position:absolute;
	text-align:left;
	top:1075px;
	width:617px;
	z-index:2000;
}


#overlay{
	position:absolute;
	z-index:1500;
	width:100%;
	height:300%;
	background-color:#000;
	top:0;
	left:0;
	-moz-opacity:.90;
	filter:alpha(opacity=90); 
	opacity:.90; 
}

#holderNavReali{
	width:582px;
	position:relative;

} 
#NavReali{
	position:absolute;
	z-index:2000;
}



#realView{
	height:298px;;
	width:585px
}
.mapGoog{ cursor:pointer;}
.btnDiv {
	margin-left:555px;
	right:38px;
}



/*************/

/**********************/
/*  nos partenaire   */
/*********************/

ul#portfolio{
		list-style-type:none;
		margin:0;
		padding:0;
		text-align:left; 
		 }

/*********************/

/*********************/
/*** FORM LABELS *****/
/*********************/


label.labelform{
	
	
}

input.form-input-text{
	
}

ul.generallist{
	list-style-image:url("image/bullet.gif");
	list-style-type:square;
	list-style-position:
}

li.generallistitem{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D204F;
	
}

/********************************/
/*        GOOGLE MAP            */
/********************************/

div.googlemap{
	border: 1px solid #111;
	margin: 10px 0px 5px;
	padding: 5px;
	display:none;
}

div.googlemapslider{
	
}
/*-----------------------------------*/
/*     validation Formulaire         */
/*-----------------------------------*/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#006600;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

/* div pour la page index */
	#servicescontainer 
{
    display: table;
	width:608px;
	padding:0;
	
}

	#servicesligne1  
{
    display: table-row;
}

	#servicesleft1
{
	width:304px;
	height:auto;
    display: table-cell;
	background: url(/image/Services/headWEB2.jpg) top left no-repeat;
	padding:0;
}
	#servicesright1
{
	width:306px;
    display: table-cell;
	background: url(/image/Services/headTI2.jpg) top left no-repeat;
	
}

	#servicesligne2  
{
    display: table-row;
}

	#servicesleft2
{
    width:306px;
    display: table-cell;
	background: url(/image/ServiceWeb/rightWEb.jpg) top right no-repeat;
	padding:0;
}
	#servicesright2
{
	width:304px;
    display: table-cell;
	background: url(image/ServiceTI/LeftServiceTi.jpg) top left no-repeat;
	padding:0;
}
div.divider{
	background-image:url(../image/points.png);
	background-repeat:no-repeat;
    padding-top: 1em;
	margin-right:auto;
	margin-left:auto;
	width:175px;


}


/*-----------------   BOX EMPLOI    ------------------*/

.content_box_emploi{
	width:545px;
	/*float:left;*/
	margin-bottom:20px;
}

.box_emploi{
	width:291px;
	margin: 0 0 50px 0px;
}

.top_box_emploi{
	width:291px;
	height:9px;
	background-image:url(../image/emploi/top_box.png);
	background-repeat:no-repeat;
	float:left;
}

.mid_box_emploi{
	width:291px;
	background-image:url(../image/emploi/mid_box.png);
	background-repeat: repeat-y;
	float:left;
}

.bot_box_emploi{
	width:291px;
	height:10px;
	background-image:url(../image/emploi/bot_box.png);
	background-repeat:no-repeat;
	float:left;
}

.bt_emploi{
	width:210px;
	height:54px;
	margin:auto;
	float:center;
}

.text_emploi1{
	width:260px;
	margin:auto;
	margin-top:15px;
	text-align:center;
}

.text_emploi2{
	width:260px;
	margin:auto;
	margin-top:2px;
	text-align:center;
}

.text_emploi2 a{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	line-height:30px; 
	color:#000000; 
	font-weight:bold;
}

.text_emploi2 a:visited{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	line-height:30px; 
	color:#000000; 
	font-weight:bold;
}

.text_emploi2 a:hover{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	line-height:30px; 
	color:#000000; 
	font-weight:bold;
	text-decoration:none;
}

.sep_emploi{
	width:230px;
	height:1px;
	background-color: #999;
	float:center;
	margin:auto;
	margin-top:6px;
}

.ico_pdf{
	width:260px;
	margin:auto;
	text-align:center;
}


/*///////////// Medias Sociaux /////////////////*/

#medias_sociaux{
	width:50px; 
	height:200px; 
}

.box_facebook{
	width:50px; 
	height:50px;
	background-image:url(../images/media_sociaux.png);
	background-repeat:no-repeat;
	background-position: -50px 0px;
	display:block;
	text-decoration:none;
}

.box_facebook:hover{
	width:50px; 
	height:50px;
	background-image:url(../images/media_sociaux.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	display:block;
	text-decoration:none;
	cursor:pointer;
}

.box_twitter{
	width:50px; 
	height:50px;
	background-image:url(../images/media_sociaux.png);
	background-repeat:no-repeat;
	background-position: -50px -50px;
	display:block;
	text-decoration:none;
}

.box_twitter:hover{
	width:50px; 
	height:50px;
	background-image:url(../images/media_sociaux.png);
	background-repeat:no-repeat;
	background-position: 0px -50px;
	display:block;
	text-decoration:none;
	cursor:pointer;
}

.box_linkedin{
	width:50px; 
	height:50px;
	background-image:url(../images/media_sociaux.png);
	background-repeat:no-repeat;
	background-position: -50px -100px;
	display:block;
	text-decoration:none;
}

.box_linkedin:hover{
	width:50px; 
	height:50px;
	background-image:url(../images/media_sociaux.png);
	background-repeat:no-repeat;
	background-position: 0px -100px;
	display:block;
	text-decoration:none;
	cursor:pointer;
}

.box_google{
	width:50px; 
	height:50px;
	background-image:url(../images/media_sociaux.png);
	background-repeat:no-repeat;
	background-position: -50px -150px;
	display:block;
	text-decoration:none;
}

.box_google:hover{
	width:50px; 
	height:50px;
	background-image:url(../images/media_sociaux.png);
	background-repeat:no-repeat;
	background-position: 0px -150px;
	display:block;
	text-decoration:none;
	cursor:pointer;
}

/*///////////// Bouton Evaluation /////////////////*/

.Btn_eval{
	width:199px;
	height:190px;
	background:url(../images/media_sociaux.png) no-repeat 0px -207px;
	text-align:center;
	display:block;
	float:left;
}

.Btn_eval a{
	text-decoration:none;
}

.Btn_eval:hover{
	background:url(../images/media_sociaux.png) no-repeat -199px -207px;
}



.top_link_Btn_eval1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px #000000;
	line-height:5px;
}

.top_link_Btn_eval2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	color: #FFFFFF;
	text-decoration:none;
	text-shadow: 1px 1px 2px #000000;
	line-height:35px;
}

.top_link_Btn_eval3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	color: #FFFFFF;
	text-decoration:none;
	text-shadow: 1px 1px 2px #000000;
	line-height:16px;
}

.top_link_Btn_eval4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	color: #FFFFFF;
	text-decoration:none;
	text-shadow: 1px 1px 2px #000000;
	line-height:26px;
}

.link_Btn_eval1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	color: #9ac219;
	text-decoration:none;
	text-shadow: 1px 1px 1px #555555;
}

.link_Btn_eval2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	color: #9ac219;
	text-decoration:none;
	text-shadow: 1px 1px 1px #555555;
	line-height:20px;
}

/*///////////// SITE MAP FOOTER /////////////////*/
.footer_map{
	margin-top:10px;
	color:#999;
	font-size:7px;
	width: 570px;
}

.foot_col1{
	width:125px;
	float:left;
}

.foot_col2{
	width:190px;
	float:left;
}

.foot_col3{
	width:190px;
	float:left;
}

.foot_link{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}

.foot_link:hover{
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}

.foot_linkSub{
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
	text-decoration:none;
	margin-left:5px;
}

.foot_linkSub:hover{
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
	text-decoration:none;
	margin-left:5px;
}

.coord_box{
	height:123px;
	width:290px;
	background-color:#414141;
	background-image:url(../images/arobas2.png);
	background-repeat:no-repeat;
	background-position: 0px 54px;
	float:left;
}

.coord_content{
	padding-top:47px;
	padding-left:90px;
}

.coord_text{
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	margin-top:3px;
	letter-spacing:1px;
}

.coord_text_link{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	margin-top:5px;
}