@charset "UTF-8";
/*  ---------------------------------------------------- */
/*                                                       */
/*  Feuilles de styles perso pour test pour Atelierpere  */
/*                                                       */
/*  ---------------------------------------------------- */



/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */

body {
text-align:left;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background:#b0ada5 url(fond_bande.gif) top left no-repeat scroll;
}

body, img, table, div, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; border: none; font-weight: normal;}
h1, h2, h3, h4, h5, h6, p {font-size:11px}

* {outline:none;}
a img {border:none;}

a, a:visited {color:#FFFFFF; text-decoration:none}
a:hover {color:#b8ff0a}

#fondgris {background:#b0ada5  url(fond_bande.gif) top left no-repeat scroll; position:absolute; top:0; left:0; width:1000px; height:630px; color:#b0ada5}

/*  ------------------------------------------
/*  Positionnement des principaux elements
/*  ------------------------------------------ */

#logo {
	left:0;
	top:30px;
	width:205px;
	height:70px;
	position:absolute;
}

#topmenu {
	left:18px;
	top:170px;
	width:200px;
	height:20px;
	position:absolute;
	}

#leftmenu {
	position:absolute;
	left:20px;
	top:210px;
	width:200px;
	height:300px;
	border-top:1px solid #605E5A
	}

#titre {
	position:absolute;
	left:240px;
	top:171px;
	width:740px;
	height:20px;
	}


#textdesc {
	left:745px;
	top:210px;
	width:235px;
	height:361px;
	position:absolute;
	cursor:auto;
	border-top:1px solid #605E5A
	}

#imgcontain {
	left:240px;
	top:210px;
	width:485px;
	height:361px;
	position:absolute;
	text-align:right;
	background:transparent url(fillet.gif) top left no-repeat;
	}

#txtcontain {
	left:240px;
	top:210px;
	width:485px;
	height:375px;
	position:absolute;
	text-align:left;
	}

#txtcontain2 {
	left:240px;
	top:210px;
	width:740px;
	height:375px;
	position:absolute;
	text-align:left;
	}
	
#containactu {
	left:240px;
	top:210px;
	width:740px;
	height:375px;
	position:absolute;
	text-align:left;
	}

#scrollable {
	left:240px;
	top:210px;
	width:740px;
	height:375px;
	position:absolute;
	text-align:left;
	overflow:auto;
	border-top:1px solid #605E5A
	}


.titremenu {left: 78px; Top: 171px; width:127px; height:20px; position:absolute;}

#contact_index {
	left:240px;
	top:177px;
	width:755px;
	height:18px;
	position:absolute;
}

#contact {
	left:240px;
	top:600px;
	width:760px;
	height:18px;
	position:absolute;
}

#signature {
	left:20px;
	top:600px;
	width:100px;
	height:18px;
	position:absolute;
}

.clearboth {clear:both; visibility:hidden}

#tableau { padding:0 5px 0 0}

#tableau table {
border:none;
border-collapse: collapse;
line-height:14px
}

#tableau td {
	padding:2px 0;
	vertical-align:top;
	border-bottom:1px solid #605E5A}

#tableau td strong {display:block}

#tableau h3 {padding:20px 0 7px 0; font-size:16px; font-weight:bold; color:#605E5A}

.colonne33 {width:234px; float:left; border-top:1px solid #605E5A}

.colonne_spaceur {width:19px; display:block; float:left; color:#b0ada5}

.goutiere { margin-right:19px} /*  2009 : classe a rajouter a ".colone33", supprime le system de ".colonne_spaceur"    */

#photo {position:absolute; top:210px; left:20px; width:960px; height:375px;} 

/*  ------------------------------------------
/*  Habillage et textes
/*  ------------------------------------------ */

#topmenu a, #topmenu a:visited {background-color:#FFFFFF; width:16px; height:16px; float:left; border:2px #b0ada5 solid}
#topmenu a:hover {background-color:#b8ff0a;}

#titre h2 {font-size:17px; color:#605E5A; font-weight:bold}

#textdesc, #textdesc p {
	font-size:11px;
	color:#333333;
	line-height:14px;
}



#textdesc div {
border-bottom:1px solid #605E5A;
padding:1em 0;
}

