html,body {
	margin: 0;
	padding: 0;
	height: 100%;
}

html>body #wrap {
	height: 100%;
}

#conteneur_header {
	width: 100%;
	height: 5em;
	background-image: url('img/bkg_conteneur_header.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

/* icone fleche ds option par defaut d un select*/
.default_option
{
	background-image: url('img/fleche_droite.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#form_contact input, select, textarea, .bouton
{
	font-family: arial, helvetica, verdana;
	font-size: 10px;
	color: #666666;	
}

#form_contact label
{
	display:block;
	width:150px;
	float:left;
}

#form_contact input
{
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	height: 14px;
}

#form_contact select
{
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	height: 20px;
}

#form_contact .bouton
{
	height: 20px;
	padding: 2px;
	background-color: white;
	margin-bottom: none;
}

#form_contact textarea
{
	border: 1px solid #CCCCCC;
}

.error
{
	color: #FF2A00;
}

html>body #conteneur_header {
	position: fixed;
	z-index: 10;
	/* empeche certains problemes avec les elements de formulaire */
}

#header {
	width: 910px;
	margin: auto;
}

#conteneur_central {
	width: 100%
}

#preloader {
	z-index: auto;
	position: fixed;
	top: 10%;
	left: 50%;
}

#central {
	width: 910px;
	margin: auto;
}
#logo a
{
	border:none;
	background: none;
}

.no_deco
{
	border:none;
	background: none;	
}

form
{
	font-family: arial, helvetica, verdana;
	font-size: 10px;
	color: #666666;	
}
	

.p_technologies
{
	color: #999999;
	font-style: italic;
	display: inline;	
}
	
	
.download
{
	border: 1px solid #CCCCCC;
	padding: 2px;
	display: inline-block;
	margin: 2px;	
}

.p_download
{
	color: #BFBFBF;
	font-size: 16px;
	margin: 0px;
	padding-bottom: 2px;
}

	
#menu li a:hover
{
	color: #0099FF;
}
#menu_connecte ul
{
	margin-top: 20px;
}

#menu_connecte a
{
	color: #81c81a;
}
#menu_connecte a:hover
{
	color: #00CCFF;
}



#central_left img
{
	border:none;
}
#central_left {
	padding-top: 1px; /* pour compenser le padding-top de 1px sur le h2 */
	float: left;
	position: fixed;
	width: 153px;
	padding-right: 5px;
	text-align: right;
	margin-top: 60px;
	border-right: 1px dashed #666666;
	font-family: arial, helvetica, verdana;
	font-size: 10px;
	color: black;
}

#central_left ul {
	text-align: right;
	margin-top: 50px;
}

#central_left li {
	list-style-type: none;
	padding: 0px 0px 4px 0px;
	margin: 0px;
}

#central_left li a:active {
	color: black;
}

#central_left li a
{
	background:none;
	border: none;
}

html>body #conteneur_content-wrap {
	height: 100%;
}

html>body #conteneur_content {
	padding: 6em 1em;
}
	
/* 6em = hauteur de #header et #footer + 1em, 1em = donne au contenu un peu d'espace par rapport aux bords */
#content {
	width: 725px;
	font-family: arial, helvetica, verdana;
	font-size: 10px;
	color: black;
	padding-top: 46px;
	padding-bottom: 65px; /* contrer le decalage du haut */
	float: right;
	/*background-color: pink; */
}

#a_freelanceInfo a
{
	clear: both;
	margin-top: 50px;
	float: left;
	width: 100px;
	height: 50px;
	text-decoration: none;
	background: none;
}

#content_contact {
	width: 380px;
}

#content_accueil_left{
	width: 90px;
	float: left;
}
#content_accueil_right{
	width: 360px;
	float: right;
	margin-right: 10px;
}

#content_left {
	float: left;
	width: 460px;
}

#content_right {
	float: right;
	width: 240px;
}

#content_feedback
{
	font-family: arial, helvetica, verdana;
	font-size: 10px;
	color: black;
}

.puce_competence
{
    padding-right: 5px;
    margin: 0px;
    border: none;
}

.icon_competences
{
	border: 1px dotted #CCCCCC;
	padding: 3px;
	margin-right: 2px;
}

#content_competences ul
{
	padding-top: 5px;
}

#content_competences
{
	width:600px;
}

#content_portfolio td, #content_competences td
{
	vertical-align: top;
}

li
{
	list-style-type: none;
}
ul
{
	margin: 0px;
	padding: 0px;
}

#content_right li {

	padding-bottom: 12px;
}

#conteneur_footer {
	width: 100%;
	height: 5em;
	height: 65px;
	background-image: url('img/bkg_footer.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#footer {
	padding-top: 40px;
	padding-left: 314px;
	font-family: arial, helvetica, verdana;
	font-size: 10px;
	color: #999999;
	width: 910px;
	margin: auto;
}

