@font-face {
    font-family: 'talldark-societemodel';
    src: url('fonts/talldark-societemodel.eot?')format('eot'),
         url('fonts/talldark-societemodel.woff')format('woff'),
         url('fonts/talldark-societemodel.svg#Idtalldark-societemodel')format('svg'),
         url('fonts/talldark-societemodel.ttf')format('truetype');
}

body {
	widht: 980px;
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
}
		
#titre_news {
	width: 490px;
	height: 100px;
	margin-left:10px;
	margin-top:10px;
	text-decoration: none;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;				
	position:absolute;
			}

#book_pdf {
	position:absolute;
	width: 122px;
	height: 173px;
	font-size: 28px;
	margin-left:25px;
	margin-top:100px;	
	background-color:#FFFFFF;
}

#book_pdf_titre {
	position:absolute;
	text-decoration: none;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;	
	width: 114px;
	height: 14px;
	margin-left:25px;
	margin-top:273px;
	padding: 3px 3px 3px 5px;	
	background-color:#FFFFFF;
}

#news_3D_1 {
	position:absolute;
	width: 293px;
	height: 173px;
	font-size: 28px;
	margin-left:172px;
	margin-top:100px;	
	background-color:#FFFFFF;
}

#news_3D_1_titre {
	position:absolute;
	text-decoration: none;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;	
	width: 285px;
	height: 14px;
	margin-left:172px;
	margin-top:273px;	
	padding: 3px 3px 3px 5px;
	background-color:#FFFFFF;
}

.h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9, .h10, .h11, .h12 {
	width: 490px;
	height: 346px;
	margin: 0 auto;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	white-space: wrap;
	word-wrap:break-word;" 
}

.h1 {
	position:absolute;
	font-size: 28px;
	margin-left:0px;
	margin-top:0px;	
	background-color:#FFFFFF;
}

.h2 {
	position:absolute;
	font-size: 20px;
	margin-left:490px;
	margin-top:0px;
}

.h3 {
	position:absolute;
	font-size: 20px;
	margin-left:0px;
	margin-top:346px;
	text-align:left;
}

.h4 {
	position:absolute;
	font-size: 20px;
	margin-left:490px;
	margin-top:346px;
	text-align:left;
}

.h5 {
	position:absolute;
	font-size: 20px;
	margin-left:0px;
	margin-top:692px;
	text-align:left;
}

.h6 {
	position:absolute;
	font-size: 20px;
	margin-left:490px;
	margin-top:692px;
	text-align:left;
}

.h7 {
	position:absolute;
	font-size: 20px;
	margin-left:0px;
	margin-top:1038px;
	text-align:left;
}

.h8 {
	position:absolute;
	font-size: 20px;
	margin-left:490px;
	margin-top:1038px;
	text-align:left;
}

.h2credit {
	position:absolute;
	width: 470px;
	height: 10px;
	font-size: 9px;
	margin-left: 500px;
	margin-top: 308px;
	text-align: right;
}

.h3credit {
	position:absolute;
	width: 470px;
	height: 10px;
	font-size: 9px;
	margin-left:10px;
	margin-top:654px;
	text-align:right;
}

.h4credit {
	position:absolute;
	width: 470px;
	height: 10px;
	font-size: 9px;
	margin-left:500px;
	margin-top:654px;
	text-align:right;
}

.h5credit {
	position:absolute;
	width: 470px;
	height: 10px;
	font-size: 9px;
	margin-left:10px;
	margin-top:1000px;
	text-align:right;
}

.h6credit {
	position:absolute;
	width: 470px;
	height: 10px;
	font-size: 9px;
	margin-left: 500px;
	margin-top: 1000px;
	text-align: right;
}

.h7credit {
	position:absolute;
	width: 470px;
	height: 10px;
	font-size: 9px;
	margin-left:10px;
	margin-top:1346px;
	text-align:right;
}

.h8credit {
	position:absolute;
	width: 470px;
	height: 10px;
	font-size: 9px;
	margin-left: 500px;
	margin-top: 1346px;
	text-align: right;
}

.h2c {
	position:absolute;
	width: 490px;
	height: 346px;
	font-size: 20px;
	margin-left:490px;
	margin-top:0px;
	text-align:left;
	background-color:#336600;
}

.h3c {
	position:absolute;
	width: 490px;
	height: 346px;
	font-size: 20px;
	margin-left:0px;
	margin-top:346px;
	text-align:left;
	background-color:#336600;
}

.h4c {
	position:absolute;
	font-size: 13px;
	margin-left:490px;
	margin-top:346px;
	text-align:left;
}

.h4cm {
	text-align:center;
}

.h5c {
	position:absolute;
	width: 490px;
	height: 346px;
	font-size: 20px;
	margin-left:0px;
	margin-top:692px;
	text-align:left;
	background-color:#336600;
}

.h6c {
	position:absolute;
	font-size: 20px;
	margin-left:490px;
	margin-top:692px;
	text-align:left;
}

.h7c {
	position:absolute;
	width: 374px;
	height: 376px;
	font-size: 13px;
	margin-left:20px;
	margin-top:356px;
	text-align:justify;
}

.h2m {
	position:absolute;
	width: 490px;
	height: 346px;
	margin-left:490px;
	margin-top:0px;
	text-align:left;
	padding: 0px;
	background-color:#336600;
}

