@charset "UTF-8";

* {
outline:none; 
border:none;
margin:0;
padding:0;
text-decoration:none;
color:#000;
}


.tip {
	background:url(img/lirelasuite.gif);
	width:92px;
	height:71px;
}


body {
	background-image:url(img/bg.gif);
	background-repeat:repeat-x;
	background-attachment:fixed;
	width:980px;
	margin:auto;
	
}

#header {
	
	background:url(img/images/header.png);
	width:980px;
	height:271px;
	
}

#cache {
	background:url(img/images/cache.png);
	width:980px;
	height:252px;
}

#titre {
	width:357px;
	height:50px;
	margin-top:20px;
	z-index:0;	
}

#titrejpg{
	background:url(swf/titre.jpg);
	width:357px;
	height:50px;
	z-index:0;
}

#blog {
	background:url(img/images/blog.png);
	width:122px;
	height:33px;
	display:block;
}

#blog:hover {
	background:url(img/images/blog.gif);
}

#portfolio {
	background:url(img/images/portfolio.png);
	width:122px;
	height:33px;
	display:block;
}

#portfolio:hover {
	background:url(img/images/portfolio.gif);
}

#profil {
	background:url(img/images/profil.png);
	width:122px;
	height:33px;
	display:block;
}

#profil:hover {
	background:url(img/images/profil.gif);
}

#contact {
	background:url(img/images/contact.png);
	width:122px;
	height:33px;
	display:block;
}

#contact:hover {
	background:url(img/images/contact.gif);
}

.centrer {
	position:fixed;
	top:0;
}

#espace {
	height:250px;	
}

#article {
	width:980px;
	height:370px;	

}

/*#article:hover {
	background:url(img/bgarticle.gif) repeat;
}*/

blocfolio {
	width:980px;
	height:370px;	
}

#titrefolio {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:16px;
	padding-left:10px;
	padding-top:10px;
}

#textefolio{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px;
	font-size:18px;
	line-height:26px;
	color:#545454;
	float:left;
	width:230px;
	height:321px;
	padding-top:5px;
    -moz-column-width: 245px;
    -webkit-column-width: 245px;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
	
}

#textefolio1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px;
	font-size:18px;
	line-height:26px;
	color:#545454;
	float:left;
	width:230px;
	height:321px;
	padding-top:5px;
    width: 230px;
	margin-right:16px;
}

#textefolio2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px;
	font-size:18px;
	line-height:26px;
	color:#545454;
	float:left;
	width:230px;
	height:321px;
	padding-top:5px;
    width: 230px;
	
}

#blocimgfolio {
		width:490px;
	height:311px;
	float:right;	
}

#imgfolio {
	background:url(img/images/vignette.jpg);
	width:241px;
	height:159px;
	float:right;
}

#imgfolio:hover {
	background:url(img/images/vignettehover.jpg)	
}


/* debut Img_webdesign */

#img1_webdesign{
	background:url(./content/folio/content/webdesign/1.jpg) no-repeat 5px 5px;
	width:241px;
	height:159px;
	float:left;
}

#img1_webdesign:hover{
	background-position: 5px -160px;	
}

#img2_webdesign{
	background:url(./content/folio/content/webdesign/2.jpg) no-repeat 5px 5px;
	width:241px;
	height:159px;
	float:left;
}

#img2_webdesign:hover{
	background-position: 5px -160px;	
}

#img3_webdesign{
	background:url(./content/folio/content/webdesign/3.jpg) no-repeat 5px 5px;
	width:241px;
	height:159px;
	float:left;
}

#img3_webdesign:hover{
	background-position: 5px -160px;	
}

#img4_webdesign{
	background:url(./content/folio/content/webdesign/4.jpg) no-repeat 5px 5px;
	width:241px;
	height:159px;
	float:left;
}

#img4_webdesign:hover{
	background-position: 5px -160px;	
}

/* fin Img_webdesign */


/* debut Img_illustration */

#img1_illustration{
	background:url(./content/folio/content/illustration/1.jpg) no-repeat 5px 5px;
	width:241px;
	height:159px;
	float:left;
}

#img1_illustration:hover{
	background-position: 5px -160px;	
}

#img2_illustration{
	background:url(./content/folio/content/illustration/2.jpg) no-repeat 5px 5px;
	width:241px;
	height:159px;
	float:left;
}

#img2_illustration:hover{
	background-position: 5px -160px;	
}

#img3_illustration{
	background:url(./content/folio/content/illustration/3.jpg) no-repeat 5px 5px;
	width:241px;
	height:159px;
	float:left;
}