html>body #conteneur_footer {
	position: fixed;
	bottom: 0;
	z-index: 10;
	/* empeche certains problemes avec les elements de formulaire */
}

#recherche {
	float: right;
	height: 32px;
}

#login
{
	float: right;
	height: 32px;
	margin-right: 40px;
}

#login p
{
	padding:0px;
	margin:0px;
	display:inline-block;
}

#recherche p
{
	padding:0px;
	margin:0px;
	display:inline-block;
}
.competence
{
	display: inline-block;
	vertical-align: top;
}
.competence li
{
	margin-bottom: 10px;
}

.competence_envdev
{
	display: inline-block;
	vertical-align: top;
	margin-left: 40px;
}

table .job
{
	margin-bottom: 30px;
	width: 300px;
	display: inline-block;
	margin-right: 30px;
	/*border: 1px solid #DDDDDD;*/
	background-color: red;
	padding: 4px;
	vertical-align: top;
	/*background-image: url('img/bkg_job.png');
	background-repeat: no-repeat;*/
}

table p.job_client
{
	margin: 0;
	padding: 0;
	color: #00ABEB;
	font-size: 14px;
}

table p.job_annee
{
	margin-top: 3px;
	color: #666666;
	text-align: right;
	width: 60px;
}

table .job_description
{
	margin-bottom: 10px;
}

table.job_left
{
	float: left;
	/*margin-bottom: 30px;*/
	width: 300px;
/*	display: inline-block;
	margin-right: 30px;*/
	border: 1px solid #DDDDDD;
	/*background-color: red;*/
	padding: 4px;
	vertical-align: top;
	/*background-image: url('img/bkg_job.png');
	background-repeat: no-repeat;*/
	/*clear: both;*/
	clear: both;
	margin-bottom: 30px;
}

table.job_right
{
	/*display: inline-block;*/
	float: right;
	/*margin-bottom: 30px;*/
	width: 300px;
	/*display: inline-block;
	margin-right: 30px;*/
	border: 1px solid #DDDDDD;
	/*background-color: red;*/
	padding: 4px;
	vertical-align: top;
	/*background-image: url('img/bkg_job.png');
	background-repeat: no-repeat;*/
	
}


{
	/*padding-bottom: 2px;
	margin-bottom: 20px;*/
}
.job_logo
{
	margin-bottom: 10px;
}
.job_description
{
	padding-top: 10px;
	padding-bottom: 10px;
}
.job_siteclient
{
	padding-top: 5px;
}
	
.p_blue
{
	color: #00CCFF;
}
.p_gris
{
	color: #666666;
}

.puce_plus
{
	margin-bottom: -6px;	
}

.padding_left {
	margin-left: 55px;
}

.img_htgchetxt {
	float: left;
	padding-right: 10px;
}

.input_login {
	background-image: url('img/bkg_search.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border: 1px solid #CCCCCC;
	background-color: transparent;
	font-size: 10px;
	color: #999999;
	margin-top: 4px;
}

.submit_recherche {
	border: none;
	margin-top: 4px;
}

.input_recherche {
	background-image: url('img/bkg_search.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border: 1px solid #CCCCCC;
	background-color: transparent;
	font-size: 10px;
	color: #999999;
}


#release
{
	padding-top: 200px;	
}

#release p
{
	font-size: 10px;
	color: #999999;
}

#release a
{
	color: #666666;
}
#release a:hover
{
	color: #00CCFF;
}

p {
	font-family: arial, helvetica, verdana;
	font-size: 10px;
	color: black;
}

.justify
{
	text-align: justify;	
}

img {
	border: none;
}


a {
	color: black;
	border: none;
	text-decoration: none;
	padding: 2px 2px 6px 2px;
	background-image: url('img/bkg_lien.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

a:hover {
	color: #005E7F;
	padding: 2px 2px 6px 2px;
	border: none;
}

a img
{
	border: none;
	background: none;
}

a:hover img {
	border: none;
	background: none;
}

#footer a {
	background: none;
}

#release a
{
	background: none;
}

h3 {
	font-family: arial, helvetica, verdana;
	font-size: 14px;
	color: black;
	font-weight: normal;
	/*font-weight: bolder;*/
}

.h3_underligned
{
	border-bottom: 1px dotted #666666;
	padding-bottom: 2px;
	margin-bottom: 10px;	
}

.blue
{
	color: #0099CF;	
}

h2 {
	display: inline;
	font-family: arial, helvetica, verdana;
	font-size: 14px;
	color: #00CCFF;
	font-weight: normal;
	padding-left: 8px;
}

.div_h2 /* conteneur du h2*/
{
	padding-top: 1px;
	background-image: url('img/bkg_h2.gif');	
	background-repeat: no-repeat;
	margin-bottom:34px;	
	
background-position: 0 0;

	height:22px;
}

.h2_white {
	color: white;
	padding-left: 4px;
}

#login p
{
	margin-top: 4px;
	color: gray;
}