#imgcontain img {
border:1px solid #605E5A;
float:right}

#txtcontain {border-top:1px solid #605E5A; color:#333333}

#txtcontain h2 { color:#605E5A; font-size:14px; padding:5px 0}

.vignette {padding:110px 0 20px 0; margin:5px 16px 0 0; float:left; width:151px; background-position:top left; background-repeat:no-repeat; display:block; font-size:13px}

#vignette span {font-size:10px; display:block; background-color:#993366}

hr {clear:both; border:none; border-bottom:1px solid #605E5A; margin:0; padding:5px}


/*  ------------------------------------------
/*  Habillage et textes pour de vrai
/*  ------------------------------------------ */

.textedefond {color:#333; border-bottom:1px solid #605E5A;}

.textedefond p {
	margin:7px 0;
	font-size:11px;
	color:#333333;
	line-height:14px;
	text-align:left
}

.textedefond h3 {padding:0; margin:0}

.textedefond ul {border:none}

.textedefond a, .textedefond a:visited {color:#333; text-decoration:underline}
.textedefond a:hover {color:#b8ff0a; text-decoration:underline}

/*  ------------------------------------------ */
/*  CONTACT  */
/*  ------------------------------------------ */


#contact, #signature {font-size:10px; color:#605E5A}

#contact a, #signature a, #contact a:visited, #signature a:visited  { color:#605E5A; text-decoration:underline}
#contact a:hover, #signature a:hover  { color:#b8ff0a; text-decoration:underline}



/*  ------------------------------------------ */
/*  Menu accordéons ::: voir le css du plugin  */
/*  ------------------------------------------ */

#listmenu {}

#listmenu a.hac{ /* lien categorie des menus */
display:block;
cursor:pointer;
color:#FFFFFF;
font-weight:bold;
}

#listmenu a.hac:hover {
color:#b8ff0a;
}

#listmenu a.selected{ /* lien categorie des menus ouvert */
cursor:default;
border-bottom:2px #b0ada5 solid
}
#listmenu a.selected:hover {
cursor:default;
color:#FFFFFF;
}

ul {font-size:14px; list-style:none; padding:4px 0; margin:0; border-bottom:1px solid #605E5A;}
li {font-size:11px; list-style:none; padding:0; margin:0; line-height:14px }

ul a { padding:0 0 2px 0 ; margin:0;}
li a { padding:0 0 0 10px ; margin:0; background:transparent url(puce_a.gif) left top no-repeat; display:block;}
li a:hover {background:transparent url(puce_b.gif) left top no-repeat; color:#b8ff0a}

li a.on {
	background-color:#a19d94;
	border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;}

.fleche a {padding:0 0 0 10px ; margin:0; background:transparent url(fleche_a.gif) left top no-repeat; display:block}
.fleche a:hover {padding:0 0 0 10px ; margin:0; background:transparent url(fleche_b.gif) left top no-repeat; display:block}

.retour {border-bottom:1px solid #605E5A; padding:3px 0}

/*  ------------------------------------------
/*  Pour les ajout (Cycle Jquery)
/*  ------------------------------------------ */

.nav {text-align:right; font-family:"Courier New", Courier, monospace; font-size:9px; }
#nav {width:486px; top:350px;}

#nav a {background-color:#FFFFFF; color:#FFFFFF; border:2px #b0ada5 solid; padding:3px 6px 4px 6px;}
#nav a.activeSlide { background:#605E5A ; color:#605E5A }
#nav a:hover { background:#b8ff0a; color:#b8ff0a }
#nav a:focus { outline: none; }

.pics { width: 485; height: 361px; padding:0; margin:0; overflow: hidden ; text-align:right}
.pics img { top:0; right:0; float:right }