/*"generic" styles */

* { margin:0; padding:right; border: none; text-decoration: none } 

body { }

#main {
	margin:-8px auto;
	position: relative;
}

#logo{
	background: transparent url(../images/logo.png) no-repeat center top;
	width:116px;
	height:127px;
	margin: 8px 0 -116px;	
}

/*Menu--------------------------------------*/

#menucenter {
	position: relative;
	width:990px;
	margin:auto;
}
#menu {
		background: transparent url(../images/fond/menu.gif) no-repeat center top;  height:39px; margin: -47px 0 0px; 
}
#fmenu {
		background: transparent url(../images/fond/fmenu.gif) repeat-x center top; width:100%; height:39px;
}

.menu {
	height:39px; display:inline-block; background-image:url(../images/boutons/menu.gif); background-repeat: no-repeat; margin-right:-4px; float:right; 
}

.accueil {background-position: 0px top; width:100px; margin:-11px 0px 0px;}
.portfolio {background-position: -99px top; width:107px; margin:-11px 0px 0px;}
.apropos {background-position: -205px top; width:114px; margin:-11px 0px 0px;}
.contact {background-position: -318px top; width:99px; margin:-11px 0px 0px;}

.accueil:hover {background-position: 0px -39px; width:100px; margin:-11px 0px 0px;}
.portfolio:hover {background-position: -99px -39px; width:107px; margin:-11px 0px 0px;}
.apropos:hover {background-position: -205px -39px; width:114px; margin:-11px 0px 0px;}
.contact:hover {background-position: -318px -39px; width:99px; margin:-11px 0px 0px;}

.accueil-in {background-position: 0px -78px; width:100px; margin:-11px 0px 0px;}
.portfolio-in {background-position: -99px -78px; width:107px; margin:-11px 0px 0px;}
.apropos-in {background-position: -205px -78px; width:114px; margin:-11px 0px 0px;}
.contact-in {background-position: -318px -78px; width:99px; margin:-11px 0px 0px;}


/*Contenu------------------------------------*/

#body {
	 width:100%; 
	 margin:auto;
	} 
	

#content{
	background: transparent url(../images/fond/header_home.png) no-repeat center top;
	width:990px;
	height:503px;	
	margin:auto;
}
#content2{
	background: transparent url(../images/fond/header_contenu.png) no-repeat center top;
	width:990px;
	height:245px;	
	margin:auto;
}
#contentfond{
	background: transparent url(../images/fond/header_home2.png) repeat-x center top;
	width:100%;
	margin:auto;
}
#contentfond2{
	background: transparent url(../images/fond/header_home3.png) repeat-x center top;
	width:100%;
	margin:auto;
}

.txtintro{
	width:501px;
	padding: 160px 0 0 154px;
}

.txtcontact{
	width:440px;
	padding: 0px 0 0 0px;
	margin:5px 0 0 10px;
	font: normal 13px/18px arial; color: #858585; text-align: justify;
}

.txtapropos{
	padding: 0px 0 0 0px;
	margin:15px 35px 10px 13px;
	font: normal 13px/18px arial; color: #656565; text-align: justify;
}

#lignepoints{
	margin:auto 0 23px;
}



#bloc{
	/*height: 210px;*/
	width:990px;
	margin:auto;
	height:230px;
}

#bloc2{
	/*height: 210px;*/
	width:990px;
	margin:auto;
}


#blocweb{
	width:328px;
	float:left;
}

#blocprint{
	width:328px;
	float:left;
}

#blocflash{
	width:328px;
	float:left;
}

#apropos {
	width:990px;
	height:100px;

}
#apropos1 {
	width:490px;
	float:left;
}
#apropos2 {
	width:490px;
	float:right;
}

#bttwit { margin:14px 0px 0px 154px;
}

#bttwit2 { padding: 154px 0 0 402px;
}


/*Lien book-----------------------------------*/

#lienbook {
	width:100%;
	height:100px;
	padding:0px 0px 0px 14px;
	margin: 20px 0px 0px 0px;
}

.v01 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/01.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v02 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/02.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v03 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/03.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }

.v04 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/04.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v05 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/05.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v06 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/06.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }

.v07 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/07.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v08 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/08.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v09 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/09.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }

.v10 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/10.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v11 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/11.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v12 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/12.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }

.v13 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/13.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v14 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/14.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v15 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/15.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }

.v16 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/16.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v17 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/17.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v18 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/18.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }

.v19 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/19.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v20{	height:140px; width:316px; background-image:url(../images/illustrations/petits/20.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v21 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/21.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }

.v22 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/22.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v23 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/23.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v24 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/24.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }

.v25 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/25.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v26 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/26.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v27 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/27.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v28 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/28.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }
.v30 {	height:140px; width:316px; background-image:url(../images/illustrations/petits/30.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; }


.v2{background-position: 0px 0px; width:316px; margin: 0 12px 10px 0; }
.v2:hover{background-position: 0px -140px; width:316px; margin: 0 12px 10px 0;}

/*Coordonnées-----------------------------------*/

#contact{
	width:990px;
	margin:auto;
	height:320px;
	padding: 17px 0;
}

