@charset "utf-8";
/* CSS Document */


@import url(composants/commun.css);
@import url(dev.css);



#ads728 {
 position: relative;
 display: block;
 width: 728px;
 height: 90px;
 margin: auto;
 z-index: 10;
}
/***** STRUCTURE *****/

html {
 height: 100%;
}
body {
 height: 100%;
 width: 100%;
 overflow-x: hidden;
}
#flag {
 width: 30px;
 height: 20px;
 position: absolute;
 top: 65px;
 right: 4px;
 z-index: 25;
}
#flag2 {
 width: 30px;
 height: 20px;
 position: absolute;
 top: 65px;
 right: 50px;
 z-index: 25;
}
/***** VALEURS PAR DEFAUT *****/

br {
 letter-spacing: 0px;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object {
 margin: 0;
 padding: 0;
 border: 0;
 outline: none;
}
h1, h2, h3, h4, h5, h6, ol, ul, li {
 text-align: left;
 font-weight: normal;
}
p {
 margin: 0;
}
li {
 list-style-type: none;
}
a, a:link, a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
/***** TEXTE *****/

.italique {
 font-style: italic;
}
.gras {
 font-weight: bolder;
}
.sousligne {
 text-decoration: underline;
}
.majuscules, .uppercase {
 text-transform : uppercase;
}
.minuscules, .lowercase {
 text-transform: lowercase;
}
.normal {
 font-weight: normal;
 font-style: normal;
 text-transform: none;
}
.ls_1 {
 letter-spacing: 1px;
}
.justify {
 text-align: justify;
}
.alignleft {
 text-align: left;
}
.alignright {
 text-align: right;
}
.aligncenter {
 text-align: center;
}
/*---- /!\ pas IE ----*/
.colonne_texte_2 {
 -moz-column-count : 2;
 -moz-column-gap : 20px;
 -webkit-column-count : 2;
 -webkit-column-gap : 20px;
}
.colonne_texte_3 {
 -moz-column-count : 3;
 -moz-column-gap : 20px;
 -webkit-column-count : 3;
 -webkit-column-gap : 20px;
}
/***** CONTENUS *****/

.txt_contenu {
 font-size: 1em;
 text-align: justify;
}
.txt_contenu > a, .txt_contenu > a:link, .txt_contenu > a:visited {
 font-weight: bolder;
}
.txt_contenu > a:hover {
 text-decoration: underline;
}
/***** COLONNES *****/

.colonne_450 {
 width: 450px;
 float: left;
 position: relative;
}
.colonne_600 {
 width: 600px;
 float: left;
 position: relative;
}
/***** ELEMENTS *****/

.floatleft, .left {
 float: left !important;
 position: relative;
}
.floatright, .right {
 float: right !important;
 position: relative;
}
.floatnone {
 float: none !important;
 position: relative;
}
.clear, .aplat {
 clear: both;
}
.block {
 display: block;
}
.no-margin, .no_margin {
 margin: 0 !important;
}
.no-margin-left, .no_margin_left {
 margin-left: 0px !important;
}
.no-margin-right, .no_margin_right {
 margin-right: 0px !important;
}
.no-margin-top, .no_margin_top {
 margin-top: 0px !important;
}
.no-margin-bottom, .no_margin_bottom {
 margin-bottom: 0px !important;
}
.margin_auto, .auto {
 position: relative !important;
 margin-right: auto !important;
 margin-left: auto !important;
}
.no-padding, .no_padding {
 padding: 0;
}
.no-padding-bottom, .no_padding_bottom {
 padding-bottom: 0px !important;
}
.no-padding-top, .no_padding_top {
 padding-top: 0px !important;
}
.no-padding-right, .no_padding_right {
 padding-right: 0px !important;
}
.no-padding-left, .no_padding_left {
 padding-left: 0px !important;
}
.no-border-left, .no_border_left {
 border-left-width: 0px!important;
 border-left-style: none!important;
}
.no-border-right, .no_border_right {
 border-right-width: 0px!important;
 border-right-style: none!important;
}
.no-border, .no_border {
 border-style: none !important;
}
.no-border-top {
 border-top-style: none !important;
}
.no-border-bottom {
 border-bottom-style: none !important;
}
.colonne_2, .col_2 {
 position: relative;
 float: left;
 width: 49%;
}
.colonne_3, .col_3 {
 position: relative;
 float: left;
 width: 32%;
}
.colonne_4, .col_4 {
 position: relative;
 float: left;
 width: 24%;
}
.colonne_2-3, .col_2-3 {
 position: relative;
 float: left;
 width: 65%;
}
.colonne_1-3, .col_1-3 {
 position: relative;
 float: left;
 width: 32%;
}
.colonne_3-4, .col_3-4 {
 position: relative;
 float: left;
 width: 74%;
}
.annonce_2 {
 position: relative;
 float: left;
 width: 49%;
}
.annonce_3 {
 position: relative;
 float: left;
 width: 32%;
}
.annonce_4 {
 position: relative;
 float: left;
 width: 24%;
}
.annonce_2-3 {
 position: relative;
 float: left;
 width: 65%;
}
.annonce_1-3 {
 position: relative;
 float: left;
 width: 32%;
}
.annonce_3-4 {
 position: relative;
 float: left;
 width: 74%;
}
/* TEMPLATE.CSS
 * 
 * contient tous les �l�ments necessaires � la cr�ation du site.
 * 
 */

/*//////////////////// 
*	SET SITE CONFIG
*/
 
body {
 font-size: 12px;
 font-family: 'Roboto', sans-serif;
 background: #ffffff url(../images/interface/back_site.jpg) no-repeat top center;
 -webkit-font-smoothing: antialiased;
 -moz-font-smoothing: antialiased;
 -o-font-smoothing: antialiased;
 -ms-font-smoothing: antialiased;
 font-smoothing: antialiased
}
.ligne_annonce {
 margin-bottom: 20px;
}
.txt_contenu {
 font-size: 1.04em;
}
/*---------FOND-------------*/

 
#id_etoiles {
 display: none;
}

