/* ------ STRUCTURE GENERALE DU SITE ------ */

#wholesite {
	margin: 10px auto;
	width: 1000px;
}

#wholesitetop {
	background: #fff url(http://www.projetinternet.com/images/bordertop.gif) top center no-repeat;  /* bordures du coté */
	height: 50px;
}

#wholesiteborder {
	background: #fff url(http://www.projetinternet.com/images/border.gif) top center repeat-y;  /* bordures du coté */
}

#wholesitebtm {
	background: #fff url(http://www.projetinternet.com/images/borderbtm.gif) top center no-repeat;  /* bordures du coté */
	height: 50px;
	color:#666666;
	font-weight:normal;
}

#cornerbanner { /* mini bannière (angle) */
	height:200px;
	position:absolute;
	right:0px;
	top:0px;
	width:200px;
}

#content { /* Conteneur */
	margin: auto;
	width: 960px;
	background: #fff;
}

*html #content {width:966px;margin-left:14px;} /* HACK IE6 */


#contentwp{ /* Conteneur */
	width: 600px;
	background: #fff;
}

#comment {
	width: 600px;
}







/* ------ HEADINGS ------ */

#header {
	height: 90px;
}

#logo {
	padding: 0 0 0 0px;
	
}

#teasing {
font-size:16px;
font-weight:bold;
color:#FFFFFF;
line-height: 1.5; 
margin-left:280px;
	float: left;
	position:absolute;
	top:40px;
}


#chefdeprojetlogo {
margin-left:-9px;
	float: left;
	position:absolute;
	top:40px;
}



/* ------ MENU PRINCIPAL ------ */

#menu_chef_de_projet_internet {
	display: block;
	margin-left: auto;
	margin-right: auto;
	line-height: normal;
	margin-left:8px;
}

#menu_chef_de_projet_internet ul {
	list-style-type: none;
	margin: 0;
	margin-left: 5px;
	padding:0px 0 0 0 ;
}

#menu_chef_de_projet_internet li {
	display: inline;
	margin: 0;
	padding: 0;
}

#menu_chef_de_projet_internet a {
	float: left;
	font-size: 12px;
	background: url(http://www.projetinternet.com/images/tab-left.gif) no-repeat left top;
	margin: 0;
	margin-right: 5px; 
	padding:0 0 0 9px;
	text-decoration: none;
}

#menu_chef_de_projet_internet a span {
	float: left;
	font-size: 11px;
	font-weight: bold;
	display: block;
	background: url(http://www.projetinternet.com/images/tab.gif) no-repeat right top;
	padding: 6px 8px 7px 3px;
	color: #ccc;
	
}

#menu_chef_de_projet_internet a span { /* Hack IE5-Mac */
	float: none;
}

#menu_chef_de_projet_internet a:hover span {
	color: #fff;
}

#menu_chef_de_projet_internet #current a {
	background-position:0 -82px; 
}

#menu_chef_de_projet_internet #current a span {
	background-position:100% -82px; 
	color:#fff;
	font-weight: bold;
}

#menu_chef_de_projet_internet a:hover {
	background-position:0% -82px;
	font-weight: bold; 
	
}

#menu_chef_de_projet_internet a:hover span {
	background-position:100% -82px; 
}

p.iepara {
	padding-top: 1em;
}

#tabs a span { /* Hack IE5-Mac */
	float: none;
}

#menu_chef_de_projet_internet .fav a {
    
	background: url(http://www.projetinternet.com/images/lang.gif);
	width:33px;
	height:26px;
}

#menu_chef_de_projet_internet .fav2 a {
	width:8px;
	background:none;
	margin-left:-2px;
}

#menu_chef_de_projet_internet .fav a:hover {
	background-position:0 -82px;
}






/* ------ FIL D'ARIANE ------ */
.breadcumbs {
background:url(http://www.projetinternet.com/images/footer_bckgd.gif) repeat-x;
	padding: 0 0 0 0px;
	width:978px;
	margin-left:-9px;
	float:left;
}

.breadcumbstitle {
	margin-left:9px;;
}

/*hacks IE6+7 */
*+html .breadcumbs {margin-top:0px;margin-bottom:0px;}
*html .breadcumbs {margin-top:0px;margin-bottom:0px;padding-left: 0px;}

h3 {
	font-size:0.8em;
	color:#878787;
}

h3 a {
	color:#878787;
	text-decoration: none ; 
	border-bottom: 0px dashed #878787;
}



/* ------ MENU SECONDAIRE (droite) ------ */

#right {
	float: right;
	width: 295px;
	margin: 0 0 10px 0;
}


.boxtop {
	height: 26px;
	background: #fff url(http://www.projetinternet.com/images/topbox.png) no-repeat;
	color: #000;
}

