/* CSS Document
© CreaCom Design */

* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box; 
}

html{		
margin: 0px;
padding: 0px;}

body {
	margin: 0; border: 0;
	background: #ffffff url('images/backgd-gradient2.jpg') top center no-repeat;
	padding: 0;}

a{outline: none;}
:focus{-moz-outline-style: none;}

#container {
	width: 980px;
	height: auto;
	margin: 0 auto 0 auto;
}

#header {
width: 980px;
height: 98px;
padding: 0; 
border: 0; 
margin: 17px 0 0 0;
float: left;
}

#middlebox {
width: 980px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
background: url('images/middle.jpg') no-repeat;
float: left;
}

#topmiddle {
width: 920px;
height: 95px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#titleline {
width: 730px;
height: 95px;
padding: 0; 
border-bottom: #4a4a4c 1px solid;
margin: 0;
float: right;
}

#maintitle {
width: 400px;
height: 40px;
padding: 0; 
border: 0; 
margin: 54px 0 0 0;
float: left;
}

#maintitle2 {
width: 405px;
height: 44px;
padding: 0; 
border: 0; 
margin: 50px 0 0 0;
float: left;
}

#competences {
width: 210px;
height: 85px;
padding: 0; 
border: 0; 
margin: 0;
text-align: left;
float: right;
}

#coordonnees {
width: 210px;
height: 85px;
padding: 0; 
border: 0; 
margin: 0;
text-align: right;
color : #4a4a4c;
font : 12px Helvetica, Arial, sans-serif;
line-height: 1.3em;
float: right;
}

.telephonebig {font : 21px Helvetica, Arial, sans-serif; }

 .email:link {color: #7AB51D; text-decoration:none; font : 12px Helvetica, Arial, sans-serif;}
 .email:visited {color: #7AB51D; text-decoration:none;font : 12px Helvetica, Arial, sans-serif;}
 .email:hover {color: #ff9e18; text-decoration:underline;font : 12px Helvetica, Arial, sans-serif;}

#mainmiddle {
width: 906px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#mainmiddle2 {
width: 920px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#mainmiddle3 {
width: 920px;
height: 398px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#contentbox {
width: 716px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#contentbox2 {
width: 730px;
height: auto;
padding: 0; 
border: 0; 
margin: 3px 0 0 0;
float: right;
}

#contentbox3 {
width: 730px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#contentbox4 {
width: 716px;
height: 394px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#wallppbox {
width: 730px;
height: 112px;
padding: 0; 
border: 0; 
margin: 19px 0 0 0;
float: left;
}

#wallpppic {
width: 132px;
height: 112px;
padding: 0; 
border: 0; 
margin: 0 15px 0 0;
color: #000000; 
font : 11px Helvetica, Arial, sans-serif;
text-align: center;
float: left;
}

#wallpppic2 {
width: 132px;
height: 112px;
padding: 0; 
border: 0; 
margin: 0;
color: #000000; 
font : 11px Helvetica, Arial, sans-serif;
text-align: center;
float: left;
}

.wallppimg {
border: solid 1px #4a4a4c;
margin-bottom: 5px;
}

#galleryzone {
width: 514px;
height: 395px;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

#galleryicons {
width: 190px;
height: auto;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
text-align: left;
color : #4a4a4c;
font : 12px Helvetica, Arial, sans-serif;
line-height: 1.2em;
float: left;
}

#maintext {
width: 280px;
height: auto;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
text-align: left;
color : #4a4a4c;
font : 12px Helvetica, Arial, sans-serif;
line-height: 1.3em;
float: left;
}

#maintext2 {
width: 320px;
height: auto;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
text-align: left;
color : #4a4a4c;
font : 12px Helvetica, Arial, sans-serif;
line-height: 1.1em;
float: left;
}

#maintext3 {
width: 325px;
height: auto;
padding: 0; 
border: 0; 
margin: 18px 0 0 0;
text-align: left;
color : #4a4a4c;
font : 12px Helvetica, Arial, sans-serif;
line-height: 1.2em;
float: left;
}

#maintext4 {
width: 340px;
height: auto;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
text-align: left;
color : #4a4a4c;
font : 12px Helvetica, Arial, sans-serif;
line-height: 1.1em;
float: left;
}

#maintextteam {
width: 340px;
height: auto;
padding: 0; 
border: 0; 
margin: 18px 0 0 0;
text-align: left;
color : #4a4a4c;
font : 12px Helvetica, Arial, sans-serif;
line-height: 1.1em;
float: left;
}

#teambox {
width: 340px;
height: 160px;
padding: 0; 
border: 0; 
margin: 10px 0 0 0;
float: left;
}

#picturesbloc {
width: 344px;
height: auto;
padding: 0; 
border: 0; 
margin: 1px 0 0 0;
background: #ffffff url('images/backgd-sq-images.gif') no-repeat;
float: right;
}

#picturesbloc2 {
width: 344px;
height: auto;
padding: 0; 
border: 0; 
margin: 1px 0 0 0;
background: #ffffff url('images/backgd-sq-images2.gif') no-repeat;
float: right;
}

#mapbloc {
width: 344px;
height: auto;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
float: right;
}

#pictopbox {
width: 344px;
height: 162px;
padding: 0; 
border: 0; 
margin: 0;
color : #4a4a4c;
font : 12px Helvetica, Arial, sans-serif;
float: left;
}

#picbloctop1 {
width: 162px;
height: 162px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#picbloctop2 {
width: 162px;
height: 162px;
padding: 0; 
border: 0;
margin: 0;
float: right;
}