/*---------ELEMENTS COMMUNS-------------*/
input[type=text] {
 display: block;
 float: left;
 position: relative;
 border: 1px solid #63573b;
 color: #9b9079;
 font-size: 1.1em;
}
.btok, .btok:link, .btok:visited {
 margin: 0 0 0 2px;
 color: #eeebe2;
 font-size: 1.1em;
 border: 1px solid #8b8b8b;
 background: #5b5a57;
 line-height: 23px;
 padding: 2px 5px;
}
.btok:hover {
 background: #eeebe2;
 text-decoration: none;
 color: #5b5a57 !important;
}
.bloc .titre, .bloc .titre:link, .bloc .titre:visited {
 display: block;
 position: relative;
 margin : 0 0 25px 0;
 padding: 5px 0 0 0;
 color: #eeebe2;
 font-size: 1.2em;
 text-align: center;
}
.bloc .titre:hover {
 text-decoration: none;
}
.img_medium {
 position: relative;
 float: left;
}
/*---------HEADER-------------*/

/*LOGO*/
#logo {
 float: left;
 left: -36px;
 position: absolute;
 z-index: 3;
 top: 0px;
 display: block;
}
/*LANGUES*/
#langues {
 position: absolute;
 z-index: 80000;
 width: 460px;
 top: 10px;
 right: 0px;
 color: #b09d75;
 line-height: 26px;
}
#langues span {
 color: #625538;
}
#langues img {
 position: relative;
 top: 2px;
}
#www {
 color: #B09D75;
 float: left;
 padding: 0px 7px;
 margin-right: 15px;
 display: block;
}
#langues > ul {
 position: relative;
}
#langues > ul > li {
 float: left;
 position: relative;
}
#langues > ul > li > a {
 position: relative;
 display: block;
 padding: 0px 7px;
 font-weight: 700;
 font-size: 14px;
 color: #86765C!important;
}
.deroulant {
}
#langues .sous_nav {
 position: absolute;
 display: none;
 top: 100%;
 left: 0;
 z-index: 3000;
 background-color: #EAE6DE;
 border: 1px solid #FFF;
}
#langues .sous_nav h2 {
 font-size: 16px;
 font-weight: 700;
 text-align: center;
 background-color: #40B5E0;
 padding: 3px;
 color: #FFF;
}
#langues > ul > .deroulant:hover > .sous_nav {
 display: block;
 height: auto;
 box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
 padding-bottom: 5px;
}
#langues > ul > .deroulant:hover > .sous_nav:before {
 display: block;
 position: absolute;
 background-image: url(../images/interface/puce_top.png);
 background-repeat: no-repeat;
 background-position: left top;
 height: 7px;
 width: 16px;
 z-index: 10;
 top: -5px;
 left: 10px;
 content: "";
}
.form {
 padding: 5px;
}
.ou {
 display: block;
 background-color: #EAE6DE;
 z-index: 2;
 position: absolute;
 left: 75px;
 top: 154px;
 padding: 0 4px !important;
 color: #383634;
 font-family: 'Lobster', Arial, sans-serif;
 font-size: 16px;
}
.form >.bt {
 text-align: center;
 width: 167px;
 background-color: #F7F6F2;
 border: 1px solid #D0C3AB;
 box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
 z-index: 15;
}
.form >.bt:hover {
 background-color: #40B5E0;
 border: 1px solid #FFF;
 box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
 color: #FFF !important;
}
.form > .bt + .bt:hover {
 background-color: #E7E1D5;
 box-shadow: 0px -1px 1px rgba(0,0,0,0.3);
 color: #000 !important;
}
.form > input {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
 font-weight: 400;
 width: 161px;
 background-color: #ffffff;
 border: solid 1px #ffffff;
 box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);
 height: 21px;
 padding: 3px;
 color: #616161;
 margin-bottom: 5px;
}
.form >.bt+ .bt {
 font-family: "Century Gothic", Helvetica, sans-serif;
 font-size: 11px;
 font-weight: 400;
 color: #40B5E0;
 float: left;
 background-color: #E7E1D5;
 border: none;
 box-shadow: none;
 margin-bottom: 10px;
}
.ligne {
 position: relative;
 display: block;
 height: 1px;
 margin: 5px 0;
 clear: both;
 box-shadow : 0px -1px 1px rgba(0, 0, 0, 0.1);
 border-top: 1px solid #fff;
}
/*NAV*/
#nav {
 padding: 114px 0 0 0;
 position: relative;
 z-index: 1;
 margin-bottom: 65px;
}
#nav > .floatright > a, #nav > .floatright > a:link, #nav > .floatright > a:visited {
 display: block;
 float: left;
 color: #eeebe2;
 font-size: 1.28em;
 line-height: 20px;
 font-weight: 700;
 padding: 4px 10px;
 text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}
