@charset "utf-8";
/* CSS Document */
body {
	background-color: #000000;
	margin: 0px;
}

#header {
	height: 254px;
	background-image: url(../images/trame_header.gif);
	background-repeat: repeat-x;
	width: 100%;
	min-width: 600px;
}

#header_logo {
	height: 254px;
	background-image: url(../images/header_logo.gif);
	background-repeat: no-repeat;
	width: 256px;
	float: left;
}
#header_visu {
	height: 254px;
	background-image: url(../images/header_visu.jpg);
	background-repeat: no-repeat;
	width: 229px;
	float: right;
}
#corp {
	height: auto;
	width: 920px;
}
#box_menu{
	height: 291px;
	width: 234px;
	float: left;
	margin-bottom: 100px;
	background-image: url(../images/box_menu.gif);
}
#box_acces{
	height: 17px;
	width: 198px;
	background-image: url(../images/acces.gif);
	font-size: 1px;

}
#box_blog{
	height: 345px;
	width: 198px;

}
#box_blog h6{
	height: 40px;
	width: 142px;
	margin: 0px;
	background-image: url(../images/box_blog.gif);

}
#box_blog h6 a{
	background-image: url(../images/box_blog.gif);
	height: 40px;
	width: 142px;
	display: block;


}
#box_blog h6 a:hover{
	background-image: url(../images/box_blog_hover.gif);
	height: 40px;
	width: 142px;


}
#box_blog h2{
	height: 60px;
	width: 198px;
	margin: 0px;
	display: block;
	padding-top: 3px;
}
#box_blog h3{
	height: 13px;
	width: 117px;
	margin: 0px;
	display: block;
	background-image: url(../images/access.gif);
	font-size: 1px;
}
#box_blog h4{
	height: 16px;
	width: 189px;
	margin: 0px;
	display: block;
}
#box_blog h5{
	height: 12px;
	width: 140px;
	margin: 0px;
	background-image: url(../images/retour.gif);
	font-size: 1px;

}
#box_blog h5 a{
	height: 12px;
	width: 140px;
	margin: 0px;
	background-image: url(../images/retour.gif);
	display: block;

}
#box_blog h5 a:hover{
	height: 12px;
	width: 140px;
	margin: 0px;
	background-image: url(../images/retour_hover.gif);
	display: block;

}
#box_prelude{
	height: 346px;
	width: 125px;
	float: left;
}
#box_info{
	height: 346px;
	width: 561px;
	float: left;
}
#box_info h6{
	height: 67px;
	width: 561px;
	margin: 0px;
	display: block;
}
#box_info h5{
	height: 14px;
	width: 391px;
	margin: 0px;
	display: block;
}
#box_info h4{
	height: 13px;
	width: 108px;
	display: block;
	background-image: url(../images/quick.gif);
	margin: 0px;
	font-size: 1px;
}
#box_private{
	height: auto;
	width: 198px;
	display: block;
	font-size: 1px;
	background-repeat: no-repeat;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
#box_private h5{
	height: 12px;
	width: 120px;
	display: block;
	font-size: 1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#box_private h5 a{
	height: 12px;
	width: 120px;
	display: block;
	font-size: 1px;
	background-image: url(../images/vip.gif);
	background-repeat: no-repeat;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#box_private h5 a:hover{
	height: 12px;
	width: 120px;
	display: block;
	font-size: 1px;
	background-image: url(../images/vip_hover.gif);
	background-repeat: no-repeat;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#box_private h4{
	height: 92px;
	width: 198px;
	display: block;
	font-size: 1px;
	background-image: url(../images/tag_menu.gif);
	background-repeat: no-repeat;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
#texte {
	height: 160px;
	width: 561px;
}
#boxCv h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFF00;
	font-size: 14px;
	font-weight: bold;
	padding-left: 18px;
	height: 23px;

}
#boxCv h5 a {
	color: #FFFF00;
	text-decoration: none;

}
#boxCv h5 a:hover {
	color: #FFFFFF;

}
#boxCv {
	height: auto;
	width: 561px;
	margin-bottom: 12px;
}


#formulaire {
	height: auto;
	width: 546px;
	padding-left: 15px;
	float: left;
}
#formulaire h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	margin: 0px;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
#form {
	height: 50px;
	width: 230px;
	margin-left: 105px;
}
.formClass {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding-right: 2px;
	padding-left: 2px;
}
.formTexte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	width: 400px;
	padding-right: 2px;
	padding-left: 2px;
}
.valider{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: 21px;
	width: 75px;
}
body input.valider
{
	background-color: transparent;
	background-repeat: no-repeat;
	width: 75px;
	height: 21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: none;
	color: #FFFFFF;
	background-image: url(../images/bouton_valider.jpg);
	font-weight: bold;
}

