* {
margin:0px;
padding:0px;
}
#video
	{
	margin:0px;
	padding:0px;
	text-align:center;
	}
body
	{
	margin-top:15px;
	}
.clear
	{
	clear:both;
	}

#global
	{
	margin:auto;
	width:900px;
	height:auto;
	border:solid 1px #eaeaea;
	}
/******************************************************************************************************************************/
/********************************************************** banière ***********************************************************/
#ban
	{
	margin:auto;
	width:900px;
	height:126px;
	background-image:url(img/portfolio.jpg);
	background-repeat:no-repeat;
	}

#logo
	{
	float:left;
	width:128px;
	height:125px;
	}
#contact
	{
	float:left;
	width:767px; /**** 772 - padding-right = 767  <== pour IE ****/
	height:97px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#014c6d;
	padding-right:5px;
	padding-top:3px;
	}
#contact a			{text-decoration:none; 	color:#014c6d;}
#contact a:hover	{text-decoration:underline;color:#015c7b;}
	
#slogan
	{
	float:left;
	width:767px;
	height:auto;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#014c6d;
	padding-right:5px;
	}

/**********************************************************************************************************************/
/**********************************************************************************************************************/



/******************************************************************************************************************************/
/********************************************************** corps du site *****************************************************/

#corps
	{
	width:900px;
	height:auto;
	background-color:#ffffff;
	margin-top:0px;
	}



/************ Menu *************/
#menu_global
	{
	margin-top:5px;
	width:130px;
	height:auto;
	float:left;
	background-color:#ffffff;
	background-image:url(img/fond_menu.jpg);
	background-repeat:repeat-y;
	background-position:right;
	border-top:#eaeaea solid 1px;
	
	}

.menu_princ
	{
	width:125px;	/**** 150px normalement mais on enlève les 5px du padding left ****/
	height:21px;  	/**** 24px normalement mais on enlève les 3px du padding top ****/
	float:left;
	background-image:url(img/fond_menu_princ.jpg);
	background-repeat:no-repeat;
	background-position:top;
	color:#919191;
	border-bottom:solid 1px #919191;
	color:#919191;
	padding:3px 0px 0px 5px;
	}

.menu_princ:hover
	{
	width:105px;	/**** 150px normalement mais on enlève les 15px du padding left ****/
	height:21px;  	/**** 24px normalement mais on enlève les 3px du padding top ****/
	float:left;
	background-image:url(img/fond_menu_princ.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	color:#919191;
	border-bottom:solid 1px #919191;
	color:#919191;
	padding:3px 0px 0px 25px;
	}
.menu_princ a{text-decoration:none; color:#919191;}
.menu_princ a:hover{text-decoration:none; color:#919191; color:#6f6f6F!important!;}




/*******************************/
.sepa
	{
	width:639px;
	height:5px;
	margin:15px 0px 5px 0px;
	margin:10px 0px 8px 0px!important!;
	float:left;
	background-image:url(img/sepa.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
#contenu
	{
	width:638px;
	height:auto;
	float:left;
	background-color:#ffffff;
	border-left:#eaeaea solid 1px;
	}
#contenu h1 {font-size:24px; text-align:center; padding-bottom:5px; color:#cccccc}
.qui 
	{
	width:330px;
	height:auto;
	color:#919191;
	float:left;
	line-height:18px;
	margin-left:20px;
	margin-left:10px!important!;
	margin-right:10px;
	margin-top:15px;
	text-indent:20px;
	}	
.qui li {font-weight:lighter; list-style-image:url(img/puce.jpg); list-style-position:inside;}	
.logiciel
	{
	width:250px;
	height:auto;
	float:left;
	color:#919191;
	text-indent:20px;
	margin-top:15px;
	border: solid 1px #EAEAEA;	
	}
.logi
	{
	width:125px;
	height:auto;
	float:left;
	color:#919191;
	text-indent:20px;
	margin-bottom:10px;
	}
.identite
	{
	width:150px;
	height:auto;
	float:left;
	color:#919191;
	text-indent:20px;
	margin-bottom:10px;
	margin-top:10px;
	}
li 
	{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}

h2 
	{
	padding:0px;
	font-size:22px;
	margin-bottom:10px;
	text-indent:10px;
	}	
h3 
	{
	padding:0px;
	font-size:18px;
	margin-bottom:10px;
	text-indent:10px;
	}
.blok_crea
	{
	margin:10px 20px 3px 20px;;
	margin:0px 5px!important!;
	width:600px;
	height:140px;
	float:left;
	border: solid 1px #eaeaea;
	}
.crea	/*** index ***/
	{
	width:195px;
	height:130px;
	float:left;
	padding-top:5px;
	padding-left:5px;
	color:#919191;
	}
.crea2	/*** portfolio ***/
	{
	width:195px;
	height:130px;
	float:left;
	padding-top:5px;
	padding-bottom:15px;
	font-weight:lighter;
	color:#919191;
	}
.titre_crea { width:190px; height:20px; float:left; text-align:center; margin-bottom:5px; border-bottom:dashed 1px #eaeaea;}
.titre_crea h2 {font-size:16px; font-weight:normal;}
.img_crea { width:75px; height:100px; float:left; text-align:center; margin-right:3px;}
.descrip_crea { width:115px; height:120px; float:left; font-size:14px; }
.no_border {border:none;}

.menu_portfolio
	{
	text-align:center; color:#63c3f6;
	}
.menu_portfolio a { color:#0066CC; text-decoration:none;}
.menu_portfolio a:hover { color:#0066FF; text-decoration:overline; text-decoration:underline;}


#cv
	{	
	width:580px;
	height:auto;
	float:left;
	border: solid 1px #EAEAEA;
	color:#919191;
	}
.cv
	{
	margin:10px 20px;
	margin:0px 5px!important!;
	padding:10px;
	width:580px;
	height:auto;
	float:left;
	border: solid 1px #EAEAEA;
	color:#919191;
	}


.cv h1{font-size:24px;}
.cv h2{font-size:18px; font-weight:normal;}
.cv li {font-weight:lighter; list-style-image:url(img/puce.jpg); list-style-position:inside; padding-left:10px;	}	

.contact
	{
	margin:10px 20px;
	margin:0px 5px!important!;
	padding:10px;
	width:580px;
	height:300px;
	float:left;
	border: solid 1px #EAEAEA;
	}
.formlaire
	{
	width:400px;
	height:auto;
	float:left;
	}
	
#pub
	{
	margin-top:5px;
	margin-top:0px!important!;
	width:130px;
	height:auto;
	float:left;
	background-color:#ffffff;
	text-align:center;
	}
.pub
	{
	margin-bottom:10px;
	}
	
/******************************************************************************************************************************/
/******************************************************************************************************************************/
	
#footer
	{
	margin:auto;
	width:900px;
	height:16px;
	background-image:url(img/fond_footer.jpg);
	background-repeat:repeat-x;
	text-align:center;
	color:#014C6D;
	font-size:12px;
	padding-top:3px;
	}
	
#footer a{text-decoration:none;color:#014C6D;font-size:12px;}
#footer a:hover{text-decoration:none;color:#014C6D;font-size:12px;}