#picbloctop3 {
width: 162px;
height: 162px;
padding: 0; 
border: solid 1px #bcbcbc; 
margin: 0;
float: left;
}

#picbloctop4 {
width: 162px;
height: 162px;
padding: 0; 
border: solid 1px #bcbcbc;
margin: 0;
float: right;
}

#picbottombox {
width: 344px;
height: 162px;
padding: 0; 
border: 0; 
margin: 20px 0 0 0;
color : #4a4a4c;
font : 12px Helvetica, Arial, sans-serif;
float: left;
}

#picblocbotm1 {
width: 162px;
height: 162px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#picblocbotm2 {
width: 162px;
height: 162px;
padding: 0; 
border: 0;
margin: 0;
float: right;
}

#picblocbotm3 {
width: 162px;
height: 162px;
padding: 0; 
border: solid 1px #bcbcbc; 
margin: 0;
float: left;
}

#picblocbotm4 {
width: 162px;
height: 162px;
padding: 0; 
border: solid 1px #bcbcbc;
margin: 0;
float: right;
}

#morelinks {
width: 344px;
height: auto;
padding: 0; 
border: 0; 
margin: 5px 0 0 0;
float: left;
}

#linksmore {
width: 300px;
height: 17px;
padding: 0; 
border: 0; 
margin: 5px 0 0 0;
text-align: right;
font : 12px Helvetica, Arial, sans-serif;
float: right;
}

#linksmore2 {
width: 344px;
height: 17px;
padding: 0; 
border: 0; 
margin: 5px 0 0 0;
text-align: left;
font : 12px Helvetica, Arial, sans-serif;
float: right;
}

#moreskills {
width: 344px;
height: 17px;
padding: 0; 
border: 0; 
margin: 5px 0 0 0;
text-align: left;
font : 12px Helvetica, Arial, sans-serif;
float: left;
}

#moreportfolio {
width: 716px;
height: 17px;
padding: 0; 
border: 0; 
margin: 15px 0 0 0;
text-align: right;
font : 12px Helvetica, Arial, sans-serif;
float: right;
}

.greentitle {font : 14px Helvetica, Arial, sans-serif; color: #7AB51D;}


#bottom {
width: 906px;
height: auto;
padding: 0; 
border: 0; 
margin: 14px 0 0 0;
float: left;
}

#bottompage {
width: 906px;
height: 110px;
padding: 0; 
border: 0; 
margin: 34px 0 0 0;
float: left;
}

#bottompage2 {
width: 906px;
height: 110px;
padding: 0; 
border: 0; 
margin: 35px 0 0 0;
float: left;
}

#bottompage3 {
width: 906px;
height: 110px;
padding: 0; 
border: 0; 
margin: 53px 0 0 0;
float: left;
}

#bottompage4 {
width: 906px;
height: 110px;
padding: 0; 
border: 0; 
margin: 34px 0 0 0;
float: left;
}

#bottompage5 {
width: 906px;
height: 110px;
padding: 0; 
border: 0; 
margin: 4px 0 0 0;
float: left;
}

#bottompage6 {
width: 906px;
height: 110px;
padding: 0; 
border: 0; 
margin: 0;
float: left;
}

#bottomleft {
width: 180px;
height: 65px;
padding: 0; 
border: 0; 
margin: 140px 0 0 0;
text-align: right;
float: left;
}

#bottomlogo {
width: 672px;
height: auto;
padding: 0; 
border: 0; 
margin: 0;
float: right;
}

/* formz */

fieldset {
	margin: 0;
	border: 0;
	width: auto;
}
fieldset p {
	padding: 0 0 0.75em 0em !important;
	padding: 0 0 0 0;
	clear: both;
}

label.text {
	display: block;
	float: left;
	width: 35%;
	text-align: right; 
	margin: 0 1em 0 0;
	padding: 0.1em;	
}

label.text2 {
	display: block;
	float: left;
	width: 17px;
	text-align: left;
	font-weight:bold;
	margin: 0.5em 0 0 0;
	padding: 0;	
}

label.text3 {
	display: block;
	float: right;
	width: 162px;
	text-align: left; 
	margin: 0.5em 0 0 0;
	padding: 0.2em;	
}

input.text,
textarea {
	width: 53%;
	margin-right: 0.25em;	

}
.envoy {
	margin: 0.5em 0;
	text-align: left;
}
.envoy label {
	border: 0;	
}

 .green:link {color: #7AB51D; text-decoration:none;}
 .green:visited {color: #7AB51D; text-decoration:none;}
 .green:hover {color: #bfc1c2; text-decoration:none;}
 
  .green2:link {color: #7AB51D; text-decoration:none;}
 .green2:visited {color: #7AB51D; text-decoration:none;}
 .green2:hover {color: #ff9e18; text-decoration:underline;}
 
  .orange:link {color: #ff9e18; text-decoration:none;}
 .orange:visited {color: #ff9e18; text-decoration:none;}
 .orange:hover {color: #bfc1c2; text-decoration:none;}
 
   .grey:link {color: #4a4a4c; text-decoration:none;}
 .grey:visited {color: #4a4a4c; text-decoration:none;}
 .grey:hover {color: #ff9e18; text-decoration:none;}
 
    .grey2:link {color: #4a4a4c; text-decoration:underline;}
 .grey2:visited {color: #4a4a4c; text-decoration:underline;}
 .grey2:hover {color: #7AB51D; text-decoration:none;}