@charset "utf-8";

@font-face {
	font-family: 'LatinModernMono10Regular';
	src: url('/font/lmmono10-regular-webfont.eot');
	src: local('☺'), url('/font/lmmono10-regular-webfont.woff') format('woff'), url('/font/lmmono10-regular-webfont.ttf') format('truetype'), url('/font/lmmono10-regular-webfont.svg#webfonty4XWTtTm') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'LatinModernMono10Italic';
	src: url('lmmono10-italic-webfont.eot');
	src: local('☺'), url('/font/lmmono10-italic-webfont.woff') format('woff'), url('/font/lmmono10-italic-webfont.ttf') format('truetype'), url('/font/lmmono10-italic-webfont.svg#webfontTU9LZkMH') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'LatinModernMonoLight10Bold';
	src: url('/font/lmmonolt10-bold-webfont.eot');
	src: local('☺'), url('/font/lmmonolt10-bold-webfont.woff') format('woff'), url('/font/lmmonolt10-bold-webfont.ttf') format('truetype'), url('/font/lmmonolt10-bold-webfont.svg#webfontRQ7pNUPm') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* CSS Document */

/*general*/
:focus{outline:0;}

html {
	-webkit-font-smoothing: subpixel-antialiased;
  text-rendering: optimizeLegibility;
}

body  {
background-image:url(img/cartevisitfond2.jpg);
background-repeat:no-repeat;
margin:0; 
padding:0; 
font-family: 'LatinModernMono10Regular' , "Courier New", Courier, monospace;
font-size:11px; 
color:#492463;
}
a{
text-decoration:none;
color:#492463;
}
#main{
margin-left:auto;
margin-right:auto;
}
.cb{
clear:both;
}
p{
	line-height:15px;
}

/*accolade header centré et fixe*/
.outer {
left:0;
position:fixed;
top:0;
width:100%;
}
.middle {
display:table;
margin:0 auto;
}
#header{
display:table-cell;
background-image:url(img/accoladeheader4.png);
}
#page_garderobe #header{
display:table-cell;
background-image:url(img/accoladeheader5.png);
}
#page_dinette #header{
display:table-cell;
background-image:url(img/accoladeheader6.png);
}
#page_brouillon #header{
display:table-cell;
background-image:url(img/accoladeheader8.png);
}
#page_costumerie #header{
display:table-cell;
background-image:url(img/accoladeheader7.png);
}
#header img{
border:none;
}
#headernavigation{
width:328px;
height:59px;
display:block;
}
h1{
font-size:25px;
color:#ED293C;
font-weight:normal;
margin:0;
padding:8px 0 0;
text-align:center;
}

#page_garderobe h1, #page_dinette h1, #page_brouillon h1, #page_costumerie h1{
color:#FFFFFF;
}
#page_garderobe h1:hover, #page_dinette h1:hover, #page_brouillon h1:hover, #page_costumerie h1:hover{
color:#ED293C;
}
#page_garderobe #header:hover, #page_dinette #header:hover, #page_brouillon #header:hover, #page_costumerie #header:hover{
background-image:url(img/accoladeheader4.png);
}

#menuderoulant
{
	border-bottom:1px dashed #E8E8E8;
	margin:0 10px;
}
#texteHeader{
padding-top:120px;
height:auto;
margin-left:auto;
margin-right:auto;
width:975px;
}

h2{
font-size:14px;
font-weight:normal;
color:#492463;
line-height:20px;
margin:0px;
padding:0px;
margin-bottom:5px;
padding-bottom:9px;
font-family: 'LatinModernMono10Regular' , "Courier New", Courier, monospace;


text-align:left;
}
#texteHeader h2{
	padding-left:10px;
	padding-top:12px;
}

.page_travaux h2 {
background-color:#FAFAFA;
padding:5px;
cursor:pointer;
text-align:right;
}