.h3m {
	position:absolute;
	width: 490px;
	height: 346px;
	margin-left:0px;
	margin-top:346px;
	text-align:left;
	padding: 0px;
}

.h4m {
	width: 430px;
	height: 336px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-left: 490px;
	margin-top: 346px;
	padding-left: 50px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: left;
}

.h5m {
	position:absolute;
	width: 490px;
	height: 346px;
	margin-left:0px;
	margin-top:692px;
	text-align:left;
	padding: 0px;
}

.h6m {
	position:absolute;
	width: 490px;
	height: 346px;
	margin-left:490px;
	margin-top:692px;
	text-align:left;
	padding: 0px;
	background-color:#336600;
}

.h7m {
	position:absolute;
	width: 490px;
	height: 346px;
	margin-left:0px;
	margin-top:1038px;
	text-align:left;
	padding: 0px;
	background-color:#336600;
}

.h8m {
	position:absolute;
	width: 490px;
	height: 346px;
	margin-left:490px;
	margin-top:1038px;
	text-align:left;
	padding: 0px;
}

.h7a {
	position:absolute;
	width: 490px;
	height: 346px;
	margin-left:0px;
	margin-top:1038px;
	text-align:left;
	padding: 0px;
}


.h2p {
	position:absolute;
	width: 490px;
	height: 346px;
	font-size: 20px;
	margin-left:490px;
	margin-top:0px;
	text-align:left;
}

.h3p {
	position:absolute;
	width: 490px;
	height: 346px;
	font-size: 20px;
	margin-left:0px;
	margin-top:346px;
	text-align:left;
}

.h4p {
	width: 430px;
	height: 682px;
	position:absolute;
	font-size: 13px;
	margin-left:490px;
	margin-top:346px;
	padding-left: 50px;
	padding-right: 10px;
	padding-top: 10px;
	text-align:justify;
	background-color:#FFFFFF;
	opacity : 0.7;
    -moz-opacity : 0.7;
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
    filter : alpha(opacity=70); /* IE < 8 */
}

.h5p {
	position:absolute;
	width: 490px;
	height: 346px;
	font-size: 20px;
	margin-left:0px;
	margin-top:692px;
	text-align:left;
}


a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
}

#index {
	width: 980px;
	height: 1384px;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF url(images/fond_accueil.jpg);
}

#presentation {
	width: 980px;
	height: 1038px;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF url(images/tapis_de_decoupe_outils.jpg);
}

#maquettes {
	width: 980px;
	height: 1384px;
	margin: 0 auto;
	padding: 0;
}

#neutre {
	width: 980px;
	height: 1038px;
	margin: 0 auto;
	padding: 0;
}

/* Menu */

#menu {
	float: left;
	position:absolute;
	width: 475px;
	height: 35px;
	margin-top: 306px;
	margin-left: 5px;
	padding: 0px;
	text-align:left;
	border:none;
	text-decoration: none;
	font-family: 'talldark-societemodel', cursive;
	font-size: 28px;
	color: #000000;
	background:#ffffff;
}


#menu a {
	display: block;
	float: left;
	height: 35px;
	margin-top: 0px;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	text-align:left;
	font-family: 'talldark-societemodel', cursive;
	font-size: 28px;
	color: #000000;
	border: none;
}

#menu a:hover {
	text-decoration: none;
	color: #336600;
	background: url(images/fleche_verte.png) no-repeat center 25px;
	
}

#mail a:hover {
	text-decoration: none;
	color: #336600;
	background: url(images/img02.jpg) no-repeat center 25px;
	
}

.menuactif
{	
	display: block;
	float: left;
	height: 30px;
	margin-top: 0px;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	text-align:left;
	font-family: 'talldark-societemodel', cursive;
	text-decoration: none;
	color: #336600;	
}
			
#titre {

	width: 330px;
	height: 86px;
	margin-left: 10px;
	margin-top: 200px;
	font-family: 'talldark-societemodel', cursive;
	line-height: 24px;
	text-decoration: none;
	text-align:left;
	color: #000000;				
	font-size: 40px;
	position:absolute;
			}
#logo {

	width: 330px;
	height: 210px;
	margin-left: 10px;
	margin-top: 10px;
	position:absolute;
			}

#info {

	width: 140px;
	height: 276px;
	margin-left: 340px;
	margin-top: 10px;
	text-decoration: none;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;				
	position:absolute;
			}


.size80 {
			
	font-size: 80px;
			}
			
.size45 {
			
	font-size: 45px;
	        }	
			
.size40 {
			
	font-size: 40px;
	        }			

.size30 {
			
	font-size: 30px;
	        }
			
.size20 {
			
	font-size: 20px;
			}			
.size10 {
			
	font-size: 10px;
			}
			
.cssform p{
height: 34px;
width: 337px;
clear: left;
margin: 0;
padding: 10px 0 10px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #336600;
height: 1%;
}

.cssform label{
font-size: 10px;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
height: 34px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
border: #336600 1px solid;
width: 180px;
}

.cssform input[type="submit"]
{
	font-size: 10px;
	border: #336600 1px solid;
	width: 180px;
	background-color: #FFFFFF;
	color: #000000;
}

.cssform input[type="submit"]:hover
{
	font-size: 10px;
	background-color: #336600;
	width: 180px;
	cursor: pointer;
	color: #FFFFFF;
}


.cssform textarea{
border: #336600 1px solid;
width: 327px;
height: 199px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}