#box_porfolio {
	height: auto;
	width: 686px;
	float: left;
	margin-bottom: 15px;
	padding-top: 15px;
}
#box_porfolio h5 {
	height: 25px;
	width: 686px;
	background-image: url(../images/tetiere_galerie.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#box_porfolio h4 {
	height: 138px;
	width: 686px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/*/////////////////////////////////////MENU SLIDE/////////////////////////////////////////*/

#kwick {
	height: 92px;
}
#kwick .kwicks {
	margin: 0px;
	padding: 0px;
}


#kwick li {
	float: left;
	text-decoration: none;
}

li:after {
	content: "";
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 200px;
	width: 97px;
}

#kwick .kwick span {
	display: none;
}

#kwick .opt1 {
	background-image: url(../images/1.jpg);
	height: 92px;
	width: 84px;
	text-decoration: none;
	float: left;
}

#kwick .opt2 {
	background-image: url(../images/2.jpg);
	height: 92px;
	width: 84px;
	float: left;
}

#kwick .opt3 {
	background-image: url(../images/3.jpg);
	height: 92px;
	width: 84px;
	float: left;
}

#kwick .opt4 {
	background-image: url(../images/4.jpg);
	height: 92px;
	width: 84px;
	float: left;
}

#kwick .opt5 {
	border-right: 0;
	background-image: url(../images/5.jpg);
	height: 92px;
	width: 84px;
}

/*/////////////////////////////////////PORFOLIO PHOTO/////////////////////////////////////////*/
#por {
	height: auto;
	width: 686px;
	position: relative;
	margin: 0px;
	padding: 0px;
}

#por .pors {
	margin: 0px;
	padding: 0px;
	width: 686px;
	height: 138px;
	float: left;
}
#por li {
	float: left;
}

li:after {
	content: "";
}

#por .por {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 200px;
	width: 97px;
}


#por .por span {
	display: none;
}


#por .opt6 {
	background-image: url(../images/1_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt7 {
	background-image: url(../images/2_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt8 {
	background-image: url(../images/3_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt9 {
	background-image: url(../images/4_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt10 {
	background-image: url(../images/5_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt11 {
	background-image: url(../images/6_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt12 {
	background-image: url(../images/7_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt13 {
	background-image: url(../images/8_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt14 {
	background-image: url(../images/9_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt15 {
	background-image: url(../images/10_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt16 {
	background-image: url(../images/11_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt17 {
	background-image: url(../images/12_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt52 {
	background-image: url(../images/47_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt58 {
	background-image: url(../images/52_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt60 {
	background-image: url(../images/55_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt61 {
	background-image: url(../images/56_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt62 {
	background-image: url(../images/57_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt63 {
	background-image: url(../images/58_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt64 {
	background-image: url(../images/59_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt65 {
	background-image: url(../images/60_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt66 {
	background-image: url(../images/61_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt67 {
	background-image: url(../images/62_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt68 {
	background-image: url(../images/63_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
/*/////////////////////////////////////PORFOLIO PIXEL/////////////////////////////////////////*/

#por .opt18 {
	background-image: url(../images/13_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt19 {
	background-image: url(../images/14_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt20 {
	background-image: url(../images/15_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt21 {
	background-image: url(../images/16_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt22 {
	background-image: url(../images/17_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt23 {
	background-image: url(../images/18_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt24 {
	background-image: url(../images/19_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt25 {
	background-image: url(../images/20_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt26 {
	background-image: url(../images/21_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt27 {
	background-image: url(../images/22_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt55 {
	background-image: url(../images/50_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}

#por .opt59 {
	background-image: url(../images/54_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
/*/////////////////////////////////////PORFOLIO PRIVEE/////////////////////////////////////////*/
#por .opt28 {
	background-image: url(../images/23_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt29 {
	background-image: url(../images/24_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt30 {
	background-image: url(../images/25_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt31 {
	background-image: url(../images/26_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt51 {
	background-image: url(../images/46_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
/*/////////////////////////////////////PORFOLIO LABO/////////////////////////////////////////*/
#por .opt32 {
	background-image: url(../images/27_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt33 {
	background-image: url(../images/28_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt34 {
	background-image: url(../images/29_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt35 {
	background-image: url(../images/30_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt36 {
	background-image: url(../images/31_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt37 {
	background-image: url(../images/32_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt49 {
	background-image: url(../images/44_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt50 {
	background-image: url(../images/45_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt53 {
	background-image: url(../images/48_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt54 {
	background-image: url(../images/49_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt56 {
	background-image: url(../images/51_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt57 {
	background-image: url(../images/53_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
/*/////////////////////////////////////PORFOLIO PAPIER/////////////////////////////////////////*/
#por .opt38 {
	background-image: url(../images/33_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt39 {
	background-image: url(../images/34_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt40 {
	background-image: url(../images/35_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt41 {
	background-image: url(../images/36_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt42 {
	background-image: url(../images/37_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt43 {
	background-image: url(../images/38_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt44 {
	background-image: url(../images/39_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt45 {
	background-image: url(../images/40_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt46 {
	background-image: url(../images/41_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}
#por .opt47 {
	background-image: url(../images/42_hover.gif);
	height: 138px;
	width: 200px;
	float: left;
	background-repeat: no-repeat;
}