/*accordeon*/
.Accordion{
font-size:11px;
font-weight:normal;
color:#492463;
line-height:10px;
margin:0;
font-family:"Helvetica Neue", Helvetica Neue, Helvetica,Arial, sans-serif;

}
.AccordionPanelContent, .AccordionPanelContent2, .AccordionPanelContent3  {
display:none
}

.AccordionPanelTab{
text-decoration:none;

}
.AccordionPanelTab span{
background-image:url(img/up/flecheinfos.gif);
background-repeat:no-repeat;
background-position:0 -9px;
text-decoration:none;
padding-left:15px;
cursor:pointer;
}
.AccordionPanelTab span:hover{
background-color:#E8E8E8;
color:#492463;
background-position:0 3px;
}

.AccordionPanelTab2{
text-decoration:none;
padding:5px;
}
.AccordionPanelTab2 span{
text-decoration:none;
}
.AccordionPanelTab2 span:hover{
background-color:#FFFFFF;
color:#492463;
}

.ui-icon {
display:none;
}

.titremeli{
font-size:11px;
/*font-weight:bold;*/
color:#492463;
margin:0px;
display:inline-block;
padding:5px 8px;
font-family:"Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
text-align:left;
cursor:pointer;
background:#E8E8E8;
margin-right:10px;
margin-bottom: 10px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 5px; /* CSS3 */
}
.titremeli.selected,
.titremeli:hover {
color:#ED293C;
}

#infoscontact,
#amis,
#actu {
padding-right:300px;
}
#actu p {
  padding:7px 0 13px;
  margin:0;
}

#amis .cols {
  overflow:hidden;
  width:950px;
}

#amis .col {
  float:left;
  width:235px;
}
#amis a{
  display:block;
  padding:4px 0 10px;
  margin:0;
}
#amis .col a:hover{
  color:#ED293C;
}

/*
#actu p {
	/*margin:11px 0 0 0;
	line-height:16px;
}
#actu p:last-child {
margin-bottom:11px;
}*/

/*//////////////////////*/

/*menu rubriques*/
h3{
font-size:11px;
font-weight:bolder;
margin:0;
padding:2px 0 0 0;
text-align:center;
font-family:"Courier New", Courier, monospace;
}

#zonecontenu{
background-color:#E8E8E8;
width:auto;
height:100%;
padding-bottom:20px;
}
#zonecontenu1{
background-color:#E8E8E8;
width:auto;
height:100%;
padding:0px;
}
#zonecontenu2{
background-color:#E8E8E8;
width:auto;
height:1px;;
padding:0px;
border-bottom:#FFFFFF dashed 1px;
}


#contenu{
width:975px;
height:100%;
margin:0px;
margin-left:15px;
margin-right:0px;
margin-left:auto;
margin-right:auto;
}

#garderobe, #costumerie, #dinette, #cahierbrouillon{
background-repeat:no-repeat;
background-position:center;
height:32px;
width:235px;
}
#garderobe{
background-image:url(img/accolade_verte.png);
color:#FFFFFF;
}
#costumerie{
background-image:url(img/accolade_rouge.png);
color:#FFFFFF;
}
#dinette{
background-image:url(img/accolade_bleu.png);
color:#FFFFFF;
}
#cahierbrouillon{
background-image:url(img/accolade_grise.png);
color:#FFFFFF;
}

#garderobe:hover, #costumerie:hover, #dinette:hover, #cahierbrouillon:hover{
background-image:url(img/accolade.png);
}
#garderobe:hover{
color:#22D6B8;
}
#costumerie:hover{
color:#ED293C;
}
#dinette:hover{
color:#492463;
}
#cahierbrouillon:hover{
color:#C3BEC6;
}

/*//////////////////////*/

/*liste travaux*/

.travaux{
width:231px;
float:left;
padding:0px;
padding-left:6px;
padding-right:5px;
margin:0px;
border-right:#C3BEC6 dashed 1px;
height:100%;
}

.photos{
margin:0px;
padding:0px;
position:relative;
height:170px;
width:225px;
}
.photos img{
position:absolute;
top:0;
left:0;
border:#FFFFFF solid 2px;
text-align:center;
margin:0;
padding:0;
margin-bottom:5px;
margin-top:5px;
}

