@charset "utf-8";
/* CSS Document */

/* Initialise les marges des elements bloc */
/*body, div, 
dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, 
p, blockquote, th, td {
	padding: 0;
	width: 75%;
	margin-top: 3em;
	margin-right: auto;
	margin-bottom: 3em;
	margin-left: auto;
}*/

/* Initialise la taille des titres */
h1,h2,h3,h4,h5,h6 { font-size: 100%; }

/* Enleve les puces aux listes */
ol, ul { list-style: none; }

/* Initalise le style du texte */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

/* Enleve les bordures aux images et aux fieldset */
fieldset, img { border: 0; }

body{
color:#FFFFFF;
background-color:#000000;
background:url(../images/background.gif) fixed;
font-family:"Lucida Sans", "Arial", Times, serif;
font-size:14px;
padding: 0;
width: 800px;
margin-right: auto;
margin-left: auto;

}

a{
color :#5b0747;
}

h1{
padding-top:30px;
}

#banniere{
width: 800px;
}

#content{
clear:both;
width: 800px;
background:#000000;
border-style:solid;
border-color:#5b0747;
padding-bottom: 50px;
text-align: justify;
font:georgia;
}

strong{
font-weight:bold;
text-decoration: none;
color:#5b0747;
}

h3{
color:#5b0747;
border-bottom:2px solid #5b0747;
}

#content strong a{
text-decoration:none;
color:#5b0747;
}

#content strong a:hover{
background-color:#ffffff;
}


#realisations{
display: block;
margin-top:40px
}

.delim_bas{
padding-left: 150px;
}

/*********************MENU PRINCIPAL************************/


ul.menu_pl{
display:inline;
margin-bottom: 5px;
width: 800px;
}

li#survol {
background: url(../images/fond_menu-survol.jpg) no-repeat;
color:#FFFFFF;
width:95px;
height:37px;
}

ul.menu_pl li {
float: left;
background: url(../images/fond_menu-lien.gif) no-repeat;
width:95px;
height:37px;
font-family:"Arial";
font-size: 13px;
font-weight:600;
text-align:center;
padding-top:10px;
margin-top:3px;

}

ul.menu_pl li a {
text-decoration: none;
color:#5b0747;
width:95px;
height:37px;

}

ul.menu_pl li a:hover{
color:#FFFFFF;
font-size:14px;
width:95px;
height:37px;
}

ul.menu_pl li:hover{
background: url(../images/fond_menu-over.gif) no-repeat;
width:95px;
height:37px;
}



ul.menu_pl li#btn_accueil a{
background: url(../images/btn_menu-accueil.png) no-repeat;
width: 105px;
height: 50px;
padding-left:60px;
padding-right:50px;
padding-bottom: 30px;
}


ul.menu_pl li#btn_accueil a:hover{
background: url(../images/btn_menu-accueil_survol.png) no-repeat;
width: 105px;
}


ul.menu_pl li#btn_crea a{
background: url(../images/btn_menu-crea.png) no-repeat;
padding-left:90px;
padding-right:50px;
padding-bottom: 30px;
}

ul.menu_pl li#btn_crea a:hover{
background: url(../images/btn_menu-crea_survol.png) no-repeat;
width: 140px;
}


ul.menu_pl li#btn_contact a{
background: url(../images/btn_menu-contact.png) no-repeat;
padding-left:90px;
padding-right:50px;
padding-bottom: 30px;
}

ul.menu_pl li#btn_contact a:hover{
background: url(../images/btn_menu-contact_survol.png) no-repeat;
width: 140px;
}

ul.menu_pl li#btn_blog a{
background: url(../images/btn_menu-blog.png) no-repeat;
padding-left:50px;
padding-right:50px;
padding-bottom: 25px;
}

ul.menu_pl li#btn_blog a:hover{
background: url(../images/btn_menu-blog_survol.png) no-repeat;
width: 140px;
}

/*///////////////////// MENU CREATIONS////////////////////////////////*/

#menu_crea {
float: left;
} 


#menu_crea li a{
display: block;
width: 370px;
height: 75px;
padding-bottom: 10px;
margin-bottom: 10px;
border: none;
}

ul#menu_crea li#photo a{
background: url(../images/crea_photo.jpg) no-repeat;

}

ul#menu_crea li#photo a:hover {
background: url(../images/crea_photoSurvol.jpg) no-repeat;
}

ul#menu_crea li#illustration a{
background: url(../images/crea_illus.jpg) no-repeat;
}

ul#menu_crea li#illustration a:hover {
background: url(../images/crea_illusSurvol.jpg) no-repeat;
}

ul#menu_crea li#video a{
background: url(../images/crea_video.jpg) no-repeat;
}

ul#menu_crea li#video a:hover {
background: url(../images/crea_videoSurvol.jpg) no-repeat;
}

ul#menu_crea li#web a{
background: url(../images/crea_web.jpg) no-repeat;
height: 75px;
}

ul#menu_crea li#web a:hover {
background: url(../images/crea_webSurvol.jpg) no-repeat;
height:75px;
margin-left:2px;
}

/*************************************** Menu bas de page**************************/
#menu_bas a{

padding-right:5px;
padding-left: 5px;
text-decoration: none;
color:#5b0747;
font-size: 14px;
font-weight:bold;
}

#menu_bas a:hover{
text-decoration:underline;
}

#menu_bas p{
text-align:center;
font-size: 12px;
color:#5b0747;
}

#menu_bas .copy{
font-size: 10px;
}

/************************************** blog*********************************/

#desc {
float: right;
width: 300px;
padding-right:30px;
}