/* TAGS GLOBAUX */
/* COMPATIBILITE PNG */
img {
	behavior: url("pngHack/pngHack.htc");
	border:none;
	}
.hiddenPic {display:none;}
a{
	font-family:verdana;
	text-decoration: none;
	}

hr{
	border:none;
	border-top:2px dotted #F7931D;
	margin:0px 15px 0px 15px;
	}


body {
	margin:0;
	border:0;
	padding:0;
	text-align: center; /* pour corriger le bug de centrage IE */
	background-color:#636466;
	font-size:12px;
	font-family:verdana;
	color:#636466;
}
h1{
	font-size:24px;
	font-family:georgia;
	font-weight:normal;
	color:black;
	padding-left:15px;
	line-height:1.4em;
	}
#global {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 932px;
	/*background-color:#FFFFFF; */
	text-align: left;
}

#left-col{
	height:400px;
	float:left;
	width:254px;
	}
#right-col{
	margin-left:11px;
	height:400px;
	float:left;
	width:665px;
	}
/*******************/
/* LEFT COLONNE */
#bloc-logo-3e{
	height:186px;
	background-repeat:no-repeat;
	background-image: url("images_css/logo-3e.jpg");
	}
.header-col-gauche{
	font-weight:bold;
	padding-top:12px;
	padding-left:15px;
	letter-spacing:-1px;
	font-weight:bold;
	font-family:helvetica;
	font-size:15px;
	color:white;
	margin-top:20px;
	height:29px;
	background-repeat:no-repeat;
	background-image: url("images_css/header-col-gauche.jpg");
	}
.bloc-texte-col-gauche{
	background-color:white;
	padding:15px 10px 15px 15px;
	line-height:20px;
	}

.date-news{
	font-size:14px;
	font-weight:bold;
	color:#F7931D;
	letter-spacing:-1px;
	}
	
.texte-news{
	font-size:13px;
	margin-bottom:15px;
	}
/*FIN LEFT COLONNE*/
/***********************/


/***********************/	
/*   RIGHT COLONNE  */

#global-col-droite{
	background-color:white;
	padding-top:8px;
	padding-left:7px;
	padding-bottom:30px;
	}
#header-home{
	font-family:georgia;
	padding-top:3px;
	height:212px;
	background-repeat:no-repeat;
	background-image: url("images_css/header-presentation.jpg");
	}
#header-deroulement{
	font-family:georgia;
	padding-top:3px;
	height:212px;
	background-repeat:no-repeat;
	background-image: url("images_css/header-deroulement.jpg");
	}
*html #header-deroulement{
	padding-top:20px;
}
#header-references{
	font-family:georgia;
	padding-top:3px;
	height:212px;
	background-repeat:no-repeat;
	background-image: url("images_css/header-references.jpg");
	}
#header-tl1{
	font-family:georgia;
	padding-top:3px;
	height:212px;
	background-repeat:no-repeat;
	background-image: url("images_css/header-telecom-lille-1.jpg");
	}
#header-contact{
	font-family:georgia;
	padding-top:3px;
	height:212px;
	background-repeat:no-repeat;
	background-image: url("images_css/header-contact.jpg");
	}
#nous-ont-fait-confiance{
	padding-left:255px;
	line-height:14px;
	}
#deroulement-point-par-point{
	margin-top:-20px;
	padding-left:195px;
	line-height:14px;
	}

#deroulement-point-par-point .tick-list li{	
	height:20px;
	background-position: 0 30%; 
}
#texte-intro-header{
	padding:15px 0 0 140px;
	color:white;
	font-size:22px;
	}
#texte-intro-header:first-letter{
	margin-left:-30px;
	}

#texte-intro-contact{
	padding:10px 0 0 300px;
	color:black;
	font-size:27px;
	}
#texte-intro-contact:first-letter{
	margin-left:-30px;
	}
.simple-complexe{
	font-weight:bold;
	color:#F7931D;
	font-size:25px;
	}
#header-avantages{
	color:white;
	font-size:18px;
	padding:5px 0 0 180px;
	list-style-type: none; 
	}
#header-avantages li{
	background: url(images_css/trois-carres-list.jpg) no-repeat; 
	padding-left: 20px; 
	background-position:0px 4px;
	margin-bottom:5px;
	padding-bottom: 4px; 
	border-bottom:1px dashed white;
	margin-right:200px;
}
#separateur-orange{
	width:650px;
	height:5px;
	background-color:#F7931D;
	
	}
.corps-texte{
	font-size:13px;
	padding-left:15px;
	padding-right:15px;
	line-height:18px;
	}
.corps-texte p:first-letter{
	padding-left:25px;
	}
.listeReferences a{
	font-size:15px;
}
#en-savoir-plus{
	margin:10px 0px 10px 230px;
	}
.tick-list {
	list-style-type: none; 
	}
.tick-list li{
	padding-left: 36px; 
	padding-top:0px;
	height:25px;
	background: url(images_css/tick.jpg) no-repeat; 
	}
.tick-list h2{
	font-size:16px;
	padding-top:5px;
	}
