@charset "UTF-8";
/* CSS Document édité par Benoit Challand */

body{background-color:#FAFAFA; font-family:"Georgia", Times New Roman, Times, serif;}

/*WORKS*/

#works	{ position: absolute; margin-left:300px; margin-top:15px; width:840px; }

#column1		{width:620px; float:left; text-align:left; background-color:#FAFAFA;}
#column2		{width:200px; float:left; text-align:left; background-color:#FAFAFA; margin-left:630px; border-bottom:#cccccc solid 1px; position:fixed;}
#column3		{width:840px; float:left; text-align:left; background-color:#FAFAFA; }

p {font-size: 11px; line-height: 14px; color:#000; font-weight:300; font-style:italic;}
p a:link {font-size: 11px; line-height: 14px; color:#000; font-weight:300; font-style:italic;}
p a:visited {font-size: 11px; line-height: 14px; color:#000; font-weight:300; font-style:italic;}
p a:hover {font-size: 11px; line-height: 14px; color:red; font-weight:300; font-style:italic; text-decoration:underline;}
p a:active{font-size: 11px; line-height: 14px; color:#000; font-weight:300; font-style:italic; text-decoration:underline;}


/*MENU GAUCHE*/

#menugauche{ position:fixed; width:250px; margin-left:30px; margin-top:15px; font-family:"Georgia", Times New Roman, Times, serif; }

h1 		     {color:#000; font-weight:bold; font-size: 10px; line-height: 14px; text-transform:uppercase; border-bottom:#CCC solid 1px; padding-bottom:5px; margin-top:10px;}
h1 a:link    {color:#000; text-decoration:none;  background-color:none;}
h1 a:visited {color:#000; text-decoration:none;  background-color:none;}
h1 a:hover	 {color:#fff; text-decoration:none;  background-color:blue; padding: 2px 2px 2px 0px;}
h1 a:active  {color:#000; text-decoration:none;  background-color:none;}

h2 		     {color:#000; font-weight:bold; font-size: 10px; line-height: 14px; text-transform:uppercase; border-top:#CCC solid 1px; padding-top:5px; margin-top:10px;}
h2 a:link    {color:#000; text-decoration:none;  background-color:none;}
h2 a:visited {color:#000; text-decoration:none;  background-color:none;}
h2 a:hover	 {color:#fff; text-decoration:none;  background-color:blue; padding: 2px 2px 2px 0px;}
h2 a:active  {color:#000; text-decoration:none;  background-color:none;}

h3 		     {color:#000; font-weight:bold; font-size: 11px; line-height: 14px;}
h3 a:link    {color:#000; text-decoration:none;  background-color:none;}
h3 a:visited {color:#000; text-decoration:none;  background-color:none;}
h3 a:hover	 {color:#fff; text-decoration:none;  background-color:blue; }
h3 a:active  {color:#000; text-decoration:none;  background-color:none;}


li.menugauche 		  	  {color:#999; font-weight:normal; font-size: 11px; line-height: 14px; list-style-type:none; }
li.menugauche   a:link    {color:#999; text-decoration:none;  background-color:none;}
li.menugauche   a:visited {color:#069; text-decoration:none;  background-color:none;}
li.menugauche   a:hover	  {color:#09C; text-decoration:none;  background-color:none; margin-right:5px;}
li.menugauche   a:active  {color:#666; text-decoration:none;  background-color:none;}

note {font-size:9px; font-style:italic; color:#ccc;}

#preview {font-size: 11px; line-height: 14px; color:#000; font-weight:300; font-style:italic;}

-----------------




/*
@charset "UTF-8";
 CSS Document édité par Benoit Challand 



body{ font-family:"Georgia", Times New Roman, Times, serif; background-color:#fff;}

#menugauche{ position:absolute; width:250px; margin-left:30px; margin-top:15px; }

hr{
	background: #fff url(images/hr.gif);
	border:  0;
	height:1px;
	width:auto;
	
	
red{color:#F00;}

hr{
	background: #ccc;
	border:  0;
	height:1px;
	width:auto;
	}

.gris{
	background: #ccc;
	border:  0;
	height:1px;
	width:auto;
	}

h1 		  {color:#000; font-weight:bold; font-size: 10px; line-height: 14px; text-transform:uppercase;}
h1 a:link    {color:#000; text-decoration:none;  background-color:none;}
h1 a:visited {color:#000; text-decoration:none;  background-color:none;}
h1 a:hover	  {color:#fff; text-decoration:none;  background-color:red; padding: 2px 2px 2px 0px;}
h1 a:active  {color:#000; text-decoration:none;  background-color:none;}


travaux 		  {color:#999; font-weight:normal; font-size: 11px; line-height: 14px; }
travaux  a:link    {color:#999; text-decoration:none;  background-color:none;}
travaux  a:visited {color:#999; text-decoration:none;  background-color:none;}
travaux  a:hover	  {color:red; text-decoration:none;  background-color:none; margin-right:5px;}
travaux  a:active  {color:#999; text-decoration:none;  background-color:none;}

note {font-size:9px; font-style:italic; color:#ccc;}


texte {font-size: 11px; line-height: 14px; color:#000; font-weight:300; font-style:italic;}
texte a:link {font-size: 11px; line-height: 14px; color:#000; font-weight:300; font-style:italic;}
texte a:visited {font-size: 11px; line-height: 14px; color:#000; font-weight:300; font-style:italic;}
texte a:hover {font-size: 11px; line-height: 14px; color:red; font-weight:300; font-style:italic; text-decoration:underline;}
texte a:active{font-size: 11px; line-height: 14px; color:#000; font-weight:300; font-style:italic; text-decoration:underline;}

texteclairsouligne {font-size: 11px; line-height: 14px; color:#999; font-weight:100; text-decoration:underline;} 

texteclair {font-size: 11px; line-height: 14px; color:#999; font-weight:300;} 
texteclair a:link{font-size: 11px; line-height: 14px; color:#999; font-weight:300;} 
texteclair a:visited{font-size: 11px; line-height: 14px; color:#999; font-weight:300;} 
texteclair a:hover{font-size: 11px; line-height: 14px; color:red; font-weight:300; text-decoration:underline;} 
texteclair a:active{font-size: 11px; line-height: 14px; color:#999; font-weight:300; text-decoration:underline;} 

commentaires  {font-size: 11px; line-height: 14px; color:#000; font-weight:bold; font-style:italic;}

commentairesclair  {font-size: 11px; line-height: 14px; color:#999; font-weight:bold; font-style:italic;}




#competences {  margin-top:15px;
				margin-left:12px;
				width:440px;
				}

titrecompetences{ color:#000; font-weight:bold; font-size: 10px; line-height: 14px; text-transform:uppercase;}

.gauche 		{ height:100px; float:left; text-align:left; background-color:#fff; width:210px; padding-right:20px }
.droite			{ height:100px; float:left; text-align:left; background-color:#fff; width:210px;}


#motion 		{width:440px; padding: 0px 0px 15px 0px; }
#web 			{width:440px; padding: 0px 0px 15px 0px; }
#graphic 		{width:440px; padding: 0px 0px 15px 0px; }
#autres 		{width:440px; padding: 0px 0px 15px 0px; }

.oblique1 { position:absolute; margin-top:-280px; margin-left:195px;}



#apropos { margin-top:15px; margin-left:12px;}

titreapropos{ color:#000; font-weight:bold; font-size: 10px; line-height: 14px; text-transform:uppercase;}

#column1		{width:210px; float:left; text-align:left; background-color:#fff; margin-right:20px;}

#column2		{width:210px; float:left; text-align:left; background-color:#fff; margin-right:20px;}

#column3		{width:210px; float:left; text-align:left; background-color:#fff; margin-right:20px;}



#globaltravaux {  margin-top:15px;
				margin-left:12px;
				width:670px;
				}

titretravaux{ color:#000; font-weight:bold; font-size: 10px; line-height: 14px; text-transform:uppercase;}

.casegauche 		{ height:65px; float:left; text-align:left; background-color:#fff; width:210px; padding-right:20px; }
.casedroite			{ height:65px; float:left; text-align:left; background-color:#fff; width:210px; padding-right:20px;}
.casevide    		{ height:65px; float:left; text-align:left; background-color:#fff; width:210px; }


#contenutitre		{width:670px; padding: 0px 0px 0px 0px; }

#contenutravaux		{width:670px; padding: 0px 0px 0px 0px; }

p#preview {font-size: 11px; line-height: 14px; color:#000; font-weight:300; font-style:italic;}


*/