body {

font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;

margin:0;

padding:0;

}



/*#bas {font:9px Arial; padding-left:10px; padding-top:2px; color:#aaaaaa; height:16px;}*/


#ligne span.titre {

	color:#4E6CA6;

	font-size:11px;

	font-weight:bold;

	padding:2px 0px 0px 3px;

}

#ligne span.texte {

	padding:0px 5px;

}

#contenudroite a {text-decoration:none;color:#79A1EE;}

#contenudroite a:hover {color:#DA6230;}



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

/* Pages                                                        */

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



/* Sous-menu de gauche */

#titremenu {

	font:10px Arial;

	font-weight:bold;

padding-top:4px;
margin-left:21px;
	color:#FFF;

	text-shadow:1px 1px 3px #666666;

}




ul { 
margin-left:0; 
padding-left:0; 
margin-top:0;
margin-bottom:0;
list-style: none;
}

#ssmenu3 {
height:100%px;
}


#ssmenu {

}

#ssmenu li {

list-style-type: none;
display: block;
padding:0;
margin:0;
}

#ssmenu a {


}

#ssmenu a:hover {
display: block;
list-style-type: none;
}


.z{
margin-left:12px; }

a.t{
padding: 0.2em;
color: #00008B;
font:10px Arial;
font-weight: bolder;
text-decoration: none;
text-align: left;
display: block;
width: 108%;
background-image:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fleche-grise.gif);background-repeat: no-repeat;
background-color:#EEEEEE;
border-bottom:1px dashed #C8C8C8;
opacity: .5;
text-decoration: none;
filter: alpha(opacity=50);
}


a.t:hover{
padding: 0.2em;
font:10px Arial;
font-weight: bolder;
text-decoration: none;
text-align: left;
color:#FFFFFF;
text-decoration: none;
display: block;
width: 108%;
background-image:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fleche-blanche.gif);background-repeat: no-repeat;
background-color:#FF9D2B;
border-bottom:1px dashed #C8C8C8;
opacity: .5;
filter: alpha(opacity=50);
}


a.t1{
padding: 0.2em;
color: #00008B;
font:10px Arial;
font-weight: bolder;
text-decoration: none;
text-align: left;
display: block;
width: 108%;
background-image:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fleche-grise.gif);background-repeat: no-repeat;
background-color:#EEEEEE;
border-bottom:1px dashed #C8C8C8;
opacity: .5;
text-decoration: none;
filter: alpha(opacity=50);
}


a.t1:hover{
padding: 0.2em;
font:10px Arial;
font-weight: bolder;
text-decoration: none;
text-align: left;
color:#FFFFFF;
text-decoration: none;
display: block;
width: 108%;
background-image:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fleche-blanche.gif);background-repeat: no-repeat;
background-color:#90CD72;
border-bottom:1px dashed #C8C8C8;
opacity: .5;
filter: alpha(opacity=50);
}

a.t2{
padding: 0.2em;
color: #00008B;
font:10px Arial;
font-weight: bolder;
text-decoration: none;
text-align: left;
display: block;
width: 108%;
background-image:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fleche-grise.gif);background-repeat: no-repeat;
background-color:#EEEEEE;
border-bottom:1px dashed #C8C8C8;
opacity: .5;
text-decoration: none;
filter: alpha(opacity=50);
}


a.t2:hover{
padding: 0.2em;
font:10px Arial;
font-weight: bolder;
text-decoration: none;
text-align: left;
color:#FFFFFF;
text-decoration: none;
display: block;
width: 108%;
background-image:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fleche-blanche.gif);background-repeat: no-repeat;
background-color:#FF7200;
border-bottom:1px dashed #C8C8C8;
opacity: .5;
filter: alpha(opacity=50);
}

a.t3{
padding: 0.2em;
color: #00008B;
font:10px Arial;
font-weight: bolder;
text-decoration: none;
text-align: left;
display: block;
width: 108%;
background-image:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fleche-grise.gif);background-repeat: no-repeat;
background-color:#EEEEEE;
border-bottom:1px dashed #C8C8C8;
opacity: .5;
text-decoration: none;
filter: alpha(opacity=50);
}


a.t3:hover{
padding: 0.2em;
font:10px Arial;
font-weight: bolder;
text-decoration: none;
text-align: left;
color:#FFFFFF;
text-decoration: none;
display: block;
width: 108%;
background-image:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fleche-blanche.gif);background-repeat: no-repeat;
background-color:#C2C258;
border-bottom:1px dashed #C8C8C8;
opacity: .5;
filter: alpha(opacity=50);
}

a.t4{
padding: 0.2em;
color: #00008B;
font:10px Arial;
font-weight: bolder;
text-decoration: none;
text-align: left;
display: block;
width: 108%;
background-image:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fleche-grise.gif);background-repeat: no-repeat;
background-color:#EEEEEE;
border-bottom:1px dashed #C8C8C8;
opacity: .5;
text-decoration: none;
filter: alpha(opacity=50);
}


a.t4:hover{
padding: 0.2em;
font:10px Arial;
font-weight: bolder;
text-decoration: none;
text-align: left;
color:#FFFFFF;
text-decoration: none;
display: block;
width: 108%;
background-image:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fleche-blanche.gif);background-repeat: no-repeat;
background-color:#FA5025;
border-bottom:1px dashed #C8C8C8;
opacity: .5;
filter: alpha(opacity=50);
}

