@charset "UTF-8";
/*Site internet Vincent Drolet */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}

*
{			/*pour mettre tous les margin et padding à 0 pour toutes les balises en css*/
padding:0;
margin:0;
}
	
body
{
background: url(images/entete.jpg) repeat-x scroll; /*affichage de l'image en haut de chaque côté du bloc central*/
font-family:Arial, Verdana, Helvetica, sans-serif; /*#################caractéristiques générales du texte affiché dans la page################*/
font-size:12px;
color:#FFFFFF;
background-color: #737373;
}

#global /*#################caractéristiques générales de la page################*/
{
display:block;
width:960px;
margin:0px auto;
}

h2
{
font-size:20px;
font-weight:normal;
color:#FFFFFF;
}

h3
{
font-size:14px;
color:#ffffff;
font-weight:bold;
}
	
/*####################### Clear ########################*/
.clear	
{
clear:both;
}

img /*aucune bordures ne sera appliqué aux images.  nécessaire spécifiquement aux logos de validation XHTML 1.0 et CSS avec Firefox*/
{
border:none;
}


#entete /*#################caractéristiques générales de l'entête################*/
{
height:55px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#signature
{
display:block;
float:left;
margin-left:20px;
margin-top:5px;
}

#signature a /*caractéristiques des liens de la signature*/
{
text-decoration:none; /*n'affiche aucun soulignement sous le lien*/
color:#ffffff;
}


#menu ul /*#################caractéristiques générales du menu sous forme de liste################*/
{
display:block;
float:right;
list-style-type:none; /*n'affiche aucunes puces à la liste*/
margin-right:20px;
margin-top:30px;
}

#menu li
{
float:left;  /*affiche les liens de la liste les uns à côté des autres*/
padding-left:15px;
}

#menu li a /*caractéristiques des liens de la liste*/
{
text-decoration:none; /*n'affiche aucun soulignement sous le lien*/
color:#9e9e9e;
}
	
#menu li a:hover /*caractéristiques de l'état "mouse over" des liens de la liste*/
{
text-decoration:underline; /*n'affiche aucun soulignement sous le lien*/
color:#000000;
}

#accueil	/*caractéristiques spécifiques de la page d'accueil*/
{
display:block;
float:left;
height:760px;
width:960px;
background-color: #737373;
}

#photoaccueil	/*caractéristiques spécifiques de la photo de la page d'accueil*/
{
display:block;
float:left;
background:transparent url(images/accueil.jpg) no-repeat; /*affichage de l'image de la présentation (portrait)*/
height:741px;
width:920px;
margin-left:20px;
margin-top:59px;
}

#photo /*#################caractéristiques générales du menu sous forme de liste################*/
{
display:block;
float:left;
height:760px;
width:960px;
}

#portraits ul /*#################caractéristiques générales du menu sous forme de liste################*/
{
display:block;
float:left;
height:625px;
width:300px;
list-style-type:none; /*n'affiche aucunes puces à la liste*/
margin-top:135px;
margin-left:20px;
}

#portraits li
{
float:left;  /*affiche les liens de la liste les uns à côté des autres*/
}

#portraits li a /*caractéristiques des liens de la liste*/
{
text-decoration:none; /*n'affiche aucun soulignement sous le lien*/
color:#393939;
}
	
#portraits li a:hover /*caractéristiques de l'état "mouse over" des liens de la liste*/
{
text-decoration:underline; /*n'affiche aucun soulignement sous le lien*/
color:#000000;
}

#commercial ul /*#################caractéristiques générales du menu sous forme de liste################*/
{
display:block;
float:left;
height:625px;
width:310px;
list-style-type:none; /*n'affiche aucunes puces à la liste*/
margin-top:135px;
margin-left:10px;
}

#commercial li
{
float:left;  /*affiche les liens de la liste les uns à côté des autres*/
}

#commercial li a /*caractéristiques des liens de la liste*/
{
text-decoration:none; /*n'affiche aucun soulignement sous le lien*/
color:#393939;
}
	
#commercial li a:hover /*caractéristiques de l'état "mouse over" des liens de la liste*/
{
text-decoration:underline; /*n'affiche aucun soulignement sous le lien*/
color:#000000;
}

#nature ul /*#################caractéristiques générales du menu sous forme de liste################*/
{
display:block;
float:left;
height:625px;
width:320px;
list-style-type:none; /*n'affiche aucunes puces à la liste*/
margin-top:135px;
}

#nature li
{
float:left;  /*affiche les liens de la liste les uns à côté des autres*/
}

#nature li a /*caractéristiques des liens de la liste*/
{
text-decoration:none; /*n'affiche aucun soulignement sous le lien*/
color:#393939;
}
	
#nature li a:hover /*caractéristiques de l'état "mouse over" des liens de la liste*/
{
text-decoration:underline; /*n'affiche aucun soulignement sous le lien*/
color:#000000;
}

#menuphoto ul /*#################caractéristiques générales du menu sous forme de liste################*/
{
display:block;
float:left;
height:14px;
width:955px;
list-style-type:none; /*n'affiche aucunes puces à la liste*/
margin-top:14px;
margin-left:5px;
}

#menuphoto li
{
float:left;  /*affiche les liens de la liste les uns à côté des autres*/
padding-left:15px;
}

#menuphoto li a /*caractéristiques des liens de la liste*/
{
text-decoration:none; /*n'affiche aucun soulignement sous le lien*/
color:#393939;
}
	
#menuphoto li a:hover /*caractéristiques de l'état "mouse over" des liens de la liste*/
{
text-decoration:underline; /*n'affiche aucun soulignement sous le lien*/
color:#000000;
}

#flashcontent	/*caractéristiques spécifiques de la galerie photo et du portfolio*/
{
height:760px;
}

#bio	/*caractéristiques spécifiques de la page de présentation*/
{
display:block;
float:left;
height:540px;
width:520px;
background-color: #737373;
margin-left:220px;
margin-right:220px;
margin-top:220px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
}

#contact /*caractéristiques spécifiques de la page contact*/
{
display:block;
float:left;
height:540px;
width:960px;
background-color: #737373;
font-family:Arial, Verdana, Helvetica, sans-serif;
text-align:center;
color:#ffffff;
margin-top:220px;
}

#contact a /*caractéristiques du lien du texte de la page contact*/
{
color:#ffffff;
text-decoration:none; /*n'affiche aucun soulignement sous le lien*/
}
		
#contact a:hover  /*caractéristiques de l'état "mouse over" du lien du texte de la page contact*/
{
color:#000000;
text-decoration:none; /*n'affiche aucun soulignement sous le lien*/
}


#piedpage /*caractéristiques spécifiques du pied de page*/
{
font-family:Arial, Verdana, Helvetica, sans-serif;
text-align:center;
color:#4b4b4b;
font-size:10px;
padding-top:14px;
}