#nav a:hover {
 color: #000000 !important;
 text-decoration: none;
 text-shadow: 0 -1px 0 rgba(255,255,255,0.2) !important;
}
#recherche {
 padding: 0 0 0 20px;
 position: relative;
 width: 692px;
}
/*#recherche a ,#recherche a:link, #recherche a:visited{
	margin:0 0 0 2px;
	border:1px solid #8b8b8b; background:#5b5a57; line-height:23px; padding:0 5px 0 5px;
}
*/
/*#recherche a:hover{
	background:#eeebe2;
}
*/

#recherche input[type=text] {
 width: 133px;
 padding-left: 4px;
 margin-top: 5px;
 box-shadow: 0 0 2px rgba(255,255,255,0.4);
 border-color: #2D8BAD !important;
 color: #616161;
}
#recherche input {
 box-shadow: 0 0 2px rgba(255,255,255,0.8);
}
#recherche span {
 display: block;
 float: left;
 margin: 0 5px 0 17px;
 font-size: 14px;
 font-family: 'Roboto Condensed', sans-serif;
 color: #FFF;
 font-weight: 700;
 padding-top: 5px;
 line-height: 20px;
 text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}
.bt_recherche {
 display: block;
 background-image: url(../images/interface/btrecherche.png);
 background-repeat: no-repeat;
 background-position: left bottom;
 position: relative;
 height: 45px;
 width: 120px;
 margin-top: -7px !important;
 padding: 0 !important;
 float: right;
 margin-right: -2px !important;
}
.bt_recherche:hover {
 background-position: left -1px;
}
/*CATEGORIES*/
#categories {
 position: relative;
 margin: -40px 0 0 0;
}
#categories_top {
 position: relative;
 height: 41px;
 width: 100%;
 z-index: 3;
 background: transparent url(../images/interface/cat_top.png) no-repeat scroll center center;
}
#categories_bottom {
 cursor: pointer;
 position: relative;
 height: 184px;
 width: 1064px;
 left: -42px;
 margin-top: -130px;
 z-index: 1;
 background: transparent url(../images/interface/cat_bottom.png) no-repeat scroll top center;
}
#categories_content {
 margin: 0 0 0 14px;
 position: relative;
 z-index: 2;
}
#categories_autres {
 position: relative;
 overflow: hidden;
 height: 0px;
}
#categories a, #categories a:link, #categories a:visited {
 display: block;
 float: left;
 position: relative;
 background-image: url(../images/interface/cat_dots.png);
 background-repeat: no-repeat;
 background-position: bottom center;
 margin: 0 40px 0 0;
 width: 196px;
}
#categories span {
 font-weight: 500;
 display: block;
 padding: 5px;
 position: relative;
 color: #86765C;
 font-size: 1.15em;
 text-align: center;
 text-shadow: 0 -1px 0 rgba(255,255,255,0.6) !important;
}
#categories a:hover span {
 color: #34a8d2;
 text-decoration: none;
}
#categories a:hover {
 color: #34a8d2;
 text-decoration: none;
}
/*TITRE*/
#fil_ariane {
 margin: 0 0 20px 0;
 font-size: 1.2em;
 font-weight: 700;
}
#fil_ariane a, #fil_ariane a:link, #fil_ariane a:visited {
 text-decoration: none;
 font-family: 'Lobster', arial, sans-serif;
 font-size: 24px;
 font-weight: 400;
 color: #40B5E1 !important;
}
#fil_ariane a:hover {
 color: #848483;
}
/*CONTENU*/
#content {
 position: relative;
}
.conteneur_contenu {
 position: relative;
 margin-bottom: 10px;
}
#content .gauche {
 position: relative;
 float: left;
 width: 665px;
 padding: 0 0 20px 0;
}
#content .droite {
 position: relative;
 float: right;
 width: 308px;
 padding: 0 0 0 0;
}
/*SLIDER*/
#slider {
 position: relative;
 background: url(../images/interface/ombre_slider.png) no-repeat bottom left;
 padding-bottom: 28px;
}
#slider .panneau {
 top: -7px;
 left: -8px;
}
#slider_fond {
 position: relative;
 width: 100%;
 height: 324px;
 overflow: hidden;
 z-index: 1;
}
#slider_avant {
 box-shadow: -1px 0 2px rgba(0,0,0,0.5);
 border-radius: 15px 15px;
 position: absolute;
 width: 297px;
 height: 342px;
 left: 337px;
 top: -7px;
 overflow: hidden;
 z-index: 4;
 background: url(../images/interface/back_slider_avant.png) no-repeat;
}
.img_slider {
 width: 100%;
 height: 100%;
}
.element_slider_avant {
 width: 277px;
 height: 100%;
 padding: 0px 10px;
}
.element_slider_avant .titre, .element_slider_avant .titre:link, .element_slider_avant .titre:visited {
 display: block;
 position: relative;
 margin : 0 0 25px 0;
 padding: 5px 0 0 0;
 color: #eeebe2;
 font-family: 'Lobster', arial, sans-serif;
 font-size: 19px;
 text-align: center;
 text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
 text-transform: lowercase;
}
.element_slider_avant .titre_contenu {
 color: #58534a;
 font-weight: 700;
 font-size: 16px;
 text-align: center;
 text-shadow: 0 -1px 0 rgba(255,255,255,0.4);
}
.element_slider_avant .slider_avant_contenu {
 position: relative;
 height: 240px;
}
.element_slider_avant .slider_avant_repere {
 position: relative;
}
.element_slider_avant .txt_contenu {
 margin: 20px 0 0 0;
 text-shadow: 0 -1px 0 rgba(255,255,255,0.4);
 color: #9B9892;
 font-weight: 400;
 font-size: 1em;
 text-align: justify;
}
.element_slider_avant .ndd, .element_slider_avant .ndd:link, .element_slider_avant .ndd:visited {
 display: block;
 position: absolute;
 bottom: 7px;
 width: 277px;
 text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
 color: #ffffff;
 font-family: Arial, sans-serif;
 font-size: 1.15em;
 text-align: center;
}
.element_slider_avant .ndd:hover, .element_slider_avant .titre:hover {
 color: #000000;
 text-decoration: none;
 text-shadow: 0 -1px 0 rgba(255,255,255,0.4) !important;
}
.bt_slider {
 position: absolute;
 top: 200px;
 left: 317px;
 z-index: 2;
 cursor: pointer;
}
.bt_slider+.bt_slider {
 left: 635px;
 z-index: 3;
}
/* NEWSLETTER */