.listeTravaux, .listeTravaux_gr, .listeTravaux_di, .listeTravaux_cb, .listeTravaux_co {
width:231px;
padding:2px 0;
margin-bottom:4px;
margin-left:0px;
margin-right:2px;
display:block;
}

.listeTravaux p, .listeTravaux_gr  p, .listeTravaux_di  p, .listeTravaux_cb  p, .listeTravaux_co  p{
margin:0;
padding:2px 2px 2px 5px;
padding-left:5px;
}
.souligne{
/*text-decoration:underline;*/
font-size:13px;
/*font-weight:bold;*/
font-family: 'LatinModernMono10Regular' ,"Courier New", Courier, monospace;
}
#page_garderobe p.souligne, #page_dinette p.souligne, #page_brouillon p.souligne, #page_costumerie p.souligne{
text-decoration:none;
}
.infotravaux{
font-size:11px;
font-family:"Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter: alpha(opacity=80); 
opacity: 0.80;
}
/*//////////////////////*/

/*footer*/
#footer{
background-color:#E8E8E8;
background-image:url(img/bg_vague01.png);
background-repeat:repeat;
height:50px;
border-top:#C3BEC6 dashed 1px;
}
#conception{
font-size:9px;
color:#999999;
text-align:center;
padding-top:5px;
font-family:"Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
}
#conception a{
text-decoration:none;
color:#999999;
}
#conception a:hover{
text-decoration:none;
color:#22D6B8;
}
/*//////////////////////*/

/*page interne travaux*/



#header a{
font-size:30px;
color:#ED293C;
font-weight:normal;
text-decoration:none;
}

#header a:hover{
text-decoration:underline;
}

.contenutravaux{
width:725px;
margin-left:auto;
padding-top:10px;
margin-right:auto;
padding-bottom:10px;
overflow:hidden
}
#accoladetravaux{
width:300px;
margin-left:auto;
margin-right:auto;
background-image:url(img/accolade.png);
color:#22D6B8;
background-repeat:no-repeat;
background-position:center;
height:32px;
width:235px;
}
#page_garderobe #accoladetravaux h3{
color:#22D6B8;
}
#page_dinette #accoladetravaux h3{
color:#492463;
}
#page_brouillon #accoladetravaux h3{
color:#C3BEC6;
}
#page_costumerie #accoladetravaux h3{
color:#ED293C;
}
.infoplus{
width:200px;
float:left;
line-height:18px;
padding:0px;
margin-left:5px;
margin-right:5px;
padding:11px 0 0 5px;
font-size:13px;
border-top:#000033 1px solid;
}
.centrertitre{
margin-right:auto;
margin-left:auto;
width:725px;
}
.imagetravaux{
width:505px;
background-color:#FFFFFF;
border:#FFFFFF 2px solid;
margin-top:0px;
margin-bottom:5px;
float:left;
}
.imagetravaux img {
  display:block;
}

.texteTravaux{
float:left;
width:231px;
}
.retour{
font-size:12px;
background-image:url(img/fch.gif);
background-position:0 4px;
background-repeat:no-repeat;
color:#666666;
font-size:12px;
padding-left:17px;
}
/*//////////////////////*/

/*page interne dinette*/

#headerdinette{
background-color:#492463;
height:110px;
margin-top:0px;
}
#texteHeaderDinette{
background-image:url(img/accoladeenvers.png);
background-repeat:no-repeat;
background-position: center bottom;
height:110px;
width:150px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#texteHeaderDinette h3{
margin:0px;
padding:0px;
padding-top:92px;
}
/*page interne garderobe*/

#headergarderobe{
background-color:#22D6B8;
height:110px;
margin-top:0px;
}
#texteHeaderTravaux{
background-image:url(img/accoladeenvers.png);
background-repeat:no-repeat;
background-position: center bottom;
height:110px;
width:150px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#texteHeaderTravaux h3{
margin:0px;
padding:0px;
padding-top:92px;
}
