/* CSS Document */
html, body, div, p, table, h1, h2, h3, h4, h5, h6, ol, ul, li, form, blockquote {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, ol, ul, li{font-size:1em;}

body{margin:0; padding:0; background-color:#525252; font:11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}

a img{border:none;}	
img{display:block;}
p{margin: 5px 15px 15px 0; text-align:justify;}
.floatleft{float:left;}
.floatright{float:right;}
.clearBoth{clear:both;}
.titre1{ color:#dfdfdf; font-size:11px; }
.titre2{ color:#dfdfdf; font-size:11px; font-weight:bold;}

/* Links   ============================================*/
a:link, a:visited, a:active{color:#ffb509;text-decoration:none;}
a:hover{color:#ffb509;text-decoration:underline;}
/* fin Links   ============================================*/

/* Headings   ============================================*/
h1, h2, h3, h4, h5, h6 {padding:15px 10px 10px 0; color:#ffb509;}
h1 a:link, h1 a:hover, h2 a:link, h2 a:hover, h3 a:link, h3 a:hover{color:#ffb509; text-decoration:none;}
h1{font-size:13px;}
h2{font-size:12px; padding-top:5px;}
h3{font-size:11px; padding-top:5px;/* color:#dfdfdf;*/}
/* fin Headings   ============================================*/

/* Bullets   ============================================*/
ol{margin:10px 10px 10px 5px; list-style:none;}
ul{margin:10px 10px 10px 10px; list-style:none;}		
li{background:url(img/bullet.gif) no-repeat 0 7px; margin-top:3px; padding-left:15px; LIST-STYLE-POSITION: outside;}
/* Fin Bullets   ============================================*/

#splash{width:764px; margin: 0 auto; padding-top:160px; text-align:center;}
#container1{width:765px; margin: 0 auto; height:100%;}
#containerHome{float:left; width:560px;  min-height:170px; height:auto !important;
  height:170px;}
#containerAll{float:left; width:765px; min-height:170px; height:auto !important;
  height:170px;}
#containerAll2{float:left; width:550px; min-height:170px; height:auto !important;
  height:170px;}  
#containerAll p, #containerAll2 p{margin-left:0; margin-right:0;}
.servBullets{float:left; width:382px;}
#header{width:763px; float:left; border: 1px solid #888888;}
#headerAccueil{width:765px; float:left;}

#container2{float:left;}
#container3Portfolio{float:left; width:348px; min-height:330px; height:auto !important;
  height:330px;}
#container3Portfolio p{margin-left:0; padding-left:0;}

#photoRight{float: right; width:188px; border: 1px solid #888888;}
#photoRight2{float: right; width:188px; border: 1px solid #888888; margin-top:20px;}
#photoBottom{float: right; width:550px; border: 1px solid #888888;}
#container3PortfolioThumbs{float:right; width:550px; padding:15px 0 10px 0;}
#container3PortfolioThumbs2{float:left; width:538px; padding:15px 0 10px 13px;}
.thumbs{float:left; width:255px; padding:10px 0 0 18px; height:100%;}
.imgLabel{float:right; width:256px;}
.thumbsImg{float:left; border: 1px solid #888888;}
.thumbsTitre{float:right; padding:3px 0 0 0; color:#ffb645;}
.crochet{float:right; width:36px; margin:0; padding:0;}
.thumbs2{float:left; width:78px;}
.thumbs3{float:left; width:70px;}

#footer{width:765px; float:left;padding-bottom:8px; color:#9e9e9e;}
#copyright{float:left;width:350px; padding-top:5px;}		
#design{float:right; width:250px; padding-top:5px; text-align:right;}
#design a:link, #design a:visited, #design a:active{ color:#9e9e9e; text-decoration:none;}
#design a:hover{ color:#9e9e9e; text-decoration:underline;}
#footer p{font-size:9px; color:#888888; text-align:center; padding-top:0; margin-top:0;}

/* Navigations   ============================================*/

/*  nav ===boutons previous - next================*/

#navBtns{float:right; width:190px; height:51px;}
.navBtns {margin:0; padding:0; list-style:none; width:190px; height:51px;}
.navBtns li {float:left; padding:0; margin:0; height:51px; list-style: none;}
.navBtns li a, .navBtns li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:51px;}

#navBtns01, #navBtns01on {background: url(img/btnprevious.gif) 0 51px; width:95px; height:51px;}
#navBtns01 a {background:url(img/btnprevious.gif); width:95px;}
#navBtns02, #navBtns02on {background: url(img/btnnext.gif) 0 51px; width:95px;}
#navBtns02 a {background: url(img/btnnext.gif); width:95px;}
#navBtns01fr, #navBtns01fron {background: url(img/btnpreviousfr.gif) 0 51px; width:95px; height:51px;}
#navBtns01fr a {background:url(img/btnpreviousfr.gif); width:95px;}
#navBtns02fr, #navBtns02fron {background: url(img/btnnextfr.gif) 0 51px; width:95px;}
#navBtns02fr a {background: url(img/btnnextfr.gif); width:95px;}

#navBtns01 a:hover, #navBtns02 a:hover, #navBtns01fr a:hover, #navBtns02fr a:hover{background:none;}

/*  nav ===menu principal horizontal images================*/
#navMain{float:left; width:765px; height:70px;}
.navMain {margin:0; padding:0; list-style:none; width:765px; height:70px;}
.navMain li {float:left; padding:0; margin:0; height:70px; list-style: none;}
.navMain li a, .navMain li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:70px;}

#logo{background: url(img/logo01.gif); width:215px;}
#nav01, #nav01on {background: url(img/nav01.gif) 0 70px; width:105px; height:70px;}
#nav01 a {background:url(img/nav01.gif); width:105px; height:70px;}
#nav02, #nav02on {background: url(img/nav02.gif) 0 70px; width:123px; height:70px;}
#nav02 a {background: url(img/nav02.gif);  width:123px; height:70px;}
#nav03, #nav03on {background: url(img/nav03.gif) 0 70px; width:106px; height:70px;}
#nav03 a {background: url(img/nav03.gif); width:106px; height:70px;}
#nav04, #nav04on {background: url(img/nav04.gif) 0 70px; width:108px; height:70px;}
#nav04 a {background: url(img/nav04.gif); width:108px; height:70px;}
#nav05, #nav05on {background: url(img/nav05.gif) 0 70px; width:108px; height:70px;}
#nav05 a {background: url(img/nav05.gif); width:108px; height:70px;}

#nav06, #nav06on {background: url(img/nav01fr.gif) 0 70px; width:83px; height:70px;}
#nav06 a {background:url(img/nav01fr.gif); width:83px; height:70px;}
#nav07, #nav07on {background: url(img/nav02fr.gif) 0 70px; width:152px; height:70px;}
#nav07 a {background: url(img/nav02fr.gif);  width:152px; height:70px;}
#nav08, #nav08on {background: url(img/nav03fr.gif) 0 70px; width:99px; height:70px;}
#nav08 a {background: url(img/nav03fr.gif); width:99px; height:70px;}
#nav09, #nav09on {background: url(img/nav04fr.gif) 0 70px; width:108px; height:70px;}
#nav09 a {background: url(img/nav04fr.gif); width:108px; height:70px;}
#nav10, #nav10on {background: url(img/nav05fr.gif) 0 70px; width:108px; height:70px;}
#nav10 a {background: url(img/nav05fr.gif); width:108px; height:70px;}

#nav01 a:hover, #nav02 a:hover, #nav03 a:hover, #nav04 a:hover, #nav05 a:hover, #nav06 a:hover, #nav07 a:hover, #nav08 a:hover, #nav09 a:hover, #nav10 a:hover {background:none;}

/*  nav langues ================*/

#lang{width:765px; height:36px;}
#navlangfr{float:right; width:112px; height:18px;}
.navlangfr {margin:0; padding:0; list-style:none; width:112px; height:18px;}
.navlangfr li {float:left; padding:0; margin:0; height:18px; list-style: none;}
.navlangfr li a, .navlangfr li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:18px;}

#ftpen{background: url(img/ftpen.gif) 0 18px; width:56px; height:18px;}
#ftpen a {background:url(img/ftpen.gif); width:56px; height:18px;}
#langfr{background: url(img/langfr.gif) 0 18px; width:56px; height:18px;}
#langfr a {background: url(img/langfr.gif); width:56px; height:18px;}

#navlangen{float:right; width:112px; height:18px;}
.navlangen {margin:0; padding:0; list-style:none; width:112px; height:18px;}
.navlangen li {float:left; padding:0; margin:0; height:18px; list-style: none;}
.navlangen li a, .navlangen li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:18px;}

#ftpfr{background: url(img/ftpfr.gif) 0 18px; width:56px;}
#ftpfr a {background:url(img/ftpfr.gif); width:56px;}
#langen{background: url(img/langen.gif) 0 18px; width:56px;}
#langen a {background: url(img/langen.gif); width:56px;}

#ftpen a:hover, #langfr a:hover, #ftpfr a:hover, #langen a:hover  {background:none;}


/*   nav Portfolio   */
#navPortfolio{float:left; width:213px; height:100%;}
.navPortfolio {margin:0; padding:0; list-style:none; width:213px;}
.navPortfolio li {float:left; padding:0; margin:0; height:34px; list-style: none; width:213px;}
.navPortfolio li a, .navMain li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:34px;}

#portfoliosub01, #portfoliosub01on {background: url(img/portfoliosub01.gif)  213px 0;}
#portfoliosub01 a {background:url(img/portfoliosub01.gif);}
#portfoliosub02, #portfoliosub02on {background: url(img/portfoliosub02.gif)  213px 0;}
#portfoliosub02 a {background:url(img/portfoliosub02.gif);}
#portfoliosub03, #portfoliosub03on {background: url(img/portfoliosub03.gif)  213px 0;}
#portfoliosub03 a {background:url(img/portfoliosub03.gif);}
#portfoliosub04, #portfoliosub04on {background: url(img/portfoliosub04.gif)  213px 0;}
#portfoliosub04 a {background:url(img/portfoliosub04.gif);}
#portfoliosub05, #portfoliosub05on {background: url(img/portfoliosub05.gif)  213px 0;}
#portfoliosub05 a {background:url(img/portfoliosub05.gif);}
#portfoliosub06, #portfoliosub06on {background: url(img/portfoliosub06.gif)  213px 0;}
#portfoliosub06 a {background:url(img/portfoliosub06.gif);}
#portfoliosub07, #portfoliosub07on {background: url(img/portfoliosub07.gif)  213px 0;}
#portfoliosub07 a {background:url(img/portfoliosub07.gif);}
#portfoliosub01fr, #portfoliosub01fron {background: url(img/portfoliosub01fr.gif)  213px 0;}
#portfoliosub01fr a {background:url(img/portfoliosub01fr.gif);}
#portfoliosub02fr, #portfoliosub02fron {background: url(img/portfoliosub02fr.gif)  213px 0;}
#portfoliosub02fr a {background:url(img/portfoliosub02fr.gif);}
#portfoliosub03fr, #portfoliosub03fron {background: url(img/portfoliosub03fr.gif)  213px 0;}
#portfoliosub03fr a {background:url(img/portfoliosub03fr.gif);}
#portfoliosub04fr, #portfoliosub04fron {background: url(img/portfoliosub04fr.gif)  213px 0;}
#portfoliosub04fr a {background:url(img/portfoliosub04fr.gif);}
#portfoliosub05fr, #portfoliosub05fron {background: url(img/portfoliosub05fr.gif)  213px 0;}
#portfoliosub05fr a {background:url(img/portfoliosub05fr.gif);}
#portfoliosub06fr, #portfoliosub06fron {background: url(img/portfoliosub06fr.gif)  213px 0;}
#portfoliosub06fr a {background:url(img/portfoliosub06fr.gif);}
#portfoliosub07fr, #portfoliosub07fron {background: url(img/portfoliosub07fr.gif)  213px 0;}
#portfoliosub07fr a {background:url(img/portfoliosub07fr.gif);}
#portfoliosubbottom{float:left;}
#portfoliosub01 a:hover, #portfoliosub02 a:hover, #portfoliosub03 a:hover, #portfoliosub04 a:hover, #portfoliosub05 a:hover, #portfoliosub06 a:hover, #portfoliosub07 a:hover, #portfoliosub01fr a:hover, #portfoliosub02fr a:hover, #portfoliosub03fr a:hover, #portfoliosub04fr a:hover, #portfoliosub05fr a:hover, #portfoliosub06fr a:hover, #portfoliosub07fr a:hover {background:none;}

/* Fin Navigations   ============================================*/