#newsletter {
 height: 122px;
 position: relative;
 top: -7px;
 background: url(../images/interface/back_newsletter.png) no-repeat;
}
#newsletter form {
 position: relative;
 top: 19px;
 left: 49px;
}
#newsletter input[type=text] {
 width: 170px;
}
/* ZONE ACCUEIL*/
#zone_accueil, #zone_annonces {
 box-shadow: inset 1px -1px 0px rgba(255,255,255,0.5);
 min-height: 303px;
 position: relative;
 border: 1px solid #c9bda1;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 /* Anciens navigateurs */
 background: #d0c3ab url("composants/gradient-bg.png") repeat-x top;
 -o-background-size: 100% 100%;
 -moz-background-size: 100% 100%;
 -webkit-background-size: 100% 100%;
 background-size: 100% 100%;
	/* Internet Explorer */
	*background: #d0c3ab;
 background: #d0c3ab\0/;
 filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFdfd7c6, endColorstr=#FFd0c3ab);
 /* Navigateurs r�cents */
 background-image: -moz-linear-gradient( top, #dfd7c6, #d0c3ab );
 background-image: -webkit-gradient( linear, left top, left bottom, from(#dfd7c6), to(#d0c3ab) );
}
#zone_accueil .gauche {
 width: 670px;
 height: 100%;
 padding: 0;
}
#zone_accueil .droite {
 height: 100%;
 padding: 0;
 width: 307px;
 background: url(../images/interface/back_accueil_droite.jpg) no-repeat;
 -moz-border-radius: 0px 10px 10px 0px;
 -webkit-border-radius: 0px 10px 10px 0px;
 border-radius: 0px 10px 10px 0px;
 -moz-box-shadow : -2px 0px 3px #666666;
}
#zone_accueil .titre, #zone_annonces .titre {
 padding: 5px 20px 5px 10px;
 margin: 5px 0 5px 0;
 background: #c0b08f;
 color: #59554E;
 color: rgba(0,0,0,0.6);
 font-size: 1.4em;
 font-weight: 700;
 text-shadow: 0 -1px 0 rgba(255,255,255,0.3);
}
.separation_accueil {
 height: 3px;
 background: #d0c3ab;
 margin: 0 0 5px 0;
}
#zone_accueil .txt_contenu, #zone_annonces .txt_contenu {
 color: #000000;
 padding: 5px 20px 5px 10px;
 font-size: 1em;
 text-shadow: 0 -1px 0 rgba(255,255,255,0.2);
 line-height: 16px;
}
.zonebt {
 position: absolute;
 width: 100%;
 height: 61px;
 left: 0;
 bottom: 0;
 background: url(../images/interface/back_bottom_accueil_gauche.png) no-repeat;
 -moz-border-radius: 0px 0px 0px 10px;
 -webkit-border-radius: 0px 0px 0px 10px;
 border-radius: 0px 0px 0px 10px;
}
#zone_accueil .zonebt .bt, #zone_annonces .zonebt .bt {
 position: absolute;
 bottom: 1px;
 right: 20px;
}
#zone_accueil .droite .titre {
 color: #ffffff;
 font-family: 'Lobster', arial, sans-serif;
 font-size: 19px;
 width: 70%;
 height: 75px;
 background: transparent url();
 text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
 font-weight: 400;
}
#zone_accueil .droite .txt_contenu {
 color: #ffffff;
 text-align: left;
 height: 168px;
}
#zone_accueil .droite a:link, #zone_accueil .droite a:visited, #zone_accueil .droite a {
 position: relative;
 display: block;
 color: #ffffff;
 font-family: 'Lobster', arial, sans-serif;
 font-size: 18px;
 text-align: center;
 font-weight: normal !important;
}
#zone_accueil .droite a:hover {
 color: #ffffff;
 text-decoration: underline;
}
.fond_ligne {
 position: relative;
 width: 100%;
 height: 46px;
 background: transparent url(../images/interface/fond_ligne.png) no-repeat top right;
 margin: -10px 0 0 0;
}
/* ZONE ANNONCES*/