#img3_illustration:hover{
	background-position: 5px -160px;	
}

#img4_illustration{
	background:url(./content/folio/content/illustration/4.jpg) no-repeat 5px 5px;
	width:241px;
	height:159px;
	float:left;
}

#img4_illustration:hover{
	background-position: 5px -160px;	
}

/* fin Img_illustration */



/* debut Img_logo */

#img1_logo{
	background:url(./content/folio/content/logo/1.jpg) no-repeat 5px 5px;
	width:241px;
	height:159px;
	float:left;
}

#img1_logo:hover{
	background-position: 5px -160px;	
}

#img2_logo{
	background:url(./content/folio/content/logo/2.jpg) no-repeat 5px 5px;
	width:241px;
	height:159px;
	float:left;
}

#img2_logo:hover{
	background-position: 5px -160px;	
}

#img3_logo{
	background:url(./content/folio/content/logo/3.jpg) no-repeat 5px 5px;
	width:241px;
	height:159px;
	float:left;
}

#img3_logo:hover{
	background-position: 5px -160px;	
}

#img4_logo{
	background:url(./content/folio/content/logo/4.jpg) no-repeat 5px 5px;
	width:241px;
	height:159px;
	float:left;
}

#img4_logo:hover{
	background-position: 5px -160px;	
}

/* fin Img_logo */




/* debut 3D-video */

#img1_3D-video{
	background:url(./content/folio/content/3D-video/1.jpg) no-repeat 5px 5px;
	width:241px;
	height:159px;
	float:left;
}

#img1_3D-video:hover{
	background-position: 5px -160px;	
}

#img2_3D-video{
	background:url(./content/folio/content/3D-video/2.jpg) no-repeat 5px 5px;
	width:241px;
	height:159px;
	float:left;
}

#img2_3D-video:hover{
	background-position: 5px -160px;	
}

#img3_3D-video{
	background:url(./content/folio/content/3D-video/3.jpg) no-repeat 5px 5px;
	width:241px;
	height:159px;
	float:left;
}

#img3_3D-video:hover{
	background-position: 5px -160px;	
}

#img4_3D-video{
	background:url(./content/folio/content/3D-video/4.jpg) no-repeat 5px 5px;
	width:241px;
	height:159px;
	float:left;
}

#img4_3D-video:hover{
	background-position: 5px -160px;	
}

/* fin Img_3D-video */


#date {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:16px;
	padding-left:10px;
	padding-top:10px;
}

#img {
	width:490px;
	height:311px;
	float:left;
	
}

#texte{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px;
	font-size:18px;
	line-height:26px;
	color:#545454;
	float:left;
	height:311px;
	padding-top:5px;
    -moz-column-width: 235px;
    -webkit-column-width: 235px;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
	
	
}

#texte1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px;
	font-size:18px;
	line-height:26px;
	color:#545454;
	float:left;
	height:311px;
	padding-top:5px;
	width: 235px;
	margin-right:12px;
}

#texte2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px;
	font-size:18px;
	line-height:26px;
	color:#545454;
	float:left;
	height:311px;
	padding-top:5px;
	width: 235px;
	
}

#article2_slide{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px;
	font-size:18px;
	line-height:26px;
	color:#545454;
	height:250px;
	-moz-column-width: 450px;
    -webkit-column-width: 450px;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
	padding-left:5px;
		
}

#article1_slide{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px;
	font-size:18px;
	line-height:26px;
	color:#545454;
	height:250px;
	-moz-column-width: 450px;
    -webkit-column-width: 450px;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
	padding-left:5px;
		
}



#retour {
	clear:both;	
}

#separation {
	background-image:url(img/images/separation.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:980px;
	height:50px;
}

#suivant {
	width:122px;
	height:18px;
	background:url(img/images/newssuivantes.gif);
	float:left;
}

#precedent {
	width:135px;
	height:23px;
	background:url(img/images/newsprecedentes.gif);
	float:right;	
}

#precedent:hover {
	background:url(img/images/newsprecedenteshover.gif);	
}

#footer {
	width:980px;
	height:34px;	
}

#gauche {
	background:url(img/images/footer2.gif);
	width:738px;
	height:111px;
	float:left;
	
}

#droite {
	background:url(img/images/remonter.gif);
	width:242px;
	height:34px;
	float:left;
	
}

#droite:hover {
	background:url(img/images/remonterhover.gif);	
}

#illuprofil {
	width:460px;
	height:1268px;
	background:url(img/images/illu_profil.gif);
	
	background-repeat:no-repeat;
	float:left;
}