a.t5{
padding: 0.2em;
color: #00008B;
font:10px Arial;
font-weight: bolder;
text-decoration: none;
text-align: left;
display: block;
width: 108%;
background-image:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fleche-grise.gif);background-repeat: no-repeat;
background-color:#EEEEEE;
border-bottom:1px dashed #C8C8C8;
opacity: .5;
text-decoration: none;
filter: alpha(opacity=50);
}


a.t5:hover{
padding: 0.2em;
font:10px Arial;
font-weight: bolder;
text-decoration: none;
text-align: left;
color:#FFFFFF;
text-decoration: none;
display: block;
width: 108%;
background-image:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fleche-blanche.gif);background-repeat: no-repeat;
background-color:#22A7A2;
border-bottom:1px dashed #C8C8C8;
opacity: .5;
filter: alpha(opacity=50);
}

a.t6{
padding: 0.2em;
color: #00008B;
font:10px Arial;
font-weight: bolder;
text-decoration: none;
text-align: left;
display: block;
width: 108%;
background-image:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fleche-grise.gif);background-repeat: no-repeat;
background-color:#EEEEEE;
border-bottom:1px dashed #C8C8C8;
opacity: .5;
text-decoration: none;
filter: alpha(opacity=50);
}


a.t6:hover{
padding: 0.2em;
font:10px Arial;
font-weight: bolder;
text-decoration: none;
text-align: left;
color:#FFFFFF;
text-decoration: none;
display: block;
width: 108%;
background-image:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fleche-blanche.gif);background-repeat: no-repeat;
background-color:#AE469C;
border-bottom:1px dashed #C8C8C8;
opacity: .5;
filter: alpha(opacity=50);
}



#titre {

	color:#4E6CA6;

	font:14px Arial;

	font-weight:bold;

	padding:5px 0px 15px 10px;
	margin-bottom:5px;
	background:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fd_titres.png) -10px -5px no-repeat;

}

#sstitre {

	color:#999;

	font:12px Arial;

}

#define {

	font-size:11px;

	color:#333;

	text-align:justify;

	margin-bottom:10px;

}

.entete, .entete2, .entete3, {

	color:#4E6CA6;
font-weight:bold;
	font-size:14px;

	text-align:center;

	padding:0px 1px;

}

#entete{

font-size:11px;
color:#4E6CA6;
	font-weight:bold;

	padding:1px 1px 1px 15px;

	border-bottom:1px solid #e5e5e5;

	margin-top:15px;

	margin-bottom:5px;

}

#entete4, .entete4{

font-size:10px;
color:#4E6CA6;
padding:1px 1px 1px 15px;
text-align:left;
padding:0px 1px;
}

h5 {

color:#666;
font-weight:bold;
font-size:14px;
text-align:center;
border: 1px solid #4E6CA6;
padding-bottom:2px;
padding-top:2px;
margin-top:10px;
margin-bottom:10px;
}


#texte, .texte {

	color:#666;

	font-size:11px;

	text-align:justify;

	padding:0px 1px;

}

.texte2 {

	color:#666;

	font-size:11px;

	text-align:justify;

	padding:0px 1px 0px 5px;

}

#intro {

	margin:10px 0px;

	font-size:11px;

	color:#323232;

}

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

/* Drapeaux - rollovers                                         */

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

a.fr {

	background:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fr_off.png) no-repeat;

}

a.fr:hover {

	background:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-fr_on.png) no-repeat;

}

a.uk {

    background:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-uk_off.png) no-repeat;

}

a.uk:hover {

background:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-uk_on.png) no-repeat;

}

a.de{

	background:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-de_off.png) no-repeat;

}

a.de:hover {

	background:url(http://www.projetinternet.com/images-internet/chef-de-projet-internet-de_on.png) no-repeat;

}



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

.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/
font-weight: bold;
line-height: 1em;
margin:0 2px -1px 0;
}

/*#lignemat {clear:both; background-color:#F4F4F4; font-size:11px;}

.matsuite {padding:0 5px;color:#888;}

.matsuite span {color:#889CC3;}*/

a#CSS {
	display: block;
	float: left;
	width: 80px;
	height: 15px;
	text-decoration: none;
	text-align: center;
	padding-left:15px;
	background: url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-css_valid.png') no-repeat;
	/* opacity: 0.5;*/
}

a#CSS:hover {
	/*  opacity: 1; */
}

a#XHTML {
text-align: center;
	width: 80px;
	height: 15px;
	display: block;
	float: left;
	text-decoration: none;
	background: url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-xhtml_valid.png') no-repeat;
	/* opacity: 0.5; */
	padding-left:15px;
}

a#XHTML:hover {
	/* opacity: 1; */
}
.date {
			padding-left: 5px;
			font-size: 11px ;
			color: #999999;
			border-left: 6px solid #999999 ;
			border-bottom: 2px solid #999999 ;
			}
.gdate {
			
			
			color: #999999;
			border-right: 2px solid #999999 ;
			}
			
.cv {
height:5px; }

.tel {
margin-top:10px;
margin-bottom:10px; }

.detail {
text-align:center;
background-color:#E6E6E6;
 }