body {
background-image:url(../images/background_abdeslam_aourik.jpg);
background-repeat:no-repeat;
background-color:#9a0000;
width:auto;
text-align:center;
margin:5px auto 0;
}

#header {
background-image:url(../images/abdeslam_aourik_fond_1.png);
background-repeat:no-repeat;
width:790px;
height:342px;
margin-left:auto;
margin-right:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#900;
font-size:11px;
text-align:left;
}

#contenu {
background-image:url(../images/abdeslam_aourik_fond_2.png);
background-repeat:repeat-y;
width:790px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}

#footer {
background-image:url(../images/abdeslam_aourik_fond_3.png);
background-repeat:no-repeat;
width:790px;
height:8px;
margin-left:auto;
margin-right:auto;
}

.identite {
width:350px;
margin-left:400px;
padding-top:120px;
}

.photo {
float:right;
width:142px;
}

#header h1 {
font-size:22px;
margin:0;
padding:0;
}

#header h2 {
font-size:12px;
color:#666060;
}

#header p {
margin-top:15px;
color:#666060;
}

.icon_pdf {
padding-top:3px;
border:0;
}

#header a:hover {
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:11px;
}

#menu {
width:636px;
margin-left:auto;
margin-right:auto;
}

#menu .toggler {
width:642px;
height:23px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
font-size:11px;
text-align:left;
padding-top:10px;
padding-left:10px;
font-weight:700;
border-bottom:1px solid #FFF;
clear:both;
}


#menu #formation_lien {
background-color:#20c9e5;
}

#menu #experience_lien {
background-color:#990404;
}

#menu #portfolio_lien {
background-color:#e24444;
}

#menu #competences_lien {
background-color:#a82222;
}

#menu #contact_lien {
background-color:#e2c223;
}

#formation {
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size:11px;
text-align:left;
padding-top:10px;
margin-bottom:8px;
margin-left:10px;
line-height:17px;
}

#formation .annee {
font-weight:700;
color:#990404;
}

#experience {
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size:11px;
text-align:left;
padding-top:10px;
margin-bottom:5px;
margin-left:10px;
line-height:17px;
}

#experience .fonction {
color:#A82222;
}

#competences {
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size:11px;
text-align:left;
padding-top:10px;
margin-bottom:10px;
margin-left:10px;
line-height:17px;

}

#competences .CompetHaut {
margin-top:8px;
line-height:17px;
margin-bottom:8px;
height:220px;
clear:both;
}


#competences .CompetBas {
margin-top:8px;
line-height:17px;
margin-bottom:8px;
height:120px;
width::635px;
}

#competences .gestion {
float:right;
width:312px;
height:220px;
}

#competences .consulting {
float:left;
width:313px;
height:220px;
}

#competences .soft {
width:208px;
height:120px;
float:left;
}

#competences .langages {
width:208px;
height:120px;
float:left;
}

#competences .langues {
width:208px;
height:120px;
float:left;
}

#competences .bleu {
color:#20C9E5;
font-weight:700;
}

#competences .CompetBasGauche {
float:left;
width:200px;
}

#portfolio {
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size:11px;
text-align:left;
padding-top:12px;
margin-bottom:10px;
margin-left:10px;
}

.titre {
font-weight:700;
color:#A82222;
text-decoration:none;
}


#portfolio a img {
	border:3px solid #EEEEEE;
	margin-right:3px;
	}

#portfolio a:hover img {border:3px solid #E24444;}

#contact {
text-align:left;
height:260px;
width:640px;

}

#contact .error {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
font-size:10px;
color:red;
width:170px;
}

form {
background-color:#FFF;
width:600px;
margin-left:auto;
margin-right:auto;
padding:10px;
}

label {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
font-size:11px;
color:#666060;
}

input {
border:1px solid #CFB333;
background-color:#FFF;
font-family:"trebuchet ms",sans-serif;
font-size:11px;
margin:3px 0;
}

select,option {
background-color:#FFF;
color:#FFF;
}

textarea {
border:1px solid #CFB333;
background-color:#FFF;
font-family:"trebuchet ms",sans-serif;
color:#000;
font-size:11px;
width:350px;
height:135px;
margin:3px 0 8px 2px;
}

.textarea {
float:right;
}

.form_gauche {
float:left;
}

input.bouton {
border:2px outset #FFF;
font-weight:700;
cursor:pointer;
color:#CFB333;
}

input.bouton:hover {
border:2px outset #FFF;
background-color:#FFF;
color:#CFB333;
font-weight:700;
}

input.bouton:active {
border:2px inset #FFF;
background-color:#9A0000;
color:#CFB333;
font-weight:700;
}

#contact .alerte {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
font-size:11px;
color:#E2C223;
text-align:center;
}

#header a:link,#header a:visited {
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size:11px;
}

#header a img {
	border:0px;
	}

#menu .toggler a,#menu .toggler a:visited {
text-decoration:none;
color:#FFF;
font-weight:700;
}

.img_lien,#contact fieldset {
border:0;
}

#formation .titre,#experience .titre,#contact form label {
font-weight:700;
}

#formation .titre a,#experience .titre,#contact form label a{
font-weight:700;
text-decoration:none;
color:#333333;
}

#formation .titre a:hover,#experience .titre,#contact form label a:hover{
font-weight:700;
color:#000000;
text-decoration:none;
}

#formation .titre a:visited,#experience .titre,#contact form label a:visited{
font-weight:700;
color:#333333;
text-decoration:none;
}

#formation .italic,#experience .italic {
font-style:italic;
}

#experience .annee,#experience .annee a:hover {
font-weight:700;
color:#A82222;
text-decoration:none;
}

#experience .annee a,#experience .annee a:visited {
font-weight:700;
color:#666060;
text-decoration:none;
}

#competences .CompetBasDroite,#competences .CompetLangues {
float:right;
width:200px;
}



/*bubble*/
.tool-tip {
	color: #fff;
	width: 180px;
	z-index: 13000;
}		 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 10px;
	padding: 4px 8px 8px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: url(bubble.png) bottom right;
}
.tool-text A {
	color:#069;
}
.tool-loading {
	background: url(ajax_load.gif) center center no-repeat;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}
h4 { text-align:center; margin:0 0 10px 0; font-size:90%; }