html, body, div, p, ul, li, img, span, a { margin:0; padding:0; }
html {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.75em;line-height:16px;}
a img {border:none;}
ul { list-style:none; }

body{ 
background-color:black;
background-image:url('../images/body_bg.png');
background-repeat:repeat-x;
background-position:50% 0%;
}

#logoMT { position:absolute; left:50%; margin:20px 0 0 -380px;}
#logoIMAC { position:absolute; left:50%; margin:10px 0 0 70px;}
#banniere{background-image:url('../images/ban_bg.png');background-repeat:no-repeat;height:106px;}




#container{width:882px;margin:17px auto 0 auto;}



#menu{position:relative;background-image:url('../images/menu_bg.png');background-repeat:repeat-y;height:210px;z-index:1;}
#menu ul li { float:left;position:absolute;}
#menu ul li.accueil {left:0px; z-index:6;}
#menu ul li.creation {left:161px; z-index:5;}
#menu ul li.profil {left:321px; z-index:4;}
#menu ul li.contact {left:478px; z-index:3;}
#menu ul li.liens {left:635px; z-index:2;}
#menu ul li:hover{z-index:10;}
#menu ul li.selected {z-index:5000;}

#menu ul li a.accueil:focus {color:#FF0000;}
#menu ul li a.creation:focus {color:#ff9900;}
#menu ul li a.profil:focus {color:#66cc00;}
#menu ul li a.contact:focus {color:#0066ff;}
#menu ul li a.liens:focus {color:#9900ff;}

#menu #reflet{position:relative;top:99px;background-repeat:no-repeat;height:111px;z-index:8;}
#menu .reflet_accueil{background-image:url(../images/reflet_index.png);}
#menu .reflet_contact{background-image:url(../images/reflet_contact.png);}
#menu .reflet_profil{background-image:url(../images/reflet_cv.png);}
#menu .reflet_creation{background-image:url(../images/reflet_creation.png);}
#menu .reflet_lien{background-image:url(../images/reflet_lien.png);}

#content{background-image:url('../images/content-bg.png');background-repeat:repeat-y;overflow:auto;padding-top:30px;}
#left{width:540px; float:left; margin:0 10px 0 35px;}
#right{width:260px; float:left;}
#container #content #left h1 {padding:0 0 30px 30px;}
#container #content #left h1.accueil {color: #FF0000;font-size: 24px;font-style: normal;font-weight:normal;padding:10px 0 10px 30px;}
#container #content #left h1.profil {color: #66cc00;font-size: 24px;font-style: normal;font-weight:normal;padding:30px 0 10px 30px;}
#container #content #left h1.contact {color: #0066ff;font-size: 24px;font-style: normal;font-weight:normal;padding:10px 0 10px 30px;}
#container #content #left h1.lien {color: #9900ff;font-size: 24px;font-style: normal;font-weight:normal;padding:10px 0 10px 30px;}
#container #content #left h1.creation {color: #ff9900;font-size: 24px;font-style: normal;font-weight:normal;padding:10px 0 10px 30px;}
#container #content #left span.date {color:#FF0000;padding:0 20px 0 5px;float:left;text-align:right;width:100px;font-weight: bold;}
#container #content #left span.cv{text-align:left;display:table-cell;}
#container #content #left span.nom{color:#9900ff;padding:0 20px 0 5px;float:left;text-align:right;width:200px;font-weight: bold;}
#container #content #left span.description{text-align:left;display:table-cell;}
#left p{color:#000000;padding:0 20px;text-align:justify;margin:10px;}

#right #RT{width:258px;height:46px;}
#right #RM{background-repeat:repeat-y;width:258px;}
#right #RB{width:258px;height:16px;}
#right #RT.accueil{background-image:url(../images/right-top_accueil.png);}
#right #RM.accueil{background-image:url(../images/right-bg_accueil.png);}
#right #RB.accueil{background-image:url(../images/right-bottom_accueil.png);}
#right #RT.profil{background-image:url(../images/right-top_profil.png);}
#right #RM.profil{background-image:url(../images/right-bg_profil.png);}
#right #RB.profil{background-image:url(../images/right-bottom_profil.png);}
#right #RT.contact{background-image:url(../images/right-top_contact.png);}
#right #RM.contact{background-image:url(../images/right-bg_contact.png);}
#right #RB.contact{background-image:url(../images/right-bottom_contact.png);}
#right #RT.lien{background-image:url(../images/right-top_lien.png);}
#right #RM.lien{background-image:url(../images/right-bg_lien.png);}
#right #RB.lien{background-image:url(../images/right-bottom_lien.png);}
#right #RT.creation{background-image:url(../images/right-top_creation.png);}
#right #RM.creation{background-image:url(../images/right-bg_creation.png);}
#right #RB.creation{background-image:url(../images/right-bottom_creation.png);}

#right p{color:#FFFFFF;text-align:justify;padding:0 20px;}
#right h2{color:#FFFFFF;text-align:center;padding:20px; margin:0;}
#right ul{color:#FFFFFF;padding:0 20px; list-style:none;}
#right img{vertical-align:middle; margin:5px 5px 5px 0;}

#right #RM a{color:#FFFFFF;}
#right #RM a:hover{color:#CCCCCC;}

#left.lien a{color:#660099}
#left.lien a:hover{color:#9900ff;}

#line{height:100px;background-image:url('../images/content-bg.png');
background-repeat:repeat-y;}
#smiley{height:100px;background-position:right; background-repeat:no-repeat; margin-right:50px;}
#smiley.accueil{background-image:url('../images/smiley-accueil.png');}
#smiley.profil{background-image:url('../images/smiley-profil.png');}
#smiley.contact{background-image:url('../images/smiley-contact.png');}
#smiley.lien{background-image:url('../images/smiley-lien.png');}
#smiley.creation{background-image:url('../images/smiley-creation.png');}
#footer{height:27px;background-image:url('../images/footer-bg.png');background-repeat:no-repeat;}

#pdf{padding:40px 0 0 80px;float:left;}
#pdf a{color:#66cc00;}
#pdf img{vertical-align:middle;}

label{float:left; width:110px; text-align:right; padding-right:10px;}
.form_bordure{border:solid 1px #0066ff;}
#left p.btn_formulaire{ text-align:center;}
input{margin-bottom:10px;}
#form_mail{margin-left:40px;}

.copyright{float:right;text-align:center;padding-top:5px;margin-right:50px;font-size:0.73em;}
.valid{float:left;width:190px; padding:6px 45px;}

.spry_valid{font-size:0.71em;}

#sendmail_true{color:#00CC00 !important; font-weight: bold; text-align:center !important;}
#sendmail_false{color:#CC0000 !important;font-weight: bold; text-align:center !important;}

div.crea_image{float:left;}
.crea_image img{width:100px;}
div.crea h2{color: #ff9900;}
div.crea_desc{float:left; width:400px;}
div.crea span{color: #ff9900;}
div.crea a{color: #ff9900;}
div.crea a:hover{color: #CC3300;}
div.crea{padding-left:20px; margin-bottom:20px; float:left; width:500px;}
div.crea p{margin:0px; padding:0px !important;}
div.galerie {margin-top:40px;}
.logo_crea{float:right; margin-right:35px;}
h1.creation{float:left;}
div.galerie li{
	background: #eee;border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;border-width: 1px;
	color: inherit;display: inline;
	float: left;margin: 3px;
	padding: 5px;position: relative;
}