#zone_annonces > .gauche {
 min-height: 100%;
 padding: 0;
 width: 307px;
 z-index: 2;
 /* Anciens navigateurs */
 background: #ded8cb url("composants/gradient-bg.png") repeat-x top;
 -o-background-size: 100% 100%;
 -moz-background-size: 100% 100%;
 -webkit-background-size: 100% 100%;
 background-size: 100% 100%;
	/* Internet Explorer */
	*background: #ded8cb;
 background: #ded8cb\0/;
 filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFf7f4ec, endColorstr=#FFded8cb);
 /* Navigateurs r�cents */
 background-image: -webkit-gradient( linear, left top, left bottom, from(#f7f4ec), to(#ded8cb) );
 background-image: -webkit-linear-gradient( top, #f7f4ec, #ded8cb );
 background-image: -moz-linear-gradient( top, #f7f4ec, #ded8cb );
 background-image: -o-linear-gradient( top, #f7f4ec, #ded8cb );
 background-image: linear-gradient( top, #f7f4ec, #ded8cb );
}
#zone_annonces > .droite {
 z-index: 1;
 width: 671px;
 height: 100%;
 padding: 0;
}
#zone_annonces > .gauche > .titre {
 background: url(../images/interface/back_titre_sous_rub.png) no-repeat;
 padding: 2px 20px 17px 21px;
 color: #ffffff;
 font-size: 20px;
}
#zone_annonces > .gauche > .ombrage {
 position: absolute;
 z-index: 1;
 width: 12px;
 height: 270px;
 left: 100%;
 top: 26px;
 background: url(../images/interface/ombre_zone_annonces.png) no-repeat;
}
#zone_annonces > .gauche .item {
 position: relative;
}
#zone_annonces > .gauche div .item+.item {
 background: #F2EFE8;
 border-top: 1px solid #e5e1d8;
 border-bottom: 1px solid #e5e1d8;
}
#zone_annonces > .gauche .item a, #zone_annonces > .gauche .item a:link, #zone_annonces > .gauche .item a:visited {
 display: block;
 position: relative;
 width: 50%;
 float: left;
 padding: 5px;
 color: #333333;
 text-align: left;
 font-family: 'Roboto Condensed', sans-serif;
}
#zone_annonces > .gauche .item a:hover {
 color: #009EE0;
 text-decoration: none;
}
#zone_annonces > .gauche .item a:before {
 content: '- ';
}
/* ANNONCES */
.etoiles {
 display: block;
 float: left;
 margin-top: 5px;
 position: relative;
 background-color: rgba(0,0,0,0.01);
 padding: 3px 3px 0px 3px;
}
.etoiles > a {
 display: block;
 float: right;
 font-size: 12px;
 color: #666462;
 margin-left: 3px;
}
#annonces {
 position: relative;
 margin-top: 5px;
}
.annonce {
 position: relative;
 border: 1px solid #a49e92;
 padding: 5px;
 margin: 0 0 20px 0;
 /* Anciens navigateurs */
 background: #dad6cd url("composants/gradient-bg.png") repeat-x top;
 -o-background-size: 100% 100%;
 -moz-background-size: 100% 100%;
 -webkit-background-size: 100% 100%;
 background-size: 100% 100%;
	/* Internet Explorer */
	*background: #dad6cd;
 background: #dad6cd\0/;
 filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFedeae1, endColorstr=#FFdad6cd);
 /* Navigateurs r�cents */
 background-image: -moz-linear-gradient( top, #edeae1, #dad6cd );
 background-image: -webkit-gradient( linear, left top, left bottom, from(#edeae1), to(#dad6cd) );
}
.annonce .img_medium {
 position: relative;
 display: block;
 width: 233px;
 height: 205px;
 overflow: hidden;
 border: 1px solid #FFF;/*si pas de RGBA*/
 border: 1px solid rgba(255,255,255,0.6);
 border-radius: 3px 3px;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.annonce .contenu_annonce {
 position: relative;
 width: 715px;
 float: right;
 margin-top: 40px;
}
.annonce .categorie {
 position: absolute;
 width: 720px;
 padding: 5px 0 5px 258px;
 top: 3px;
 left: 0;
 height: 20px;
 background: url(../images/interface/back_titre_annonce.png) repeat-x;
 color: #59554E;
 color: rgba(0,0,0,0.6);
 font-size: 16px;
 font-weight: 700;
}
.annonce .titre, .annonce .titre a, .annonce .titre a:link, .annonce .titre a:visited {
 color: #8A7C61;
 font-size: 1.2em;
 font-weight: 700;
}
.avis {
 color: #8A7C61;
 font-size: 1.4em;
 font-weight: 700;
 text-shadow: 0 -1px 0 rgba(255,255,255,0.3);
 background-color: rgba(255,255,255,0.2);
 padding: 10px 3px 10px 25px;
 background-image: url(../images/interface/bubble.png);
 background-repeat: no-repeat;
 background-position: 4px center;
 box-shadow: inset 0 0 1px rgba(0,0,0,0.2);
 margin-bottom: 5px;
 border-radius: 3px 3px;
}
.avis > span, .commentaire span {
 font-weight: 400;
}
.ajout {
 color: #40B5E1 !important;
 font-weight: 700;
 padding-left: 5px;
}
.commentaire {
 position: relative;
 padding: 5px;
 border: 5px solid rgba(0,0,0,0.03);
 box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
 background-color: #EEEBE2;/*si pas de rgba*/
 background-color: rgba(255,255,255,0.2);
 margin-bottom: 5px;
 border-radius: 3px 3px;
}
.commentaire > .avatar {
 position: absolute;
 width: 70px;
 height: 70px;
 left: -89px;
 top: 0px;
 border: 1px solid #FFF;/*si pas de RGBA*/
 border: 1px solid rgba(255,255,255,0.6);
 background-color: #FFF;
 border-radius: 5px 5px;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 -moz-transition: all 0.1s ease-in-out 0s;
 -webkit-transition: all 0.1s ease-in-out 0s;
 transition-property: all 0.1s ease-in-out 0s;
 background-image: url(../images/interface/users.jpg);
 background-repeat: no-repeat;
 background-position: right top;
}
.commentaire:hover {
 background-color: rgba(255,255,255,0.4);
}
.commentaire:hover .avatar {
 left: -85px;
}
.commentaire h3 {
 color: #8A7C61;
 font-size: 1.1em;
 font-weight: 700;
 text-shadow: 0 -1px 0 rgba(255,255,255,0.3);
}
.form2 .etoiles {
 padding-left: 10px;
 display: inline;
 margin-bottom: 5px;
}
.form2 .etoiles span {
 display: block;
 padding-top: 0px;
 margin-right: 5px;
 float: left;
 font-size: 1.2em;
 font-weight: 700;
}
.form2 .etoiles img {
 display: block;
 float: left;
}
.form2 {
 position: relative;
 padding: 5px;
 margin-bottom: 5px;
}
.form2 textarea {
 min-height: 90px;
 font-size: 1.2em;
 width: 83%;
 float: left;
 margin-bottom: 0 !important;
}
.form2 .bt {
 background-color: #EEEBE2;
 padding: 3px 10px;
 border-radius: 3px 3px;
 border: 1px #847350 solid;
 margin-top: 14px;
 margin-right: 17px;
 box-shadow: 0 1px 4px rgba(255,255,255,0.6);
 font-size: 17px !important;
}
#com {
 background-color: #C5B7A2;/*si pas de rgba*/
 background-color: rgba(0,0,0,0.05);
 padding: 5px;
 box-shadow: inset 0 0 1px rgba(0,0,0,0.1);
}
.annonce .titre a:hover {
 color: #34B4E4;
 text-decoration: underline;
}
.annonce .txt_contenu {
 color: #262626;
 font-weight: 300;
 padding: 5px 0 0 5px;
 margin: 10px 0 0 0;
 min-height: 64px;
}
/*.annonce .btsannonce{
	position:absolute; width:710px;
	bottom:0px; right:0;
}*/

.annonce .btsannonce .adresse, .annonce .btsannonce .adresse:link, .annonce .btsannonce .adresse:visited {
 font-size: 1.2em;
 color: #009ee0;
 font-weight: normal;
 position: relative;
 display: block;
 float: left;
}
.annonce .btsannonce .bt {
 float: right;
 margin: 0 5px 0 0;
}
.topright {
 position: absolute;
 width: 72px;
 height: 29px;
 top: 2px;
 right: 0;
 z-index: 30;
 background: url(../images/interface/back_topright_annonce.png) no-repeat;
}
/* FICHE */

.tags {
 position: relative;
 margin: 10px 0 15px 0;
}
.tags a, .tags a:link, .tags a:visited {
 display: block;
 position: relative;
 float: left;
 padding: 3px 5px;
 color: #ffffff;
 font-size: 11.15em;
 border: 1px solid #D8EFF8;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -moz-box-shadow: 0px 0px 3px #4d4d4d;
 -webkit-box-shadow: 0px 0px 3px #4d4d4d;
 box-shadow: 0px 0px 3px #4d4d4d;
 margin: 0 5px 5px 0;
 /* Anciens navigateurs */
 background: #2C84A4 url("composants/gradient-bg.png") repeat-x top;
 -o-background-size: 100% 100%;
 -moz-background-size: 100% 100%;
 -webkit-background-size: 100% 100%;
 background-size: 100% 100%;
	/* Internet Explorer */
	*background: #2C84A4;
 background: #2C84A4\0/;
 filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF62C0E2, endColorstr=#FF2C84A4);
 /* Navigateurs r�cents */
 background-image: -webkit-gradient( linear, left top, left bottom, from(#62C0E2), to(#2C84A4) );
 background-image: -webkit-linear-gradient( top, #62C0E2, #2C84A4 );
 background-image: -moz-linear-gradient( top, #62C0E2, #2C84A4 );
 background-image: -o-linear-gradient( top, #62C0E2, #2C84A4 );
 background-image: linear-gradient( top, #62C0E2, #2C84A4 );
}
.tags a:hover {
 text-decoration: none;
 color: #2C84A4;
 border: 1px solid #ffffff;
 /* Anciens navigateurs */
 background: #ded8cb url("composants/gradient-bg.png") repeat-x top;
 -o-background-size: 100% 100%;
 -moz-background-size: 100% 100%;
 -webkit-background-size: 100% 100%;
 background-size: 100% 100%;
	/* Internet Explorer */
	*background: #ded8cb;
 background: #ded8cb\0/;
 filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFf7f4ec, endColorstr=#FFded8cb);
 /* Navigateurs r�cents */
 background-image: -webkit-gradient( linear, left top, left bottom, from(#f7f4ec), to(#ded8cb) );
 background-image: -webkit-linear-gradient( top, #f7f4ec, #ded8cb );
 background-image: -moz-linear-gradient( top, #f7f4ec, #ded8cb );
 background-image: -o-linear-gradient( top, #f7f4ec, #ded8cb );
 background-image: linear-gradient( top, #f7f4ec, #ded8cb );
}
/* BAS ACCUEIL */


.bas_accueil {
 position: relative;
 width: 980px;
 height: 444px;
 padding: 0 20px 0 21px;
 left: -21px;
 background: url(../images/interface/back_bas_accueil.jpg) no-repeat;
}
.bas_accueil .contact {
 position: relative;
 padding: 10px;
}
.bas_accueil .contact .mini_titre {
 font-family: 'Lobster', arial, sans-serif;
 font-size: 22px;
 color: #ffffff;
 text-align: center;
 position: relative;
 display: block;
 margin: 23px 0 0 0;
}
.bas_accueil .adresse {
 position: relative;
 padding: 10px;
}
.bas_accueil .adresse .mini_titre {
 font-family: 'Lobster', arial, sans-serif;
 font-size: 19px;
 color: #000000;
 text-align: center;
 position: relative;
 display: block;
 margin: 39px 0 0 0;
 padding: 0 34px;
}
.bas_accueil .adresse .mini_titre span {
 color: #55bde3;
}
.bas_accueil .adresse .txt_contenu {
 margin-top: 60px;
 color: #ffffff;
 text-align: center;
}
.bas_accueil .adresse .txt_contenu span {
 font-family: 'Lobster', arial, sans-serif;
 font-size: 16px;
}
/* BT*/
.bt, .bt:link, .bt:visited {
 display: block;
 position: relative;
 float: left;
 font-family: 'Lobster', arial, sans-serif;
 font-size: 16px;
 color: #5b5a57 !important;
}
.bt:hover {
 color: #000000!important;
 text-decoration: none;
}
.btenvoyer {
 position: absolute;
 width: 150px;
 height: 40px;
 background-image: url(../images/interface/bt_envoyer.png);
 background-repeat: no-repeat;
 background-position: top left;
 bottom: 0;
 left: 75px;
}
.btenvoyer:hover {
 background-position: bottom left;
}
.btenvoyer span {
 display: block;
 position: relative;
 text-indent: -9999px;
}
/* FOOTER*/

#footer {
 position: relative;
 margin: 30px 0 0 0;
 color: #403b30;
 font-size: 11px;
}
#logo_jalis {
 display: block;
 position: absolute;
 top: -7px;
 right: 7px;
 z-index: 3;
}
#footer_top {
 position: relative;
 padding: 5px 10px;
 border-bottom: 1px solid #d0c3ab;
 text-align: center;
 font-weight: bolder;
 z-index: 1;
}
#footer_content {
 position: relative;
 padding: 5px 10px;
 min-height: 15px;
 background: #d0c3ab;
 border-top: 1px solid #c0b08f;
}
/* prenom_1erelettrenomdugraphiste.CSS
 * 
 * contient les éléments particuliers à  chacun des graphistes. 
 * 
 */

 
 /* ///////////////////////////////////////////////////////////////////
  * 				RESET CONFIG
  */ 
.centrage {
 width: 980px;
}
/* ///////////////////////////////////////////////////////////////////
 * 				STUFF
 */ 
  
 /***** ELEMENTS *****/
a, a:link, a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
/***** TIPS *****/

.bloc_pad {
 padding: 25px;
}
.push_annonce {
 margin-right: 40px;
}
.push_annonce2 {
 margin-right: 6px;
}
.panneau {
 position: absolute;
 top: -2px;
 left: -2px;
 z-index: 2;
}
.camera {
 background-image: url(../images/interface/camera.png);
 background-repeat: no-repeat;
 background-position : center center;
 display: block;
 width: 100%;
 min-height: 300px;
}
.couleur_defaut, .couleur_defaut a, .couleur_defaut a:hover, .couleur_defaut a:visited {
 color: #666;
}
/***** COLONNES *****/
.colonne_727 {
 width: 727px;
 float: left;
 position: relative;
}
.colonne_710 {
 width: 710px;
 float: left;
 position: relative;
}
.colonne_630 {
 width: 630px;
 float: left;
 position: relative;
}
.colonne_600 {
 width: 600px;
 float: left;
 position: relative;
}
.colonne_590 {
 width: 590px;
 float: left;
 position: relative;
}
.colonne_575 {
 width: 575px;
 float: left;
 position: relative;
}
.colonne_530 {
 width: 530px;
 float: left;
 position: relative;
}
.colonne_500 {
 width: 500px;
 float: left;
 position: relative;
}
.colonne_480 {
 width: 480px;
 float: left;
 position: relative;
}
.colonne_460 {
 width: 460px;
 float: left;
 position: relative;
}
.colonne_450 {
 width: 450px;
 float: left;
 position: relative;
}
.colonne_430 {
 width: 430px;
 float: left;
 position: relative;
}
.colonne_400 {
 width: 400px;
 float: left;
 position: relative;
}
.colonne_390 {
 width: 390px;
 float: left;
 position: relative;
}
.colonne_370 {
 width: 370px;
 float: left;
 position: relative;
}
.colonne_350 {
 width: 350px;
 float: left;
 position: relative;
}
.colonne_330 {
 width: 330px;
 float: left;
 position: relative;
}
.colonne_300 {
 width: 300px;
 float: left;
 position: relative;
}
.colonne_290 {
 width: 290px;
 float: left;
 position: relative;
}
.colonne_275 {
 width: 275px;
 float: left;
 position: relative;
}
.colonne_235 {
 width: 235px;
 float: left;
 position: relative;
}
.colonne_213 {
 width: 213px;
 float: left;
 position: relative;
}
.colonne_200 {
 width: 200px;
 float: left;
 position: relative;
}
.colonne_175 {
 width: 175px;
 float: left;
 position: relative;
}
.colonne_140 {
 width: 140px;
 float: left;
 position: relative;
}
#controls a {
 color: #5FC3E7;
}
#frmContact {
 height: 316px!important;
}
#recaptcha_image img {
 width: 274px !important;
 height: auto !important;
}
#divrecaptcha {
 margin-top: 15px;
}
/***** INPUT *****/

.contact input[type=text], .contact textarea, .contact input[type=password] {
 width: 98%;
 padding-left: 4px;
 margin-bottom: -5px;
 color: #616161;
 font-size: 14px;
 font-weight: 400;
 height: 22px;
 background-color: #ffffff;
 border: solid 1px #ffffff;
 box-shadow: inset 1px -1px 3px rgba(0,0,0,0.3);
 outline: none;
}
.contact #nom {
 margin-top: 5px;
}
.contact #commentaire {
 height: 60px!important;
 font-size: 14px;
 font-weight: 400;
 font-family: "Century Gothic", Helvetica, sans-serif;
}
.contact input[type=radio] {
 margin-left: 50px;
}
.contact input:focus, .contact textarea:focus {
 border: solid 1px #999999;
 color: #1a1a1a;
 font-weight: 300;
}
.alerte {
 border: 1px solid red;
 color: red;
 background-color: white;
 padding: 5px;
 margin-top: 10px;
 margin-bottom: 10px;
}
.put_forward {
}
.put_forward a+a {
 border: 1px solid black;
 padding: 5px;
 font-weight: bold;
}
.txt_contenu4, .txt_contenu4 a, .txt_contenu4 a:hover, .txt_contenu4 a:visited {
 color: #403B30;
 text-align: center;
}
.footer_link_spacing {
 margin: 10px;
}
.result_message {
 color: #58534a;
 font-weight: bold;
 margin-top: 20px;
 margin-bottom: 30px;
 text-align: center;
 font-size: 12px;
 font-family: 'Century Gothic', arial, sans-serif;
}
.result_message2 {
 color: #58534a;
 font-size: 12px;
 font-family: 'Century Gothic', arial, sans-serif;
}
.result_message2 input {
 float: none;
 display: inline;
}
.result_message a, .result_message a:hover, .result_message a:visited, .result_message h2, .result_message h2 a {
 color: #80765E;
}
.result_message2 a, .result_message2 a:hover, .result_message2 a:visited, .result_message2 h2, .result_message2 h2 a {
 color: #80765E;
}
.pagination, .pagination a, .pagination a:visited {
 color: #403B30;
}