/*------------------------------------------------------------------------------ Basic Element */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background : #EEE url(../img/main_background.jpg);
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: center;
}

p { 
	margin: 0; 
	padding: 0;
	font: normal lighter 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}


h1 {
	padding: 0;
	margin: 0;
}

/* Titles */

h2 { 
   padding: 0;
	margin: 0;
} 

h3 { 
  	font-family: "Trebuchet MS",Arial,Helevetica,sans-serif;
	font-size: 20px;
	border-bottom: solid #D5D7D0 1px; 
} 

h4 { 
   font-family: "Trebuchet MS",Arial,Helevetica,sans-serif;
	font-size: 15px;
	border-bottom: solid #D5D7D0 1px; 
} 


/*
* {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight: bold;
}
*/

/* Default Link*/
a:link    {color: Black; background-color: transparent; text-decoration:none; }
a:visited {color: red; background-color: transparent; text-decoration:none;}
a:hover   {color:Black; background-color: transparent; text-decoration:underline;}

input {
	color: Black;
	background-color: #EEF3F5;
	border: 1px solid #D5D7D0;
}

textarea {
	color: Black;
	background-color: #EEF3F5;
	border: 1px solid #D5D7D0;
}

select {
	color: Black;
	background-color: #EEF3F5;
	border: 1px solid #D5D7D0;
}

.bold {
	margin: 0; 
	padding: 0;
	font: normal bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

/*--------------------------------------------------------------------------- Div Element */


#page {
	background: url(../img/background.jpg) repeat-y;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
}

#logo { 
   padding: 0;
	background: transparent url(../img/header.jpg) center;
	width: 820px;
	height: 158px;
	margin-left: auto;
	margin-right: auto;
} 


/*** Menu ******/


#hMenu {
	width: 820px;
	height: 32px;
	text-align: left; 
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}


#hMenu ul {
		margin: 0;
		padding: 0;
		list-style: none;/*
		text-align: center;*/
	}


/*** Body ***/
#content {
	padding: 0;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


#content ul {
	margin: 0 40px;
	padding: 0;
	list-style-type: square;
}

#content li {
	margin: 4px 2px;
	font: normal normal 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}


#cvresource {
	float: right;
	margin: 0;
	padding: 0;
	width: 120px;
}

#cvresource p {
	margin-right: 50px;
}


.title {
	margin: 0;
	padding: 0;
/*	display: inline;*/
}

.title H1 {
	font: normal 17px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	padding: 8px 50px;
	width: 340px;
	border-bottom: 1px solid #D5D7D0; 
	background: url("../img/logo_extras.jpg") no-repeat;
	
}

.title H2 {
	font-family: "Trebuchet MS",Arial,Helevetica,sans-serif;
	font-size: 15px;
	background-color: transparent;
	color: #0B5476;
	margin-top: 10px;
	padding: 0;
	display: inline;
}


.cvtitle {
	margin: 0;
	padding: 0;
}

.cvtitle h1 {
	font: normal 17px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	padding: 8px 45px;
	margin-left: 60px;
	width: 340px;
	border-bottom: 1px solid #D5D7D0; 
	background: url("../img/logo_cv.jpg") no-repeat;
}

.cvtitle h2 {
	font-family: "Trebuchet MS",Arial,Helevetica,sans-serif;
	font-size: 15px;
	background-color: transparent;
	color: #0B5476;
	margin-top: 10px;
	padding: 0;
}

#flag {
	float: left;
 	width: 60px;
 	margin: 10px 0px;
}

#copyright {
	clear: both;
	position: relative;
	border-top: 1px solid Black;
	width: 400px;
	padding: 10px;
	top: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#copyright p {
	font: 13px Verdana, Arial, Times, serif;
}

#contacttitle {
	margin: 0;
	padding: 0;
	width: 80%;
}

#contacttitle h1 {
	font: normal 17px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	padding: 8px 0px 0px 55px;
	height: 31px;
	width: 318px;
	border-bottom: 1px solid #D5D7D0; 
	background: url("../img/logo_contact.jpg") no-repeat;
}

#contactform {
	margin: 0;
	padding: 1em;
}

#contactform p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}

#contactform legend {	/*** Mise en forme des aides contextuelles ***/
	font: normal bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}

#contactform fieldset#coordonnees {
	width: 380px;
}

#contactform fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 20%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}

#contactmessage{
	width: 400px;
	margin-top: 10px;
}

#contactform fieldset#message label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 20%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}

#contactmessage p label{
	vertical-align: top;
}

#contactsubmit {
	width: 348px;
	height: 25px;

	float: right;
}

#contactsubmit .submit{
	border-style : outset;
	background : #d2e0e6 url(../img/degrade_bleu.png) repeat-x 0 100%;
	font-weight : bold;
}

.off {
	border: 0;
}

.on {
	border: 1px solid red;
}

.error{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto; 
	margin-right: auto;
	font: bold 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: Red;
	text-align: center;
}

.default a:link    {color: #0B5476; font-size: 12px; font-weight: bolder; background-color: transparent; text-decoration:none;}
.default a:visited {color: #0B5476; font-size: 12px; font-weight: bolder; background-color: transparent; text-decoration:none;}
.default a:hover   {color: #0B5476; font-size: 12px; font-weight: bolder; background-color: #D5D7D0;     text-decoration: none;}



/*** Footer ***/

#footer {
	
	background: transparent url(../img/footer.jpg) center;
	width: 820px;
	height: 47px;
	margin-left: auto;
	margin-right: auto;
}
	
#footer p {
	margin-top: 10px;
	text-align: center;
}

#footer img {
	border : none;
}