#texteprofil {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px;
	font-size:16px;
	line-height:26px;
	color:#545454;
	float:left;
	width:240px;
	height:1268px;
	padding-top:5px;
    -moz-column-width: 245px;
    -webkit-column-width: 245px;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
}

#texteprofil1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px;
	font-size:16px;
	line-height:26px;
	color:#545454;
	float:left;
	width:240px;
	height:1268px;
	margin-right:28px;
}

#texteprofil2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:2px;
	font-size:16px;
	line-height:26px;
	color:#545454;
	float:left;
	width:240px;
	height:1268px;
}

#lightbox {
	width:970px;
	height:500px;	
}

#textelightbox {
	width:215px;	
	font-size:18px;
	line-height:26px;
	color:#545454;
	float:left;
	
}

#imglightbox {
	width:721px;
	height:445px;	
	float:right;
}

#fermer {
	background:url(img/images/fermer-la-fenetre.jpg);
	width:154px;
	height:20px;
	float:right;
	margin-top:20px;
	margin-right:5px;
}

#fermer:hover {
	background:url(img/images/fermer-la-fenetrehover.jpg);
}

#topbox {
	width:970px;
	height:30px;
	margin-top:5px;
	margin-bottom:10px;
}

#fiches {
	background:url(img/images/fiches1.gif);
	width:116px;
	height:45px;
	float:left;
	margin-left:260px;
	background-repeat:no-repeat;
}

#fiche1 {
	height:45px;
	width:24px;
	float:left;
	margin-left:8px;
}

#fiche2 {
	height:45px;
	width:24px;
	float:left;
}

#fiche3 {
	height:45px;
	width:24px;
	float:left;
}

#fiche4 {
	height:45px;
	width:24px;
	float:left;
}

#titre_lightbox {
	float:left;
	text-align:center;
	width:435px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-top:20px;
}

#pigeon {
	background:url(img/images/pigeon.gif);
	width:452px;
	height:253px;
	float:left;	
}
#timbre {
	margin-top:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(img/images/timbre.gif);
	width:494px;
	height:257px;
	float:right;
	line-height:23px;
	font-size:16px;
	padding-left:20px;
}

#timbre p {
	letter-spacing:2px;
	font-size:13px;	
}


#formulaire {
	width:490px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
}

#formulaire p{
	letter-spacing:1px;
	line-height:30px;
}

#accolade1_gauche {
	background:url(img/images/accolade1gauche.gif);
	background-repeat:no-repeat;
	width:13px;
	height:32px;
	float:left;
}

#accolade1_droite {
	background:url(img/images/accolade2droite.gif);
	width:13px;
	background-repeat:no-repeat;
	height:32px;
	float:left;
}


#accolade2_gauche {
	background:url(img/images/accolade2gauche.gif);
	width:39px;
	background-repeat:no-repeat;
	height:167px;
	float:left;
}

#accolade2_droite {
	background:url(img/images/accolade2droite-06.gif);
	width:39px;
	height:167px;
	float:left;	
	background-repeat:no-repeat;
}


#nom_form {
	float:left;
	width:220px;
		background-color:#FFF;
}

#email_form {
	margin-left:17px;
	float:left;
	width:220px;
		background-color:#FFF;	
}

#nom_form input , #email_form input {
	height:27px;
	font-size:17px;
	float:left;
	width:190px;
	background-color:#FFF;
}

#nom_form input:hover , #email_form input:hover , #message_form textarea:hover {
	background:url(img/bgarticle.gif);
}

#message_form {
	width:490px;
	background-color:#FFF;
}

#message_form textarea {
	font-size:15px;
	height:167px;
	width:400px;
	float:left;
	background-color:#FFF;
}

#puce_pigeon {
	background:url(img/images/puce_pigeon.gif);
	width:9px;
	height:9px;
	float:left;
	margin-top:8px;
	margin-left:320px;
}

#btn_pigeon {
	float:left;
	margin-left:10px;
}


input[type="button"] {
	background-color:#FFF;
	font-size:12px;
	letter-spacing:1px;
}

#valider {
	text-decoration:underline;	
}


#pigeon_transfert {
	background:url(img/images/anim_pigeon_22.gif);
	width:489px;
	height:261px;
	margin-left:245px;
}


#menu_top {
	float:left;	
}

#nom_page {
	margin-left:890px;
	margin-top:5px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	letter-spacing:1px;
	color:#333;
}

#workinprogress {
	position:fixed;
	top:10px;
	left:200px;
	
}

#pixy {
	vertical-align:bottom;
}