#contact1{
	width:490px;
	float:left;
}
#contact2{
	width:490px;
	float:right;
}

#adresse{
	height:20px;
	width:490px;
	padding: 12px 0 0 6px;
}

.map {
	 height:127px; width:128px; background-image:url(../images/boutons/carte.png); background-repeat: no-repeat; margin:12px 0px 0px 5px; float:left; 
}
.map2{background-position: 0px 0px; width:128px; margin: 0 20px 0 0; }
.map2:hover{background-position: 0px -128px; width:128px; margin: 0 20px 0 0;}

.nom { margin: 0px 0px 0px 0px; font: bold 13px "Arial"; color: #525252 }
.profe { margin: 0px 0px 0px 0px; font: bold 13px "Arial"; color: #f23e00 }
.siret { margin: 0px 0px 0px 0px; font: 13px "Arial"; color: #858585 }
.email { margin: 0px 0px 0px 153px; font: bold 13px  "Arial"; color: #858585 }

#puce { float:left; margin: 4px 0px 0px 0px;
}
.puce { float:left; margin: 6px 0px 0px 5px; font: 13px "Arial"; color: #858585 
}

#icone { width:100%; height:26px; }

/*Textes-----------------------------------*/
h1 { margin: 0px 0px 9px 0px; font: bold 13px/18px "Arial"; color: #000 }																																																															

h2 { margin: 13px 0px 0px 34px; font: bold 19px "Arial"; color: #000 }

p { margin: 0px 0px 0px 0px; font: normal 13px/18px arial; color: #000; text-align: justify;}

ul { float:left; margin:10px 0px 0px -27px; }

ul li { list-style: none; margin: 0px 0px 0px 0px; font: normal 13px/18px arial; color: #656565; }

ul li a {
color:#656565;
font: normal 13px/18px arial;
font-weight:none;
text-decoration:none;
}

ul li a:hover {
color:#656565;
font: normal 13px/18px arial;
font-weight:none;
text-decoration:underline;
}

a:hover {
color:#858585;
font: normal 13px/18px arial;
font-weight:none;
text-decoration:underline;
}

a {
color:#858585;
font: normal 13px/18px arial;
font-weight:none;
text-decoration:none;
}

.email a:hover {
color:#f23e00;
font: bold 13px/18px arial;
font-weight:none;
text-decoration:underline;
}

.email a {
color:#f23e00;
font: bold 13px/18px arial;
font-weight:none;
text-decoration:none;
}

.footer a:hover {
color:#858585;
font: 10px/18px arial;
font-weight:none;
text-decoration:underline;
}

.footer a {
color:#858585;
font: 10px/18px arial;
font-weight:none;
text-decoration:none;
}

/* Formulaire----------------------------------------- */

.formu{  margin-left:40px; margin: 18px 0 0 45px;}
.formu input, .formu textarea { border:1px solid #ccc; font-size:11px; color:#777; width:320px; float:left; font-family:Arial; padding:2px; margin: 3px 0;}
.formu textarea{ height: 92px}
.formu label{ float:left; width:100px}


#test {  OVERFLOW: hidden; WIDTH: 409px; HEIGHT: 460px;top:16px; left:24px; position:absolute}
#inside { WIDTH: 400px;}
.creas-web #inside{ background-image:url(../images/titre/crea-web.jpg); background-repeat:no-repeat; background-position:top left}
.creas-print #inside{ background-image:url(../images/titre/crea-print.jpg); background-repeat:no-repeat; background-position:top left}
.creas-cdrom #inside{ background-image:url(../images/titre/crea-cdrom.jpg); background-repeat:no-repeat; background-position:top left}
.creas-photo #inside{ background-image:url(../images/titre/crea-photo.jpg); background-repeat:no-repeat; background-position:top left}
	
.libold	li	{ font-weight: normal; }
.input 		{ border: 1px solid black }
.bordered 	{ border: 1px solid black }
.noborder 	{ border:none }
.kill 		{ display: none }
.center 		{ text-align: left; margin: 0px 0px 0px 107px;  }
.clear 		{ clear:both; visibility: hidden; height: 0 }
.noborder 	{ border: none }
.bita 		{ margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #000 }
.left 		{ text-align: left }
.right 		{ text-align: right }
.full 		{ width: 100% }
.button, .centerbut	   { text-align: center; margin: 15px 0 10px 0; clear: both }
.small     { font: normal 10px arial;    } 
.indent    { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px;   } 

/*	////////////////////			Messages d erreurs					 */
.denied       { margin: 10px 20px 20px 30px; color: red; font: normal 12px arial; }
.denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat;  }

/* Footer-----------------------------------*/

#footer { width:990px; height:18px; background-color:#e9eaea; margin:auto; }
.footer {  margin: 0px 0px 0px 10px; font: 10px "Arial"; color: #858585 }