.box {

	background: url(http://www.projetinternet.com/images/mainbox.png) repeat top left;
	color: #5b5b5b;
	padding: 10px 10px 0 10px;
	width:272px;
}

.carte {

	margin-left:8px;
}

.boxtitle {
	font-weight:bold;
	margin-left:35px;
	color:#eee;
	padding-top:3px;
}

.boxtitle a {
	color:#fff;
	text-decoration:none;
}

.boxbtm {
	background: url(http://www.projetinternet.com/images/btmbox.png) repeat;
	width:282px;
	vertical-align : middle;
	height:25px;
	padding-left:10px;
}
.boxbtmtext {
position:relative;
	margin-left:10px;
	
}


.box p { 
	padding: 0;
	margin: 0;
}

.image {
	float: left;
	margin: 0 9px 3px 0;
}

.Gads {
background:url(http://www.projetinternet.com/images/GAdsRight.png) no-repeat;
height:106px;
padding: 8px 0 0 35px;
}




/* ------ ZONE CENTRALE (pages) ------*/

.left {
	float: left; 
	width: 655px;
}

*html .left {margin-left:3px;} /* HACK IE6 */
   
.left_articles {
	text-align: justify;
	color: #000;
	background: #fff;
}

#pagetitle  { /* titres pages */
    padding: 2px;
	height:40px;
	}
	
.title  { /* titres pages */
	font-weight: bold;
	font-size:14px;
	color:#2a6fad;
	text-transform:uppercase;
	}
	
#pagetitle a {
	text-decoration: none;
}
	
	
#pagetitle .focus {
	color: #679C38;
}

#common_main { 
	padding: 5px;
	background:url(http://www.projetinternet.com/images/cornermain.gif) bottom left no-repeat;
	margin-bottom:10px;
}



/* ------ FOOTER ------- */

.footer {
	clear: both;
	background:url(http://www.projetinternet.com/images/footer_bckgd.gif) repeat-x;
	text-align: center;
	padding: 5px;
	border-top: 1px solid #ccc;
	width:968px;
	height:20px;
	margin-left:-9px;
}

*+html .footer {
	height:10px;
}

.footer a {
	background:transparent;
}

/* ------ STYLES COMMUNS ------ */

/* 1. Redef des styles basiques */
body { 
	padding: 0; 
	margin: 0; 
	font: 0.7em Tahoma, Verdana, sans-serif; 
	line-height: 1.6em; 
	background: #dee0e2; 
	color: #454545;
}

a { 
	color: #296fad; 
	background: none;
}

a:hover {
	color: #679c38;
	background: none;
}	

a img {
  border:  none ; 
}

/* 2. Styles communs */
a.ext_link { /* liens externes ou en popup */
	background: url(http://www.projetinternet.com/images/ext_link.gif) no-repeat right;
	padding: 0 15px 0 0;
}

a.ext_link:hover {
	background: url(http://www.projetinternet.com/images/ext_link_o.gif) no-repeat right;
}

.required, required a {
	color:#ff5f00;
}

.parenth, .parenth a, .parenth a:visited, .parenth a:hover { /* texte grisé entre parenthèses */
	color:#999;
	text-decoration:none;
}

.bluehl {
	color:#296fad;
	font-weight:bold;
}

.date {
			padding-left: 5px;
			font-size: 11px ;
			color: #999999;
			border-left: 6px solid #999999 ;
			border-bottom: 2px solid #999999 ;
			text-align:left;
			}
.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;
 }
.texte2 {

	color:#666;

	font-size:11px;

	text-align:justify;

	padding:0px 1px 0px 5px;

}

#textecv, .textecv {

	color:#666;

	font-size:11px;

	text-align:justify;

	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;
}

.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;
}

a.postit {
vertical-align: middle;
display:inline-table;

width:160px;  
height:120px; 
background-image : url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-postit_cdrom_bas.gif'); 
background-repeat: no-repeat;
} 
a.postit:hover {
vertical-align: middle;
display:inline-table;
width:160px;  
height:120px;
background-image : url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-postit_cdrom_haut.gif'); 
background-repeat: no-repeat;
} 
a.postitv {
vertical-align: middle;
display:inline-table;
width:160px;  
height:120px; 
background-image : url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-postit_siteweb_bas.gif'); 
background-repeat: no-repeat;
} 
a.postitv:hover {
vertical-align: middle;
display:inline-table;
width:160px;  
height:120px;
background-image : url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-postit_siteweb_haut.gif'); 
background-repeat: no-repeat;
} 
a.postitvi {
vertical-align: middle;
display:inline-table;
width:160px;  
height:120px; 
background-image : url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-postit_video_bas.gif'); 
background-repeat: no-repeat;
} 
a.postitvi:hover {
vertical-align: middle;
display:inline-table;
width:160px;  
height:120px;
background-image : url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-postit_video_haut.gif'); 
background-repeat: no-repeat;
} 
a.postitg {
vertical-align: middle;
display:inline-table;
width:160px;  
height:120px; 
background-image : url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-postit_games_bas.gif'); 
background-repeat: no-repeat;
} 
a.postitg:hover {
vertical-align: middle;
display:inline-table;
width:160px;  
height:120px;
background-image : url('http://www.projetinternet.com/images-internet/chef-de-projet-internet-postit_games_haut.gif'); 
background-repeat: no-repeat;
}