/* CSS Document */


/* Structure */
body {
font-family:Courier new;
font-size: 12px;
margin: 0;
padding: 0;
color:#333333;
}
#header {
/*height: 80px;*/
background-color: #ffffff;
border-bottom: 10px solid #7DB7B8;
margin :10px 0px 5px 0px;
padding-top:15px;
padding-left:275px;
background : transparent url(images/logo.jpg) no-repeat ;
}
#page{
position: absolute;
width:100%;
background-color:#ffffff;

}
#centre {
background-color:#ffffff;
width: 580px;
/*height:auto;*/
min-height:500px;
margin-left:250px;
/*border-left: 30px solid #DD1F27;*/
padding-left: 10px;
}
#gauche {
position: absolute;
left:0;
width: 250px;
height:500px;
/*background : transparent url(images/fils.jpg) no-repeat ;*/
padding-top: 130px;
text-align :right;
}
#box-gauche{
width: 225px;
height:250px;
/*border: 1px solid #333333;*/
padding :15px 5px 5px 5px;
margin-top:30px;
margin-left: 15px;
text-align :left;
background : transparent url(images/postSide.gif) right repeat-y ;
}
#nav {
background-color:#ffffff;
width: 580px;
height:auto;
margin-left:230px;
padding-left: 10px;
padding-bottom:15px;
padding-bottom:5px;
text-align :center;
}

	
	
#droite {
position: absolute;
top:150px;
left:840px;
width: 150px;
height:500px;
/*background : transparent url(images/lignes2.gif) repeat-y 0px 50px;*/
}
#footer {
color: #ffffff;
text-align : center;
height: 15px;
margin :10px 0px 0px 0px;
background-color: #7DB7B8;
}
#footer a{
color:#333333;
background-color: #7DB7B8;
}
#footer a:hover{
background-color:#ffffff;
}
.post{
padding-bottom:30px;
width: 580px;
/*min-height:300px;*/
padding-left: 10px;
/*margin-bottom:5px;*/
display:block;
float: left;
border-left: 30px solid #DD1F27;
border-top:10px solid #ffffff;
background : transparent url(images/postSide.gif) right repeat-y ;
}
/*pour la navigation du haut*/
#navmenu ul {margin: 60px 0 3px 0; padding: 0; 
	list-style-type: none; list-style-image: none; }
#navmenu li {display: inline; border-bottom:0px ;}
#navmenu ul li a {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
 	margin: 4px;
	padding: 2px 10px 2px 10px; 
	background: #333333;}
#navmenu ul li a:hover {color:#333333;
	 background-color:#7DB7B8;}
/* menu */
ul {
list-style-type: none; /* suppression of useless elements */
margin-left:10px;

}
li {margin-bottom: 5px; 
border-bottom:1px dotted #333333;
/*display: inline;*/
}

.menu a {
	margin: 0 2px;
	width:220px;
    text-align: right;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
     }
	 
.menu a:hover {
     /*border: 1px dotted #77CBD1; */
	 color:#333333;
	 background-color:#7DB7B8;
     }

.menu a:active {
     background: gray;
     border: 1px solid gray; 
     color: #fff;
     }

/*images*/
.leftbox {float:left;   margin: 0px 10px 15px 0px;line-height:0px;}
.leftbox img  {display: block;position: relative;background-color: #fff;border: 1px none #a9a9a9;padding: 0px 4px 4px 0px;line-height:0px;}
#centre img {border: 1px solid #333333;}
#centre #sepr img {border: 0px solid #333333;}
img.right { padding: 0px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 0px; margin: 10px 7px 7px 0; display: inline; }
.right { float: right; }
.left { float: left; }

#nav img{ border:0;}



/* text and title... */

p {margin: 0 0 10px 0;}
h1 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #7DB7B8;
text-transform: uppercase;

}
h2{
margin-top:0;
padding-left:5px;
font-size: 12px;
color: #ffffff;
border-top:10px solid #ffffff;
background-color: #333333;
}
.cat{ float: right;font-size:11px;color: #cccccc;text-transform:none;background-color:#ffffff;display: inline; }

small{background-color:#cccccc;}
#centre a{
color: #333333;
/*background-color: #7DB7B8;*/
text-decoration:underline;

}
#centre a:hover{
color: #7DB7B8;
/*background-color: #ffffff;*/
}

#centre h2 a{
color:#ffffff;
text-decoration:none;
background-color: #333333;
}

#centre h2 a:hover{
color:#7DB7B8;
text-decoration:overline;
background-color: #333333;
}

#centre .cat a{
color:#333333;
text-decoration:none;
background-color: #ffffff;
}

#centre .cat a:hover{
color:#7DB7B8;

background-color: #ffffff;
}

/*pour le resume*/
.job {
	clear: both;
	width: 620px;
}

.title{
font-weight:bold;

}
.position{
text-transform:uppercase;
margin-left:20px;
color :#666666;
/*text-decoration : underline;*/
}
.company{
margin-left:35px;
font-weight:bold;
color :#333333;

}

#centre h3{
/*border-bottom :1px dotted #333333;*/
font-family:Courier new;
font-size: 16px;
color:#333333;
font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
}