.tick-list a{
	color:black;
	border-bottom:1px solid grey;
	}
#nos-competences{
	float:left;
	width:325px;
	}

#plaquette-contact{
	margin-top:15px;
	float:left;
	width:280px;
	}
#conteneur-competences-plaquette{
	height:240px;
	}

#footer{
	width:665px;
	background-color:#282828;
	color:white;
	}
#footer a{
	/*text-decoration:underline;*/
	border-bottom:1px solid white;
	color:white;
	}
#recap-liens{
	padding-top:10px;
	text-align:center;
	}
#assoc-loi-1901{
	font-size:11px;
	font-weight:bold;
	padding:15px;
	}
#copyright{
	text-align:center;
	padding-bottom:5px;
	}
#liens-r{
	text-align:center;
	padding-bottom:10px;
	}
#liens-r a{
	color:grey;
	font-size:8px;
	border:none;
	}
/*FIN RIGHT COLONNE*/
/***********************/	



	
/************************/
/*    COMPETENCES     */
#header-competences{
	font-family:georgia;
	padding-top:3px;
	height:212px;
	background-repeat:no-repeat;
	background-image: url("images_css/header-competences.jpg");
	}
#header-competences h1{
margin-bottom:-5px;
}


	
/* COMPETENCES*/
/***********************/	




/***************/
/*     MENU     */
#navbar{
	width:665px;
	height:45px;
	}

#nav {
	list-style:none;
	margin-left:0px;
	margin-top:15px;
	padding:0px;
	clear:both;
	line-height:0px;
}
#nav a:focus{
   outline:none;
}

#nav li{
	margin-left:2px;
	float:left;
}
#nav #nav-home{
	margin-left:0px;
	}
#nav li a{
	height: 45px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -900em;
}
/* home */
#nav #nav-home a{
	margin-left:0px;
	width: 118px;
	background: url(images_css/navbar-1.jpg) no-repeat ;
}
#nav #nav-home a:hover{
	background: url(images_css/navbar-1-over.jpg) no-repeat ;
}
/* competences*/
#nav #nav-competences a{
	width: 120px;
	background: url(images_css/navbar-2.jpg) no-repeat ;
}
#nav #nav-competences a:hover{
	background: url(images_css/navbar-2-over.jpg) no-repeat ;
}
/* deroulement*/
#nav #nav-deroulement a{
	width: 109px;
	background: url(images_css/navbar-3.jpg) no-repeat ;
}
#nav #nav-deroulement a:hover{
	background: url(images_css/navbar-3-over.jpg) no-repeat ;
}
/* references */
#nav #nav-references a{
	width: 104px;
	background: url(images_css/navbar-4.jpg) no-repeat ;
}
#nav #nav-references a:hover{
	background: url(images_css/navbar-4-over.jpg) no-repeat ;
}
/* tl1*/
#nav #nav-tl1 a{
	width: 121px;
	background: url(images_css/navbar-5.jpg) no-repeat ;
}
#nav #nav-tl1 a:hover{
	background: url(images_css/navbar-5-over.jpg) no-repeat ;
}
/* contact*/
#nav #nav-contact a{
	width: 83px;
	background: url(images_css/navbar-6.jpg) no-repeat ;
}
#nav #nav-contact a:hover{
	background: url(images_css/navbar-6-over.jpg) no-repeat ;
}




/* SELECTION DU BON ONGLET SUIVANT LA CATEGORIE */
body#home #nav-home a, body#home #nav-home a:hover{
	background: url(images_css/navbar-1-select.jpg) no-repeat;
}
body#competences #nav-competences a, body#competences #nav-competences a:hover{
	background: url(images_css/navbar-2-select.jpg) no-repeat;
}
body#deroulement #nav-deroulement a, body#deroulement #nav-deroulement a:hover{
	background: url(images_css/navbar-3-select.jpg) no-repeat;
}
body#references #nav-references a, body#references #nav-references a:hover{
	background: url(images_css/navbar-4-select.jpg) no-repeat;
}
body#tl1 #nav-tl1 a, body#tl1 #nav-tl1 a:hover{
	background: url(images_css/navbar-5-select.jpg) no-repeat;
}
body#contact #nav-contact a, body#contact #nav-contact a:hover{
	background: url(images_css/navbar-6-select.jpg) no-repeat;
}
/**             FIN MENU                    **/
/*************************************/

/*************************************************
           SERVICES HÉBERGEMENT
**************************************************/
.spec_site_table {
	border-style: 0;
	padding: 0px;
	border-width: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 33em;
}

.spec_site_name_white {
	text-align: center;
	height: 40px;
}

.spec_site_val_white {
	text-align: center;
	width: 12em;
	height: 40px;
}

.spec_site_name_grey {
	text-align: center;
	height: 40px;
	background-color: #F5F5F5;
}

.spec_site_val_grey {
	text-align: center;
	width: 12em;
	height: 40px;
	background-color: #F5F5F5;
}

.spec_site_center {
	text-align: center;
}
/*************************************************
           SERVICES HÉBERGEMENT : FIN
**************************************************/